/* styles CMS pour lacause.org */

/* /////////////////////////           Page motrecherche               //////////////////////////// */
#titre 
{
	width:650px;
	height:25px;
	font-size:14pt;
	text-align:center;
	background-color:#ff7f50;
	margin-left:auto;
	margin-right:auto;
}
#centre
{
	width:705px;
	text-align:center;
}
.motrecherche {	margin:0; width:100%; padding:0;}

/* /////////////////////////////           Page details               ///////////////////////////// */
h1 { font-weight:bold; font-size:12pt;}
h2 { font-style:italic;font-size:10pt; }
.imgToLeft { float:left; margin:10px; }
#details 
{ 
	background-color:#ffe4b5;
	float:right;
	width:705px;
	height:580px;
}
/* Pour IE Mac \*//*/
#details
{
	float:right;
	text-align:left;
	width:500px;
	height:580px;
	padding:0;
	margin-left:-200px;
}
/**/
.back {	width:600px; text-align:center; }
/* Pour IE Mac \*//*/
#back
{
	width:200px; text-align:left;
}
/**/

/* ////////////////////////////           Page canevas               ////////////////////////////// */
.fonce
{
	 background-color:#FFFFFF;
	 width:100%;
	 height:100%;
	 text-align:left;
	 vertical-align:top;
	 margin:0;
	 padding:0;
}
#clair
{
	 background-color:#ffe4b5;
	 width:900px;
	 height:100%;
	 text-align:left;
	 vertical-align:top;
	 margin:0;
	 padding:0;
}
#gauche
{
	float:left;
	vertical-align:top;
	width:185px;
	height:580px;
	margin:0;
	padding:0;
 	background-color:#FFCC33;
}
#gaucheadmin
{
	float:left;
	width:185px;
	height:720px;
	margin:0;
	padding:0;
 	background-color:#FFCC33;
}
#gaucheadmin ul
{
	margin:0;
	padding:0 5px 5px 0;
	width:100%;
}
#gaucheadmin li
{
	margin-top:3px;
	list-style-type:none;
}
#droite
{
	float:right;
	width:705px;
	height:580px;
	padding:0;
 	background-color:#FFFFFF;
}
/* Pour IE Mac \*//*/
#droite
{
	width:700px;
}
/**/
#droiteadmin
{
	float:right;
	width:705px;
	height:720px;
	padding:0;
 	background-color:#FFFFFF;
}
/* Pour IE Mac \*//*/
#droiteadmin
{
	width:700px;
}
/**/
#gauche ul
{
	margin:5px 5px 5px 5px;
	padding:0;
	width:100%;
}
#gauche li
{
	margin-top:3px;
	list-style-type:none;
}
.listing { width:100%; }
.listing th { background-color:#993300;	color:#FFFFFF; } 

.cmsnavig { background-color:#FFFFFF; }

a.cmsnavig { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;}
a.cmsnavig:link { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;}
a.cmsnavig:visited { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;}
a.cmsnavig:hover { 	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10pt;}
a.cmsnavig:active { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10pt;}

/* ////////////////////////////            Cartpaymod                ////////////////////////////// */
label { /* mise en forme des intitulés de champs */
	margin: 0;
	padding: 0 0.5em 0 10px;
}
form p { /* p du formulaire */
	margin: 0.2em 0;
	padding: 0;
}
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: right;	/*** ... et ils sont alignés à droite... ***/
}

/* ////////////////////////////           Formulaires                ////////////////////////////// */
textarea { /* par défaut pour tous les textarea */
	BORDER: #993300 1px solid;
	FONT-SIZE: 10pt;
	COLOR: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formfield { /* champs à remplir */
	BORDER: #993300 1px solid;
	FONT-SIZE: 10pt;
	COLOR: #000000;
	padding: 0.2px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.formbutton { /* bouton */
	BORDER: #993300 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #000033;
	CURSOR: hand;
	BACKGROUND-COLOR: #E3E3E3;
	padding: 0.2px;
	height: 18px;
	margin-left:4px;
}
.formbuttonadmin { /* bouton */
	BORDER: #993300 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #000033;
	CURSOR: hand;
	BACKGROUND-COLOR: #E3E3E3;
	padding: 0.2px;
	height: 18px;
	margin-left:4px;
}

/* //////////////////////////////           Divers               ////////////////////////////////// */
.autoMessage1 { 
	font-size : 10pt;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}
.title { 
	font-size : 10pt;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
	background-color: #FFFFFF;
	padding-left:4px;
}
.uppercase{  /* Met en majuscule */
	text-transform: uppercase;
}

/* /////////////////////////////                   aide               ///////////////////////////// */  
td.helpCell { /* cellule dans laquelle se trouvent les questions: "comment trouver un article?" et "comment passer une commande?" */
	background-color : #e4e4e4; /* se trouve en géneral sur la page boutique ainsi que sur la page détails */
	padding : 4px;
	text-align : right;
}
.helpMenu { /* Pour l'aide, se trouve dans "helpCell", sur les phrases: "comment trouver un article?" et "comment passer une commande?" */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10px;
}
a.helpMenu:link { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #333333;	text-decoration: none;	font-size: 10px;  }
a.helpMenu:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-size: 10px; }
a.helpMenu:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: underline; font-size: 10px;  }
a.helpMenu:active { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; font-size: 10px; }

/* /////////////////////////                caddie, panier               ////////////////////////// */
table.shopCart { /* tableau de la page "Votre panier" dans lequel se trouve la liste de ce qui est actuellement dans le caddie */
	border: none;
	padding: 4px;
	width: 98%;
	background-color: #ffffff;
}
table.shopCart td { padding: 2px; }
td.cartHeader /* cellule du tableau shopCart dans laquelle s'affiche les entêtes "nom", "catégorie", etc */
{
	color: #FFFFFF;
	background-color: #993300;
}
td.cartRow /* cellule du tableau shopCart, listing des articles */
{
	background-color: #ffcc99;
}
td.cmscarttotal { /* td où s'affiche le sous-total dans le panier */
	color: #000000;	font-size: 10pt;
}
table.shopTabl{ /* tableau dans lequel se trouve la cellule "shopButtonCell" (en géneral un lien pour continuer la commande ou revenir à la boutique) */
	border: none;
	padding: 0px;
	width: 100%;
}
td.shopButtonCell { /* cellule du tableau "shopTabl" dans lequel se trouve le texte "shopButtonText"(en géneral un lien pour continuer la commande ou revenir à la boutique) */
	background-color: #FFFFFF;
	width: 250px;
}
.shopButtonText { /* texte de la cellule "shopButtonCell", sur la page détail (en géneral un lien pour continuer la commande ou revenir à la boutique)*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight : bold;
	text-transform: capitalize;
}
.shopButtonText:link {	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	color: #000000;	text-decoration: none;	font-size: 12px; font-weight:bold;text-transform: capitalize;}
a.shopButtonText:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;text-transform: capitalize;}
a.shopButtonText:active { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;text-transform: capitalize;}
a.shopButtonText:visited { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;text-transform: capitalize;}
a.shopButtonText:visited:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;text-transform: capitalize;}

td.shopCell{ /* cellule du tableau "shopTabl", pour si "retour à la boutique" est une image, ou si besoin d'une cellule vide */
	width: 10px;
}
#cartmodgenbackshop { /* span id pour "Retour sur la page catalogue" */
	font-weight : bold;
}
#cartmodgennextstep { /* span id pour "Prochaine étape (confirmer la commande)" */
	font-style : italic;
}

/* //////////////////////////////                commande                    ////////////////////// */
table.identifyTabl{ /* tableau d'identification pour passer commande qui contient 2 cellules: "identifyCell1" et "identifyCell2" */
	border: none;
	padding: 4px;
	width:50%;
	background-color: #FFFFFF;
}
td.identifyCell0{ /* cellule d'en haut du tableau d'identification, sans colonnes */
	padding: 4px;
	background-color: #FFFFFF;
	width: 20%;
}
td.identifyCell1{ /* cellule de droite du tableau "identifyTabl", dans laquelle on peut s'identifier si on est déjà inscrit */
	padding: 4px;
	background-color: #ffcc99;
		width: 30%;
}
.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 : 10pt;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}
p.stepMenu { /* Pour une commande, menu qui nous montre tous les "pas" de la commande: "Panier > Commande > Validation >..."  */
	padding:4px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	font-weight : bold;
	color: #000000;
	background-color: #FFFFFF;
	text-transform : uppercase;
	letter-spacing : 1px;
}
a.stepMenu:link {	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt;	font-weight : bold;	color: #000000;	text-decoration : none;}
a.stepMenu:hover {	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt;	font-weight : bold;	color: #000000;	text-decoration : none;}
a.stepMenu:visited {	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt;	font-weight : bold;	color: #000000;	text-decoration : none;}
a.stepMenu:active {	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt;	font-weight : bold;	color: #000000;	text-decoration : none;}
a.stepMenu:visited:hover {	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 10pt;	font-weight : bold;	color: #000000;	text-decoration : none;}

.currentStep{ /* Pour une commande, menu qui nous montre à quel "pas" de la commande on en est: "Panier > COMMANDE > Validation >..." */
	color: #FF6141; font-size : 10pt;
}

/* /////////////////////////           en admin dans le CMS               ///////////////////////// */
td.cmsidentify { /* td où s'affiche mot-clé et mot de passe, quand on doit s'identifier */
	font-size: 10pt;}
/* bouton "modifier"*/

td.cmsmodiftable { /* td dans "modifier" dans le cms */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a.cmsmodiftable { /* lien dans "modifier" dans le cms */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a.cmsmodiftable:link {font-size: 12pt;}
a.cmsmodiftable:visited { font-size: 12pt;}
a.cmsmodiftable:hover {font-size: 12pt;}
a.cmsmodiftable:active {	font-size: 12pt;}	

.formbuttonadmin { /* bouton en admin */
	BORDER: #993300 1px solid; 
	font-family: Verdana; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px;	
	BACKGROUND-COLOR: #ff9900;	
	padding: 0.2px; 
	height: 18px
}
.warningText
{
	font-size : 10pt;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #000000;
}
/* //////////////////////////////              général, divers                 //////////////////////// */
div.userInfoTitle{ /* pour les titre du div qui contient les infos perso d'un "user", en géneral quand on passe commande et qu'on s'identifie */
	text-indent : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #000000;
}
p.userInfo{ /* date, heure et n° de la commande, s'affiche dans la page "validation", avant le récapitulatif de la commande */
	text-indent : 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	color : #000000;
}