@charset "UTF-8";
/* CSS Document */

/*css reset*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, q, s, samp, strong, u, i, center, ol, ul, li, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/*end css reset*/

body{
	font-family: Tahoma, Geneva, sans-serif;
	background: url(images/bckg_body.jpg) repeat-x transparent  left 150px;
	top: 150px;
	margin: 0 auto;
	color: #646567;
}


h1{
	font-size: 11px;
	margin: 10px 0;
	font-weight: normal;
	color: #adafb3;
}

h2{
	font-size: 14px;
	margin: 12px 0;
	font-weight: normal;
	text-transform: uppercase;
}

p{
	font-size: 13px;
	margin: 12px 0;
}

li{
	float:left;
}

a{
	text-decoration: none;
}

em{
	font-style: normal;
	text-transform: inherit;
	color: #87b43f;
}





#wrapper{
	min-height: 800px;
	margin: 0 auto;
	position: relative;
}

#header{
	width: 1024px;
	margin: 0 auto;
	position:relative
}


#header #slider{
	width: 1024px;
	heigth: 580px;
	position:relative;
	margin: 0 auto;
	z-index: 1;
}

#header2 #banner{
	width: 1024px;
	heigth: 480px;
	position:relative;
	margin: 0 auto;
	z-index: 1;
}


#header #logo{
	width: 1000px;
	height: 87px;
	position:absolute;
	top: 34px;
	left: 12px;
	margin: 0 auto;
	z-index: 2;
}

#header #telHeader {
	position: absolute;
	text-align: right;
	right: 17px;
	top: 120px;
	font-size: 16px;
	color: #fff;
	width: 200px;
	height: 20px;
	z-index: 3;
}

#header #menu{
	height: 54px;
	width: 1024px;
	position: absolute;
	top: 150px;
	margin: 0 auto;
	background: url(images/bckg_menu.png) repeat-x transparent;
	z-index: 4;
	text-transform: uppercase;
}

#header #bandeBottom{
	height: 40px;
	width: 1024px;
	background: url(images/bandeBottom.png) repeat-x transparent;
	position: absolute;
	top: 540px;
	left: 0;
	z-index: 6;
}

#header #bandeBottom2{
	height: 80px;
	width: 1024px;
	background: url(images/bandeBottom2.png) repeat-x transparent;
	position: absolute;
	top: 400px;
	left: 0;
	z-index: 6;
}

/*start menu*/

	#header #menu ul {
		width: 1024px;
		height: 26px;
		border-bottom: #87b43f 1px solid;
	}
	
	#header #menu ul li{
		list-style: none;
		font-size: 12px;
		display: inline;
		float: left;
		height: 26px;
		
	}
	
	#header #menu a{
		color: #fff;
		padding: 0 23px;
		display: block;
		height: 22px;
		padding-top: 4px;
		font-weight: 500;
	}
	
	
	#header #menu a:hover {
		background-color: #87b43f;
	}
	
	#header #menu a.active {
		background-color: #87b43f;
	}

	/*visibility submenu*/
	
	#header #menu div {
		display: none;
		height: 27px;
		width: 1024px;
		position: absolute;
		top: 26px;
		margin: 0 auto;
		z-index: 5;
	}
	
	#header #menu div ul{
		border-bottom: none;
	}
	
	
	
	#submenuOn li{
		visibility: visible;
		list-style: none;
		font-size: 12px;
		display: inline;
		float: left;
		height: 26px;
	}
	
	/*end visibility submenu*/

/*end menu*/

/*centre*/

#center{
	width: 1000px;
	margin: 0 auto;
	padding: 0 12px;
	position: relative;
	margin-top: 10px;
	min-height: 400px;
	overflow:auto;
}


		/* left general */
		#center #left{
			width: 575px;
			min-height: 230px;
			float: left;
			margin-right: 114px;
			margin-bottom: 20px;
			position: relative;
		}
		
		#center #left a{
			color: #87b43f;
			text-decoration: underline;
		}
		
		#center #left a:hover{
			color: #646567;
		}
		
		#center #left .news li {
			float:none;
			margin-left:25px;	
		}
		
		#center .title{
			font-size: 20px;
			margin: 10px 0 20px 0;
			font-weight: normal;
			text-transform: uppercase;
		}
		/* end left general */
		
		
		
		/* right general */
		#center #right{
			width: 306px;
			min-height: 230px;
			float: right;
			margin-bottom: 20px;
			margin-top: 20px;
			position: relative;
		}
		
		#center #right a{
			text-decoration: none;
			display: block;
			height: 100%;
		}
		
		#center #right .promotion{
			width: 303px;
			height: 122px;
			padding-left: 3px;
			padding-top: 1px;
            position:relative;
            margin-top:15px;
		}
		
		#center #right .promotion .bckg_promo{
			background: url(images/contour_promo.png) no-repeat;
			width: 306px;
			height: 123px;
			position: absolute;
			top: 0;
			left: 0;
			
		}
		
		#center #right #estimation{
			width: 303px;
			margin-left: 2px;
			margin-top: 15px;
			height: 83px;
			border: #eae8e8 1px solid;
		}
		
		#center #right #estimation p{
			margin-left: 10px;
			line-height: 1.5;
			margin-top: 5px;
		}
		
		#center #right #estimation span{
			font-size:18px;
		}
		
		#center #right #estimation a{
			font-size: 12px;
			color: #87b43f;
			text-decoration: underline;
		}
		
		#center #right #estimation a:hover{
			color: #646567;
		}
		
		#center #right #news{
			width: 303px;
			margin-left: 2px;
			margin-top: 15px;
			height: 85px;
			border: #eae8e8 1px solid;
		}
		
		#center #right #news p{
			margin-left: 10px;
			margin-top: 5px;
			line-height: 1.5;
		}
		
		#center #right #news span{
			font-size:18px;
		}
		
		#center #right #news a{
			font-size: 12px;
			color: #87b43f;
			text-decoration: underline;
		}
		
		#center #right #news a:hover{
			color: #646567;
		}
		
		#center #right #news li {
			float:none;
			margin-left:25px;	
		}
		
		
		#center #right #news_letter{
			width: 303px;
			margin-left: 2px;
			margin-top: 15px;
			height: 120px;
			border: #eae8e8 1px solid;
		}
		
		#center #right #news_letter p{
			margin-left: 10px;
			margin-top: 5px;
		}
		
		#center #right #news_letter span{
			font-size:18px;
		}
		
		#center #right #news_letter a{
			font-size: 12px;
			color: #87b43f;
			text-decoration: underline;
		}
		
		#center #right #news_letter a:hover{
			color: #646567;
		}

		
		/* end right general */
		
		
		
		
		
		/*bottom general*/
		#center #bottom{
			width: 1000px;
			height: 50px;
			margin-top: 20px;
			margin-bottom: 15px;
			float: left;
			position: relative;
		}
		
		#center #bottom img{
			padding-right: 100px;
		}
		
		#center #bottom #alzheimer{
			padding-left: 99px;
		}
		
		#center #bottom #textRecyclage{
			position: absolute;
			left: 482px;
			top: 7px;
			margin: 0;
			font-size: 10px;
			text-align: center;
		}
		
		#center #bottom #textAlzheimer{
			position: absolute;
			left: 750px;
			top: 21px;
			margin: 0;
			font-size: 10px;
			text-align: left;
		}
		/*end bottom general*/

						/* page soumission */
						#center #left .label{
							width: 35%;
						}
						
						#center #left .label span{
							color: #F00;
						}
						
						#center #left #champObligatoire{
							text-align:right;
							margin: 0;
						}
						
						#center #left #champObligatoire span{
							color: #F00;
						}
						
						input, label, table{
							margin: 5px 0;
						}
						
						form{
							font-size: 13px;
						}
						/* page soumission */
						
						
						/* page media & video */
						
						
						#center #left .reportage{
							padding: 15px 0;
							border-bottom: #EAE8E8 1px solid;
							min-height: 170px;
							overflow: auto;
						}
						
						#center #left .reportage iframe, #center #left .reportage object{
							width: 250px;
							float: left;
						}
						
						#center #left .reportage .imgReportage{
							width: 250px;
							float: left;
						}
						
						#center #left .reportage p{
							width: 310px;
							margin: 0;
							margin-left: 15px;
							float: left;
						}
						/* end page media & video */
						
						

						/* page galerie */
						#center #left #gallery img{
							border: none;
							padding: 5px;
						}
						/* end page galerie */
						
						
						/* page fiche franchise*/
						#center #left #fiche #photo{
							width: 350px;
							height: 250px;
							float: left;
						}
						
						#center #left #fiche #heureOpen{
							width: 210px;
							height: auto;
							padding-left: 10px;
							float: left;
						}
						
						#center #left #fiche #googleMap{
							width: 350px;
							height: 150px;
							float: left;
						}
						
						#center #left #fiche #adresses{
							width: 210px;
							height: auto;
							padding-left: 10px;
							float: left;
						}
						/* page fiche franchise*/
						
						/* page contact */
						#center #left #contact #coordonnees{
							padding: 15px 0;
							border-bottom: #EAE8E8 1px solid;
							min-height: 180px;
						}
						
						#center #left #contact #coordonnees .googleMap{
							width: 250px;
							float: left;
						}
						
						#center #left #contact #coordonnees p{
							width: 310px;
							margin-left: 15px;
							float: left;
						} 
						
						#center #left #contact #email{
							padding: 10px 0;
							border-bottom: #EAE8E8 1px solid;
							line-height: 2;
						}
						
						#center #left #contact .listeFranchises table{
							font-size: 11px;
							border-collapse: collapse;
							line-height: 1.5;
						}
                        
                        #center #left #contact .listeFranchises table span{
                            color: #87B43F;
                            font-weight: bold;
                            margin: 0;
                            display:inline;
                        }
						
						#center #left #contact .listeFranchises td, #center #left #contact .listeFranchises th{
							border: #EAE8E8 1px solid;
							border-collapse: collapse;
						}
						
						#center #left #contact .listeFranchises td{
							padding: 8px 0 8px 4px; 
						}
						
						#center #left #contact .listeFranchises strong{
							font-size: 13px;
							height: 30px;
						}
						
						#center #left #contact .listeFranchises small{
							font-size: 10px;
						}
						
						#center #left #contact span{
							margin-left:20px;
							display:block;
						}
						
						/* end page contact */
						
						/*promotion*/
						
						#center #left .communique{
							padding: 15px 0;
							border-bottom: #EAE8E8 1px solid;
							min-height: 80px;
							overflow: auto;
						}
						
						#center #left .communique p{
							float: left;
							width: 410px;
							margin-left: 15px;
						}
						
						#center #left .communique img{
							width: 150px;
							float: left;
							margin-top: 10px;							
						}
						
						/*promotion*/

/*end centre*/






/*footer*/

#bckg_footer{
	height: 128px;
	background: url(images/footer.jpg) repeat-x bottom;
	position: relative;
}

#bckg_footer #footer{
	width: 1000px;
	margin: 0 auto;
	padding: 0 12px ;
	height: 128px;
	position: relative;
}

#footer #menuFooter{
	width: 1000px;
	float: left;
	padding-top: 22px;
}

#footer #menuFooter ul{
	width: 1000px;
}

#footer #menuFooter li{
	list-style: none;
	font-size: 12px;
	display: inline;
	float: left;
	height: 20px;
}



#footer #menuFooter a{
	color: #fff;
	padding-right: 68px;
}

#footer #menuFooter a:hover{
	color: #87b43f;
}

#footer #menuFooter #spec{
	padding-right: 100px;
}

#footer #menuFooter #en{
	padding-right: 0;
}

#footer #submenuFooter{
	width: 1000px;
	margin-top: 22px;
	height: 65px;
	margin: 0 auto;
	float: left;
}

#footer #submenuFooter #subIndex{
	width: 150px;
	height: 65px;
	float: left;
}

#footer #submenuFooter #subMedia{
	width: 150px;
	height: 65px;
	float: left;
	padding-left: 116px;
}

#footer #submenuFooter #subcontact{
	width: 150px;
	height: 65px;
	float: right;
	padding-right: 26px;
}

#footer #submenuFooter li{
	list-style: none;
	font-size: 12px;
	float:none;
	
}

#footer #submenuFooter a{
	color: #707070;
}

#footer #submenuFooter a:hover{
	color: #87b43f;
}

#footer #signatures{
	width: 1000px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	position: absolute;
	top: 100px;
	left: 0;
}

#footer #signatures #rbq{
	font-size: 12px;
	/*border: 1px solid #0000ff;*/
	width: 200px;
	float: right;
	text-align: left;
	margin: 0;
	color: #ffffff;
}

#footer #signatures #copyright{
	font-size: 12px;
	color: #707070;
	width: 583px;
	text-align: center;
	float:right;
	margin: 0;
	/*border: 1px solid #ff0000;*/
}

#footer #signatures #octantis{
	font-size: 12px;
	width: 200px;
	float: right;
	text-align: right;
	margin: 0;
	/*border: 1px solid #00ff00;*/
}

#footer #signatures #octantis a{
	color: #87b43f;
}

#footer #signatures #octantis a:hover{
	color: #fff;
}

/*end footer*/