/* CSS Document */

/*code couleur

bleu : #12A7FC
vert : #94DD16
violet : #A800FF
*/


html, body {height:100%}

body {margin: 0px; padding: 0px; text-align:left; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#272626; }

#haut, #milieu, #bas {position:relative; width:100%; }

#haut {  background: url(images/header-h.gif) 0px 0px repeat-x; background-color:#2A2A2A; }
#milieu {  background-color:#525252 }
#bas {  background: url(images/footer-h.jpg) 0px 0px repeat-x; background-color:#262626; height:40px}

#page{width:968px; min-height: 100%;  margin-left:auto; margin-right:auto; /*background:#525252;*/}
* html #page{/* ie 6 width:980px;*/ width:998px;}

/*/////////////// HEADER */

#header {position:relative; width:968px; height:128px; background: url(images/header.gif) 0px 0px no-repeat; background-color:#2A2A2A; text-align:left;margin-left:auto; margin-right:auto;padding:0;}

#header h1{display:none;}

#header h2{ display:none; width:686px; height:27px; position:relative; left:208px;top:104px; font-size:10px; color:#000; margin:0; padding:6px 0 0 24px;}


#header #menu-niv-0 {position:absolute; display:block; left:854px; width:60px; margin-top:0px;z-index:101}
#header #menu-niv-0 {top:42px;}
* html #header #menu-niv-0 {top:40px;}
*+html #header #menu-niv-0 {top:37px;}


#header #menu-niv-0 ul {margin:0; padding:0; list-style-type:none; font-size:10px;}
#header #menu-niv-0 li {text-align:right ;  padding:0; display:block;}

#header #menu-niv-0 li {margin:0 0 7px 0; }
* html #header #menu-niv-0 li {margin:0 0 3px 0; }
*+html #header #menu-niv-0 li {margin:0 0 7px 0; }

#header #menu-niv-0 li {height: 10px;}
* html #header #menu-niv-0 li {height: 7px;}
*+html #header #menu-niv-0 li {height: 8px;}

#header #menu-niv-0 li a { padding:0; margin:0px; }

#header #menu-niv-0 li a, div#page #menu-niv-0 li a:link {display:block; text-decoration:none; color:#666;  }
#header #menu-niv-0 li a:visited {color: #666; }
#header #menu-niv-0 li.active a {color:#FFF; }
#header #menu-niv-0 li a:hover { color: #FFF; }
#header #menu-niv-0 li.active a:hover {}

/*////////////// MENU NIV 1 */


div#page #menu-niv-1 {background:#525252;/* debug background:#00C;*/float:left; width:210px;}


div#page #menu-niv-1 ul {margin: 37px 0 0px 7px; padding:0; list-style-type:none; font-size:12px; width:210px}

div#page #menu-niv-1 ul li {margin: 2px 0 5px 0; padding:0; list-style-type:none; width:210px}

div#page #menu-niv-1 ul li span {margin: 0px 10px 2px 12px; padding:0; font-size:10px; color:#000}

div#page #menu-niv-1 ul li.last {}

div#page #menu-niv-1 ul li a {display:block; height:auto; width:217px; padding: 7px 0 0 0}

* html div#page #menu-niv-1 ul li a { height:1%;}

div#page #menu-niv-1 li a, div#page #menu-niv-1 li a:link { text-decoration:none; color:#C4C4C4;  height:auto  }

div#page #menu-niv-1 li a:visited {color: #C4C4C4; }
div#page #menu-niv-1 li.active a {color:#FFF; background-color:#2D2D2D; height:22px; border-left-color:#FFF; border-left-width:2px; border-left-style:solid; margin-bottom:0}
div#page #menu-niv-1 li.active a span{color:#6C6C6C; margin: 0px 10px 0px 10px;}

div#page #menu-niv-1 li a:hover { color:#FFF; }
div#page #menu-niv-1 li a:hover span{ }

div#page #menu-niv-1 li.active a:hover {}


* html #menu-niv-1 a:hover {height:48px; he\ight:0;}


/*////////////// FOND COLONNE GAICHE DROITE */

div#page div#fond-colonnes{background:transparent url(images/h-colonnes.gif) 0px 0px repeat-y; background-color:#525252;  float:left; width:751px;}


/*///////////// COLONNE GAUCHE */

a img{border:none;}


div#page div#fond-colonnes div#colonne-gauche { position:relative; /*background:transparent url(images/h-colonne-gauche.gif) 0px 0px repeat-y; background-color:#2D2D2D;*//* debug background:#00C;*/; float:left; width:232px;}

div#page div#fond-colonnes div#colonne-gauche h3{ font-size:10px; line-height:14px; font-weight:normal; margin: 10px 0 0 14px; text-decoration:underline; text-align:left;}

div#page div#fond-colonnes div#colonne-gauche h3 strong{ font-size:16px; font-weight:normal;}

div#page div#fond-colonnes div#colonne-gauche h4{display:block;  font-size:10px;font-weight:normal; margin: 10px 0 0 14px; padding: 0 6px 0 6px; text-align:justify; }

div#page div#fond-colonnes div#colonne-gauche p{ color:#999; font-weight:normal; margin: 10px 0 0 14px; text-align:justify;}

div#page div#fond-colonnes div#colonne-gauche p a, div#page div#colonne-gauche p a:link {  text-decoration:none;}
div#page div#fond-colonnes div#colonne-gauche p a:visited {  }
div#page div#fond-colonnes div#colonne-gauche p a:hover {  text-decoration:underline; }
div#page div#fond-colonnes div#colonne-gauche p a:active {  }

/*///////////// MENU NIV 2 & 3 */

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 { margin: 45px 0 0 0;  display:block;}


div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul {margin: 0px 0 0px 0px; padding:0; list-style-type:none;  width:232px}

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li {margin: 0px 0 7px 0; padding:0; font-size:12px; }

* html div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li { margin: 0px 0 0px 0; }

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.last {}

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li a {display:block; height:auto; margin: 0 0 0 18px }

* html div#fond-colonnes div#page div#colonne-gauche #menu-niv-2-3 ul li a { height:1%;}

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 li a, div#page div#colonne-gauche #menu-niv-2-3 li a:link { text-decoration:none; color:#515151;  height:auto  }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 li a:visited { }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 li.active a { color:#FFF; background-color:#525252; height:auto; border-left-color:#FFF; border-left-width:2px; margin-left:12px; border-left-style:solid; margin-bottom:0 ; padding: 2px 0 2px 4px}
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 li a:hover { color: #FFF; }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 li.active a:hover {}

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li a {text-indent:0px; text-align:left; width:136px;  margin: 0 0 0px 53px; padding-bottom:0px; height:auto; border-left-width:0px;}

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul {font-size:11px; margin-top:7px}

* html div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li {margin: 0px 0 7px 0;  }

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li.last {margin: 0px 0 15px 0;  }

* html div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li a { height:1%; }

div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li a, div#page div#colonne-gauche #menu-niv-2-3 ul li.active ul li a:link {background:none; text-decoration:none; color:#515151; margin-bottom:4px}
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li a:visited {  }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li.active a { margin-bottom:4px; color: #FFF; }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li a:hover { margin-bottom:4px; color: #FFF; }
div#page div#fond-colonnes div#colonne-gauche #menu-niv-2-3 ul li.active ul li.active a:hover { margin-bottom:4px; }

/*///////////// COLONNE GAUCHE IMG*/

div#page div#fond-colonnes div#colonne-gauche-img {}

div#page div#fond-colonnes div#colonne-gauche-img h3{ font-size:10px; line-height:15px; font-weight:normal;  margin: 10px 0 20px 14px; text-decoration:underline; text-align:left;}

div#page div#fond-colonnes div#colonne-gauche-img h3 strong{ font-size:16px; font-weight:normal;}

div#page div#fond-colonnes div#colonne-gauche-img h4{display:block;  font-size:10px;font-weight:normal; margin: 10px 0 0 14px; padding: 0 6px 0 6px; text-align:justify; }

div#page div#fond-colonnes div#colonne-gauche-img p{ color:#999; font-weight:normal; margin:4px 0 0 0; text-align:justify;}

div#page div#fond-colonnes div#colonne-gauche-img img{ color:#999; font-weight:normal; }

div#page div#fond-colonnes div#colonne-gauche-img .media-image { /*border-bottom-color:#666; border-bottom-width:1px; border-bottom-style:solid;*/margin: 10px 0 20px 14px; text-align:justify; }

div#page div#fond-colonnes div#colonne-gauche-img p a, div#page div#colonne-gauche p a:link {  text-decoration:none;}
div#page div#fond-colonnes div#colonne-gauche-img p a:visited {  }
div#page div#fond-colonnes div#colonne-gauche-img p a:hover {  text-decoration:underline; }
div#page div#fond-colonnes div#colonne-gauche-img p a:active {  }


/*///////////// COLONNE DROITE */

div#page div#fond-colonnes div#colonne-droite{ /*background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; */float:left; width:519px; /*background-color:#525252;*/}

*+html div#page div#fond-colonnes div#colonne-droite {background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:519px; background-color:#525252;}
* html div#page div#fond-colonnes div#colonne-droite { background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:510px; background-color:#525252;}

div#page div#fond-colonnes div#colonne-droite h3{display:block; width:445px; font-size:16px; color:#BABABA; line-height:15px;  font-weight:normal;  margin: 45px 0 10px 38px;  text-align:left;}

div#page div#fond-colonnes div#colonne-droite h4{display:block; width:445px; font-size:14px; color:#BABABA; line-height:15px;  font-weight:normal;  margin: 2px 0 10px 38px;  text-align:left;}

div#page div#fond-colonnes div#colonne-droite h5{display:block; width:445px; height:13px; font-size:11px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: -20px 0 20px 38px; padding:0 0 4px 0; text-align:right; border-bottom-width:1px; border-bottom-color:#3C3C3C; border-bottom-style:solid}


div#page div#fond-colonnes div#colonne-droite p{ color:#BABABA; font-weight:normal;font-size:10px; margin: 18px 0 10px 38px; text-align:left; line-height:20px; display:block; width:445px}

div#page div#fond-colonnes div#colonne-droite h6{display:block; width:445px; font-size:10px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: 2px 0 10px 38px;  text-align:left; font-style:italic}


div#page div#fond-colonnes div#colonne-droite #media-photo{display:block; margin:10px 0 0 33px }
div#page div#fond-colonnes div#colonne-droite img{ margin: 10px 0 0 5px;}

div#page div#fond-colonnes div#colonne-droite a, div#page div#fond-colonnes div#colonne-droite a:link { color:#CCC;  }
div#page div#fond-colonnes div#colonne-droite a:visited {color: #CCC; }
div#page div#fond-colonnes div#colonne-droite a:hover { color: #FFF; }


/*///////////// COLONNE DROITE 1 seule colonne*/

div#page div#fond-colonne div#colonne-droite{ background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:519px; background-color:#525252;}

*+html div#page div#fond-colonne div#colonne-droite {background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:519px; background-color:#525252;}
* html div#page div#fond-colonne div#colonne-droite { background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:510px; background-color:#525252;}

div#page div#fond-colonne div#colonne-droite h3{display:block; width:445px; font-size:16px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: 45px 0 10px 38px;  text-align:left;}

div#page div#fond-colonne div#colonne-droite h4{display:block; width:445px; font-size:14px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: 2px 0 10px 38px;  text-align:left;}

div#page div#fond-colonne div#colonne-droite h5{display:block; width:445px; height:13px; font-size:11px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: -20px 0 20px 38px; padding:0 0 4px 0; text-align:right; border-bottom-width:1px; border-bottom-color:#3C3C3C; border-bottom-style:solid}


div#page div#fond-colonne div#colonne-droite p{ color:#BABABA; font-weight:normal;font-size:10px; margin: 18px 0 10px 38px; text-align:left; line-height:20px; display:block; width:445px}

div#page div#fond-colonne div#colonne-droite p.question{ color:#CCC; font-weight:bold; font-style:italic ; font-size:11px; }

div#page div#fond-colonne div#colonne-droite h6{display:block; width:445px; font-size:10px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: 2px 0 10px 38px;  text-align:left; font-style:italic}

div#page div#fond-colonne div#colonne-droite #media-photo{display:block; margin:10px 0 0 33px }
div#page div#fond-colonne div#colonne-droite img{ margin: 10px 0 0 5px;}

div#page div#fond-colonne div#colonne-droite a, div#page div#fond-colonnes div#colonne-droite a:link { color:#CCC;  }
div#page div#fond-colonne div#colonne-droite a:visited {color: #CCC; }
div#page div#fond-colonne div#colonne-droite a:hover { color: #FFF; }




/*///////////// COLONNE DROITE HOME */

div#page div#fond-colonne div#colonne-home{ background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:719px; background-color:#525252;}

*+html div#page div#fond-colonne div#colonne-home {background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:719px; background-color:#525252;}
* html div#page div#fond-colonne div#colonne-home { background:transparent url(images/h-colonne-droite.gif) 0px 0px repeat-y; float:left; width:719px; background-color:#525252;}

div#page div#fond-colonne div#colonne-home h3{display:block;background:transparent url(images/h-actualites.gif) 0px 0px no-repeat;  width:701px; height:36px; margin: 0px 0 4px 4px;  text-align:left;}
div#page div#fond-colonne div#colonne-home h3 span{display:none}

div#page div#fond-colonne div#colonne-home h4{display:block; width:445px; font-size:14px; color:#999; line-height:13px;  font-weight:normal;  margin: 20px 0 2px 18px;  text-align:left;}

div#page div#fond-colonne div#colonne-home h5{display:block; width:445px; font-size:11px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: -20px 0 20px 18px; padding:0 0 4px 0; text-align:right; border-bottom-width:1px; border-bottom-color:#3C3C3C; border-bottom-style:solid}


div#page div#fond-colonne div#colonne-home p{ color:#BABABA; font-weight:normal;font-size:10px; margin: 10px 0 10px 38px; text-align:left; line-height:16px; display:block; width:545px}

div#page div#fond-colonne div#colonne-home h6{display:block; width:445px; font-size:10px; color:#BABABA; line-height:13px;  font-weight:normal;  margin: 2px 0 10px 18px;  text-align:left; font-style:italic}


div#page div#fond-colonne div#colonne-home #media-photo{display:block; margin:10px 0 0 33px }

div#page div#fond-colonne div#colonne-home #media-vignette{display:block; float:left; margin:0 18px 10px 38px !important;  margin:0 18px 10px 18px;}
div#page div#fond-colonne div#colonne-home img{ margin: 10px 0 0 5px;}

div#page div#fond-colonne div#colonne-home p a, div#page div#colonne-gauche p a:link { color:#C4C4C4;  text-decoration:underline;}
div#page div#fond-colonne div#colonne-home p a:visited { color:#C4C4C4; }
div#page div#fond-colonne div#colonne-home p a:hover { color:#FFF; text-decoration:underline; }
div#page div#fond-colonne div#colonne-home p a:active { color:#C4C4C4;  }


/*///////////// FOOTER */

div#footer{clear:both ; position:relative ;width:968px; height:42px; text-align:left; margin-left:auto; margin-right:auto}

#footer p{ position:absolute; top:0px !important; top:10px; left: 218px; text-align:left;color:#636363; font-size:11px; }
*+html #footer p {top:10px !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer #bouton-langue {position:absolute; top:9px ; left:44px; width:60px;}

#footer #bouton-langue a {font-size:12px}
#footer #bouton-langue a, #footer #bouton-langue a:link {display:block; text-decoration:none; color:#C4C4C4;  }
#footer #bouton-langue a:visited {color: #C4C4C4; }
#footer #bouton-langue a:hover { color: #FFF; }

/*/////////////// BOUTON HAUT E PAGE */

#footer #haut-de-page {position:relative; top:10px; left:810px; display:block; width:86px; height:18px; background-color:#000;  margin-top:0px;z-index:100}

#footer #haut-de-page a{ display:block; width:86px; height:18px;}
#footer #haut-de-page a:hover {width:86px; height:18px; }

#footer #haut-de-page a span{display:none}

p.displaynone {display:none}