/*

 * Copyright (c) 2007 Copyright (c) Octolys Development

 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com

 * Il est soumis à la licence GPL

 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.

 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:

 * - Eléments HTML en général

 * - Page

 * - Entête

 * - Chemin

 * - Produit petit & grand

 * - Pied de page

 * - Menu général

 * - Signature

 * - Nombre de pages

 * - les styles particuliers pour les pages intérieures

 */

/* Eléments HTML en général

 -------------------------------------------------------- */@import url(style_editeur.css);

body {

    padding: 0;

    margin: 0;

    font-family: Geneva, Arial, Helvetica, sans-serif;

    text-align: center;

    background-color: #FFFFFF;

    color: #000000;

    font-size: 12px;

}



h1, h2, h3, h4 {

    margin: 0;

    padding: 0;

    color: #000000;

}



h1 {

    font-size: 28px;

}



h2 {

    font-size: 24px;

    margin: 0 0 20px 0;

}



h3 {

    font-size: 20px;

    margin: 0 0 10px 0;

}



h4 {

    font-size: 15px;

    margin: 0 0 10px 0;

}



h5 {

    font-size: 12px;

    margin: 0;

    clear: both;

}



a, a:visited {

    color: #D90000;

    text-decoration: none;

}



a:hover {

    color: #000000;

}



img {

    border: 0

}



.hide {

    display: none;

}



/* Page

 -------------------------------------------------------- */

#wrapper {

    width: 990px;

    text-align: left;

    overflow: visible;

    position: relative;

    margin: 0 auto 0 auto;

    padding: 0;

}



#subwrapper {

    overflow: hidden;

    position: relative;

    padding: 0;

    width: 990px;

    background-color: #FFFFFF;

}



#contenu {

    float: right;

    width: 710px;

    padding: 0 20px;

    margin: 5px 20px;

}



#contenuPageRubrique {

    float: left;

    width: 730px;

    padding: 0 0 0 20px;

    margin: 25px 20px;

}



#goji {

    width: 700px;

    background-color: #ffffff;

    float: left;

    margin: 10px;

    padding: 10px;

}
#fruitbio {
	width: 709px;
	background-color: #ffffff;
	float: none;
	vertical-align: middle;
}

#himalaya {

    width: 960px;

    background-color: #ffffff;

    float: left;

    margin: 10px;

    padding: 10px;

}



#baiegoji {

    width: 580px;

    background-color: #ffffff;

    float: right;

    margin: 10px;

    padding: 10px;

}



/* Entête

 -------------------------------------------------------- */

.top {

    float: left;

    width: 990px;

    margin: 0;

    padding-top: 78px;

    padding-right: 0;

    padding-bottom: 10px;

    padding-left: 0;

    color: #FFFFFF;

    background-image: url(gojiimages/goji-super-fruit-antioxydant-himalaya.jpg);

    background-repeat: no-repeat;

    background-position: center top;

}

.fruitantioxydant {
	float: left;
	width: 990px;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #FF0000;
}

.top h1 {

    float: left;

    padding: 0 0 0 10px;

    width: 400px;

    display: block;

}



.top h3 {

    color: #D90000;

    font-size: 22px;

    margin: 0 0 5px 0;

    font-weight: bolder;

    text-transform: capitalize;

    text-decoration: none;

}



.top a, .top a:visited {

    color: #FFFFFF;

    text-decoration: underline;

    font-size: 16px;

    font-weight: bold;

}



.top a:hover {

    color: #333333;

    text-decoration: none;

    font-size: 16px;

    font-weight: bold;

}



#monCompte {

    float: right;

    width: 400px;

    margin: 0;

    border-left: 4px dotted #FFFFFF;

    padding: 0 0 0 10px;

    height: 90px;

}



#monCompte form {

    float: left;

    padding: 0;

    margin: 0;

}



#monCompte form p {

    padding: 0;

    margin: 0;

    float: left;

}



#monCompte form input {

    margin: 0 5px 0 0;

    padding: 2px;

    width: 90px;

    border: solid 1px #88888b;

    font-family: Geneva, Arial, Helvetica, sans-serif;

    color: #626164;

    font-size: 12px;

    font-weight: bold;

    background-color: #fff;

    float: left;

}



#monCompte form button.bouton {

    display: -moz-inline-box;

    display: inline-block;

    margin: 0;

    padding: 0;

    white-space: nowrap;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    background: none;

    font-size: 15px;

    font-weight: bold;

    border: none;

}



#monCompte form button.bouton span {

    position: relative;

    float: left;

    padding: 0 0 0 8px; /* Largeur du côté gauche */

    margin: 0;

    vertical-align: middle;

    background-color: #D90000;

    border: solid 2px #fff;

}



#monCompte form button.bouton span span {

    padding: 0 8px 0 0;

    border: none;

    color: #FFF;

    height: 18px;

    line-height: 18px; /* Alignement vertical du texte et largeur du côté droit*/

}



#monCompte .menu {

    font-size: 12px;

    float: left;

    width: 290px;

    color: #D90000;

    margin: 5px 0 0 0;

    padding: 0;

}



.monPanier {

    float: left;

    width: 250px;

    margin: 0;

    margin-left: 180px;

    height: 72px;

}



.contenuPanier {

    padding: 0;

    list-style: none;

    z-index: 1000;

    position: relative;

    _position: absolute;

}



.paniervide {

	padding: 5px;

	color: #fff;

}



ul.contenuPanier, ul.contenuPanier li {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 250px;

    background-color: #D90000;

}



ul.contenuPanier li a, ul.contenuPanier li a:visited {

    font-size: 13px;

    color: #fff;

    margin: 0;

    padding: 4px 3px;

    width: 242px;

    display: block;

    background-color: transparent;

    background-image: url(_gfx/fondContenuPanier.gif);

    background-repeat: no-repeat;

    background-position: right center;

    border: solid 2px #FFFFFF;

    font-weight: bolder;

	text-decoration: none;

}



ul.contenuPanier li ul {

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

}



ul.contenuPanier li ul li {

    list-style: none;

    float: left;

    margin: 0;

    padding: 0;

}



ul.contenuPanier li ul li a, ul.contenuPanier li ul li a:visited {

    display: block;

    float: left;

    background-color: #FFFFFF;

    background-image: none;

    font-size: 13px;

    color: #D90000;

    text-decoration: none;

    margin: 0;

    padding: 4px 3px;

    border: solid 2px #FFFFFF;

    border-top: none;

}



ul.contenuPanier li ul li a.totalCommande, ul.contenuPanier li ul li a.totalCommande:visited {

    font-size: 12px;

    color: #fff;

    margin: 0;

    padding: 4px 3px;

    display: block;

    float: left;

    background-color: #D90000;

    background-image: none;

}



ul.contenuPanier li a:hover, ul.contenuPanier li ul li a:hover {

    display: block;

    background-color: #D90000;

    color: white;

    text-decoration: none;

	font-size: 13px;

}



span.nomArticle, span.titreTotal {

    margin: 0;

    width: 160px;

    float: left;

}



span.quantite {

    width: 30px;

    float: left;

}



span.total {

    float: right;

    text-align: right;

    width: 50px;

}



/* Dossiers

 -------------------------------------------------------- */

#dossier {

    margin: 0;

    padding: 0;

}



#dossier .image {

    margin: 10px 10px 10px 0;

    padding: 1px;

    border: solid 1px #bbbdbf;

    float: left;

}



/* Langues

 -------------------------------------------------------- */

ul#langues {

    float: left;

    width: 980px;

    text-align: right;

    margin: 0 0 10px 0;

    padding: 0 10px 0 0;

    background-color: #3f3f43;

    border-top: solid 3px #313135;

    list-style: none;

}



ul#langues li {

    float: right;

    padding: 0;

    margin: 0;

    border: none;

    list-style: none;

}



ul#langues li a, ul#langues li a:visited {

    display: block;

    width: 34px;

    height: 24px;

    overflow: hidden;

}



ul#langues li a.fr {

    background-image: url(_gfx/drapeaux.gif);

    background-position: 0 -24px;

}



ul#langues li a.uk {

    background-image: url(_gfx/drapeaux.gif);

    background-position: -34px -24px;

}



ul#langues li a.spa {

    background-image: url(_gfx/drapeaux.gif);

    background-position: -68px -24px;

}



ul#langues li a:hover.fr, ul#langues li a.frSelection {

    background-image: url(_gfx/drapeaux.gif);

    background-position: 0 0;

}



ul#langues li a:hover.uk, ul#langues li a.ukSelection {

    background-image: url(_gfx/drapeaux.gif);

    background-position: -34px 0;

}



ul#langues li a:hover.spa, ul#langues li a.spaSelection {

    background-image: url(_gfx/drapeaux.gif);

    background-position: -68px 0;

}



/* Chemin

 -------------------------------------------------------- */

#chemin {

    float: left;

    width: 980px;

    color: #000000;

    font-size: 12px;

    font-weight: bold;

    margin: 0;

    padding: 5px 0 8px 10px;

    background-color: #FFFFFF;

    border-top: solid 3px #FFFFFF;

}



#chemin a:link, #chemin a:visited {

    color: #D90000;

    text-decoration: none;

}



#chemin a:hover {

    color: #000000;

}



/* Etapes de commande

 -------------------------------------------------------- */

#etapesDeCommande {

    float: left;

    width: 710px;

    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: 708px;

    border-right: solid 1px #d8d9da;

}



#etapesDeCommande ul li {

    color: #c7c9ca;

    width: 176px;

    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: right;

    margin: 0 0 20px 0;

    width: 345px;

}



.adresseDeLivraisonRecap {

    float: left;

    margin: 0 0 20px 0;

    width: 710px;

}



.adresseDeFacturation {

    float: left;

    margin: 0 0 20px 0;

    width: 345px;

}



.adresseDeLivraison h3, .adresseDeFacturation h3, .adresseDeLivraisonRecap h3 {

    color: #515053;

    display: block;

    padding: 5px 0 7px 10px;

    margin: 0;

    height: 20px;

    background-color: #bbbdbf;

}



.adresseDeLivraison h4 {

    color: #515053;

    width: 335px;

    margin: 5px 0 0 0;

    padding: 5px 0 7px 10px;

    background-color: #bbbdbf;

    float: left;

}



.adresseDeLivraison .contenu, .adresseDeFacturation .contenu {

    float: left;

    width: 325px;

    margin: 1px 0 0 0;

    padding: 10px;

    background-color: #d8d9da;

}



.adresseDeLivraisonRecap .contenu {

    float: left;

    width: 690px;

    margin: 1px 0 0 0;

    padding: 10px;

    background-color: #d8d9da;

}



.adresseDeLivraison ul {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 345px;

    float: left;

}



.adresseDeLivraisonRecap ul {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 710px;

    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: #8fbce3;

    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: #0081ca;

    padding: 3px 0 3px 10px;

}



.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {

    text-decoration: none;

    background-color: #00529a;

}



/* Bloc "Mode de livraison"

 -------------------------------------------------------- */

.choixDeLaLivraison, .choixDuReglement {

    float: left;

    width: 710px;

    margin: 0;

    padding: 0;

}



.choixDeLaLivraison ul, .choixDuReglement ul {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 710px;

}



.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: 300px;

    margin: 0;

    padding: 0;

    background-color: #bbbdbf;

    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: #D90000;

    border-top: solid 1Px #FFFFFF;

}



.choixDeLaLivraison ul li a:hover, .choixDuReglement ul li a:hover {

    text-decoration: none;

    background-color: #00529a;

}



/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)

 -------------------------------------------------------- */

.blocMozaique {

    float: left;

    margin: 0 0 20px 0;

    padding: 0;

}



.blocMozaique h3 {

    width: 700px;

    font-weight: bold;

    margin: 0;

    padding: 5px 0 7px 10px;

    height: 20px;

}



.blocMozaique .contenu {

    float: left;

    width: 690px;

    margin: 1px 0 0 0;

    padding: 10px;

}



.blocMozaique .contenu ul.image {

    margin: 0;

    padding: 0;

    list-style: none;

    border: none;

    width: 690px;

    float: left;

}, .blocMozaique .contenu ul.image li {

    margin: 0;

    padding: 0;

    border: none;

    float: left;

}



.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited {

    border: 1px solid #bbbdbf;

    margin: 0 1px 0 0;

    _margin: 0;

    padding: 1px;

    height: 81px;

    width: 81px;

    float: left;

    display: block;

    background-color: #fff;

    overflow: hidden;

    zoom: 0;

    text-align: center;

}



.blocMozaique .contenu ul.image li a:hover {

    border: 2px solid #88888b;

    background-color: #FFFFFF;

    padding: 0;

}



/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)

 -------------------------------------------------------- */

.blocNouveaute {

    float: left;

    margin: 0 0 20px 0;

    width: 700px;

}



.blocNouveaute h3 {

    margin: 0;

}



.blocNouveaute h3 a, .blocNouveaute h3 a:visited {

    color: #D90000;

    display: block;

    padding: 5px 0 7px 10px;

    margin: 0;

    height: 20px;

    background-color: #ffffff;

}



.blocNouveaute h3 a:hover {

    color: #000000;

    text-decoration: none;

    background-color: #ffffff;

}



.blocNouveaute h4 a, .blocNouveaute h4 a:visited {

    color: #D90000;

}



.blocNouveaute h4 a:hover {

}



.blocNouveaute .contenu {

    float: left;

    width: 200px;

    margin: 1px 0 0 0;

    padding: 10px;

    background-color: #ffffff;

}



.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {

    border: 1px solid #bbbdbf;

    margin: 0;

    padding: 1px;

    height: 140px;

    width: 140px;

    float: left;

    text-align: center;

    display: block;

    background-color: #fff;

    overflow: hidden;

}



.blocNouveaute .contenu a.image:hover {

    border: 2px solid #88888b;

    background-color: #D90000;

    padding: 0;

}



.blocNouveaute .contenu .description {

    float: right;

    font-size: 12px;

    padding: 0;

    width: 200px;

}



.blocNouveaute .contenu .description .chapo {

    color: #000000;

    font-weight: bold;

    text-align: left;

    font-size: 12px;

    padding: 0;

}



.blocNouveaute .contenu .description .prixProduit {

    color: #D90000;

    font-weight: bold;

    text-align: left;

    font-size: 18px;

    margin: 5px 0 0 0;

    padding: 0;

    display: block;

}



.blocNouveaute .contenu .description p {

    margin: 0;

    padding: 0;

}



.blocNouveaute a.acheter, .blocNouveaute 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;

}



.blocNouveaute a.acheter span, .blocNouveaute button.acheter span {

    position: relative;

    float: left;

    padding: 0 0 0 5px;

    vertical-align: middle;

    background-color: #D90000;

    border: solid 1px #000000;

}



.blocNouveaute a.acheter span span, .blocNouveaute button.acheter span span {

    color: #fff;

    height: 24px;

    padding: 0 5px 0 0;

    line-height: 23px;

    background-color: #D90000;

    border: none;

}



.blocNouveaute a.acheter:hover span, .blocNouveaute button.acheter:hover span {

    background-color: #000000;

    text-decoration: none;

}



.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {

    display: block;

    float: left;

    width: 50%;

    margin: 1px 0 0 0;

    padding: 5px 0;

    color: #515053;

    font-weight: bold;

    text-indent: 10px;

    background-color: #FFFFFF;

    text-decoration: underline;

}



.blocNouveaute a.toutesLesNouveautes:hover {

    color: #515053;

    text-decoration: none;

    background-color: #FFFFFF;

}



/* Bloc promotion (utilisé en page index_page.html + rubrique.html)

 -------------------------------------------------------- */

.blocPromo {

    float: right;

    margin: 0 0 20px 0;

    width: 180px;

}



.blocPromo h3 {

    margin: 0;

}



.blocPromo h3 a, .blocPromo h3 a:visited {

    color: #D90000;

    display: block;

    padding: 5px 0 7px 10px;

    margin: 0;

    height: 20px;

    background-color: #ffffff;

}



.blocPromo h3 a:hover {

    color: #000000;

    text-decoration: none;

    background-color: #ffffff;

}



.blocPromo h4 a, .blocPromo h4 a:visited {

    color: #D90000;

}



.blocPromo h4 a:hover {

}



.blocPromo .contenu {

    float: left;

    width: 200px;

    margin: 1px 0 0 0;

    padding: 10px;

    background-color: #ffffff;

}



.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {

    border: 1px solid #bbbdbf;

    margin: 0;

    padding: 1px;

    height: 140px;

    width: 140px;

    float: left;

    text-align: center;

    display: block;

    background-color: #fff;

    overflow: hidden;

}



.blocPromo .contenu a.image:hover {

    border: 2px solid #88888b;

    background-color: #D90000;

    padding: 0;

}



.blocPromo .contenu .description {

    float: right;

    font-size: 14px;

    text-align: left;

    padding: 0;

    width: 200px;

}



.blocPromo .contenu .description .chapo {

    color: #000000;

    font-weight: normal;

    text-align: left;

    font-size: 12px;

    padding: 0;

}



.blocPromo .contenu .description .prixProduit {

    color: #D90000;

    font-weight: bold;

    text-align: left;

    font-size: 18px;

    margin: 5px 0 0 0;

    padding: 0;

    display: block;

}



.blocPromo .contenu .description p {

    margin: 0;

    padding: 0;

}



.blocPromo a.acheter, .blocPromo 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;

}



.blocPromo a.acheter span, .blocPromo button.acheter span {

    position: relative;

    float: left;

    padding: 0 0 0 5px;

    vertical-align: middle;

    background-color: #D90000;

    border: solid 1px #000000;

}



.blocPromo a.acheter span span, .blocPromo button.acheter span span {

    color: #fff;

    height: 24px;

    padding: 0 5px 0 0;

    line-height: 23px;

    background-color: #D90000;

    border: none;

}



.blocPromo a.acheter:hover span, .blocPromo button.acheter:hover span {

    background-color: #000000;

    text-decoration: none;

}



.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {

    display: block;

    float: left;

    width: 100%;

    margin: 1px 0 0 0;

    padding: 5px 0;

    color: #515053;

    font-weight: bold;

    text-indent: 10px;

    background-color: #bbbdbf;

}



.blocPromo a.toutesLesPromos:hover {

    color: #515053;

    text-decoration: none;

    background-color: #a9abad;

}



/* Petit bloc produit (utilisé en page rubrique.html)

 -------------------------------------------------------- */

.petitBlocProduit {

    float: left;

    margin: 0px;

    width: 700px;

	padding: 10px;

	border: 1px solid #ddd;

	margin-bottom: 20px;

}



.separation {

    float: left;

    margin: 0;

    height: 1px;

    width: 710px;

}



.petitBlocProduit h3 {

    margin: 30;

}



.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {

    color: #000000;

    display: block;

    padding: 5px 0 7px 10px;

    margin: 0;

    height: 20px;

    background-color: #FFFFFF;

}



.petitBlocProduit h3 a:hover {

    text-decoration: none;

    background-color: #D90000;

}



.petitBlocProduit .titre {

    font-weight: bold;

	margin-bottom: 10px;

}



.petitBlocProduit .contenu {

    float: left;

    margin: 0px 0 0 0;

    background-color: #FFFFFF;

}



.petitBlocProduit .contenu a.image, .petitBlocProduit .contenu a.image:visited {

    border: 1px solid #bbbdbf;

    margin: 0;

    padding: 1px;

    height: 140px;

    width: 140px;

    display: block;

    background-color: #fff;

    overflow: hidden;

}



.petitBlocProduit .contenu a.image:hover {

    border: 2px solid #88888b;

    background-color: #FFFFFF;

    padding: 0;

}



.petitBlocProduit .contenu .description {

    float: right;

    font-size: 12px;

    padding: 0;

    width: 173px;

}



.petitBlocProduit .contenu .description .chapo {

    color: #000000;

    font-weight: normal;

    text-align: left;

    font-size: 12px;

    padding: 0;

}



.petitBlocProduit .chapo {

	background-color:#EEEEEE;

	padding:10px;

}





.petitBlocProduit .prixProduit {

    color: #D90000;

    font-weight: bold;

    text-align: left;

    font-size: 18px;

    margin-top: 20px;

    padding: 0;

    display: block;

	text-align: center;

}

.petitBlocProduit .prixProduitPromo {

	font-size: 14px;

	color: #000;

}



.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;

}



.petitBlocProduit a.acheter span, .petitBlocProduit button.acheter span {

    position: relative;

    float: left;

    padding: 0 0 0 5px;

    vertical-align: middle;

    background-color: #000000;

    border: solid 1px #FFFFFF;

}



.petitBlocProduit a.acheter span span, .petitBlocProduit button.acheter span span {

    color: #fff;

    height: 24px;

    padding: 0 5px 0 0;

    line-height: 23px;

    background-color: #D90000;

    border: none;

}



.petitBlocProduit a.acheter:hover span, .petitBlocProduit button.acheter:hover span {

    background-color: #000000;

    text-decoration: none;

}



/* Contenu d'une fiche produit (produit.html)

 -------------------------------------------------------- */

.blocProduit {

    float: left;

    margin: 0 0 20px 0;

    padding: 0;

    width: 710px;

}



.blocProduit .blocDImages {

    float: left;

    margin: 0 0 20px 0;

    padding: 0;

    width: 346px;

}



.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {

    border: 1px solid #bbbdbf;

    margin: 0;

    padding: 1px;

    width: 342px;

    float: left;

    background-color: #fff;

	text-align: center;

}



.blocProduit a.grandeImage:hover {

    border: 2px solid #88888b;

    background-color: #8fbce3;

    padding: 0;

}



.blocProduit ul.vignettes {

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

    text-align: center;

    border: none;

    width: 344px;

    float: left;

}



.blocProduit ul.vignettes li {

    border: 1px solid #bbbdbf;

    margin: 0 1px 1px 0;

    padding: 1px;

    height: 81px;

    width: 81px;

    float: left;

}



.blocProduit ul.vignettes li:hover {

    border: 2px solid #88888b;

    background-color: #8fbce3;

    padding: 0;

}



.blocProduit ul.vignettes img {

    height: 81px;

    width: 81px;

    overflow: hidden;

}



.blocProduit .introProduit {

    float: right;

    margin: 0 0 20px 0;

    padding: 0;

    width: 324px;

	padding: 10px;

	background-color: #eee;

}



.blocProduit .introProduit .chapo {

    font-size: 12px;

    font-weight: bold;

    padding: 0;

    margin: 0 0 20px 0;

}



.blocProduit .introProduit .prixProduit {

    color: #D90000;

    font-weight: bold;

    text-align: left;

    font-size: 24px;

    margin: 5px 0 0 0;

    padding: 0;

}



.blocProduit a.acheter, .blocProduit button.acheter {



	display: inline-block;

    margin: 10px 0 0 0;



    padding: 10px;

    font-size: 16px;

    font-weight: bold;

    white-space: nowrap;

    text-align: center;

    background-color: #0081ca;

	color: #fff;

}



.blocProduit a.acheter:hover, .blocProduit button.acheter:hover {

    background-color: #00529a;

    text-decoration: none;

}



.blocProduit .description {

    float: right;

    font-size: 12px;

    padding: 0;

    margin: 0 0 20px 0;

    width: 710px;

}



.blocProduit .contenusAssocies {

    float: right;

    margin: 0 0 20px 0;

    width: 345px;

}



.blocProduit .telechargements {

    float: left;

    margin: 0 0 20px 0;

    width: 345px;

}



.contenusAssocies h3, .telechargements h3 {

    color: #515053;

    display: block;

    padding: 5px 0 7px 10px;

    margin: 0;

    height: 20px;

    background-color: #FFFFFF;

}



.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul, .chapo .telechargements ul {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 345px;

    float: left;

    background: #d8d9da;

}



.contenusAssocies ul li, .telechargements ul li {

    margin: 0;

    padding: 0;

    font-size: 12px;

    font-weight: bold;

}



.contenusAssocies ul li a, .telechargements ul li a, .contenusAssocies ul li a:visited, .telechargements ul li a:visited {

    border-top: solid 1px #FFF;

    color: #fff;

    display: block;

    background-color: #D90000;

    padding: 3px 0 3px 10px;

}



.contenusAssocies ul li a:hover, .telechargements ul li a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #000000;

}



.chapo .telechargements {

	margin: 0px;

	margin-top: 20px;

}



.chapo .telechargements h3 {

	font-size: 14px;

	margin: 0px;

	margin-top: 20px;

	background-color: transparent;

	padding: 0px;

	border-top: 1px dotted #009999;

	padding-top: 10px;

}



.chapo .telechargements ul {

	float: none;

}



.chapo .telechargements ul li a {

	background-color: #009999;

}



.chapo .telechargements ul li a:hover {

	background-color: #33CCCC;

}



/* 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: #e0e4cc;

}



#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;

}



/* Nombre de pages

 -------------------------------------------------------- */

#pages {

    float: left;

    color: #626164;

    width: 700px;

    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 {

}



/* Pied de page

 -------------------------------------------------------- */

/* Pied de page

 -------------------------------------------------------- */

#footer {

    float: left;

    width: 990px;

    color: #9a9b9d;

    font-size: 11px;

    font-weight: normal;

    padding: 5px 0 20px 0;

    background-color: #e7e8e9;

    border-top: solid 1px #d8d9da;

    border-bottom: solid 1px #d8d9da;

}



#footer .colonne {

    float: left;

    width: 310px;

    margin: 0;

    padding: 0 10px;

}



#footer .colonne p {

    font-size: 11px;

    margin: 0;

    padding: 0;

}



#footer h4 {

    font-size: 11px;

    color: #626164;

    background-image: none;

    padding: 0;

    margin: 3px 0 0 0;

}



#footer a, #footer a:visited {

    font-weight: bold;

    color: #D90000;

    text-decoration: none;

    padding: 0 5px;

    border-right: solid 1px #9a9b9d;

}



#footer h4 a, #footer h4 a:visited {

    font-weight: bold;

    border: none;

}



#footer a:hover {

    font-weight: bold;

    color: #FFFFFF;

    text-decoration: none;

}



#footer .colonne p.validator {

    float: left;

    margin: 5px 0 0 0;

}



#footer .colonne p.validator a, #footer .colonne p.validator a:visited {

    border: none;

}



/* formulaire

 -------------------- */

#contenu form {

    padding: 0;

    margin: 0 0 20px 0;

}



#contenu form p {

    margin: 0;

    padding: 4px 0;

    /* Empêcher le dépassement des flottants */

    overflow: hidden;

    font-size: 12px;

    border-bottom: 1px solid #ccc;

    clear: both;

    float: left;

    width: 100%;

}



#contenu form p.derniereLigne {

    border: none;

}



#contenu form p label {

    float: left;

    width: 290px;

    padding: 0 10px 0 0;

    margin: 0;

    line-height: 24px;

}



#contenu form p label.codeDeReduction {

    width: 180px;

}



#contenu form p label.petit {

    width: 80px;

}



#contenu 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: #626164;

    background-color: #d8d9da;

}



#contenu form p input.codeDeReduction {

    width: 50px;

    background-color: #fff;

    padding: 4px;

}



#contenu form p select {

    width: 198px;

}



#contenu form p textarea {

    width: 300px;

}



#contenu form p input.radio, #contenu form p input.checkBox {

    float: left;

    margin: 5px 0;

    width: 20px;

    padding: 0;

    background-color: transparent;

    border: none;

}



#contenu form p .labelRadio, #contenu form p .labelCheckBox {

    float: left;

    margin: 5px 10px 0 0;

    padding: 0;

    background-color: transparent;

    border: none;

    font-weight: bold;

}



#contenu form button.bouton, #contenu 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;

}



#contenu form button.boutonMemeLigneQuInput {

    margin: 0 0 0 10px;

}



#contenu form button.bouton span, #contenu form button.boutonMemeLigneQuInput span {

    position: relative;

    float: left;

    padding: 0 0 0 8px; /* Largeur du côté gauche */

    margin: 0;

    vertical-align: middle;

    background-color: #D90000;

}



#contenu form button.bouton span span, #contenu form button.boutonMemeLigneQuInput span span {

    padding: 0 8px 0 0; /* Largeur du côté droit */

    color: #FFF;

    height: 24px;

    line-height: 24px; /* Alignement vertical du texte */

    border: none;

}



.obligatoire {

    font-size: 12px;

    color: #D90000;

    clear: both;

    margin: 10px 0;

}



/* Tableaux

 -------------------------------------------------------- */

#contenu table, #contenu table tr {

    padding: 0;

    margin: 0;

}



#contenu table th {

    font-weight: bold;

    background-color: #d8d9da;

    border-bottom: solid 1px #FFFFFF;

}



#contenu table td {

    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: #00529a;

    border-bottom: solid 1px #dedce6;

}



/* Liens internes au site

 -------------------------------------------------------- */

.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: 18px;

    font-weight: bold;

    white-space: nowrap;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    border: 0;

    background: none;

    text-decoration: underline;

}



.queFaire a.bouton span, .queFaire button.bouton span {

    position: relative;

    float: left;

    padding: 0 0 0 7px;

    vertical-align: middle;

    background-color: #D90000;

}



.queFaire a.bouton span span, .queFaire button.bouton span span {

    color: #fff;

    height: 24px;

    padding: 0 7px 0 0;

    padding: 0 7px 0 0;

    line-height: 22px;

    background-color: #D90000;

}



.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, .queFaire button.bouton:hover span, .queFaire button.bouton:hover span span {

    background-color: #00529a;

}



/*  général

 -------------------------------------------------------- */

#moteurEtCatalogue {

    float: left;

    width: 200px;

    padding: 0;

    margin: 5px 0 0 0;

}



#moteurEtCatalogue h3 {

    display: none;

}



#accueil, #menuCatalogue {

    float: left;

    padding: 0;

    margin: 0 0 18px 0;

    width: 100%;

}



#accueil a, #menuCatalogue a {

    text-decoration: none;

    padding: 10px;

    display: block;

}





#accueil a:hover, #menuCatalogue a:hover {

    text-decoration: none;

    color: #000;

}



#accueil ul, #menuCatalogue ul {

    padding: 0;

    margin: 0;

    list-style: none;

    color: #FFFFFF;

}



#accueil li, #menuCatalogue li {

    font-weight: bold;

    margin-bottom: 5px;

    padding: 0px;

}



#accueil ul li {

    font-size: 14px;

    /* background-color: #D90000;*/

    background-color: #86b32d;

}



#accueil ul li.accueil {

    background-color: #D90000;

}



#menuCatalogue ul li {

    font-size: 14px;

    /*background-color: #86b32d;*/

    background-color: #D90000;

}



#menuCatalogue ul li ul {

    padding: 5px;

    padding-bottom: 0px;

    background-color: #eee;

    /*border: 1px solid #86b32d;*/

    border: 1px solid #D90000;

}



#accueil ul li ul li, #menuCatalogue ul li ul li {

    font-size: 12px;

    /*background-color: #D90000;*/

    background-color: #86b32d;

    margin-bottom: 5px;

}



#accueil ul li a, #menuCatalogue ul li a {

    color: #fff;

}



#accueil ul li ul li a, #menuCatalogue ul li ul li a {

    color: #fff;

    padding: 5px;

}



#menuCatalogue li.selection {

    color: #fff;

    background-color: #000000;

}



#menuCatalogue li.selection ul {

    color: #fff;

    border: 1px solid #a60000;

}



#menuCatalogue ul li:hover {

    background-color: #ff4040;

    color: #D90000;

}



#accueil ul li.accueil:hover {

    background-color: #ff4040;

}



#menuCatalogue ul li ul li:hover {

    background-color: #68DB68;

    color: #000000;

}



/* Recherche

 -------------------------------------------------------- */

#moteurDeRecherche {

    margin: 0 0 18px 0;

    padding: 10px;

    width: 177px;

    display: block;

    float: left;

    background-color: #FFFFFF;

}



#moteurDeRecherche form {

    margin: 0;

    padding: 0;

    border: none;

}



#moteurDeRecherche form p {

    margin: 0;

    padding: 0;

    float: right;

}



#moteurDeRecherche form input {

    margin: 0;

    padding: 2px;

    width: 120px;

    border: solid 1px #00529a;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: bold;

    background-color: #fff;

    color: #626164;

    float: left;

}



#moteurDeRecherche form button.bouton {

    display: -moz-inline-box;

    display: inline-block;

    margin: 0;

    padding: 0;

    white-space: nowrap;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    border: none;

    background: none;

    font-size: 13px;

    font-weight: bold;

}



#moteurDeRecherche form button.bouton span {

    position: relative;

    float: left;

    padding: 0 0 0 8px; /* Largeur du côté gauche */

    margin: 0;

    vertical-align: middle;

    background-color: #D90000;

    border: solid 1px #fff;

}



#moteurDeRecherche form button.bouton span span {

    padding: 0 8px 0 0;

    border: none;

    color: #FFF;

    height: 18px;

    line-height: 18px; /* Alignement vertical du texte et largeur du côté droit*/

}



/* Moyens de paiement

 -------------------------------------------------------- */

.moyensDePaiement {

    float: left;

    margin: 0;

    padding: 0 10px;

    width: 980px;

}



.moyensDePaiement h4 {

    margin: 32px 0 0 0;

    float: left;

}



.moyensDePaiement ul, .moyensDePaiement ul li {

    list-style: none;

    margin: 0;

    padding: 0;

    border: none;

}



/* Correction des bug Internet Explorer

 -------------------------------------------------------- */ * html button {

    width: 1%;

    overflow: visible;

}

*:first-child + html button {

    overflow: visible;

}



/* Selection de la langue */

/* ---------------------- */

.selection_langue {

    position: absolute;

    right: 70px;

    top: 5px;

}



#moteurEtCatalogue .selection_langue {

    text-align: center;

    margin-bottom: 10px;

    position: inherit;

}



.selection_langue a, .selection_langue a:visited, .selection_langue a:hover {

    font-weight: normal;

    font-size: 12px;

}



.selection_langue ul {

    margin: 0px;

    list-style-type: none;

}



.selection_langue ul li {

    float: left;

    margin-right: 5px;

}



/* Boutons */

/* ------- */

a.boutonAction, button.boutonAction {

    display: inline-block;

    margin: 5px 0 0 0;

    font-size: 13px;

    font-weight: bold;

    white-space: nowrap;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;



	background-color: #D90000;

	color: #fff;

	padding: 5px;

}



a.boutonAction:hover, button.boutonAction:hover {

    color: #000000;

    text-decoration: none;

}



.blocAccueil {

    text-align: center;

	width: 330px;

}



.blocAccueil h4 {

    font-size: 18px;

}



.blocAccueil .chapo {

    text-align: justify;

    margin: 10px 0;

    padding: 5px;

    height: 118px;

    overflow-y: scroll;

    border: 1px solid #ccc;

}



.blocAccueil .prixProduit {

    color: #D90000;

    font-weight: bold;

    font-size: 14px;

    margin: 5px 0 0 0;

    padding: 0;

    display: block;

}



.blocAccueil a.toutesLesNouveautes {

    display: block;

    margin: 1px 0 0 0;

    padding: 5px 0;

    color: #515053;

    font-weight: bold;

    text-indent: 10px;

    background-color: #FFFFFF;

    text-decoration: underline;

}





/* Bloc de news */

.news {

	border: 1px dotted #ccc;

	padding: 10px;

}



.news .texte {

	font-weight: bold;

	font-size: 14px;

}



.news .moreInfo {

	margin-top: 10px;

	display: block;

	text-align: right;

}



/* Bloc parrainage */

.formParrainage {

	width: 70%;

	margin: 10px auto;

}



/* Border radius, for browsers that support it */

.radius {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;

}



/* Border radius, for browsers that support it */

.radius4 {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



.radiusbottom {

    -webkit-border-radius: 0px 0px 6px 6px;

    -moz-border-radius: 0px 0px  6px 6px;

    -o-border-radius: 0px 0px  6px 6px;

    border-radius: 0px 0px  6px 6px;

}