/* CSS Document */

body{
	color: #879999;
	font-size: 80%;
	font-family: trebuchet ms,Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background: #879999;
   	scrollbar-face-color: #879999 ;
   	scrollbar-highlight-color: #FFFFFF; 
   	scrollbar-shadow-color: #FFFFFF; 
   	scrollbar-3dlight-color: #FFFFFF; 
   	scrollbar-arrow-color:   #FFFFFF;  
   	scrollbar-track-color:  #879999 ;
   	scrollbar-darkshadow-color:  #FFFFFF; 
}



h1, h2, h3, h4, h5, h6{

	font-family: "Trebuchet MS", sans-serif;
	
}

a {
color: #093A3D
}

/* La page
-------------------------------------------------------- */
#page{
	width: 1024px;
	height:100%;
	background: #879999;
	color: inherit;
	margin:0px;
	padding:0px;
}

/* Le header
-------------------------------------------------------- */
#header{
	width: 452px;
	height: 130px;
	background: #559F9F url(backgrounds/gris-vert4.gif);
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
	float:left;
}

#headerright{
	width: 572px;
	height: 130px;
	line-height: 1.7em;
	background: #559F9F url(backgrounds/gris-vert2.gif);
	background-position:top;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
	float:right;
}

#header h1{
	font-size:60px;
	font-family:arial,verdana;
	padding: 0px 0px 0px 30px;
	color: #F5F5F5;
	margin:0px;
	display: inline;
	line-height: 0.8em;
}

#header h2{
	font-size:26px;
	font-style:normal;
	font-weight:100;
	margin:0px;
	padding:0px 0px 0px 30px;
	font-family: "Trebuchet MS", arial,verdana;
	color: #ffffff;
	display: inline;
}

#header h3{
	font-size:14px;
	font-style:normal;
	margin:0px;
	padding: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", arial,verdana;
	color: #ffffff;
	display: inline;
	line-height: 1.1em;
}

/* Le menu
-------------------------------------------------------- */
#menu{
	height: 130px;
	width: 200px;
	line-height: 1.2em;
	background: #559F9F url(backgrounds/gris-vert.gif);
	background-repeat:no-repeat;
	font-size:21px;
	text-align:left;
	font-family: arial,verdana;
	font-weight:bold;
	color: #E0E0E0;
	padding:0px 18px 0px 18px;
	float:left;
	margin:0px 0px 0px 0px;
}

#menu a{
	color: #F5F5F5;
	text-decoration:none;
}

#menu a:visited{
	color: #F5F5F5;
}

#menu a:hover{
	color: #40360F;
}


#menu2{
	
	width: 180px;
	height: 130px;
	line-height: 1.2em;
	background: #559F9F url(backgrounds/gris-vert3.gif);
	background-repeat:no-repeat;
	font-size: 16px;
	text-align:left;
	font-family: arial,verdana;
	font-weight:bold;
	color: #316B66;
	float:left;
	padding:0px 18px 0px 18px;;
	margin:0px 0px 0px 0px;
}

#menu2 a{
	color: #F5F5F5;
	text-decoration:none;
}

#menu2 a:visited{
	color: #F5F5F5;
}

#menu2 a:hover{
	color: #40360F;
}


/* le contenu
-------------------------------------------------------- */
#left1{
	height: 370px;
	width: 1024px;
	float:left;
	background: #DEE4E5 url(images/spirale.gif) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}
#left2{
	height: 370px;
	width: 1024px;
	float:left;
	background: #000000 url(images/dialogue.gif) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}
#left3{
	height: 370px;
	width: 1024px;
	float:left;
	background: #000000 url(images/0396.jpg) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}
#left4{
	height: 370px;
	width: 1024px;
	float:left;
	background: #000000 url(images/rouge.jpg) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}

#left5{
	height: 370px;
	width: 1024px;
	float:left;
	background: #000000 url(images/antarctique.jpg) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}
#left6{
	height: 370px;
	width: 1024px;
	float:left;
	background: #000000 url(images/04_big.jpg) repeat-y center left;
	color: #FFFFFF;
	border-bottom:6px solid #ffffff;
}


#right{
	height: 355px;
	width: 500px;
	float:right;
	padding:5px 40px 10px 30px;
	background: #DEE4E5 url(backgrounds/gris-vert-right.gif) repeat-y center top;;
	background-repeat:no-repeat;
	color: #303B3F;
	border-left:2px solid #ffffff;
	overflow:auto;
	text-align:left;
	line-height: 1.2em;
}

#right a{
	color: #008B8B;
}
#right a:hover{
	color: #083535;
}

#formation{
	width: 240px;
	float:left;
	padding:-10px;
	}
#formation ul{
	line-height:12px;
}
#formation li{
	line-height:9px;
	letter-spacing:-1px;
	
	
}
#formation h4{
	margin:0px;
	
}

#conseil{
	width: 240px;
	float:right;
	padding:-10px;
}

#conseil li{
	padding:2px;
	line-height:9px;
	letter-spacing:-1px;
}


#right h1{
 	font-size:29px;
	padding-top: 10px;
	color: #2A6666;
	text-align:left;
	line-height: 1.0em;
	margin:0px 0px 11px 0px;
}

#right h3{
 	font-size:15px;
	color: #2A6666;
	text-align:left;
	line-height: 1.0em;
	margin:16px 0px 1px 0px;
}
#right h5{
	font-family:tahoma;
 	font-size:14px;
	color: #000000;
	text-align:left;
	line-height: 1.4em;
	margin:0px 0px 1px 0px;
}

#right li{
	text-decoration:none;
	background: #DEE4E5;
	padding-left: 10px;
	margin-top: 13px;
}
#autrethemes {
	float:left;
	width:290px;
	padding:3px 60px 10px 0px;
	line-height:1.0em;
	border-top:1px solid #CAD8D9;
	text-align:left;
	margin-bottom:20px;
}
#autrethemes a{
	font-size:11px;
	color:#748E8E ;
	text-decoration:none;
}
#autrethemes h6{
	margin:0px;
}
.footer{
	height: 100%px;
	width: 1024px;
	font-size:12px;
	text-align:center;
	color: #ffffff;
	background: #559F9F url(backgrounds/gris-vert-footer.gif);
	padding:5px 0px 5px 0px;
}
.footer a{
	color: #D2BD3F;
	text-decoration:none;
}