/* @group Général */
html{
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: Helvetica, Verdana, sans-serif;
font-size: 12px;
line-height: 1.8em;
text-align: center;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
color:#515053;
height: 100%;
/* background: transparent url('images/whtbck3.gif') repeat 0 0; */
}
a, a:link, a:visited {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
h1 {
font-size: 1.5em;
font-weight: bold;
}
h2 {
font-weight: normal;
}
/* wrapper */
#wrapper {
height: 100%;
position: relative;
background: transparent url('images/top-wrapper-bg.png') repeat-x 0 0;
}
/* subwrapper */
#subwrapper {
width: 950px;
margin-left: auto;
margin-right: auto;
padding-bottom: 200px;
height: auto;
position: relative;
z-index: 0;
}
/* Eléments d'interface communs */
.publicite {
margin-bottom: 15px;
}
.publicite a { color: #5d5d5d; }
.publicite a img {
padding: 20px 0 0 0;
}
.bouton {
cursor: pointer;
display: inline;
}
* html button.bouton {
zoom:1;
overflow: visible;
}
*+html button.bouton {
zoom:1;
overflow: visible;
}
.bouton span {
display: block;
}
.bouton span span {
display: block;
white-space: nowrap;
}
a.bouton {
cursor: pointer;
}
a.bouton span {}
a.bouton span span {}
.separation{ clear: both; padding: 7px 0; }
.clear { clear: both;}
/* @end */
/* @group Bandeau */
/* Bandeau top */
#top {
position: relative;
z-index: 0;
height: 176px;
}
#top .bandeau {
position: relative;
height: 172px;
overflow: hidden;
width: 800px;
margin-left: 150px;
position: absolute;
z-index:0;
top: 0;
left:0;
}
#top .bandeau img {
position: absolute;
bottom: 0;
right: 0;
height: 173px;
z-index: 1;
}
#top .bandeau .slogan {
position: absolute;
height: 29px;
z-index: 2;
bottom: 0;
right: 0;
width: 460px;
padding: 0 220px 0 120px;
font-size:12px;
font-style: italic;
color: #FFFFFF;
line-height: 29px;
text-align: left;
background: transparent url('images/barre-bandeau-bg.png') repeat 0 0;
}
#top-bandeau {
position: relative;
z-index: 1;
}
#top-nav {
position: absolute;
z-index: 2;
right: 10px;
bottom: 6px;
color: #FFFFFF;
height: 25px;
}
#top-nav span.nav-item {
display: inline;
font-size: 14px;
}
#top-nav span.nav-item span {
display: block;
float: left;
width: 26px;
height: 25px;
line-height: 25px;
margin-right: 5px;
text-align: center;
background: transparent url('images/bt-top-nav-item-bg.png') no-repeat 0 0;
}
#top-nav a {color: #FFFFFF; display:block;}
#top-nav a.activeSlide, #top-nav a:hover {color: #eba64c; text-decoration: none;}
/* @end */
/* @group Colonne gauche */
/* Colonne de gauche */
#colonneGauche {
float:left;
left:3px;
margin-right:10px;
position:relative;
top:-177px;
margin-bottom: -160px;
width:250px;
z-index:1;
}
#colonneGauche .hautDeColonne {
width: 230px;
padding: 0 10px 40px;
background: transparent url('images/colonne-gauche-bg.png') no-repeat 0 bottom;
}
#logoEtSlogan {
width: 230px;
padding-top: 22px;
}
#logoEtSlogan h1 {
margin: 0;
}
#logoEtSlogan h1 a {}
#logoEtSlogan h1 a img {}
#logoEtSlogan h2 {
font-size: 11px;
color: #625e5e;
margin: 0;
margin-top: -10px;
}
#moteurEtCatalogue {
width: 230px;
text-align: left;
}
#moteurEtCatalogue h3 {
font-size: 20px;
font-weight: normal;
color: #0072a9;
}
#moteurDeRecherche {
padding: 0 16px;
}
#moteurDeRecherche h3 {}
#moteurDeRecherche form {}
#moteurDeRecherche input {}
#moteurDeRecherche form span.wrapinput {
height: 21px;
background: transparent url('images/input-form-l-bg.png') no-repeat 0 0;
padding-left: 3px;
display: inline-block;
}
* html #moteurDeRecherche form span.wrapinput { display: inline; zoom: 1;}
*+html #moteurDeRecherche form span.wrapinput { display: inline; zoom: 1;}
#moteurDeRecherche form input {
height: 18px;
margin: 0 3px 0 0;
padding: 3px 2px 0 0;
border: none;
background: transparent url('images/input-form-r-bg.png') no-repeat right 0;
color: #5D5D5D;
}
* html #moteurDeRecherche form input { margin-top: -1px;}
*+html #moteurDeRecherche form input { margin-top: -1px;}
#moteurDeRecherche p {
display: inline;
margin: 0;
zoom:1;
}
#moteurDeRecherche p .bouton {
vertical-align: top;
background: transparent url('images/bt-recherche-l-bg.png') no-repeat 0 0;
padding: 0;
margin: 0;
height: 21px;
border: none;
outline: none;
overflow: visible;
text-align: right;
}
* html #moteurDeRecherche p .bouton { padding-left: 2px; }
*+html #moteurDeRecherche p .bouton { padding-left: 2px; }
#moteurDeRecherche p .bouton span { }
#moteurDeRecherche p .bouton span span {
background: transparent url('images/bt-recherche-r-bg.png') no-repeat right 0;
height: 21px;
line-height: 21px;
margin-top: -2px;
padding: 0 6px 0 4px;
color: #FFFFFF;
}
* html #moteurDeRecherche p .bouton span span { margin-top: 0;}
*+html #moteurDeRecherche p .bouton span span { margin-top: 0;}
#moteurDeRecherche p .bouton:hover {
background-position: 0 -21px;
}
#moteurDeRecherche p .bouton:hover span {}
#moteurDeRecherche p .bouton:hover span span {
background-position: right -21px;
}
#accueil {}
#accueil ul {}
#accueil ul li {}
#accueil ul li a {}
#menuCatalogue {
padding: 0 16px;
}
#menuCatalogue h3 {
}
#menuCatalogue ul {
margin: 0;
padding: 0;
}
#menuCatalogue ul li {
list-style: none;
font-size: 11px;
color: #444444;
background: transparent url('images/product-list-item-bg.png') no-repeat 50% bottom;
}
#menuCatalogue ul li a {
color: #444444;
}
#menuCatalogue ul li a:hover,
#menuCatalogue ul li a.selection {
text-decoration: none;
font-weight: bold;
color: #996600;
}
.moyensDePaiement {
/* width: 235px;*/
padding: 0; /* permet de placer le fond du titre h4 */
margin: 122px 0 10px 0;
text-align: left;
background: transparent url('images/payment2-info-b-bg.png') no-repeat 0 bottom;
color: #FFFFFF;
}
* html .moyensDePaiement { zoom: 1;}
*+html .moyensDePaiement { zoom: 1; width: 175px;}
.moyensDePaiement h4 {
margin: 0;
font-size: 17px;
font-weight: normal;
height: 47px;
line-height: 16px;
padding: 17px 10px 0 66px;
background: transparent url('images/payment2-info-t-bg.png') no-repeat 0 0;
}
*+html .moyensDePaiement h4 {zoom: 1;}
.moyensDePaiement ul {
margin: 0;
padding: 2px 15px 12px ;
min-height: 78px;
}
.moyensDePaiement ul li {
list-style: none;
font-size: 14px;
}
/***************** Ajout Alban ***********************/
.moyensDePaiement ul li img {
margin-left:4px;
vertical-align:middle;
}
.moyensDePaiement ul li span.logo{
display:inline-block;
width:56px;
}
#colonneGauche .publicite {}
#colonneGauche .publicite a {}
#colonneGauche .publicite a img {}
/* @end */
/* @group Colonne droite */
/* Contenu de la page et colonne de droite */
#contenuPage {
position: relative;
z-index: 0;
padding-bottom: 15px;
width: 690px;
text-align: left;
float: left;
}
#chemin {
text-align: left;
color: #5d5d5d;
padding: 5px;
}
#chemin a {
color: #5d5d5d;
}
#contenuPageRubrique {
float: left;
width: 480px;
padding-left: 10px;
}
*html #contenuPageRubrique {
width: 480px;
padding: 0;
}
.petitBlocProduit {
width: 216px;
padding: 5px 4px 4px 5px;
margin-right: 15px;
float: left;
background: transparent url('images/product-list-bg.png') no-repeat 0 0;
text-align: center;
position: relative;
}
.petitBlocProduit h3 {
font-size: 12px;
font-weight: bold;
margin: 0px 8px;
text-align: left;
}
.petitBlocProduit h3 a {
/* color: #484848; */
color: #996600;
}
.petitBlocProduit .contenu {}
* html .petitBlocProduit .contenu { zoom:1; }
.petitBlocProduit .contenu .image_produit {}
.petitBlocProduit .contenu .image_produit a.image {
display:block;
}
.petitBlocProduit .contenu .image_produit a.image img {}
.petitBlocProduit .contenu .description { zoom:1; }
* html .petitBlocProduit .contenu .description {}
.petitBlocProduit .contenu .description .chapo {
font-size: 10px;
line-height: 13px;
display:block;
height: 26px;
overflow: hidden;
margin: 7px 0;
color: #996600;
}
.petitBlocProduit .contenu .description .prixProduit {
display:block;
float:left;
font-size:18px;
text-align:center;
width:100px;
color: #148E14;
}
.petitBlocProduit .contenu .description .prixProduit .chapo {
display: inline;
font-size: 12px;
/*text-decoration: line-through;*/
color: red;
}
.petitBlocProduit .visu_promo {
position: absolute;
z-index: 1;
top: -26px;
right: 0px;
width: 64px;
height: 50px;
background: transparent url('images/promo-bg.png') no-repeat 0 0;
padding: 10px 3px;
color: #FFFFFF;
text-align: center;
font-family: Tahoma;
font-weight: normal;
}
.petitBlocProduit .visu_promo .valeur {
font-size: 18px;
}
.petitBlocProduit .visu_promo .commentaire {
font-size: 10px;
}
/* bloc promo avec seulement la valeur */
.petitBlocProduit .promo_simple {
padding: 23px 0 0 0;
width: 70px;
height: 50px;
}
.petitBlocProduit .promo_simple .valeur {
font-size: 24px;
}
.petitBlocProduit .promo_simple .commentaire {
display:none;
}
/* bloc promo avec seulement l'annonce */
.petitBlocProduit .promo_annonce {
line-height: 1.1em;
padding: 12px 5px;
width: 60px;
height: 46px;
}
.petitBlocProduit .promo_annonce .valeur {
display: none;
}
.petitBlocProduit .promo_annonce .commentaire {
font-size: 12px;
}
.petitBlocProduit .contenu .description p {
display:inline;
float:right;
margin:0 10px 0 0;
}
.petitBlocProduit .contenu .description p a.acheter {
display: block;
}
.petitBlocProduit .contenu .description p a.acheter span {}
.petitBlocProduit .contenu .description p a.acheter span span {}
a.acheter {
display: inline;
height: 27px;
line-height: 27px;
padding-left: 22px;
background: transparent url('images/bt-acheter-l-bg.png') no-repeat 0 0;
color: #FFFFFF;
font-size: 12px;
}
a.acheter:hover {
background-position: 0 -27px;
text-decoration: none;
}
a.acheter span {
display:block;
}
a.acheter span span {
display: block;
background: transparent url('images/bt-acheter-r-bg.png') no-repeat right 0;
padding-right: 7px;
padding-left: 7px;
}
a.acheter:hover span span {
background-position: right -27px;
}
.telephone {
background:url("images/telephone-b-bg.png") no-repeat scroll 0 bottom transparent;
clear:both;
padding-bottom:7px;
padding-top:10px;
padding-left:0px;
margin-bottom:18px;
margin-top:10px;
margin-left:34px;
width: 180px;
}
.telephone .telephone-wrapper{
background: transparent url('images/telephone-t-bg.png') no-repeat 0 0;
margin-top:-20px;
padding:10px;
text-align: center;
}
.telephone img {
padding: 0px;
}
.telephone p.num-telephone{
background: transparent url('images/num-telephone.png') no-repeat 15px 0;
padding-left: 12px;
color: #0072a9;
text-align: center;
font-size: 11px;
font-weight: bold;
margin: 2px 0;
}
.telephone p.msg-telephone{
color: #676767;
text-align: center;
margin: 2px 0;
line-height: 1em;
}
/* @end */
#pages {
clear:both;
padding-top:20px;
}
/* @group Produits */
/*** Mise en forme du contenu d'une fiche produit ***/
#contenu {
text-align: left;
float: left;
width: 490px;
background:none repeat scroll 0 0 #FFFFFF;
}
#contenu a.acheter {
display: inline-block;
}
#contenu .blocProduit {
background: transparent url('images/fiche-produit-bg.png') no-repeat 0 0;
padding: 15px 10px;
width: 470px;
position: relative;
}
#contenu .blocProduit h2 {
font-size: 20px;
font-weight: bold;
/* color: #4c4c4c; */
color: #996600;
margin: 0;
padding: 8px 5px;
}
#contenu .blocProduit .introProduit {
float: right;
padding: 10px;
width: 205px;
text-align: right;
color: #996600;
}
#contenu .blocProduit .introProduit .chapo {
font-size: 18px;
text-align: left;
}
#contenu .blocProduit .introProduit .postscriptum {
text-align: justify;
}
#contenu .blocProduit .introProduit .prixProduit {
font-size: 20px;
margin: 12px 0;
display: block;
color: #148E14;
text-align: center;
}
#contenu .blocProduit .introProduit .btPanier {
text-align: center;
}
#contenu .blocProduit .blocDImages {
float: left;
padding: 5px;
width: 230px;
}
#contenu .blocProduit .blocDImages a {}
#contenu .blocProduit .blocDImages a img {
width: 230px;
}
#contenu .blocProduit .description {
clear: both;
color: #996600;
line-height: 1em;
}
#contenu .blocProduit .description h3 {
/* color: #e48914; */
font-size: 14px;
}
#contenu .blocProduit .visu_promo {
position: absolute;
z-index: 1;
top: 6px;
right: 12px;
width: 64px;
height: 50px;
background: transparent url('images/promo-bg.png') no-repeat 0 0;
padding: 10px 3px;
color: #FFFFFF;
text-align: center;
font-family: Tahoma;
font-weight: normal;
}
#contenu .blocProduit .visu_promo .valeur {
font-size: 18px;
}
#contenu .blocProduit .visu_promo .commentaire {
font-size: 10px;
}
/* bloc promo avec seulement la valeur */
#contenu .blocProduit .promo_simple {
padding: 23px 0 0 0;
width: 70px;
height: 50px;
}
#contenu .blocProduit .promo_simple .valeur {
font-size: 24px;
}
#contenu .blocProduit .promo_simple .commentaire {
display:none;
}
/* bloc promo avec seulement l'annonce */
#contenu .blocProduit .promo_annonce {
line-height: 1.1em;
padding: 12px 5px;
width: 60px;
height: 46px;
}
#contenu .blocProduit .promo_annonce .valeur {
display: none;
}
#contenu .blocProduit .promo_annonce .commentaire {
font-size: 12px;
}
/* @end */
/* @group Tunnel de commande *//
* Mise en forme du tunnel de commande */
#contenuTunnel {
text-align: left;
min-height: 420px;
}
#contenuTunnel h2 {
padding: 0;
margin: 20px 0 10px;
}
#contenuTunnel .bloc {
clear: both;
margin-bottom: 15px;
}
#contenuTunnel .entete, .contenu .entete {
height: 36px;
background: transparent url('images/table-entete-bg.png') no-repeat 0 0;
border: 1px solid #e0e0e0;
}
#contenuTunnel .entete .icone, .contenu .entete .icone {
padding-left: 45px;
background: transparent url('images/panier-icone-bg.png') no-repeat 10px 50%;
}
#contenuCompte h3, #contenuTunnel h3, #bloc h2 {
height: 36px;
background: transparent url('images/table-entete-bg.png') no-repeat 0 0;
border: 1px solid #e0e0e0;
padding: 0;
margin:0 0 3px;
padding:0 12px 0 15px;
text-align: left;
color: #4e4d50;
font-size: 12px;
}
#contenuCompte h3 span, #contenuTunnel h3 span , #bloc h2 span {
display: block;
padding: 12px 0 0 50px;
height: 24px;
}
#etapesDeCommande {
background-color:#FFFFFF;
color:#515053;
float:left;
font-size:16px;
font-weight:bold;
margin:20px 0 30px;
padding:0;
background: transparent url('images/tunnel-commande-bg.png') no-repeat 0 0;
border: 2px solid #ebebeb;
height: 73px;
float: left;
}
#etapesDeCommande ul {
list-style:none;
margin:0;
padding:0;
float: left;
}
#etapesDeCommande ul li {
color:#cbcbcb;
float: left;
list-style:none;
margin:0;
padding: 0 22px 0 10px;
background: transparent url('images/tunnel-etape-bg.png') no-repeat left 50%;
height: 73px;
line-height: 73px;
vertical-align: middle;
}
* html #etapesDeCommande ul li { display:inline; zoom: 1; }
/* *+html #etapesDeCommande ul li { display:inline; zoom: 1; } */
#etapesDeCommande ul li.first {
background: none;
}
#etapesDeCommande ul li.selection {
background: transparent url('images/tunnel-etape-selection-bg.png') no-repeat right 0;
color: #FFFFFF;
margin-right: -9px;
padding-right: 29px;
position:relative;
z-index: 1;
}
#etapesDeCommande ul li.dernier {
background-position: 0 0;
margin: 0;
padding-right: 25px;
}
#etapesDeCommande ul li span {
font-size: 30px;
margin : 0 10px 0 0;
padding: 2px 0 0 2px;
display: inline-block;
width: 49px;
height: 49px;
text-align: center;
line-height: 51px;
vertical-align: middle;
background: transparent url('images/tunnel-etape-num-bg.png') no-repeat 0 0;
}
#etapesDeCommande ul li span.chiffreSelection {
}
.panier {
margin-bottom: 20px!important;
}
#infosLivraison {
width: 401px;
height: 126px;
border: 1px solid #a4d055;
background: #8ecd26 url('images/infos-livraison.png') no-repeat 0 bottom;
float: left;
text-align: right;
font-size: 13px;
}
#infosLivraison .infosLivraisonTitre {
color: #FFFFFF;
font-size: 20px;
padding: 7px 10px;;
}
#infosLivraison .infosLivraisonMessage {
color: #546636;
line-height: 2em;
padding: 7px 10px 7px 100px;
}
#infosLivraison .infosLivraisonMessage .important {
color: #c13e28;
font-size: 18px;
}
#navPanier {
float: right;
width: 270px;
background: #F4F4F4 url('images/nav-panier-bg.png') no-repeat 0 bottom;
border: 1px solid #dbdbdb;
}
#navPanier .totalPanier{
padding: 17px 11px 10px 11px;
}
#navPanier .totalPanier .totalTitre{
background: transparent url('images/separation-bas.png') repeat-x 0 bottom;
margin-bottom: 8px;
padding: 0 10px;
}
#navPanier .totalPanier .total{
font-size: 18px;
color: #d33e25;
padding-right:70px;
text-align:right;
}
form #navPanier .totalPanier .total{
padding-right: 0;
}
#navPanier .queFaire {
padding:0 0 21px 0;
}
#navPanier .ligneTotalPanier {
padding: 2px 11px;
}
#navPanier .ligneTotalPanier .titre {
display: inline-block;
width: 125px;
font-style: italic;
}
#navPanier .ligneTotalPanier .total {
display: inline-block;
width: 115px;
text-align: right;
}
#navPanier div.codeDeReduction {
background-color: #DDDDDD;
padding: 2px 11px 5px;
}
#navPanier .ligneTotalPanier label.codeDeReduction {
padding: 2px 0;
font-style: italic;
display: block;
}
#navPanier .ligneTotalPanier input.codeDeReduction {
width: 200px;
}
#navPanier .ligneTotalPanier .bouton {
vertical-align: top;
background: transparent url('images/bt-newsletter-l-bg.png') no-repeat 0 0;
padding: 0;
margin: 0;
height: 21px;
border: none;
outline: none;
text-align: right;
}
* html #navPanier .ligneTotalPanier .bouton { padding-left: 2px; }
*+html #navPanier .ligneTotalPanier .bouton { padding-left: 2px; }
#navPanier .ligneTotalPanier .bouton span {}
#navPanier .ligneTotalPanier .bouton span span {
background: transparent url('images/bt-newsletter-r-bg.png') no-repeat right 0;
height: 21px;
line-height: 21px;
margin-top: -2px;
padding: 0 6px 0 4px;
color: #FFFFFF;
}
* html #navPanier .ligneTotalPanier .bouton span span { margin-top: 0;}
*+html #navPanier .ligneTotalPanier .bouton span span { margin-top: 0;}
#navPanier .ligneTotalPanier .bouton:hover {
background-position: 0 -21px;
}
#navPanier .ligneTotalPanier .bouton:hover span {}
#navPanier .ligneTotalPanier .bouton:hover span span {
background-position: right -21px;
}
.adresseDeLivraison {
float:right;
margin:0 0 20px;
width:335px;
}
.adresseDeLivraisonRecap {
float:left;
margin:0 0 20px;
width:335px;
}
.adresseDeFacturation {
float:left;
margin:0 0 20px;
width:335px;
}
.adresseDeLivraison h3 span { background: transparent url('images/adresseDeLivraison-icone.png') no-repeat 0 2px;}
.adresseDeFacturation h3 span { background: transparent url('images/adresseDeFacturation-icone.png') no-repeat 0 2px; }
.adresseDeLivraisonRecap h3 span { background: transparent url('images/adresseDeLivraison-icone.png') no-repeat 0 2px; }
.adresseDeLivraison h4 {
height: 26px;
background: transparent url('images/table-entete-bg.png') no-repeat 0 0;
border: 1px solid #e0e0e0;
color:#515053;
float:left;
margin:25px 0 0;
padding:8px 0 2px 10px;
width:325px;
}
.adresseDeLivraison .contenu, .adresseDeFacturation .contenu,
.adresseDeLivraisonRecap .contenu {
background-color:#EFEFEF;
margin:1px 0 0;
padding:10px;
border-bottom: 1px solid #cac9ca;
}
.adresseDeLivraison ul {
float:left;
list-style:none;
margin:0;
padding:0;
width:335px;
}
.adresseDeLivraisonRecap ul {
float:left;
list-style:none;
margin:0;
padding:0;
}
.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
font-size:12px;
margin:0;
padding:0;
}
.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a, .adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
color:#1473b4;
display:block;
padding:1px 0 1px 10px;
}
a.modifierOuAjouter, a.modifierOuAjouter:visited {
clear:both;
color:#8ABE33;
display:block;
font-size:12px;
padding:3px 0 3px 10px;
}
.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
}
#bloc.modeDeLivraison h2 span {
background: transparent url('images/modeDeLivraison-icone.png') no-repeat 0 2px;
}
#bloc.paiementSecurise h2 span {
background: transparent url('images/paiementSecurise-icone.png') no-repeat 0 2px;
}
.choixDeLaLivraison, .choixDuReglement {
margin:0;
padding:0;
}
.choixDeLaLivraison ul, .choixDuReglement ul {
list-style:none;
margin:0;
padding:0;
}
.choixDeLaLivraison ul li, .choixDuReglement ul li {
font-size: 11px;
margin:0;
padding:0;
color: #4e4d50;
border-bottom: 1px solid #cac9ca;
}
.choixDeLaLivraison span.modeDeLivraison, .choixDuReglement span.modeDeReglement, .choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
color: #8ABE33;
height:40px;
line-height:37px;
margin:0;
padding:0;
text-indent:10px;
width:345px;
font-size: 12px;
display: inline-block;
font-weight: bold;
}
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir {
width:340px;
text-align: center;
font-weight: normal;
}
.choixDeLaLivraison span.choisir, .choixDuReglement span.choisir { }
.choixDeLaLivraison span.choisir a , .choixDuReglement span.choisir a {
color:#FFFFFF;
display:inline-block;
font-size:12px;
height:27px;
line-height:27px;
background:transparent url(images/bt-suivant-l-bg.png) no-repeat scroll 0 0;
padding-left:5px !important;
}
.choixDeLaLivraison span.choisir a span , .choixDuReglement span.choisir a span { display:block; }
.choixDeLaLivraison span.choisir a span span , .choixDuReglement span.choisir a span span {
display:block;
background:transparent url(images/bt-suivant-r-bg.png) no-repeat scroll right 0;
padding:0 30px 0 3px !important;
}
.choixDeLaLivraison span.choisir a:hover , .choixDuReglement span.choisir a:hover { background-position: 0 -27px; }
.choixDeLaLivraison span.choisir a:hover span , .choixDuReglement span.choisir a:hover span {}
.choixDeLaLivraison span.choisir a:hover span span , .choixDuReglement span.choisir a:hover span span { background-position: right -27px; }
.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited, .choixDuReglement ul li a, .choixDuReglement ul li a:visited {
}
.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {
text-decoration:none;
}
#contenuPage table{
margin:0 0 15px 0;
padding:0;
}
#contenuPage table th {
border-bottom:1px solid #E0E0E0;
border-top:1px solid #E0E0E0;
}
#contenuPage table th.icone {
border-left:1px solid #E0E0E0;
}
#contenuPage table th.dernier {
border-right:1px solid #E0E0E0;
}
#contenuPage table td {
background-color:transparent;
border:medium none;
}
#contenuPage table td.ligne {
background-color:transparent;
border-bottom:1px solid #D8D9DA;
}
#contenuPage table td.ligne a { color:#1473B4; }
#contenuPage table td.ligne a.supprimer {
display: block;
background: transparent url('images/panier-supprimer-bg.png') no-repeat 50% 50%;
text-indent: -1000em;
}
#contenuPage table th.total {
background-color:#e38a14;
border-bottom:1px solid #DEDCE6;
color:#FFFFFF;
font-weight:bold;
}
.queFaire {
padding:0;
text-align: center;
width:100%;
}
.queFaire a.bouton, .queFaire button.bouton {
display: inline-block;
height: 27px;
line-height: 27px;
padding-left: 26px;
color: #FFFFFF;
font-size: 12px;
}
.queFaire a.bouton span, .queFaire button.bouton span {
display:block;
}
.queFaire a.bouton span span, .queFaire button.bouton span span {
display: block;
padding-right: 20px;
padding-left: 10px;
}
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, .queFaire button.bouton:hover span, .queFaire button.bouton:hover span span {
}
.queFaire a.bouton:hover, .queFaire button.bouton:hover {
text-decoration: none;
}
.queFaire .retour { background: transparent url('images/bt-precedent-l-bg.png') no-repeat 0 0;}
.queFaire .retour span span { background: transparent url('images/bt-precedent-r-bg.png') no-repeat right 0; }
.queFaire .retour:hover { background-position: 0 -27px; }
.queFaire .retour:hover span span { background-position: right -27px; }
.queFaire .suivant { background: transparent url('images/bt-suivant-l-bg.png') no-repeat 0 0; padding-left: 5px!important; }
.queFaire .suivant span span { background: transparent url('images/bt-suivant-r-bg.png') no-repeat right 0; padding: 0 30px 0 3px !important;}
.queFaire .suivant:hover { background-position: 0 -27px; }
.queFaire .suivant:hover span span { background-position: right -27px; }
/* Colonne de droite */
#colonneDroite {
float: left;
width: 190px;
text-align: left;
padding-left: 10px;
}
* html #colonneDroite {
float: right;
padding-left: 0;
zoom:1;
}
#colonneDroite h3{
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
margin: 0;
padding: 6px 5px 2px 52px;
height: 20px;
}
#monPanier {
width: 174px;
background: transparent url('images/panier-b-bg.png') no-repeat 0 bottom;
margin-bottom: 22px;
height: 95px;
float:left; /* corrige le bug de superpositon des éléments du panier avec le reste de l'interface, lors du survol */
}
#monPanier h3 {
background: transparent url('images/panier-t-bg.png') no-repeat 0 0;
}
#monPanier ul#contenuPanier {}
#monPanier #contenuPanier li {}
/*****************/
#contenuPanier a.panier {
display: block;
height: 22px;
background: transparent url('images/bt-panier-l-bg.png') no-repeat 0 0;
padding-left: 9px;
color: #FFFFFF;
font-size: 14px;
}
#contenuPanier a.panier span {
display: block;
height: 22px;
line-height: 22px;
background: transparent url('images/bt-panier-r-bg.png') no-repeat right 0;
padding: 0 9px;
}
#contenuPanier a.panier:hover {
background: transparent url('images/bt-panier-l-hover-bg.png') no-repeat 0 0;
text-decoration: none;
}
#contenuPanier a.panier:hover span {
background: transparent url('images/bt-panier-r-hover-bg.png') no-repeat right 0;
}
#contenuPanier {
list-style: none;
position:relative;
z-index:1000;
background: none;
margin:0;
padding: 10px 5px;
}
ul#contenuPanier li {
background: none;
list-style: none;;
margin:0;
padding:5px;
line-height: 1.2em;
color: #FFFFFF;
}
#contenuPanier a.panier {
margin-bottom: 2px!important;
}
ul#contenuPanier li a, ul#contenuPanier li a:visited {
/*background-color:#0081CA;
background-image:url(images/fondContenuPanier.gif);
background-position:right center;
background-repeat:no-repeat;
border:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-size:12px;
margin:0;
padding:4px 3px;
*/
}
ul#contenuPanier li ul {
display:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
float: right;
width: 250px;
}
ul#contenuPanier li ul li {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
background-color:#dae3b8;
background-image:none;
border-color: #FFFFFF #FFFFFF;
border-style:none solid solid;
border-width:medium 1px 1px;
color:#5e7755;
display:block;
float:right;
font-size:10px;
margin:0;
padding:4px 3px;
text-decoration:none;
width: 240px;
}
ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul li a.totalCommande:visited {
background-color:#a1b14d;
background-image:none;
color:#FFFFFF;
display:block;
float:right;
font-size:11px;
margin:0;
padding:4px 3px;
}
/*ul#contenuPanier li a:hover,*/ ul#contenuPanier li ul li a:hover {
background-color:#738140;
color:white;
display:block;
text-decoration:none;
}
#contenuPanier .nomArticle {
float:left;
width:155px;
}
#contenuPanier .quantite {
float:left;
text-align:right;
width:30px;
}
#contenuPanier .total {
float:right;
text-align:right;
width:50px;
}
/****************/
#monCompte {
width: 174px;
font-size: 11px;
background: transparent url('images/bloc-connexion-b-bg.png') no-repeat 0 bottom;
margin-bottom: 15px;
}
#monCompte h3 {
background: transparent url('images/bloc-connexion-t-bg.png') no-repeat 0 0;
}
#monCompte form {
display: block;
padding: 10px 12px;
}
#monCompte .connecter{
display: block;
padding: 10px 12px;
color: #FFFFFF;
font-size: 12px;
line-height: 1.2em;
}
#monCompte form input {
background-color: #486074;
border: 1px solid #164d7b;
margin: 2px;
width: 142px;
color: #FFFFFF;
}
#monCompte form p {
float: right;
}
#monCompte form p .bouton {
background: transparent url('images/bt-connexion-l-bg.png') no-repeat 0 0;
margin: 0;
padding: 0 0 0 6px;
height: 22px;
color: #FFFFFF;
border: none;
outline: none;
}
#monCompte form p .bouton span {}
#monCompte form p .bouton span span {
padding: 0 9px 0 3px;
margin-top:-1px;
height: 22px;
line-height: 22px;
vertical-align: middle;
background: transparent url('images/bt-connexion-r-bg.png') no-repeat right 0;
}
* html #monCompte form p .bouton span span { padding-bottom: 1px;}
*+html #monCompte form p .bouton span span { padding-bottom: 1px;}
#monCompte form p .bouton:hover {
background: transparent url('images/bt-connexion-l-hover-bg.png') no-repeat 0 0;
}
#monCompte form p .bouton:hover span span {
background: transparent url('images/bt-connexion-r-hover-bg.png') no-repeat right 0;
}
#monCompte .menu { color: #DDDDDD; clear: both; line-height: 1em; font-size: 11px; margin-top: 7px;}
#monCompte .menu a { color: #DDDDDD; }
#monCompte .menu a:hover {}
#colonneDroite .publicite { width: 175px; }
#colonneDroite .publicite a {}
#colonneDroite .publicite a img { width: 175px; }
/* Mise en forme du formulaire */
#contenuCompte {
text-align: left;
}
#contenuCompte form {
margin:0 0 20px;
padding:0;
}
#contenuCompte form p {
border-bottom:1px dotted #CCCCCC;
/*clear:both;
float:left;*/
font-size:12px;
margin:0;
overflow:hidden;
padding:4px 0;
width:100%;
}
#contenuCompte form p.derniereLigne {
border:medium none;
}
#contenuCompte form p label {
float:left;
line-height:22px;
margin:0;
padding:0 10px 0 25px;
width:268px;
}
#contenuCompte form p label.codeDeReduction {
width:180px;
}
#contenuCompte form p label.petit {
width:160px;
}
#contenuCompte form p input, #contenuCompte form p select, #contenuCompte form p textarea {
background-color:#EEEEEE;
border:1px solid #A9ABAD;
color:#626164;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:3px;
width:190px;
}
#contenuCompte form p input.codeDeReduction {
background-color:#FFFFFF;
padding:4px;
width:50px;
}
#contenuCompte form p select {
width:198px;
}
#contenuCompte form p textarea {
width:300px;
}
#contenuCompte form p input.radio, #contenuCompte form p input.checkBox {
background-color:transparent;
border:medium none;
float:left;
margin:5px 0;
padding:0;
width:20px;
}
#contenuCompte form p .labelRadio, #contenuCompte form p .labelCheckBox {
background-color:transparent;
border:medium none;
float:left;
font-weight:bold;
margin:5px 10px 0 0;
padding:0;
}
#contenuCompte form button.bouton, #contenuCompte form button.boutonMemeLigneQuInput {
background:transparent none repeat scroll 0 0;
border:medium none;
cursor:pointer;
display:inline-block;
font-size:13px;
font-weight:bold;
margin:0 0 0 300px;
padding:0;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}
#contenuCompte form button.boutonMemeLigneQuInput {
margin:0 0 0 10px;
}
#contenuCompte form button.bouton span, #contenuCompte form button.boutonMemeLigneQuInput span {
display: block;
background: transparent url('images/bt-form-valider-l-bg.png') no-repeat 0 0;
height:27px;
padding-left: 22px;
}
#contenuCompte form button.bouton span span, #contenuCompte form button.boutonMemeLigneQuInput span span {
background: transparent url('images/bt-form-valider-r-bg.png') no-repeat right 0;
display: block;
border:medium none;
color:#FFFFFF;
height:27px;
line-height:24px;
padding:0 22px 0 0;
}
#contenuCompte form button.bouton:hover span, #contenuCompte form button.boutonMemeLigneQuInput:hover span {
background: transparent url('images/bt-form-valider-l-hover-bg.png') no-repeat 0 0;
}
#contenuCompte form button.bouton:hover span span, #contenuCompte form button.boutonMemeLigneQuInput:hover span span {
background: transparent url('images/bt-form-valider-r-hover-bg.png') no-repeat right 0;
}
.obligatoire {
clear:both;
color:#FF0000;
font-size:12px;
margin:10px 0;
}
/* @end */
/* @group pages statiques */
#contenuStatique {
width: auto;
}
/* @end */
/* @group Footer */
/* Pied de page */
#footer {
width: 100%;
height: 200px;
/*position: absolute;
bottom: 0;
*/
margin-top: -200px;
background: transparent url('images/footer-bg.png') repeat-x 0 0;
position: relative;
z-index: 1;
}
#footer .wrapper {
width: 100%;
height: 200px;
background: transparent url('images/footer-wrapper-bg.png') no-repeat 50% 50%;
}
#footer .colonne {
font-size: 10px;
color: #5d5d5d;
}
#footer .colonne a { color: #5d5d5d; margin:0 10px 0 10px;}
#footer .colonne h4 {}
#footer.colonne h4 a {}
/* @group Newsletter */
#newsletter {}
#newsletter form {
}
#newsletter form span.wrapinput {
height: 21px;
background: transparent url('images/input-form-l-bg.png') no-repeat 0 0;
padding-left: 3px;
display: inline-block;
}
* html #newsletter form span.wrapinput { display: inline; zoom:1;}
*+html #newsletter form span.wrapinput { display: inline; zoom:1;}
#newsletter form input {
height: 18px;
margin: 0 3px 0 0;
padding: 3px 2px 0 0;
border: none;
background: transparent url('images/input-form-r-bg.png') no-repeat right 0;
color: #5D5D5D;
}
* html #newsletter form input { margin-top:-1px; }
*+html #newsletter form input { margin-top:-1px; }
#newsletter .bouton {
vertical-align: top;
background: transparent url('images/bt-newsletter-l-bg.png') no-repeat 0 0;
padding: 0;
margin: 0;
height: 21px;
border: none;
outline: none;
text-align: right;
}
* html #moteurDeRecherche p .bouton { padding-left: 2px; }
*+html #moteurDeRecherche p .bouton { padding-left: 2px; }
#newsletter .bouton span {}
#newsletter .bouton span span {
background: transparent url('images/bt-newsletter-r-bg.png') no-repeat right 0;
height: 21px;
line-height: 21px;
margin-top: -2px;
padding: 0 6px 0 4px;
color: #FFFFFF;
}
* html #newsletter .bouton span span { margin-top: 0; }
*+html #newsletter .bouton span span { margin-top: 0;}
#newsletter .bouton:hover {
background-position: 0 -21px;
}
#newsletter .bouton:hover span {}
#newsletter .bouton:hover span span {
background-position: right -21px;
}
.ariane_deb {
padding-right: 4px;
}
.ariane {
padding-right: 4px;
padding-left: 4px;
}
.produitAssocie {
background:url("images/telephone-b-bg.png") no-repeat scroll 0 bottom transparent;
clear:both;
padding-bottom:12px;
padding-top:10px;
width: 180px;
float: right;
margin-right: 10px;
}
* html .produitAssocie { margin: 15px 3px 0 0;}
.produitAssocie .produitAssocie-wrapper{
background: transparent url('images/telephone-t-bg.png') no-repeat 0 0;
margin-top:-20px;
padding:10px;
text-align: center;
}
.produitAssocie p.titre-produitAssocie{
color: #0072a9;
text-align: center;
font-size: 13px;
font-weight: bold;
margin: 2px 0;
line-height: 1.1em;
}
.produitAssocie img {
padding: 5px;
}
.produitAssocie p.msg-produitAssocie{
color: #676767;
text-align: center;
margin: 2px 0;
line-height: 1em;
}
.div-qualite {
padding-top:10px;
}
.qualite {
background:url("images/qualite-b-bg.png") no-repeat scroll 0 bottom transparent;
clear:both;
padding-bottom:7px;
padding-top:10px;
padding-left:0px;
margin-bottom:18px;
margin-top:10px;
width: 180px;
}
.qualite .qualite-wrapper{
background: transparent url('images/qualite-t-bg.png') no-repeat 0 0;
margin-top:-20px;
padding:10px;
text-align: center;
}
.qualite p.msg-qualite{
color: #0072a9;
text-align: center;
font-size: 13px;
margin: 2px;
font-weight: bold;
}
/* lien Thelia */
#thelia {
padding-top: 130px;
color:#5D5D5D;
font-size:10px;
}
/* jeu */
div.jeu {
background: transparent url('images/jeu/fond_jeu.jpg') no-repeat top center;
text-align: center;
}
div.jeu h2 {
padding-top: 18px;
font-size: 22px;
font-weight: bold;
}
div.jeu td.question {
text-align: right;
}
div.jeu td.numero1 {
display: none;
}
div.jeu td.numero2 {
display: none;
}
div.jeu div.classe_formulaire {
padding-left: 100px;
}
div.jeu input.bt_valider {
margin-top: 8px;
}
/* @end */