/* CSS Document */

body
{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding:0px;
margin:0px;
text-align:center;
background:url(../images/bg_repeat.jpg) 0 0 repeat-x;
}
#page{
position:relative;
width:980px;
margin:0 auto;
}
a{
font-size:12px;
color:#F8AA02;
text-decoration:none;
}
a:hover{
font-size:12px;
color:#B3B2B2;
}
#banniere{
z-index:1;
margin:0 auto;
height:158px;
background: url(../images/fond_banniere.jpg) repeat-x #666668;


}

#contact{
z-index:3;
position:absolute;
top:35px;
left:237px;
height:547px;
width:294px;
background: url(../images/fond_contact.jpg) no-repeat;
}
#trace{
z-index:3;
position:absolute;
top:35px;
left:266px;
height:547px;
width:100%;
background: url(../images/TRACETXT.jpg) no-repeat;
}
#contact img{
margin-top:44px;
}
#contenu{
background: url(../images/pxl_contenu.jpg) repeat-x;
text-align:left;
width:100%;

}
#BlocDroit{
float: left;
width:437px;
margin-left:265px;

}
#BlocGauche{
float: left;
width:278px;
}
#menuAccueil{
height:44px;
padding-top:6px;
padding-left:80px;

}
#menuAccueil img{
margin-left:14px;}
#menuAccueil a{
font-family: "Trebuchet MS", Tahoma;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
#menuAccueil a:hover{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFB508;
text-decoration:none;
}


#menu{
position:absolute;
width:261px;
padding-left:18px;
height:190px;
z-index:3
}


#menu1{
display:block;
height:31px;
}
#menu1 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:28px;
background: url(../images/OFF.jpg) 31px 100% no-repeat;
padding-left:80px;
padding-top:3px;
}
#menu1 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON.jpg) 0px 100% no-repeat;

}
#menu2 a {
font-size:16px;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
background: url(../images/OFF2.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:4px;
color: #000000;
}
#menu2 a:hover {
color: #000000;
font-size:16px;
font-weight:bold;
text-decoration:none;
background: url(../images/ON2.jpg) 0px 100% no-repeat;
}


#menu3 a {
font-size:16px;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
background: url(../images/OFF3.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:4px;
color:#000000;
}
#menu3 a:hover {
color:#F9A103;
font-size:16px;
font-weight:bold;
text-decoration:none;
background: url(../images/ON3.jpg) 0px 100% no-repeat;
}
#menu4 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
background: url(../images/OFF4.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:4px;
}
#menu4 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON4.jpg) 0px 100% no-repeat;

}
#menu5 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
background: url(../images/OFF5.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:4px;
}
#menu5 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON5.jpg) 0px 100% no-repeat;

}
#menu6 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:27px;
background: url(../images/OFF6.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:4px;
}
#menu6 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON6.jpg) 0px 100% no-repeat;

}
#menu10{
display:block;
padding-left:34px;
padding-top:35px;
}

#menu7 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:28px;
background: url(../images/OFF7.jpg) 31px 100% no-repeat;
padding-left:80px;
padding-top:3px;
}
#menu7 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON7.jpg) 0px 100% no-repeat;

}

#menu8 a{
font-size:16px;
color:#000000;
font-weight:bold;
text-decoration:none;
display:block;
height:28px;
background: url(../images/OFF8.jpg) 30px 100% no-repeat;
padding-left:80px;
padding-top:3px;
}
#menu8 a:hover{
font-size:16px;
color:#F9A103;
font-weight:bold;
text-decoration:none;
background: url(../images/ON8.jpg) 0px 100% no-repeat;

}
#editot{

width:294px;
}

#editotContenu{
font-size:12px;
color:#000000;
font-weight: bold;
text-align:justify;
padding:0 30px;
background: url(../images/fond_editot.jpg) repeat-y;
}
#editotContenu span{ color:#172A60; font-style:oblique;}
#editotContenu h2{
font-size:16px;
color:#000000;
padding:0;
padding-top:10px;
margin:0;

}

#editotBas{
height:19px;
width:294px;
}

#slogan{
height:127px;
width:294px;}
#sloganContenu{
height:116px;
background:url(../images/fond_slogan.jpg) repeat-x;
}

#mascotte{
position:absolute;
top:226px;
left:308px;
z-index:6;}

#footer{
position:relative;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
color:#B3B2B2;
text-align:left;
padding: 0 0 4px 6px;
font-weight:normal;
}
#footer a{
font-size:10px;
color:#B3B2B2;
text-decoration:none;}
#footer a:hover{
font-size:10px;
color:#B3B2B2;}


#menufooter{ float:left; padding-left:260px;
}
#mention{ float:left;}

 #menufooter a{
font-size:10px;
color:#A50000;
}

#menufooter a:hover{
font-size:10px;
color:#FFA800;
}


#w3c{ position:absolute; bottom:0px; left:950px;}