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



/* --------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------*/

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font: x-small Verdana, 'Bitstream Vera Sans', sans-serif;
	color:white;
	font-size:12px;
	background: #343236;
}

td {
	font-family: 'trebuchet ms', verdana, arial ;
	font-size:12px;
	/*letter-spacing: 0.01em;*/
	color:white;
}

hr {border-top:1px dotted #777; height:1px;}
p, h1, h2, h3, h4, h5 {margin:0;padding:0;}
.Noir {color:black;}

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

#FdMenu {width:256px;background-image: url('./V2img/FdMenu.gif');background-position: top left;background-repeat: repeat-y;}
#HautMenu {width:256px;}
#BasMenu {width:256px;background-image: url('./V2img/BasMenu.gif');background-position: bottom left;background-repeat: no-repeat;}
#FdDegradeHaut {background-image: url('./V2img/FdDegradeHaut.gif');background-position: left bottom;background-repeat: no-repeat;}
#FdBasBarre {text-align:right;padding:20px 0 5px 0;}

#MenuPanier {padding:5px 10px;font-weight:bold;color:#af0200; height:31px;background-position: top left;background-repeat: no-repeat;}
.MenuSeparation {padding:5px 10px 5px 25px;font-weight:bold;color:#996699; height:20px;}
.MenuContenu {padding:0 40px 20px 20px; color:white;}

#ContenuPage {margin-top:10px;}
/*#Reglez4Fois {background: url('./V2img/Reglez4Fois.gif') no-repeat 580px 5px ;}*/

a:link.blanc, a:visited.blanc { color: white; text-decoration: underline;display: block;}
a:hover.blanc { color: #999999; text-decoration: none;display: block; }

a:link.copyright, a:visited.copyright { color: #c5c1bd; text-decoration: underline; }
a:hover.copyright { color: #FFCC00; text-decoration: none; }

a:link.Rouge, a:visited.Rouge { color: #999999; text-decoration: underline; font-size:11px; }
a:hover.Rouge { color: #FFFFFF; text-decoration: none; font-size:11px; }

a:link.Vert, a:visited.Vert { color: #999966; text-decoration: underline; }
a:hover.Vert { color: #999; text-decoration: none;}

a:link.Gris, a:visited.Gris { color: #555; text-decoration: underline; }
a:hover.Gris { color: #999; text-decoration: none;}

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

a:link.Jaune, a:visited.Jaune { color: white; text-decoration: underline; }
a:hover.Jaune { color: #666666; text-decoration: none;}

a:link.Jaune2, a:visited.Jaune2 { color: #FFCC00; text-decoration: underline; }
a:hover.Jaune2 { color: #666666; text-decoration: none;}

a:link.TabCommande, a:visited.TabCommande { color: #996699; text-decoration: underline; }
a:hover.TabCommande { color: #999; text-decoration: none;}

a:link.TabFacture, a:visited.TabFacture { color: #669966; text-decoration: underline; }
a:hover.TabFacture { color: #999; text-decoration: none;}

a:link.LienPrecedent, a:visited.LienPrecedent { display: block; width: 200px; line-height:25px; border-bottom:1px solid #000; font-weight:bold; background:#E1E1E1; color:#000;}
a:hover.LienPrecedent {color:#990099; text-decoration:none; background:#F1F1F1; border-bottom:1px solid #990099;}

a:link.LienSuivant, a:visited.LienSuivant {display: block; width: 200px; line-height:25px; border-bottom:1px solid #000; font-weight:bold; background:#E1E1E1; color:#000;}
a:hover.LienSuivant {	color:#990099; text-decoration:none; background:#F1F1F1; border-bottom:1px solid #990099 ;}

.FontBlack {
	color:black;
}


/* ------------------------------ VERSION 3 (début) ---------------------------------- */
#v3_ContenuPage { }

a.rayon1 {color:#7f53ac; text-decoration:underline;}
a:visited.rayon1 {color:#7f53ac; text-decoration:underline;}
a:hover.rayon1 {color:#999999; text-decoration:none;}

a.rayon2 {color:#d2772d; text-decoration:underline;}
a:visited.rayon2 {color:#d2772d; text-decoration:underline;}
a:hover.rayon2 {color:#999999; text-decoration:none;}

a.rayon3 {color:#89b029; text-decoration:underline;}
a:visited.rayon3 {color:#89b029; text-decoration:underline;}
a:hover.rayon3 {color:#999999; text-decoration:none;}

a.rayon4 {color:#999999; text-decoration:underline;}
a:visited.rayon4 {color:#999999; text-decoration:underline;}
a:hover.rayon4 {color:#999999; text-decoration:none;}

a.rayon5 {color:#c1bf4c; text-decoration:underline;}
a:visited.rayon5 {color:#c1bf4c; text-decoration:underline;}
a:hover.rayon5 {color:#999999; text-decoration:none;}

a.rayon6 {color:#d0648f; text-decoration:underline;}
a:visited.rayon6 {color:#d0648f; text-decoration:underline;}
a:hover.rayon6 {color:#999999; text-decoration:none;}

a.rayon7 {color:#ffffff; text-decoration:underline;}
a:visited.rayon7 {color:#ffffff ; text-decoration:underline;}
a:hover.rayon7 {color:#999999; text-decoration:none;}

a.rayon9 {color:#879c3f; text-decoration:underline;}
a:visited.rayon9 {color:#879c3f ; text-decoration:underline;}
a:hover.rayon9 {color:#999999; text-decoration:none;}




.Mg_Rayon { padding:60px 10px 0 10px;}
.Mg_RayonFd {	background: url('http://www.directcheminee.fr/v3_img/Mg_RayonFd.jpg') repeat-y left top ; }
.Mg_RayonFdEspace { padding:0 10px 15px 0;  }
.Mg_RayonFdEspaceLiens { padding:0 0 25px 0;  }
.Mg_RayonFontTexte { padding:0 10px 20px 10px; }
.Mg_RayonFontTexte2 { padding:10px 10px 20px 10px; }
.Mg_RayonFontTexteImg {background: url('http://www.directcheminee.fr/v3_img/Mg_RayonFd.jpg') repeat-y left top ; padding:10px 10px 20px 10px; }

ul#v3_SousMenu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#v3_SousMenu li {
	margin: 0 0 -1px 0 ; /* espace entre le lignes */
	padding: 0 ;
}

ul#v3_SousMenu li a.v3_LienSousMenuGauche {
	display: block ;
	width: 200px ;
	line-height: 22px ;
	text-indent: 5px ; /*décale le texte de 40px du bord gauche */
	color:white;
	text-decoration:underline;
	/*font-weight:bold;*/
	/*
	background: url('./img/PointSousMenu.gif') repeat-y 15px 3px ;
	background: url('./img/PointVertical.gif') repeat-y 0px 7px ;
	*/
}
ul#v3_SousMenu li a:hover.v3_LienSousMenuGauche {
	color:#FFFFFF;
	text-decoration:none;
	/*background: url('./V2img/PuceViolet.gif') no-repeat 0px 8px ;*/
	/*background: url('./V2img/PuceViolet.gif') no-repeat 180px 8px ;*/
	background-color:#555555 ;
}

.v3_PointHorizontal {background: url('./img/PointSousMenu.gif') no-repeat 17px 18px ;}


.v3_NomArticle {
	font-size:13px;
	font-weight:bold;
	padding:5px;
	background-color:#555;
	height:40px;
	margin-bottom:10px;
/*	background-image: url('http://www.akoter.com/v4img/FondDiagonale.gif');*/
}


/* ------------------------------ VERSION 3 (fin) ---------------------------------- */











/* ------------------------------ MENU HAUT (début)  ---------------------------------- */

#MenuConteneur {
	height:30px;
	background-color:black;
}

#MenuHaut li {
   display:inline;
   padding:0;
   margin:0;
}

#MenuHaut a:link, #MenuHaut a:visited {
	padding:9px 8px 8px 8px;
	text-decoration:none;
	/*
	border-left:1px dotted #999;
	border-right:1px dotted #999;
	*/
	color:white;
	font:bold 11px verdana, arial, Helvetica, sans-serif;
	float:left;
	width:auto;
}

#MenuHaut {
   margin:0;
   padding:0;
   float:left;
   /*
   text-align:right;
   margin:0 0 0 250px;
   border:1px solid gray;
   */
}

#MenuHaut a:hover {
	color:#555;
	background-color:#F1F1F1;
	/*
	border-left:1px dotted #af0200;
	border-right:1px dotted #af0200;
	*/
	background-position: bottom left;
	background-repeat: repeat-x;
}
/* ------------------------------ MENU HAUT (fin) ---------------------------------- */
/* -------------------------------------------------------------------------------------------------------*/

.FdGrisClair {
	background-color:#3e3c40;
}

.FdBleuClair {
	background-color:#43344c;
}

.FdJauneClair {
	background-color:#354946;
}

td.BasDroite{border-width: 0px 1px 1px 0px; border-style: solid; border-color:#222; padding:4px; }
td.BasSeul {border-width: 0px 0px 1px 0px; border-style: solid; border-color:#222; padding:4px; }
td.BasNon{border-width: 0px 1px 0px 0px; border-style: solid; border-color:#222; padding:4px; }
td.Vide{padding:0px; }


/* -------------------------------------------------------------------------------------------------------*/
/* ------------------------------ MENU HAUT (début)  ---------------------------------- */
#MenuProdCon {
	height:30px;
	border-top:1px solid white;
	background-color:#F2F2F2;
	margin:2px 10px 20px 10px;
}

#MenuProduits li {
   display:inline;
   padding:0;
   margin:0;
}

#MenuProduits a:link, #MenuProduits a:visited {
	padding:9px 8px 8px 8px;
	text-decoration:none;
	border-bottom:1px solid #fff;
	border-left:1px dotted #666;
	border-right:0px dotted #666;
	color:#af0200;
	font:bold 11px verdana, arial, Helvetica, sans-serif;
	float:left;
	width:auto;
}

#MenuProduits {
   margin:0;
   padding:0;
   float:left;
}

#MenuProduits a:hover {
	color:#a5b116;
	background-color:#f5f6e4;
	border-bottom:1px solid #a5b116;
	border-left:1px dotted #a5b116;
	border-right:0px dotted #a5b116;
	background-position: bottom left;
	background-repeat: repeat-x;
}
/* ------------------------------ MENU HAUT (fin) ---------------------------------- */

ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li {
	margin: 0 ; /* espace entre le lignes */
	padding: 0 ;
	letter-spacing:0.1px;
}
ul#menu li a.LienMenuGauche {
	display: block ;
	width: 225px ;
	line-height: 23px ;
	text-indent: 14px ; /*décale le texte de 40px du bord gauche */
	color:white;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:1px;
}
ul#menu li a:hover.LienMenuGauche {
	color:#555;
	text-decoration:none;
	background: url('./img/PuceGris.gif') no-repeat 0px 7px ;
	background-color:#999 ;
	margin-bottom:1px;
}


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

li.PucePointVert {
 	color:white;
 	list-style-type:square;
 	/*background: url('./img/PucePointVert.png') no-repeat 0px 3px;*/
 	padding-left:18px;
 }

 #EcussonTele {
	background: url('./img/EcussonTele.gif') no-repeat 30px bottom ;
 }

/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/

ul#SousMenu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#SousMenu li {
	margin: 0 0 -1px 0 ; /* espace entre le lignes */
	padding: 0 ;
}

ul#SousMenu li a.LienSousMenuGauche {
	display: block ;
	width: 225px ;
	line-height: 25px ;
	text-indent: 30px ; /*décale le texte de 40px du bord gauche */
	color:white;
	text-decoration:underline;
	/*font-weight:bold;*/
	/*background: url('./img/PointSousMenu.gif') repeat-y 15px 3px ;*/
	background: url('./img/PointVertical.gif') repeat-y 15px 7px ;
}
ul#SousMenu li a:hover.LienSousMenuGauche {
	color:#990000;
	text-decoration:none;
	background: url('./V2img/PuceViolet.gif') no-repeat 15px 8px ;
	/*background: url('./V2img/PuceViolet.gif') no-repeat 180px 8px ;*/
	background-color:#E1E1E1 ;
}

.PointHorizontal {background: url('./img/PointSousMenu.gif') no-repeat 17px 18px ;}


ul#menu li a.RayonSelectionne {
	display: block ;
	width: 225px ;
	line-height: 25px ;
	text-indent: 20px ; /*décale le texte de 40px du bord gauche */
	color:white;
	font-weight:bold;
	text-decoration:none;
	background: url('./img/PuceGris.gif') no-repeat 3px 8px ;
	background-color:#999 ;
}

ul#menu li a.RayonDestockage {
	display: block ;
	 width:215px;
	/*line-height: 25px ;*/
	text-indent: 15px ; /*décale le texte de 40px du bord gauche */
	color:white;
	font-weight:bold;
	font-size:15px;
	text-decoration:underline;
	background: url('./img/PuceGris.gif') no-repeat 3px 16px #996699 ;
	margin:10px 0 0 0 ;
	padding:10px 5px;
}

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

.CadrePointViolet {
	background-color:#43344c;
	border: 1px gray dotted;
	font-family: 'trebuchet ms', verdana, arial ;
	padding:5px 10px;
	font-size:10px;
	color:#FFFFFF;
}

.CadrePointViolet2 {
	background-color:#43344c;
	border: 1px gray dotted;
	font-family: 'trebuchet ms', verdana, arial ;
	padding:5px 10px;
	color:#FFFFFF;
}

.CadrePointVert {
	background-color:#555555;
	border: 1px gray dotted;
	font-family: 'trebuchet ms', verdana, arial ;
	padding:5px 10px;
	color:#FFFFFF;
}

.cgvTitre {
	font-size:14px;
	font-weight:bold;
	padding:5px;
	border-right:7px solid #990099;
	background-color:#999;
}


.Espace5 {
	background:#E1E1E1;
	margin-top:1px;
	padding:5px;
	color:black
}

/* ------------------------------------------------------------------------------------------------------------------------------ */

.Cadre3 {
	border: 1px dotted olive ;
	background: #f5f6e4 ;
	margin: 1px ;
	padding: 10px ;
	font-size:11px;
}

.Cadre {
	border: 1px solid #CCCCCC ;
	background: #f9f9f9 ;
	padding: 10px ;
	color:#555;
}
.Cadre2 {
	border: 1px solid #990099 ;
	background: #f0d9f0 ;
	padding: 10px ;
	color:#555;
}


.CadrePtsVente {
	border: 1px dotted #000 ;
	background: #555 ;
	padding: 10px ;
	color:#FFF;
}

.PtsVenteDepartement {
	margin:1px 0;
	background:#eeeee5;
	padding:5px;
	/*border-top:1px dotted #999966;*/
	border-right:7px solid #a5b116;
	color:black;
}

.PtsVenteDepartement2 {
	margin:1px 0;
	background:#999999;
	padding:5px;
	/*border-top:1px dotted #999966;*/
	border-right:7px solid #996699;
	color:black;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */

/* Accueil (début) */
.accLigne {height:160px;margin-bottom:15px;padding-top:5px;}
.accTitre {height:40px;font-size:12px;font-weight:bold;text-align:center;margin-right:2px;}
.accTitreLong {height:30px;font-size:12px;font-weight:bold;text-align:center;margin-right:2px; width:200px;}

.accImg {
	float:left;
	background-color:#48464a;
	width:115px;
	height:160px;
	border:1px dotted #999;
	text-align:center;
	margin:2px 2px 5px 0;
}
.accImg2 {
	float:left;
	width:115px;
	height:160px;
	border:1px solid #990099;
	text-align:center;
	margin:2px 2px 5px 0;
	color:#999;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------ */

.cgv {
	padding-bottom:15px;
}
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/

.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% ;
}


.TarifsRevendeur {
	border:1px solid #af0200;
	margin:8px 0 ;
	padding:20px 20px 20px 30px ;
	color:black;
	background:url('./img/commun/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 10px 23px ;
}


.CadreVert {
	border:1px solid #996699;
	background-color:#f0d9f0;
	padding:2px 10px;
	color:#996699;
	cursor:hand;
	font-weight: bold;
}

.FaqReponse {
	width: '100%';
	padding:10px;
	margin-bottom:5px;
	background:url('./img/Pointu.gif') no-repeat 40px top #ede1d6;
	color:black;
}


.PaiementOk {
	border:1px solid #158928;
	background-color:#e2ffe6;
	margin:15px 0;
	padding:5px 0;
	color:#158928;
	font-weight: bold;
	text-align:center ;
	font-size:16px;
}


.PaiementNon {
	border:1px solid #af0200;
	background-color:#FFDEDE;
	margin:15px 0;
	padding:5px 0;
	color:#af0200;
	font-weight: bold;
	text-align:center ;
	font-size:16px;
}


.ArticleMasquer {background-color: #FFDDAD;}
.ArticleActiver {background-color: #B6CAF4;}

/* ----------------------- TR (début) ---------------------------*/
.ChampObligatoire {background: #fad2b1;font-weight:bold;}


.FdJne1 {background: #FFF25A;}
.FdBleu1 { background: #CACAFF;}
.FdRge {background: #af0200;}
.FdRge1 {background: #E6927C;}
.FdGris {background: #E1E1E1;}

.FdVertClair {background: #999;border-bottom:1px solid #990099;border-top:1px solid #990099;padding:5px 0;}

.FdRge2 {background: #FFC4C4;}
.FdRouge { background: #af0200;color:#fff;}
/* ----------------------- TR (fin) ---------------------------*/


.text10 {font-size:10px;}
.text11 {font-family: 'trebuchet ms', Verdana, Helvetica, Arial;font-size: 11px;}


.CoteGche {
	width: 250px;
	margin:1px 0 0 0;
	text-align: left;
	padding:1px 5px 0 5px;
	background-color:#F4F4F4;
	color:#555 ;
}

.CoteDroite {
	float: right;
	width: 150px;
	margin:1px 5px 0 0;
	padding:1px 5px 0 0;
	background-color:#E1E1E1;
	color:#555 ;
}

.PrixBarre {
	background: url('./img/PrixBarre.gif') no-repeat 0px 10px ;
}


.CoteGchePromo {
	margin-left:7px;
	padding:1px 5px;
	font-weight:bold;
	background-color:#af0200;
	color: white;
}


.CadreGris { background-color:#999;border:1px dotted #555;padding:0 5px;}

.NomArticle {
	font-size:14px;
	font-weight:bold;
	padding:5px 10px;
	background-color:#555;
/*	background-image: url('http://www.akoter.com/v4img/FondDiagonale.gif');*/
}

.FondVert {
	margin:1px 0;
	background:#555;
	padding:5px;
	/*border-top:1px dotted #999966;*/
	border-right:7px solid #999966;
}

.TitreMois {
	margin:20px 0 0 0;
	background:#555;
	padding:5px;
	border-top:1px dotted black;
	border-right:7px solid #999966;
}

.over {
	 background-color:#111111;
}

.SurvolJne {
	 background-color:#FFCC00;
}

.NomArticleFiche {
	font-size:16px;
	font-weight:bold;
	padding:5px;
	/*border-right:7px solid #222222;*/
	background-color:#996699;
/*	background-image: url('http://www.akoter.com/v4img/FondDiagonale.gif');*/
/*	background:url('./img/Pointu.gif') no-repeat 40px top #996699;*/

}

.livraison {padding:5px;background-color:#999;}
.particularites {padding:5px; color:black ; background-color: #FFDEDE; border-top:1px #af0200 solid; border-bottom:1px #af0200 solid; }
.TiretRouge{background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#af0200;}
.TiretBleu{background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#0000CC;}
.TiretGris{margin:0;padding:0;background-image: url('./img/commun/LignePointillesBlanc.gif');background-repeat: repeat-x;height:1px;background-color:#555555;}

.AdminHeader {
	background-color:#492e13 ;
	height:30px;
}

.AdminFooter {
	background-color:#492e13 ;
	height:30px;
}
.FdColor1 {color:#000000; background: #EEFFEE;}
.FdColor2 {color:#000000; background: #CEFCCD;}
.FdColor3 {color:#000000; background: #FFDEDE;}
.FdColor4 {color:#000000; background: #FFEBEB;}
/* --------------------------------------------------------------------------------------------------*/
/* ---------------------------------------- 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;
}

fieldset.Num4{
	font-family: 'trebuchet ms', verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	position: relative;
	border: 1px dashed #FFCC00;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFFFCC;
	-moz-border-radius: 10px;
}

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


/*------------------- Couleur en fonction de l'état des commandes ---------------*/
/* Couleur en fonction de l'état des commandes */
tr.Com1 {color:black; background: #A8EFA2;}
tr.Com1Fonce {color:black; background: #53EF47;}

tr.Com2 {color:black; background: #8ECBDF;}
tr.Com2Fonce {color:black; background: #40B6DE;}

tr.Com3 {color:#FFFFFF; background: #BC8EDF;}
tr.Com3Fonce {color:#FFFFFF; background: #A55BDE;}

tr.Com4 {color:black; background: #FFE684;}
tr.Com4Fonce {color:black; background: #FFDB4A;}

tr.Com5 {color:#FFFFFF; background: #FF757C;}
tr.Com5Fonce {color:#FFFFFF; background: #FF3B44;}

tr.ClientOn {background: #CCFFCC;}
tr.ClientOff {background: #D7EBFF;}



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

#piedForm {
	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 5px 0 0;
	padding: 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: white;
	background: #af0200;
	margin: 10px 150px 0 80px;
	padding:2px 10px;
	font-weight:bold;
}

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

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

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


#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) --------------------------------------------------------------------*/