/* ---------------------------------------------------
Site >> EDITIONSDUCARMEL.COM
Utilité >> Feuille de style
Nom du fichier >> style.css
© http://www.akoter.com
--------------------------------------------------- */


/* ===================================================================================================*/


html, body {
	margin: 0;
	padding: 0;
	/*text-align:justify;*/
	margin-left: auto;
	margin-right: auto;
	font: x-small Verdana, 'Bitstream Vera Sans', sans-serif;
	color:#222;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 13px;
	line-height:15px;
	background: #ffcc00 url('./img/FondPage.gif') ;
	/*background-repeat: repeat;*/
	/*margin-bottom:4px;*/
}

/* --------------------------------------- LES LIENS (début) -------------------------------------------------------*/

a:link, a:visited { color: #0000ff; text-decoration: underline; }
a:hover { color: #999; text-decoration: none; }

a.Rouge, a:visited.Rouge {color:#cc3333; text-decoration:underline;}
a:hover.Rouge {color:#888; text-decoration:none;}

a.gris, a:visited.gris {color: #999; text-decoration:underline;}
a:hover.gris {color:#000; text-decoration:none;}

a.noir, a:visited.noir {color: #000; text-decoration:none;}
a:hover.noir {color:#999; text-decoration:none;}

a.vert, a:visited.vert {color: #588604; text-decoration:underline;}
a:hover.vert {color:#999; text-decoration:none;}

a.ArticleTitre, a:visited.ArticleTitre {color: #6255ff; text-decoration:none;font-size:15px;font-weight:bold;padding:0 0 5px 0;}
a:hover.ArticleTitre {color:#999; text-decoration:none;}

a.blanc, a:visited.blanc {color:#fff; text-decoration:underline;background-color:#c00 ;padding: 2px 8px;}
a:hover.blanc {color:#000; text-decoration:none;}

a.CreationAkoter, a:visited.CreationAkoter {color:#0000ff; text-decoration:underline; font-size: 10px;font-weight: bold;}
a:hover.CreationAkoter {color:#fff2bf; text-decoration:none; font-size: 10px;font-weight: bold;}

/* --------------------------------------- LES LIENS (fin) -------------------------------------------------------*/

h1, h2, h3, h4 {margin:0px;padding:0px;}

td {font-family: Verdana, Helvetica, Arial; font-size: 12px;line-height:16px;}

#FondPageDeg {background-image: url('./img/FondPageDeg.gif');	background-repeat: repeat-x;}
#FondMenuGche {background-image: url('./img/FondMenuGche.gif');background-repeat: repeat-y;}
#FondMenuGcheBas {background: url('./img/FondMenuGcheBas.gif') no-repeat bottom left;}
#FondCoteGche {background: url('./img/FondCoteGche.gif') no-repeat 13px right;}
#FondHautPage {background: url('./img/FondHautPage.gif') no-repeat top left #ffcc00;}
#FondHautDroite {background: url('./img/FondHautDroite.gif') repeat-x top left #ffcc00;}
#FondBasPage {background: url('./img/FondBasPage.gif') repeat-x top left #ffcc00;}
#FondBasDroite {background: url('./img/FondBasDroite.gif') repeat-x top left #ffcc00;}
#FondPageFleure {background: url('./img/FondPageFleure.gif') no-repeat bottom right white;}
#FondDroiteFleure {background: url('./img/FondDroiteFleure.gif') no-repeat bottom left white;}
#FondMenuDroite {background: url('./img/FondMenuDroite.gif') repeat-x bottom left;height:40px;}
.LignePoints {border-top:1px dotted #555; width:210px;margin:0px;}


/* --------------------------------------- Presentation article (DEBUT) -------------------------------------------------------*/

.art_espace {
	border-bottom:1px solid #999;
	margin: 10px 0;
	background-color:#F9F9F9;
	padding:8px;
	list-style-type: none;
}

.art_photo {
	float:left;
}

.art_donnees {
	padding: 5px 0 0 10px;
	line-height:20px;
}

.art_donneesTitre {
	padding-bottom:10px;
}

.art_colorGris {
	color:#666;
}

.art_jsEntete {
	cursor:hand;
	display:block;
	display:inline;
}

.art_jsContenu {
	display:none;
	text-align:justify;
	border-bottom:1px solid #ccc;
	padding: 15px 15px 30px 15px;
	margin:5px 0 10px 0;
	background-color:#eef4fe;
	line-height:17px;
}

.art_presentation {
	margin-top:10px;
	line-height:17px;
	text-align:justify;
	padding: 15px 15px 30px 15px;
	border-bottom:1px solid #ccc;
	background-color:#F1F1F1;
}

.art_prix_societe {
	padding:0px 35px 0 0px;
}

.art_disponibilite {
	height:64px;
	padding:8px 0 10px 0px;
	text-align:right;
	margin-right:50px;
	width:350px;
	float:right;
}

.art_savoir_plus {
	float:right;
	margin-top:10px;
	padding: 15px 15px 30px 15px;
	border-bottom:1px solid #ccc;
	background-color:#F1F1F1;
	line-height:17px;
}

/* --------------------------------------- Presentation article (FIN) -------------------------------------------------------*/

.clear {
	clear:both;
}

.dispo_1 {
	background-color:#CFF2C6;
}

.ListMarque p {
	padding: 0;
}

.ListMarque li {	
	display: inline;
	margin: 2px;
	/*width:100px;
	background-color:yellow;*/
	display: block;
	float:left;
}

.JsZoneVerte {
	color:#000;
	background-color:#dee7cd; 
	margin:2px 0 0 30px ; 
	padding:5px 10px; 
	line-height:16px;
}

.JsZoneRouge {
	color:#fff;
	background-color:#c00; 
	margin:2px 0 0 30px ; 
	padding:5px 10px; 
}


.Fa_ArtPrix {
	font-size: 14px;
	color: #cc1776;
	font-weight: bold;
	padding:8px 0 0 10px;
}

.Mailing_ListArticle {
	margin:2px 0;
	list-style-type: none ;
}

.FichierPdf {
	padding:10px 0 ;
	margin:0px;
	/*background-color:#FFF;
	border:1px solid #ccc;
	/*position: absolute;*/
	/*display: inline;*/
}

.Livre {
	padding:6px;
	margin:2px;
	background-color:#FFF;
	border:1px solid #ccc;
	/*position: absolute;*/
	/*display: inline;*/
}

.JsMoins {
	padding:0 0 5px 20px;
	background: url('./img/commun/IconeMoinsRouge.png') no-repeat top left ;
	cursor:pointer;
}

.JsPlus {
	padding:0 0 5px 20px;
	background: url('./img/commun/IconePlusVerte.png') no-repeat top left ;
	cursor:pointer;
}

.AjPanier { /*./js/xhr.js */
	color:white;
	background-color:#339933;
	padding:2px 10px;
	margin:5px 0;
}

.SupPanier { /*./js/xhr.js */
	color:white;
	background-color:#777;
	padding:2px 10px;
	margin:5px 0;
}

.CoinsArrondis {
	margin: 10px 0 10px 0 ; 
	padding: 8px 8px;

	/* Coins arrondis non supporté par IE (25/03/2010) */
	background-color: #FCFCFC;
	border:1px solid #c8c8c8;
	-webkit-border-radius: 8px;	/* for Safari */
	-moz-border-radius: 8px;		/* for Firefox */
}

/*********************************************************************/
.TitreMenuNews {
	font-size:11px;
	border-left:10px solid #999;
	border-bottom:1px solid white;
	border-top:1px solid white;
	background-color:#CCC;
	padding:5px 0;
	/*width:210px;*/
	margin:0 6px 0 1px;
	text-align:right;
	font-weight:bold;
	color:#555 ;
}
.ButGris {
	border:1px solid #999;
	background-color:#CCC;
	margin-top:5px;
	padding:2px;
	color:#555;
	cursor:hand;
	font-weight: bold;
}
/*********************************************************************/
.erreur {	/*** Mise en forme des aides contextuelles ***/
	/*font-style: italic;*/
	/*color: #FF0000;*/
	/*padding-left:80px;*/
	background: #CC0000;
	color:white;
/*	text-align:center;*/
	padding:1px 3px 1px 10px;
	margin:3px 0 1px 0;
}

/*********************************************************************/

.MsgConfirmation {
	border: 1px solid #718700 ;
	border-bottom: 2px double #718700 ;
	margin: none;
	margin-bottom: 5px;
	padding: 20px 10px 20px 70px;
	color:#718700;
	line-height:16px;
	background-color:#edf0b2 ;
}

.MsgErreur {
	border: 1px solid #CC0000 ;
	border-bottom: 2px double #CC0000 ;
	margin: none;
	margin-bottom: 5px;
	padding: 20px 10px 20px 70px;
	color:#CC0000;
	line-height:16px;
	background-color:#FFE6E7 ;
}

.CadreVert { 
	border:1px dotted #99cc00;
	background:#ddedba;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:18px;
	padding:15px;
}

.CadreGris {
	border: 1px dotted #666 ;
	background: #F1F1F1 ;
	margin: 10px 0 ;
	padding: 10px ;
	line-height:16px;
}

.CadreBleu { 
	border:1px dotted #0066ff;
	background:#dee3ff;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:16px;
	padding:15px;
}

.CadreOrange { 
	border:1px dotted #FF9933;
	background:#FCEBB1;
	font-size:11px;
	color:black;
	margin:10px 0 ;
	line-height:16px;
	padding:15px;
}




.Couleur7 { 
	background-color:#C7D8F8 ;
	padding: 5px 10px;
	border-bottom:1px solid blue;
}

.Couleur8 { 
	background-color:#bad1fd ;
	padding: 5px 10px;
	border-bottom:1px solid blue;
}



.jsEntete { 
	cursor:hand;
	display:block;
}


.TitreMenuRecherche {
	font-size:11px;
	border-left:10px solid #274acf;
	border-bottom:1px solid white;
	border-top:1px solid white;
	background-color:#eef4fe;
	padding:5px 0;
	/*width:210px;*/
	margin:0 6px 0 1px;
	text-align:right;
	font-weight:bold;
	color:#274acf ;
}
.ZoneRechercher {
	text-align:right;
	margin-top:2px;
	padding:0 20px 5px 0;
}
.ButRechercher {
	border:1px solid #274acf;
	background-color:#eef4fe;
	margin-top:5px;
	padding:2px;
	color:#274acf;
	cursor:hand;
	font-weight: bold;
}


.TitreMenu {
	font-size:11px;
	border-left:10px solid #ffcc00;
	border-bottom:1px solid white;
	border-top:1px solid white;
	background-color:#fff4c9;
	padding:5px 0;
	/*width:210px;*/
	margin: 0 6px 0  1px;
	text-align:right;
	font-weight:bold;
	color:#222 ;
}


.CgvTitre {
	font-weight: bold;
	font-size:13px;
	padding:0 2px;
}

.CgvTxt {
	padding:0 2px;
	margin-bottom:10px;
	line-height:14px;
}



/* --------------------------------------------------------------------------------------------------*/
.TitreRayon {
	border-left:10px solid #ffcc00;
	background-color:#fff4c9;
	padding:7px 0 7px 10px;
	margin-bottom:5px;
	font-weight:bold;
	color:#222 ;
}
li a.TitreCategorieOn, a:visited.TitreCategorieOn  {
	display: block ;
	color:#0000CC;
	text-decoration:underline ;
	/*margin:1px 0;*/
	padding:3px 0;
}
li a:hover.TitreCategorieOn {
	color:#444444;
	text-decoration:none;
	background:#eef4fe ;
	border-left:3px solid #294ccc ;
	text-indent: -3px ; /*décale le texte de 40px du bord gauche */
}
li a.TitreCategorieOff, a:visited.TitreCategorieOff  {
	display: block ;
	color:#CCC;
	text-decoration:none ;
	/*margin:1px 0;*/
	padding:3px 0;
}
li a:hover.TitreCategorieOff {
	color:#999;
	text-decoration:none;
	background:#F1F1F1 ;
	border-left:3px solid #E1E1E1 ;
	text-indent: -3px ; /*décale le texte de 40px du bord gauche */
}

li.off {list-style-type: none ;}
/* --------------------------------------------------------------------------------------------------*/

/*
a.NomArticle, a:visited.NomArticle {margin:2px 0; font-size:13px;border:1px solid #bfaea9;border-right:7px solid #bfaea9; background-color:#e7e1df; padding:5px; color:#61382b; cursor:hand; font-weight: bold;height:25px;width:'100%';}
a:hover.NomArticle {margin:2px 0; font-size:13px;border:1px solid #bfaea9;border-right:7px solid #bfaea9; background-color:#e7e1df; padding:5px; color:#cc0000; cursor:hand; font-weight: bold;height:25px;width:'100%';}
*/

.NomArticle {
	font-family:'trebuchet ms', verdana, arial;
	margin:2px 0;
	font-size:13px;
	/*color:#61382b;*/
	font-weight: bold;
}
p a.NomArticleLien, a:visited.NomArticleLien {
	padding:5px 0 5px 10px;
	color:#cc3333;
	display: block;
	background-color:#F1F1F1;
	/*border:1px solid white;*/
	border-bottom:1px dotted #999;
	/*border-right:7px solid #999;*/
}
p a:hover.NomArticleLien {
	color:#cc3333;
	background-color:#fff4c9;
	/*border:1px solid #ffcc00;*/
	border-bottom:1px dotted #ffcc00;
	/*border-right:7px solid #ffcc00;*/
}

.NomAuteur {
	font-family: arial, 'trebuchet ms', verdana;
	font-weight: bold;
	font-size:13px;
	color:#666;
	margin-top:6px;
}

.Presentation {margin:5px 0;}

pre { //* pour le champ présentation, en savoir plus*/
	margin:0;
	padding:0;
	font-family: arial, 'trebuchet ms', verdana;
	font-size:13px;
}


.Chapeau {
	font-weight: bold;
	color:#00675a; /* 568 C => 18453b */
/*	font-size:16px;*/
	border:1px solid #00675a;
	margin:8px 0 ;
	padding:5px 30px 5px 5px ;
/*	background-color:#d2dfdc;*/
}


.ChapeauTxt {
	font-weight: bold;
	font-size:15px;
	line-height: 25px ;
	font-family: Papyrus, verdana;

}

.PrixListing {
	font-size: 16px;
	color: #fff;
	margin:10px 0 0 0px;
	font-weight: bold;
	width:121px;
	height:47px;
	text-align:right;
	padding:17px 0px 0 0px;float:left;
}

.FormatPrix {
	font-size:12px;
}

.Prix {
	margin:0;
	padding:5px 10px;
	width:80px;
	background-color:#fff4c9;
	font-weight: bold;
	text-align:right;
	border-left:3px solid #ffcc00;
	color:#555 ;
}


.livraison {
	margin:5px 0;
	padding:5px 0px;
/*	background-color:#F1F1F1;*/
	border-bottom:1px dotted #CCC;
	color:#555 ;
	font-size:10px;
}

.BarreNavigation { //* pour le champ présentation, en savoir plus*/
	margin:0;
	padding:10px 0;
	font-family:  Verdana, 'trebuche ms', arial, sans-serif;
	font-size:13px;
}

.NomArticleOn {
	padding:6px 0 6px 10px;
	margin-bottom:5px;
	color:#666;
	font-size:14px;
	background-color:#fff4c9;
	font-family: arial, 'trebuchet ms', verdana ;
	border-bottom:1px dotted #ffcc00;
	font-weight: bold;
}


.agrandissement {
	margin-bottom:6px;
	font-weight: bold;
	color:#666;
	text-align:center;
	font-size:16px;
}


.EspPresAuteur {
	margin:10px 0 2px 0;
	padding:20px 10px 5px 10px;
/*	background-color:#F1F1F1;*/
/*	border-top:1px dotted #CCC;*/
	border-bottom:1px dotted #CCC;
	color:#555 ;
	font-size:10px;
	background:url('./img/pointu.gif') no-repeat top 5px #F1F1F1 ;
}


.EspAutreAuteur {
/*	margin:10px 0 2px 0;*/
	padding:0 0 5px 0;
	border-bottom:1px dotted #CCC;
	color:#555 ;
	font-size:10px;
	/*background: #F1F1F1 ;*/
}


.ZoneCaddy {
	margin-right:7px;
	padding:20px 10px 5px 10px;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	color:#555 ;
/*	font-size:10px;*/
	background:url('./img/pointu.gif') no-repeat top left #F1F1F1 ;
	line-height: 15px ;
}


.Designation {
	padding:5px 0;
	line-height: 15px ;
}


.DesignationTitre {
	background-color:#F1F1F1;
	padding:5px 0;
	font-size:14px;
	font-weight: bold;
}

.TitrePage {
	background-color:#F1F1F1;
	margin:5px 0;
	padding:5px 0;
	font-size:14px;
	font-weight: bold;
}


.RecapFacturation {
	padding:8px;
	margin-bottom:10px;
	border-left:7px solid #ffcc00 ;
	background-color:#fff6d1 ;
	line-height: 15px ;
	color:#555 ;
}




a.PresentationAuteur, a:visited.PresentationAuteur {border-left:3px solid #ffcc00 ;background-color:#fff4c9;padding:2px 5px 5px 5px;height:10px;text-decoration:none; color:#666;font-weight:bold; font-size:10px;}
a:hover.PresentationAuteur {border-left:3px solid #666 ;background-color:#F1F1F1;padding:2px 5px 5px 5px; color:black;text-decoration:none;font-weight:bold;}

.TiretBleu{margin:0;padding:0;background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#6255ff;}
.TiretRouge{margin:0;padding:0;background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#cc0000;}
.TiretGris{margin:0;padding:0;background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#555555;}
.TiretJaune{margin:0;padding:0;background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#ffcc00;}

.text16 {padding:5px 0; font-size:16px;font-weight: bold;}

/* ------------------------------ MENU RAYON (début) ---------------------------------- */
#MenuCatalogue {
	margin:5px 0;
}

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li {
	width: 210px ;
	font-size: 11px;
/*	letter-spacing:0.1em;*/
}
ul#menu li a.LienMenuGauche {
	display: block ;
	width: 208px ;
	line-height: 25px ;
	text-indent: 8px ; /*décale le texte de 40px du bord gauche */
	color:blue;
	text-decoration:underline ;
	font-weight:bold;
	margin:3px 0 3px 1px;
	border-left:10px solid #999 ;
	padding-right:15px;
	background:#E1E1E1 ;
}
ul#menu li a:hover.LienMenuGauche {
	color:#444444;
	text-decoration:none;
	background:#eef4fe ;
	border-left:10px solid #294ccc ;
}

ul#menu li a.RayonSelectionne {
	display: block ;
	width: 208px ;
	line-height: 25px ;
	text-indent: 8px ;
	color:#cc3333;
	text-decoration:underline ;
	font-weight:bold;
	margin:3px 0 3px 1px;
	border-left:10px solid #cc3333 ;
	padding-right:15px;
	background:#f7e1e1 ;
}
ul#menu li a:hover.RayonSelectionne {
	color:#444444;
	text-decoration:none;
	background:#E1E1E1 ;
	border-left:10px solid #294ccc ;
}

ul#menu li a.RayonNouveautes {
	display: block ;
	width: 208px ;
	line-height: 25px ;
	text-indent: 8px ; /*décale le texte de 40px du bord gauche */
	color:#cc3333;
	text-decoration:underline ;
	font-weight:bold;
	margin:3px 0 3px 1px;
	border-left:10px solid #cc3333 ;
	padding-right:15px;
	background:#E1E1E1 ;
}
ul#menu li a:hover.RayonNouveautes {
	color:#444444;
	text-decoration:none;
	background:#eef4fe ;
	border-left:10px solid #294ccc ;
}


ul#SousMenu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#SousMenu li {
	width: 209px ;
	font-size: 11px;
}
ul#SousMenu li a.SousMenuGche {
	display: block ;
	line-height: 18px ;
	color:blue;
	text-decoration:underline ;
	padding-left:10px;
	margin:1px 0 0 1px;
	border-left:1px dotted gray;
}
ul#SousMenu li a:hover.SousMenuGche {
	text-decoration:none;
	margin-left:1px;
	padding-left:8px;
	color:red;
	background:#f7e1e1 ;
	border-left:3px solid #cc3333;
}

ul#SousMenu li a.SousMenuGcheSelectionne {
	display: block ;
	line-height: 18px ;
	text-decoration:none ;
	padding-left:8px;
	margin:1px 0 0 1px;
	color:red;
	background:#f7e1e1 ;
	border-left:3px solid #cc3333;
}
ul#SousMenu li a:hover.SousMenuGcheSelectionne {
	color:#cc3333;
	text-decoration:none;
	background:#E1E1E1 ;
	margin-left:1px;
	padding-left:8px;
	border-left:3px solid #cc3333;
}
/* ------------------------------ MENU RAYON (fin) ---------------------------------- */

/* ------------------------------ MENU BAS (début) ---------------------------------- */
#MenuNavigation {
	margin: 0 0 20px 0 ;
	padding: 0 0 0 8px;
	line-height: 16px ;
}

ul#menuBas {
	margin: 0 0 10px 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menuBas li {
	width: 208px ;
}
ul#menuBas li a.LienMenuGauche {
	display: block ;
	width: 208px ;
	line-height: 20px ;
	text-indent: 8px ; /*décale le texte de 40px du bord gauche */
	color:blue;
	text-decoration:underline ;
	margin-top:1px;
	padding-right:15px;
}
ul#menuBas li a:hover.LienMenuGauche {
	color:red;
	text-decoration:none;
}

/* ------------------------------ MENU BAS (fin) ---------------------------------- */

#ContenuPage {
	margin-left:8px ;
	margin-right:8px ;
	width:758px;
	/*border:1px solid red ;*/
}

/* ------------------------------ MENU HAUT (début) ---------------------------------- */
.FondMenuHaut {
	margin-left:10px;
	background: url('./img/FondMenuDroite.gif') repeat-x bottom left;
}

#MenuHaut {
	margin-left:10px;
	background: url('./img/FondMenuDroite.gif') repeat-x bottom left;
}

ul#MenuHaut {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#MenuHaut li {
	width: 100px ;
	font-size: 12px;
	float:left;
}
ul#MenuHaut li a {
	display: block ;
	line-height: 38px ;
	color:#666;
	text-indent: 10px ; /* On décale le texte de 40px du bord gauche */
	font-weight:bold;
	text-decoration:none;
	padding-top:2px;
	background: url('./img/ButMenuHaut.gif') no-repeat 0 0 ; /* On met une image de background, que l'on */
}
ul#MenuHaut li a:hover {
	color:#cc3333;
	text-decoration:none;
	background: url('./img/ButMenuHaut.gif') no-repeat -100px 0 ; /* On met une image de background, que l'on */
}
/* ------------------------------ MENU HAUT (fin) ---------------------------------- */

/* ===================================================================================================*/
/* --------------------------------------------------- FORMULAIRE (début) --------------------------------------------------------------------*/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}

#piedForm {
	margin-left :140px;
/**	text-align: center; * Les boutons sont alignés à droite ***/
}

#piedForm input {
	 /**font-weight: bold;* Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid gray;
	color: black;
	background: #efefef;*/
	margin: 0;
	padding: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm div#coordonnees label, #recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 180px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 5px 0 0 ;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding-left: 10;
	margin-left: auto;margin-right: auto;
}

#corpForm .erreur {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #cc3333;
	padding:10px 0 0 154px;
	/*font-size: 0.8em;
	letter-spacing:1px;*/
	/*
	background: transparent;
	margin: 0;
	padding: 0px 5px;
	*/
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #ffedaa;
	color: black;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#corpForm div#coordonnees label.oblig_2 {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 75px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 ;
	line-height: 2;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

/* --------------------------------------------------- FORMULAIRE (fin) --------------------------------------------------------------------*/

/* ---------------------------------------- Les encards ---------------------------------------- */

legend{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	position:relative;
	_top:-0.6em;
	margin-left: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background: #FFCC33;
	-moz-border-radius: 10px;
	font-weight : bold;
	height: "16";
	border: 1px solid black;
}

fieldset.Num1{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #0000CC;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #B8BFF5;
	-moz-border-radius: 10px;
}

fieldset.Num2{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #999999;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #D4D4D4;
	-moz-border-radius: 10px;
}

fieldset.Num3{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #af0200;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFCCFF;
	-moz-border-radius: 10px;
}
/* ---------------------------------------- Les encards ---------------------------------------- */


/* --------------------------------------- COMMUN / ADMININSTRATION (début) -------------------------------------------------------*/

p {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 200px ;*/
}


.ErreurChamp {
	font-weight:bold;
	color:#af0200;
	border:1px solid;
	border-color: #6a6a6a #dcdcdc #dcdcdc #6a6a6a;
	padding-left:20px;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 3px 50% ;
}

.EnAttente {
	font-weight:bold;
	color:#af0200;
	border:1px solid red;
	margin:8px 0 ;
	padding:20px 20px 20px 30px ;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 10px 50% ;
}


.ChampObligatoire {background: #fad2b1;font-weight:bold;}
.FdJne1 {background: #FFF25A;}
.FdBleu1 { background: #CACAFF;}
.FdRge {background: #CC0000;}
.FdRge1 {background: #E6927C;}

.FdGris {background: #E1E1E1;}
.FdRge2 {background: #FFC4C4;}
.FdRouge { background: #CC0000;color:#fff;}
.text10 {font-size:10px;}
.FdBleu { background: #e2f5c3;}
.FdColor1 {color:#000000; background: #EEFFEE;}
.FdColor2 {color:#000000; background: #CEFCCD;}
.FdColor3 {color:#000000; background: #FFDEDE;}
.FdColor4 {color:#000000; background: #FFEBEB;}

.ArticleMasquer {margin-top:1px;padding:5px;background-color: #FFDDAD;}
.ArticleActiver {margin-top:1px;padding:5px;background-color: #B6CAF4;}

.CadrePoint {
	background-color:#E1E1E1;
	border: 1px #999999 dotted;
	font-family: 'trebuchet ms', verdana, arial ;
	padding:5px ;
}

.AdminHeader {
	background: #6255ff url('./img/FdPage.gif') ;
	height:30px;
}

.AdminFooter {
	background: #6255ff url('./img/FdPage.gif') ;
	height:30px;
}


/*------------------- Couleur en fonction de l'état des commandes ---------------*/
/* Couleur en fonction de l'état des commandes */
tr.Com1 {color:#000000; background: #A8EFA2;}
tr.Com1Fonce {color:#000000; background: #53EF47;}
tr.Com2 {color:#000000; background: #8ECBDF;}
tr.Com2Fonce {color:#000000; background: #40B6DE;}
tr.Com3 {color:#FFFFFF; background: #BC8EDF;}
tr.Com3Fonce {color:#FFFFFF; background: #A55BDE;}
tr.Com4 {color:#000000; background: #FFE684;}
tr.Com4Fonce {color:#000000; background: #FFDB4A;}
tr.Com5 {color:#FFFFFF; background: #FF757C;}
tr.Com5Fonce {color:#FFFFFF; background: #FF3B44;}
tr.ClientOn {background: #CCFFCC;}
tr.ClientOff {background: #D7EBFF;}
/* --------------------------------------- COMMUN / ADMININSTRATION (fin) -------------------------------------------------------*/


.center {
        text-align:center;
}



input, textarea, select {
	font: normal 95% Verdana, Arial, Helvetica, sans-serif;
	padding:7px;
        border:1px solid #999;

	border: solid 1px #cccccc;
	outline: 0;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

}



.butSubmit {

        text-align: center;
        cursor: pointer;

        color: white;
        padding:10px 10px;
        font-weight: bold;

        border: 1px solid;
        background-color: #838383;
        border-color: #50a3c8 #297cb4 #083f6f;
        background: -moz-linear-gradient(top,white,#72c6e4 4%,#0c5fa5);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#0c5fa5),color-stop(0.03, #72c6e4));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5fa5', endColorstr='#72c6e4',GradientType=0 );

        -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
        -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);

        border-radius:10px 0 10px 10px ;
        -moz-border-radius:10px 0 10px 10px ;
        -webkit-border-radius:10px 0 10px 10px ;
        -ms-border-radius:10px 0 10px 10px ;

        box-shadow: 0px 0px 5px #ababab;
        -moz-box-shadow: 0px 0px 5px #ababab;
        -webkit-box-shadow: 0px 0px 5px #ababab;
        -ms-box-shadow: 0px 0px 5px #ababab;
}

.butSubmit:hover {
        border-color: #1eafdc #1193d5 #035592;
        background: -moz-linear-gradient(top,white,#2bcef3 4%,#057fdb);
        background: -webkit-gradient(linear,left top, left bottom,from(white),to(#057fdb),color-stop(0.03, #2bcef3));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#057fdb', endColorstr='#2bcef3',GradientType=0 );
}


.ZoneRouge {
	border:1px solid #CC0000;

	background-color: #ffe5e5;
	background: -moz-linear-gradient(top, #ffe5e5 0%, #fff8f8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe5e5), color-stop(100%,#fff8f8));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5e5', endColorstr='#fff8f8',GradientType=0 );

	padding:20px;
        color:#CC0000;
	margin:10px 0 ;
        overflow:auto;

        border-radius:5px 5px 5px 5px  ;
        -moz-border-radius:5px 5px 5px 5px  ;
        -webkit-border-radius:5px 5px 5px 5px  ;
        -ms-border-radius:5px 5px 5px 5px  ;
}