/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}

/*html, body {  height: 100%;}   */
html, body {background-color: #000000;}

body{
 font-family:Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif, Georgia;
 background-color: #000000;
  margin: 0 auto;
  text-shadow: #6374AB 0px 0px 0px;
}
/***************** CONTAINER *****************/

 #wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    width:1000px;
    margin: 0 auto;

  }



#container{
position:relative;
width:1000px;
margin:0 auto;

}

#leftBlanc
{
  /*width: 816px;*/
  width: 758px;
  float: left;
}

.boxAbs
{
width: 816px;
position: relative;

}


#rightContent
{
  width: 239px;
  float: right;
  border-right: 1px solid #212121;
  border-left: 1px solid #212121;
}

#rightContent2
{
  width: 241px;
  float: right;
  border-right: 1px solid #212121;
  border-left: 1px solid #212121;
}


#leftContent
{
width: 199px;
  float: left;
    border-right: 1px solid #212121;
    border-left: 1px solid #212121;
}

.leftContentBg
{
 background-color: #050607;
background-image: url(../images/charte/rightX2.jpg);
background-repeat: repeat-x;
background-position:  bottom left;
}


.middleRight
{
  color: #7b7c7b;
  background-image: url(../images/charte/rightRepeat.jpg);
  background-repeat: repeat;
  background-position: top left;
  }


#middleContent
{
   float: left;
   width: 556px;
 }


#middleContent .innerMiddle
{
  padding: 20px;
  font-size: 13px;
  color: #ffffff;
  float: left;
}


#middleContentFull
{
   float: left;
   width: 799px;
 }


#middleContentFull .innerMiddle
{
  padding: 10px;
  font-size: 13px;
  color: #ffffff;
  float: left;
  width: 760px;

}
/* start intro */


#header3{
width:1000px;
height:168px;
 background-image: url(../images/charte/head.jpg);
background-position: top left;
background-repeat: no-repeat;
float: left;
}


#contenu_intro
{
font-size: 14px;
line-height: 18px;
text-align:left;
color:#4a4a4a;
float: left;
width: 1000px;
background-color: #000000;
background-image: url(../images/charte/center.jpg);
background-repeat: repeat-x;
background-position: top right;
min-height: 536px;
}

.introMore1
{
  float: left;
  width: 100px;
  color: #bbc0c4;
  text-decoration: none;
  font-size: 11px;
  padding: 25px 0px 0px 307px;
}

.introMore1:hover, .introMore2:hover,.introMore3:hover
{
color: #ffffff;
  text-decoration: none;

}


.introMore2
{
  float: left;
  width: 100px;
  color: #bbc0c4;
  text-decoration: none;
  font-size: 11px;
  padding: 25px 0px 0px 273px;
  clear: left;
}


.introMore3
{
  float: left;
  width: 100px;
  color: #bbc0c4;
  text-decoration: none;
  font-size: 11px;
  padding: 23px 0px 0px 273px;
  clear: left;
}


.newsIntro
{
  float: left;
  width: 240px;
  margin: 329px 0px 40px 288px;
  clear: left;
}

.introsInput
{
  margin-left: 6px;
  border:none;
  background: none;
  width: 161px;
  height: 15px;
  line-height: 15px;
     float: left;
     font-size: 11px;
     margin-top: 2px;
}

.buttonIntro
{
  background-image: url(../images/charte/submitIntro.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  float: right;
  border: none;
  width: 70px;
  height: 21px;
  cursor: pointer;
}

.buttonIntro_over
{
  background-image: url(../images/charte/submitIntro_over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: transparent;
  float: right;
  border: none;
  width: 70px;
  height: 21px;
  cursor: pointer;
}


#footer_intro{
position:relative;
clear:both;
width:1000px;
 font-size: 11px;
line-height: 14px;
height:52px;
margin:0px auto 0;
color: #fbfbf3;
background-image: url(../images/charte/foot.jpg);
background-position: top right;
background-repeat: no-repeat;
font-family: Trebuchet MS, Arial, Verdana;
}



.footer_introText
{
  padding-top: 13px;
  font-size: 10px;
  line-height: 13px;
  padding-left: 50px;
}

  .follow8
{
width: 150px;
  float: right;
  font-size: 0px;
  line-height: 0px;
  border: none;
  padding: 0px 0px 5px 0px;
  margin-top: 15px;
 }


/* end intro */




#contenu{
font-size: 14px;
line-height: 18px;
text-align:justify;
color:#4a4a4a;
float: left;
width: 1000px;
padding-bottom:0px;
background-color: #000000;
height: 536px;

}

#contenu-black{
font-size: 14px;
line-height: 17px;
text-align:justify;
float: left;
font-weight: normal;
width: 980px;
padding:0px 20px 0px 0px;
color:#939191;
height: 536px;

}

.borderRightGris{
width: 1px;
float: right;
height: 536px;
border-right: 1px solid #212121;
margin-right: -19px;
position: relative;
}

.borderRightGris2{
width: 1px;
height: 536px;
border-right: 1px solid #212121;
position: absolute;
right:1px;
}

.borderLeftGris{
width: 1px;
float: left;
height: 536px;
border-left: 1px solid #212121;
position: relative;
margin-left:0px;
}

.borderLeftGris2{
width: 1px;
float: left;
height: 536px;
border-left: 1px solid #212121;
position: relative;
margin-left:1px;
}

.borderLeftGris3{
width: 1px;
height: 536px;
border-left: 1px solid #212121;
position: absolute;
left: 0px;
margin-left:1px;
}


#contenu-black a
{
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: #7a7a7a;
   font-weight: bold;
}

#contenu-black  a:hover
{
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
}






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

#header{
width:1000px;
height:139px;
 background-image: url(../images/charte/header.jpg);
background-position: bottom left;
background-repeat: no-repeat;
float: left;
}



#header2{
width:1000px;
height:134px;
  background-image: url(../images/charte/header2.jpg);
background-position: top left;
background-repeat: no-repeat;
float: left;
}



#header-bottom{
width:998px;
height:43px;
float: left;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #212121;
border-right: 1px solid #212121;
background-color: #939293;
}

#header-bottom ul
{
float: left;
width:819px;
border: 0px solid red;
height:43px;
line-height: 43px;
padding: 0px;
margin: 0px;
list-style: none;
position:relative;
}

#header-bottom ul li
{
float: left;
padding: 0px;
margin: 0px;
list-style: none;

}


 #header-bottom li a.bt1
{
width: 57px;
}





#header-bottom li a
{
list-style: none;
width: 117px;
text-align: center;
font-weight: bold;
float: left;
color: #ffffff;
text-decoration: none;
font-size: 11px;
line-height: normal;
padding-top: 15px;
height:28px;
}


#header-bottom li a:hover
{
list-style: none;
font-weight: bold;
float: left;
text-decoration: none;
font-size: 11px;
color: #ffffff;
background-color: #6e6d6d;
padding-top: 15px;
}


/*#header-bottom .actif
{
  list-style: none;
width: 117px;
text-align: center;
font-weight: bold;
float: left;
text-decoration: none;
font-size: 11px;
line-height: normal;
padding-top: 15px;
height:28px;
  color: #ffffff;
  background-color: #6e6d6d;
  cursor: default;
}*/



 #div1
{
   width: 117px;
    position: absolute;
     left: 235px;
      z-index: 122;
     top: 179px;
}


 #div2
{
   width: 117px;
    position: absolute;
     left: 352px;
     top: 179px;
      z-index: 122;
}


 #div3
{
   width: 117px;
    position: absolute;
     left: 469px;
     top: 179px;
      z-index: 122;
}


 #div4
{
   width: 117px;
    position: absolute;
     left: 586px;
     top: 179px;
     height: 283px;
   z-index: 122;

}

  .opacus
{
   height: 350px;
   background-image: url(../images/charte/menuTop.png);
   background-repeat: repeat-x;
   background-position: top left;

}


.faq
{
  margin-top:20px;
  float: left;
  width: 37px;
  margin-left: 170px
}


.faqInner
{
     width:370px;
      text-align: left;
      float: right;
      padding-right: 10px;
      color: #d6d5d5;
     font-size: 12px;
     line-height: 16px;
     height:380px;
     min-height: 380px;
}


.linkkLeft
{
  width: 200px;
  padding-right: 10px;
  height: 530px;
  float: left;
}


.linkkLeft2
{
  width: 200px;
  padding-right: 10px;
  height:490px;
  float: left;
}
.linkkLeft3
{
  height:460px;
}

#div20
{
   width: 280px;
    position: absolute;
     left: 500px;
     top: 160px;
     z-index: 100;
     color: #000000;
    }


.ancor
{
  display: none;
 }

.sousMenu1
{
  width: 107px;
  height: 5px;
  line-height: 5px;
}






#header-bottom .sousMenu
{
   overflow: hidden;
   width: 109px;
   font-size: 11px;
   font-weight: bold;

}



#header-bottom .sousMenu a
{
 float: left; overflow: hidden;
   text-decoration: none;
    color: #000000;
    float: left;
    line-height: 12px;
   width: 95px;
  padding: 4px 0px 4px 20px;

}


#header-bottom .sousMenu a:hover
{
 float: left;
     width: 95px;
     padding: 4px 0px 4px 20px;
     background-image: url(../images/charte/bull.jpg);
     background-position: 5px 5px;
     background-repeat:no-repeat;
   text-decoration: none;
      color: #ffffff;
}

#header-bottom .sousMenu a.sousMenuActif, #header-bottom .sousMenu .sousMenuActif a:hover

 {
 float: left;
    width: 105px;
     padding: 4px 0px 4px 20px;
     background-image: url(../images/charte/bull.jpg);
     background-position: 5px 7px;
     background-repeat:no-repeat;
   text-decoration: none;
    color: #212221;
    text-align: left;
     cursor: default;

}








#footer, .clearer {height: 52px;}
#wrap-footer{margin-top: -52px;}

.clearer{
clear:both;

}

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

#footer{
  border-top: 1px solid #000000;
position:relative;
clear:both;
width:1000px;
font-size: 11px;
line-height: 14px;
height:52px;
margin:-52px auto 0;
color: #000000;
z-index: 0;
}



#footer_black{

position:relative;
clear:both;
width:1000px;
font-size: 11px;
line-height: 14px;
height:52px;
margin:-52px auto 0;
color: #000000;
background-image: url(../images/charte/footer_black.jpg);
background-position: left top;
background-repeat: no-repeat;
}




 .footerMiddle
{
background-image: url(../images/charte/foot.jpg);
background-position: top right;
background-repeat: no-repeat;
  float: left;
  width: 1000px;
  height: 52px;
}



.copy
{
  width: 979px;
  margin:0px auto;
  font-size: 11px;
line-height: 14px;
    padding: 2px 0px 5px 0px;
    text-align: left;
    color: #7a7b7c;
    font-weight: bold;
    text-align: center;
}


.copy2
{
  width: 979px;
  margin:0px auto;
  font-size: 11px;
line-height: 14px;
    padding: 2px 0px 5px 0px;
    text-align: left;
    line-height: 17px;
    color: #7b7b7a;
    font-weight: bold;
    text-align: center;
}




 #footer_black .notice
{
  width: 760px;
  text-align: center;
   font-size: 9px;
  line-height: 8px;
  color: #434343;
  clear: left;
  float:left;
  padding: 0px 0px 0px 35px;
  margin-top: -3px;
}

 #footer .notice
{
  width:760px;
  text-align: center;
  float: right;
  font-size:9px;
  line-height: 8px;
  color: #62635e;
  clear: left;
  float:left;
  padding: 0px 0px 0px 70px;
  margin-top: -5px;
 }


#footer .liens
{
  width: 820px;
   text-align: left;
  float: left;
  color: #ffffff;
  font-size: 16px;
  clear: left;
  padding: 0px 0px 0px 10px;
  margin: 10px 0px 7px 0px;
}


#footer_black .liens
{
  width: 760px;
   text-align: left;
  float: left;
  color: #434343;
  font-size: 13px;
  clear: left;
  padding: 0px 0px 0px 10px;
  margin: 7px 0px 7px 32px;

}





#footer .liens span, #footer_black  .liens span
{
  float: left;
  padding: 0px 5px;
}

#footer .liens img, #footer_black .liens img
{
 position:absolute;
}


#footer .liens b, #footer_black .liens b
{
  padding-left: 20px;

}


 #footer_black .liens a
{
   float: left;
  font-size: 11px;
  text-decoration: none;
   color: #434343;
   font-weight: normal;

}
 #footer_black .liens a:hover
{
  font-size: 11px;
  text-decoration: none;
   color: #ffffff;
}




#footer .liens a
{
   float: left;
  font-size: 11px;
  text-decoration: none;
   color: #ffffff;
   font-weight: normal;

}
#footer .liens a:hover
{
  font-size: 11px;
  text-decoration: none;
   color: #000000;
}


#footer .liens .actif, #footer .liens .actif:hover
{
  font-size: 11px;
   text-decoration: none;
   color: #ffffff;
   cursor: default;
}


#footer_black  .liens .actif, #footer_black .liens .actif:hover
{
  font-size: 11px;
   text-decoration: none;
   color: #ffffff;
   cursor: default;
}





.jett
{
  padding: 0px 0px 0px 8px;
  float:left;
}


.ref
{
 font:0px/0px Arial, Verdana, Helvetica, sans-serif;
 height: 0px;
 position:absolute;
 margin-top: -6000px;
}

.bread
{
  font-weight: bold;
   font-size: 13px;
   margin: 5px 0px 5px 13px;
}

#contenu .bread a
{
  font-size: 13px;
  font-weight: bold;
}

#contenu .bread a:hover
{
  font-size: 13px;
  font-weight: bold;
}