body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
font-weight : bold;
background: #FFF url(Image/deg.gif) repeat-x fixed 50% 0%;
} 

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

h1#header {
height : 120px; 
background : #000 url(Image/head.gif) 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 : 1px;
	top : -56px;
	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;
}

span.texte2 {
font-weight: bold;
font-size:14px
}

span.texte3 {
text-align:left ;
}

span.text {
;
}

#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;
}

#picture8 {
	float:left;
	padding : 0 0 0 5px; 
	width: 500px;
}

#picture9 {
	float:left;
	padding : 0 0 0 5px; 
	width: 130px;
}

#picture10 {
	float:right;
	padding : 0 0 0 5px; 
	width: 200px;
}

#picture11 {
float:right;
	width: 150px;
}


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;
	font-size: 1em;
} 
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; 
} 
#div1 {
float:left; 
width:70%; 
}

.menu {
width : 900px;
} 

ul.menu {
height : 20px; 
margin : 0; 
padding : 0; 
list-style-type : none;
background:url(Image/bouton.gif) repeat-x;
} 
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 : 2px solid #0A4D91;
;
background:url(Image/bouton.gif) repeat-x;
} 

ul.menu li a:hover {
color : #fff; 
background : #0A4D91;
 
}
.menu .btnon * {
color:#66cccc;
text-decoration:none;
background : #6cb9c1; 
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 #000; 
border-left : 3px solid #000000; 
color : #333; 
text-align: left;
font-size : 1.4em; 
}

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

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

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

ul.menu2 li {
text-align : left; 
background: url(Image/bouton2.gif) repeat-y;
}

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 : color: #333 ; 
border-bottom : 6px solid #FFFFFF; 
}

ul.menu2 li a:hover {
color : #fff; 
background : #0A4D91;
}

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


p#basdepage {
	float:right;
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; 
}