/* Style pour cms clef de sol */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

.clearing { clear: both; }
.invisible { display:none;}

a:link { color: #48322C; text-decoration: underline; }
a:visited { color: #48322C; text-decoration: underline; }
a:hover { color: #C12D2D; text-decoration: underline;} 
a:active  { color: #48322C; text-decoration: underline; } 
a:hover { color: #C12D2D; text-decoration: underline;} 

h1 { font-size: 1em ;font-weight: bold; color: #990000;}
h2 {font-size : 0.9em; font-weight: bold; color: #000000;}
h3 {font-size : 0.9em; color: #000000;}

/*img { border: none; margin: 0;}*/
.ImgToRight { float:right;}
.ImgToLeft { float:left; margin:3px;}
.list_element
{
	margin-left:50px; 
	width:100%;
}
.list_texte
{
	float:left;
	width:300px;
	margin-top:30px;
	font-size:0.8em;
}
.list_home
{
	width:300px;
	font-size:0.8em;
}
#detail
{
	margin-left:50px; 
	width:100%;
}
#textedetail
{
	width:500px;
	font-size:0.8em;
}
.TextToRight
{
	float:right;
	top:0;
}
.listing
{
	font-size:12px;
}
.motrecherche
{
	color:#000000;
	font-size:0.9em;
}
.tour
{
	border: 1px solid #000000; padding:10px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/*caddie, panier*/
table.shopCart { /* tableau de la page "Votre panier", ce qui est actuellement dans le caddie */
	border: none;
	padding: 0px;
	width: 100%;
	font-size:12px;
}
td.cartHeader {/* cellule du tableau shopCart, cellule dans laquelle s'affiche "nom", "catégorie", etc*/
	color: #999999;
}
td.cmscarttotal { /* td où s'affiche le sous-total dans le panier */
	color: #000000;	font-size:11px;
}
table.shopTabl{ /* tableau dans lequel se trouve lien pour continuer la commande ou revenir à la boutique) */
	border: none;
	padding: 0px;
	width: 100%;
}
.shopButtonText { /* texte de la cellule "shopButtonCell", sur la page détail (en géneral un lien pour continuer la commande ou revenir à la boutique)*/
	color: #000000;
	font-size: 12px ;
}
.shopButtonText:link { text-decoration: underline;color:#48322C;}
a.shopButtonText:visited { text-decoration: underline;color:#48322C;}
a.shopButtonText:hover { text-decoration: underline;color:#C12D2D;}
a.shopButtonText:active { text-decoration: underline;color:#48322C;}

#cartmodgenbackshop { /* span id pour "Retour sur la page catalogue" */
	font-weight : bold;
}
#cartmodgennextstep { /* span id pour "Prochaine étape (confirmer la commande)" */
	font-style : italic;
}
.cartInfo { /* Nom du service, s'affiche avant le tableau récapitulatif de la commande (p.ex. "Nom-du-site shop") */ 
}
.cmsnavig
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
td.cmsnavig { /*  td navig de bas de page */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a.cmsnavig { /* lien navig de bas de page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;}
a.cmsnavig:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;}
a.cmsnavig:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;}
a.cmsnavig:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;}
a.cmsnavig:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////                commande                    ////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
table.identifyTabl{ /* tableau d'identification pour passer commande qui contient 2 cellules: "identifyCell1" et "identifyCell2" */
	border: none;
	padding: 10px;
	width: 100%;
	font-size: 12px;
}
td.identifyCell0{ /* cellule d'en haut du tableau d'identification, sans colonnes */
	padding: 4px;
}
td.identifyCell1{ /* cellule de droite du tableau "identifyTabl", dans laquelle on peut s'identifier si on est déjà inscrit */
	padding: 4px;
}
td.identifyCell2{ /* cellule de gauche du tableau "identifyTabl" dans laquelle on peut s'inscrire si on ne l'est pas */
}
.identifyMessage{ /* message que l'on voit quand on a cliqué sur "m'identifier" pour passer une commande (chuis pas trop sûre là..) */
	font-size : 12px;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
	color : #000099;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/

p.stepMenu {
	padding:10px;
	font-style : normal;
	letter-spacing : 1px;
	font-size: 12px;
}
.stepMenu { color: #48322C; text-decoration : none;}
a.stepMenu:link {color: #48322C; text-decoration : underline; 	font-size: 12px;}
a.stepMenu:visited { color: #48322C; text-decoration : underline; 	font-size: 12px;}
a.stepMenu:active {  color: #48322C; text-decoration : underline; 	font-size: 12px;}
a.stepMenu:hover {	color: #C12D2D; text-decoration : underline; 	font-size: 12px;}
a.stepMenu:focus {	color: #C12D2D; text-decoration : underline; 	font-size: 12px;}

.currentStep {color: #48322C; text-transform: capitalize;	font-weight : bold;}

.reponseautomatique {font-size : 13px; font-weight: bold; color: #000000;}
.title { font-size: 13px ;font-weight: bold; color: #990000;}
 /* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////           en admin dans le CMS               ///////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
td.cmsidentify { /* td où s'affiche mot-clé et mot de passe, quand on doit s'identifier */
	font-size: 11px;}
/* bouton "modifier"*/

td.cmsmodiftable { /* td dans "modifier" dans le cms */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.cmsmodiftable { /* lien dans "modifier" dans le cms */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.cmsmodiftable:link {font-size: 11px;}
a.cmsmodiftable:visited { font-size: 11px;}
a.cmsmodiftable:hover {font-size: 11px;}
a.cmsmodiftable:active {	font-size: 11px;}	
/*/////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Style des formulaires : champs et boutons */


select { /* par défaut pour tous les select */
	BORDER-RIGHT: #48322C 1px solid;
	BORDER-TOP: #48322C 1px solid;
	FONT-SIZE: 12px;
	BORDER-LEFT: #48322C 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #48322C 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
.select { /* select */
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	FONT-SIZE: 10px;
	BORDER-LEFT: #FFFFFF 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	font-family: Arial, Helvetica, sans-serif;
}
label {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
form p {
	margin: 0.2em 0;
	padding: 0;
}
.boutton {
	margin: 0.2em 0;
	padding: 0;
	width: 100%;
	text-align:left;
}
form p label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
}
textarea { /* par défaut pour tous les textarea */
	BORDER-RIGHT: #48322C 1px solid;
	BORDER-TOP: #48322C 1px solid;
	FONT-SIZE: 12px;
	COLOR: #000000;
	BORDER-LEFT: #48322C 1px solid;
	BORDER-BOTTOM: #48322C 1px solid;
	margin-left:240px;
	font-family: Arial, Helvetica, sans-serif;
}
.formfield { /* champs à remplir */
	BORDER-RIGHT: #48322C 1px solid;
	BORDER-TOP: #48322C 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #48322C 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #48322C 1px solid;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
}
.formbutton { /* bouton */
	BORDER-RIGHT: #48322C 1px solid;
	BORDER-TOP: #48322C 1px solid;
	BORDER-LEFT: #48322C 1px solid;
	BORDER-BOTTOM: #48322C 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-SIZE: 11px;
	CURSOR: pointer;
	BACKGROUND-COLOR: #E3E3E3;
	padding-left: 0.2px;
	padding-right: 0.2px;
	padding-top: 0.2px;
	padding-bottom: 0.2px;
	margin-left:90px;
	margin-top:10px;
	height: 18px;
}
.formbuttonadmin { /* bouton en admin */
	BORDER-RIGHT: #48322C 1px solid;
	BORDER-TOP: #48322C 1px solid;
	BORDER-LEFT: #48322C 1px solid;
	BORDER-BOTTOM: #48322C 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-SIZE: 11px;;
	CURSOR: pointer;
	BACKGROUND-COLOR: #E3E3E3;
	padding-left: 0.2px;
	padding-right: 0.2px;
	padding-top: 0.2px;
	padding-bottom: 0.2px;
	height: 18px
}