body {
background-color:#fff;
margin:0;
text-align: left;
font-size: 14px;
color: #fff;
font-family:10px Verdana, sans-serif;
}
#page{
position: absolute;
width:1200px;
height:763px;
background-color:#6e5047;
margin:0;
padding:0;
top:50%;
margin-top:-381px;
left:50%;
margin-left:-600px;

}
#page_index{
position: absolute;
width:1200px;
height:763px;
background-color:#6e5047;
padding:0;
top:50%;
margin-top:-381px;
left:50%;
margin-left:-600px;
background-image:url("fond_kadrance.png");
background-position:left top;
}
#page_index2{
position:absolute;
width:100%;
height:100%;
background-color:#1a181e;
background-image:url("fond_kadrance.jpg");
background-repeat:repeat;
padding:0;
margin:0;
z-index:2;
}
		#fond_haut{
		width:1200px;
		height:105px;
		background-color:#6e5047;
		margin:0;
		padding:0;
		}
				#img_fond{
				width:131px;
				height:93px;
				background-image:url("logo-def.png");
				background-repeat:no-repeat;
				margin:0;
				margin-top:10px;
		        margin-left:25px;
				margin-bottom:0;		
				}
				#img_fond_index{
				width:131px;
				height:93px;
				background-image:url("logo-def.png");
				background-repeat:no-repeat;
				margin:auto;
				margin-top:49px;
				margin-bottom:0px;	
				}
				#img_fond_index2{
				position: absolute;	
				width:128px;
				height:135px;
				background-image:url("logo_bykadrance3.png");
				background-repeat:no-repeat;
				margin:auto;
				margin-top:29px;
				margin-bottom:0px;
				z-index:10;
				}
				#img_fond_index3{
				position: absolute;	
				width:166px;
				height:166px;
				margin:auto;
				margin-top:30px;
				margin-bottom:0px;
				z-index:10;
				
				}
				#menu{
				position:absolute;
				width:777px;
				height:35px;
				background-color:#6e5047;
				margin:0;
				margin-left:355px;
				padding-top:43px;
				z-index:10;
				}
				#menu2{
				position:absolute;
				width:777px;
				height:35px;
				background-color:#6e5047;
				margin:0;
				margin-left:380px;
				padding-top:63px;
				z-index:0;
				}
				#nav2 {
						width:533px;
						list-style: none ;
						margin: 0 ;
						padding: 0 ;
						}
						#nav2 li {
							display: inline ;
							margin-right: 10px ;
							color: #fff ;
							
							}
						#nav2 li a {
							color: #fff ;
							font-family:helvetica;
							font-weight:lighter;
							font-size:9px;
							line-height:32px;	
							padding:0;							
							text-align: center ;
							text-decoration: none ;
							}
						#nav2 li a:hover, #nav2 li a:focus, #nav2 li a:active {
							font-family:helvetica;
							font-weight:normal;
							font-size:9px;
							line-height:32px;
							border-top: solid 1px #FFFFFF;
							border-bottom: solid 1px #FFFFFF  ; 
							}
							
				#contenu_kadrance{position:absolute;width:960px;height:650px;text-align:center;margin-left:100px;margin-top:10px;z-index:10;}
				
				#contenu_index{
				width:534px;
				height:460px;
				margin:auto;
				margin-top:20px;
				padding:0;
							
				}
				#contenu_index2{
				width:1200px;
				height:650px;
				margin:auto;
				margin-top:35px;
				padding:0;
				background-color:transparent;	
				}
				
					#index_img_centre{
					width:548px;
					height:400px;
					margin:auto;
					margin-top:0px;
					margin-bottom:0px;
					background-color:#6e5047;
					}
					#index_img_centre2{
					width:550px;
					height:600px;
					margin:auto;
					margin-top:0px;
					margin-bottom:0px;
					background-color:#6e5047;
					}
					#img-recette{
					float:left;
					width:166px;
					height:600px;
					margin-right:17px;
					}
					#img1{
					float:left;
					width:166px;
					height:400px;
					margin-right:17px;
					}
					#img2{ 
					float:left;
					width:166px;
					height:400px;
					margin-right:17px;
					}
					#img3{
					float:left;
					width:166px;
					height:400px;
					background-image:url("RDC11.jpg");
					background-repeat:no-repeat;
					}
					#fermer{
					width:349px;
					height:40px;
					background-image:url("fermer3.jpg");
					background-repeat:no-repeat;
					}
					#recette{
					float:left;
					width:349px;
					height:auto;
					font-family:helvetica;
					font-weight:lighter;
					font-size:10px;
					line-height:14px;
					margin:0;
					
					}
					#recette p{
					width:349px;
					height:auto;
					font-family:helvetica;
					font-weight:lighter;
					font-size:13px;
					line-height:20px;
					color:#FFFFFF;
					text-align:center;
					margin-bottom:10px;
					margin-top:10px;
					}
					.recette2{
					width:349px;
					height:auto;
					font-family:helvetica;
					font-weight:bold;
					font-size:12px;
					line-height:18px;
					color:#FFFFFF;
					text-align:center;
					margin-bottom:10px;
					}
					.recette-titre{
					width:349px;
					font-family:helvetica;
					font-weight:bold;
					font-size:12px;
					line-height:16px;
					letter-spacing:0.1em;
					color:#FFFFFF;
					text-align:center;
					border-bottom:1px solid #FFF;
					
					}
					#bloc-bt{
					width:800px;
					height:30px;
					margin:0px;
					}
					#bt{
					width:534px;
					height:20px;
					margin:auto;
					margin-top:0;
					margin-bottom:0;
					padding-top:0px;
					margin-top:0px;
					
					}
					#bt22{
					width:1000px;
					height:20px;
					margin:auto;
					margin-top:0;
					margin-bottom:0;
					padding-top:0px;
					margin-top:0px;
					color:#FFF;
					text-align:center;
					}
					#bt1{
					float:left;
					width:166px;
					height:20px;
					margin-right:17px;
					text-align:center;
					}
					#bt2{
					float:left;
					width:166px;
					height:20px;
					margin-right:17px;
					text-align:center;
					}
					#bt3{
					float:left;
					width:166px;
					height:20px;
					text-align:center;
					}	
						#bt  a {
						color: #fff ;
						font-family:helvetica;
						font-weight:lighter;
						font-size:10px;
						line-height:14px;
						letter-spacing:0.3px;
						padding:0;
						text-decoration: none ;
																				
						}
						#bt a:hover, #bt a:focus, #bt a:active {
																			
						text-decoration: underline ;
						list-style-type:disc;
						}
								#bloc_img{
								float:left;
								width:558px;
								height:613px;
								margin:0;
								
								
								}
											#callage_img{
											width:558px;
											height:88px;
											margin-left:0;
											
											}
											#callage_img2{
											width:558px;
											height:119px;
											margin-left:0;
											
											}
											#img{
											width:558px;
											height:403px; 

											}
											#anim{
											width:532px;
											height:400px;
											margin:0;
											margin-top:4px;
											margin-left:25px;
											}
											#trip {
											
											
											}
											
											#anim2{
											width:517px;
											margin:auto;
											margin-top:4px;
											margin-left:25px;
											background-color:#6E5047;
											padding-left:17px;
											padding-right:0px;
											padding-bottom:22px;
											}
											#fermer2{
											width:76px;
											height:17px;
											background-image:url("fermer2.jpg");
											background-repeat:no-repeat;
											margin-left:440px;
											margin-bottom:30px;
											margin-top:10px;
											
											}
											#anim_video{
											width:500px;
											}
											
											
								#bloc_milieu{
								float:left;
								width:112px;
								height:614px;
								margin:0;
								}
								
								
								#bloc_txt{
								float:left;
								width:530px;
								height:614px;
								margin:0;
								}
								
												#titre_general{
												width:530px;
												height:20px;
												color:#FFFFFF;
												font-family:helvetica;
												font-weight:bold;
												font-size:14px;
												line-height:14px;
												text-align:left;
												margin-top:38px;
												margin-bottom:30px;

												}
												#titre_general2{
												width:530px;
												height:20px;
												color:#FFFFFF;
												margin-top:38px;
												margin-bottom:27px;

												}
												#texte_general{
												width:510px;
												height:95px;
												font-family:helvetica;
												font-weight:lighter;
												font-size:14px;
												line-height:14px;
												text-align:left;
													}	
												#texte_general p{
												width:515px;
												height:95px;
												font-family:helvetica;
												font-size:14px;
												text-align:left;
												}
																#alentours  ul{
																width:515px;
																height:95px;
																display:block;
																margin: 0 ;
																padding: 0;
																list-style-type:disc;
																}
																#alentours li{
																margin-top:30px;
																margin-bottom:10px;
																
																}
																#alentours li a {
																	color: #fff ;
																	font-family:helvetica;
																	font-weight:lighter;
																	font-size:14px;
																	padding:0;							
																	text-align: left ;
																	text-decoration: none ;
																	margin-bottom:20px;
																}
															#alentours li a:hover, #alentours li a:focus, #alentours li a:active {
																font-family:helvetica;
																font-weight:normal;
																font-size:14px;
																}			
												#texte_general2{
												width:510px;
												height:auto;
												font-family:helvetica;
												font-weight:lighter;
												font-size:12px;
												line-height:14px;
												text-align:left;
												margin-bottom:30px;
													}	
												#texte_general2 p{
												width:510px;
												height:65px;
												font-family:helvetica;
												font-size:14px;
												text-align:left;
												margin-bottom:15px;
												}
												#texte_general2 p a {
												color: #fff ;
												font-family:helvetica;
												font-weight:bolder;
												font-size:13px;
												line-height:14px;	
												padding:0;							
												text-align: center ;
												text-decoration: none ;
												}
												#texte_general2 p a:hover, #texte_general2 p a:focus, #texte_general2 p a:active {
												font-family:helvetica;
												font-weight:bolder;
												font-size:13px;
												line-height:14px;
												}
												#titre_dispo_capa{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												border-bottom:1px solid #FFF;
												}
												#titre_dispo_capa2{
												float:left;
												width:459px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												border-bottom:1px solid #FFF;
												}
												#titre_dispo_capa3{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												margin-bottom:15px;
												border-bottom:1px solid #FFF;
												}
												#titre_dispo_capa5{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												margin-top:170px;
												margin-bottom:15px;
												border-bottom:1px solid #FFF;
												}
												#titre_dispo_capa6{
												width:530px;
												height:600px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												
												border-bottom:1px solid #FFF;
												}
												#fermer{
												float:left;
												width:71px;
												height:15px;
												margin-top:3px;
												background-image:url("fermer.jpg");
												background-repeat:no-repeat;
												border-bottom:1px solid #FFF;
												
												}
												
												#texte_dispo_capa{
												position:absolute;
												width:530px;
												height:266px;
												
												z-index:10;
												}
												#texte_dispo_capa_html{
												position:absolute;
												width:530px;
												height:266px;
												z-index:1;
												}
												#texte_dispo_capa2{
												width:530px;
												height:266px;
												margin-bottom:29px;
												background-color:#947B72;
												}
												#texte_dispo_capa3{
												width:530px;
												height:50px;
												margin:0;
												margin-bottom:10px;
												background-color:#947B72;
												font-family:helvetica;
												font-weight:lighter;
												font-size:12px;
												line-height:12px;
												margin-bottom:30px;
												
												}
												#texte_dispo_capa4{
												width:530px;
												height:65px;
												margin:0;
												margin-bottom:40px;
												
												}
												#texte_dispo_capa4 p{
												margin-bottom:10px;
												background-color:#947B72;
												font-family:helvetica;
												font-weight:lighter;
												font-size:14px;
												line-height:18px;
												margin-bottom:30px;
												}
												#texte_dispo_capa5{
												width:530px;
												height:50px;
												margin:0;
												background-color:#947B72;
												font-family:helvetica;
												font-weight:lighter;
												font-size:12px;
												line-height:12px;
												margin-bottom:30px;
												margin-top:10px;
												}
												#texte_dispo_capa6{
												width:530px;
												height:50px;
												margin:0;
												margin-top:45px;
												
												}
												#video_ge{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												margin-top:276px;
												border-bottom:1px solid #FFF;
												}
												
												#video{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												margin-top:10px;
												border-bottom:1px solid #FFF;
												}
												
												#video a{
												color: #FFFFFF;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;	
												padding:0;							
												text-align: center ;
												text-decoration: none ;
												}
												#video_ge a{
												color: #FFFFFF;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;	
												padding:0;							
												text-align: center ;
												text-decoration: none ;
												}
												#bloc_video {
												width:530px;
												height:15px;
												}
												#bloc_doc{
												width:530px;
												height:18px;
												font-family:helvetica;
												font-weight:bold;
												font-size:12px;
												line-height:12px;
												text-align:left;
												letter-spacing:0.3px;
												margin:0;
												margin-bottom:0px;
												padding:0;
												border-bottom:1px solid #FFF;
												
												}
												#doc{
												width:530px;
												height:auto;
												margin:0;
												margin-top:0px;
												padding:0;
												
												}
																			#doc_list{
																				width: 250px ;
																				list-style: none ;
																				margin: 0 ;
																				padding: 0 ;
																				margin-top:11px;
																				}
																			#doc_list li {
																				
																				margin-left:30px;
																				color: #fff ;
																				list-style-type:disc;
																				}
																			#doc_list li a {
																				list-style-type:disc;
																				display: block ;
																				color: #fff ;
																				font-family:helvetica;
																				font-weight:lighter;
																				font-size:12px;
																				line-height:14px;
																				letter-spacing:0.3px;
																				padding:0;
																				text-decoration: none ;
																				
																				}
																			#doc_list li a:hover, #doc_list li a:focus, #doc_list li a:active {
																				
																				text-decoration: underline ;
																				list-style-type:disc;
																				}
				#bloc-bt-pied{
					width:1200px;
					height:63px;
					margin:0px;
					
					}
				#pied{
				position:absolute;
				width:1200px;
				height:32px;
				background-color:#6e5047;
				margin:0 0 0 0;
				margin-top:0px;
				padding:0 0 0 0;
				font-family:helvetica;
				font-weight:lighter;
				font-size:14px;
				text-align:left;
				margin-left:-25px;
				margin-top:720px;
				}
				#pied_index{
				width:1200px;
				height:32px;
				
				margin:0 0 0 0;
				padding:0 0 0 0;
				font-family:helvetica;
				font-weight:lighter;
				font-size:14px;
				text-align:center;
				}
								#pied_index p{
								font-family:helvetica;
								font-weight:lighter;
								font-size:11px;
								line-height:32px;
								text-align:center;
								
								}
								#pied p{
								float:left;
								font-family:helvetica;
								font-weight:lighter;
								font-size:11px;
								line-height:32px;
								text-align:left;
								margin-left:25px;
								}
				#menu_pied{
				float:left;
				width:530px;
				height:32px;
				margin:0 0 0 0;
				margin-left:145px;
				padding:0 0 0 0;
				list-style-type: none;
				background-color:#OOOOOO;
				}
						#nav {
						width:533px;
						list-style: none ;
						margin: 0 ;
						margin-left:10px;
						padding: 0;
						}
						#nav li {
							display: inline ;
							margin-right: 43px ;
							color: #fff ;
							
							}
						#nav li a {
							color: #fff ;
							font-family:helvetica;
							font-weight:lighter;
							font-size:9px;
							line-height:32px;	
							padding:0;							
							text-align: center ;
							text-decoration: none ;
							}
						#nav li a:hover, #nav li a:focus, #nav li a:active {
							font-family:helvetica;
							font-weight:normal;
							font-size:9px;
							line-height:32px;
							border-top: solid 1px #FFFFFF;
							border-bottom: solid 1px #FFFFFF  ; 
							}
				
/*-------------------------------------styles------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------*/
a {
color:#FFF;
text-decoration:none;
text-align:center;
margin:auto;
}
p{
	font-family:helvetica;
	font-style:lighter;
	font-size:10px;
	line-height:18px;
	text-align:left;
	margin:0;
	}
	
#image{
opacity:100;
FILTER:alpha(opacity=100); 
position:absolute; 
z-index:10;
margin-left:-336px;
margin-top:-83px;
}
#image2{
opacity:0;
FILTER:alpha(opacity=0); 
position:absolute; 
z-index:1;
margin-left:-336px;
margin-top:-83px;
}
#image3{
opacity:100;
FILTER:alpha(opacity=100); 
position:absolute; 
z-index:10;
margin-left:-336px;
margin-top:-83px;
}
#image4{
opacity:0;
FILTER:alpha(opacity=0); 
position:absolute; 
z-index:1;
margin-left:-336px;
margin-top:-83px;
}
#image5{
opacity:100;
FILTER:alpha(opacity=100); 
position:absolute; 
z-index:10;
margin-left:-336px;
margin-top:-83px;
}
#image6{
opacity:0;
FILTER:alpha(opacity=0); 
position:absolute; 
z-index:1;
margin-left:-336px;
margin-top:-83px;
}
#adresse1{
font-size:11px;
text-align:center;
}
#adresse{
font-size:11px;
text-align:center;
}
a img {border:0} 	
a:hover img , a:focus img,a:active img{border:0}
img {border:0}

td{
padding-top:-2px;
padding-left:-2px;

}