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

@IMPORT URL('http://www.directcheminee.fr/css/v3style.css');

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

body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font: normal 100% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	color:white;
	background: #343236;
}

td {
	font: normal 80% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing: 0.01em;*/
	color:white;
	/*padding: 3px 0 ;*/
}


.titrePageCenter {
        margin:20px 0 10px 0;
        padding:3px 0 0 0;
        font-size: 140%;
        font-weight: bold;
       /* background: url('../img/puceFeuilles.png') no-repeat 0 top ;*/
        text-indent: 30px;
        height:30px;
        line-height: 30px;
        background-color: #D4E236 ;
        text-align: center;

}


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: #B971F4; 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.blancTxt, a:visited.blancTxt { color: white; text-decoration: underline;}
a:hover.blancTxt { color: #999999; text-decoration: none; }

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


/* -------------------------------- cheminee-bio-ethanol-sur-mesure.php -------------------------------- */
#surMesure {
        line-height: 18px;
        overflow: auto ;

}

#surMesure li {
        float:left;
        margin: 0 10px 10px 0;
        width: 300px;
        min-height: 300px;
        padding : 10px 5;
        list-style: none;

	-webkit-border-radius: 6px;
	-moz-border-radius:6px;

        border:1px solid #9c9b9c ;

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


#surMesure img {
        margin: 0 0 10px 0 ;
}

#surMesure .titre {
	text-shadow:0px 1px 1px #333;
        font-size: 14px ;
        font-weight: bold ;
        margin: 0 0 10px 0 ;
        color:#FFfffF ;
}


#SurMesure .ErrorMessage{	/*** Mise en forme des aides contextuelles ***/
	color:#fff;
	margin:15px 70px 0 255px ;
	padding:15px 0px 2px 10px;
	height:45px;
	background:url('./v3_img/Erreur_bg.png') no-repeat -60px bottom;
        display:none; 
}


#SurMesure #submit {
        padding: 20px 0 20px 250px;
}

#SurMesure p {
	padding: 1px 0px;
	margin: 2px 0px;
}

#SurMesure p.details {
	padding: 30px 10px 5px 250px;
}

#SurMesure div#SurMesureChamps label{
	float: left;	
	width: 235px;
	text-align: right;
	margin: 0 5px 0 10px;
	padding: 0 5px 0 0 ;
	line-height: 40px;
}


#SurMesureChamps input {
	border: 0px solid #999 ;
	height: 40px;
	line-height: 40px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
        width: 400px;
	padding: 0 0 0 5px;
}

#SurMesureChamps textarea {
	border: 0px solid #999 ;
	height: 160px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
        width: 400px;
	padding: 5px ;
}

#SurMesureChamps select {
	border: 0px solid #999 ;
	height: 40px;
	line-height: 40px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
        width: 400px;
	padding: 5px 0;
}


#SurMesureChamps .focus {
	background-color: #EFF5FF;
	border:solid 2px #73A6FF;  
	color: black;
}

#SurMesureChamps .normal {
	background-color: white;
	color: black;
}


#SurMesureChamps label.oblig {
	font-weight: bold;
	background-color: #709a00  ;
}

#SurMesureChamps .legende {
	font-weight: bold;
        margin:0 0 0 100px;
}


#cde_form {
        margin:20px 0 50px 0;
        display:none ;
        padding:0 0 10px 0 ;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;

        border:1px solid #9c9b9c ;

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

#cde_form #RappelLoader { /*35x35*/
        display:none;
        margin:30px 0 5px 290px;
	background-color: #343236;  
        padding:10px 0px ;
        width:202px;
        border:1px solid #666 ;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
        text-align: center;
        line-height: 18px;

}




#SurMesureConfirmation {
	border: 1px solid #8ac00a ;
	margin: 20px 0 20px 40px;
	padding: 20px;
	color:#FFF;
        background-color: #709a00 ;
        width:630px;
        display:none;
	-webkit-border-radius: 6px;
	-moz-border-radius:6px;
}

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



/* -------------------------------- coma.php -------------------------------- */
.ChampForm {
	width:350px;
	padding:5px 5px 5px 5px;
	font-size:18px;
}

.submit {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:white;
	font: normal 130% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	padding:15px 30px ;
	cursor:pointer;
	font-weight:bold;
	border:1px solid #ad1283;

	background: #cb60b3; /* old browsers */
	background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#ad1283), color-stop(100%,#de47ac)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* ie */

}


.submit:hover {
	border:1px solid #ad1283;
	background: #ad1283; /* old browsers */
	background: -moz-linear-gradient(top, #ad1283 0%, #de47ac 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad1283), color-stop(100%,#de47ac)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1283', endColorstr='#de47ac',GradientType=0 ); /* ie */
}


.EtiquettePrix { /*comc.php */
	float:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:white;
	font: normal 120% 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	padding:10px 20px ;
	margin:0 0 10px 10px ;
	font-weight:bold;
	border:1px solid #4D6617;
	background: #BBD800; /* old browsers */
	background: -moz-linear-gradient(top, #BBD800 0%, #4D6617 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBD800), color-stop(100%,#4D6617)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBD800', endColorstr='#4D6617',GradientType=0 ); /* ie */
}

.clear {
	clear:both; 
}

/* -------------------------------- coma.php -------------------------------- */


/* ------------------------------ 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-color:#E1E1E1;
	margin-top:1px;
	padding:5px;
	color:black
}

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

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

.Cadre {
	border: 1px solid #CCCCCC ;
	background-color: #f9f9f9 ;
	padding: 10px ;
	color:#555;
}
.Cadre2 {
	border: 1px solid #990099 ;
	background-color: #f0d9f0 ;
	padding: 10px ;
	color:#555;
}
.Cadre4 {
	border: 1px solid #FFFFFF ;
	background-color: #E4E3E6 ;
	padding: 10px ;
	color:#000;
	/*font-size:12px;*/
}


.CadrePtsVente {
	border: 1px solid #777 ;
        margin:2px 0;
	background-color: #555 ;
	padding: 10px ;
	color:#FFF;
}


.CadrePtsVenteHover {
	border: 1px solid #777 ;
        margin:2px 0;
	background-color: #444 ;
	padding: 10px ;
	color:#FFF;
}


.CadrePtsVenteResp {
	border: 1px solid #a5b116 ;
	padding: 10px ;
	color:#000;

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

.CadreRespHover {
	border: 1px solid #a5b116 ;
	color:#000;

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

}

.RespSecteur {
        padding: 5px 10px ;
        color:#fff ;
        font-weight: bold ;
        
        background-color: #899311 ;
        -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

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

.PtsVenteDepartement2 {
	margin:1px 0;
	background:#999999;
	padding:10px;
	/*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: pointer;
	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: #ad1283;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;
	margin:0 0 20px 0;
	/*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:#ad1283;}
.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: 10px;
	position:relative;
	_top:-0.6em;
	margin-left: 10px;
	padding: 5px 20px;
	background: #FC0;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
	font-weight : bold;
	border: 1px solid black;
}

fieldset.Num1{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	position: relative;
	border: 1px solid #00C;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #B8BFF5;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
}

fieldset.Num2{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	position: relative;
	border: 1px solid #999;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #D4D4D4;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
}

fieldset.Num3{
	font-family: verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	position: relative;
	border: 1px solid #af0200;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFCCFF;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
}

fieldset.Num4{
	font-family: 'trebuchet ms', verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	position: relative;
	border: 1px solid #FFCC00;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #FFC;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
}

fieldset.Num5{
	font-family: 'trebuchet ms', verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	position: relative;
	border: 1px solid green;
	margin: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #CFC;
	-webkit-border-radius: 5px; /* for Safari */
	-moz-border-radius: 5px;		/* for Firefox */
}
/* ---------------------------------------- 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: #d7b0f5;}
tr.Com3Fonce {color:#FFFFFF; background: #A55BDE;}

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

tr.Com5 {color:#FFFFFF; background: #f8a4a9;}
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 {
	padding: 1px 0px 1px 0px;
	margin: 1px 0px 1px 0px;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm div#coordonnees label, #recherche label {
	float: left;	
	width: 180px;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0 ;
	line-height: 20px;
	/*border: 1px solid #444 ;*/
}

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

#corpForm label.oblig {
	font-weight: bold;
}


#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 {
	background: #ede1d6;
	color: black;
}

#corpForm .normal {
	background: white;
	color: black;
}


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

/*
input, textarea, select {
	font: normal 95% Verdana, Arial, Helvetica, sans-serif;
	padding:0 7px 7px 7px;
        border:1px solid #999;
        font-family: verdana, Arial, sans-serif;
        font-size:12px;
	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;
}

input, select {
        padding: 0 0 0 10px ;
        margin: 0 0 5px 0;
        line-height: 30px;
        height: 30px;
        font-size: 12px;
        cursor:pointer;
}
select {
        line-height: auto;
        height: auto;
}*/




#corpForm div#coordonnees label.oblig_2 {
	float: left;	
	width: 75px;
	text-align: right;
	margin: 0;
	padding: 0 ;
	line-height: 2;
	/*border: 1px solid #FF0000 ;*/
}

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

.ServiceClient {
        margin: 0 10px 20px 30px;

        -moz-text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
        -webkit-text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
        text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
}

        .ServiceClient p.titre {
                font-size: 22px;
                font-weight: bold;
                margin: 5px 0 0 0;
        }

        .ServiceClient p.phrase {
                font-size: 14px;
/*                font-weight: bold;*/
                margin: 5px 0 0 0;
        }

        .ServiceClient p.telephone {
                font-size: 22px;
                font-weight: bold;
                margin: 5px 0 0 0;
        }