/* ____ Pas Touche ! ____ */
*{margin: 0;padding: 0;}
html{
overflow: scroll;
background: #501C24;  /*si background identiques sur toutes les pages */
background: url(images/new/bg_solde.jpg) left top;
}
body{
background: url(images/new/bg_fond_header.jpg) left top repeat-x;
font: normal 12px Arial, Verdana, sans-serif;
}
#blop{
margin-top:200px;
}
#site{
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
}
#page{
margin-left: auto;
margin-right: auto;
width: 100%;
}
#topaffaireprd{
margin-left:15px;
margin-top:2px;
width:170px;
height:25px;
background:url('./images/top2.jpg');
}
#topaffaire{

position:relative;
width:50px;
height:50px;
margin-bottom:-50px;
}
a img{border: 0;}
a{text-decoration: none; color: #86303D;}
a:hover{text-decoration: underline; color: #86303D;}

/* _______ Les Titles ________ */
#logo h1{
position: absolute;
top: 55px;
letter-spacing: 4px;
left: 50px;
vertical-align: bottom; /* differe entre IE et FF*/
height: 30px;
}
#logo h1 a{
text-decoration: none;
color: #FFF;
font: bold 10px Arial, Verdana, sans-serif;
}
#logo p{
clear: both;
width: 286px;
height: 100px;
background: url(images/new/logo_rayondor2.jpg) left top no-repeat;
cursor: pointer;
}
#logo p:hover{background: url(images/new/logo_rayondor2.jpg) left bottom no-repeat;}

/* ---------------- Home Page ------------------ */
fieldset{
font: normal 12px Verdana, Arial, sans-serif;
width: 200px;

border: 1px solid #B1B1B1;
}
legend{
font-size: 15px;
margin-bottom:6px;
font-weight: bold;
color: #D90128;
text-transform: uppercase;
}
#topventes fieldset p strong{display: block; padding: 10px 0 15px 0;}
#topventes fieldset p strong a, #topventes fieldset p strong a:hover{color: #000; text-decoration: none;}
#topventes fieldset p a img{height: 30px;}
.topventes_img{float: left;padding-right: 10px;}
.topventes_prix{
background: url(/images/imghome/bg_tarif.jpg) repeat-x;
font-weight: bold;
color: #FFF;
padding: 5px;
font-size:11px;
text-align: center;
height: 20px;
}
.topventes_reduc{
font-weight: bold;
background: url(/images/imghome/bg_reduc.jpg) repeat-x;
text-align: center;
padding: 5px;
height: 24px;
font-size:11px;
}
fieldset hr{
width: 120px;
margin: 15px auto 9px;
clear: both;
height: 1px;
border: 0;
color: #333;
background: #333;
}
#affiches{
float: left;
height: 100%;
width: 660px;/* force pour init */
margin: 18px 30px 0 0;
}
#imghr{float: left;width: 522px;}
#imgsd1, #imgsd2, #imgsd3, #imgsd4{
margin: 0 0 5px 7px;
}

#text_home h2{text-align: center;}
#text_home h2 a{
font: bold 18px Arial, Verdana, sans-serif;
text-decoration: none;
color: #501C24;
}
#description_produit h1:first-letter{text-transform: capitalize;}
#description_produit h1{
color: #5A2A3A;
font: normal 22px Arial, Verdana, sans-serif;
}
#description_produit h2 a{
font: normal 20px Arial, Verdana, sans-serif;
text-decoration: none;
color: #907C7E;
}
#description_produit h2 a:hover{
text-decoration: none;
color: #E43428;
}
#contenu_dur h2, #contenu_dur h1, #rub_content h1{color: #D90128; font-size: 20px; margin-bottom: 15px;}
#contenu_dur p{margin: 5px 0;}

/* ______ Header _______ */
#header{
width: 100%;
background: url(images/new/bg_header.jpg);
height: 100px;
}
#avantages li{
display: inline;
list-style: none;
}
#avantages li a img{margin-left: -3px; height: 30px;}
#logo{width: 300px; float: left;}
#content_header{
text-align: center;
float: left;
width: 500px;
}
#content_header p, #content_header p a, #content_header p strong{color: #FFF; font-size: 10px; margin: 10px 0 5px 0; font-weight: normal; text-decoration: none;}
#link_top{
width: 150px;
position: absolute;
right: 7px;
top: 0;
}
#link_top li{list-style-type: none; height: 18px;}
li#search input{
width: 100px;
border: 1px solid #000;
float: left;
background: #EEE;
font-size: 10px;
font-weight: bold;
color: #531D25;
}
li#search{
margin: 5px 5px 5px 15px;
height: 25px;
}
li#search a, li#search a:hover{
text-decoration: none;
padding: 2px 3px 0 3px;
display: bloc;
background: #FFF;
color: #531D25;
font-size: 10px;
}
#content_header strong{
margin: 10px 0 5px 0;
color: #F00;
font: bold italic 11px Arial, Verdana, sans-serif;
}
#content_header strong a{
color: #F00;
text-decoration: none;
}
#list-menu{
padding-top: 5px;
clear: both;
height: 25px;
}

#list-menu ul{height: 25px;font-size: 13px; font-weight: bold; list-style-type: none;}
#list-menu ul li{display: inline; color: #FFF; border-right: 2px solid #E03849;}
#list-menu ul li a{padding: 5px 33px 10px 33px; color: #FFF; text-decoration: none;}
#list-menu ul li a:hover{background: #E33848;}

#breadcrumb{background: #EEE; border-bottom: 1px solid #DDD; margin: 10px -15px; padding: 5px 10px; color: #D90128; font-weight: normal;}
#content #breadcrumb{margin: 10px 0;}
#breadcrumb a{color: #501C24;}
#breadcrumb a:hover{text-decoration: underline; color: #501C24;}
#breadcrumb span{color: #333;}

/* ______ Menu _______ */
#rubriques{
background: #FFF;
margin-top: 30px;
clear: both;
height: 25px;
}
#rubriques ul{list-style-type: none;}
#rubriques ul li{
height: 25px;
display: block;
float: left;
text-align: center;
}
#rubriques ul li a{
font: bold 14px Verdana, Arial, sans-serif;
background: #501C24;
width: 136px;
height: 20px;
border: 1px solid #FFF;
border-right: none;
padding: 3px 0 0 0;
margin: 0 0 10px 0;
color: #FFF;
text-decoration: none;
display: block;
text-align: center;
}
#rubriques ul li a:hover{
color: #FFF;
background: #900;
}

/* _________ Contenu _________ */
#content_home{background: #FFF;margin-top: 31px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;}
#content{background: #FFF;margin-top: 31px;/*padding: 15px;*/}
#contenu_dur{padding: 15px; clear: both; min-height: 400px;}
#text_home{
float: left;
width: 350px;
}
#text_home p{
color: #999;
text-align: justify;
padding: 5px;
margin: 5px;
}
#logos_marques {clear: both;}
#logos_marques hr, #meme_ligne hr{
color: #999;
background: #999;
height: 1px;
border: 0;
}
#logos_marques ul{margin: 10px;}
#logos_marques ul li{
display: inline;
list-style-type: none;
padding: 0 15px;
}
#promotions_marques{
clear: both;
margin: 10px 0;
}
#promotions_marques a{padding: 0 13px;}

/* _________ Footer _________ */
#footer{
width: 960px;
clear: both;
background: #FFF;
margin: 10px auto;
font: normal 12px Arial, Verdana, sans-serif;
}
#footer p{padding: 5px 10px; text-align: center;}
#footer a, #footer a:hover, #footer p, #footer p strong{
font-weight: normal;
text-decoration: none;
color: #9B9B9B;
}
/*#seofooter a{color: #C00; font-size: 13px;}*/
#footerLinks{
height: 70px;
position: relative;
font: bold 12px Arial, Verdana, sans-serif;
color: #FFF;
text-align: center;
padding: 0;
}
#footerLinks ul li{display: inline;}
#footerLinks ul li a:link, #footerLinks a:visited{
font: bold 12px Arial, Verdana, sans-serif;
color: #FFF;
text-decoration:none;
}
#footerLinks ul li a:hover{color:#ff9f00;}
#footerLinks dl{width: 100%; margin: 15px 0 0 0; padding: 5px 10px 0 10px;}
#footerLinks dl dt{
text-align: left;
float: left;
clear: both; /* hack de commentaire avec un antislash pour ie5 mac \*/
}
#footerLinks dl dt a{padding: 0 5px 0 0;}
#footerLinks dl dt dd{width: 50%;}
#footer_arrondi{
position: absolute;
left: 0;
background: url(/images/new/footer_arondi.png);
width: 960px;
height: 8px;
}

/* _________ Liens du bas _________ */
#link_bottom{
width: 530px;
margin: 0;
padding: 0;
color: #FFF;
}
#link_bottom li{
display: inline;
list-style-type: none;
}
#link_bottom li a{
color: #FFF;
text-decoration: none;
}
#link_bottom li a:hover{
color: #FFF;
text-decoration: underline;
}
/* _________ Liens de droite _________ */
#link_bottom_right{float: right;}
#link_bottom_right li{
list-style-type: none;
display: inline;
}
#link_bottom_right li a img{border:0;}
/* _________ Liens de droite _________ */
#link_bottom_logo{clear: both;}
#link_bottom_logo li{
list-style-type: none;
display: inline;
}
/************
P   A   N   I   E   R
************/
#panier span.voyage10 {font-size: 9px; 
	background: url(/images/imghome/icone_1ere_commande.png) 10px no-repeat;
	background-position:center right;
	padding-top:30px;padding-right:50px;}
#panier span.voyage15{font-size: 9px;}
#panier span.voyage20{font-size: 9px;}
#panier span.voyage30{font-size: 9px;}
#panier{font: normal 12px Verdana, Arial, sans-serif; padding: 0 15px 15px 15px; color: #55313D;}
.table-panier{border-collapse: collapse; width: 100%;border: 1px solid #EBE5E5;}
.table-panier select{border: 1px solid #501C24; margin-right: 20px;}
.table-panier th, .produits-panier td{border: 1px solid #EBE5E5;}
.table-panier th{background: #EEE; padding: 5px; text-align: center; border: 0;}
th#th-prd{text-align: left; padding: 3px 15px;}
#panier .table-panier td{padding: 3px 5px; text-align: left; border: 1px solid #EBE5E5;}
#panier td.right{text-align: right; padding: 3px 10px;}
#panier td.centrer{text-align: center;}
#panier tr.produits-panier td.centrer span{text-decoration: line-through; color: #D50225;}
#panier td.decal-right{text-align: right; padding-right: 5.7%;}
.inline{display: inline;}
#total-cmd td{color: #DD0032; font-size: 13px;}
.next-step-reduc{width: 400px; float: left; padding-left: 30px;}
.next-step-continuer {text-align: right; float: left; text-transform: uppercase; padding-right: 30px;}
#next-step{margin-top: 10px;}
#next-step p a{color: #4B1C26; font-style: italic; font-weight: bold; font-size: 11px;}
#infos-panier{font: normal 11px Verdana, Arial, sans-serif; padding: 10px;}
/* Boutons */
.form_btn{
cursor: pointer;
font: bold 12px Verdana, Arial, sans-serif;
width: 200px;
border: 0;
height: 30px;
text-align: center;
border: 0;
color: #FFF;
background: url(/images/new/bg_btn_commande.jpg) repeat-x;
}
a.btn_valid{
border: 1px solid #666;
background: #CCC;
color: #333;
padding: 2px 5px;
}
a.btn_valid:hover{
border: 1px solid #333;
background: #666;
color: #CCC;
text-decoration : none;
padding: 2px 5px;
}
/* -------------- */

/* Etapes de validation du panier */
th.title-table1{background: url(/images/new/step1.jpg) 10px no-repeat;}
th.title-table2{background: url(/images/new/step2.jpg) 10px no-repeat;}
th.title-table3{background: url(/images/new/step3.jpg) 10px no-repeat;}
th.title-table4{background: url(/images/new/step4.jpg) 10px no-repeat;}
th.title-table1, th.title-table2, th.title-table3, th.title-table4{
background-color: #AB3F4E;
color: #FFF;
font-size: 14px;
padding: 8px 35px;
text-align: left;
}
/* Etape du panier en cour */
#step1{background: url(/images/new/etape1.jpg) 10px no-repeat;}
#step2{background: url(/images/new/etape2.jpg) 10px no-repeat;}
#step3{background: url(/images/new/etape3.jpg) 10px no-repeat;}
#step4{background: url(/images/new/etape4.jpg) 10px no-repeat;}
#step1, #step2, #step3, #step4{
margin-bottom: 2px;
background-color: #EBE5E5;
color: #4F1C23;
font-size: 14px;
padding: 8px 35px;
text-align: left;
}
.title-compte{
margin-bottom: 10px;
text-transform: uppercase;
text-decoration: underline;
}
.title-compte10, .title-compte10 a{
margin-top: 10px;
font-size:14px;
font-weight:bold;
color:#DD0032;
}
#reducode{padding: 20px 0;}
#creacompte, #dejacompte{color: #4B1F2C; height: 450px;}
#dejacompte{width: 350px;float: left; margin-right: 100px;}
#reducode p, #dejacompte p, #creacompte p, .rappel, #recommander p {margin: 5px 0;}
#dejacompte p label, #creacompte p label, .rappel label{display: block; float: left; width: 188px; padding-right: 5px; text-align: right;}
#dejacompte p label, .rappel label{width: 150px;}
#creacompte p.btn_val, #dejacompte p.btn_val{margin-top: 10px;text-align: right;}
#reducode p input[type=text], #dejacompte p input[type=text], #dejacompte p input[type=password], #creacompte p input[type=text], #recommander p input[type=text]{
border: 1px solid #DADADA;
width: 150px;
}
#creacompte p textarea, #creacompte p select, #recommander p textarea{border: 1px solid #DADADA;}
#mdpperdu{margin-top: 30px; border-top: 1px solid #DADADA; padding: 30px 0;}
#recommander p label{color: #4B1F2C; display: block; float: left; width: 188px;}

/* Etapes apres des inscriptions */
#inscription{}
p.rappel{color: #4B1F2C;}

.formulaire p{
width: auto;
clear: both;
margin: 0;
padding: 5px 0;
}
.formulaire p label{
width: 150px;
float: left;
}

#rub_seo_description{
float:left;
width:600px;
font-size:13px;
font-weight:normal;
font-family:Arial,Verdana,sans-serif;
color:#86303D;
font-style:italic;
margin-bottom:-15px;
margin-top:5px;
padding-left:10px;
padding-right:10px;

}
/* Listing des lignes de produits */
#ligne-prd{margin: 5px 0 0 10px; clear: both;}
#ligne-prd ul{list-style-type: none; padding: 0; margin: 3px 0 0 0; height: 25px;}
#ligne-prd ul li{float: left;}
#ligne-prd ul li a{font-weight: bold; display: block; margin: 0 3px; padding: 2px 3px;  background: #F1F1F1; color: #C00; border: 1px solid #DDD;}
#ligne-prd ul li a:hover{color: #DDD; background: #C00; text-decoration: none;}

#rub_content{height: 100%;background: #FFF;padding: 5px 10px 15px 10px;}
#ssmenu_marque ul{text-align: center;margin: 0 0 5px 0;}
#ssmenu_marque ul li{
font: bold 13px Arial, Verdana, sans-serif;
display: inline;
list-style-type: none;
padding: 0 20px;
text-transform: uppercase;
}
#ssmenu_marque ul li a{
color: #462128;
text-decoration: none;
}
#ssmenu_marque ul li a:hover{text-decoration: underline;}
#ssmenu_marque hr{
border: 0;
height: 1px;
color: #CCC;
background: #CCC;
}
#ssmenu_marque p{
margin: 10px 0;
text-align: center;
font: normal 12px Arial, Verdana, sans-serif;
color: #666;
}
#rub_marque{
border-top: 1px solid #E0D8D9;
border-left: 1px solid #E0D8D9;
width: 170px;
height: 280px;
float: left;
margin: 10px 10px 0 0;
padding: 0;
}
#rub_marque p{padding: 5px;}
#rub_marque p span{color: #AAA; font-size: 10px;}
#rub_marque p strong{display: block; height: 70px;}
.rub_produits{
border-top: 1px solid #E0D8D9;
border-left: 1px solid #E0D8D9;
position: relative;
float: left;
margin: 10px 10px 0 0;
padding: 5px;
font: normal 12px Arial, Verdana, sans-serif;
width: 160px;
height: 270px;
}
.rub_produits h2{line-height: 10px;}/*height: 35px;*/
.rub_produits h2 a, .rub_produits h2 a:hover{
color: #967579; 
font: normal 12px Arial, Verdana, sans-serif;
color: #5A2B3A;
text-decoration: none;
}
.rub_produits h3{
font: bold 12px Arial, Verdana, sans-serif;}
.rub_produits ul{list-style-type: none;}
.rub_produits ul li{
font: bold 10px Arial, Verdana, sans-serif;
color: #426F38;
}
.rub_produits ul li.prix{font: bold 20px Arial, Verdana, sans-serif; color: #C00;}
.rub_produits ul li.txt-prix-cons span{font: normal 9px Arial, Verdana, sans-serif; color: #C00;}
.rub_produits ul li.prixconseil{
color: #501C24;
font: normal 10px Arial, Verdana, sans-serif;
/*text-decoration: line-through;*/
}
.rub_produits ul li.prixbarre{
color: #501C24;
font: bold 13px Arial, Verdana, sans-serif;
/*text-decoration: line-through;*/
}


.pourcentage_eco{
text-decoration: none;
position: absolute;
top: 60px;
right: 50px;
display: block;
font: bold 15px Arial, Verdana, sans-serif;
padding: 2px;
text-align: center;
}
div.txt-prix-cons{
position: absolute;
top: 55px;
right: 0px;
display: block;
font: italic 8px Arial, Verdana, sans-serif;
color: #808080;
padding: 5px;
text-align: center;
}
.pourcentage_ecopromo{
background: #FFF;
color: #5B3E50;
}
.pourcentage_ecoancp2{
text-decoration: none;
position: absolute;
top: 25px;
right: -10px;
display: block;
font: bold 14px Arial, Verdana, sans-serif;
padding: 2px;

}
.pourcentage_ecoancp{
text-decoration: none;
position: absolute;
top: 25px;
right: 50px;
display: block;
font: bold 15px Arial, Verdana, sans-serif;
padding: 2px;
text-align: center;
}
div.txt-prix-ancp{
position: absolute;
top: 20px;
right: 0px;
display: block;
font: italic 8px Arial, Verdana, sans-serif;
color: #808080;
padding: 2px;
text-align: center;
}
 .pourcentage_ecoancp2{
 background: #ffd804;
color: #000;
 }
.pourcentage_ecoancp{
background: #FF0;
color: #5B3E50;
}



.image_produit{width: 100%; display: block; text-align: center;}
.image_produit img{max-width: 150px; max-height: 185px;}
.en_stock{
position: absolute;
bottom: 10px;
right: 10px;
}
.av-noel{
position: absolute;
bottom: 60px;
right: 10px;
}
#rub_content img.premcmde{
position: absolute;
bottom: 6px;
left: 65px;
}
.cadeau_offert{
position: absolute;
bottom: 10px;
left: 10px;
}

/*  P  A  G  I  N  A  T  I  O  N  */
#nbr_pages{
text-align: right;
clear: both;
font: bold 12px Arial, Verdana, sans-serif;
margin: 20px 40px 0 0;
padding: 0;
}
#nbr_pages a{
display: inline;
padding: 3px 5px;
color: #C6040C;
text-decoration: none;
margin: 0;
}
#nbr_pages a:hover{
color: #C00;
background: #E2DBD3;
text-decoration: none;
}
#nbr_pages span{
background: #E2DBD3;
color: #C00;
margin: 0;
padding: 3px 5px;
text-decoration: none;
}

/************************************
 * D E T A I LS     D E S     P R O D U I T S *
************************************/
#produits{
margin-top: 31px;
padding: 0 15px 10px 15px;
position:relative;
font: bold 12px Arial, Verdana, sans-serif;
background:#FFF;
/*height: 840px;*/
}
#bloc_images{
width: 285px;
height: 415px;
float: left;
margin-right: 10px;
}
#imageduprd{
border: 1px solid #999;
width: 100%;
height: 310px;
margin-top: -155px; /* moitié de la hauteur */ 
}
#prd_image{max-height: 310px;}
#bloc_infos{
margin: 0 0 0 285px;
height: 300px;
}
#titre_produit{height: 120px; width: 550px;}
#titre_produit img#logo-marque{float: left; margin-right: 15px;}
#logo-marque{width: 100px;}
#titre_produit h2{font: bold 18px Arial, Verdana, sans-serif; color: #592B39; padding-top: 10px;}
#titre_produit h1{font: normal 18px Arial, Verdana, sans-serif; color: #967479;}
#stockprd{
position: absolute;
top: 40px;
right: 5px;
width: 200px;
height: 75px;
}
.infos_produit{
padding: 2px 0;
float: left;
margin-right: 5px;
width: 208px;
height: 220px;
background: url(/images/new/bloc_infos.jpg) no-repeat;
}
.infos_lignes{
padding: 2px 0;

margin-right: 5px;


}
.infos_lignes img{
margin-top:-40px;
float:right;

}
/*
.infos_produit ul{margin-left: 10px; list-style-type: none; font-size: 13px; color: #0F0;}
.infos_produit ul li{line-height: 20px;}
*/
.infos_produit select{margin: 10px 0 0 10px; border: 1px solid #809DB9;}

.infos_dispo{
font: normal 12px Arial, Verdana, sans-serif;
padding: 10px;
float: left;
width: 182px;
height: 127px;
background: url(/images/new/bloc_dispo.jpg) no-repeat;
}
#infos_avantages{
margin-top: 10px;
float: left;
width: 600px;
height: 75px;
}
.infos_dispo ul{margin: 10px 0 10px 10px; list-style-type: none; color: #AAA;}
.infos_dispo ul li span{color: #59AB45; font-weight: bold;}
.infos_dispo ul li strong{color: #1A191B;}
.infos_dispo p{color: #666;}
.infos_dispo p a{margin-left: 10px;color: #D90325; text-decoration: underline;}

.infos_eco{
width: 80px;
height: 66px;
margin-right: 7px;
float: left;
color: #999;
text-align: center;
font-size: 11px;
}
.infos_eco span{
display: block;
width: 72px;
height: 24px;
padding: 3px 0;
background: url(/images/new/bg_eco.jpg) no-repeat;
color: #333;
font-size: 21px;
}
.infos_eco span.prixbarre{/*text-decoration: line-through;*/font-size: 17px;padding: 6px 0;}
#prix{
clear: both;
color: #FFF;
font: bold 37px Arial, Verdana, sans-serif;
margin: 0 20px 5px 20px;
text-align: center;
width: 157px;
height: 84px;
background: url(/images/new/bloc-tarif-panier.jpg) no-repeat;
}
#add_panier img{margin: 0 0 3px 2px;cursor:pointer;}
#bloc_details{clear: both;padding-top: 10px;}
.title{font: bold 14px Arial, Verdana, sans-serif; color: #D90128; margin: 0 0 15px 0;}
#description{margin: 0 30px 0 20px;}
#description, #details_liv{width: 430px; float: left; color: #501B24; font-size: 13px; font-weight: normal; padding-bottom: 20px;}
#accessoires{clear: both; border-top: 1px dashed #CCC; margin: 0 20px 10px 20px; padding-top: 10px;}

#caracteristiques{margin-left: 13px; padding: 0 5px; float: left;border: 0;}
#caracteristiques li{color: #D90128;}
#caracteristiques li span{font-weight: normal; color: #501C24;}
#caracteristiques img{margin: 30px 0 0 30px;}

#meme_ligne{clear: both; margin: 0 0 0 20px; padding: 10px 0 0 0; border-top: 1px dashed #CCC;}
#meme_ligne dl{float: left; margin: 0 5px; width: 150px;}
#meme_ligne dl dt{text-align: center; height: 140px;}
#meme_ligne dl dt img{width: 100px;}
#meme_ligne dl dd{
text-align: center;
margin: 0 0 1em 0;
padding: 0 0 0 10px;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em;
}

#meme_ligne2 dl dd a, #meme_ligne2 dl dd a:hover{color: #5A2A3A; text-decoration: none;}
#meme_ligne2{text-align: center;clear: both; margin: 0 0 0 20px; padding: 10px 0 0 0; border-top: 1px dashed #CCC;}
#meme_ligne2 dl{float: left; margin: 0 5px; height:250px;margin-bottom:20px; width:150px; }
#meme_ligne2 dl dt span{text-align: center; height: 100px;}
#meme_ligne2 dl img{text-align: center;}
#meme_ligne2 dl dd{
text-align: center;
margin: 0 0 1em 0;
padding: 0 0 0 10px;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0.5em;
}
#meme_ligne2 dt {height:200px;}
#meme_ligne2 dl dd a, #meme_ligne2 dl dd a:hover{color: #5A2A3A; text-decoration: none;}

#prd_image_zoom_clip{
border: 1px solid #CCC;
position: absolute;
	top -260 left -290 en haut sur la banniere
	top 0 left 290 en haut  sur le texte
	top 310 left 0 en bas sous la photo
top: 310px;
left: 0;
height: 150px;
width: 150px;
overflow:hidden;
background-color:white;
z-index:10;
}
#prd_image_zoom{
clip: rect(0px 200px 200px 0px);
margin: 0;
padding: 0;
}
#prd_image_clip{
cursor:crosshair;
background-color: transparent;
border: 2px solid #CCC;
margin: 0;
padding: 0;
position: absolute;
top:0px;
left:0px;
height:80px;
width:80px;
}
#echantillon_couleur{border: 1px solid #999;width: 10px; height: 10px;display:none;}
/*
	vignettes faces et couleurs
#blocs_sousimg{
width: 280px;
margin: 0;
padding:0;
position: absolute;
bottom:0;
}
#bloc_faces{
margin: 0;
padding:0;
}
*/
#select_faces{
width: 280px;
margin-top: 15px;
}
#select_faces li{display: inline; list-style-type: none;}
#select_faces li img{border: 1px solid #DDD;width: 40px; height: 40px;}

#select_color{width: 180px;}
#select_color li{
display: inline;
list-style-type: none;
}
#select_color li img{border: 1px solid #999;width: 40px; height: 40px;}
#echantillon_couleur{border: 1px solid #999;width: 40px; height: 40px;}
/*
#couleur span{margin-top:20px;}
#couleur select{vertical-align:bottom;}
#couleur img{vertical-align:bottom;border: 1px solid grey;}
#img_prod a img{padding: 0px;}
#detail_prod{
float: left;
height: auto;
margin: 0 0 10px 10px;
width: 400px;
}
#detail_prod h1{font-size: 22px; color: #C00; margin: 3px 0 0 0;}
#detail_prod h2{font: bold 18px "Trebuchet MS", Verdana, sans-serif; color: #666; margin: 0;}
#desc_prod{
width: 400px;
text-align: justify;
font: normal 13px "Trebuchet MS", Verdana, sans-serif;
color: #666;
margin: 0;
padding-top: 10px;
}
#carac_prd{margin: 5px 0 5px 0; padding: 0;width:400px;}
#carac_prd2{margin: 5px 0 0 0; padding: 0;width:400px;}
#carac_prd li,#carac_prd2 li, #detail_liv{
list-style-type: none;
color: #4C4C4C;
font: normal 13px "Trebuchet MS", Verdana, sans-serif;
clear:left;
}
#titre_liv{cursor:pointer;}
#carac_prd li span,#carac_prd2 li span{
display: block;
float: left;
width: 130px;
font-weight: bold;
}
li#port{
color: #A40000;
font: normal 15px "Trebuchet MS", Verdana, sans-serif;
}
#detail_liv_court{
float: left;
margin: 0;
padding: 0;
}
#detail_liv_long{
position:absolute;
width: 330px;
text-align: justify;
clear: both;
margin: 20px 20px 15px 15px;
padding: 5px;
font: normal 09px "Trebuchet MS", Verdana, sans-serif;
border:1px solid #666;
background-color: white;
}
img#echelle_sac {
position:absolute;
margin-top:-20px;
margin-left:25px;
border: 1px solid grey;
z-index:4;
}
#echelle_sac_mini{
position:absolute;
}

#prix_conseil{padding: 10px 0;}
#prix_conseil span{font-size: 15px;}
#prix_conseil strong{text-decoration: line-through;font-family:serif;font-weight: normal;font-size: 12px;}
#avantage{
float: left;
margin: 0;
padding-left: 20px;
width: 195px;
list-style-type: none;
color: #C50000;
font: bold 12px Arial, Verdana, sans-serif;
}
#avantage a{
font: bold 12px Arial, Verdana, sans-serif;
}
#prix_add{float: right;}
#prix_add span img{padding: 10px 10px 0 0;}
#prix_add p{
width: 145px;
color: #FFF;
background: #F00;
text-align: center;
padding: 0;
margin: 5px 0 0 2px;
font: bold 19px "Trebuchet MS", Verdana, sans-serif;
}
#prix_add strong{
display: block;
width: 145px;
color: #FFF;
background: #F00;
text-align: center;
padding: 0;
margin: 5px 0 0 2px;
font: bold 16px "Trebuchet MS", Verdana, sans-serif;
}
a#ajout_panier{
width: 149px;
display: block;
background: url(/images/btn_ajouter2.gif) no-repeat;
margin: 5px 0 0 0;
padding: 2px;
color: #FFF;
text-align: center;
font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
#ligne p{margin: 0;}
#ligne ul{
height: 200px;
width: 150px;
float: left;
margin: 20px 10px 0 0;
padding: 0;
}
#ligne ul li{list-style-type: none;}
#ligne ul h5{
text-align: center;
margin: 0 0 10px 0;
padding: 0;
}
#ligne ul h5 a{color: #666;font: italic 13px Arial, Verdana, sans-serif;}
#ligne ul h5 a:hover{color: #666; text-decoration: none;}

#ligne_marque{
height: 100%;
margin: 0;
}

#dispo_prod{text-align: center;font: normal 12px "Trebuchet MS", Verdana, sans-serif;margin: 5px;}
#dispo_prod a{color: #F00;font: normal 12px "Trebuchet MS", Verdana, sans-serif; text-decoration: none;}
#dispo_prod a:hover{color: #F00;font: normal 12px "Trebuchet MS", Verdana, sans-serif; text-decoration: underline;}

#pages{clear:both;}
*/
/**************************
* R I G H T   C O L U M N *
**************************/
a.nbr_panier{
color: #333;
text-decoration: none;
}
a.nbr_panier:hover{
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
color: #f00;
text-decoration: none;
}
#rightColumn{
	float: right;
	width: 150px;
	margin: 15px 25px 0 0;
	height: 300px;
}
#basketHeader{
	background-image:url(./images/basketHeader.gif);
	width:150px;
	height:38px;
}

#basketContent{
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:133px;
	padding:5px;
	color:#666;
}

#monCompte{
	margin-top:10px;
}

#monCompteHeader{
	background-image:url(./images/monblocheader.gif);
	width:145px;
	height:30px
}

#monCompteContent{
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:133px;
	padding:5px;
	color:#666;
}

#monCompteContent form{
	padding:0;
	margin:0;
	display:block;
	clear:both;
}

.monCompteInput{
	padding:0;
	margin:0;
	color:#666;
	float:left;
	font-size:10px;
	height:15px;
	padding-top:2px;
	margin:2px;
}

#nouveautes{
	margin-top:10px;
}

#nouveautesHeader{
	background-image:url(./images/nouveautesheader.gif);
	width:145px;
	height:30px;
}

#nouveautesContent{
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:133px;
	color:#666;
	padding: 5px;
}
#nouveautesContent ul{
	padding: 0;
	font: normal 10px "Trebuchet MS", Verdana, sans-serif;
	list-style-type: none;
	margin: 0;
	color:#333;
}
.nouveaute_marque{
font: bold 10px "Trebuchet MS", Verdana, sans-serif;
}
.nouveaute_image{
text-align: center;
}
#nouveautesContent hr{
border: 0;
color: #CCC;
background: #CCC;
height: 1px;
}
#nouveautesContent img{
	border:0;
	max-width: 133px;
	width: 133px;
}

#colissimo{
    left:661px;  
	width:145px;
}
#blocavantage{
    left:795px;  
	width:163px;
	top:115px
}
#chronopost,#fianet,#logo_leguide{
	width:140px;
	border: 2px solid #FFF;
}

.button2:link, .button2:visited{
	display:block;
	background-image:url(./images/button9background.gif);
	width:132px;
	height:24px;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	margin-top:4px;
}
.button2:hover{color:#FF0000;}

.button3:link, .button3:visited{
	display:block;
	background-image:url(./images/button9background.gif);
	width:145px;
	height:24px;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	margin-top:4px;
}
.button3:hover{
	color:#FF0000;
}

.lostLink:link, .lostLink:visited{
	color:#666;
	text-decoration:none;
	font-size:11px;
}
.lostLink:hover{color:#f00;}
.mail_ami a{
    color:#f00;
    text-decoration:none;
	font-size:14px;
}
.mail_ami a:hover{color:#000;}
.ajout_favoris{
    color:#f00;
    text-decoration:none;
	font-size:12px;

}

/**************************
* L E F T    C O L U M N *
**************************/
#leftColumn{
	width:auto;
	float:left;
	height:890px;
}
a.bonachat{border: 0; text-decoration: none;}
a.bonachat:hover{border: 0; text-decoration: none;}
a.bonachat img{border: 0; text-decoration: none;}
#promo{
	position:relative;
	background:url(./images/promo.png) no-repeat;
	background-position:23px;
	top: 10px;
	width:209px;
	height:321px;
}

#promoLogos{
	position:absolute;
	left:33px;
	top:43px;
}

#promoLogos img{
	height:53px;
	width:151px;
	float:left;
	border-bottom:solid 1px #ccc;
}
/*************************
* B O U T I Q U E S     P A R I S*
**************************/
#boutiques{
width:700px;
height: auto;
clear: both;
}
.nosboutiques{
margin: 20px 5px;
border: 1px solid #501C24;
padding: 10px;
float: left;
width: 200px;
height: 350px;
color: #501C24;
font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
.nosboutiques2{
margin-left:auto;
margin-right:auto;
border: 1px solid #501C24;
padding: 10px;

width: 480px;
height: 350px;
color: #501C24;
font: bold 14px "Trebuchet MS", Verdana, sans-serif;
}
.btq{

margin-left:-5px;
}
.nosboutiques p a{font: bold 14px "Trebuchet MS", Verdana, sans-serif; color: #F00; text-decoration: none;}
.nosboutiques p a:hover{text-decoration: underline;}
p#retrait-boutique{color: #000; margin-top: 10px;}

#salon-foire{clear: both; height: 700px;}
#salon-foire ul{margin: 10px 0 20px 20px;}
#salon-foire h2, #salon-foire h3{color: #501C24; margin: 10px 0;}
#salon-foire ul li span{display: block; float: left; width: 100px;}

#foire-comment{float: left; width: 350px; margin-right: 20px;}

#boutiques_contacteznous{clear: both; margin-top: 20px;padding: 5px;background: #D90128; width: 450px; height: 85px; color: #FFF;}
#boutiques_contacteznous img{float: left; margin-right: 10px;}
#boutiques_contacteznous p a{color: #FF0; text-decoration: none;}
#boutiques_contacteznous p a:hover{color: #FF0; text-decoration: underline;}

/**************
* T H E M E S *
**************/

#themes{
	margin: 20px 0 0 0;
	clear: both;
	width:520px;
	height:150px;
	padding:5px;
}
.theme{float:left; margin-right:34px;}
.theme img{border:0;}
.themeTitle{
	display:block;
	color:#333;
	width:144px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	background-image:url(./images/themeheader.gif);
}
.themeTitle form select{
border: 0;
padding: 1px 0 3px 0;
/* filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3; */
background: #FFDA00;
width: 100%;
color: #000;
font: bold 8px Arial, Verdana, sans-serif;
}
.themeTitle form select option{
background: #FFF;
font: bold 12px "Trebuchet MS", Verdana, sans-serif;
}
/*
.content{
clear: both;
margin-top:100px;
width:300px;
font-size:12px;
}
*/
/**************
* F O O T E R *
**************/
/*
#footer{
	padding: 0 0 10px 25px;
	width:926px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
    position:relative;
	top:-10px;
	clear: both;
	height:104px;
	text-align:left;
	font-size:12px;
	color:#A79096;
	margin: 0 -25px;
	line-height:16px;
	
}
#footer p{
	left:-22px;
    position:relative;
    text-align:justify;
    top:8px;
    width:941px;
	font-weight:bold;
}
#footerLinks{margin:-5px -20px 0;padding:0;}
*/
/***************************
* P A G E S    D U   F O O T E R *
****************************/
.type_livraison img{padding-left: 150px;}
.type_livraison span{
font: normal 20px "Trebuchet MS", Verdana, sans-serif;
color: #F00;
}
#garantie_prd p , #livraison p{
text-align: justify;
margin: 5px 20px 5px 0;
}
#engagements h1{
color: #189;
margin: 20px 0 0 0;
font: normal 20px "Trebuchet MS", Verdana, sans-serif;
}
#engagements hr{
margin: 0;
width: 500px;
border: 0;
color: #189;
height: 1px;
background: #189;
}
#engagements p{
color: #000;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
text-align: justify;
}
#conditions p{
margin: 7px 0;
color: #000;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
text-align: justify;
}
#conditions p span{
color: #000;
font: bold 12px "Trebuchet MS", Verdana, sans-serif;
}
#conditions h1{
color: #F00;
margin: 20px 0 0 0;
font: normal 20px "Trebuchet MS", Verdana, sans-serif;
}
#conditions hr{
margin: 0;
border: 0;
color: #189;
height: 1px;
background: #189;
}
#conditions a{font: normal 12px "Trebuchet MS", Verdana, sans-serif; color: #000; text-decoration: none;}
#conditions a:hover{font: normal 12px "Trebuchet MS", Verdana, sans-serif; color: #F00; text-decoration: none;}
#imgpop{
width: auto;
height: auto;
}
#imgpop h1{
color: #198;
font: normal 30px "Trebuchet MS", Verdana, sans-serif;
}
#imgpop p{
color: #666;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
}

.title-engagements{
font: bold 15px Verdana, Arial, sans-serif;
margin: 10px 0 10px 0;
padding-top: 10px;
border-top: 1px dashed #501C24;
text-transform: uppercase;
}
.title-engagements a, .title-engagements a:hover{color: #501C24; text-decoration: none;}
#contenu_dur ul{margin: 10px; list-style-type: none;}

/**************
C O M M A N D E
***************/
#cmd h2{
margin: 10px 0 0 0;
color: #F00;
font: normal 16px "Trebuchet MS", Verdana, arial, sans-serif;
}
#cmd hr{
color: #666;
background: #666;
height: 1px;
border: 0;
margin: 0;
padding: 0;
}
#cmd p{
color: #666;
margin: 5px 0;
font: normal 12px "Trebuchet MS", Verdana, arial, sans-serif;
}
#cmd p span{
color: #000;
font: bold 12px "Trebuchet MS", Verdana, arial, sans-serif;
}
#cmd label{
width:110px;
text-align:right;
padding-right:10px;
float:left;
}
#prd_cmd_recopier {font: italic 12px "Trebuchet MS", Verdana, sans-serif; text-decoration: underline; color: #F00;}
*:hover#prd_cmd_recopier{cursor:pointer;}

/* -------- Liste des commandes dans "mon compte" ------ */
.margins-removed dt a{font-weight: bold;}
.margins-removed dd{margin: 0 0 1em 0;}

/* -------- Récap d'une commande en cours ------ */
.rappel-cmd{list-style-type: none;}
.rappel-cmd li{}
.rappel-cmd li span{display: block; float: left; width: 140px;}
#part1 {
font-size:19px;
color:#000;

height:300px;

}
#part2 {
font-size:19px;
color:#000;
margin-top:10px;
height:300px;
}
#part3 {
font-size:19px;
color:#000;
margin-top:25px;
height:350px;
}
#chiffreM{
color:#b64056;
font-size:25px;
font-weight:bold;
display:inline;
}
#etape1{
color:#b64056;
position:relative;
z-index:100;
}
#explication{
margin-left:20px;
width:230px;
font-size:15px;
}
#explication2{
margin-left:20px;
width:300px;
font-size:15px;
}
#explication3{
position:relative;
margin-left:20px;
width:300px;
font-size:15px;
z-index:100;
}
#imageexp3{
position:relative;
z-index:1;
margin-left:100px;
margin-top:-190px;
}
#imageexp2{

margin-left:340px;
margin-top:-290px;
}
#imageexp{

margin-left:250px;
margin-top:-240px;
}
#remiseexp{
color:black;
font-size:20px;
padding-bottom:50px;
}
#explicationremise{
color:#b64056;
font-size:25px;

}
.small{
font-size:10px;
}

.form_btn2{
cursor: pointer;
font: bold 12px Verdana, Arial, sans-serif;
width: 200px;
border: 0;
height: 30px;
text-align: center;
border: 0;
color: #FFF;
float:right;
background: url(/images/new/bg_btn_commande.jpg) repeat-x;
padding-top:6px;
}
.form_btn2 a {
color:white;

font-size:15px;
}
/****************Nouvelle Page accueil 19/05/10 *********************************/
#bloc-home{
margin-top:10px;
height:300px;
}
#bloc-new{
padding-top:5px;
height:300px;
float:left;
width:205px;
background:url('./images/fondiv200.jpg') no-repeat;
margin-right:5px;
}
#bloc-new-245{
padding-top:5px;
height:300px;
float:left;
width:250px;
background:url('./images/fondiv245.jpg') no-repeat;
margin-right:5px;
}
#bloc-new p{
padding-left:8px;
padding-right:5px;
}
#bloc-new img{margin-left:8px;}
#bloc-new span{margin-left:10px;}
#bloc-new h3 {margin:0px;}
#bloc-new-245 p{
padding-left:8px;
padding-right:5px;
}
#bloc-new-245 img{margin-left:8px;}
#bloc-new-245 span{margin-left:10px;}
#bloc-new-245 h3 {margin:0px;}

#imghrnew{float: left;width: 570px;}
#imgsd1new, #imgsd2new, #imgsd3new, #imgsd4new{
margin: 0 0 15px 7px;
}
#affichesnew{
float: left;
height: 100%;
width: 700px;/* force pour init */
margin: 18px 17px 0 0;
}
#topventesnew {padding-top:12px;}
#topventesnew fieldset p strong{display: block; padding-bottom:8px;font-size:10px;}
#topventesnew fieldset p strong a, #topventes fieldset p strong a:hover{color: #000; text-decoration: none;}
#topventesnew fieldset p a img{height: 30px;}
#nos-conditions{}
#cond-ro{position:relative;color:white;font-size:20px;font-weight:bold;margin-top:-75px;margin-bottom:20px;width:128px;padding-left:5px;}
.cond {float:left;width:100px;color:#c9022e;margin-right:34px;text-align:center;font-size:18px;}
.cond a{text-decoration:none;color:#c9022e;}
#lescond{margin-left:172px;height:45px;}
.topventes_prix2{
background: url(/images/imghome/bg_tarif.jpg) repeat-x;
font-weight: bold;
color: #FFF;
padding: 5px;
margin-right: 15px;
text-align: center;
height: 20px;
font-size:16px;
}
.topventes_reduc2{
font-weight: bold;
background: url(/images/imghome/bg_reduc.jpg) repeat-x;
text-align: center;
padding: 5px;
height: 24px;
font-size:16px;
}