@charset "utf-8";
/* Document CSS */
/* Nom du client */
/* Feuille de style pour définir la taille du texte comme standard */



#conteneur {
	font-size:1em;		
}

@charset "utf-8";
/* Document CSS */
/* Nom du client */
/* Feuille de style personnalisable */



/* --- Éléments globaux - On --- */
	body {
		font-size:0.625em/1; /* Ainsi 10px vaut exactement 1em, 11px = 1.1em, etc */
		font-family:"Times New Roman", Times, serif;
		background-color:#fffefc;
	}
	body .a-imprimer {
		display : none;
	}
	#imp-entete {
		display : none;
	}
	#imp-pied{
		display : none;
	}
/* --- Éléments globaux - On --- */


/* --- Bloc de disposition - On --- */
	#conteneur {
		position:relative;
		width:100%;
		margin:0;
	}
	#texte{
	font-size:0.7em;
	background-color:#FFFFFF;
	}
	
	h3{
	font-size:21px;
	}
	
	
/* --- Bloc de disposition - Off - */


/* --- Éléments communs - On - */
	#menu-principal, #ascenseur, #menu-pied, #activis, #droits {
		padding:10px;
	}
	#gauche, #centre, #droite {
		
	}
/* --- Éléments communs - Off - */


/* --- Entête - On --- */
	#entete {
		position:relative;
		width:100%;
		height:240px;
		border-bottom:3px double #8a705c;
		background-color:#fff7f1;
		background-image:url(/img/entete-fond.jpg);
		background-position:left top;
		background-repeat:repeat-x;
	}
	#menu-court {
	}
	/* --- Liste du court menu - On --- */
		#menu-court ul {
		
		}
		#menu-court ul li {
		
		}
		#menu-court ul li a {
		
		}
	/* --- Liste du court menu - Off --- */
	#banniere {
		width:960px;
		margin:0 auto;
		text-align:center;
	}
	#contenu-banniere {
	}
	#banniere-swf {
		width:960px;
		margin:0 auto;
	}
	#menu-principal {
		position:absolute;
		bottom:0px;
		left:50%;
		width:912px;
		height:21px;
		padding:10px 10px 0px 10px;
		margin:0 0 -20px -470px;
		border:3px double #8a705c;
		background-color:#fff;
	}
	/* --- Liste du menu principal - On --- */
		#menu-principal ul {
			font-size:12px;
			font-family:Times, serif;
			font-style:italic;
		}
		#menu-principal ul li {
		
		}
		#menu-principal ul li a {
		
		}
	/* --- Liste du menu principal - Off --- */
/* --- Entête - Off - */


/* --- Corps - On --- */
	#corps {
		width:960px;
		margin:15px auto 20px auto;
	}
	.encadre {
		border:1px solid #f16c74;
		margin:20px 10px;
		padding:20px;
	}
	/* --- Gauche - On --- */
		#gauche {
			float:left; /* ne pas mettre de marges gauche et droite */
		}
		#menu-gauche {
		}
		/* --- Liste du menu de gauche - On --- */
			#menu-gauche ul {
			}
			#menu-gauche ul li {
			
			}
			#menu-gauche ul li a {
			
			}
		/* --- Liste du menu de gauche - Off --- */
	/* --- Gauche - Off - */
	/* --- Centre - On --- */
				
		#centre.section_droite_on{
			width:640px;
			float:left; /* ne pas mettre de marges gauche et droite */
		}
		
		#centre.section_droite_off{
			width:960px;
			float:left; /* ne pas mettre de marges gauche et droite */
		}
		
		#fil-ariane {
		}
		
		#centre ul li {
			color:#8a705c;
			margin-left:18px;
			list-style-image:url(/img/li.gif);
		}
		
		#centre ul li:hover {
			color:#8a705c;
			margin-left:18px;
			list-style-image:url(/img/li-hover.gif);
		}
				
		/* --- Liste du fil d'ariane - On --- */
			#fil-ariane ul {
			}
			#fil-ariane ul li {
			
			}
			#fil-ariane ul li a {
				
			}
		/* --- Liste du fil d'ariane - Off --- */

		/* --- Liste du fil d'droite - on --- */
		#droite .encadre li a{
			font-size:1.0em;
			padding:0 0 0px 15px;  
			text-decoration:none;
		}	
		
		#droite .encadre li a:hover{
			color:#f16b73;
			list-style:none; 
			height:auto; margin:0; 
			padding:0 0 0px 15px;  
			background: url(/img/li.gif) 0px 5px no-repeat; 
		}	
		
		#droite .encadre ul li {
			font-size:0.7em;
		}
	
		#droite .encadre li span{
			color:#8a705c;
			font-style:normal;
		}
				
		.asterisque {
			color:#a79485;
		}
		
		#ascenseur {
		}
		
	/* --- Liste du fil droite- Off --- */
		
	/* --- Centre - Off - *ss

	
	/* --- PHOTOS - On - */
	
	#miniatures-index {
		width:960px;
		}
	
	#miniatures {
		margin-left:auto;
		margin-right:auto;
		border: 1px solid #FFFFFF;
		background-color:#FFFFFF;
		}
	
	.miniatures span{ 
		margin: 0px 8px 5px 8px;
		display:inline-block;
		border: 1px solid #a28a7f;
		}
		
	.miniatures span:hover{   /* Hover */
		border: 1px solid #f16c74;
		}					
	
	.miniatures img{
		position:relative;
		max-width:288px;
		/*max-height:288px;*/
		}	
		
	.miniatures img{
		border: 5px solid #FFFFFF;
		}
		
	.miniatures img:hover{
		border: 5px solid #FFFFFF;
		}	
		
	
	.unXun{
		padding-top:18px;
		}			
	/* --- PHOTOS - Off - */
	
	/* --- Droite - On --- */
		#droite {
			width:318px;
			float:left; /* ne pas mettre de marges gauche et droite */
		}
	/* --- Droite - Off --- */
/* --- Corps - Off --- */


/* --- Pied - On --- */
	#pied {
		width:100%;
		height:150px;
		border-top:3px double #8a705c;
		background-color:#fffbf7;
	}
	#infos {
		width:940px;
		margin:0 auto;
	}
	#activis {
		float:right;
		width:100px;
	}
	#menu-pied {
		width:780px;
		float:left;
	}
	#menu-pied ul {
		padding:10px 0;
		
	}
	#menu-pied ul li a{
		font-style:italic;
		font-size:11px;
		font-weight:bold;
		font-family:"Times", Times New Roman, serif;
	}
/* --- Pied - Off --- */


/* Affichage d'un popup dans la même page */
#pop {
	display:none;
	position:absolute; 
	top:0; 
	left:0;
	width:100%;
	background-color:#fffbf8; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9; 
	-khtml-opacity: 0.9; 
	opacity: 0.9;
	z-index:9997;
}
#lienpopimg {
	display:none;
	position:absolute; 
	text-decoration:none; 
	z-index:9998;
	border:1px solid #f36b75;
}
#popimg {
	border:5px solid #FFFFFF;
}
a#lienpopimg span {
	display: none;
}
a#lienpopimg:hover span {
	position: absolute;
	display:block;
	float:right;
	width:25%;
	font-size:1.3em;
	font-weight:bold;
	font-family:Tahoma, "Trebuchet MS";
	color:#FFFFFF;
	padding:5px;
    filter: alpha(opacity=70); /* Pour Internet Explorer */
    -moz-opacity: 0.7; /* Pour Mozilla */
    -khtml-opacity: 0.7; /* Pour Konqueror */
    opacity: 0.7; /* Pour les standards CSS3 */	
	background-color:#555555;
	z-index:9999;
}
/* Affichage d'un popup dans la même page */




/* Carte routiere */ 
#boite-carte {
	position:relative;
	float: right;
	width:684px;
	height:400px;
	margin:0;
	border:1px solid #f16c74;
}
#carte {
	position:relative;
	float: right;
	width:684px;
	height:400px;
	background-color:#FFFFFF;
}
#carte-infos {
	margin:6px;
	padding:0;
}
#carte-infos img {
	float:left;
	margin:0 20px 0 0;
}
#txtinfo {float:left;}
/* Boite code postal */
#code-postal {
	position:absolute;
	bottom:0;
	right:0;
	width:684px;
	background-color:#fff7f0;
	z-index:99999;
}
#code-postal p {
	margin:0 10px 5px 5px;
	padding:5px;
}
#code-postal input {
	font-size:1em;
	width: 40px;
	margin: 0 0 0 5px;
	padding: 5px 5px;
	border:1px solid #8a705c;
}
#code-postal .bouton {
	display:inline;
	width:30px;
	height:30px;
	margin: 0 0 0 5px;
	padding: 4px;
	text-transform:lowercase;
}
#code-postal .bouton:hover {
	border:1px solid #8a705c;
}
/* Boite itineraire */
#boite-itineraire {
	position:relative;
	float: right;
	width:684px;
	height:400px;
	margin:0;
	background-color:#fff7f2;
	border:1px solid #f16c74;
}
#carte-itineraire {
	position:absolute;
	top: 0;
	left: 0;
	width:484px;
	height:400px;
	overflow:auto;
	background-color:#fff7f2;
}
#indications-itineraire {
	position:absolute;
	width:200px;
	height:390px;
	top: 0;
	right: 0;
	margin:0;
	padding:0;
	overflow:auto;
	font-size:0.8em;
	background-color:#fff7f2;
	
}
#retour-carte {
}
#retour-carte .bouton {
position:absolute;
	bottom: 0;
	left: 10px;
	width:150px;
	margin: 5px 0;
	padding: 4px 8px;
	background-color:#fff7f0;
	text-transform:lowercase;
}
#retour-carte .bouton:hover {
	border:1px solid #f16c74;
}