/* Eléments HTML en général
-------------------------------------------------------- */
@import url(../../style_editeur.css);

html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#515053;
	font-size:12px;
}

html {
	background-color: #CCCCCC;
}

body {
	background-image: url(../_imgs/bg_entete2.jpg);
	background-repeat: repeat-x;
	background-position: 50% 0%;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	color:#333333;
}

h1{
	font-size: 26px;
}

h2{
	font-size: 20px;
	margin:0 0 20px 0;
}

h3{
	font-size: 24px;
}

h4{
	font-size: 15px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a:link, a:active, a:visited {
	color: #FF33CC;
	text-decoration: none;
}
 a:hover  {
	color: #666;
	text-decoration: underline;
}

img {
	border: 0
}

.hide {
	display:none;
}

.clear {
	clear: both;
}

/* Page
-------------------------------------------------------- */

#entete {
	width: 900px;
	text-align: left;
	height: 162px;
	margin-right: auto;
	margin-left: auto;
}

#page {
	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../_imgs/bg_page.jpg);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	background-color: #FFFFFF;
}

#pagesimple {
	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

#colGauche600 {
	width: 600px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
}

.colGauche600Interieur {
	width: 560px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.colGauche600Interieur2 {
	width: 600px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.colGauche600Interieur h2 {
	width: 560px;
}

.video {
	width: 372px;
	display: block;
	height: 313px;
	padding-left: 104px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.galerieImages {
	text-align: center;
	width: 560px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}

.imageTitre {
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.imageDescriptif {
	width: 560px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
}

.InDossierDescriptif, .InDossierpostscriptum {
	width: 560px;
	padding-right: 20px;
	padding-left: 20px;
}

.ListeEchantillon {
	width: 560px;
	padding: 0px;
	float: left;
	margin: 0px;
	border-top-width: 10px;
	border-right-width: 20px;
	border-bottom-width: 0px;
	border-left-width: 20px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
}

.ListeEchantillon li {
	padding: 0px;
	font-size: .8em;
	float: left;
	height: 112px;
	width: 100px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: !important 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: !important 10px;
	margin-left: 5px;
	text-align: center;
}

.ListeEchantillon li strong {
	background-color: #FFF;
	display: block;
	height: 12px;
}

#colGauche900 {
	width: 900px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#colGauche300 {
	width: 300px;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}

#encartSalon {
	width: 600px;
	text-align: left;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#encartAccueil {
	width: 100%;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
}

#colMilieu300 {
	width: 300px;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
}

#colDroite300 {
	width: 200px;
	text-align: left;
	padding: 0px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.contenuCol270  {
	width: 270px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.contenuCol270 h4.titreOrange {
	width: 270px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

.contenuColDroite270 h4.titreOrange2 {
	width: 270px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

.contenuCol270 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contenuCol270 ul li {
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 8px;
	font-size: 11px;
	color: #999;
}

.contenuCol270 ul li a:link,
.contenuCol270 ul li a:active,
.contenuCol270 ul li a:visited {
	margin: 0px;
	padding: 0px;
	display: block;
}

.contenuCol270 ul li:hover {
	background-color: #EEE;
	color: #999;
}

.contenuCol270 ul li a:hover {
	text-decoration: none;
	background-color: #EEE;
	color: #666;
}

.contenuColDroite270  {
	width: 270px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

ul.catalogue {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

ul.catalogue li {
	list-style-type: none;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

ul.catalogue li a.selection {
	color: #666666;
	text-decoration: none;
	cursor: text;
	font-weight: bold;
}


.EncartSalonContenu  {
	width: 90%;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5%;
}

.EncartSalonVisuel  {
	text-align: left;
	padding: 0px;
	float: left;
	width: 100px;
	margin-right: 10px;
}

.EncartSalonTexte  {
	width: 390px;
	text-align: justify;
	padding: 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	line-height: 145%;
}

.EncartSalonTexte strong {
	color: #FF9900;
}

.EncartAccueilTexte  {
	width: 100%;
	text-align: justify;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	line-height: 145%;
}

.EncartReaVisuel  {
	text-align: left;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#pied {
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 10px;
	background-color: #CCCCCC;
	margin: 0px;
}

/* Col droite
-------------------------------------------------------- */

#monCompte {
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	margin: 0px;
	padding: 5px;
}

#monCompte h4.titreGris {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

#monCompte form {
	padding: 0;
	margin: 0;
}

#monCompte form p { 
    padding:0;
	margin:0;
}

#monCompte form input {
	margin: 0 5px 0 0;
	padding:2px;
	width:90px;
	border:solid 1px #88888b;
	font-family: "Trebuchet MS", Verdana, 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:13px;
	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:#ff33cc;
	border:solid 1px #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*/
}

.menu {
	font-size:11px;
	color: #666;
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
}

#monPanier {
	margin: 0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#monPanier h4.titreGris {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.rienpanier {
	font-size:11px;
	color: #666;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

#contenuPanierOld {
	padding: 0;
}

#contenuPanierOld a, #contenuPanierOld a:visited {
	font-size:12px;
	color: #fff;
	margin: 0;
	padding: 4px 3px;
	display:block;
	background-color:#c6db5a;
	background-image:url(_gfx/fondContenuPanier.gif);
	background-repeat:no-repeat;
	background-position:right center;
	border:solid 1px #FFFFFF;
	text-align: left;
}

#contenuPanierOld a:hover {
	display: block;
	background-color: #666;
	color: white;
	text-decoration: none;	
}

.produit_selection_home {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.produit_rub {
	padding: 0;
	float: left;
	width: 270px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 20px;
}

.produit_selection_home h4.titreGris {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.produit_rub_titre {
	padding: 0;
	margin-top: 19px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	width: 560px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.produit_rub_titre_900 {
	padding: 0;
	float: left;
	margin-top: 19px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
	width: 860px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.produit_rub_titre_900 h2.titreGris,
.produit_rub_titre h2.titreGris {
	font-size: 19px;
	padding: 0;
	margin: 0;
}

.produit_selection_home ul,
.produit_selection_home ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a.LinkImageDroite:link,
a.LinkImageDroite:active,
a.LinkImageDroite:visited {
	border: 5px solid #CCCCCC;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	height: 195px;
	width: 260px;
	background-color: #EEE;
}

a.LinkImageDroite:hover {
	border: 5px solid #ff33cc;
	background-color: #ff33cc;
}

.bloc_image_produit {
	padding: 0;
	height: 195px;
	width: 260px;
	margin: 0;
}

span.PrixProdSelection {
	float:right;
	text-align:center;
	width:100px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #999999;
	margin: 0px;
	padding: 2px;
}

span.ajoutpanier1 a {
	width:165px;
	float:left;
	color: #FFF;
	background-color: #c6db5a;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-align: center;
	text-decoration: none;
}

span.ajoutpanier1 a:hover {
	background-color: #666;
	text-decoration: none;
	color: #FFF;
}

.FiletSepaSelectionProd {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/* Entête
-------------------------------------------------------- */

#enteteBloc1 {
	padding: 0px;
	width: 300px;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
}

#enteteBloc1 h3 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#blocMenuGauche {
	padding: 0px;
	width: 450px;
	margin-top: 135px;
	margin-left: 15px;
	position: absolute;
	font-size: 16px;
}

#blocMenuDroite {
	padding: 0px;
	width: 435px;
	margin-top: 135px;
	margin-left: 450px;
	position: absolute;
	font-size: 16px;
}

#contenu {
	width:800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
	float: left;
	width:800px;
	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:800px;
	border-right:solid 1px #d8d9da;
}

#etapesDeCommande ul li {
	color:#c7c9ca;
	width:199px;
	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:100%;
}

.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;
	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: 780px;
	margin:1px 0 0 0;
	padding: 10px;
	background-color: #d8d9da;
}

.adresseDeLivraison ul, .adresseDeFacturation ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
	background:#d8d9da;
}

.adresseDeLivraisonRecap ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 800px;
	float:left;
	background:#d8d9da;
}

.adresseDeLivraison ul li, .adresseDeFacturation ul li, .adresseDeLivraisonRecap ul li {
	margin: 0;
	padding:0;
	border-top:solid 1px #FFF;
	font-size:12px;
	font-weight:bold;
}

.adresseDeLivraison ul li a, .adresseDeFacturation ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeFacturation ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
	color:#FFF;
	display:block;
	background-color:#FF9900;
	padding:3px 0 3px 10px;
}

.adresseDeLivraison ul li a:hover, .adresseDeFacturation ul li a:hover, .adresseDeLivraisonRecap ul li a:hover {
	text-decoration:none;
	background-color:#FFCC00;
}

/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.modeDeLivraison, .choixReglement {
	float: left;
	margin: 0 0 1px 0;
	background-color: #FF9900;
	width:100%;
}

.modeDeLivraison h4, .choixReglement h4 {
	color:#515053;
	width:335px;
	margin:0;
	background-color: #bbbdbf;
	float:left;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}

.modeDeLivraison h4 a, .choixReglement h4 a {
	color:#515053;
}

.modeDeLivraison ul, .choixReglement ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 355px;
	float:left;
}

.modeDeLivraison ul li, .choixReglement ul li {
	margin: 0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.modeDeLivraison ul li a, .modeDeLivraison ul li a:visited, .choixReglement ul li a, .choixReglement ul li a:visited {
	color:#fff;
	display:block;
	background-color:#FF9900;
	padding:10px;
}

.modeDeLivraison ul li a:hover, .choixReglement ul li a:hover {
	text-decoration:underline;
}

/* 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:14px;
	font-weight:bold;
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 7px; 
    vertical-align:middle;
    background-color:#FF9900;
} 
.queFaire a.bouton span span, 
.queFaire button.bouton span span { 
    padding:0 7px 0 0; 
    background-color:#FF9900;
} 
.queFaire a.bouton span span span, 
.queFaire button.bouton span span span {
	color:#fff;
	height:24px;
	padding:0;
	line-height:22px;
	background-color:#FF9900;
} 
 
.queFaire a.bouton:hover span span span, 
.queFaire button.bouton:hover span span span { 
	text-decoration:underline;
} 


/* formulaire
-------------------- */

#contenu h2 {
	font-size: 19px;
	color: #666666;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

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

#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.mailPerdu {
	width: 80px;
}

#contenu form p input, #contenu form p select {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #a9abad;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#d8d9da;
}

#contenu form p input.codeDeReduction {
	width: 50px;
	background-color:#fff;
}

#contenu form p select {
	width: 198px;
}

#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 { 
    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.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#FF9900;
	border:solid 1px #a9abad;
}

#contenu form button.bouton span span { 
    padding:0 8px 0 0;        /* Largeur du côté droit */ 
    border:none;
}

#contenu form button.bouton span span span {
	padding:0;
	color:#FFF;
	height:24px;
	line-height:24px; /* Alignement vertical du texte */ 
}

#contenu form button.boutonGris { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0 0 0 10px; 
    padding:0; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
	border:none;
    background:none;
	font-size:12px;
	font-weight:bold;
}
	
#contenu form button.boutonGris span { 
    position:relative; 
    float:left; 
    padding:0 0 0 5px;        /* Largeur du côté gauche */ 
	margin:0;
    vertical-align:middle;
	background-color:#a9abad;
	border:solid 1px #a9abad;
}

#contenu form button.boutonGris span span { 
    padding:0 5px 0 0;        /* Largeur du côté droit */ 
    border:none;
}

#contenu form button.boutonGris span span span {
	padding:0;
	color:#FFF;
	height:20px;
	line-height:20px; /* Alignement vertical du texte */ 
}

.obligatoire {
	font-size: 12px;
	color: #FF0000;
	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 {
	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: #CC3300;
	border-bottom:solid 1px #dedce6;
}

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

.produit_rub ul.vignettes {
	margin: 10px 0 0 0;
	padding:0;
	list-style:none;
	border:none;
	width:275px;
	float: left;
}

.produit_rub ul.vignettes li {
	margin:0;
	padding:0;
	border:none;
}

.produit_rub ul.vignettes li a, .produit_rub ul.vignettes li a:visited {
	border: 1px solid #bbbdbf;
	padding:1px;
	height: 81px;
	width:81px;
	float:left;
	display:inline;
	background-color:#fff;
	overflow: hidden;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 2px;
}

.produit_rub ul.vignettes li a:hover {
	border: 2px solid #FF9900;
	background-color:#FF9900;
	padding:0;
}

.produit_rub .introProduit {
	float: right;
	margin:0 0 20px 0;
	padding:0;
	width:344px;
}

.produit_rub .introProduit .chapo {
	font-size: 14px;
	font-weight:bold;
	padding: 0;
	margin:0 0 20px 0;
}

.description {
	float:right;
	font-size: 12px;
	padding: 0px;
	width: 280px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 145%;
}

.produit_rub .contenusAssocies {
	float: right;
	margin: 0 0 20px 0;
	width:345px;
}

.produit_rub .telechargements {
	float: left;
	margin: 0 0 20px 0;
	width:345px;
}

.produit_rub .contenusAssocies h3, .produit_rub .telechargements h3 {
	color:#515053;
	display:block;
	padding: 5px 0 7px 10px;
	height: 20px;
	background-color: #bbbdbf;
}

.produit_rub .contenusAssocies ul, .produit_rub .telechargements ul {
	list-style:none;
	margin: 0;
	padding:0;
	width: 345px;
	float:left;
	background:#d8d9da;
}

.produit_rub .contenusAssocies ul li, .produit_rub .telechargements ul li {
	margin: 0;
	padding:0;
	border-top:solid 1px #FFF;
	font-size:12px;
	font-weight:bold;
}

.produit_rub .contenusAssocies ul li a, .produit_rub .telechargements ul li a,
.produit_rub .contenusAssocies ul li a:visited, .produit_rub .telechargements ul li a:visited {
	color:#00529a;
	display:block;
	background-color:#8fbce3;
	padding:3px 0 3px 10px;
}

.produit_rub .contenusAssocies ul li a:hover, .produit_rub .telechargements ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#0081ca;
}

/* 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;
	cursor:pointer;
	background-color: #FF9900;
}

#superbox .nextprev a {
	line-height:20px;
	cursor:pointer;
	color:#fff;
	width: 140px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #FF9900;
}

#superbox .nextprev a.prev {
	float: left;
}

#superbox .nextprev a.next {
	float: right;
}

#superbox .nextprev .disabled {
	background:#ccc;
	cursor:pointer;
}

#superbox .close a:hover {
	color:#fff;
	text-decoration:none;
	background-color: #FFCC33;
}


/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}


/* Page de connexion
-------------------------------------------------------- */

.blocContenuGauche {
	width: 300px;
	float: left;
}

.blocContenuGauche ul,
.blocContenuGauche ul li ul {
	width: 100%;
	list-style-type: none;
}

.blocContenuGauche ul li {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}

.blocContenuGauche ul li.premierNiveau {
	background-color: #999;
}

.blocContenuGauche ul li.premierNiveau a,
.blocContenuGauche ul li.premierNiveau a:hover,
.blocContenuGauche ul li.premierNiveau span.ChapoProd {
	color: #FFFFFF;
	font-weight: normal;
}

.blocContenuGauche ul li.premierNiveau a.selection,
.blocContenuGauche ul li.premierNiveau a.selection:hover {
	color: #000;
	font-weight: bold;
}


.blocContenuGauche ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.blocContenuGauche ul li a {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
}

.blocContenuGauche ul li.listecontenu a {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
}


.blocContenuGauche ul li ul li a {
	display: block;
	background-color: #EEE;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.blocContenuGauche ul li.deuxiemeNiveau a,
.blocContenuGauche ul li.deuxiemeNiveau a:hover {
	color: #000;
	font-weight: normal;
}

.blocContenuGauche ul li.deuxiemeNiveau a:hover {
	background-color: #999;
	color: #FFFFFF;
}

.blocContenuGauche ul li.deuxiemeNiveau a.selection  {
	background-color: #CCC;
	color: #000;
}

.blocContenuGauche ul li ul li a:hover {
	background-color: #CCC;
}

.contenuRub .blocBandeauSeparateurIntro {
	width: 10px;
	background-color: #FFFFFF;
	height: 310px;
	color: #FFFFFF;
	float: left;
}

.blocContenuGauche .ContenuSansListe .detail {
	margin: 0px;
	font-size: 1.2em;
	line-height: 125%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.blocContenuDroite {
	width: 480px;
	float: right;
}

.blocContenuDroite ul.ListeProduits {
	width: 639px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.blocContenuDroite ul.ListeProduits li {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}

.blocContenuDroite ul.ListeProduits li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.blocContenuDroite ul.ListeProduits li div.logoprod2 {
	width: 100px;
	padding: 0px;
	float: left;
	height: 80px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.blocContenuDroite ul.ListeProduits li a.LienProdListe {
	padding: 0px;
	float: left;
	width: 380px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.blocContenuDroite ul.ListeProduits li div.prixListe {
	width: 150px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 2em;
	color: #999999;
	text-align: right;
	float: right;
}

.blocContenuDroite ul.ListeProduits li div.prixListe span.prixListePromo {
	font-size: 50%;
	color: #CCC;
	display: block;
}

.blocContenuDroite ul.ListeProduits li div.ChapoProdListe {
	font-size: 0.9em;
	line-height: 125%;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.blocContenuDroite div#pages {
	font-size: .8em;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 15px;
}

.blocContenuDroite div.ContenuSansListe {
	margin: 0px;
	font-size: .9em;
	line-height: 125%;
	padding: 10px;
	text-align: justify;
}

.blocContenuLargeurGlobale {
	width: 100%;
}

.blocContenuDroite div.ContenuSansListeDroite {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub ul {
	width: 300px;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub ul li {
	display: inline;
	float: left;
	margin: 10px 5px 10px 0;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub img {
	border: 1px dotted #CCC;
	padding: 2px;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub img:hover {
	border: 1px solid #CCC;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus {
	float: right;
	width: 300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus div.EncartInfoMini {
	background-color: #EEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: .8em;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus div.EncartInfoMini div.descriptif {
	text-align: left;
	font-size: 0.9em;
	color: #000000;
	padding-top: 10px;
	line-height: 135%;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus div.EncartInfoMiniPlus {
	background-color: #EEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-size: .8em;
	color: #666666;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus div.EncartInfoMiniPlus div.PrixProdSelection {
	font-size: 2em;
	color: #000000;
	line-height: 135%;
}

.blocContenuDroite div.ContenuSansListeDroite div.produit_rub_plus div.EncartInfoMiniPlus span.RefProdSelection {
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
}


.blocContenuGauche ul li span.ChapoProd {
	font-size: 0.8em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.blocContenuGauche ul li div.logorub2 {
	width: 70px;
	padding: 0px;
	float: left;
	height: 50px;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.blocContenuGauche h3,
.blocContenuDroite h3,
.blocContenuLargeurGlobale h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #999;
	display: block;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/* ------------------------------------------------------------ style form */

.TexteAvantForm {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 135%;
}

form {
}

fieldset {
	padding: 5px;
	margin-top: 10px;
}

legend {
	font-weight: bold;
}

input[type=text],
input[type=password],
textarea {
	width: 95%;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover {
	background-color: #CCC;
}

select {
	padding: 3px;
	border: 1px solid #CCCCCC;
}

input#checkcgv {
	float: none;
	width: auto;
}

input.Newsletter {
	float: left;
	width: auto;
}

input.codeDeReduction {
	float: none;
	width: auto;
}

input.bouton,
a.bouton {
	color: #FFFFFF;
	background-color: #000000;
	padding: 3px;
	border: 1px solid #666666;
	cursor: pointer;
}

.obligatoire {
	font-size: 0.8em;
	font-style: italic;
	color: #FF0000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* ------------------------------------------------------------ style table */

table {
	width: 100%;
	margin-top: 1px;
}

table th {
	color: #666666;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

table th.total {
	text-align: right;
}


table tr {

}

table tr td {
	padding: 5px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: .9em;
}