#test{ position:relative;}
#img0{ display:none; position:absolute;}
#img1{float:left; margin:100px 0px 0px 0px;  }
#img2{ float:left; margin:100px 0px 0px 0px; }
#img3{ float:left; margin:100px 0px 0px 0px; }

body{ font-size:62.5%; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; background: url(../cssimg/body_bg.gif) 0px 0px repeat-x; }
#conteneur{ margin:0px auto 0px auto; width:1000px; }

/* ====================================================================== */
/* =============================== GLOBAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }

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

h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.3em; }
p  { font-size:1.2em; }

textarea{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1em;}

.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

.strong{font-weight:bold !important;}
.no-strong{font-weight:normal !important;}
.hidden-link{ color:black; text-decoration:none;}

/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; background:url(../cssimg/slogan.gif) 460px 0px no-repeat; height:175px; }


/* ================== Logo ================== */
#logo{ position:absolute; top:36px; left:30px; }
	#logo img{ }

	
/* ================== Recherche ================== */
#rechercherRef{ position:absolute; top:33px; right:0px; }
	#rechercherRef p{}
	#rechercherRef label{ position:relative; top:4px; display:block; margin:0px 5px 0px 0px; font-weight:bold; color:#3C3C3C; }
	#rechercherRef input,#rechercherRef input.normal{ padding:1px 3px; width:121px; border:1px #555555 solid; background:#FFEFF1; color:#3C3C3C;  }
	#rechercherRef input.focus{ background:white;}
	#rechercherRef button{ width:33px; height:35px; background: url(../cssimg/search_OK.jpg) 0px 0px no-repeat; border:0px; }
	
/* ================== menu ================== */
#menu-haut { position:absolute; top:125px; margin:0px 0px 0px 40px; }
	#menu-haut ul {}
		#menu-haut ul li { float:left; }
		#menu-haut ul a {float:left; display:block; height:20px; margin:0px 0px 0px 0px; padding:8px 20px 0px 40px; color:#eaeaea; background: url(../cssimg/menu_haut_separateur.gif) right 0px no-repeat; text-decoration:none; font-size:1.2em; }
		#menu-haut ul a:hover { color:white; }
		#menu-haut ul a.selectmenuhaut { color:white; font-weight:bold;}



/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */

#centre { position:relative; width:960px; background: url(../cssimg/center.gif) 0px bottom no-repeat; height:auto; min-height:350px; _height:350px; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; }
	
#main { float:left; width:782px; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; z-index:1;}

h1.nom-page{ padding:5px 0px 0px 30px; height:25px; color:white; font-size:1.2em; background: url(../cssimg/titre_h1.gif) 0px 0px no-repeat;}
 

 

/* =================== fil ariane =================== */
#fil-ariane{ position:relative; top:9px; right:10px; height:20px; padding:2px 0px 0px 0px; color:#4F4F4F;}
	#fil-ariane ul{ float:right; padding:0px 10px 0px 0px; }
		#fil-ariane li{ float:left; list-style-type:none; padding:0px 0px 0px 5px; font-weight:bold; font-size:1.1em; }
		#fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:black; text-decoration:none; }	
		#fil-ariane li a:hover{}
	
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer{ background: url(../cssimg/footer_bg.gif) 0px 0px repeat-x; height:23px; clear:both; text-align:center; color:#555555; }
	#footer p{ text-align:center; padding:4px 0px 0px 0px; font-size:1em; }
		#footer a{ text-decoration:none; color:#555555; }
			#footer a:hover{ text-decoration:underline;}

		
/* ====================================================================== */
/* ============================ PAGE ACCUEIL ============================ */
/* ====================================================================== */

#description{ margin:10px 0px 0px 20px; }
	#description .title{ font-size:1.2em; }
	#description .image{ float:left; margin:5px 5px 5px 5px; }
	#description .txt{ color:#333; }

/* ===== LISTE RAYON =====*/
#cadre1{margin:10px 0px 10px 20px; float:left; width:291px; height:162px; background: url(../cssimg/cadre1.gif) 0px 0px no-repeat;}
	#cadre1 h2.title{ margin:0px 0px 0px 37px; height:29px; font-size:1.2em; }
		#cadre1 h2.title a{ color:#D50419; text-decoration:none;}
		#cadre1 h2.title a:hover{ text-decoration:underline;}
	#cadre1 img{ float:left; margin:0px 3px 0px 1px;}
		#cadre1 img a{ }
	#cadre1 .txt{ margin:5px 3px 0px 5px; font-size:1.1em; color:#333;}
		#cadre1 .txt a{ color:#333; text-decoration:none; }
			#cadre1 .txt a:hover{ text-decoration:underline;}

/* ===== LE PRODUIT =====*/
table#product{ margin:10px auto 0px auto; width:750px; background:white; border-left:1px #d5d5d5 solid; }	
	#product tr{}
	#product th{padding:3px 5px 3px 5px; height:25px; background:#e0001a; color:white; font-weight:bold; font-size:1.2em; border-top:1px #a60201 solid; border-right:1px white solid; text-align:center;}
	#product td{ padding:3px 5px 3px 5px; font-size:1.2em; color:#010101; border-bottom:1px #808080 solid; border-right:1px #d5d5d5 solid;}
	#product input{ border-bottom:1px #CCC solid; border-top:2px #a1a1a1 solid; border-left:2px #a1a1a1 solid; border-right:1px #ccc solid;}
	#product .del{padding:0px 0px 0px 10px; color:red; }
	
.confirm{margin:30px 0px 0px 108px; font-style:italic; color:#757575; }
	
.alert{ clear:both; margin:10px 0px 10px 0px; font-size:1.2em; font-weight:bold; font-style:italic; color:#D60219; text-align:center;}

/* ====================================================================== */
/* ============================= COTE ADMIN ============================= */
/* ====================================================================== */
.retour { margin:0px 10px 0px 0px; float:right;}

#derriere{margin:20px 0px 10px 20px;}

	#derriere legend{ margin:0px 0px 10px 0px; padding:1px 10px; background:#9F9F9F; color:white;}
	#derriere label{ float:left; display:block; margin:0px 5px 0px 0px; color:#333; min-width:100px;}

.r1{margin:10px 0px 0px 0px; font-weight:bold;}
	.r1 a{ color:#333;}
.r2{margin:0px 0px 2px 15px; padding:0px 0px 0px 15px; }
	.r2 a{ color:#333;}
.creer-ssrayon{margin:2px 0px 0px 15px; padding:0px 0px 0px 15px; background:url(../cssimg/plus.gif) 0px center no-repeat;}
	.creer-ssrayon a{}

.create{ margin:20px 0px 0px 0px; padding:0px 0px 0px 15px; background:url(../cssimg/plus.gif) 0px center no-repeat;}

/* ====================================================================== */
/* ============================ PAGE SITEMAP ============================ */
/* ====================================================================== */
#sitemap {}
	
	#listsitemap {}
	#listsitemap dt,#listsitemap dd,#listsitemap li{ list-style-type:none; }
	
	#listsitemap dt a,#listsitemap dd a,#listsitemap li a{ text-decoration:none; color:black; display:block; height:17px; }
	html>body #listsitemap dt a, html>body #listsitemap dd a, html>body #listsitemap li a{ min-height:17px; height:auto;}
	#listsitemap dt a:hover,#listsitemap dd a:hover,#listsitemap li a:hover{ text-decoration:underline; color:black; }
	
	#listsitemap h2 {font-size:1.4em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; }
	#listsitemap h2 a{color:black; text-decoration:none;}
	#listsitemap h2 a:hover{ color:#808080;}
	
	#listsitemap dt a{font-size:1.3em; padding:0px 0px 0px 20px; margin:0; }
	#listsitemap dt a:hover{}
	
	#listsitemap dd a{font-size:1.2em; padding:0px 0px 0px 40px; margin:0; }
	#listsitemap dd a:hover{}
	
	#listsitemap li a{font-size:1.1em; padding:0px 0px 0px 60px; margin:0; }
	#listsitemap li a:hover{}
	
	#map-rubriques{margin:20px 20px 20px 20px; padding:0;}