/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
html, body {  height: 100%;}
body{
 font-family:Arial, Verdana,  Helvetica, sans-serif, Georgia;
 background:#5a0a2a url(../images/charte/body.jpg);
background-repeat: no-repeat;
background-position:top center;
  margin: 0 auto ;

}
/***************** CONTAINER *****************/

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



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

}


/***************** HEADER *****************/
#header{
width:960px;
height:269px;
 background-image: url(../images/charte/header.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/***************** contenuLeft *****************/

#contenuLeft{
font:12px/18px  Arial, Verdana, Helvetica, sans-serif;
text-align:left;
color:#303030;
float: left;
width: 280px;
min-height: 100%;
background-color: #5f0f2f;
}

#contenuLeft ul
{
float: left;
width: 280px;
padding: 0px;
margin: 0px;
  list-style: none;
}

#contenuLeft li span
{
  display: none;
}

#contenuLeft li a.bt1
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt1.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt1:hover
{
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt1_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt1, #contenuLeft .actif-bt1:hover
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt1_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}

#contenuLeft li a.bt2
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt2.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt2:hover
{
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt2_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt2, #contenuLeft .actif-bt2:hover
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt2_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.bt3
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/bt3.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt3:hover
{
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/bt3_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt3, #contenuLeft .actif-bt3:hover
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/bt3_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.bt4
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt4.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt4:hover
{
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt4_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt4, #contenuLeft .actif-bt4:hover
{
list-style: none;
float: left;
height: 34px;
width: 280px;
background-image: url(../images/charte/bt4_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.bt5
{
list-style: none;
float: left;
height: 33px;
width: 280px;
background-image: url(../images/charte/bt5.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt5:hover
{
float: left;
height: 33px;
width: 280px;
background-image: url(../images/charte/bt5_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt5, #contenuLeft .actif-bt5:hover
{
list-style: none;
float: left;
height: 33px;
width: 280px;
background-image: url(../images/charte/bt5_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.bt6
{
list-style: none;
float: left;
height: 37px;
width: 280px;
background-image: url(../images/charte/bt6.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .bt6:hover
{
float: left;
height: 37px;
width: 280px;
background-image: url(../images/charte/bt6_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-bt6, #contenuLeft .actif-bt6:hover
{
list-style: none;
float: left;
height: 37px;
width: 280px;
background-image: url(../images/charte/bt6_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.sbt1
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt1.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt1:hover
{
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt1_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt1, #contenuLeft .actif-sbt1:hover
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt1_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.sbt2
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt2.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt2:hover
{
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt2_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt2, #contenuLeft .actif-sbt2:hover
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt2_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


  #contenuLeft li a.sbt3
{
list-style: none;
float: left;
height: 25px;
width: 280px;
background-image: url(../images/charte/sbt3.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt3:hover
{
float: left;
height: 25px;
width: 280px;
background-image: url(../images/charte/sbt3_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt3, #contenuLeft .actif-sbt3:hover
{
list-style: none;
float: left;
height: 25px;
width: 280px;
background-image: url(../images/charte/sbt3_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}



#contenuLeft li a.sbt4
{
list-style: none;
float: left;
height: 29px;
width: 280px;
background-image: url(../images/charte/sbt4.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt4:hover
{
float: left;
height: 29px;
width: 280px;
background-image: url(../images/charte/sbt4_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt4, #contenuLeft .actif-sbt4:hover
{
list-style: none;
float: left;
height: 29px;
width: 280px;
background-image: url(../images/charte/sbt4_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}


#contenuLeft li a.sbt5
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt5.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt5:hover
{
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt5_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt5, #contenuLeft .actif-sbt5:hover
{
list-style: none;
float: left;
height: 30px;
width: 280px;
background-image: url(../images/charte/sbt5_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}



#contenuLeft li a.sbt6
{
list-style: none;
float: left;
height: 28px;
width: 280px;
background-image: url(../images/charte/sbt6.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#contenuLeft li .sbt6:hover
{
float: left;
height: 28px;
width: 280px;
background-image: url(../images/charte/sbt6_over.jpg);
background-repeat: no-repeat;
background-position: top left;
}


#contenuLeft .actif-sbt6, #contenuLeft .actif-sbt6:hover
{
list-style: none;
float: left;
height: 28px;
width: 280px;
background-image: url(../images/charte/sbt6_over.jpg);
background-repeat: no-repeat;
background-position: top left;
cursor: default;
}








#contenuLeft .news
{
  background-image: url(../images/charte/news.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 190px;
  width: 280px;
  float:right;
  font-family: Arial, Verdana;

}



#contenuLeft .mdm-inner {
  padding: 55px 0px 5px  13px;
  font-family: Arial, Verdana;
  height: 90px;
   width: 252px;
  float: left;
  padding-bottom: 5px;

}

#contenuLeft .mdm-title
{
   color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
}

#contenuLeft .thumb-img
{
  float: left;
  border: 1px solid #ffffff;
  margin: 3px 8px 3px 0px;
}


#contenuLeft .mdm-text
{
  color: #ffffff;
  font-size: 11px;
  line-height: 16px;
  text-align: justify;

}

#contenuLeft .savoir
{
  width: 100px;
  float: right;
  color: #ffb74e;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 0px 0px;
}

#contenuLeft .savoir a
{
  text-decoration: none;
  color: #ffb74e;
  float: right;

}

#contenuLeft .savoir a:hover
{
  text-decoration: none;
  color: #ffffff;
  float: right;
}

#contenuLeft .prix
{

  width: 100px;
  float: left;
  color: #ffb74e;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0px 0px 30px;

}



#contenu{
font:12px/18px  Arial, Verdana, Helvetica, sans-serif;
text-align:justify;
color:#ffffff;
float: left;
padding-left: 20px;
width: 640px;
}





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

.clearer{
clear:both;
}

/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:960px;
font:11px/14px Arial, Verdana, Helvetica, sans-serif;
height:80px;
margin:-80px auto 0;
background: url(../images/charte/bg-footer.jpg) no-repeat left top;
color: #d290ab;

}



#footer .infoAdd
{
  width: 230px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    color: #d290ab;
    float: left;
}

.infoAdd h2
{
  color: #eee672;
  font-family: georgia, arial;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 5px;
}

#footer .infoAdd2
{
  width: 200px;
    padding: 15px 0px 0px 15px;
    text-align: left;
    line-height: 17px;
    color: #d290ab;
    float: left;
}


#footer .infoAdd2 a
{
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
   color: #ffffff;
}
#footer .infoAdd2 a:hover
{
text-decoration: underline;
   color: #ffffff;
}



#footer .liens
{
  width: 450px;
  float: right;
  text-align: right;
  color: #d290ab;
  padding: 20px 15px 0px 0px;
}

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


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


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

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


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