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

/* styles thelia */

.titrePage {
	text-align: left;
	margin-bottom: .5em;
	margin-top: .5em;
	font-size: 14px;
}
.titrePage h1 {
	color: #e2007a;
	text-transform: uppercase;
	font-family: 'Helvetica-Bold','Helvetica','Arial',sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2em;
		
}
.sousTitrePage {
	color:  #e2007a;
	text-align: left;
	font-weight: bold;
	padding: 0;
	font-size:12px;
}

.textePage {
	color: black;
	text-align: left;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:12px;
}

.separation {
	height: 1px;
	background-color: #e2007a;
	margin-top: 1em;
	margin-bottom: 1em;
	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: 0px;
}

.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: right; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #e2007a; font-size:12px }
.codeReduction #code { width: 6em; margin-left: .5em; margin-right: .5em; }

.enteteTableau {
	font-weight: bold;
	text-align: center; 
	font-size: .8em;
}
.sousTableau { float: right; background: #e2007a; margin-top: .5em; margin-bottom: 1em; font-size: .9em; padding: .5em; color:#FFF}
.sousTableau ul { padding: 0; margin: 0; }
.sousTableau ul li { list-style: none; text-align: right; }

#panier, #commande { width: 100%; background: snow; text-align: center;padding: 10px;
	border-spacing: 10px;
}
#panier thead tr, #commande thead tr { background: #e2007a; color: white; } 

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

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

.boutonMonCompteContenu, .lien-etapes-thelia {
	text-align: right;
	margin: 0px;
	margin-bottom:10px;
	
}
.boutonMonCompteContenu a, .lien-etapes-thelia {
	color: #e2007a;
	font-size:14px;
	text-decoration: underline;
	
}
.bouton-etapes-thelia {
	float: right;
}

a.lien-retour-thelia {
	color: #e2007a;
	text-decoration: underline;
	font-size: .9em;
}

.zoneDeSaisie {
	color: #7a6d2c;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

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

/* style propre aux modeles <produit>*/

.produits_thelia {
	width: 100%;
	text-align: left;
	border: 1px dashed #cccccc;
	padding: 0;
	font-size:12px;
}
.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 ul  {
	margin: 0;
	padding: 0;
	list-style: none;
	
}
#etapes-achat ul li {
	float: left;
	color: #939393;
	height: 70px;
	padding: 0;
	margin: 0;
	margin-bottom: 25px;
	padding-right: 18px;
	background-image: url(img_pack/fleche.jpg);
	background-position: right 11px;
	background-repeat: no-repeat;
	font-size: .8em;
	
	
}
#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: #e2007a;
	font-size:12px;
	}

#etapes-achat ul li a:hover{
	color: #F60;
}
	
	
#etapes { display: block; position: absolute; top: 10px; left: 10px; }
#etapes span { display: block; margin-top: -0.50em; padding: 12px 14px; margin-bottom: 5px; }
#etapes span em { font-size: 2em; font-weight: bold; }
#etapes span span { position: absolute; top: -100px; left: -100px; }
#etapes span.ok { background: url(img_pack/images/etape-ok.gif) center no-repeat; }
#etapes span.encours { background: url(img_pack/images/etape-encours.gif) center no-repeat; }
#etapes span.todo { background: url(img_pack/images/etape-todo.gif) center no-repeat; }

#infos_etapes { height: 63px; overflow: hidden; margin: 0; padding: 0; padding-left: 10px; background: #8c8c8c url(img_pack/images/degrade-etapes-clair-left.gif) no-repeat right top; text-align: left; font-family: helvetica, arial, sans; list-style: none; }
#infos_etapes.infos_etape_4 { background-image: url(img_pack/images/degrade-etapes-rouge-left.gif); background-color: green; }
#infos_etapes li { float: left; margin-left: -28px; padding-left: 24px; background: url(img_pack/images/degrade-etapes-fonce-left.gif) no-repeat left top; color: #555; text-align: left; font-size: 0.85em; line-height: 1.05em; }
#infos_etapes li .fond { width: 8em; height: 69px; padding-right: 2em; padding-top: 10px; background: url(img_pack/images/degrade-etapes-fonce-left.gif) no-repeat -30px top; }
#infos_etapes li a {color: #555; text-decoration:none }
#infos_etapes li em {float:left;position:absolute;top:-1000px;}
#infos_etapes li span.numero_etape { float: left; display: block; height: 50px; margin-left: -10px; padding: 7px 3px 0 3px; font-weight: bold; font-size: 3em; }
#infos_etapes li.on { background-image: url(img_pack/images/degrade-etapes-rouge-left.gif); color: #fff; font-weight: bold; }
#infos_etapes li.on .fond { background-color: #88f560; background-image:  url(img_pack/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.erreur { background-image: url(img_pack/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.erreur .fond { background-color: #ff6868; background-image: url(img_pack/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.prochains { background-image: url(img_pack/images/degrade-etapes-clair-left.gif); }
#infos_etapes li.prochains .fond { background-color: #dbdbdb;background-image: url(img_pack/images/degrade-etapes-clair-left.gif); }

#contenu a {
	font-size:12px;
	text-decoration:none;
	
}

.thelia_titre img{
	border:5px solid snow;
	
}