html, body {
height: 100%;
width: 100%;
}

body {
  margin-bottom : 0;
  margin-left : 0;
  margin-right : 0;
  margin-top : 0;
  font-family : "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color:#F2F2F2; 
  margin: 0;
  padding: 0;
  }

#contenu {
height: 100%;
margin-left: 200px;
width:759px;
background-color:#FFFFFF;
}

#menu {
position: absolute;
left:0;
background-color: #1C382F;
width: 200px;
height: 100%;
} 

#catalog {
padding-left:6px;
padding-top:6px;
background-color: #1C382F;
} 

#guide {
padding-left:6px;
padding-top:6px;
background-color: #1C382F;
} 


.menuleft { text-decoration : none; margin-right : 1px;color : #FFFFFF; font-weight : bold; font-size:11px; }
.menuleft:link { color : #FFFFFF;}
.menuleft:visited { color : #FFFF99;}
.menuleft:hover { color: #FFFF99;}

.menuleft_normal { text-align-right;text-decoration : none; margin-right : 1px;color : #000000; font-weight : normal; font-size:11px; }
.menuleft_normal:link { color : #000000;font-weight : normal;}
.menuleft_normal:visited { color : #000000;font-weight : normal;}
.menuleft_normal:hover { color: #000000;text-decoration : none;font-weight : normal;}


.menuleft_09 { text-align: right;font-family: verdana, arial, sans-serif;text-decoration : none; margin-right : 1px;color : white; font-weight : normal; font-size:11px; line-height: 15px;}
.menuleft_09:link {text-align: right;font-family: verdana, arial, sans-serif; color : white;font-weight : normal;line-height: 15px;font-size:11px; }
.menuleft_09:visited { text-align: right;font-family: verdana, arial, sans-serif;color : white;font-weight : normal;line-height: 15px;font-size:11px; }
.menuleft_09:hover { text-align: right;font-family: verdana, arial, sans-serif;color: white;text-decoration : underline;font-weight : normal;line-height: 15px;font-size:11px; }


h1      { font-size: 17px; font-weight: bold; color: #000099; }
h2      { font-size: 15px; font-weight: bold; }

.phpdighighlight { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffefd5; border: solid 1px #f00 }


.tetiere_old { font-size: 15px; font-weight:bold; padding:3px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif;background-color: #ffefd5; border: solid 1px #f00 }

.tetiere { font-size: 15px; font-weight:bold; padding:3px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif;background-color: #F9EA97; border: solid 1px #E1B404 }


.entete {
	font-family: Quadraat, Times, Trebuchet Ms, Helvetica, Arial, sans-serif; 
	font-weight:bold;
	padding:1px;
	font-size: 26px;
	color:#663322;
	font-weight:bold;
	line-height:30px;
	font-variant : small-caps;
	padding-left:20px;
}

.entetecat {
	font-family: Quadraat, Times, Trebuchet Ms, Helvetica, Arial, sans-serif; 
	font-weight:bold;
	padding:1px;
	font-size: 30px;
	color:#663322;
	font-weight:bold;
	line-height:30px;
	font-variant : small-caps;
	padding-left:20px;
}

.enteteprod {
	font-family: Trebuchet Ms, Helvetica, Arial, sans-serif; 
	font-weight:normal;
	padding:1px;
	font-size: 18px;
	color:#000000;
	font-weight:bold;
	line-height:20px;
	padding-left:20px;
}

.titMainBox { color : #1C382F; font-size: 24px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif }

.txtMainBox { color : #4c4c4c; font-size: 14px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height: 16px;  margin-top: 4px }

.top {
  text-decoration: none;
  color:#000000;
}

.top:link {
  text-decoration: none;
  color:#000000;
}

.top:visited {
  text-decoration: none;
  color:#000000;
}

.top:hover {
  text-decoration: underline;
  color:#000000;  
}

.titre { font-weight: bold;}

.titreproduit  { color : #1C382F; font-size: 18px; line-height:20px;font-family: Trebuchet MS, Helvetica, Arial, sans-serif; margin-bottom: 7px }

.entetetitre { font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size:24px; line-height:28px;}

.prix { font-family: "Trebuchet Ms", Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #CC0000;}

.label_gris { font-family: "Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #666666;}

.right { font-family: Verdana, Arial , sans-serif; font-size: 13px; font-weight: bold; color: #000000;padding:3px;}

.petit { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #000000;}

.blanc { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff;}

.formulaire1 {
color:#000000;
border: solid 1px #1C382F;
background-color:#fff;
font-size:11px;
font-weight: none;
}

.bouton {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #000000;
	background-color:#FFD800;
	border: solid 1px #E1B404;
	margin-bottom: 1px;
	
}	


.bouton_rechercher {
	background-image: url(../../images/09-btn-ok.jpg);
    background-repeat:no-repeat; 
	width:20px;
	height:20px;
	border:0px;
}

.bouton_rechercher08 {
cursor: pointer; 
	background-image: url(../../images/09-btn-ok.jpg);
    background-repeat:no-repeat; 
	width:20px;
	height:20px;
	border:0px;
}	

.etoile {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

.red {
font-family: Arial; 
font-size: 11px; 
color: #CC0000; 
font-weight: bold;
}

hr {
color: #8795E8;
height: 1px;
}

td {
	/* vertical-align:top;*/
	line-height : 15px;
}



.entetespec {
	font-weight:bold;
	padding:1px;
	font-size: 11px;
	color:#8795E8;
	font-weight:bold;
	border: 1px solid #CCCBCB;
	font-family: Verdana;
}



td.newsCelluleOne {
	/*
	border-right: 1px dashed #333333;
	border-bottom: 1px dashed #333333;
	*/
	padding-top: 30px;
	padding-bottom: 30px;
}

td.newsCelluleTwo {
	/*
	border-bottom: 1px dashed #333333;
	*/
	padding-top: 30px;
	padding-bottom: 30px;
}

td.newsCellulePromos {
	padding-top: 30px;
	padding-bottom: 30px;
}

td.newsCelluleNouveautes {
	padding-top: 30px;
	padding-bottom: 30px;
}

tr.caddie {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #725943;
	line-height:15px;
}

td.caddie {
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-weight:bold;
	text-align : center;
	text-transform : uppercase;
	font-size : 11px;
	vertical-align: middle;
	line-height:15px;
	
}

td.lignecaddie {
	border-bottom: 1px solid #EEEEEE;
	background: #ffffff;
	color: #000000;
	font-size : 11px;

	
}

#menudyn {
	margin : 0;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
}

#menudyn li	{
	list-style-type : none;
	margin-right : 8px;
	padding : 0;
	float:left;
}

#menudyn a:link, #menudyn a:visited	{
	font-family:Trebuchet Ms, Arial, Helvetica;
	background : #ffffff;
	color : #1C382F;
	float : left;
	font-weight : normal;
	padding : 1px 1px 1px 1px;
	text-decoration : none;
	font-size: 11px;
}

#menudyn a:hover	{
	color : #CC0000;
	background : #ffffff;
	/*border-bottom : 1px solid #cc0000;*/

}

#section-1 #menudyn li#nav-1 a, 
#section-2 #menudyn li#nav-2 a,
#section-3 #menudyn li#nav-3 a,
#section-4 #menudyn li#nav-4 a,
#section-5 #menudyn li#nav-5 a,
#section-6 #menudyn li#nav-6 a,
#section-7 #menudyn li#nav-7 a,
#section-8 #menudyn li#nav-8 a,
#section-9 #menudyn li#nav-9 a,
#section-10 #menudyn li#nav-10 a,
#section-11 #menudyn li#nav-11 a {
	background : #666666;
	color : #AD151A;
	font-style:italic;
	
}



.error { font-size: 13px; color: #DD0000; font-weight: bold;}

.label { font-size: 11px; color: #000000; font-weight: bold;}

.label_rouge { font-size: 13px; color: #B6282B; font-weight: bold;}

.texte { 
font-size: 11px; 
color: #000000;
font-family: Verdana;
}

.titre { font-weight: bold;font-size: 12px;color: #000000;}
.titre:link {text-decoration:none; }
.titre:link { text-decoration:none;}
.titre:link {text-decoration:none; }


.menu_caddie { font-weight: bold;font-size: 12px;color: #e8e8e8;}
.menu_caddie:link {text-decoration:none; }
.menu_caddie:link { text-decoration:none;}
.menu_caddie:link {text-decoration:none; }


a:link { text-decoration:none;color : #000000;}
a:visited { text-decoration:none;color : #000000;}
a:hover { text-decoration:underline;color : #ff0000;}

.titredroite { font-size: 12px;font-weight:bold;color: #666666; text-align:center;}
.titredroite_rouge { font-size: 12px;font-weight:bold;color: #B6282B; text-align:center;}




.footer { color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.footer:hover { color: #ffffff;text-decoration: underline;}
.footer:link { color: #ffffff;text-decoration: none;}
.footer:visited { color: #ffffff; text-decoration: none;}


.addcart { font-size: 11px;color: #2E1D87; font-family: Verdana;font-weight:bold;}
.addcart:link { color: #2E1D87;}
.addcart:visited { color: #2E1D87;}
.addcart:hover { color: #E60003;}

input:focus, select:focus, textarea:focus {background-color: #eeeeee;color: #000}
 
img{
	border:0;
	}	

.total {
	color:#CC0000;
	font-weight:bold;
	font-size:11px;
}


.titre_details { font-weight: bold; color:#51B9EF;font-size:11px;}

.searchImg {
	border: 1px solid #E0E0E0;
	}


#trailimageid
{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 620px;
	height: 0px;
	z-index: 200;
}

.menuhaut { font-size: 11px;color: #fff;}
.menuhaut:link { color: #fff;}
.menuhaut:visited { color: #fff;}
.menuhaut:hover { text-decoration:underline;color: #fff;}


p {
margin: 0 0 10px 0;
}



#pscroller1{
width: 140px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}



.someclass{ //class to apply to your scroller(s) if desired
}

 
#requete {
	padding: 5px;
	margin: 10px 0 0 10px;
	border: 0px;
	width: 250px;
}

#requete fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#requete fieldset label {
	display: block;
}

#requete legend {
	margin: 0 0 5px;
}

#requete p {
	display: block;
	padding: 5px 0 0;
	margin: 10px 0 0;
	width: 300px;
}

#placement_compositeur {
	background-color: #fff;
	display: block;
	overflow:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 300px;
	
}

#placement_compositeur li {
	background: #fff;
	display: block;
	margin: 0;
	padding: 0;
}

#placement_compositeur li a{
	display: block;
	padding: 2px;
	text-decoration: none;
}
#placement_compositeur li a:hover{
	background-color: #ffffc0;
}		

input {
	margin: 0;
}

.titBox { color : #1C382F; font-size: 18px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; margin-bottom: 7px }

.txtBox { color : #4c4c4c; font-size: 12px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; line-height: 14px; margin-top: 8px }

.normal { font-family:geneva, Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 11px; color: #333333;}


a:link {color:#925B41; font-weight:bold; text-decoration:none}
a:active {color:#925B41; font-weight:bold; text-decoration:none}
a:visited {color:#925B41; font-weight:bold; text-decoration:none}
a:hover {color:#0000ff; text-decoration:none}



/*utilisé pour le fil d'ariane entre autre, d'où le padding-left*/
.ariane {padding-left:20px}