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



#conteneur {
	font-size:1em;		
}

/* Document CSS */
/* Nom du client */
/* Feuille de style personnalisable */


/* --- Éléments globaux - On --- */
	body {
		font-size:62.5%; /* Ainsi 10px vaut exactement 1em, 11px = 1.1em, etc */
		font-family: Tahoma, Arial, sans-serif;
		background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-body.png);
		background-position:center top;
		background-repeat:repeat-x;
		background-color:#000;
	}
	/* --- Bloc de disposition - On --- */
		#conteneur {
			position:absolute;
			top:0;
			left:50%;
			width:997px;
			margin:0 0 0 -498px;
			z-index:2;
		}
		/* --- Gauche - On --- */
			#gauche {
				width:295px;
				float:left; /* ne pas mettre de marges gauche et droite */
				background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-repete-gauche.jpg);
				background-position:right top;
				background-repeat:repeat-y;
			}
				#contenu-gauche {
					min-height:1em;
					border-top:59px solid #e0dcc2;	
					background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-gauche.jpg);
					background-position:right top;
					background-repeat:no-repeat;
				}
					#gauche h2 {
						margin:-19px 0 0 0;
						text-align:center;
						font-size:2.2em;
						font-weight:normal;
						color:#351d1a;
					}
					#menu-gauche {
					}
					/* --- Liste du menu de gauche - On --- */
						#menu-gauche ul {
							width:255px;
							margin:16px 20px;
							padding:0;
							text-align:right;
						}
						#menu-gauche ul li a {
							line-height:1.9em;
							padding:0.25em 0.5em 0.25em 15px;
							text-align:center;
							background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/carre.png);
							background-position:5px 55%;
							background-color:#351d1a;
						}
					/* --- Liste du menu de gauche - Off --- */
					#infos-gauche {
						text-align:center;
						margin:0 0 0 20px;
						padding:31px 20px 0 20px;
					}
						#infos-gauche img {
							border:1px solid #e0dcc2;
						}
						#infos-gauche h3 {
							color:#fff;
							font-size:1.1em;
							line-height:0.8em;
							padding:1.3em 0 0 0;
							text-transform:uppercase;
							font-weight:bold;
						}
						#infos-gauche p {
							color:#fff;
							font-size:1.1em;
							line-height:1.4em;
						}
						#infos-gauche #heures-ouverture {
							color:#fff;
							font-size:1.1em;
							line-height:1.4em;
							margin:0 0 20px 0;
						}
						#infos-gauche #heures-ouverture caption {
							color:#fff;
							text-align:left;
							padding:1.2em 0;
						}
						#infos-gauche #heures-ouverture tr th, #infos-gauche #heures-ouverture tr td {
							padding:0 10px 0 0;
							text-align:left;
						}
						#infos-gauche #heures-ouverture tr td {
							padding-left:10px;
						}
		/* --- Gauche - Off - */
		/* --- Droite - On --- */
			#droite {
				width:682px;
				float:left; /* ne pas mettre de marges gauche et droite */
			}
			/* --- Entête - On --- */
				#entete {	
					background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-entete.jpg);
					background-position:left top;
					background-repeat:no-repeat;
				}
					#menu-court {
						position:relative;
						width:682px;
						height:44px;
					}
					/* --- Liste du court menu - On --- */
						#menu-court ul {
							position:absolute;
							right:40px;
							top:0;
							margin:0;
							padding:0.9em 0;
							z-index:999;
						}
						#menu-court ul li {
							margin:0 0.2em;
							padding:0.4em 0.5em;
							background-color:#351d1a;
						}
						#menu-court ul li a {
							font-size:0.8em;
							padding:0 0 0 12px;
							background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/petite-esperluette.png);
							background-position:0 55%;
						}
						#english {
							display:relative;
						}
						#info {
							display:none;
							position:absolute;
							color:white;
							top:-50px;
							right:0px;
							background-color:#351d1a;
							padding: 10px 10px 5px;
							z-index:9999;
							text-decoration:none;
							white-space:nowrap;
						}
						#menu-court ul li.dernier a {
							padding:0;
							background-image:none;
						}
						#menu-court ul li a.vert {
							color:#7aac37;
						}
						#menu-court ul li a:hover.reduite, #menu-court ul li a:hover.agrandie {
							color:#fff;
						}
					/* --- Liste du court menu - Off --- */
					#banniere {
						position:relative;
						width:682px;
						height:258px;
						text-align:center;
					}
					#banniere p {
						position:relative;
						display:block;
						bottom:-54px;
						width:34em;
						margin:0 auto;
						padding:20px;
						font-size:1.1em;
						border:1px dotted #7aac37;
						background-color:#000;
						color:#fff;
					}
			/* --- Entête - Off - */
			/* --- Contenu de droite - On - */	
				#contenu-droite {
					background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-bord-droite.png);
					background-position:right top;
					background-repeat:repeat-y;				
				}	
					.texte {
						float:left;
						width:588px;
						min-height:322px;
						padding:15px 25px;	
						background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-texte.png);
						background-position:right top;
						background-repeat:repeat-y;
					}
						h1 {
							display:inline;
							margin:0;
							padding:0 6px;
							font-size:2.2em;
							line-height:1.2em;
							font-weight:normal;
							text-transform:uppercase;
							color:#fff;
							background-color:#000;
						}
						.texte h3 {
							color:#7aac37;
							font-size:1.4em;
							line-height:0.8em;
							padding:0;
							margin:0;
							font-weight:bold;
						}
						.texte h4 {
							color:#fff;
							font-size:1.4em;
							line-height:1.6em;
							margin:0;
							font-weight:normal;
						}
						.texte h5 {
							clear:both;
							color:#597820;
							font-size:1.3em;
							line-height:1.6em;
							margin:5px 0 0 0;
							font-weight:bold;
							border-top:2px solid #29391c;
						}
						.texte h3 a, .texte h5 a {
							text-decoration:none;
						}
						.texte h5 .vert-clair {
							color:#7aac37;
						}
						.texte h1 em {
							color:#7aac37;
							font-style:normal;
						}
						.texte p {
							font-size:1.1em;
							text-align:justify;
							color:#fff;
						}
						.texte ul {
							color:#fff;
							font-size:1.1em;
							line-height:1.4em;
							list-style-type:none;
							margin:4px 0;
							padding:0;
						}
						.texte ul li {
							padding:0 0 0 12px;
							margin:0;
							background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/bulle-verte.png);
							background-position:left center;
							background-repeat:no-repeat;
						}
						.texte img {
							border:1px solid #e0dcc2;
						}
						#galerie {
							margin:10px 0 5px 0;
						}
						#galerie .ouest {
							float:left;
							margin:0 5px 5px 0;
						}
						#galerie .ouest2 {
							float:left;
							margin:0 18px 18px 0;
						}
						#galerie .est {
							float:right;
							margin:0 0 5px 5px;
						}
						#galerie.est2 {
							float:right;
							margin:0 0 10px 0;
						}
						#galerie.est2 .ouest {
							margin:0 0 0 5px;
						}
					#bord-droite {
						float:right;
						width:44px;
						height:100%;
						background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/bord-droite.png);
						background-position:right bottom;
						background-repeat:no-repeat;
					}
					#ascenseur {
						clear:both;
						width:618px;
						padding:15px 44px 15px 20px;
						margin:0;					
						background-image:url(http://styleetdistinction.com/wp-content/themes/styleetdistinction/img/fond-ascenseur.png);
						background-position:right top;
						background-repeat:repeat-y;
					}
					#ascenseur p {
						margin:0;
						padding:0;
						text-align:right;
					}
					#ascenseur p a {
						padding:3px 5px;
						background-color:#000;
					}
					#ascenseur p a:hover {
						color:#7aac37;
					}
					#ascenseur p a img {
						padding:0 0.25em 0 0;
					}
			/* --- Contenu de droite - Off - */	
			/* --- Pied - On --- */
			#pied {
				width:638px;
				clear:both;
				padding:10px 0;
				margin:0 0 10px 0;
			}
				#activis {
					float:right;
					width:86px;
					height:20px;
				}
				#menu-pied {
					width:530px;
					height:12px;
				}
					#menu-pied ul {
						margin:10px 0;
						font-size:0.9em;
						line-height:1.4em;	
					}							
					#menu-pied ul li.premier .separateur {
						padding:0;
					}
					#menu-pied ul li .separateur {
						color:#7aac37;	
						padding:0 0 0 0.3em;
					}
					#menu-pied ul li a {
						background-image:none;
					}
					#menu-pied ul li a img {
						display:none;	
					}
			/* --- Pied - Off --- */
		/* --- Droite - Off --- */
		#fond-beige {
			position:absolute;
			top:0;
			left:50%;
			width:499px;
			height:59px;
			background-color:#e0dcc2;
			z-index:1;
		}
	/* --- Bloc de disposition - Off - */
/* --- Éléments globaux - On --- */







/* --- Carte routiere - On --- */
#boite-carte {
	position:relative;
	width:578px;
	height:400px;
}
#carte {
	width:578px;
	height:400px;
	border:5px solid #7aac37;
}
.bouton-zoom {
	text-decoration:none;
	color:#7aac37;
	background-color:#e0dcc2;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #7aac37;
	padding:0px 4px;
	margin-bottom:3px;
	text-align:center;
	width:auto;
	cursor:pointer;
}
.bouton-zoom:hover {
	color:#e0dcc2;
	background-color:#351d1a;
	border:1px solid #e0dcc2;
}
#informations {
	display:block;
	width:260px;
	height:120px;
	margin:0;
	padding:0;
	color:#351d1a;
}
#informations a img {
	border:0;
	margin:0 0 10px 0;
}
#form-itineraire {
	position:absolute;
	display:block;
	right:10px;
	bottom:20px;
	padding:5px 10px;
	z-index:9995;
	background-color:#fff;
	border:1px solid #351d1a;
}
.form-itineraire-fr {
	width:250px;
}
.form-itineraire-en {
	width:220px;
}
#form-itineraire-g {
	float:left;
	font-size:1.1em;
	line-height:1.2em;
	margin:2px 10px 2px 3px;
	color:#351d1a;
}
#form-itineraire-d {
	width:90px;
	float:left;
}
#form-itineraire .champ {
	float:left;
	width:45px;
	font-size:1.1em;
	padding:4px 2px;
	margin:4px 0 0 0;
	border:1px solid #7aac37;
	background-color:#e0dcc2;
}
#form-itineraire .champ:hover {
	border:1px solid #351d1a;
	background-color:#e0dcc2;
}
#form-itineraire .bouton {
	float:right;
	width:30px;
	margin:4px 0 2px 2px;
	color:#351d1a;
	font-family:'Trebuchet MS', 'Tahoma', 'Verdana', 'Sans-serif';
	background-color:#e0dcc2;
	border:1px solid #7aac37;
}
#form-itineraire .bouton:hover {
	color:#7aac37;
	background-color:#351d1a;
	border:1px solid #351d1a;
}
/* --- Carte routiere - Off --- */
/* --- Boite itineraire - On --- */
#boite-itineraire {
	position:relative;
	width:588px;
	height:400px;
}
#itineraire {
	width:578px;
	height:400px;
	border:5px solid #7aac37;
	margin:0;
	padding:0;
	background-color:#e0dcc2;
}
#indications {
	width:578px;
	height:auto;
	margin:0;
	padding:0px;
	font-size:0.9em;
	color:#fff;
}
#form-retour-carte {
}
#form-retour-carte .bouton {
	float:right;
	width:auto;
	font-size:1.1em;
	margin: 5px 0;
	padding: 4px 8px;
	text-transform:lowercase;
	background-color:#e0dcc2;
	border:1px solid #7aac37;
}
#form-retour-carte .bouton:hover {
	color:#7aac37;
	background-color:#351d1a;
	border:1px solid #7aac37;
}
/* --- Boite itineraire - Off --- */