body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background : #fff url(noirdeg.png) repeat-x fixed 50% 0%; 
} 

div#conteneur {
width : 900px; 
margin : 0 auto; 
text-align : left; 
background : #fff; 
border : 2px solid #084B8F; 
} 

h1#header {
height : 120px; 
background : #000 url(hauth2o.png) no-repeat 0% 0%;
width:900px;
margin : 0; 

} 

h1#header p {
padding : 0px 0px 0 10px; 
position : absolute; 
margin: 57px auto; 
font-size : 20px; 
color : #fff; 
text-decoration : none; 
} 


span.titre {
padding : 8px 0px 0 10px; 
position : absolute; 
left : 0px; 
top : -55px;
	color:#074A8E;
	font-size : 12px; 
	width:550px;
}

span.benefit {
padding : 0px 0px 0 10px; 
position : absolute; 
left : 0px;
top : 30px; 
width:550px;
	color:#fff;
	font-size : 15px; 
}

span.langues {
padding : 0px 0px 0 10px; 
position : absolute; 
left : 430px;
top : 15px; 
width:550px;
	} 


div#header a {
color : #333; 
text-decoration : none; 
background : #eee; 
} 

div#contenu {
padding : 0 180px 0 10px; 
 
} 

div#contenu h2 { 
padding-left : 50px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h2.png) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333; 
} 

span.texte {
font-weight: bold;
}
#picture {
	float:left;
	padding : 0 0 0 5px; 
	width: 270px;
}

#picture2 {
	float:right;
	padding : 0 0 0 20px; 
	width: 250px;
	max-width:250px;
}

#picture3 {
	float:left;
	width: 200px;
}

#picture4 {
margin-left: auto; 
margin-right: auto; 
float:middle;
	width: 500px;
}

#picture5 {
	float:right;
	padding : 0 0 0 10px; 
	width: 250px;
}

#picture6 {
padding : 0 0 0 50px; 
float:left;
	width: 250px;
}

#picture7 {
float:right;
	width: 300px;
}

div#contenu h3 {
margin-left : 30px; 
padding-left : 5px; 
border-bottom : 1px solid #333; 
border-left : 3px solid #333; 
color : #333; 
} 
div#contenu p {
margin-left : 15px; 
text-align : left; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu table {
margin-left : 7px; 
text-align : left; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu a {
color : #333; 
text-decoration : none; 
background : #eee; 
} 
div#contenu a:hover {
color : #000; 
background : #ddd; 
text-decoration : none; 
} 
div#contenu h2 a , div#contenu h3 a {
color : #333; 
background : #fff; 
text-decoration : overline; 
} 
div#contenu h2 a:hover , div#contenu h3 a:hover {
color : #000; 
background : #fff; 
text-decoration : none; 
} 

pre {
overflow : auto; 
} 

.menu {
width : 900px; 
} 

ul.menu {
height : 30px; 
margin : 0; 
padding : 0; 
background : url(boutonmenu.png) repeat-x 0 -20px; 
list-style-type : none; 
} 
ul.menu li {
float : left; 
text-align : center; 
} 
ul.menu li a {
padding : 0 10px; 
line-height : 20px; 
font-size : 1em; 
font-weight : bold; 
letter-spacing : 1.2px; 
color : #0A4D91; 
display : block; 
text-decoration : none; 
border-right : 3px solid #0A4D91; 
} 

ul.menu li a:hover {
color : #fff; 
background : url(boutonmenu2.png) repeat-x 0 -1px; 
}
.menu .btnon * {
color:#FFFF00;
text-decoration:none;
background : #084B8F; 
font-size : 1em; 
} 

#vertical {
position: relative;
float: right;
right: 0px;
width: 170px;
text-align: right;
text-decoration:none;
}
div#vertical h2 {
margin-left : 0px; 
padding-left : 5px; 
border-bottom : 1px solid #333; 
border-left : 3px solid #0A4D91; 
color : #333; 
text-align: left;
font-size : 1.4em; 
}

/* -------[Menu 2]-------- */

.menu2 {
width: 168px;
border-top : 2px solid #084B8F;
border-left : 2px solid #084B8F; 
border-right : 2px solid #084B8F;  
border-bottom : 2px solid #084B8F; 
}

ul.menu2 {
margin : 0; 
padding : 0; 
list-style-type : none; 
} 

ul.menu2 li {
text-align : left; 
}

ul.menu2 li a {
padding : 0 5px; 
line-height : 20px; 
display : block; 
font-size : 0.9em; 
font-weight : bold;  
letter-spacing : 0.8px; 
color : #0A4D91; 
display : block; 
text-decoration : none; 
background : url(boutonmenu.png) repeat-x 0 -20px; 
border-bottom : 6px solid #FFFFFF; 
}

ul.menu2 li a:hover {
color: #fff;
background: url(boutonmenu2.png) repeat-x 0 0px;
}

.menu2 .btnon * {
color:#FFFF00;
text-decoration:none;
background : #084B8F; 
} 


p#basdepage {
margin : 0; 
padding-right : 10px; 
line-height : 30px; 
text-align : right; 
color : #333; 
} 
p#basdepage a {
color : #333; 
background : #eee; 
text-decoration : none; 
} 
p#basdepage a:hover {
color : #000; 
background : #ddd; 
text-decoration : none; 
}