@charset "utf-8";

/* ---------- ---------- ---------- CSS Document ---------- ---------- ---------- */

		/* 
		body
		{
			alignment-adjust:center;
			max-height:100%;
			max-width:100%;
			display:flex;
			flex-wrap:wrap;
			flex-direction:column;
			align-items:center;
			justify-content:center;
		} 
		*/
	
	
/* ---------- ---------- ---------- textes ---------- ---------- ---------- */
		
		@font-face
		{
			font-family: "Ailerons-Typeface.otf";	
			src:url(fonts/Ailerons-Typeface.otf)	
		} 
	
		p 
		{
			font-family:Arial, Arial, Helvetica, sans-serif;	
			text-decoration:none;
			word-wrap:break-word;
			color: rgb(0,0,80);
		}
		
		a, a:visited 
		{
			text-decoration:none;
			color: rgb(0,0,80);
			font-family:Arial, Arial, Helvetica, sans-serif;	
		}
		
		
			
/* ---------- ---------- ---------- blocs ---------- ---------- ---------- */
	
	#body
	{ 
		width:1000px;
		height:auto;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
		
	/* je ne comprends pas pourquoi ca ne marche que pour le media portait
	#body
	{
		width:auto;
		max-width:100%;
		margin-left:40px;
		margin-right:40px;
	}
	*/
	
	
	
		/* ---------- ---------- ---------- header ---------- ---------- ---------- */
		
			#header
			{
				width:1000px;
				max-width:100%;
				line-height:1.2em;
				margin-left:auto;
				margin-right:auto;
				padding-left:40px;
			}
			
			h1
			{
				padding-left:40px;
				text-align: left;
				line-height:0.9em;
				font-size:1.5em;	
				font-weight:bold;
				color: rgb(0,0,80);
			}
			
			#subtitle
			{
				font-size:0.8em;
				font-weight:lighter;
				color: rgb(0,0,80);
				text-decoration:none;
			}
		
		
				
		/* ---------- ---------- ---------- content ---------- ---------- ---------- */
			
			#content
			{
				width:1000px;
				max-width:100%;
				height: auto;
				max-height:667px;
				margin-left:auto;
				margin-right:auto;
				
				background-repeat: no-repeat;
			
				display:flex;
				justify-content:stretch;
				align-items:center;
				vertical-align:middle;
			}
			
			#bouton_g
			{
				width:30px;
				margin-right:10px;
			}
			
			.image
			{
				align-items: stretch;
				max-width:100%;
			}
			
			#bouton_d
			{
				width:30px;
				margin-left:10px;
			}
			
			/*
			h2
			{
				font-family: "Ailerons-Typeface.otf";
				font-size:1.3em;	
				text-decoration:none;	
				text-align:justify;
			}
			*/
		
		
		
		/* ---------- ---------- ---------- footer ---------- ---------- ---------- */
			
			#footer
			{
				alignment-adjust:central;
				background-color:#white;
				width:auto;	
				height:auto;	
			}
		
			.contact
			{
				text-align: center;
				font-size: .8em;
			}