/* *************************************************************** */
/* Style de la Page - Haut, Gauche, Droit Bas, Centre */
/* *************************************************************** */
/*
table, tr, td{
border:1px solid #0000ff;
}
td{
border:1px solid #00ff00;
}
tr, td{
border:1px solid #ff0000;
}*/
.nothing  a .cssbutton{
float:none;
	
}
div.pagination {
	clear:both;
	width:870px;
	height:30px;
	padding:3px;
	margin:auto;
}
div.pagination a {
	color:#5d7c7e;
}
div.pagination a:hover {
	background-color:#ffffff;
	color:#5d7c7e;
}
.hr{
	width:500px;
	height:1px;
	background-color:#dddddd;
	margin-bottom:20px;
}
h3{
  font-size:14px;
}
.conditions{
	color:#89311d;
	text-decoration:underline;
}
#buy-it .cssbuttonsubmit{
	width:275px;
	height:60px;
	background-image:url(images/style/buy-it.jpg);
	float:none;
	margin:auto;
	color:#ffffff;
	margin-bottom:15px;
}
#buy-it .cssbuttonsubmit:hover{
	background-position:0 -60px;
}
.multi_p{
	width:110px;
	height:110px;
	background-color:#ffffff;
	border:1px solid #dfdfdf;
	padding:7px;
}
.page_cl{
	width:530px;
	float:left;
	padding-top:20px;
	margin:0px;
}
.page_cr{
	width:270px;
	float:right;
	padding-right:30px;
	padding-top:20px;
}
h3{
	margin:0px;
	padding:0px;
	font-family:arial;
}
h2{
	margin:0px;
	padding:0px;
	font-family:tahoma;
}
.title_fiche{
	background:none;
	font-size:30px;
}
#selection_txt{
	display:block;
	width:500px;
	height:20px;
	background-color:#f6f6f6;
	color:#999999;
	font-family:arial;
	font-size:16px;
	border-bottom:#dddddd 1px solid;
}
#logoff{
  float:right;
  color:#ffffff;
  padding:5px;
  margin-right:25px;
  text-align:center;
}
#sur_wrapper{
  width:924px;
  margin:auto;
}
#wrapper{
  width:924px;
  margin:auto;
}
#header{
  width:924px;
  height:200px;
  background-image:url(images/style/header.jpg);
  background-repeat:no-repeat;
  	overflow:hidden;

}

#page_contents {
  margin: auto;
  width: 924px; /* Largeur de la page centrée */
  padding:0px;
}

#search input {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background-color:#eeeeee;
}
#panier{
	width:185px;
	height:110px;
	padding-right:10px;
	padding-top:10px;
}

#panier SPAN.smallText,#panier SPAN.smallText a {
  font-family:  tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight:normal;
}
#menu_top{
  width:882px;
  height:22px;
  margin:0px;
  border:1px solid #ffffff;
  padding:0px;
  padding-top:8px;
  padding-left:20px;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background: #89311d;
  color: #f2cb9b;
  font-weight : bold;
}
#menu_top li{
  display:inline;
}
#menu_top li a{
  color: #f2cb9b; 	
  padding-left:10px;
  padding-right:10px;  
}
#menu_top .ariane-log{
  margin-left:350px;
  width:200px;
}
.middle {
	padding-left:30px;
	padding-right:50px;
	text-align:justify;
}
.middle h3{
	padding-left:40px;
	text-decoration:underline;
}
.text{

	padding-right:40px;
	text-align:justify;
}
.text-para{
	padding:30px;
	padding-left:30px;
	padding-right:35px;
	padding-top:20px;
	width:500px;
	text-align:justify;
    background-image:url(images/style/para.jpg);
    background-repeat:no-repeat;	
}
.text-para p {
margin: 0; padding: 0;
}
#img-article{
	padding:20px;
	padding-top:10px;
	border:1px solid #dfdfdf;
	padding:7px;	
	margin-left:20px;
	margin-right:10px;
}
/****************************************TAB*******************************/
.tab{
  background-color:#dddddd;
  margin:0px;
  padding:0px;
  padding-left:5px;
  width:300px;
  margin-left:30px!important;
  margin-left:15px;
  margin-top:30px;
  
}
.text_contact{
  background-color:#eeeeee;
  border-left:1px solid white;
  margin:0px;
  padding:10px;
  color:#656565;
  text-align:justify;
}
#cont-img{
    float:left;
	width:352px;
	height:353px;
	background-image:url(images/style/contact-icon.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.titre-prod {
	color:#999999;
	font-family:arial;
	font-size:18px;
	border-bottom:#dddddd 1px solid;
	margin:0px;
	padding:0px;
	margin-bottom:10px;

}
.page_ctr{
  padding:50px;
  padding-bottom:20px;
  padding-top:25px;
}
#login-img{
	overflow:hidden;
	height:420px;
  	background-image:url(images/style/create-account.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#account-img{
	overflow:hidden;
	height:auto;

	min-height:500px;
  	background-image:url(images/style/account-img.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.page_ctr .info img{
	margin:10px;
	margin-left:0px;
	padding:0px;
    border:3px solid #b0b0b0;
	float:left;
}
.page_ctr2{
  padding-left:10px;
  background-color:#ffffff;
  padding-bottom:30px;
}
#page_ctr_compte{
  margin:auto;
  width:820px;
  overflow:hidden;
  padding-top:40px;
  padding-bottom:60px;
  padding-left:30px;
  padding-right:30px;
}
/***************CSS SOUS CATEGORIE********************/
#page_ctr_sous_cat{
  margin:auto;
  width:870px;
  overflow:hidden;
  padding-top:20px;
  padding-bottom:30px;
  padding-left:5px;
  padding-right:5px;
}
.sous_cat{
	width:272px;
	float:left;
	text-align:center;
	margin-left:10px;
}
.page_ctr-promo{
  padding-left:15px;

}
.page_ctr-product_listing{
  width:880px;
  overflow:hidden;
}
#left {
         float:left;
}
#right {
         float:right;
}
#footer {
  margin:auto;
  width: 894px; /* Largeur de la page centrée */
  height:350px;
  padding-left:30px;
  padding-top:25px;
  background-image:url(images/style/footer.png);
  background-repeat:no-repeat;  
}
#sur_footer{
  padding:0px;
  padding-right:24px;
  text-align:right;
}
#sur_footer a{
	font-weight:normal;
	font-size:10px;
}
.foot_box{
	float:left;
	width:248px;
	height:160px;
	padding:20px;
	padding-bottom:0px;
	padding-top:10px;
	color:#656565;
	margin-bottom:10px;
}
.foot_box .p_box{
	text-align:justify;
	font-size:11px;
	margin:0px;
	height:125px;
	padding:0px;
	border-bottom:1px dotted #b0b0b0;	

	
}
.foot_box .p_box p{
	text-align:justify;
	font-size:11px;
	margin:0px;
	padding:0px;
	
}
.foot_box .p_box img{
	margin:3px;
	margin-left:0px;
	margin-right:5px;
	padding:0px;
    border:3px solid #b0b0b0;
	float:left;
}
.foot_box h3{
	height:30px;
}
.foot_box .p_box a{
	text-align:justify;
	font-size:11px;
}
.intro{
	width:370px;
	text-align:justify;
	padding-left:20px;
	
}
/* *************************************************************** */
/* Module Central */
/* *************************************************************** */

div.middle {
	overflow:hidden;
   padding:0px;
   padding-left:10px;
   padding-right:10px;
   width:904px;
   min-height:522px;
   display:hidden;
   font-size: 12px;
   background-color:#ffffff;
   background-image: url(images/style/content_ctr3.jpg);
   background-repeat: repeat-y;
}
div.middle h2 {
	display:block;
	width:874px;
	padding-left:30px;
	margin-top:15px;
	height:20px;
	background-color:#f6f6f6;
	color:#999999;
	font-family:arial;
	font-size:16px;
	border-bottom:#dddddd 1px solid;
}

/* *************************************************************** */
/* TEXT_IMG*/
/* *************************************************************** */
#menu-gauche{
margin:0px;
padding:0px;
padding-top:14px;
padding-bottom:14px;
width:215px;
float:left;
padding-left:4px;
background-color:#ffffff;
}
#flash-droite{
margin:0px;
padding:0px;
float:left;
}
#menu-gauche ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#menu-gauche ul li{
margin:0px;
padding:0px;
}
.txt_img{
	text-align:center;
}
/* *************************************************************** */
/* BTN CSS*/
/* *************************************************************** */
.cssbutton {
  background: #ededed;
  color : #999999;
  width : auto;
  padding:5px;
  font-weight: bold;
  font-family: Tahoma;
  font-size: 12px;
  cursor: pointer;
  text-align:center;
  float:right;
  margin-bottom:30px;
}
.cssbuttonsubmit{
  background: #ededed;
  color : #999999;
  width : auto;
  padding:5px;
  font-weight: bold;
  font-family: Tahoma;
  font-size: 12px;
  cursor: pointer;
  text-align:center;
  float:right;
  margin-bottom:30px;
}
#search .cssbuttonsubmit{
	margin:0;
	height:22px;
	border:none;
  background: #dddddd;
  border-left:1px solid #ffffff;
}
#account-img .cssbuttonsubmit{
  background: #ededed;
  color : #999999;
  width : auto;
  padding:3px;
  padding-left:5px;
  padding-right:5px;
  font-weight: bold;
  font-family: Tahoma;
  font-size: 12px;
  cursor: pointer;
  text-align:center;
  float:right;
  margin-bottom:30px;
}
#menu_cat{

}
#menu_cat ul{
	border-bottom:1px solid #999999;
	padding:0px;
	margin:0px;
	padding-top:5px;
}
#menu_cat ul li{
	display:inline;
	padding-left:20px;
	padding-right:20px;
	color:#999999;
}
#menu_cat a{
	font-size:12px;
	font-family:arial;
	font-weight:normal;
	color:#999999;
}
#menu_cat a:hover{
	color:#5e7c7e;
}
/* *************************************************************** */
/* COL_L */
/* *************************************************************** */
#col_l{
  background-image:url(images/style/col_l.jpg);
  color : #dddddd;
  width : 208px;
  height:443px;
    display:hidden;

  margin:0px;
  padding:0px;
  padding-left:24px;
  padding-top:79px;
  float:left;
  }
#col_l li, #col_l a{
  margin:0px;
  padding:0px;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #f2cb9b;
  font-weight : bold;
  list-style-type:none;  
}
 #col_l ul li a{
  border-bottom:1px solid #f2cb9b;
}
#col_l li{
  margin-bottom:22px;
}
#menu-left{
  position:relative;
  top:20px;
  left:0px;
  height:200px;
  margin:0px;
  padding:0px;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #f2cb9b;
  font-weight : bold;
  list-style-type:none; 
}
#adresse{
position:relative;
top:95px;
left:0px;
  margin:0px;
  padding:0px;
  color:#5e7c7e;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
}
/* *************************************************************** */
/* COL_R*/
/* *************************************************************** */
#col_r{
  background:#ffffff;
  color : #dddddd;
  width : 672px;
  height:522px;
  margin:0px;
  padding:0px;
  float:left;
  text-align:center;

  }

/***********************************COOKIE************************/
#text-cookies{
	padding:30px;
	padding-right:35px;
	padding-top:10px;
	text-align:justify;
}
.info{
	background-color:#f6f6f6;
	padding:10px;
	margin:10px;
	text-align:justify;
}
/**************************************javascript*****************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 10px solid #ffffff;
overflow: scroll; /*leave this value alone*/
width: 652px; /*Width of Carousel Viewer itself*/
height: 502px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 672px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}