/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes spip-thelia		*/
/*  ----------------------------------------------------------- */


/* styles thelia */

.titrePage {
	text-align: left;
	margin-bottom: .5em;
	margin-top: .5em;
}
.titrePage h1 {
	color: #ff4992;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 2.0em;
	clear:both;
	width:100%; border-top:1px dotted #ff4992
}

.titrePage h2 {
	color: #ff4992;
	font-size: 0.9em;
	font-weight: normal; font-weight:bold;
	line-height: 2.0em;
	clear:both;
	width:100%; border-top:1px dotted #ff4992
}

.titrePage h4 {
	color: #ff4992;
	font-size: 1.05em;
	font-weight: bold;
	clear:both;
	margin:0
}


.sousTitrePage {
	color:  #000;
	text-align: left;
	padding: 0; 
	font-size:0.8em;
	margin:5px 0 5px 0;
}

.sousTitrePage h3 { margin-bottom:10px}

.textePage {
	color: #5f5f5f;
	text-align: left;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:0.9em;
}

.textePage a { 
	font-size:0.9em; margin:20px 0 4px 0; }
	
.liensCoordonnees  {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
}

.separation {
	height: 0;
	background-color: #7a6d2c;
	overflow:hidden;
	zoom:1;
}


/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 145px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	list-style: none;
	_height: 300px;
	min-height: 300px;
	font-size: .9em;
}

.contourImage {
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #12335B;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #12335B;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: normal;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander {
	color: #acac90;
	text-decoration: none;
	font-weight: bold;
}
input.LIEN_commander {
	float: right;
}
.page_produit input.LIEN_commander {
	float: none;
	margin-top: .5em;
	margin-bottom: 1em;
}
.caracteristiqueProduit ul {
	padding-left: 0;
}
.caracteristiqueProduit ul li {
	list-style: none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;
}
.page_produit #pages {
	clear: left;
}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}




/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.codeReduction{
	text-align: left; 
	font-size:0.9em; 
	background-color:#ff4992; 
	
	height:35px  }
.codeReduction p {color:#FFFFFF; font-size:1.2em}

.codeReduction #code { width: 7.5em; margin-left: .5em; margin-right: .5em;  }

.codeReduction p {
	float: right;
	padding-top:10px
}

.codeReduction-4 {
	font-size:0.9em; 
	background-color:#ff4992; 
	color:#FFFFFF;
	height:35px 
	
}

.codeReduction-4 p { float: right;padding-top:7px}


a.formsubmit {
	display: block;
	float: right;
	width: 50px;
	height: 23px;
	border:none;
	color:#FFFFFF;
	background: transparent  url('../../images/btn-rond-valider.gif') no-repeat scroll 55px 11px;
	padding: 12px 25px 0 5px;
	margin:0;
	font-weight:bold;
	font-size:1.2em
}
a:hover.formsubmit { text-decoration:none; color:#000}

a.formContinuer {
	display: block;
	float: right;
	clear:both;
	width: 105px;
	height: 27px;
	border:none;
	color:#ECEDE5;
	background: transparent  url('../../images/btn-continuer.png') no-repeat scroll left center;
	padding: 11px 0 0 5px;
	margin:0;
	font-weight:bold;
	font-size:12px
}
a:hover.formContinuer { text-decoration:none; color:#fff}

.enteteTableau {
	font-weight: bold;
	text-align: center; 
	font-size: 1.2em;
	height:35px;
	width:45px
}

.enteteTableau-com-1 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:229px
}
.enteteTableau-com-2 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:130px
}
.enteteTableau-com-3 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:80px;
}
.enteteTableau-com-4 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:80px
}
.enteteTableau-com-5 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:145px
}

.enteteTableau-com-detail-1 {
	font-weight: bold;
	text-align: center; 
	font-size: 1em;
	height:35px;
	width:210px
}
.enteteTableau-com-detail-2 {
	font-weight: bold;
	text-align: center; 
	font-size: 1em;
	height:35px;
	width:160px
}
.enteteTableau-com-detail-3 {
	font-weight: bold;
	text-align: center; 
	font-size: 1em;
	height:35px;
	width:190px;
}
.enteteTableau-com-detail-4 {
	font-weight: bold;
	text-align: center; 
	font-size: 1em;
	height:35px;
	width:150px
}
.enteteTableau-1 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:119px
}
.enteteTableau-2 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:279px
}
.enteteTableau-3 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:79px;
}
.enteteTableau-4 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:79px
}
.enteteTableau-5 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:89px
}
.enteteTableau-6 {
	font-weight: bold;
	text-align: center; 
	font-size: .9em;
	height:35px;
	width:89px
}

.sousTableau { 
	float: right;
	text-align:left;
	background: #F5F6F2 ; 
	font-size:1.0em; 
	font-weight:bold; 
	padding:0.5em 1.50em 0.5em 0.5em;
	margin-top: 0.2em; 
	margin-bottom: 0.2em;
	width:158px;
	border:1px solid #ff4992
	}
.sousTableau ul { padding: 0; margin: 0; }
.sousTableau ul li { list-style: none; text-align: right; }

#panier, #commande { width: 714px; background: #f5f6f2; text-align: center; }
#panier thead tr, #commande thead tr { background: #ff4992; color: white; text-align: center;  } 


.bouton-actualiser { border: none; background: none; text-decoration: underline; color: #7A6D2C; float: right; }
.ligneTableau {
	font-size: 1em;
	padding-left: 3px;
	padding-right: 3px;
	color:#414141;
}

.ligneTableau a { font-weight:bold; color:#4fcdff; font-size:1.05em }

.image-produit {border:1px solid #ff4992 }

.footerTableau {
	color: #666;
	font-weight: bold;
}

/*Nouveau bouton passer ma commande*/

#bouton-ajout-panier {
	width:240px; 
	height:30px; 
	border:0 solid black; 
	margin:10px 0 10px 0;
}

#bouton-ajout-panier .prix { 
	float:left;
	width:65px; 
	height:24px; 
	background-color:#3ebaeb; 
	color:#ecede5; 
	font-size:1.10em; 
	font-weight:normal; 
	text-align:center; 
	padding-top:5px;
}

#bouton-ajout-panier .rupture-stock { 
	float:left;
	width:163px; 
	height:22px; 
	background-color:#FF4992; 
	color:#FFFFFF; 
	font-size:0.9em; 
	font-weight:normal; 
	text-align:center; 
	padding-top:7px;
	font-weight: bold;
}

#bouton-ajout-panier a.panier { 
	display:block;
	float:left;
	width:163px;
	height:21px;
	padding:8px 0 0 12px; 
	font-size:0.9em; 
	font-weight:bold; 
	color:#ecede5; 
	background-color: #736493;
	background-image: url(../../images/btn_ajout-panier_bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#bouton-ajout-panier a.panier:hover { 
	text-decoration:none; 
	color:#fff; 
	background-color: #736493;
	background-image: url(../../images/btn_ajout-panier-on_bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


.boutonPasserCommande, .lien-etapes-thelia {
	padding:6px; margin-bottom:4px;
	float:right;
	clear:both;
	background:url(../../images/commande-suivant_btn.gif) top left no-repeat;
	width:174px; 
	height:15px
}
.boutonPasserCommande a, .lien-etapes-thelia {
	color: #ECEDE5;
	text-decoration: none;
	font-size:0.9em; font-weight:bold;
}
.boutonPasserCommande a:hover, .lien-etapes-thelia {
	color: #fff;
}
/*fin*/

/*Nouveau bouton Retour Boutique*/
.listeRetourBoutique {
	/*margin: 10px;  float:left; width:100%; border-top:1px dotted #ff4992;*/
	padding:6px; 
	margin:0;
	float:right;
	clear:both;
	background:url(../../images/retourBoutique_btn.gif) top left no-repeat;
	width:174px; 
	height:15px
}
.listeRetourBoutique a {
	color: #ECEDE5;
	text-decoration: none;
	font-size:0.9em; font-weight:bold; margin:0 0 0 25px
}
.listeRetourBoutique a:hover {color: #fff;}

.listeRetourBoutique select { border:1px solid #736493}

/*fin*/

.boutonMonCompteContenu, .lien-etapes-thelia {
	text-align: center;
	margin: 10px;
}

.boutonMonCompteContenu input {
border:none;
background-color:#3fa8d8;
color:#FFFFFF;
padding:5px;
cursor:pointer
}

.boutonMonCompteContenu a, .lien-etapes-thelia {
	color: #7A6D2C;
	text-decoration: underline;
}

.boutonCompteCreation {
	float: right;
	padding:7px 0 0 6px; 
	clear:both;
	background:url(../../images/btn-continuer.png) top left no-repeat;
	width:100px; 
	height:27px;
	border:none;
}

.bouton-inscription {

}

.boutonCompteCreation a { color:#ECEDE5; font-weight:bold; font-size:0.9em; margin:2px 0 0 0}
.boutonCompteCreation a:hover { text-decoration:none; color:#fff}

.bouton-etapes-thelia {
	float: right;
	padding:6px; 
	clear:both;
	background:url(../../images/btn-continuer.png) top left no-repeat;
	width:85px; 
	height:27px;
	border:none;
}

.lien-retour-thelia {
	float: left;
	padding:7px 0 0 36px;
	margin-top:-35px;
	clear:both;
	background:url(../../images/btn-page-precedente.png) top left no-repeat;
	width:149px; 
	height:27px;
	border:none;
}
a.lien-retour-thelia {
	color: #ecede5;
	text-decoration: none;
	font-size: 0.8em;
	font-weight:bold;
}

a:hover.lien-retour-thelia { color:#fff }

.zoneDeSaisie {
	color: #5f5f5f;
	font-weight: normal;
	font-size: 1em;
	border:1px solid #736493;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 0.9em;
	font-weight: bold;
	color: #ff4992;
}
.formulaire-thelia fieldset, .formulaire-produit fieldset {
	border: none;
	padding: 0;
}

.formulaire-thelia label{
	font-size:1.2em;
}

/* style propre aux modeles <produit>*/

.produits_thelia {
	width: 200px;
	text-align: left;
	border: 1px dashed #cccccc;
	padding: 1em;
}
.thelia_promo {
	font-size: 1.1em;
	color: #F60;
	font-weight: bold;
}
.thelia_reappro {
	font-style: italic;
	font-size: .9em;
}
.autres-images-produit {
	clear: both;
}

/*#etapes-achat { width:688px }*/

#etapes-achat ul  {
	margin: 0;
	padding: 0;
	list-style: none;
}
#etapes-achat ul li {
	float: left;
	color: #000000;
	height: 20px;
	width: 73px;
	padding: 5px 50px 0px 20px;
	margin: 0 0 25px 0;
	font-size: .8em;
}
/*1*/
#etapes-achat ul li.commande-etape-1-on {
	background: transparent url(../../images/commande-1-actif.gif) no-repeat scroll left top;
}
#etapes-achat ul li.commande-etape-1-off {
	background: transparent url(../../images/commande-1-inactif.gif) no-repeat scroll left top;
	color:#808080;
}
/*2*/
#etapes-achat ul li.commande-etape-2-on {
	background: transparent url(../../images/commande-2-actif.gif) no-repeat scroll left top;
}
#etapes-achat ul li.commande-etape-2-off {
	background: transparent url(../../images/commande-2-inactif.gif) no-repeat scroll left top;
	color:#808080;
}
/*3*/
#etapes-achat ul li.commande-etape-3-on {
	background: transparent url(../../images/commande-3-actif.gif) no-repeat scroll left top;
}
#etapes-achat ul li.commande-etape-3-off {
	background: transparent url(../../images/commande-3-inactif.gif) no-repeat scroll left top;
	color:#808080;
}
/*4*/
#etapes-achat ul li.commande-etape-4-on {
	background: transparent url(../../images/commande-4-actif.gif) no-repeat scroll left top;
}
#etapes-achat ul li.commande-etape-4-off {
	background: transparent url(../../images/commande-4-inactif.gif) no-repeat scroll left top;
	color:#808080;
}
/*5*/
#etapes-achat ul li.commande-etape-5-on {
	width: 71px;
	background: transparent url(../../images/commande-5-actif.gif) no-repeat scroll left top;
	padding-right:0;
}
#etapes-achat ul li.commande-etape-5-off {
	width: 71px;
	background: transparent url(../../images/commande-5-inactif.gif) no-repeat scroll left top;
	padding-right:0;
	color:#808080;
}

#etapes-achat ul li.derniere-etape {
	background-image: none;
	padding-right: 0;
}
	
#etapes-achat ul li div {
	width: 75px;
	padding: 5px;
	padding-left: 0;
}
#etapes-achat ul li.etape-courante {
	color: #F60;
	font-weight: bold;
}
#etapes-achat ul li.etape-courante div {
}

#etapes-achat ul li a{
	color: #808080;
	}

#etapes-achat ul li a:hover{
	color: #F60;
}

#etapes-achat h2 { margin:0 0 20px 0}

.recapitulatif-txt { 
	background-color:#ecede5; 
	padding:10px; 
	margin:0 30px 0 30px;
	border:1px dotted #FF4992;
	list-style-type:none;
	}
	
textarea#texte_messagecmd {
	display: block;
	width: 100%;
	height: 75px;
}

label#label_texte_messagecmd {
	font-weight: bold;
}