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

/* styles thelia */

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

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

.separation {
	height: 1px;
	background-color: #7a6d2c;
	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  { margin-bottom: 5px; float: left; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc }

.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: center;
}
.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 #7a6d2c; }
.codeReduction #code { width: 6em; margin-left: .5em; margin-right: .5em; }

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

#panier, #commande { width: 100%; background: #e9e9e9; text-align: center; }
#panier thead tr, #commande thead tr { background: #666; 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: 10px;
}
.boutonMonCompteContenu a, .lien-etapes-thelia {
	color: #7A6D2C;
	text-decoration: underline;
}
.bouton-etapes-thelia {
	float: right;
}

a.lien-retour-thelia {
	color: #666;
	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: #7a6d2c;
}
.formulaire-thelia fieldset, .formulaire-produit fieldset {
	border: none;
	padding: 0;
}

/* style propre aux modeles <produit>*/

.produits_thelia      { color: #f5f5f5; text-align: left; margin: 10px 0 10px 10px; padding: 1em; border: solid 1px #800000 }
.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: #808080;
	}

#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(../../prive/images/etape-ok.gif) center no-repeat; }
#etapes span.encours { background: url(../../prive/images/etape-encours.gif) center no-repeat; }
#etapes span.todo { background: url(../../prive/images/etape-todo.gif) center no-repeat; }

#infos_etapes { height: 63px; overflow: hidden; margin: 0; padding: 0; padding-left: 10px; background: #8c8c8c url(../../prive/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(../../prive/images/degrade-etapes-vert-left.gif); background-color: green; }
#infos_etapes li { float: left; margin-left: -28px; padding-left: 24px; background: url(../../prive/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(../../prive/images/degrade-etapes-fonce-left.gif) no-repeat -30px top; }
#infos_etapes li a {color: #555555; }
#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(../../prive/images/degrade-etapes-vert-left.gif); color: #fff; font-weight: bold; }
#infos_etapes li.on .fond { background-color: #88f560; background-image:  url(../../prive/images/degrade-etapes-vert-left.gif); }
#infos_etapes li.erreur { background-image: url(../../prive/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.erreur .fond { background-color: #ff6868; background-image: url(../../prive/images/degrade-etapes-rouge-left.gif); }
#infos_etapes li.prochains { background-image: url(../../prive/images/degrade-etapes-clair-left.gif); }
#infos_etapes li.prochains .fond { background-color: #dbdbdb;background-image: url(../../prive/images/degrade-etapes-clair-left.gif); }