h2
{
	/*border-bottom: 2px solid black;	*/
	font-family: Georgia, "Times New Roman", Times, serif; */

}
h1
{
	font-family: Georgia, "Times New Roman", Times, serif; */
		
	
}
h3
{
	font-family: Georgia, "Times New Roman", Times, serif; */
		
	
}
header{	
	border-bottom: 2px solid black;
	padding:10px;
	width:99%;
}

body
{
	/* rgb(143,186,106)
	rgb(200,176,119) ;
	*/
 	background-color:rgb(237,237,237) ;
 	margin-top:40px;
	margin-left:70px;
	margin-right:70px;
	margin-bottom:40px;
	
 	
 }
.imageflottante /*mise en forme image*/
{
	display:inline-block;
	margin-left:70px;
    vertical-align: top;
}
    
.imagebas /*mise en forme image*/
{
	display: block;
    margin-left: auto;
    margin-right: auto
}
.dessous
{
    clear: both;
}
p  /*paragraphes*/
{
    /*width: 65%; *//* On a indiqué une largeur (obligatoire) */
    padding: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left:10px;
}

a /*couleur lien hypertexte*/
{
    color: rgb(39,64,139);/*(112,128,144)rgb(101,12,12);rgb(102,51,51);rgb(0,6,50)*/
    background-color :  rgb(237,237,237);
    text-decoration: none;
}

#headg /* séparateur gauche*/
{
	display: inline-block;
	vertical-align: top;
	width:60%;
	padding : 5px;
	text-align: justify;
}
#headd /* séparateur droit*/
{
	display:inline-block;
	vertical-align: top;
	width: 30%;
	padding : 5px;
}


#introg /* séparateur gauche*/
{
	display: inline-block;
	vertical-align: top;
	width:55%;
	padding : 5px;
	text-align: justify;
	margin-right:5px;
}
#secg /* séparateur gauche*/
{
	display: inline-block;
	vertical-align: top;
	width:35%;
	padding : 5px;
	text-align: justify;
	margin-right:5px;
}
#introd /* séparateur droit*/
{
	display:inline-block;
	vertical-align: top;
	width: 40%;
	padding : 5px;
		text-align: justify;
	margin-left:10px;
}
#secd /* séparateur droit*/
{
	display:inline-block;
	vertical-align: top;
	width: 60%;
	padding : 5px;
		text-align: justify;
	margin-left:10px;
}

nav  /* barre de navigation */
{
	border-bottom: 2px solid black;
	width:99%;
	padding:10px;
	display: inline-block;
	vertical-align: top;
	/*margin-top:2px;*/
	margin-bottom: 10px;
}

ul, ol {  //THERE MAY BE OTHER ELEMENTS IN THE LIST
    margin:0;
    padding-left:15px;
}

ul#blue { margin:0; padding:0; list-style-type:none; }

ul#blue li { 
	position:relative; 
	float:left; 
	/*border-bottom:4px solid #efefef; */
	margin-right: 20px; 
	padding-right: 20px; 
	padding-top: 5px;}

ul#blue .current { border-bottom: 2px solid ;}

ul#blue li:hover { border-bottom:2px solid #3d496a;}

ul#blue li a { 
	border:2px 2px; 
	text-decoration:none;
	/*font-weight:bold; */
	font:bold 16px  Georgia, "Times New Roman", Times, serif; */
	/*color:rgb(39,64,139);*/
	}

ul#blue li a:hover { color:#8895b8; border:none; }

ul#blue li span{ 
	display:none; 
	position:absolute; 
	top:20px; 
	left:2px; 
	width:160px; 
	font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; 
	line-height: 15px; 
	}

ul#blue li a:hover span {
	margin-top: 7px;
	display:block; 
	color: #8895b8;
	}