@charset "utf-8";

/* ******** Css Ardelys  **********
   * By TAIEB Remi                *
   * http://www.ardelys.fr        *
   ****************************** */

html, body { color:#FFFFFF; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#6a0a16 url(../images/fond_ardelys.jpg) repeat-y scroll center top; }

strong { font-weight:bold; }
p,a { font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#fff; }
img { border:0; }
em { font-weight:bold; color:#94805d; font-size:11px; }
h2 { color:#fff; }
		  
.imgGauche { float:left; padding-right:10px; }
.imgDroite { float:right; padding-left:10px; }
.clearboth { clear:both; }

#container { background:#6a0a16 url(../images/fond_ardelys.jpg) repeat-y scroll center top;  }
#ardelys { background-color:#fff; margin:auto; padding:0; width:950px; }

/* Header
*****************************/
#header { width:950px; height:79px; margin:auto; padding:0; background:#56414a url(../images/fond_header.jpg); }
#header h1 { background:url(../images/fondlogo.jpg) no-repeat; height:79px; }

#menuHaut  { right:0; width:550px; float:right; margin-top:10px;  }
#menuHaut ul { float:right; list-style-type:none; /* width:550px; */ }
#menuHaut li { list-style-type:none; font-size:11px; color:#fff; display:inline; float:left; padding-left:10px; padding-right:10px; background:transparent url(../images/separation.png) no-repeat right; font-weight:bold; }
#menuHaut li a { text-decoration:none; color:#fff; }
#menuHaut li a:hover { text-decoration:underline; color:#fff }
#menuHaut li:last-child { background-image:none }

#monCompteBas { color:#fff; margin-right:15px; margin-top:22px; text-align:right; float:right; height:24px; width:240px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#monCompteBas a { color:#fff; text-decoration:none; font-weight:bold;  }
#monCompteBas a:hover { color:#f7f6f7; text-decoration:underline; }
#monCompteBas span { margin-left:45px; font-weight:normal; }
#monCompteBas img { position:absolute; margin-top:-8px; margin-left:8px; }

.clear { display:block; font-size:1px; clear:both; height:1px; line-height:1px; margin-bottom:-1px; }

/* Menu
/*******************************************/

#menu, #menu ul { padding:0; margin:0; list-style:none; z-index:99; }
#menu a span { line-height:21px; }
#menu {	background:url(../images/bg_menu.jpg) repeat-x;	height:32px; color:#FFF; font-size:12px; font-family:Arial; font-size:11px; font-weight:bold; z-index:99; }
#menu a  {	background:transparent url(../images/menu-separation.jpg) no-repeat scroll right; display:block; padding-top:11px;	
color:#fff; text-decoration:none; padding-left:15px; padding-right:15px; text-align:center; height:21px;font-size:12px; }
#menu ul li ul li a  { background:none;display:block; padding:0; color:#000; text-decoration:none; width:130px; text-align:center; height:20px; }
#menu li { float:left; width:106px; }
#menu li span {	padding-top:3px; width:130px; overflow:hidden; }
#menu li ul { position: absolute; width: 130px; left: -999em; }
#menu li ul li { border-top:1px solid #dadada; }

/* ie ne reconnaissant pas le s�lecteur ">" */
html>body #menu li ul li { border-top:1px solid #dadada; }
#menu li ul ul { margin:-22px 0 0 162px ; border-left:1px solid #000 ; }
html>body #menu li ul ul { border-left:1px solid transparent ; }
#menu ul li a:hover { color: #fff; background: #d35f76; }
#menu ul li ul li a { color: #fff; background: #d35f76; font-size:11px; }
#menu ul li ul li a:hover { color: #000; background: #fffafa; }
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto; min-height: 0; }

#recherche { height:20px; float:right; margin-right:7px; margin-top:4px; }
#recherche_value { border-left:1px solid #5D434C; border-top:1px solid #5D434C; border-bottom:1px solid #5D434C; border-right:none; background:#FFFFFF url(../images/input_recherche.jpg) repeat scroll 0 0; color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:16px;  padding:4px 1px 1px 23px; font-weight:normal; width:170px; }
#recherche_submit { background-color:#000000; border:1px solid #5D434C; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:23px;   }
.resultatRecherche { border:1px solid #A1969A; margin-bottom:15px; padding:8px; color:#000; font-size:12px }
span.surlign1 { font-style:italic; background-color:#ffff00; }
span.surlign2 { font-style:italic; background-color:#ff99ff; }
span.surlign3 { font-style:italic; background-color:#ff9999; }
span.surlign4 { font-style:italic; background-color:#9999ff; }

#ombreMenu { background:url(../images/ombre_sousmenu.jpg) repeat-x; height:8px; color:#FFF; font-size:14px; }

#content { width:950px; margin:auto; }

/* colLeft
/*******************************************/
#colLeft { background:transparent url(../images/content-separation.jpg) repeat-y scroll right center; padding:8px 16px; position:relative; width:632px; min-height:560px; _height:630px; }
#colLeft p { color:#000; text-align:justify; margin-top:5px; font-size:12px; }
#colLeft h3 { color:#000; text-align:justify; margin-top:5px; font-size:12px; }
#colLeft #nouveaute, #colLeft #titrepage { background:transparent url(../images/nouveaute.jpg) no-repeat; height:22px; width:625px; margin-bottom:8px; }
#colLeft #nouveaute h2, #colLeft #titrepage h2 { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; }
#colLeft #nouveaute h2 { height:20px; padding-left:18px; padding-top:4px; }
#colLeft #titrepage h2 { font-weight:normal; padding-left:15px; padding-top:5px; }
#colLeft .article, #colLeft .affichArticle { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#303030; float:left; margin-bottom:10px; margin-right:9px; }
#colLeft .article { width:196px; }
#colLeft .affichArticle { width:600px; }
#colLeft .article .imgArticle { border:1px solid #543F48; height:145px; padding:3px; width:191px; }
#colLeft .affichArticle .imgArticle {  border:1px solid #543F48; height:145px; padding:3px; width:191px;  float:left; margin-right:10px;}
#colLeft .article h3, #colLeft .affichArticle h3 { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#303030; margin-top:8px;  }
#colLeft .ajoutArticle { margin-top:5px; }
#colLeft .ajoutArticle del{ font-weight:bold; text-align:center; margin-left:15px; }
#colLeft .ajoutArticle span { font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#e4153d; font-weight:bold; margin-left:11px;  }
#colLeft .ajoutArticle .prix { width:75px; background:transparent url(../images/prix-separation.jpg) no-repeat right; float:left; margin-top:3px; }
#colLeft .ajoutArticle .ajoutPanier { margin-bottom:3px; }
#colLeft .ajoutArticle .ajoutPanier2 { background:transparent url(../images/ajout_panier2.jpg) no-repeat scroll right center;
border:medium none; cursor:pointer; height:31px; margin-bottom:3px; position:absolute; right:40px; width:130px; }
#colLeft .ajoutArticle .ajoutPanier, #colLeft .ajoutArticle .detailProduit { float:right; margin-bottom:6px; }
#colLeft .article .promo, #colLeft .imgArticle .promo { background-color:#FFFFFF; color:#E4153D; float:right; font-size:11px; font-weight:bold; margin-left:112px; margin-top:3px; padding-left:4px; padding-right:4px; position:absolute; text-transform:uppercase; }
#infoPrix { font-size:11px; color:#303030; font-family:Arial, Helvetica, sans-serif; text-align:right; }

#colLeft .affichArticle #contentArticle { float:right; width:390px; }

#colLeft .affichArticle .imgArticle .zoom { background:transparent url(../images/zoom_loupe.png) no-repeat scroll left center;
color:#555555; font-size:11px; font-weight:bold; margin-top:0px; padding-left:17px; padding-top:0; padding-top:0px; text-decoration:none; text-transform:uppercase; }
#colLeft #zoomHaut { margin-top:10px; } 
#colLeft .ajoutArticle .prix { width:75px; background:transparent url(../images/prix-separation.jpg) no-repeat right; float:left; margin-top:3px; }
#choixQte { float:left; margin-left:10px; }

#quantite { margin-bottom:7px; }

.ajoutArticleEffet { background-color:#fff; color:#303030; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:15px 15px 15px 18px;  }
.ajoutArticleEffet a { color:#000; font-weight:normal }

/* colRight
/*******************************************/
#colRight { float:right; padding:8px 11px 0; text-align:justify; width:260px; }
.blocRight { border:1px solid #a1969a; background:transparent url(../images/ombre_bloc_right.jpg) repeat-x bottom; margin-bottom:9px; margin-left:1px; width:250px;  } 
.blocRight h2 { padding-left:18px; padding-top:4px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; background: transparent url(../images/titre_col_right.jpg) repeat-x; height:20px;  } 
.blocRight #monPanier p { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#303030; margin:15px 15px 15px 18px; } 
.blocRight ul li { color:#303030; list-style-type:none; margin-left:30px; font-size:18px; vertical-align:middle; height:60px; margin-top:5px; margin-bottom:5px; } 
.blocRight img { float:left; margin-right:10px; } 
.blocRight h3 { float:left; color:#303030; font-family:Arial,Helvetica,sans-serif; font-size:12px; } 
.blocRight span { color:#303030; display:block; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin-left:30px; } 

#newsletter { height:20px; margin-right:7px; margin-left:20px; margin-top:4px; }
#newsletter_value { border-left:1px solid #5D434C; border-top:1px solid #5D434C; border-bottom:1px solid #5D434C; border-right:none; background:#FFFFFF url(../images/input_newsletter.jpg) repeat scroll 0 0; color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:15px;  padding:4px 1px 1px 7px; font-weight:normal; width:160px; }
#newsletter_submit { background-color:#000000; border:1px solid #5D434C; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:23px; }

.inputclass { border:1px solid #5D434C; background:#FFFFFF url(../images/input.jpg) repeat-x scroll 0 0; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; padding:2px 1px 1px 4px; margin-bottom:7px; }
.inputclass:hover { border:1px solid #000; }

#imgCommandeTel { margin-left:1px;} 
ul li del  { font-size:12px; } 

/* Panier
******************/
.texteNoir { color:#000; }
.texteRouge { color:#E4153D; }
.texteVert { color:#060; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; } 
#colLeft .borderdataPanier { border-bottom:2px solid #D7D3D2; } 
#colLeft .dataPanier { width:100%; border-bottom:4px solid #D35F76; margin-top:10px; }
#colLeft .dataPanier, .dataPanier a { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
#colLeft .dataPanier th { background-color:#D35F76; color:#fff; text-align:center; }
#colLeft .dataPanier td { padding:7px 8px; vertical-align:top; }
#colLeft .dataPanier p{ color:#333333; font-size:11px }

#conditionGeneraldeVente { margin-left:50px; margin-bottom:10px; }
#conditionGeneraldeVente li { font-size:12px; font-weight:bold; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; float:left; margin-right:5px;  }
#conditionGeneraldeVente li a { color:#000; text-decoration:underline; padding:1px; }
#conditionGeneraldeVente li a:hover { background-color:#56414A; color:#FFFFFF; text-decoration:none; padding:1px; }

#etapeContent, #etapeFinal { width:100%; background-color:#6a535d; height:40px; margin-bottom:2px; }
#etapeFinal { background-color:#e27588; }
#etapeContent { background-color:#6a535d; }
ul#etapeCommande ul { width:100%; height:40px; }
ul#etapeCommande li { float:left;list-style:none; }
ul#etapeCommande li img { margin-left:2px; }
ul#etapeCommande li.marron { background-color:#6a535d; text-align:right; height:40px; }
ul#etapeCommande li.rose { background-color:#e27588; text-align:right; height:40px; }
ul#etapeCommande li div { margin-right:4px; margin-left:4px; float:left; height:40px; }

#popupbox { background:#FBFBF0 none repeat scroll 0 0; font-size:12px; margin:100px 30% 0; padding-top:0; position:fixed; visibility:hidden; width:20%; z-index:20; } 

/* Pagination
/*******************************************/
#pagination             { text-align:center; margin-left:180px;  }
#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination a           { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination .next a,
#pagination .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	
#pagination .active     { color:#E4153D; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination a:link, 
#pagination a:visited   { color:#303030; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #666666; }

/* Plan du site
*************************/
ul.Liste_Plan { background:transparent url(../images/bg_plan.jpg) repeat-x scroll 0 0; border:1px solid #56414A; float:left; height:160px; margin:10px; padding:0; width:170px; color:#000 }
ul.Liste_Plan li.Liste_Plan_Titre { background-image:none; color:#927E5B; font-weight:bold; list-style-image:none; margin:10px; padding:0; text-align:left; font-size:12px; }
ul.Liste_Plan li { background:transparent url(../images/puce.png) no-repeat scroll 6px 2px;
margin-bottom:12px; padding-left:18px; }
ul.Liste_Plan li { font-size:11px; list-style-image:none; margin:10px; padding:0 0 0 20px; text-align:left; }
ul.Liste_Plan li a { color:#000 }
ul.Liste_Plan li a:hover { color:#de1d43; text-decoration:none }

/* Commentaire
*********************** */
#articleCommentaire { border:1px solid #A1969A; margin-bottom:5px; padding:8px; color:#000; font-size:12px }
#articleCommentaire p { border:0 none; color:#4D4D4D; font-family:arial; font-size:11px; margin-bottom:8px; margin-top:0; padding:0; }
#articleCommentaire .couleurcommentaire { background-image:url(../images/fondcom.png); background-position:center bottom; background-repeat:repeat-x; border:1px solid #ECECEC; margin:4px;	padding:3px 3px 3px 7px; width:590px; }

ul.star-rating { background:transparent url(../images/star_rating.gif) repeat-x scroll left top;
height:25px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0;
padding:0; position:relative; width:125px; }
.star-rating li { float:left; margin:0; padding:0; text-indent:-90000px; }
.star-rating li a { display:block; height:25px; padding:0; position:absolute; text-decoration:none; text-indent:-9000px; width:25px; z-index:20; }
.star-rating li a:hover { background:transparent url(../images/star_rating.gif) repeat scroll left bottom; left:0; z-index:2; }
.star-rating a.one-star { left:0; }
.star-rating a.one-star:hover { width:25px; }
.star-rating a.two-stars { left:25px; }
.star-rating a.two-stars:hover { width:50px; }
.star-rating a.three-stars { left:50px; }
.star-rating a.three-stars:hover { width:75px; }
.star-rating a.four-stars { left:75px; }
.star-rating a.four-stars:hover { width:100px; }
.star-rating a.five-stars { left:100px; }
.star-rating a.five-stars:hover { width:125px; }
.star-rating li.current-rating { background:transparent url(../images/star_rating.gif) repeat scroll left center;
display:block; height:25px; position:absolute; text-indent:-9000px; z-index:1; }
#article {
text-align:justify;
width:400px;
}
#note {
color:red;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
}


/* Identification
*********************** */
.email-drop { float:left; margin-top:30px; padding:0 0 0 65px;	width:200px; }
.log-me { float: left; width: 200px; padding: 0 0 0 40px; margin-top:30px; margin-left:40px; border-left: 2px solid #000; background: none;position: relative }
.ou { position: absolute; top: 72px; background: #fff; color:#000; padding: 5px 0; left: -22px; width: 40px; text-align: center; font-size:12px; font-weight:bold;  }
#contentEnregistCompte { margin-top:5px; color:#000 }
#contentEnregistCompte h3 { background:none; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:5px; margin-bottom:5px;}
#enregistrementCompte {	color:#000;	font-size:12px; }
#enregistrementCompte label { float:left; margin-right:5px; width:110px; }
#enregistrementCompte td { padding:4px; }
#enregistrementCompte #enregistrementseparation { margin-top:8px; }

/* Erreur // ok
*********************** */
#erreur { background:#F7CBCA none repeat scroll 0 0;	border:1px solid #CC0000; color:#CC0000; font-weight:bold; margin-bottom:20px;padding:4px;
text-align:center; }
#ok { background:#C9FFCA none repeat scroll 0 0; border:1px solid #349534; color:#008000; font-weight:bold; padding:4px; text-align:center; margin-bottom:20px; }

/* footer
/*******************************************/
#footer { background:#57424b url(../images/bg_footer.jpg) repeat-x; height:54px; text-align:center; padding-top:5px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#footer a { text-decoration:none; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#footer a:hover { text-decoration:underline; }
#footer #paiementSecure { float:left; margin-left:70px; }
#footer #footerLink { text-align:center; margin-top:10px;  }

input { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
textarea { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }