/* ===| TYPOGRAPHY |============================================*/
/* ===| MDM POPUP |====================================================*/
.mdm-popup{
background-color: #FFFFFF;
  font:normal 12px Arial;
  padding:0px 14px 20px;
  text-align: justify;

  }
  .mdm-popup img{
    border:1px solid #D6D3CA;
    padding:1px;
    background-color: #FCFFF5;
    margin: 0px 10px 10px 0px;
    float: left;
    }
   .img-non{
    border:0px solid #D6D3CA;
    padding:0px;
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    }


:focus{outline:none;}


a:active, a:focus{
outline:none;
}

a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}
body{font: 12px/18px Verdana,Arial, Tahoma, Geneva, Helvetica, sans-serif; color:#ffffff;}


h1{
width: 210px;
height: 43px;
float: left;
}


h1 span{
  display: none;
}

h1.accueil{
  background-image: url(../../images/charte/title-accueil.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

h1.services{
  background-image: url(../../images/charte/title-services.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

h1.vehicule{
  background-image: url(../../images/charte/title-vehicule.jpg);
  background-repeat: no-repeat;
  background-position: top left;
   width: 185px;
  height: 60px;
}

h1.vehicule2{
  background-image: url(../../images/charte/title-vehicule.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  width: 185px;
  height: 60px;
}
h1.contact{
  background-image: url(../../images/charte/title-contact.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}


h1.merci{
  background-image: url(../../images/charte/title-merci.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

  h2{
  width: 188px;
  height: 35px;
  float: left;
  clear: left;
}


 h2.actif1{
  background-image: url(../../images/charte/button1-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

 h2.actif2{
  background-image: url(../../images/charte/button2-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

 h2.actif3{
  background-image: url(../../images/charte/button3-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

 h2.none1{
  background-image: url(../../images/charte/button1.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

 h2.none1-over{
  background-image: url(../../images/charte/button1-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

 h2.none2-over{
  background-image: url(../../images/charte/button2-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}


 h2.none3-over{
  background-image: url(../../images/charte/button3-over.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

 h2.none2{
  background-image: url(../../images/charte/button2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

 h2.none3{
  background-image: url(../../images/charte/button3.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  cursor: pointer;
}

h2 span{
  display: none;
}


h4{
font-size: 15px;
height: 60px;
margin-top: 3px;
line-height: 20px;

}

h4 a{
  text-decoration: none;
}







 .search{
  float:right;
  width: 300px;
  font-size:11px;
  margin-top: -60px;
  margin-right: 10px;
   }

.search5{
  margin-right:5px;
  padding-left:5px;
  font-size:11px;
  color: #ffffff;
   }



.retours{
float:right;
text-align: left;
margin-top: 5px;
padding-top: 5px;
width: 100%;
border-top: 1px dashed #830000;
}


.text-gauche2{
width: 375px;
float: left;
text-align: justify;
margin-right: 25px;
}

.text-gauche{
width: 375px;
float: left;
text-align: justify;
margin-right: 25px;
}

.text-gauche span{
  font-weight: bold;
  color: #ffffff;
}



.text-droit2{
width: 420px;
float: left;
text-align: justify;

}

.text-droit{
width: 420px;
float: left;
text-align: justify;
}

.text-droit span{
  font-weight: bold;
  color: #ffffff;
}


 .text-droit2 span{
  font-weight: bold;
  color: #ffffff;
}

.paragraph1{
  background-image: url(../../images/charte/paragraph1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 113px;
  width: 821px;
  float: left;
  margin-top: 14px;
}

.paragraph1-text{
margin-top: 65px;

}



.line-gauche{
background-image: url(../../images/charte/line1.jpg);
background-position: bottom left;
background-repeat: no-repeat;
width: 492px;
height: 15px;
clear: left;
margin-left: 165px;


}

.bulls-gauche{
width: 210px;
float: right;
  margin-top: 20px;
}


.bull1{
  background-image: url(../../images/charte/bull1.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 10px;

}





.thumb-gauche{
  border: 1px solid #BEBEBE;
  float: left;
  margin-right: 10px;
}


.thumb-droit{
  border: 1px solid #BEBEBE;
  float: right;
  margin-left: 10px;
}

.thumb-gauche3{
  border: 1px solid #BEBEBE;
  float: left;
  margin-right: 10px;
  margin-top: -120px;
}



.thumb-right2{
  border: 1px solid #FF3126;
  float: right;
}

.thumb-right{
  padding: 1px;
  border: 1px solid #FF3126;
  float: right;
  margin:  -13px 8px 0px 15px;

}

a.thumb-right-top{

  border: 1px solid #ffffff;
  float: right;
  margin:  -32px 0px 0px 0px;
}

 a.thumb-right-bottom{

  border: 1px solid #ffffff;
  float: right;
  margin:  15px 0px 0px 0px;
}




 .mercidiv{
width: 600px;
text-align: center;
padding-top: 50px;

}
.indent15{
  margin-left: 15px;
}

.indent30{
  margin-left: 30px;
}


.indent65{
  margin-left: 60px;
}

.indent60{
  margin-left: 60px;
  margin-top: 8px;
}
.indent100{
  margin-left: 100px;
}

.indent140{
  margin-left: 140px;
}

.indent180{
  margin-left: 180px;
}

.indent220{
  margin-left: 220px;
}
.top5{
margin-top: 5px;
}

.top7{
margin-top: 7px;
}


.top10{
margin-top: 10px;
}

.top13{
margin-top: 13px;
}

.top14{
margin-top: 14px;
}

.top15{
margin-top: 15px;
}


.top20{
margin-top: 20px;
}

.top25{
margin-top: 25px;
}

.padding10{
padding-top: 10px;
}


.padding15{
padding-top: 15px;
}


.padding20{
padding-top: 20px;
}
.negatif6{
  margin-top: -6px;
}


.negatif15{
  margin-top: -3px;
  text-align: center;

}

.negatif25{
  margin-top: -25px;
}

.margin0{
  margin-top: 0px;
}

.clear-left{
clear: left;
}

.clear-right{
clear: right;
}

.clear-both{
clear: both;
float: left;
}