@charset "utf-8";
/* CSS Document */

/*général*/
ul, li, div, p, form, h1, h2, h3, h4, h6, body, img, input{margin:0;padding:0;border:none;}
body{background:url(img/bandeau.jpg) top repeat-x #C9D7E4;font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#000;}
#contenu{width:990px;margin:0 auto;text-align:left}
.clear{clear:both;}
.none{display:none;}
.right{float:right;}
.red{color:#F00;font-size:16px;}
/*header*/
#lueur{background:url(img/lueur.png) top center no-repeat;}
#header{width:996px;margin:0 auto;}
#logo{margin:6px 0 3px 65px;float:left;}
#affiche{width:100%;margin:0 auto;text-align:center;;background:url(img/page.png) top center repeat-y;}
#panier{background:url(img/panier.png) no-repeat;width:191px;height:83px;position:fixed;top:0px;left:50%;margin-left:298px;text-align:center;}
#panier p{margin:18px 0 0 26px;font-weight:bold;}
#detail{margin:6px 0 0 26px; border:0 none;}
#connect{position:absolute;margin-left:247px;}
#connect a{color:#FFF;}
#connect a:hover{text-decoration:none;}

/*menu haut*/
#menu{float:right;height:33px;width:743px;margin-top:87px;}
#menu ul{height:33px;}
#menu li{list-style-type:none;float:left;}
.accueil{display:block;width:91px;height:33px;background:none;}
a.accueil{visibility:visible;}
a.accueil:hover{background:url(img/accueilb.png) no-repeat;}
a.accueil:hover img{visibility:hidden;}
.compte{display:block;width:130px;height:33px;background:none;}
a.compte{visibility:visible;}
a.compte:hover{background:url(img/compteb.png) no-repeat;}
a.compte:hover img{visibility:hidden;}
.taille{display:block;width:155px;height:33px;background:none;}
a.taille{visibility:visible;}
a.taille:hover{background:url(img/tailleb.png) no-repeat;}
a.taille:hover img{visibility:hidden;}
.taille{display:block;width:155px;height:33px;background:none;}
a.taille{visibility:visible;}
a.taille:hover{background:url(img/tailleb.png) no-repeat;}
a.taille:hover img{visibility:hidden;}
.faq{display:block;width:71px;height:33px;background:none;}
a.faq{visibility:visible;}
a.faq:hover{background:url(img/faqb.png) no-repeat;}
a.faq:hover img{visibility:hidden;}
.contact{display:block;width:91px;height:33px;background:none;}
a.contact{visibility:visible;}
a.contact:hover{background:url(img/contactb.png) no-repeat;}
a.contact:hover img{visibility:hidden;}

/*gauche */
#left{width:200px;margin:0 10px 10px 10px;float:left;}
.obleu{width:200px;margin:0 0 -15px 0;background:url(img/o-bleu.png) top center no-repeat;padding: 5px 0 0 0;height:36px;}
.obleu a{color:#FF3399;text-decoration:none;margin:0 0 0 10px;font-weight:bold;}
.obleu a:hover{text-decoration:underline;}
.orose{width:200px;margin:0 0 -15px 0;background:url(img/o-rose.png) top center no-repeat;padding: 5px 0 0 0;height:36px;}
.orose a{color:#FFF;text-decoration:none;margin:0 0 0 10px;font-weight:bold;}
.orose a:hover{text-decoration:underline;}
.produits{width:198px; border:1px solid #999;background-color:#F2F2F2;margin-bottom:10px;}
.produits ul{list-style-type:none;}
.produits li{diplay:block;width:176px;height:19px;background:url(img/li-produits.gif)bottom center no-repeat;padding:4px 0 0 0;margin-left:10px;}
.produits a{color:#000;margin:0 0 0 20px;text-decoration:none;}
.produits a:hover{color:#FF3399;}

/*milieu*/
#fil p{font-weight:normal;font-size:15px;margin: 2px 0 5px 12px;}
#fil a{color:#FF3399;}
#fil a:hover{text-decoration:none;}
#fil h1{font-weight:normal;font-size:15px;margin: 2px 0 5px 12px;}
#milieu{width:566px;float:left;}
#milieu p{margin:6px 0 6px 0;}
#milieu h6{font-size:17px; font-weight: bold; color:#FF3399;padding: 7px 0 7px 0;}
#milieu h2{margin-bottom: 10px;}
.texte{padding: 0 10px 10px 10px;}
.texte li{line-height: 18px;margin-left:30px;}
.tailles {margin: 0 0 10px 3px;}

/*Liens internes*/
.queFaire {margin:20px 0 0 0;padding:0;width:100%;float:left;text-align:right;}
.queFaire a.bouton, 
.queFaire button.bouton {display:-moz-inline-box;display:inline-block;margin:10px 0 0 0;padding:0;font-size:14px;font-weight:bold;white-space:nowrap;text-align:center;vertical-align:middle;cursor:pointer;border:0;background:none;text-decoration:none;background-color:#FF3399;border:1px solid #CC0066;} 
.queFaire a.bouton span, 
.queFaire button.bouton span {position:relative;float:left;padding:0 0 0 7px;vertical-align:middle;}
.queFaire a.bouton span span, 
.queFaire button.bouton span span {color:#fff;height:24px;padding:0;padding:0 7px 0 0;line-height:22px;} 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span {background-color:#CC0066;} 

/*droite*/
#droite{float:right;width:200px;}
#recherche{width:200px; height:216px;background:url(img/recherche.png) top center no-repeat;margin-top:3px;text-align:center;}
#recherche form{padding-top:40px;padding-right:7px;}
#recherche select{margin:5px;width:150px;}
.boutondroit{margin-top:5px;}
.go{vertical-align:middle;}
.champsgo{width:110px;}
#newslivr{width:193px;padding-right:7px;background:url(img/newslivr.png) top left no-repeat;height:207px;text-align:center;}
#newslivr p{margin-top:82px;}
#newslivr a{color:#000;font-weight:bold;text-decoration:underline;font-size:12px;}
#newslivr a:hover{color:#FF3399;}
#newslivr form{padding-top:6px;}
.paypal{margin-left:15px;}
.colissimo{margin:0 15px 0 0 ;float:right;}
.facebook{width:200px;height:86px;background:url(img/facebookbg.png) no-repeat;}
.facebook img{float:left;margin:15px 7px 0 10px;}
.facebook p{padding-top:20px;}
.facebook a{color:#000;font-weight:bold;text-decoration:underline;font-size:12px;}
.facebook a:hover{color:#FF3399;}
#po{width:193px;padding-right:7px;height:156px;background:url(img/po.png) no-repeat;text-align:center;}
#po img{margin-top:10px;}
#po a{color:#000;font-weight:bold;text-decoration:underline;font-size:12px;}
#po a:hover{color:#FF3399;}
#reco{width:193px;padding-right:7px;height:66px;background:url(img/newsletter.png) no-repeat;text-align:center;}
#reco p{padding-top:12px;}
#reco a{color:#000;font-weight:bold;text-decoration:underline;font-size:12px;}
#reco a:hover{color:#FF3399;}

/*footer*/
#footer{width:990px;height:187px;background:url(img/footer.png) no-repeat;}
#footer h2{color:#ccc;font-size:11px;padding:20px 0 0 25px;font-weight:normal;margin-bottom:10px;}
#footer h3{color:#FF3399;font-size:11px;}
#footer a{color:#ccc;font-size:13px;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#foot1{width:182px;float:left;margin-left:62px;}
#foot2{width:182px;float:left;}
#foot3{width:182px;float:left;margin-top:13px;}
#foot4{width:182px;float:left;margin-top:13px;}
#foot5{width:182px;float:left;margin-top:13px;}
#foot5 p{color:#ccc;margin-top:6px;font-size:13px;}
#footer ul{list-style-type:none;padding-top:4px;}
#footer li{background:url(img/li-footer.gif) bottom left no-repeat;padding:2px 0 0 18px;margin-top:4px;}
#copy{color:#CCC;margin:6px 0 0 25px;}

/*formulaires*/
#milieu form {padding:0;margin:0 0 20px 0;}
#milieu form p {margin: 0;padding: 4px 0;overflow:hidden;font-size:12px;border-bottom:1px solid #ccc;clear:both;float:center;width:500px;margin:0 33px 0 33px;}
#milieu form p.derniereLigne {border:none;}
#milieu form p label {float:left;width:290px;padding:0 10px 0 0;margin: 0;line-height:24px;}
#milieu form p label.codeDeReduction {width: 180px;}
#milieu form p label.petit {width:80px;}
#milieu form p input, #contenu form p select, #contenu form p textarea {float:left;margin:0;width:190px;padding: 3px;border:solid 1px #a9abad;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#26164;font-weight:bold;background-color:#C9D7E4;}
#milieu form p input.codeDeReduction {width: 50px;background-color:#fff;padding:4px;}
#milieu form p select {width: 198px;}
#milieu form p textarea {width: 300px;}
#milieu form p input.radio, #contenu form p input.checkBox {float:left;margin:5px 0;width:20px;padding:0;background-color:transparent;border: none;}
#milieu form p .labelRadio, #contenu form p .labelCheckBox {float:left;margin:5px 10px 0 0;padding:0;background-color:transparent;border: none;font-weight:bold;}
#milieu form button.bouton,
#milieu form button.boutonMemeLigneQuInput {display:-moz-inline-box;display:inline-block;margin:0 0 0 300px;padding:0;white-space:nowrap;text-align:center;vertical-align:middle;cursor:pointer;border:none; background:none;font-size:13px;font-weight:bold;}
#milieu form button.boutonMemeLigneQuInput {margin:0 0 0 10px;}
#milieu form button.bouton span,
#milieu form button.boutonMemeLigneQuInput span {position:relative;float:left;padding:0 0 0 8px;margin:0;vertical-align:middle;background-color:#FF3399;border:1px solid #CC0066;}
#milieu form button.bouton span span,
#milieu form button.boutonMemeLigneQuInput span span {padding:0 8px 0 0;color:#FFF;height:24px;line-height:24px;border: none;}
.obligatoire {font-size: 12px;color: #FF0000;clear:both;margin:10px 0;}

/*Etapes de commande*/
#etapesDeCommande {float: left;width:566px;color: #515053;font-size: 12px;font-weight: bold;margin: 0 0 20px 0;padding:0;background-color:#fff;}
#etapesDeCommande ul {margin:0;padding:0;list-style:none;float:left;width:566px;border-right:solid 1px #d8d9da;}
#etapesDeCommande ul li {color:#c7c9ca;width:566px;margin:0;padding:0;list-style:none;display:inline;float:left;border-left:solid 1px #d8d9da;border-bottom:solid 1px #d8d9da;border-top:solid 1px #d8d9da;}
#etapesDeCommande ul li.selection {color:#d8d9da;border-left:solid 1px #d8d9da;border-bottom:solid 1px #d8d9da;border-top:solid 1px #d8d9da;background-color:#515053;}
#etapesDeCommande ul li span {color:#fff;font-size:18px;margin:0 3px 0 0;padding:0 5px;background-color:#d8d9da;}
#etapesDeCommande ul li span.chiffreSelection {color:#d8d9da;background-color:#515053;border-right:solid 1px #d8d9da;}

/*Bloc "adresse de livraison" & "adresse de facturation"*/
.adresseDeLivraison {float: left;margin: 0 0 20px 0;width:566px;}
.adresse {float: left;margin: 0 0 20px 0;width:566px;}
.adresseDeLivraisonRecap {float: left;margin: 0 0 20px 0;width:566px;}
.adresseDeFacturation {float: left;margin: 0 0 20px 0;width:566px;}
.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {color:#515053;display:block;padding: 7px 0 7px 10px;margin:0;height: 20px;background-color: #C9D7E4;}
.adresseDeLivraison h4 {color:#515053;width:556px;margin:5px 0 0 0;padding: 5px 0 7px 10px;background-color: #C9D7E4;float:left;}
.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {float:left;width: 546px;margin:1px 0 0 0;padding: 10px;background-color: #EAEFF4;}
.adresseDeLivraisonRecap .contenu {float:left;width: 546px;margin:1px 0 0 0;padding: 10px;background-color: #EAEFF4;}
.adresseDeLivraison ul {list-style:none;margin: 0;padding:0;width: 566px;float:left;}
.adresseDeLivraisonRecap ul {list-style:none;margin: 0;padding:0;width: 566px;float:left;}
.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {margin: 0;padding:0;font-size:12px;font-weight:bold;}
.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {color:#fff;display:block;background-color:#FF3399;border-top:solid 1px #FFF;padding:3px 0 3px 10px;}
a.modifierOuAjouter, a.modifierOuAjouter:visited {font-size:12px;font-weight:bold;border-top:solid 1px #FFF;color:#fff;display:block;clear:both;background-color:#F75DAC;padding:3px 0 3px 10px;}
.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {text-decoration:none;background-color:#cc0099;}

/* Bloc "Mode de livraison" */
.choixDeLaLivraison, .choixDuReglement {float:left;width:566px;margin: 0;padding:0;}
.choixDeLaLivraison ul, .choixDuReglement ul {margin: 0;padding:0;list-style:none;width: 566px;}
.choixDeLaLivraison ul li, .choixDuReglement ul li {margin: 0;padding:0;font-size:14px;font-weight:bold;}
.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement,
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {color:#515053;line-height:37px;width:283px;margin:0;padding:0;background-color:#D8D9DA;float:left;text-indent:10px;height:40px;}
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {background-color:transparent;color:#FFFFFF;}
.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {height:40px;color:#fff;display:block;background-color:#FF3399;border-top:solid 1Px #FFFFFF;}
.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {text-decoration:none;background-color:#CC0099;}

/* Petit bloc produit (utilisé en page rubrique.html) */
.petitBlocProduit {float: left;margin: 0 20px 20px 0;width:566px;}
.separation {float: left;margin:0;height:1px;width:566px;}
.petitBlocProduit h3 {margin:0;}
.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {color:#fff;display:block;padding: 5px 0 7px 10px;margin:0;height: 20px;background-color:#F75DAC;}
.petitBlocProduit h3 a:hover {text-decoration:none;background-color:#ff3399;}
.petitBlocProduit .contenu  {float:left;width: 544px;margin:1px 0 0 0;padding: 10px;background-color: #EAEFF4;border: 1px solid #C9D7E4;}
.petitBlocProduit .contenu a.image, .petitBlocProduit .contenu a.image:visited  {border: 1px solid #bbbdbf;margin: 0;margin-left:5px;padding:1px;height: 140px;width:140px;display:block;float:left;background-color:#fff;overflow: hidden;}
.petitBlocProduit .contenu a.image:hover {border: 2px solid #88888b;padding:0;}
.petitBlocProduit .contenu .description {float:right;font-size: 12px;padding: 0;width:380px;}
.petitBlocProduit .contenu .description .chapo {color:#626164;font-weight:normal;text-align: left;font-size: 12px;padding: 0;}
.petitBlocProduit .contenu .description .prixProduit {color:#ff0000;font-weight:bold;text-align: left;font-size: 18px;margin:5px 0;padding: 0;display:block;}
.petitBlocProduit .contenu .description p {margin:0;padding: 0;}
.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter {display:-moz-inline-box;display:inline-block;margin:5px 0 0 0;padding:0;font-size:13px;font-weight:bold;white-space:nowrap;text-align:center;vertical-align:middle;cursor:pointer;border:0;background:none;text-decoration:none;} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span {position:relative;float:left;padding:0 0 0 5px;vertical-align:middle;background-color:#ff3399;border:solid 1px #CC0066;} 
.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {color:#fff;height:24px;padding:0 5px 0 0;line-height:23px;background-color:#ff3399;border:none;} 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {background-color:#CC0066;text-decoration:none;}

/* Nombre de pages */
#pages {float: left;color:#626164;width: 566px;text-align: right;font-size: 11px;padding: 5px 10px 5px 0;margin: 10px 0;background-color:#d8d9da;}
#pages a, #pages a:visited {color:#626164;text-decoration: none;font-weight: bold;}
#pages a:hover {text-decoration: underline;}

/* Tableaux */
#contenu table, #contenu table tr {padding:0;margin:0;}
#contenu table th {font-weight: bold;background-color: #F75DAC;border-bottom:solid 1px #FFFFFF;}
#contenu table td {font-weight: bold;background-color: transparent;border:none;}
#contenu table td.ligne {font-weight: bold;background-color: transparent;border-bottom:solid 1px #d8d9da;}
#contenu table th.total {font-weight: bold;color:#FFF;background-color: #ff3399;border-bottom:solid 1px #dedce6;}
td.ligne select {margin-bottom:-17px;}

/* Contenu d'une fiche produit (produit.html) */
.list li{list-style-type:none;}
.blocProduit {float: left;margin:10px 0 20px 0;padding:0;width:566px;}
.blocProduit .blocDImages {float: left;margin:0 0 20px 0;padding:0;width:256px;}
.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {border: 1px solid #bbbdbf;margin:0;padding:1px;width:256px;float:left;background-color:#fff;}
.blocProduit a.grandeImage:hover {border: 2px solid #88888b;background-color:#fff;padding:0;}
.blocProduit ul.vignettes {margin: 10px 0 0 0;padding:0;list-style:none;text-align:center;border:none;width:266px;float: left;}
.blocProduit ul.vignettes li {margin:0;padding:0;border:none;}
.blocProduit ul.vignettes li a, .blocProduit ul.vignettes li a:visited {border: 1px solid #bbbdbf;margin:0 1px 1px 0;padding:1px;height:81px;width:81px;float:left;display:inline;background-color:#fff;overflow: hidden;}
.blocProduit ul.vignettes li a:hover {border: 2px solid #88888b;background-color:#8fbce3;padding:0;}
.blocProduit .introProduit {float: right;margin:0 0 20px 0;padding:0;width:290px;}
.blocProduit .introProduit .chapo {font-size: 14px;font-weight:bold;padding: 0;margin:0 0 20px 0;}
.blocProduit .introProduit .prixProduit {color:#ff0000;font-weight:bold;text-align: left;font-size: 24px;margin:5px 0 0 0;padding: 0;}
.blocProduit a.acheter, 
.blocProduit button.acheter {display:-moz-inline-box;display:inline-block;margin:10px 0 0 0;padding:0;font-size:16px;font-weight:bold;white-space:nowrap;text-align:center;vertical-align:middle;cursor:pointe;border:0;background:none;border:1px solid #CC0066;text-decoration:none;} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span {position:relative;float:left;padding:0 0 0 10px;vertical-align:middle;background-color:#ff3399;} 
.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {color:#fff;height:40px;padding:0 10px 0 0;line-height:38px;background-color:#ff3399;} 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span {background-color:#CC0066;text-decoration:none;} 
.blocProduit .description {float:right;font-size: 12px;padding: 0;margin:0 0 20px 0;width: 300px;}
.blocProduit .contenusAssocies {float: right;margin: 0 0 20px 0;width:345px;}
.blocProduit .telechargements {float: left;margin: 0 0 20px 0;width:345px;}
.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {color:#515053;display:block;padding: 5px 0 7px 10px;margin:0;height: 20px;background-color: #bbbdbf;}
.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {list-style:none;margin: 0;padding:0;width: 345px;float:left;background:#d8d9da;}
.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {margin: 0;padding:0;font-size:12px;font-weight:bold;}
.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {border-top:solid 1px #FFF;color:#fff;display:block;background-color:#0081ca;padding:3px 0 3px 10px;}
.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {color:#fff;text-decoration:none;background-color:#00529a;}

/* Personnalisation du zoom de la fiche produit (produit.html) */
#superbox-overlay {width: 100%;overflow: visible;position: relative;margin: 0 auto 0 auto;padding: 0;background:#333;}
#superbox-container .loading {width:32px;height:32px;text-indent:-9999px;background-image:url(_gfx/loader.gif);background-position:center 0;background-repeat:no-repeat;overflow: hidden;position: relative;padding: 0;width: 100%;}
#superbox .close a {float:right;padding:0 5px;line-height:20px;color:#fff;background:#00529a;cursor:pointer;}
#superbox .nextprev a {float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#00529a;cursor:pointer;color:#fff;}
#superbox .nextprev .disabled {background:#ccc;cursor:default;}
#superbox .close a:hover {color:#fff;background:#00529a;text-decoration:none;}