/* __________ BASE RIWARE __________*/
*
{
margin:0px;
padding:0px;
}

img
{
border:0px;
}

body
{
	background:url('../images/template/background.jpg') center 0px no-repeat;
}

/* __________ TEMPALTE  RIWARE __________ */

#general
{
	/*display:table;_________________________*/

	/*POUR CENTRER LE CONTENU  */
	position:relative;
	margin: auto;
	width:977px;
	background:url('../images/template/ombre_gauche.jpg') left repeat-y;
}

	#ombretop /*PERMET DE DEFINIR UNE OMBRE/MARGE EN HAUT*/
	{
	position:relative;
	float:none;
	width:100%;
	height:0px;
	}

	#contenuOne /*PERMET DE DEFINIR UNE OMBRE/MARGE A GAUCHE*/
	{
	position:relative;
	float:left;
	display: table;
	width:977px;	
	background:url(../images/template/ombre_feuille.jpg) left bottom no-repeat;	
	}
	
		#ombregauche /*OMBRE/MARGE DE GAUCHE*/
		{
		float:left;
		width:41px;
		/*si degrader en background + ombre*/
		background:url(../images/template/image_gauche.jpg) left top no-repeat;
		height:500px;/*hauteur de l'image du background si elle existe	*/
		}
		
		#contenuTwo /*PERMET DE DEFINIR UNE OMBRE/MARGE A DROITE*/
		{
		float:right;
		background:url('../images/template/ombre_droite.jpg') right repeat-y;
		width:936px;/* POUR FIREFOX CALCULER #general moine  ombres de gauche*/
		}
			
				#ombredroite /* OMBRE/MARGE A DROITE*/
				{
				float:right;
				width:22px;
				/*si degrader en background + ombre*/
				background:url("../images/template/image_droite.jpg") right top no-repeat;
				height:500px;/*hauteur de l'image du background si elle existe	*/
				}
				
				#contenu /*CONTENU DES CLASS*/
				{
				float:right;/* pour ie 6*/
				width:914px; /* largeur de contenu one moins les deux ombre */
				/*ne pas mettre de height si le contenu doit s'adapter*/
				background:#41090b url('../images/template/contenu_background.jpg');/*Mettre un background ici pour fond nav soit sur toute la longueur*/
				}
				
					.rowcontenu
					{
					width:100%;/*largeur de contenu*/
					/*margin-top:-2px;/*hack ie6*/
					float:left;
					clear: left;
					}
					
						#header
						{
						background:url('../images/template/tetiaire.jpg') no-repeat;
						height:274px;
						}
						
							#formulaire
							{
								display:block;
							}
						
								#formulaire span
								{
									color:#41090b;
									font-size:12px;
									font-family:verdana;
									font-weight:bold;
								}
						
								#formulaire div
								{
									margin-left:20px;
									margin-top:3px;
								}
						

					.colcontenu
					{
						width:100%;
					}
					
						#fruit
						{
							background:url('../images/template/nav_fruit2.jpg') bottom left no-repeat;	
						}
						

						.col
						{
						position:relative;
						float:left;	
						/*min-height:5px;/* pour FIREFOX si certaine colonne sont vide */
						}
						
							#navigationG
							{
							width:195px;	
							min-height:179px;
							}
							
								#navigation
								{
									min-height:179px;
									background:url('../images/template/nav_background.jpg') top left no-repeat;
									padding-bottom:10px;
								}
								
									#navigation ul
									{
									}
									
										#navigation ul li
										{
											list-style-type:none;
											height:43px;
											width:179px;
											background:#f6ecb9;
										}
									
											#navigation ul li a
											{
												display:block !important;
												display:line;
												padding-left:9px;
											}
									
									#sousnavigation 
									{
										padding-left:9px;
									}
									
										#sousnavigation ul
										{
										}
									
											#sousnavigation ul li
											{
												color:#41090b;
												font-family:verdana;
												width:176px;
												height:auto;											
											}
											
											#sousnavigation ul li a
											{
												color:#41090b;												
												font-size:11px;
												text-decoration:none;
												font-weight:bold;	
												padding-top:5px;
												padding-bottom:5px;
												height:auto;												
												display:block;												
											}
											
											#sousnavigation ul li a.actif
											{
												background:#f0ddaa;
												padding-left:9px;												
											}
											
									div.abcdr
									{
										width:523px;
										height:50px;
										background:url('../../../images/template/abcdr_bk.jpg') no-repeat;
									}
									
										div.abcdr  ul
										{
											margin-left:10px;
											list-style-type:none;
											color:#41090b;										
										}
											
											div.abcdr  ul li
											{
												color:#41090b;	
												font-family:arial;
												float:left;
											}
											
											div.abcdr  ul li a
											{
												font-weight:bold;
												text-decoration:none;
												font-size:12px;
												color:#41090b;	
												display:block;
												width:10px;
												padding:3px 6px 3px 10px;												
												margin:3px 6px 0px 6px;												
											}
											
									div.tri_nav 
									{
										width:170px;
										background:#fff2bc url('../images/template/tri_top.jpg') no-repeat;
										float:left;
										margin-top:25px;
									}
											
										div.tri_nav  ul
										{
											margin-left:10px;
											margin-top:20px;
											list-style-type:none;
											color:#41090b;										
										}
											
											div.tri_nav  ul li
											{
												color:#41090b;	
												width:150px;
												font-family:arial;
											}
											
											div.tri_nav  ul li a
											{
												font-weight:bold;
												text-decoration:none;
												font-size:12px;
												color:#41090b;	
												width:140px;
												display:block;
												padding:5px 0px 5px 10px;												
											}
											
									div.tri_bottom
									{
										width:170px;
										height:25px;
										background:url('../images/template/tri_bottom.jpg') no-repeat;
									}
											
									
									div.article1
									{
										width:500px; 
										margin-left:20px;
										float:left;
										color:#f6e9b1;
										font-family:arial;
									}
	
										div.article1 h2
										{
											margin-top:40px;
											color:#ffffff;
										}
										
										div.article1 h3
										{
											margin-top:10px;
											color:#ffffff;
										}
										
										div.article1 div
										{
											margin-top:35px;
											font-weight:auto;
											font-size:12px;
										}	
										
											div.article1 div p a
											{
												color:#ffffff;
											}
									
									div.article2
									{
										width:500px; 
										margin-left:20px;
										float:left;
										color:#f6e9b1;
										font-family:arial;										
									}
	
										div.article2 h2
										{
											margin-top:40px;
											color:#ffffff;
										}
	
										div.article2 h3
										{
											margin-top:10px;
											color:#ffffff;
										}
										
										div.article2 div
										{
											margin-top:35px;
											font-weight:auto;
											font-size:12px;
										}
										
											div.article2 div p a
											{
												color:#ffffff;
											}	
									
									div.article3
									{
										width:330px; 
										margin-left:20px;
										float:left;
										color:#f6e9b1;
										font-family:arial;										
									}
										
										div.article3 h2
										{
											margin-top:40px;
											color:#ffffff;
										}
										
										div.article3 h3
										{
											margin-top:10px;
											color:#ffffff;
										}
										
										div.article3 div
										{
											margin-top:35px;
											font-weight:auto;
											font-size:12px;
										}
										
											div.article3 div p a
											{
												color:#ffffff;
											}
											
									div#contact
									{
										width:275px;
									}
									
										div#contact p
										{
										}
										
											div#contact form p label
											{
												width:70px;
												display:block;
												float:left;
											}
											
												div#contact form p.field input
												{
													width:200px;
													margin-bottom:5px;
												}
												
												div#contact form p.field textarea
												{
													width:200px;
												}
												
											#bt-fcontact
											{
												float:right;
												/*margin-right:3px;	*/											
											}
											
								#hon
								{
									padding-bottom:130px;
									font-family:arial;
									font-size:12px;
									margin-left:10px;
								}
							
							#separationG
							{
							width:15px;
							height:1px;
							}
							
							#textcentral
							{
							width:529px;
							margin-bottom:10px;
							}
								
								#bienvenue
								{
									color:#f6e9b1;
									margin-bottom:20px;
								}
								
									#bienvenue div p strong
									{
										color:#ffffff;
									}
								
								.titre_texte
								{
									font-size:17px;
									color:#fff2bc;
									font-family:verdana;
									font-weight:200;
									margin-bottom:10px;
								}
							
							#separationD
							{
							width:11px;
							height:1px;
							}
							
							#navigationD
							{
							width:120px;
							margin-bottom:10px;
							margin-left:15px;
							}
							
					
	#ombrebottom /*PERMET DE DEFINIR UNE OMBRE/MARGE EN BAT*/
	{
	position:relative;
	margin:auto;
	width:977px;
	height:30px;
	}
	
		#bottom
		{
			margin:auto;
			width:977px;
			height:30px;
			background:url('../images/template/bottom.jpg');
		}
		
			#bottom1
			{
				float:left;
				width:41px;
				height:29px;
				background:white url('../images/template/ombre_gauche.jpg');
			}
	
			#bottom2
			{
				float:left;
				width:913px;
				height:29px;
				background:white url('../images/template/footer.jpg');
			}
			
				#bottom2 p
				{
					color:#460b00;
					font-family:verdana;
					font-size:10px;
					font-weight:bold;
					margin-top:8px;
					margin-left:270px;
				}
				
					#bottom2 p a
					{
						color:#460b00;
						text-decoration:none;
					}
			
			#bottom3
			{
				float:left;
				width:22px;
				height:29px;
				background:white url('../images/template/ombre_droite.jpg');
			}