* {
	margin:0;
	padding:0;
	border:0;
	color:#3d4a52;
	}
	
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#DDDDDD;
}
	
a {	text-decoration:none; outline:none; }
	
	a:hover {
		text-decoration:underline;
	}

h1{
	font-size:18px;
	border-bottom:#C2C2C2 solid 1px;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
	font-weight:normal;
	height:32px;
	padding-top:5px;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-image:url(./img/bg_h1.jpg);
}		

h1.actu{
	background-image:url(./img/bg_actu_1.jpg);
	background-repeat:no-repeat;
}

h1.enseigne{
	background-image:url(./img/bg_enseigne.jpg);
	background-repeat:no-repeat;
}

h1.bonplan{
	background-image:url(./img/bg_bonplan.jpg);
	background-repeat:no-repeat;
}

h1.infopratique{
	background-image:url(./img/bg_info_pratique.jpg);
	background-repeat:no-repeat;
}

h1.plan{
	background-image:url(./img/bg_plan.jpg);
	background-repeat:no-repeat;
}


h1.nouveaute{
	background-image:url(./img/bg_nouveaute.jpg);
	background-repeat:no-repeat;
}


h2{

}

.bouton1{
	background-color:#3B3B3B;
	color:#FFFFFF;
	background-image:url(./img/bg_bouton.jpg);
	background-repeat:no-repeat;
	height:20px;
	display:block;
	width:auto;
	padding-top:4px;
	padding-left:22px;
	font-weight:bold;
	margin-left:560px;
	margin-right:8px;
	margin-bottom:4px;
	margin-top:8px;
}

.bouton2{
	background-color:#3B3B3B;
	color:#FFFFFF;
	background-image:url(./img/bg_bouton.jpg);
	background-repeat:no-repeat;
	height:20px;
	display:block;
	width:auto;
	font-weight:bold;
	padding-top:4px;
	padding-left:22px;
	margin-left:108px;
	margin-right:7px;
	margin-bottom:4px;
	margin-top:15px;
}

.bouton3{
	background-color:#3B3B3B;
	color:#FFFFFF;
	background-image:url(./img/bg_bouton.jpg);
	background-repeat:no-repeat;
	height:20px;
	display:block;
	width:auto;
	padding-top:4px;
	padding-left:22px;
	font-weight:bold;
	margin-left:560px;
	margin-right:7px;
	margin-bottom:4px;
	margin-top:3px;
}

.bouton4{
	background-color:#3B3B3B;
	color:#FFFFFF;
	background-image:url(./img/bg_bouton.jpg);
	background-repeat:no-repeat;
	height:20px;
	display:block;
	width:auto;
	padding-top:4px;
	padding-left:22px;
	font-weight:bold;
	margin-left:600px;
	margin-right:7px;
	margin-bottom:4px;
	margin-top:3px;
}

/**** Communs ****/
		
#conteneur {
	width:1001px;
	margin:0 auto;
}
	
#haut {
	width:991px;
	height:114px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	margin-bottom:5px;
}
	
			
	#logo {
		float:left; 
		height:87px;
		width:293px;
		margin-left:1px;
		margin-top:17px;
		
	}
			
	#haut-menu {
		float:left; 
		padding:30px 0 0 0; 
		
		
	}
		
		#haut-menu ul{
		}

			#haut-menu ul li{
				list-style-type:none;
				float:left;
				font-weight:normal;
				height:61px;
				background-image:url(./img/bg_inactive.jpg);
				background-color:#EB690B;
				display:block;
				margin-left:2px;
				text-align:center;
			}
			
			#haut-menu ul li:hover{
				list-style-type:none;
				float:left;
				font-weight:normal;
				height:61px;
				background-image:url(./img/bg_active.jpg);
				background-position:center;
				background-repeat:no-repeat;
				background-color:#FFFFFF;
				display:block;
				margin-left:2px;
				text-align:center;
			}
			
				#haut-menu ul li.active{
				list-style-type:none;
				float:left;
				font-weight:normal;
				height:61px;
				background-image:url(./img/bg_active.jpg);
				background-position:center;
				background-repeat:no-repeat;
				background-color:#FFFFFF;
				display:block;
				margin-left:2px;
				text-align:center;
			}

				#haut-menu ul li a{
					line-height:58px;
					color:#FFFFFF;
					display:block;
					height:61px;
				}
				
					#haut-menu ul li a:hover{
						color:#000000;
						display:block;
						height:61px;
						text-decoration:none;
					}
		
					#haut-menu ul li a.active{
						color:#000000;
						display:block;
						height:61px;
						text-decoration:none;
					}
		
.sous_menu {
	width:991px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	margin-bottom:5px;
}

	.sous_menu .adjust{
		padding-top:5px;
		padding-left:5px;
	}

	.sous_menu .ul_sous_menu{
		width:187px;
		margin-left:10px;
		list-style:none;
		float:left;
	}

	.sous_menu .ul_sous_menu2{
		margin-left:10px;
		list-style:none;
	}

		.sous_menu .ul_sous_menu .monli{
				width:170px;
				text-align:center;
				list-style-type:none;
				font-weight:bold;
				line-height:26px;
				clear:both;
				margin-bottom:4px;
		}
		
		.sous_menu .ul_sous_menu2 .monli{
				width:170px;
				text-align:center;
				list-style-type:none;
				font-weight:bold;
				line-height:26px;
				margin-bottom:4px;
				float:left;
				
				margin-right:18px;
		}
	
			.sous_menu .ul_sous_menu2 .monli a{
				text-decoration:none;
			}
					
.menu_section{
	width:965px; 
	display:none; 
	z-index:100;
	position:absolute;
	left:15px;
	text-align:left;
}

.menu_section2{
	width:965px;
	height:50px; 
	display:none;
	
	
	z-index:100;
	left:15px;
	text-align:left;
}


.toptrente{				
	top:35px;
}

.topsoixante{				
	top:69px;
}

.topnonante{				
	top:103px;
}


.bloc_actu_centre{
	width:716px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	float:left;
	margin-bottom:5px;
	height:509px;
}

	.bloc_actu_centre	.bloc_flash{
		padding-top:6px;
		padding-left:8px;
		z-index:1;
	}
	
.bloc_enseigne{
	width:266px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	height:509px;
	float:left;
	margin-left:7px;
}
	
	.bloc_enseigne	.bloc_enseigne_home{
		width:100px; height:100px; float:left; margin-left:24px; margin-top:5px;
	}

		.bloc_enseigne	.bloc_enseigne_home img{
			width:100px; 
		}

	
.bloc_bon_plan{
	width:716px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	height:168px;
	float:left;
	margin-bottom:5px;

}

	.bloc_bon_plan .encart1{
		width:333px; height:85px; border-right:solid #999999 1px; margin-top:6px; float:left;
	}
	
		.bloc_bon_plan .encart1 img{
			width:80px; margin-top:2px; margin-left:3px; float:left;
		}
		
		.bloc_bon_plan .encart1 .text{
			width:200px; float:left; padding-top:20px; margin-left:15px;
		}
		
	.bloc_bon_plan .encart2{
		width:373px; height:85px; margin-top:6px; float:left; margin-left:5px;		
	}
	
		.bloc_bon_plan .encart2 img{
			width:80px; margin-top:2px; margin-left:3px; float:left;
		}
		
		.bloc_bon_plan .encart2 .text{
			width:200px; float:left; padding-top:20px; margin-left:15px;
		}


.bloc_plan_centre{
	width:266px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	height:168px;
	float:left;
	margin-left:7px;
	margin-bottom:5px;
}


.bloc_infos{
	width:716px;
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	height:168px;
	float:left;
}

	.bloc_infos .encart1{
		width:333px; height:85px; border-right:solid #999999 1px; margin-top:6px; float:left;
	}
	
		.bloc_infos .encart1 img{
			margin-top:2px; margin-left:3px; float:left;
		}
		
		.bloc_infos .encart1 .text{
			width:200px; float:left; padding-top:10px; margin-left:15px; font-size:12px; line-height:22px;
		}

	.bloc_infos .encart2{
		width:373px; height:85px; margin-top:6px; float:left; margin-left:5px;	
	}
	
		.bloc_infos .encart2 img{
			margin-top:2px; margin-left:3px; float:left;
		}
		
		.bloc_infos .encart2 .text{
			width:182px; float:left; padding-top:10px; margin-left:15px; font-size:12px; line-height:22px;
		}



#contenu-droite {
	width:991px;
	/*height:102px;*/
	background-color:#FFFFFF;
	border:#CECECE solid 1px;
	margin-bottom:5px;
}
	#contenu-droite h1{
		
	}
	
#footer {
	width:991px;
	height:73px;
	background-color:#FFFFFF;
	border:#D0D0D0 solid 1px;
	clear:both;
	margin-top:5px;
	margin-bottom:10px;
}
	
	#footer div {
	
	}	
		#footer div ul{
			padding-top:29px;
			padding-left:6px;
		}
	
		#footer div ul li {
			list-style-type:none;
			float:left;
			background-image:url(./img/bg_li_footer.jpg);
			height:29px;
			margin-left:3px;
			text-align:center;
			display:block;
		}
			
			#footer div ul li a {
				font-weight:bold;
				color:#000000;
				display:block;
				height:29px;
			}
	
#pave_mobile{
	width:991px;
	text-align:center;
	margin-bottom:10px;
}	
	#pave_mobile a{
		color:#999999;
	}	

/**** Fin des communs ****/

/**** Home ****/
#Homebonplan{
width:335px;
height:144px;
background:url(img/fd-home1.jpg) repeat-x;
margin-top:-3px;
margin-left:50px;
}

#homepropre{
padding-top:0px;
padding-left:15px;

}

#homebonplanint{
padding-top:10px;
background-color:#FFFFFF;
width:305px;
height:100px;

}

#homebonplanphoto{
padding-left:10px;
width:140px;
text-align:center;
float:left;
}

#homebonplandescription{
width:140px;
height:100px;
float:left;
clear:right;
}

#homebonplansavoir{
padding-top:10px;
text-align:center;
}

/**** Commercial ****/

#titre{
padding-top:10px;
padding-left:240px;
font-size:20px;
}

#bloccommerce{
	padding-top:6px;
	border-bottom:#C2C2C2 1px solid;
	float:left;
	height:130px;
	width:972px;
	margin-left:10px;
	
}

#logocommerce{
	width:125px;
	height:118px;
	padding:6px 0px 0px 0px;
	border-right:1px solid #C2C2C2;
	float:left;
}

#infocommerce{
	margin-top:0px;
	padding:0px 5px 5px 5px;
	width:250px;
	height:118px;
	border-right:1px solid #C2C2C2;
	float:left;
	font-size:10px;
}

#descriptioncommerce{
	padding:0px 50px 0px 10px;
	font-size:10px;
	width:340px;
	height:118px;
	float:left;
}

#imagecommerce{
	width:100px;
	float:left;
	padding-top:10px;
}

#telechargement {
	width:85px;
	padding:0px 0px 0px 5px;
	float:left;
}

#telechargement a{
	font-size:10px;
}

/**** Actualites ****/

#actualite{
	width:974px;
	background-color:#F2ECE0;
	margin-left:8px;
	padding-bottom:1px;
}

#actualite h3{
font-size:16px;
display:block;
text-transform:uppercase;
color:#FFFFFF;
padding-left:15px;
padding-top:2px; padding-bottom:2px;
}

#actualitebg{
margin:10px;
line-height:18px;
}



#actualiteinfo{

height:70px;
width:265px;
margin-left:10px;
padding-top:10px;
border-bottom:2px solid #D8C29D;

}
#actualitephoto{
height:75px;
width:100px;
margin-left:10px;
text-align:center;

float:left;

}

#actualiteActu{
width:150px;
text-align:center;
float:left;
}
#actualiteActu2{
width:150px;
text-align:center;
float:left;
}
#actualiteDescription{
float:left; 
clear:both;
font-size:10px;
}
#actualiteDescription2{
padding-top:15px;
float:left; 
clear:both;
font-size:10px;
}
#actualiteCadreLigne{

}
/**** bon plan ****/


#bonplan{
	background-color:#F2ECE0;
	float:left; 
	width:872px;
	
}

#bonplan h3{
	font-size:16px;
	display:block;
	text-transform:uppercase;
	color:#FFFFFF;
	padding-left:130px;
	padding-top:2px; padding-bottom:2px;
}

#bonplanbg{
	margin:8px;
	line-height:18px;
}

#bonplaninfo{
	padding-top:10px;
	height:160px;
	width:265px;
	margin-left:10px;
}

#bonplaninf{
	padding-top:5px;
}

#bonplansup{
	height:70px;
	border-bottom:2px solid #D8C29D;
}

#bonplansupgauche{
	float:left;
	width:120px;
	text-align:center;
}

#bonplansupdroit{
	width:140px;
	float:left;
	padding-left:0px; 
	text-align:center;

}

#bonplaninf1gauche{
	float:left;
	height:70px;
	width:120px;
	text-align:center;
}

#bonplaninf1droit{
	width:135px;
	height:70px;
	float:left;
	clear:right;
	padding-left:10px;
	font-size:10px;
}

#bonplaninf2droit{
	height:70px;
	padding-left:10px;
	font-size:10px;
}



.ul_commerce{
	text-align:left;
	margin:10px 0px 10px 25px;
}

	.ul_commerce li{
		float:left;
		width:200px;
		margin:0px;
		padding:0px;
		list-style:disc;
		color:#FFFFFF;
	}
	
		.ul_commerce li a{
			text-align:left;
			margin:0px;
			padding:0px;
			left:0px;
			color:#FFFFFF;
		}

/** gestion font class */
.bold{
	font-weight:bold;
}

.seize{
	font-size:16px;
}

.quatorze{
	font-size:14px;
}

.bleuciel{
	color:#4186BF;
}

.noir{
	color:#000000;
}

.rouge{
	color:#BE0037;
}


/* SCROLLABLE JQUERY TOOLS (AGENDA RTENTETE-DROIT) */
.scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width:980px;
	height:420px;
}
.items {
	
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;
	width:980px;	
}

a.browse {
	background:url(img/btn_navigation.png) no-repeat;
	display:block;
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
	margin-top:36px;
}
a.left			{ margin-left: 0px; } 
a.left:hover  	{ background-position:-20px 0; }
a.left:active  	{ background-position:-40px 0; }

a.right 		{ background-position: 0 -20px; clear:right; margin-right: 0px;}
a.right:hover 	{ background-position:-20px -20px; }
a.right:active 	{ background-position:-40px -20px; } 

a.disabled 		{ visibility:hidden !important; } 	

/* petits points de navigation */
.navi {
	cursor:pointer;
	width:700px;
	height:28px;
	clear:left;
	position:absolute;
	margin-top:392px;
	text-align:right;
}

.navi a {
	width:22px;
	height:19px;
	float:left;
	background:url(img/navigator2.png) 0 0 no-repeat;
	margin:4px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	text-align:center;
}

.navi a:hover {
	background-position:0 -22px;
	text-decoration:none;    
}

.navi a.active {
	background-position:0 -22px;     
} 	

.navi2 {
	width:700px;
	height:28px;
	background-color:#000000;
	clear:left;
	position:absolute;
	margin-top:392px;
	opacity:0.5;
	filter:alpha(opacity=50); 
}


.tabs{ position:absolute; margin-top:389px; }

.tabs li{	
	width:22px;
	height:22px;
	float:left;
	list-style:none;
	margin:3px;

}

.tabs li a{
	width:15px;
	height:19px;
	float:left;
	margin:3px;
	background:url(img/navigator2.png) 0 0 no-repeat;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:7px;
	padding-top:3px;
}


.tabs li #navig1{
	background:url(img/navigator3.png) 0 0 no-repeat;
}


.tabs li a:hover{
	background:url(img/navigator3.png) 0 0 no-repeat;
}











