/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;

/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{

background-image: url(../images/charte/bg-body.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color: #000000;
width:100%;
}
/***************** CONTAINER *****************/

 #wrapContainer{
position:relative;
width:100%;
margin:0 auto;
background-image: url(../images/charte/body.gif);
background-repeat: no-repeat;
background-position: top center;
}




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


/***************** HEADER *****************/
#header{
width:960px;
height:151px;
font-family: Arial, Verdana, Helvetica;
}


 #header .logo{
   width: 117px;
   height: 150px;
   float: left;

}
 #header .bandeau{
   width: 778px;
   padding-top: 25px;
   padding-bottom: 2px;
   margin-left: 13px;
   float: left;

}





 #header .menuTop{
  width: 685px;
  /*width: 590px; */
   height: 70px;
   float: left;
   overflow: hidden;
}

.frenchDroit
{
  text-align: right;
  padding-right:20px;
  height:55px;
  *float: right;

}



#header .droit{
/*   width:170px;
     height: 30px;
   float: left;
   text-align: right;
   padding-right: 0px;*/

}

#header .droit{
  position: absolute;
  right: 0px;
  top: 0px;
}

 #header .droit div.phone{
   color: #000000;
   font-size: 14px;
   font-weight: bold;
    text-align: left;
   float: right;
     margin-top: 20px;
   /*width: 235px;*/
   width: 170px;
   position: relative;
   *clear: right;
}


 #header .droit p{
   color: #989898;
   font-size: 11px;
   font-weight: bold;
   margin-top: 10px;
}

 #header .droit p a{
   color: #f26100;
   font-size: 11px;
   text-decoration: underline;
}

 #header .droit p a:hover{
   color: #989898;
   font-size: 11px;
   text-decoration: underline;
}



 #header .menuTop .principal
 {
 float: left;
   font-size: 12px;
   margin-top: 0px;
   padding-left:0px;

 }

  #header .menuTop .principal a
 {
   float: left;
   font-size: 12px;
   margin: 0px 11px 0px 15px;
   font-weight: bold;
   color: #000000;
   background-image: url(../images/charte/liens.jpg);
   background-position: bottom left;
   background-repeat: repeat-x;
   padding: 12px;
   text-decoration: none;
 }


     #header .menuTop .principal a:hover
 {
    float: left;
   font-size: 12px;
   margin: 0px 11px 0px 15px;
   font-weight: bold;
   color: #000000;
   background-image: url(../images/charte/liens_over.jpg);
   background-position: bottom left;
   background-repeat: repeat-x;
  padding: 12px;
   text-decoration: none;
 }



      #header .menuTop .principal .actif1
 {
   font-size: 12px;
   margin: 0px 11px 0px 15px;
   font-weight: bold;
   color: #000000;
   background-image: url(../images/charte/liens_over.jpg);
   background-position: bottom left;
   background-repeat: repeat-x;
   padding: 12px;
   text-decoration: none;
   cursor: default;
 }

#header .menuTop .sous
{
 float: left;
   font-size: 11px;
   clear: left;
   width: 530px;
    padding-left: 15px;
    color: #919191;
    font-weight: bold;
    overflow: hidden;
    position: relative;

}

 #header .menuTop .sous a span
{
 padding:0px 10px;
}


   #header .menuTop .sous a
 {
   padding: 8px 0px;
   float: left;
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   background-color: #ffffff;
   color: #919191;
   text-decoration: none;
   white-space: nowrap;
 }


   #header .menuTop .sous a:hover
 {
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   color: #ff9002;
   text-decoration: none;
 }

    #header .menuTop .sous .actif
 {
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   color: #ff9002;
   text-decoration: none;
   cursor: default;
 }


     #header .menuTop .sous .actif:hover
 {
   list-style: none;
   font-size: 11px;
   font-weight: bold;
   color: #ff9002;
   text-decoration: none;
   cursor: default;
 }






 .player{
  position: absolute;
  right: 370px;
  margin-top: -5px;

}


 .player3{
  position: absolute;
  right: 350px;
  margin-top: -5px;

}

  .player4{
  position: absolute;
  margin-top: 5px;
  right: 422px;
}

  .player66{
  position: absolute;
  margin-top:2px;
  margin-left: 15px;
}




 #header .droit div.phone img{
   margin-top: -10px;
   position: relative;
   margin-left: 0px;
   float: left;
}




 #header .droit div.chat img{
   margin-top: -8px;
   margin-left: 0px;
   float: left;

}
 #header .droit div.chat
 {
   padding-top: 80px;
 }


 #header .droit div.chat a{
   color: #f26100;
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
}

 #header .droit div.chat a:hover{
   color: #989898;
   font-size: 12px;
   text-decoration: underline;
   font-weight: bold;
   }

.baseline{
font-family: Arial, Verdana, Helvetica;
width:950px;
height:43px;
padding-left: 30px;
font-size: 32px;
color: #010000;
}

#memu-bottom
{
  width: 960px;
  float: left;
  clear: left;
  height: 153px;


}




/***************** CONTENU *****************/
#contenu{
position: relative;
width:960px;
margin-left: 1px;
height: 1%
}

#content-text{
position: relative;
float: left;
height: 200px;
width:960px;
 }

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:1px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:960px;
color: #666666;
font:12px/16px Arial, Helvetica, sans-serif;
font-weight: bold;
height:50px;
margin:-50px auto 0;
}

.copy
{

  float: left;
   width: 290px;
   text-align: center;

}

.copy span
{
  color: #adacac;
  font-weight: normal;
  font-size: 11px;
}


#footer .copy a
{
  color: #f2653a;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;

  text-decoration: none;
}

#footer .copy a:hover
{
  color: #adacac;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  line-height: 22px;
}


.add
{

  padding-right: 20px;
  width: 450px;
  float: right;
  text-align: right;
}

 .add span
{
  color: #adacac;
  font-weight: normal;
  font-size: 11px;
}

#footer a
{
  color: #adacac;
  font-weight: normal;
  font-size: 11px;
  text-decoration: underline;
}

#footer a:hover
{
  color: #ffffff;
  font-weight: normal;
  font-size: 11px;
  text-decoration: underline;
}

.loginForms
{
   position:absolute; right:-1px; top:105px; background-color: #000000;color:#ffffff;z-index:1000;  height:100px;
    width: 311px;
    border: 5px solid #919191;
    padding: 20px;
}

#header .menuTop .principal a.fermerButton
{

  background: none;
  background-color: #919191;
  border: 1px solid #edebee;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  color: #212121;
  padding:2px 5px;
  float: right;
  position: relative;
  margin:-10px -10px 0 0px;
  -webkit-border-radius: 5px;
   border-radius: 5px;

}


#header .menuTop .principal a.fermerButton:hover
{

  background: none;
      background-color: #edebee;
  border: 1px solid #919191;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  color: #212121;
  padding:2px 5px;
  float: right;
  position: relative;
  margin:-10px -10px 0 0px;
  -webkit-border-radius: 5px;
   border-radius: 5px;

}

.mt17
{
  float: left;
  clear: left;
  margin-top: 25px;

}
  .mt17 label
  {
    font-size: 12px;
    float: left;
    padding-right: 10px;
    font-weight: bold;
  }


.user-input
{
  border: 1px solid #919191;
  float: left;   padding:2px 5px;
  width:125px;
}

.connect
{
        background-color: #edebee;
  border: 1px solid #919191;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding:2px 5px;
  float: left;
   color: #212121;
  margin:0px 0px 0 5px;
    -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}

.connect-over
{

    background-color: #919191;
  border: 1px solid #edebee;
  text-align: center;
  color: #212121;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding:2px 5px;
  float: left;
  margin:0px 0px 0 5px;
    -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}

 #header .menuTop .principal ul.link-compte li a
 {
    background: none;
  color: #ffffff;
  width:250px;
  font-weight: bold;
  text-align: center;
  font-style: italic;
  margin-top: 25px;
 }

 #header .menuTop .principal ul.link-compte li a:hover
 {
    background: none;
  color: #f2653a;
  width:250px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  font-style: italic;
    margin-top: 25px;
 }

 .heitusMin
 {
   height:590px;
      background-image: url(../images/form3.jpg);
   background-repeat: no-repeat;
   background-position: top left;

    position: relative;
    width: 960px;
    margin-left: -2px;

 }

.leftPoz .wide2
 {
    font-family: Century Gothic,Comic Sans MS;
   font-size: 13px;
   color: #ffffff;
   width:80px;
   float: left;
   line-height:25px;

 }


 .rightPoz .wide2
 {
   font-family: Century Gothic,Comic Sans MS;
   font-size: 13px;
   color: #ffffff;
   width:94px;
   float: left;
   line-height:25px;

 }

  .heitusMin .inputForm,.heitusMin .inputFormOver
  {

    background: none;
      background-color: #323131;
      border: 1px solid #696868;
      margin-bottom: 11px;
      width: 132px;
      color: #ffffff;

  }

  .buttonTops
  {
    float: left;
  }


  .leftPoz
  {
    float: left;
    margin-left:95px;
    width:230px;
  }

  .leftPoz .wide2 span,.rightPoz .wide2 span
  {
    color:#c24b2d !important;
    font-size: 11px;
  }




    .rightPoz
  {
     float: left;
    margin-left:47px;
    width:240px;
  }

  .valid1
  {
    width:172px;
    float: left;
    margin: 49px 0px 1px 260px;
    height: 132px;
  }

  .valid1 .user-input
  {
      width: 148px;
    float: left;
    background:none;
    border:none;
    color: #ffffff;
    margin-top: -66px;
     position: relative;
    z-index:10;
      background-color: #323131;
      border: 1px solid #696868;
      height:19px;
      line-height: 19px;
  }



    .valid12
  {
    width:310px;
    float: left;
    margin:80px 0px 1px 230px;
    font-weight: bold;
  }

  .valid12 .user-input
  {
      width: 148px;
    float: left;
    background:none;
    border:none;
    color: #ffffff;
      position: relative;
    z-index:10;
      background-color: #323131;
      border: 1px solid #696868;
      height:19px;
      line-height: 19px;
      margin-top: -66px;
  }

  .valid12 label
  {
   margin-top: -64px;
   float: left;   font-family: Century Gothic,Comic Sans MS;
   font-size: 15px; color: #ffffff;
  }




     .buttonTops
     {
        width:82px;
        height:28px;
        float: right;
        margin-top:4px;
        margin-right:4px;
        background-image: url(../images/validerButton.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        border:none;
        cursor: pointer;
     }
         .buttonTopsOver
     {
        width:82px;
        height:28px;
        float: right;
        margin-top:4px;
        margin-right:4px;
        background-image: url(../images/validerButtonOver.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        border:none;
        cursor: pointer;
     }


     .buttonTops2
     {
        width:82px;
        height:28px;
        float: left;
        background-image: url(../images/validerButton.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        border:none;
        cursor: pointer;
        position: absolute;
       z-index:10;
       margin-top: -68px;
             }
         .buttonTops2Over
     {
        width:82px;
        height:28px;
        float: left;

        background-image: url(../images/validerButtonOver.jpg);
        background-repeat: no-repeat;
        background-position: top left;
        border:none;
        cursor: pointer;
         position: absolute;
         z-index:10;
       margin-top: -68px;
     }
.messages5
{
  float: left;
  clear: left;
  padding: 100px 50px 30px 270px;

  font-size: 16px;
  color: #ffffff;     font-family: Century Gothic,Comic Sans MS;
}

.messages4
{
  position: absolute;
  top: 17px;
  left: 162px;
  font-size: 16px;
  color: #ffffff;     font-family: Century Gothic,Comic Sans MS;
}
 .messages4 span
 {
   text-transform: uppercase;
   font-weight: normal !important;
 }

  .messages4 span span
 {
   color: #f2653a !important;
 }

 .messages2
 {
   position: absolute;
  top: 125px;
  left: 164px;
  font-size: 16px;
  color: #ffffff;     font-family: Century Gothic,Comic Sans MS;
 }

  .messages3
 {
   position: absolute;
  top:152px;
  left:650px;

  font-size: 12px;
  color: #f25e39;
  font-style: italic;    font-family: Century Gothic,Comic Sans MS;
 }


  .messages1
 {
   position: absolute;
  top: 336px;
  left:380px;
  font-size: 14px;
  color: #ffffff;     font-family: Century Gothic,Comic Sans MS;
   }