/* ===| 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/1.5em Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; color:#000000;}


h1{text-align:center; height:27px; width: 499px;}
h1 span{display:none;}

h1.accueil{background: url(../../images/charte/title-accueil.jpg) center top no-repeat;}
h1.salons{background: url(../../images/charte/title-salons.jpg) center top no-repeat;}
h1.chambres{background: url(../../images/charte/title-chambres.jpg) center top no-repeat;}
h1.catalogue{background: url(../../images/charte/title-cataloque.jpg) center top no-repeat;}
h1.cuisine{background: url(../../images/charte/title-cuisine.jpg) center top no-repeat;}
h1.catalogue-detail{background: url(../../images/charte/title-catalogue-details.jpg) center top no-repeat;}
h1.rangements{background: url(../../images/charte/title-rangements.jpg) center top no-repeat;}
h1.contact{background: url(../../images/charte/title-contact.jpg) center top no-repeat;}
h1.merci{background: url(../../images/charte/title-merci.jpg) center top no-repeat;}

h2{font: bold 14px/18px Arial;
color: #F42F24;
text-transform: uppercase;
padding: 10px 0px;
clear: left;
}


h3{
color: #241F7B;
text-transform: uppercase;
clear: left;
float: left;
font-size: 15px;
border-bottom: 1px dashed #C10000;
padding-bottom: 5px;
width: 480px;
margin-bottom: 15px;
}

h6{
color: #241F7B;
text-transform: uppercase;
clear: left;
float: left;
padding-top: 15px;
font-size: 15px;
border-bottom: 1px dashed #C10000;
padding-bottom: 5px;
width: 671px;
margin-bottom: 5px;
}

h3 img{
  float: right;
}

.slide5{
margin-left: 50px;
}

h4
{
font: bold 14px/18px Verdana;
color: #000064;
text-transform: uppercase;
padding: 10px 0px 40px 0px;

text-align: right;
float: right;
width: 690px;
}

h5{
color: #44448F;
padding: 10px 0px 5px 25px;
float: left;
width: 470px;
font-size: 12px;
}

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

#right-outter .retours a{
  color: #000064;
}

#right-outter .retours a:hover{
  color: #C00000;
}







.search5{
  float:left;
  margin-right:15px;
  padding-left:5px;
  font-size:11px;
  color: #B21515;
  margin-top: 30px;
   }





.paragraph2{
background-image: url(../../images/charte/paragraph2.jpg);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 0px 0px 0px;
float: left;
width: 671px;
margin-top: 12px;
margin-bottom: 12px;

}

.paragraph3{
background-image: url(../../images/charte/paragraph4.jpg);
background-repeat: no-repeat;
background-position: bottom left;
height: 120px;
padding: 0px 0px 0px 0px;
float: left;
width: 499px;
margin-top: 12px;

}


.paragraph4{
background-image: url(../../images/charte/paragraph6.jpg);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 0px 0px 0px;

width: 671px;
margin-top: 12px;
margin-bottom: 12px;
float: left;

}

.paragraph5{
background-image: url(../../images/charte/paragraph7.jpg);
background-repeat: no-repeat;
background-position: top left;
padding: 0px 0px 0px 0px;
width: 671px;
margin-top: 12px;
margin-bottom: 12px;
float: left;

}


.paragraph6{
background-image: url(../../images/charte/paragraph6.jpg);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 0px 0px 0px;

width: 671px;
margin-top: 12px;
margin-bottom: 12px;
float: left;

}



.paragraph7{
background-image: url(../../images/charte/paragraph9.jpg);
background-repeat: no-repeat;
background-position: bottom left;
height: 120px;
padding: 0px 0px 0px 0px;
float: left;
width: 499px;
margin-top: 12px;
cursor: pointer;

}

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

width: 671px;
margin-top: 12px;
margin-bottom: 12px;
float: left;

}



.paragraph9{
background-image: url(../../images/charte/paragraph10.jpg);
background-repeat: no-repeat;
background-position: top right;
padding: 0px 0px 0px 0px;
float: left;
width: 671px;
margin-top: 12px;
margin-bottom: 12px;

}

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



.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 #D40000;
  float: right;
  margin:  -32px 0px 0px 0px;
}

 a.thumb-right-bottom{

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


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

}

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

}

.bull3{
background-image: url(../../images/charte/bull.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 10px;
float: left;
width: 220px;

}

.bull4{
background-image: url(../../images/charte/bull2.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left: 10px;
width: 220px;
float: left;

}

.celio{
  float:left;
  margin-right:15px;
  margin-bottom: 5px;
}


.salon1{
width:150px;
float: left;
padding-left: 25px;
}

 .salon2{
width:150px;
float: left;
}

.salon3{
width:100px;
float: left;
}

.salon4{
width:250px;
float: left;
margin-left: 25px;
}

.salon5{
width:235px;
float: left;
margin-left: 25px;

}

.salon6{
width:220px;
float: left;
margin-left: 20px;
}

.salon7{
width:480px;
float: left;
margin-left: 25px;
line-height: 16px;
margin-bottom: 10px;
}

.salon8{
width:480px;
float: left;
margin-left: 25px;

}

.salon9{
width:480px;
float: left;
padding-left: 25px;
margin-top: -5px;
line-height: 16px;
}

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


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


}