/* CSS Document */
html {height:100%}
body {height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; margin:0; background:url(img/bg.png) center repeat-y #e9e9e9;}
img {border:none}
h1 {font-size:22px; color:#f15d22; font-weight:bold; letter-spacing:-1px; line-height:15px; font-variant:small-caps; font-family: "Arial Black", Arial, Helvetica, sans-serif; padding:0; margin:10px 0 2px -1px;}
h2 {font-size:20px; color:#f15d22; font-weight:bold; letter-spacing:-1px; line-height:15px; font-variant:small-caps; padding:0; margin:10px 0 4px -1px;}
h4 {font-size:12px; margin:0; color:#CCC;}
h5 {font-size:14px; color:#f15d22; margin-bottom:0; margin-top:10px}
p {margin:0}
a, a:visited {color:#f15d22}
a:hover, a:active {color:#000}

#top {background:#5a5966; position:absolute; width:100%; height:4px;}
#principal {width:1000px; height:100%; position:absolute; float:left; left:50%; margin-left:-500px; background-color:#5a5966;}

#load {background:url(img/loader.gif) no-repeat; background-position:center; background-color:#FFF; width:100%; height:412px;}
#header {background:url(img/bg-HD.jpg); width:999px; height:412px; border-left:#FFF solid 1px; overflow:hidden;}

.logo {margin:43px 0 33px 64px; border:none;}

/*MENU*/
#menu {background:url(img/bg-menu.png); width:230px; height:392px; margin-left:25px; padding:10px;}
#liste {width:230px; margin:0; padding:0;}
#liste li {height:21px; border-top:#ccc solid 1px; background:url(img/bg-tt.png); list-style:none; padding-top:8px;}
#liste li a, #liste li a :visited {text-decoration:none; font-weight:bold; color:#999; padding:10px 70px 5px 40px;}
#liste li a:hover, #liste li a:active {text-decoration:underline; color:#CC6600}
#liste li:hover, #liste li:active {background:url(img/bg-tt-hover.png);}

#menu li a:hover:last-child:not(:root:root) {text-decoration:none;} /* Hack Safari */
#menu li a:active:last-child:not(:root:root) {text-decoration:none;} /* Hack Safari */

.menuroll {background:url(img/bg-tt-hover.png) !important}

.arrowlistmenu{
width: 230px; margin:0; padding:0; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
height:21px; border-top:#ccc solid 1px; background:url(img/expand.png); list-style:none; font-weight:bold; color:#999; padding:10px 70px 0px 40px; margin:0; font-size:12px; cursor: hand; cursor: pointer;
}

.arrowlistmenu .menuheader:hover{
 color:#CC6600; text-decoration:underline; 
}
 
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(img/expand-hv.png);  border-bottom:#ccc solid 1px;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; padding-left:35px;/*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color:#999;
background: url(img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color:#999;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;  color:#CC6600;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

/*finMENU*/

#slogan {width:285px; height:42px; padding:18px 15px 0 0;  background:#fff; font-size:18px; color:#f15d22; font-weight:bold; float:right; margin-top:250px; text-align:right; letter-spacing:-1px; line-height:16px; font-family: "Arial Black", Arial, Helvetica, sans-serif;}
#slogan small {color:#666; font-size:12px; letter-spacing:0; font-family: Arial, Helvetica, sans-serif;}

#footer {width:100%; font-size:10px; color:#999; float:left; background-color:#5a5966;}
#footer div {border-right:#f15d22 solid 1px; float:right; margin:10px 25px 10px 0; padding:0 10px; text-align:left;}
#footer div a, #footer div a:visited {text-decoration:none; color:#999 }
#footer div a:hover, #footer div a:active {text-decoration:underline; color:#f15d22;}
#footer #copy {border:none ; float:left; width:97%; text-align:center; margin:10px 0; padding:0 10px;}

/*contenu*/
#cont {overflow:visible; float:left; width:100%; background:url(img/bg-cont.png) repeat-x top; background-color:#fff; }
#bdlf {width:250px; margin-left:25px; float:left;}
#bdlf div {padding:10px 25px 135px 25px; border-bottom:#f15d22 solid 2px;}
.edito {background: #e5e5e5 url(img/bg-edito.jpg) no-repeat center bottom;}
.edito p {text-align:justify;}
.edito ul {margin:10px 0; padding-left:20px;}
.nuazu {margin:30px 0;}

#bdrg {width:651px; background:url(img/bg-bdrg.png) top repeat-x; background-color:#FFF; margin:25px; float:left; padding:12px 12px;}
.module {width:200px; float:left; background:url(img/loader.gif) no-repeat; background-position: center 20px;}
.module p {text-align:justify;}

/*contact*/
#reponse {text-align:center; margin:30px 0;}
#formulaire {width:400px; text-align:right; height:400px; margin:30px 0 0;}
#validation{ padding:4px; border:none; cursor:pointer; background-color:#5a5966; color:#fff;}
.couleur1 {font-size:18px; color:#f15d22;}
.couleur1_3 {color:#f15d22;}
.rouge {color:#DF1B1B; margin:0 4px;}

/*actu*/
.actu {width:600px; margin:25px; border-bottom:#f15d22 solid 1px;}
.actu img {float:right; margin: 0 20px; border:#5a5966 solid 1px;}
.actu p {text-align:justify; margin: 10px 0;}

/*popcss*/
.thumbnail {z-index: 0;}
.thumbnail:hover {z-index: 50; background-color: transparent;}
.thumbnail span {position: absolute; background:url(img/loader2.gif) no-repeat; background-position: center 20px; background-color:#5a5966; padding: 3px; left: -1000px; border: 1px solid gray; visibility: hidden; color:#fff; text-decoration: none; width:200px; text-align:left;}
.thumbnail span img {height:70px;}
.thumbnail span big {padding-top:2px ; font-size:16px; font-weight:bold; color:#f15d22; letter-spacing:-1px; font-family: Arial, Helvetica, sans-serif;}
.thumbnail span small {font-weight:normal; font-size:11px}
.thumbnail:hover span, .thumbnail:active span {visibility: visible; top: 235px; left: 50%; margin-left:-220px;}