/* ===| TYPOGRAPHY |============================================*/

body{font: 12px/1.5em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;}

h1{
  width: 100%;
  height:55px;
  float: left;
  background-color: #fff1dc;
}

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

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

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


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

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

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


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

h1 span{
  display: none;
}

h2{
font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
line-height: 28px;
text-align: center;
height: 28px;
color: #ffffff;
background-color: #DA2129;
text-transform: uppercase;
width: 590px;
float: left;
margin-top: 15px;
}

h2 img{
  float: right;
}



h3{
font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
float: left;
margin-top: 15px;
text-transform: uppercase;
color: #DA2129;
padding-bottom: 5px;
}

.bull1{
  background-image: url(../../images/charte/bull1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 15px;
  clear: left;
}
.bull2{
  background-image: url(../../images/charte/bull2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 15px;
  clear: left;
}
.bul1{
  background-image: url(../../images/charte/bul1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 15px;
  clear: left;
}
.bul2{
  background-image: url(../../images/charte/bul2.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 15px;
  clear: left;
}

.bull3{
  background-image: url(../../images/charte/bull1.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  padding-left: 15px;
  margin-left: 15px;
  clear: left;
  margin-top: 3px;
}


.bull3 a{
color: #DA2129;
text-decoration: none;
font-size: 12px;
}

.bull3 a:hover{
color: #000000;
text-decoration: none;
font-size: 12px;
}

 .pdfs{
 background-image: url(images/icon_pdf.gif);
 background-repeat: no-repeat;
 background-position: top left;
 height: 16px;
 padding-left: 20px;
 float: left;
 margin: 0px 0px 5px 5px;
 }
   .pdfs a{
   text-decoration: none;
   color: #AF001B;


 }

      .pdfs a:hover{
   text-decoration: none;
   color: #000000;

 }
 .tarifs{
 height: 16px;
 float: right;
 margin: 0px 0px 5px 5px;
 }
   .tarifs a{
   text-decoration: none;
   color: #AF001B;


 }

      .tarifs a:hover{
   text-decoration: none;
   color: #000000;

 }

.cons dd{
 font-size: 12px;
  border-top:1px dashed #DA2129;
 margin: 5px 15px 10px 30px;
 padding-top: 5px;

}



.slide{
margin-left: 80px;
}

.slide-droit{
width:400px;
float: right;
margin: 0px 0px 0px 15px;

}




.line{
  border-bottom: 1px solid #E2D5C8;
  height: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  clear: left;
}

.thumbs-droit{
border: 0px solid #DA2129;
float: right;
margin-left: 20px;
margin-right: 0px;

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


}

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


}

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

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

}

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

}

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

}

.red{
  color: #DA2129;
  font-weight: bold;
}


 .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;
}

.top15{
margin-top: 15px;
}


.top25{
margin-top: 25px;
}

.padding10{
padding-top: 10px;
}


.padding15{
padding-top: 15px;
}


.padding20{
padding-top: 20px;
}
.negatif15{
  margin-top: -3px;
  text-align: center;

}

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

.margin0{
  margin-top: 0px;
}
.paragraph2{
background :url(images/bg-paragraph2.jpg) left top no-repeat;
/*border: 1px solid #E2D5C8;*/
border: none;
padding: 10px;
float: left;
margin: 10px 0px 0px 0;
}

.paragraph5{
/*border: 1px solid #E2D5C8;*/
background: url(images/bg-paragraph5.jpg) no-repeat top left;

float: left;
clear: left;
width: 740px;
height: 149px;
margin: 25px 0px 15px 0px;
}

.clear{
  clear: left;
}


.paragraph{
float: left;
}

.paragraph3{
float: left;
margin: 10px 0px;
}