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

/* Anthracite: 			rgb(97,94,89) */
/* Anthracite foncé:	rgb(64,62,59) */
/* Marron: 				rgb(127,109,77) */
/* Gris: 				rgb(171,171,170) */


/* Général */
* {
	padding:					0; 
	margin:						0;
	border:						0;
}
body {
	top:						0; 
	left:						0;
	width:						100%;
	background:					rgb(171,171,170);
	color:						rgb(97,94,89);
	font-family:				Verdana, Geneva, sans-serif;
	font-size:					14px;
	border-top:					8px solid rgb(127,109,77);   
	margin: 					0; 
    text-align: 				center; 
}
textarea {
	color:						rgb(97,94,89);
	font-family:				Verdana, Geneva, sans-serif;
	font-size:					14px;
}
img {
	border: 					0;
	padding:					0; 
	margin:						0;
}
ul {
	list-style-type: 			none;
}
a {
	color:						rgb(97,94,89);
	text-decoration:			none;
}
a:hover {
	text-decoration:			underline;
}
h1, header h3 {
	font-size:					1.2em;
	padding:					10px 0;
	color:						#FFFFFF;
}
h5 {
	text-align:					center;
	font-size:					1.4em;
	padding-top:				50px;
	padding-bottom:				10px;
	margin-top: 				30px;
    border-bottom: 				2px solid rgb(64,62,59);
}
header h3 {
	float:						left;
	display:					inline;
	padding:					8px 10px;
}
h2 {
}
.clearfloat {
	clear:						both;
	height:						0;
	font-size: 					1px;
	line-height: 				0px;
}
section {
	padding-top:				20px;
	padding-bottom:				20px;
	margin-top:					10px;
	clear:						both;
}
section h1 {
	color:						rgb(97,94,89);
}	
#diaporama {
	position:					relative;
	padding-bottom:				20px;
	margin-top:					10px;
	clear:						both;
}
.bouton {
	background-color:			rgb(97,94,89) ;
	text-transform:				uppercase;
	margin:						0 20px 15px 20px;
	padding:					4px;
	color:						rgb(255,255,255);
	font-weight:				bold;
	font-size:					1.12em;
	border-radius:				7px;
	text-align:					center;
	cursor:						pointer;
	background-image:			none;
}
.bouton a {
	text-decoartion:			none;
}
.bouton:before {
	content:					'➚';
}
.titre {
	background-color:			rgb(97,94,89);
	text-transform:				uppercase;
	margin-bottom:				10px;
	border-bottom:				solid 2px rgb(127,109,77);
	border-right:				solid 2px rgb(127,109,77);
	padding:					4px 0 3px 11px;
	color:						#FFFFFF;
	font-weight:				bold;
	font-size:					1.12em;
}
.saisie {
	margin:						3px;
	width:						290px;
	padding:					1px 2px;
	border:						solid 1px rgb(97,94,89);
}
.saisie:focus {
	border:						solid 1px rgb(0,0,0);
}
.submit {
	background-color:			rgb(97,94,89);
	color:						rgb(255,255,255);
	margin:						5px 105px;
	font-weight:				bold;
	padding:					2px 10px;
	border-radius:				3px;
	cursor:						pointer;
}
#conteneur {
	position:					relative;
	left:						50%;
	margin:						10px 0 10px -480px;
	width:						930px;
	background-color:			rgb(255,255,255);
	box-shadow: 				0px 0px 5px #AAA;
	padding:					65px 15px 5px 15px;
	border-radius:				3px;
	min-height:					800px;
	text-align:					left;
}
/* Entête */
.debut {
	position:					absolute;
	top:						25px;
	left:						50%;
	width:						960px;
	margin-left:				-480px;
	z-index:					10000;
	color:						rgb(255,255,255);
	background-color:			rgb(64,62,59);
	border-bottom:				solid 2px rgb(127,109,77);
	border-top:					solid 2px rgb(127,109,77);
}
.defile {
	position:					fixed;
	top:						0;
	left:						50%;
	width:						960px;
	margin-left:				-480px;
	z-index:					10000;
	color:						rgb(255,255,255);
	background-color:			rgb(64,62,59);
	border-bottom:				solid 2px rgb(127,109,77);
	border-top:					solid 2px rgb(127,109,77);
}
#barre_entete {
	width:						930px;
}
nav {
	float:						right; 
	padding:					9px 0 8px 8px;
	font-size:					1.1em;
	font-family:  				Helvetica;
	text-transform:				uppercase;
}
nav li {
	display:					inline;
	padding-left:				20px;
	line-height:				22px;
}
nav li a {
	color:						rgb(255,255,255);
}
nav li a:hover {
}
section img, #diaporama img {
	border-bottom:				solid 3px rgb(64,62,59) ;   
}
section h2 {
	font-size:					1.2em; 
	padding-bottom:				5px; 
	margin-bottom:				20px; 
	border-bottom: 				solid 1px #DDDDDD;
	text-align:					left;
}
.espace_10 {
	margin-top:					10px;
}
.espace_15 {
	margin-top:					15px;
}
.espace_20 {
	margin-top:					20px;
}
.espace_40 {
	margin-top:					40px;
}
.espace_80 {
	margin-top:					80px;
}
.cadre {	
	position:					relative;
	margin:						10px auto;
	background-color:			rgb(35,94,150);   
	color:						#FFFFFF;
	padding:					10px; 
	border:						solid 3px rgb(167,197,209);
}
#fil {
	text-align:					left;
	margin-bottom:				20px;
}
#fil h3 {
	display:					inline;
	font-size:					1em;
}
#resume {
	margin-top:					40px;
	text-align:					center;
	color:						777777;
}
#resume h2 {
	font-size:					0.8em;
}

/* Droite */
.droite {
	width:						300px; 
	float:						right;
}
.droite p {
	margin:						10px 10px 20px 10px;
}
.droite span {
	float:						right;
}
.horaire {
	width:						95px;
	float:						left;
	text-align:					center;
}

/* Gauche */
.gauche {
	width:						600px; 
	float:						left;
}
.bloc {
	position:					relative;
	margin-bottom:				10px;
}
.contenuBloc {
	position:					absolute;
	bottom:						0;
	width:						600px;
	padding:					5px 10px 10px 10px;
	background-color:			rgba(255,255,255,0.8);
	color:						rgb(0,0,0);
}
.contenuBloc:hover {
	background-color:			rgba(255,255,255,0.94);
}
.contenuBloc h2 {
	margin-bottom:				5px;
}
.contenuBloc p:before {
	content:					'+ ';
}

/* Pied de page */
footer {
	background-color: 			rgb(127,109,77);   
	margin-top:					25px;
}
footer span {
	padding:					0 20px;
}
#pied {
	color: 						#FFFFFF;
	width:						960px;
	margin:						auto;
	padding:					3px 0;
	left:						50%;
	text-align:					center;
}
#pied a {
	color:						#FFFFFF;
}

/* Agence */
.partenaires img {
	float:						left;
	margin:						0 15px 5px 0;
}
.partenaires p {
	margin-bottom:				15px;
}
#conteneur-carte {
	position:					relative;
}
#carte-societe {
	border:						solid 2px rgb(97,94,89);    
	width:						296px;
	height:						200px;
}
#legende-agence {
	position:					absolute;
	bottom:						0;
	right:						0;
	z-index:					10;
	font-size:					0.85em;
	background-color:			rgb(97,94,89);
	text-align:					center;
	padding:					4px 10px;
	color:						#FFFFFF;
}

/* Partenaires */
.sortie {
	margin-top:					10px;
	text-align:					right;
	font-style:					italic;
}

/* Carousel */
#carrousel {
	position:					relative;
	width:						930px;
	height:						240px;
	margin:						0 auto;
	border-top:					solid 3px rgb(64,62,59);
	border-bottom:				solid 3px rgb(64,62,59);   
	margin-bottom:				20px;
}
#carrousel h1, #diaporama h1 {
	position:					absolute;
	text-align:					center;
	top:						20px;
	left:						0;
	background-color:			rgb(97,94,89);
	padding:					2px 20px 2px 20px;
	z-index:					100;
	font-size:					1.2em;
}
#slide2 h2 {
	position:					absolute;
	text-align:					center;
	font-size:					1.2em;
	top:						20px;
	left:						0;
	background-color:			rgb(64,62,59);
	padding:					2px 10px 2px 20px;
}
.slide {
	position:					absolute;
	top: 						0;
	left:						0;
	width:						930px;
	height:						240px;
}
.navigation {
	position:					absolute;
	bottom:						10px;
	right:						20px;
}
.navigation span {
	background:					url('images/disque-violet.png');
	background-position:		center;
	background-repeat:			no-repeat;
	padding:					7px;
	margin:						6px;
	height:						13px;
	width:						13px;
	cursor:						pointer;
	color:						rgb(97,94,89); 
}
.navigation span:hover, .navigation span.active {
	background:					url('images/disque-blanc.png');
	background-position:		center;
	background-repeat:			no-repeat;
	color:						#FFFFFF;
}