body { margin:20px 0px 0px 0px; }
body, td ,a  { font-size: 11px; font-family:arial, tahoma; color:#434343; }

img { border:0px; }
p { margin-top:10px; }
hr { height:1px; border-top:1px solid #cccccc; margin:8px 0px; }

h3 { background:url(puce.gif) no-repeat 0% 50%; font-size: 20px; font-weight:normal; padding-left:18px; margin:3px }
h4 { background:url(puce.gif) no-repeat 0% 1px; font-size: 12px; padding-left:18px; margin:3px }
h5 { background:url(puce2.gif) no-repeat 0% 4px; font-size: 11px; padding-left:15px; margin:3px; font-weight:normal;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

ul { list-style:none; margin: 0px 0px 0px -0px; padding-left:18px; }
li { background:url(puce3.gif) no-repeat 0% 4px; padding-left:15px; }

ol li { background:none; padding:3px 0px; }
sup { font-size:9px; }

.legal { font-size:9px; font-family:tahoma; padding:8px; }

.orange { color:#FF6800; }
a.orange { color:#FF6800; text-decoration:underline; }
a:hover.orange { text-decoration:none; }

a.rouge { color:#cc0033; text-decoration:underline; }
a:hover.rouge { text-decoration:none; }

.home_bg { background: url(bg_home.jpg) no-repeat; width: 920px; height: 564px;}
.home_actus { background: url(bg_actus.gif) no-repeat; width: 306px; height: 162px;}
.home_eboutique { background: url(bg_eboutique.gif) no-repeat; width: 281px; height: 158px;}
.home_hotspot { background: url(bg_hotspot.gif) no-repeat; width: 334px; height: 248px;}
.home_hotspot2 { background: url(bg_hotspot2.gif) no-repeat; width: 281px; height: 104px;}
.home_nouveautes { background: url(bg_nouveautes.gif) no-repeat; width: 306px; height: 158px;}
.home_usages { background: url(bg_usages.gif) no-repeat; width: 306px; height: 163px;}
.home_widget { background: url(bg_widget.gif) no-repeat; width: 334px; height: 235px;}
.home_puce { background:url(puce2.gif) no-repeat; font-weight:bold; color: #444444;padding-left: 20px; }

.pad { margin-left:18px; }

.weight_border_top { border-top: 3px #D5D7D6 solid; }

.arriereplan0, .arriereplan1, .arriereplan2, .arriereplan3 { height:321px; padding-top:30px; }
.arriereplan0 { background: url(bg0.jpg) no-repeat top right; }
.arriereplan1 { background:url(bg1.jpg) no-repeat top right; }
.arriereplan2 { background:url(bg2.jpg) no-repeat top right; }
.arriereplan3 { background:url(bg3.jpg) no-repeat top right; }

.bghome0, .bghome1, .bghome2 { height:193px; }
.bghome0 { background: url(bgh0.jpg) no-repeat; }
.bghome1 { background:url(bgh1.jpg) no-repeat; }
.bghome2 { background:url(bgh2.jpg) no-repeat; }

#bloc_home { background:url(o02.gif) no-repeat top right; width:563px; height:226px; margin:18px 0px 18px 0px;  }
#bloc_home dl { margin:0px 0px 0px -18px; padding-left:18px; }
#bloc_home dt  { margin-top:10px ;border-bottom:1px solid #EBEBEB; }
#bloc_home dd {padding-top:0px; !padding-top:2px; background:url(puce2.gif) no-repeat 0% 6px; padding-left:10px; margin-left:0px; height:19px; border-bottom:1px solid #EBEBEB; }

#formu { margin-left:18px;}
#formu input, select { border: 1px solid #FF6600; height:18px;  }
#formu label { font-weight: bold; float:left; display: block; width:130px; }


#footer { color:black; }
#footer ul { list-style:none; margin: 5px 0px 0px -18px; padding-left:18px; float:left; }
#footer li { background:url(puce3.gif) no-repeat 0% 5px; padding-left:8px; display:inline; margin-right:8px; }
#footer li a { color:black;  }
#footer li a:hover { color:black;  }

/* Menu Niveau3 */
#menu { width:200px; margin-top:35px; background:url(bg2.gif) repeat-x right bottom; padding-bottom:7px; !padding-bottom:6px;}
#menu dt { padding:3px 0px 0px 2px; height:28px; font-weight:bold; font-size:12px; border-top:1px solid #D4D4D4; background:url(bg1.gif) repeat-x right bottom; }
#menu dd { text-indent:0px; padding: 6px 0; margin:0px; height:auto; *height:15px; border-bottom:1px solid #D4D4D4; }

#menu .ssoff, #menu .sson { text-indent:0px; padding-left:12px; }

/* item non actif class="ssoff" */
#menu .ssoff { background:url(puce2.gif) no-repeat 2px 5px; }
/* item actif class="ssoon" */
#menu .sson { background:url(puce4.gif) no-repeat 2px 3px; font-weight:bold; }
#menu a:hover.sson { color:#333333; }

#menu dl a { background:none; text-indent:0px; padding-left:0px; }

#menu dl  { margin:0px; padding:0px; background-color: #F9F9F9; }
#menu dl dt { height:15px; border-top:1px solid #D4D4D4; background:transparent; padding: 3px 0px 0px 12px; !text-indent:0px; font-weight:normal; }

#menu dd a:hover, #menu dl dt a:hover { text-decoration:none; color:#FF6800; }

/* page en cour class="on" */
#menu dd.on  { background:url(puce4.gif) no-repeat 2px 10px; padding-left:12px;}
#menu .on, #menu a.on { font-weight:bold; color:#FF6800; }

/* /Menu Niveau3 */		
		
		/* En tete */
		
	#en_tete table { border-collapse: collapse;	 }	

#en_tete {
	width: 920px;
}
#barre_etat{ 	
	font: 8pt/10pt arial, sans-serif;  
	color: #666666;	
	width: 100%;
	background: #efefef;
}	
#barre_etat_action{	
	margin-left: 2px;
	width: 75px;
	border-left: 2px solid #ffffff; 
}
#barre_etat span{ 
	margin: 2px;
}
#barre_nav1{ 	
	margin-top: 2px;
	width: 100%;
	baackground: #cccccc;	
	height: 40px;
}
#barre_nav1 td{ 		
	border: 1px solid #cccccc;
	background: #ffffff;	
	padding: 2px;
	vertical-align: middle;	
}
#barre_nav1 a{ 	
	margin: 0px;		
	height: 35px;
	padding-right: 20px;
	display: block;
	background: transparent url(bgnav.gif) repeat top left; 	
	vertical-align: middle;	
	cursor: pointer;
}
#barre_nav1 img{ 		
	margin-top: 15px;
	margin-left: 10px;	
}

#barre_nav1 td.on { 		
	border-style: none;	
}
#barre_nav td.on a{ 		
	background: transparent; 
} 	 	
#barre_nav2{ 	
	height: 28px;	
	width: 100%;	
	
}
#barre_nav2 a.lien1{ 	
	display: inline;
	
}
.barre_nav2, .barre_nav2_on { padding-top: 6px; padding-bottom: 6px; }
.barre_nav2{

	visibility: hidden;	
	display: none;	
}

.barre_nav2_on{	
	visibility: visible;	
	display: block;	
	}
a.lien1 {
	font: 8pt/10pt arial, sans-serif;
	color: #333333;
	text-decoration: none;		
	background: transparent url(puce3.gif) no-repeat;	
	background-position: 0px 6px;
	padding-left: 8px;
	margin-right: 8px;	
	display: block;
}
a.lien1:hover {
	color: #FF6600;
}
a.lien1.on{
	color: #FF6600;	
}