body {


font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;

margin: 0;
padding: 0;





text-align: center;
margin-top: 0px; 







background-color: #E2E6D9;
}

ul, li {margin: 0;padding: 0;}
h1, h2, h3, h4 {margin: 0;}
p {margin: 0;padding: 0;}
a, a:hover {text-decoration: none;}
img {border: none;}


#conteneur {

width:789px;
margin: auto;
background-color:#E2E6D9;
text-align: left;
background-image:  url(images/vente_pupitre_conference_hautpage.jpg);
background-repeat: no-repeat;
padding-top: 15px; 

}
#fond {
margin: 0;
width:789px;
background-image: url(images/fond.jpg);
background-repeat: repeat-y;
}
#decal {
padding-left: 7px;
}
#conteneur ul{
list-style-type: none;
margin: 0;
padding:0;

}

#header {

height: 316px; 
width: 769px;
background-color: #fffffF; 
background-repeat: no-repeat;

color: #99ffff;
}
#header img {

display: block;
border: 0px solid ;
}

/* #header p {
margin-top: px; 
color: rgb(201, 17, 168); 
margin-left: px;
} */

/*    menuhaut HAUT 
 */

#menus {

  height: 60px;
  width: 769px;
  background-color: #d2d7c4;
  color: #0f1101;

  font-size: 11px;
  font-weight: bold;
}
#menus a {
  color: #0f1101;
}
#menus ul {
  margin: 17px 0 0;
  padding: 0;

}
#menus li {
  display: inline;
}
#menuhaut {
  float: left;
  height: 60px;
  width: 182px;
background-image: url(images/menuhaut.jpg);
  background-color: #e3e8d4;
  background-repeat: no-repeat;




}
#menuhaut ul{
margin-left: 18px;
}
#menuhaut li{

}
#menuhaut a.me {
margin: 0px;
padding-right: 22px;
	background-image: url(images/carVertG.gif);
  background-position: right center;
  background-repeat: no-repeat;
}


#menuhaut a:hover {
background-image: url(images/carRougGb.gif);
color: #FF0000;
}
#menuhaut a.mi {
background-repeat: no-repeat; 
background-image: url(images/caddie.jpg); 




width: 35px; height: 43px; 
display: block; float: right;
}
#menuhaut a:hover.mi {
background-image: url(images/caddieb.jpg);
color: #FF0000;
}

/*    menuhaut DE DROITE 
 */
#menuhautdroit {

height: 60px;
width: 587px;
float: left; 
text-align: right;
background-image: url(images/menuhautdroit.jpg);
  background-repeat: no-repeat;
  background-color: #bbe40e;




}

#menuhautdroit ul{
margin-right: 18px;

}
#menuhautdroit li {


margin-left: 30px;
}
#menuhautdroit li.menhautdrg, #menuhautdroit li.menhautdrgactif {
float: right; margin-top: 5px;}

#menuhautdroit a {
margin: 0px;



padding-right: 22px;
	background-image: url(images/carRougG.gif);
	background-position: right center;
    background-repeat: no-repeat;
}

#menuhautdroit a:hover, #menuhautdroit li.menhautdrgactif a, #menuhautdroit li.actif a {
margin: 0px;
color: #FF0000;  /* 92AB63 */
background-image: url(images/carVertGb.gif);
}
#milieu {
margin-right: 13px;
}

#gauche {
width: 224px;
float:left;
}
#gauche img {
display: block;
}

/*    menuhaut GAUCHE
 */

#mengauch {
width: 224px; 
height: 210px;
text-align: left;
font-size: 10px;
color: #fe0000;
font-weight: bold;	
background-image: url(images/menugauch.jpg);
background-repeat: no-repeat;
}
#gauche ul {
list-style-type: none;
font-size: 10px;
padding-top: 33px;  /* 45px; */
}
#menugauche li {
margin-left: 23px;
}
#menugauche a {
color: #54004d;
text-decoration: none;
font-weight: bold;
font-size: 10px;
padding-left: 5px;
	background-image: url(images/carRoug.gif);
	background-position: left;
    background-repeat: no-repeat;
}
#menugauche a:hover {
background-image: url(images/carVert.gif);
color: #fff;
font-size: 11px;
/*color: rgb(176, 170, 0);*/
}
#menugauche a.actif {
padding-left: 24px;
background-image: url(images/carVert.gif);
background-position: left;
background-repeat: no-repeat;
color: #5A5D52;
}
.spac {
letter-spacing: -1px;
}

#centre, #centrevente, #centreprincipe, #centreproch {

float:right;
padding: 0;
background-repeat: no-repeat;
background-position: right top;
text-align: justify; 
width: 545px;
height: 653px;
margin-right: 0px;
}
	html> body #centre, #centrevente, #centreprincipe, #centreproch {
height: auto;
min-height: 653px;
}
a.vente {
color: #0F1101;
}
a:hover.vente {
color: #FF0000;
}
a.NOvente {color: #9FA692;}

#centre {
}
#centrevente {
background-image: url(images/centretrait.jpg);
}
#centreprincipe {
background-image: url(images/centretrait.jpg);
}
#centreproch  {
background-image: url(images/centretrait.jpg);

}
#text {
margin-top: 40px;    /* av  padding-top: 70px;   */
padding-right: 40px;
text-align: right;
}
#text p {
padding-bottom: 10px;
}
#text td  {
padding-left: 5px;
}
html> body #text table  {
/* float: right; */
}

#text a {
color: #000;
text-decoration: underline;
}
#text a:hover {
color: #B00401;
text-decoration: none;
}

#text a.noline {
text-decoration: none;

}

#text.CGV  p{
text-align : justify;
margin-left: 30px;
}
#text.CGV  img{
margin-right: 30px; margin-bottom: 15px;
}

#centreprincipe p, #centreproch  p {
padding-bottom: 0px;
}
h1 {
font-size: 14px;
color: #9FA692;
}


h1.spe {
font-size: 12px;
color: #000;
font-weight: normal;
}

h2.spe  {
font-size: 18px;
font-weight: bold;
color: #B00401;
}

h2, .rg  {
font-size: 18px;
font-weight: bold;
color: #B00401;
padding-top: 5px;
}
h3 {
font-size: 14px;
color: #000;

}
#centrevente h1 {
font-size: 14px;
color: #9FA692;
margin-bottom: 60px;
}
#centrevente h2, #centrevente.rg  {
font-size: 18px;
font-weight: bold;
color: #B00401;
margin-bottom: 10px;
}
#centrevente h3 {
font-size: 24px;
color: #000;
/* av margin-top: 11px;
 voir ŕ mettre pour IE margin-top: ; dans text ou centre*/

}
.ttpe {
font-size: 10px;

}
.textpe {
font-size: 11px;
}
.text11 {
font-size: 11px;
}
.text12 {
font-size: 12px;
}
.text12rg {
font-size: 12px;
font-weight: bold; color: rgb(175, 3, 3);
}
.text14 {
font-size: 14px;
}
.text14rg {
font-size: 14px;
font-weight: bold; color: rgb(175, 3, 3);
}
.prix, .prixht {

font-size: 20px;

padding: 1px;
color: rgb(255, 255, 255); 
background-color: rgb(205, 20, 8);
}
.prixht {
font-size: 16px;
padding-top: 7px;
padding-bottom: 2px;
}

#inscriv, #inscrivAccueil {
clear:both;
text-align: left; 
height: 110px; 
margin-bottom: 20px; 
padding-top: 0px;  /* au lieu de margin-top: 30px;   */
}
#inscriv {
background-repeat: no-repeat; 
background-position: right top; 
background-image:  url(images/inscrivez-vous-fond.jpg); 
}
#inscrivAccueil {
margin-top: -50px;
}
#butt {
border: 0px solid ; margin-left: 62px; padding-top: 10px; width: 173px;
}
.inscriv {
margin-left: 80px; text-align: left; margin-top: 5px;
font-size: 10px;
}

#imgDet img{
width: 240px; margin-left: 15px;
}

/* LISTE PRODUITS CENTRE */
#listprod  {
background-color: #D3D7C8; 
font-size: 9px;
margin-top: 10px;
padding-left: 15px;
}
.listprod1, .listprod2{

width: 225px;
height: 220px;
background-image:  url(images/fp.jpg);
background-repeat: no-repeat;
background-color: #fff; 
margin-top: 20px;  
padding: 20px 10px 10px;
}
.imgprod{
float: left; 



}



.listprod1 { float: left;  }
.listprod2 { float: right; }

#listprod a.text14rg {
font-size: 14px;
font-weight: bold; color: rgb(175, 3, 3);

text-decoration: none;
}


#listprod a:hover {text-decoration: underline;
}


#listprod h1{height: 32px;
padding-top: 25px; 
margin-bottom: 30px;
}



#listprod p.des { padding-bottom: 40px; }
#listprod p.liv { float: left; font-style: italic; padding-left: 10px; line-height: 6px; color: rgb(175, 3, 3);}





#listprod p.prix {
width: 110px;
padding-top: 2px; font-weight: bold; font-size: 14px;  text-align: right; float: left; color: #000; background-color: #fff; 






}



#listprod p.det{width: 87px; float: right; 
}
/* FIN LISTE PRODUITS CENTRE */

#pied {
background-image: url(images/pied.jpg);
font-family: Arial, Verdana, Helvetica, sans-serif;
background-repeat: no-repeat;
font-weight: bold;
width: 782px;
clear:both;
height: 35px;
color: #36002C;
background-color: rgb(176, 170, 0); 
font-size: 14px; 
padding-left: 7px;

}


#pied a {
height: 26px;
margin: 0;
padding: 0;

}
#pied a img {


display: block;
	border: 0px;
	margin: 0;
padding-top: 0px;
	}
ul#menpied {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

ul#menpied li {
float: left;
line-height: 26px;
}

ul#menpied a {



float: left;
margin: 0;
margin-top: 0px;
padding: 0px;
padding-right: 0px;
text-align: center;
border: 0px solid gray;
text-decoration: none;
color: #000;

}

ul#menpied a:hover {



padding-top: 0px;
border: 1px #54543C; 
border-style: solid none;
}