/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background: #a74710 url(images/fond.jpg) 0 0 repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding-bottom:20px;
}

#header{
height:310px;
background:url(images/bandeau.jpg) 0 0 no-repeat;
}

#header h1{
display:none;
}

#header p{
font-size:11px;
position:absolute;
text-align:right;
top:185px;
width:350px;
}

#son{
margin:0pt 0pt 0pt 550px;
padding:3px 0pt 0pt;
}

#footer{
clear:both;
margin:0 auto;
width:760px;
background:url(images/fond_pied.jpg) 0 0 no-repeat;
height:20px;
text-align:center;
padding-top:45px;
font-size:10px;
color:#999999;
}

#footer a{
color:#999999;
text-decoration:none;
}

/* ------------------------------------------------------------------ menu */

#navigation{
width:300px;
position:absolute;
top:250px;
height:220px;
background:url(images/fond_menu.jpg) 0 0 no-repeat;
}

#menu{
list-style:none;
padding-top:50px;
margin-left:10px;
}

#menu li{
text-align:center;
padding:2px 0;
font-size:14px;
}

#menu li.select{
font-weight:bold;
}

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

#menu a:hover{
color:#df4800;
font-weight:bold;
}

#menu a:hover:after{
content:"]";
}

#menu a:hover:before{
content:"[";
}

.clear{
visibility:hidden;
clear:both;
}

/* ------------------------------------------------------------------ contenu */

#container{
margin:0 auto;
width:760px;
background:url(images/fond_container.jpg) 0 0 repeat-y;
}

#wrapper{
margin-left:270px;
padding:0 45px 30px 30px;
min-height:500px;
clear:both;
}

#content a{
color:#FFFFFF;
text-decoration:none;
}

#content a:hover{
color:#FFD75F;
}

#content ul{
margin:0 0 10px 20px;
}

#content ul li{
padding:2px 0;
}

h2{
background:transparent url(images/icone.png) no-repeat scroll left center;
border-bottom:1px dotted #5d2901;
color:#FFD75F;
font-size:14px;
height:23px;
margin:0pt 0pt 20px;
padding:15px 0pt 0pt 35px;
}

h3{
margin:20px 0 10px 0;
padding:0 0 4px 0;
font-size:12px;
border-bottom:1px dotted #5d2901;
color:#df4801;
}

#container p{
margin:3px 0 15px 0;
}

#container ul{
list-style:none;
}

img.visuel{
float:left;
margin-right:10px;
margin-bottom:5px;
}

#extrabis p.legende{
color:#999999;
font-size:10px;
text-align:left;
background:url(images/legende.gif) 0 50% no-repeat;
margin:5px 5px 10px 5px;
padding-left:15px;
}

#extrabis a{
text-decoration:none;
color:#FFD75F;
}

#extra{
font-size:11px;
width:280px;
position:absolute;
top:480px;
background:url(images/extra_bas.jpg) 0 100% no-repeat;
}

#extrabis{
background:url(images/extra_haut.jpg) 0 0 no-repeat;
/*min-height:700px;*/
padding:50px 53px 50px 75px;
}

#extrabis ul li{
margin:5px 0;
}

#extrabis h3{
margin:5px 0 10px 0;
color:#FFD75F;
text-align:right;
}

#flash{
text-align:center;
}

#plusvideo li{
list-style-type:square;
font-size:11px;
}

/* ------------------------------------------------------------------ tableau */

th, td{
text-align:center;
padding:5px 9px;
vertical-align:top;
border-bottom:1px solid #5d2901;
}

td{
border-width:0 1px 1px 0;
}

thead th{
color:#3F1C01;
font-weight:normal;
}

thead th, td{
border:1px solid #5d2901;
border-width:0 1px 1px 0;
}

th{
border-right:1px solid #5d2901;
}

/* ------------------------------------------------------------------ diapo */

.diapo{
float:left;
margin:1px;
text-align:center;
width:100px;
}

.diapo img{
border:none;
}

#fatras img{
margin:0 5px 0 0;
border:none;
}