html,body 
	{
	background-image:url("http://www.lecoqsa.fr/images/fonds.png");
	background-color: #EFEFEF;
	}

html,body #pagelcq
	{
	background-image:url("http://www.lecoqsa.fr/images/fonds.png");
	background-color: #EFEFEF;
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:8pt;
  text-decoration: none;
	}
	
a.logo:link,a.logo:visited,a.logo:hover,a.logo 
	{
  width:180px;
  height:85px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#CECECE;
  text-decoration:none;
	line-height: 85px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  background-image:url("images/logo.png");
	background-repeat:no-repeat;
	}
/* couleurs des liens */
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:hover {text-decoration: none;}

/* texte du corps de la page */ 
p,td,legend
	{
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:7pt;
  text-decoration: none;
	}

ul,li,dd 
	{
  position: relative;
  display: list-item;
  font-family: Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:8pt;
  text-decoration: none;
  list-style-type:none;
	text-align: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
	}
	
fieldset
	{
	border:1px solid #29635A;
  text-align: center;
	}

.grasgrisitalic
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
	color:#737373;
	font-style:italic;
	} 

.lienorange	{	font-family:Arial,Helvetica,sans-serif;color:#EC9F26;text-decoration:none;}
.fondblanc {background-color:#FFFFFF;}
.bordgris	{	border:1px solid #959595;}
.ssbord	{	border:0;}
	
.libprod /* gamme selectionnee blanc sur vert */
	{
	display: inline;
	color:#737373;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	}

table#bordnoir { border:solid #000000 1px;border-collapse:collapse;}
table#bordnoir td	{	border:solid #000000 1px;font-size:8pt;padding:3px 7px;}

table#ssbord td {	border:0;}
td#ssbord	{	border:0;}

/* liste gamme noir sur blanc */
.listgam { color:#000000;font-size:8pt;}
.listgam a { color:#000000;font-size:8pt;}

/* gamme selectionnee blanc sur vert */
.gamvert { color:#398667;font-size: 8pt;background-color:#FFFFFF;}
/* liens gamme selectionnee blanc sur vert */
.gamvert a 	{	color:#398667;font-size: 8pt;background-color:#FFFFFF;}

/* texte en gris foncé */ 
txtgris { font-family:Arial, Helvetica, sans-serif;color:#8A8A8A;font-size:8pt;}

h1 /* titre de page en gris foncé */ 
  {
  color:#656565;
  font-size:12pt;
  font-weight: normal ;
  margin: 0 0 0 0;
  text-align: center;
  }	
	
h1 A 
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#757575;
  font-size:12pt;
  margin: 0 0 0 0;
  font-weight: bold ;
  text-align: center;
  }

/* sous-titre en gris clair gras */ 
h3
  {
  font-family: Arial, Helvetica, sans-serif;
  color:#959B95;
  font-size:12pt;
  font-weight: bold ;
  margin: 0 0 0 0;
  }

/* sous-sous-titre en gris clair gras */ 
h4 
  {
  font-family: Arial, Helvetica, sans-serif;
  color:#959B95;
  font-size:10pt;
  font-weight: bold ;
  margin: 0 0 0 0;
  }

/* Gros titre en vert gras:cde EXPRESS */ 
.h1vertB 
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#29635A;
  font-size:12pt;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/* Gros titre en orange gras:cde REAPPRO */ 
.h1orangeB
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#EC9F26;
  font-size:12pt;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/* Gros titre en jaune gras:cde MORTE-SAISON */ 
.h1jauneB
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#828426;
  font-size:12pt;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/* Gros titre en marron gras:PROMO FAMILLE */ 
.h1marron
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#A57B52;
  font-size:12pt;
  text-align: center;
  text-decoration: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/* Gros titre en violet gras:DEMANDE de COTATION */ 
.h1violetB
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#7A4B89;
  font-size:12pt;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

/* titre en vert */ 
h2
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#317363;
  font-size:14pt;
  text-align: center;
  }
	
/* Morte-Saison:texte en vert-jaune */ 
.ms
  {
  border-width: 1px;
  border-style: solid;
	border-color:#828426;
  display: block;
	background-color:#FFFEEC;
  font-family:Arial, Helvetica, sans-serif;
  color:#828426;
  font-size:8pt;
  text-align: center;
  }

.entetcot
  {
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:8pt;
  text-align: center;
  text-decoration: none;
  margin: 0 0 0 0;
  }
	
/* aide a la recherche:ref sans espace ... */
a.aiderech {text-decoration: none;}
a.aiderech:hover {background: none;}
a.aiderech span {display: none;}
a.aiderech:hover span
  {
  position: absolute;
  display: inline;
  background-color: #FEFEFE;
  width: 430px;
  padding: 5px;
  border: 1px solid #000000;/*EC9F26*/
  text-align: left;
  color: #000000;/*317363*/
  }

/*-------------------------------------------------------------------*/
/* Details des produits dans la liste (pr-pdts):photos, cotes ...  */
/*-------------------------------------------------------------------*/
a.details {text-decoration: none;}
a.details:hover {background: none;}
a.details span {display: none;}
a.details:hover span
  {
  position: absolute;
  display: inline;
  background: #FFFFFF;
  top: 80px;
  left: 10px;
  width: 200px;
  padding: 10px;
  border-width: 1px;
  border-color: #317363;
  border-style: solid;
  text-align: center;
  color: #8A8A8A;
  }

/*-------------------------------------------------------------------*/
/* Details des produits dans la liste (promo-f):photos, cotes ...  */
/*-------------------------------------------------------------------*/
a.promof {text-decoration: none;}
a.promof:hover {background: none;}
a.promof span {display: none;}
a.promof:hover span
  {
  position: absolute;
  display: inline;
  background: #FFFFFF;
  top: 80px;
  left: 300px;
  width: 200px;
  padding: 10px;
  border-width: 1px;
  border-color: #A57B52;
  border-style: solid;
  text-align: center;
  color: #8A8A8A;
  }

/*--------------------------------------------------------------------*/
/* Details des produits dans la liste (pr-pdtsc):photos, cotes ...  */
/*--------------------------------------------------------------------*/
a.detailsc {text-decoration: none;}
a.detailsc:hover {background: none;}
a.detailsc span {display: none;}
a.detailsc:hover span
  {
  position: absolute;
  display: inline;
  background: #FFFFFF;
  top: 80px;
  left: 300px;
  width: 200px;
  padding: 10px;
  border-width: 1px;
  border-color: #317363;
  border-style: solid;
  text-align: center;
  color: #8A8A8A;
  }

a.spanprod {position:relative;}
a.spanprod:hover {background: none;}
a.spanprod span {display: none;}
a.spanprod:hover span
  {
  position: absolute;
  display: inline;
  background: #FFFFFF;
  top: -100px;
  left: 200px;
  width: 200px;
  padding: 10px;
  border-width: 1px;
  border-color: #317363;
  border-style: solid;
  text-align: center;
  color: #8A8A8A;
  z-index: 1;
  }

/*------------------------------*/
/* Illustration des gammes ...  */
/*------------------------------*/
a.affgam {text-decoration: none;}
a.affgam:hover {background: none;}
a.affgam span {display: none;}
a.affgam:hover span
  {
  position: absolute;
  background-color:#EFEFEF;
  display: block;
  left:460px;
  top:110px;
  width: 350px;
  height: 300px;
  z-index: 1;
  }

/*-------------------------------------*/
/* Illustration TOUTES LES GAMMES ...  */
/*-------------------------------------*/
a.affttgam span 
	{
  position: absolute;
  display: block;
  left:460px;
  top:110px;
  width: 330px;
  z-index: 1;
  }

/*-------------------------------------*/
/*         CHAMPS DE FORMULAIRES       */
/*-------------------------------------*/
.MOTCLE 
	{
	background-color:#FFFFFF;
	border:1px solid #959595;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	color:#CF8812;
	font-weight:bold;
	text-align:center;
	}
	/*
INPUT 
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	color:#000000;
	}
*/
INPUT[type=text],INPUT[type=password]
	{
  font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	border:1px solid #959595;
	margin:1px;
	padding:1px;
	}
CHECKBOX 
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	color:#000000;
	border:0;
	}
RADIO
	{
	/*background-color: transparent;/* evite un border sous IE ! */
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	color:#000000;
	/*border:0;
	margin:0 0 0 0;
	padding:0 0 0 0;*/
	}
SELECT 
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	border:1px solid #959595;
	}
OPTION
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	border:1px;
	}
TEXTAREA
	{
	font-family: Arial, Helvetica, sans-serif ;
	font-size:8pt;
	color:#000000;
	border:1px;
	}
BUTTON 
  { 
  font-family: arial, helvetica, sans-serif ;
  border-width: 2pt ;
  font-size: 16pt ;
  color: black ;
  top: 250px ;
  }
LABEL 
	{
  font-family:Arial Narrow, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:8pt;
  text-align: left;
  text-decoration:none;
	}

/*--------------------------------------------------------------------------*/
/* Boutons valider, envoyer, commander ...                                  */
/*--------------------------------------------------------------------------*/
a.bouton:link,a.bouton:visited,a.bouton:hover 
  {
  width:130px;
  height:20px;
	display: block;
	background-color:#FFFFFF;
  border-width: 1px;
  border-color: #EC9F21;
  border-style: solid;
  font-family: Arial, Helvetica;
  color: #EC9F26;
  font-size:8pt;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  }

a.btnRouge:link,a.btnRouge:visited,a.btnRouge:hover 
  {
  width:130px;
  height:20px;
	display: block;
  border-width: 1px;
  border-color: #8A8A8A;
  border-style: solid;
  font-family: Arial, Helvetica;
  color: #C00000;
  font-size:8pt;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
	background-color:#EFEFEF;
  }

/*--------------------------------------------------------------------------*/
/* BtnMenus du menu:image de fond, police du texte, cadrage du texte ...*/
/*--------------------------------------------------------------------------*/
a.BtnMenu:link 
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url(images/boutons/btlow.png);
  }
a.BtnMenu:visited /* visited doit etre place avant hover sinon l effet rollover ne fonctionne pas !  */ 
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url(images/boutons/btlow.png);
  }
a.BtnMenu:hover 
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url(images/boutons/btlow-a.png);
  }

/* -- BtnMenus actifs:image de fond, police du texte, cadrage du texte ...*/
a.BtnMenuA:link
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url(images/boutons/btlow-b.png);
  }
a.BtnMenuA:visited
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url(images/boutons/btlow-b.png);
  }
a.BtnMenuA:hover
  {
  width:150px;
  height:36px;
	display: block;
  font-family: Verdana, Arial, Helvetica;
  color: #EFEFEF;
  font-size:8pt;
	font-weight: bold ;
  text-decoration:none;
	line-height: 36px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
  vertical-align: middle;
  background-image:url("images/boutons/btlow-b.png");
  }

a.btorange:link,a.btorange:visited,a.btorange:hover,a.btorange /* sous-rubrique active */ 
	{
  width:90px;
  height:20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#EC9F21;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
	text-decoration:none;
  background-image:url("images/boutons/bt-vierge.png");
	}

a.btvert:link,a.btvert:visited,a.btvert:hover,a.btvert /* sous-rubrique active */ 
	{
  width:90px;
  height:20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#29635A;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
	text-decoration:none;
  background-image:url("images/boutons/bt-vierge.png");
	}

a.btrech1:link,a.btrech1:visited,a.btrech1:hover,a.btrech1 /* sous-rubrique active */ 
	{
  width:90px;
  height:20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#29615A;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
	text-decoration:none;
  background-image:url("images/boutons/rechercher.png");
	}

a.btrech3:link,a.btrech3:visited,a.btrech3:hover,a.btrech3 /* sous-rubrique active */ 
	{
  width:90px;
  height:20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#EC9F21;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
	text-decoration:none;
  background-image:url("images/boutons/rechercher.png");
	}

a.btrech6:link,a.btrech6:visited,a.btrech6:hover,a.btrech6 /* sous-rubrique active */ 
	{
  width:90px;
  height:20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#7B9CBD;
  text-decoration:none;
	line-height: 20px;/* hauteur de la ligne de texte=hauteur du BtnMenu pour texte centré verticalement */
  text-align: center;
	text-decoration:none;
  background-image:url("images/boutons/rechercher.png");
	}

/*-----------------------------*/
/* Sous-rubriques des BtnMenus  */
/*-----------------------------*/
a.srubmenu:link,a.srubmenu:visited
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#29615A;
	text-decoration:none;
	margin-left:4px;
	}
a.srubmenu:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#EC9F26;
	text-decoration:none;
	margin-left:4px;
	}
a.srubmenuA /* sous-rubrique active */ 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#EC9F26;
	text-decoration:none;
	margin-left:4px;
	}
a.srubmenuA:hover /* sous-rubrique active */ 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#EC9F26;
	text-decoration:none;
	margin-left:4px;
	}

div.apercurw {text-decoration: none;margin:0;padding:0;}
div.apercurw:hover {background: none;}
div.apercurw ul {display: none;}
div.apercurw:hover ul  {	position:relative;  display: inline;  top: 5px;	left:40%;  }

/* pr-pdt : schema hover photo */	
a.zoomsch {font-size:7pt;color: #656565;font-weight:bold;text-decoration: none;}
a.zoomsch:hover {background: none;}
a.zoomsch em {display: none;} 
a.zoomsch:hover em  {position:absolute;display: inline;background: none;border: 3px double #656565;top: 100px;left:65px; }
a.zoomsch:hover em:hover {display: none;} 

/* zoom produit */	
a.zoomprod {font-size:7pt;color: #656565;text-decoration: none;}
a.zoomprod:hover {background: none;}

/* pr-pdts, ajcolis */
a.zoomprod em {display: none;} 
a.zoomprod:hover em  {  position: fixed;display: inline;background: #FFFFFF;border: 3px double #656565;font-weight:bold;top: 80px;left: 50px;width: 200px;padding: 10px;text-align: center;color: #8A8A8A;z-index:10;  }
a.zoomprod:hover em:hover {display: none;} 
/*  pr-albf */
a.zoomprod span {display: none;} 
a.zoomprod:hover span  {  position: absolute;display: inline; background: #FFFFFF; margin-top: -100px;width: 200px; padding: 10px; border: 1px solid #317363;text-align: center;color: #8A8A8A;}
/*a.zoomprod:hover span:hover {display: none;}*/