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

div,p,h1,h2,h3,li,ul{
margin:0;
padding:0;
}

a:link,a:visited{
text-decoration:none;
}

a{
color:#faefab;
}

#navigation a{
font-style:italic;
}

a:hover{
color:#60adfb;
}

.active{ /* pour chgt couleur des liens  */
color:#60adfb;
font-size:14px;
line-height:14px;
font-weight:500;
}

/* MENU HOVER */

		ul{
		list-style-type:none;
		}	
		
        ul#product
        {
		list-style: none;
		position:relative;
		margin-bottom:-30px;
		text-align:center;
		}
		
        ul#product li span /*style texte rubriques*/
        {
		/*padding-left: 1em;*/
		padding-left:3px;
		padding-right:3px;
		font-style:italic;
		font-size:12px;
        }

        ul#product li{
		/*float:left;*/
		display:inline-block;
		}		
		
        ul#product li.trigger
        {
            padding: .0em .0em .0em .0em;
        }
		
        ul#product li.trigger:hover
        {
            padding: .0em .0em .0em .00em;
			color:#60adfb;
        }
				
        /* ul#product hover menu position override */
        ul#product .trigger ul.menu /*position du sous-menu*/
        {
            margin-top: 1em;
			width:120px;
        }
		
        /* ++ Hover menu styles */
        .trigger ul.menu
        {
            display: none;
            position: absolute;
            padding: .4em;
            list-style: none;
			background-color:#1c0e03;
			z-index:8;
			text-align:left;
        }
        .trigger ul.menu li
        {
            padding: .2em .2em;
        }
        .trigger ul.menu li a
        {
            display: block;
			font-size:12px;
			padding-top:0.5em;
        }
        .trigger:hover
        {
        }
        .trigger:hover ul.menu
        {
            display: block;
        }



.px18{font-size:18px;}	
.px14{font-size:14px;}	
.px20{font-size:20px;}	

.souligne{text-decoration:underline;}
.titre{text-align:center;}	


img{
border:none;
}


h1{
font-size:12px;
letter-spacing:5px;
font-weight:bolder;
}

h2, #acc2 h1{
font-size:11px;
font-weight:bold;
}

h3{
font-size:12px;
font-weight:bold;
text-align:center;
color:#990000;
}

#cadre{
width:auto;
background-color:#b1a179;
}


	#main {
	background-color:#888ab8;
	width: 1000px;
	margin: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#faefab;
	}	
		
		#sous_logo{ /* pour fond couleur logo */
		background-color:#b19960;
		width:245px;
		height:255px;
			float:left;
		}
		
			#logo{
			width:245px;
			height:170px;
			background-image:url(images/logo.jpg);
			background-repeat:no-repeat;
			margin-top: 53px;
			}
		
		#haut_droite{
		width:755px;
		height:255px;
		float:left;
		background-color:#888ab8;
		}
		
			#langue{
			margin-top:10px;
			margin-left:630px;
			width:125px;
			height:15px;
			position:relative;
			z-index:8;
			}
				
			#accroche{
			width:755px;
			font-family:arial;
			font-size:24px;
			letter-spacing:2px;
			}

				#acc1{
				margin-left:50px;
				padding-top:18px;
				}

				#acc2{
				margin-left:100px;
				padding-top:18px;
				}
				
				#acc3{
				margin-left:150px;
				padding-top:15px;
				margin-top:5px;
				}
				
					
			#corps{
			width:1000px;
			position:relative; /* pour que navigation puisse passer en transparence */
			z-index:1;
			}		
			
			
			#navigation{
			clear:both;
			height:170px;/*height:29px;*/
			padding-top:10px;
			padding-left:10px;
			width:990px;
			/*margin-bottom:-50px;*/  /* IE marge negative pour monter sur contenant */
			margin-top:255px;
			background-image:url(images/px_brun.jpg);
			background-repeat:repeat-x;
			/*background-color:#1c0e03;*//*brun foncé*/
			/*for IE */
			filter:alpha(opacity=60);
			/* CSS3 standard */
			opacity:0.6;
			/* older mozzila */
			-moz-opacity:0.6;
			z-index:5; /* pour pouvoir passer sur div corps */
			/*position:relative;*/ /*IE*/
			position:absolute; /* pour pouvoir passer en transparence sur corps */
			}
														
				
				#corps_gauche{
				clear:both;
				width:245px;
				float:left;
				position:relative;
				}
				
					#corps_gauche_haut{
					width:245px;
					position:relative;
					}
				
						#image_rub1{
						position:relative;
						}
													
					#corps_gauche_bas{
					width:245px;
					}	
					
					
						#titre_rub_fond{
						width:245px;
						background-color:#888ab8;
						float:left;
						}
											
						#titre_rub{ 
						width:240px;
						margin:auto;
						padding-top:60px;
						padding-bottom:15px;
						text-align:center;
						letter-spacing:2px;
						font-weight:200;
						font-size:20px;
						color:#faefab;
						}					
										

				#corps_droite{
				width:755px;
				float:left;
				background-color:#c0b777;
				}
				
					#contenant{
					clear:both;
					width:755px;
					overflow:hidden; /* pour defilement sans ascenseur */
					position:relative; /* sinon decallage bizarre image rub */
					background-color:#b19960;
					/*background-color:#1c0e03;*/
					/*background-color:#726548;*/
					/*background-color:#000000;*/
					}
					
					
						#contenu_page{
						width:20000px;
						position:relative;
						/* for IE */
						cursor:hand;
						}	
						
							#image_rub2 a span,#image_rub3 a span,#image_rub4 a span,#image_rub5 a span,#image_rub6 a span,#image_rub7 a span,#image_rub8 a span,#image_rub9 a span,#image_rub10 a span,#image_rub11 a span,#image_rub12 a span,#image_rub13 a span,#image_rub14 a span,#image_rub15 a span,#image_rub16 a span,#image_rub17 a span,#image_rub18 a span,#image_rub19 a span,#image_rub20 a span{
							display:none;
							}
							
							#image_rub2 a:hover span,#image_rub3 a:hover span,#image_rub4 a:hover span,#image_rub5 a:hover span,#image_rub6 a:hover span,#image_rub7 a:hover span,#image_rub8 a:hover span,#image_rub9 a:hover span,#image_rub10 a:hover span,#image_rub11 a:hover span,#image_rub12 a:hover span,#image_rub13 a:hover span,#image_rub14 a:hover span,#image_rub15 a:hover span,#image_rub16 a:hover span,#image_rub17 a:hover span,#image_rub18 a:hover span,#image_rub19 a:hover span,#image_rub20 a:hover span{
							display:block;
							position:absolute;
							text-align:left;
							width:100%;
							height:50px;
							top:300px;
							padding:5px;
							z-index:100;
							color:#FFFFCC;
							font:12px verdana;
							letter-spacing:2;
							background-color:#1c0e03;
							/*for IE */
							filter:alpha(opacity=70);
							/* CSS3 standard */
							opacity:0.7;
							/* older mozzila */
							-moz-opacity:0.7;
							}
						
							#texte_rub1,#texte_rub2,#texte_rub3,#texte_rub4,#texte_rub5,#texte_rub6,#texte_rub7,#texte_rub8,#texte_rub9,#texte_rub10,#texte_rub11,#texte_rub12,#texte_rub13,#texte_rub14,#texte_rub15,#texte_rub16,#texte_rub17,#texte_rub18,#texte_rub19,#texte_rub20{
							float:left;
							width:230px;
							height:265px;
							padding-left:15px;
							padding-right:10px;
							padding-top:45px;
							padding-bottom:25px;
							}
							#image_rub1,#image_rub2,#image_rub3,#image_rub4,#image_rub5,#image_rub6,#image_rub7,#image_rub8,#image_rub9,#image_rub10,#image_rub11,#image_rub12,#image_rub13,#image_rub14,#image_rub15,#image_rub16,#image_rub17,#image_rub18,#image_rub19,#image_rub20{
							float:left;
							}
							
							#image_rub3,#image_rub4,#image_rub5,#image_rub6,#image_rub7,#image_rub8,#image_rub9,#image_rub10,#image_rub11,#image_rub12,#image_rub13,#image_rub14,#image_rub15,#image_rub16,#image_rub17,#image_rub18,#image_rub19,#image_rub20{
							/*margin-left:8px;*/
							border-left:solid #1c0e03 4px;
							border-right:solid #1c0e03 4px;
							}
													
				
				#texte_rub_fond{
				width:755px;
				background-color:#c0b777;
				color:#20180f;
				}
				
					#acces{
					width:471px;
					padding:30px 142px 30px 142px;
					background-color:#b19960;
					}
					
					#liens{
					width:500px;
					padding:80px 100px 30px 100px;
					color:#351B00;				
					}
				
					#instructions{
					padding-left:40px;
					font-size:11px;
					font-weight:bold;
					color:#990000;
					}	
					
					#texte_rub{
					width:600px;
					padding:60px 0px 60px 40px;
					color:#20180f;
					position:relative;
					letter-spacing:2px;
					text-indent:30px;
					z-index:9; /* passera sur l'image de fond  */
					}
					
						
				#texte_contact{
				float:left;
				width:600px;
				margin-left:70px;	
				padding-bottom:30px;
				padding-top:135px;
				}
				
					fieldset{
						border:none;
						padding-left:20px;
						color:#FFFFFF;
						}

					.calagelabel{
						width:170px;
						display:inline;
						float:left;
						margin-top:5px;
						}
						
																		
					.reglage_input{
						background-color:#afa075;
						margin-top:3px;
						}
						
					.reglage_input_court{
						background-color:#afa075;
						width:15px;
						margin-top:3px;
						}
						
					.reglage_input_tel{
						background-color:#afa075;
						width:120px;
						margin-top:3px;
						}
						
					.reglage_input_adresse{
						background-color:#afa075;
						width:351px;
						margin-top:3px;
						}

					.reglage_input_texte{
						background-color:#afa075;
						margin-top:3px;
						margin-left:62px;
						width:351px;
						}							
						
					.reglage_envoyer{margin-left:280px;}
					.default_formulaire{color:#e0f181;}
							
				/*			
				#suite{
				clear:both;
				text-align:right;
				font-size:18px;
				width:900px;
				padding-top:10px;
				padding-bottom:12px;
				font-weight:100;
				}	
				*/	
				
					
				#actu{
				width:580px;
				color:#4b3f27;
				padding:100px 60px 100px 100px;
				margin-left:70px;	
				margin-top:60px;
				}
												
				/*
				#liens a{
				color:#cccca4;
				}
				*/
				
				#diaporama{
				width:755px;
				height:600px;
				background-color:#1c0e03;
				margin-top:38px;
				margin-bottom:-100px;
				position:relative;
				z-index:1;
				}
													
								
				#bas_de_page{
				clear:both;
				width:1000px;
				height:100px;
				font-style:normal;
				}		
				
					#bas_de_page_gauche{
					width:245px;
					height:100px;
					background-color:#b19960;
					float:left;
					}
				
					
					#bas_de_page_droite{
					width:715px;
					padding-left:40px;
					background-color:#888ab8;
					float:left;
					position:relative;
					z-index:3;
					padding-top:20px;
					height:70px;
					padding-bottom:10px;
					}
										
						#bas_haut_droite{
						width:715px;
						height:55px;
						position:relative;
						z-index:9;
						letter-spacing:1px;
						}
						
						#bas_bas_droite{
						width:115px;
						margin-left:500px;
						position:relative;
						font-style:italic;
						z-index:9;
						}
					
					#bidon2{
					clear:both;
					height:0px;
					}
					
		#image_rub{
		position:relative;
		z-index:1;
		}	
		
		#image_rub img{
		margin-top: -257px;
		margin-left: 826px;	
		position:relative;
		z-index:8;	
		}
		
		#carre_beige{
		background-color:#b19960;
		width:245px;
		height:40px;
		margin-top:-40px;
		position:relative;
		}