body,html{
scrollbar-base-color: #7B497A;
}
.ref {
	padding-top: 5px;
	text-align: center;
	font-size: 10px;
  width: 757px;
	margin-left: auto;
	margin-right: auto;
  clear: both;
	}
/*img {
	border: 0px;
	margin: 0px 0;
}*/

p{
	margin-top: 0px;
	margin-bottom: 5px;

}

body {
	margin: 0px;
	background:url(../images/charte/bg.png);
	background-repeat:repeat-x;
  background-color: #FFEBBF;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #681020;
  text-align: justify;
}

#container{
	width:757px;
	margin:0px auto;
	}
#container1{
	width:757px;
	background:url(../images/charte/bg2.png) repeat-y left top;
	float:right;
	clear:both;
	}

/*----------------------- CSS ------------------------------*/

.break {
	clear: both;
}

.image-left {
	float: left;
	padding-right: 5px;
}

.image-right {
	float: right;
	padding-left: 5px;
  padding-left: 10px;
}

.contour {
	border: 1px solid #681020;
}

.header {
	width: 757px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: 3px;
}

.bandeau-milieu {
	width: 749px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4px;
	padding-right: 4px;
}

.bandeau-gauche {
	width: 206px;
	background:url(../images/charte/gauche.png);
	float: left;
	font-size: 10px;
}

.logo {
	float: left;
}

.menu {
	float: left;
	background-image: url(../images/charte/menu-flash.png);
	background-repeat: repeat-x;
}
.diapo{
  float: left;
}


.coordonnees {
	float: right;
	width: 254px;
	height: 79px;
	background:url(../images/charte/coordonnees.png);
	text-align: right;
	padding-top: 23px;
	padding-right: 15px;
	font-size: 10px;
}
/*  .coordinnees p{
    text-align: right;
    float: right;
  }*/

.line{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 1px;
}
.bg-text{
  width: 442px;
  height: 17px;
  margin: 0 auto;
  text-align: center;
  padding-top: 2px;
  background:	url(../images/charte/bg-text.png) no-repeat left top;
}

/*.actu {
	background:	url(../images/charte/actu.jpg);
	height: 21px;
}*/
.recherche {
	background:	url(../images/charte/bg-recherche.png) no-repeat;
	height: 277px;
  width: 191px;
  float: left;
  padding-top: 30px;
  padding-left: 15px;
}

.coup-coeur {
	background:	url(../images/charte/bg-coup.png) no-repeat;
  width:190px;
	height:148px;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.coup {
	background:	url(../images/charte/coup.png);
	height: 21px;
}

.actualite {
	background:	url(../images/charte/bg-actualite.png) no-repeat left top;
  width:190px;
	height: 95px;
  float: left;
  padding-left: 10px;
 padding-right: 10px;
  padding-top: 25px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.actualite-textImg{
  float:left;
  height:100px;
  margin-bottom:0px;
  padding-bottom:0px;
}
.actualite-prix{
  float:left;
  padding-top:3px;
  margin-top:0px;
}

.alerte {
	background:	url(../images/charte/bg-alerte.png) no-repeat;
	height: 43px;
  width: 210px;
  float:left;
  padding-top: 30px;
  text-align:center;
/*  padding-left: 70px;*/
}

.col-left {
  float: left;
  width:210px;
 /*	padding-right: 10px;*/
}
#right-col {
	float: right;
	width: 541px;
  background: url(../images/charte/bg-right.png) no-repeat 503px top;
  padding-left:1px;
}

.bas-gauche {
	background: url(../images/charte/bas-gauche.jpg);
	height: 8px;
}

.title {
/*	height: 21px;    */
  float: left;
  padding-left: 1px;
}

.bloc-droit {
	padding-left: 10px;
	padding-right:10px;
}
.bloc-droit1 {
	padding-left: 35px;
  float: left;
  padding-top: 15px;
}
.bloc-droit2 {
	padding-left: 30px;
  float: left;
  padding-top: 15px;
}
.bas-droit {
	background: url(../images/charte/bas-droit.png);
	height: 10px;
}

.box-photo{
  width:220px;
  height:250px;
  border: solid 1px #A01830;
  float:left;
  margin-right: 20px;
  margin-bottom: 18px;
  background-color:#FDF2F4;
}
.box-title{
  width:220px;
  background-color:#681020;
  text-align:center;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}
.box-images{
  width:220px;
  height:170px;
  text-align:center;
}
.box-price{
  width:220px;
  text-align:center;
  height: 20px;
  padding-top: 6px;
  color: #FFF8EC;
  font-weight: bold;
  background-color: #A01830;
}
.box-text{
  width:210px;
  text-align:left;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
	color: #681020;
  font-weight: normal;
  padding-bottom: 10px;
}
.text{
  color: #FFDBA7;
}

.image-detail{
  width: 500px;
  text-align: center;
  border: solid 1px red;
}

.images{
  float:left;
  width:520px;
  text-align:center !important;
}
.images1{
   margin:0 auto;
   height:304px;
   text-align:center;
}

h2{
  text-align: center;
  padding-top:173px;
  font-family: Verdana;
  font-weight: bold;
  font-size: 14px;
}


.footer{
	background:url(../images/charte/footer.png) no-repeat;
	padding-top: 25px;
	height: 30px;
	text-align: center;
	font-size: 10px;
  width: 757px;
	margin-left: auto;
	margin-right: auto;
  clear: both;
}

/*----------------------- Liens ------------------------------*/

a:link {
	color: #ba601d;
	text-decoration: none;
	border:none;
}

a:visited {
	color: #ba601d;
	text-decoration: none;
	border:none;
}

a:hover {
	color: #fdb179;
	text-decoration: none;
	border:none;
}

#details{
  float: right;
  margin-bottom: 0px;
}
.text-detail{
	float:left;
	width:505px;
	padding-left:10px;
	padding-top:7px;
	background-color:#FDEEF0;
	margin-bottom:10px;
	border: 1px solid #681020;
}
.button-retour{
  float: left;
}