body, p, div, a, li, ul, html, br, h1 {
margin:0; 
padding:0;
}
body {
background:url(img/trame_fond.gif);
}
a:link {
	color: #a4a3a3; 
	text-decoration: none; 
	background-color: transparent
}
a:visited {
	color: #C1C1C1; 
	text-decoration: none; 
}
a:hover {
	color: #0BA8C2;  
}
a:active { 
	color: #727272; 
}

/***** structure HTML *******/
#superieur {
width:1000px;
position:absolute;
top:15px;
left:50%;
margin-left:-500px;
background: #FFFFFF;

}

#header{
width:990px;
height:90px; 
margin:0px 0px 0px 14px;
text-align: right;
background:url(img/header.jpg);
}

#menu{
width:940px;
height:46px;
margin:0px 0px 0px 22px;
text-align: left;
background:url(img/fond_menu.jpg);

}
#menu ul{
margin:0;
padding:14px 34px 3px 0px;
list-style:none;
}
#menu li{
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #9B9B9B;
font-weight: bold;
}
#menu a{
color: #9B9B9B;
text-decoration: none;
padding:7px 2px 12px 2px;
width: 940px;
}
#menu a:hover{
color: #0BA8C2;
background-position:bottom;
}

#menu .current{
color: #333;
}

#centre {
width:1000px;
}

#contenu_gauche{
float:left;
width: 695px;
margin:0px 25px 0px 5px;

}
#titrepage{
padding:5px 0px 5px 14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#333333;
}

#contenu_gauche p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
margin:15px 5px 3px 30px;
padding:8px 4px 3px 12px;
}
#contenu_gauche h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
color: #08A7C1;
text-decoration: none;
margin:0px 0px 0px 5px;
}

#contenu_gauche h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color:#666;
text-decoration: none;
margin:0px 0px 0px 10px;
}

.img1{
vertical-align:top;
text-indent: 15px;
padding: 10px 2px 10px 2px;
float: left;
border:none;
}

.img2{
vertical-align:top;
text-indent: 5px;
padding: 3px 2px 15px 2px;
margin:0px 2px 25px 16px;
float: left;
border-color:#DBDBDB;
border-width:medium;
}

.img3{
vertical-align:top;
text-indent: 5px;
padding: 3px 2px 3px 2px;
margin:0px 10px 10px 10px;
float: left;
border:none;
}

#contenu_droite{
float:left;
width: 250px;
margin:2px 1px 5px 0px;
}

#contenu_droite h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #EAEAEA;
font-weight:bolder;
margin:5px 0 5px 0;
padding:0;
}
#contenu_droite .navigation .current{ 
color: #333;
}
#contenu_droite .navigation { 
margin: 0; 
padding: 0; 
list-style: none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #9B9B9B;
font-weight:bolder;
} 
#contenu_droite  .navigation a, #contenu_droite .navigation span { 
display: block; 
padding: 4px 10px; 
color: #9B9B9B;
text-decoration: none; 
} 

#contenu_droite .navigation a:hover, #contenu_droite .navigation a:focus, #contenu_droite .navigation a:active { 
text-decoration: none; 
} 
#contenu_droite .navigation .subMenu { 
font-size: 14px; 
margin: 0; 
padding: 0;
list-style-type:none;
} 
#contenu_droite .navigation ul.subMenu a { 
background: none; 
padding: 3px 20px; 
}
#contenu_droite .navigation .menuactiv { 
font-size: 14px; 
margin: 0; 
padding: 0;
list-style-type:none;
} 
#contenu_droite .navigation ul.menuactiv a { 
background: none; 
padding: 3px 20px; 
}
#contenu_droite h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#0BA8C2;
font-weight:bolder;
margin:0px 0px 4px 15px;
}

#fin_centre {
width:642px;
height:28px;
clear:both;
background:url(img/trame_fond_page2.gif);
margin:8px 0px 8px 25px;
padding:6px 0px 0px 12px;
}

#fin_centre ul{
margin:0;
padding:6px 0px 2px 20px;
list-style:none;
}
#fin_centre li{
display: inline;
padding:6px 22px 5px 5px;
}
#fin_centre a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-align:left;

}
#fin_centre a:visited{
color: #D6D6D6;
}
#fin_centre a:hover{
color: #0BA8C2;
}

#pied_page {
width:1000px;
height:25px;
text-align: center;
}
#pied_page ul{
margin:0;
padding:15px 0px 4px 0px;
list-style:none;
}
#pied_page li{
display: inline;
}
#pied_page a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #08A7C1;
font-weight: bold;
text-decoration: none;
text-align:left;
}
#pied_page a:visited{
color: #000000;
}
#pied_page a:hover{
color: #2B2B2B;
}
#fin_page {
width:1000px;
height:2px;
clear:both;
background:#08A7C1;
margin:0px 0px 10px 0px;

}
/*#trait_orange {
width:1007px;
height:1px;
background:#08A7C1;
}

.verd10noir { font-family: Verdana; font-size: 10px; color: #0A2C50; text-decoration:none; }
.verd10noirbold { font-family: Verdana; font-size: 10px; color: #0A2C50; font-weight: bold; text-decoration:none; }
.verd10blanc { font-family: Verdana; font-size: 10px; color: #FFFFFF; text-decoration:none; }
.verd10blancbold { font-family: Verdana; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration:none; }
.verd10rouge { font-family: Verdana; font-size: 10px; color: #FF0000; text-decoration:none; }
.verd10rougebold { font-family: Verdana; font-size: 10px; color: #FF0000; font-weight: bold; text-decoration:none; }

.lien-verd10noirbold { font-family: Verdana; font-size: 10px; color: #0A2C50; font-weight: bold; text-decoration:none; }
.lien-verd10noirbold:hover { font-family: Verdana; font-size: 10px; color: #3A4B5F; font-weight: bold; text-decoration:underline; }