html,body{
height:100%;
}
body {
background-color: #D8CEC7;
background-image:url(../images/fond.gif);
background-repeat:repeat-x;
}

h2{
	color:#929D62;
	font-size:16px;
	font-weight:bold;
	padding:5px 0;
}

h3{
	color:#5860F3;
	font-size:12px;
	font-weight:bold;
	padding:5px 0;
}

p {
	color:#666666;
	padding:0 0 5px 0;
}

#conteneur {
	position:absolute;
	left:50%;
	height: 1100px;
	margin-left: -480px;
	width: 960px;
}

a.drapeau{
	display:block;
	height:24px;
	position:absolute;
	right:16px;
	top:15px;
	width:24px;
	z-index:2;
}

#sous-conteneur {
	height: 670px;
	width: 960px;
	margin:0 auto;
}
#haut {
	height: 323px;
	width: 960px;
}
#menu {
	height: 170px;
	width: 960px;
	margin:0;
	position:absolute;
	z-index:200;
}
#animation {
	height: 200px;
	width: 940px;
	margin:0 auto;
	position:absolute;
	z-index:100;
	clear:both;
}
#slideshow {
	height:200px;
	width:940px;
	display:block;	
	overflow:hidden;
}

.pics { 
	margin:0; 
	pading:0; 
}

#titre {
	height: 105px;
	width: 307px;
}
#titre2 {
	height: 50px;
	padding:40px 0 0 20px;
	width: 250px;
}
#gauche {
	height: 435px;
	margin: 0 5px 0 0 ;
	padding:220px 0 0 0;
	width: 307px;
	float:left;
	overflow: hidden;
	background-color:#E2DBD8;
}
#txt-gauche {
	margin: 0;
	padding:20px;
	width: 267px;
}

h2.inline{ font-size:12px; font-weight:normal; color:#666666; }
#centre {
	height: 435px;
	margin: 0 5px 0 5px ;
	padding:220px 0 0 0;
	width: 307px;
	float:left;
	background-color:#CCBFBB ;
}
#txt-centre {
	height:295px;
	margin:10px 10px 10px 20px;
	overflow:auto;
	padding-right:10px;
	width:270px;
}
#droite {
	height: 435px;
	margin: 0  0 0 5px ;
	padding:220px 0 0 0;
	position:relative;
	width: 307px;
	float:left;
	background-color:#BEADA7;
	background-image:url(../images/fond-droite.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
}
#txt-droite {
	height: 150px;
	overflow:auto;
	margin:0 30px;
	width: 247px;
}

#map {
	height:380px;
	width:500px;
	float:left;
}

#favoris {
	height: 30px;
	padding:95px 0 0 25px;
	width: 170px;
}

#favoris a, #ami a{ color:#ffffff; }

#ami {
	height: 30px;
	padding:20px 0 0 25px;
	width: 170px;
}

#recommanderAmi{
		background-color:#929D62;
		border:solid 1px #666;
		color:#fff;
		display:none;
		font-size:0.85em; 
		padding:5px;
		position:absolute;
		bottom:55px;
		width:200px;
		height:80px;
		margin: 0 0 0 20px;
	}
	
#pied {
	width:960px;
	height:auto;
	color:#929D62;
	font: 11px Arial, Helvetica, sans-serif;
	clear:both;
	margin:0;
}

#pied a {
	color:#929D62;
	text-decoration:none;
}

#pied a:hover {
	color:#929D62;
	text-decoration:underline;
}

.texteVert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #929D62;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: justify;
}

.texte a{
	color: #929D62;
	text-decoration:none;
}
.texte a:hover{
	color: #929D62;
	text-decoration:underline;
}
.texteblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
.texteblanc a {
	color: #FFF;
	text-decoration:none;
}
.texteblanc a:hover {
	color: #fff;
	text-decoration:underline;
}

.texteminiblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}
.texteminiblanc a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration:none;
}
.texteminiblanc a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-decoration:underline;
}
.textepetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
.textepetit a{
	color: #666;
	text-decoration:none;
}
.textepetit a:hover{
	color: #666;
	text-decoration:underline;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#925E3A;
	font-weight: bold;
}
.sous_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #929D62;
	font-weight: bold;
}

.texte input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #009900;
}

.texte textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border: 1px solid #996848;
}

.texte select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #996848;
}
.textepetit input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #666;
	background-color:#FFFFFF;
}

.textepetit textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #666;
}
.texteami {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0E0BC;
	font-weight:bold;
}
.vert {
	color:#AFC028;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* ------------------------------------------------------------- ymap -------------------------------------------------------------- */

a.bt_carte{ 
	background:transparent url(../images/bt_carte.jpg) no-repeat left top;
	color:#929D62;
	display: block; 
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:italic;
	height:30px;
	left:50%;
	line-height:30px;
	margin-left:-133px;
	position:absolute;
	text-align:center;
	top:200px;
	width:265px; 
}

a.bt_carte:hover{
	background-position:bottom;
	color:#E2DBD8;
}

p.carte { font-size:11px;}

#carte{ 
	height:500px;
	position:absolute;
	top:323px;
	width:940px;
	z-index:300;
}


#ymap{ 
	border:30px solid #CCBFBB;
	height:430px; 
	overflow:hidden;
	position:absolute;
	width:880px; 
}

#carte .bt_carte{
	background:transparent none repeat 0 0;
	left:784px;
	margin:0;
	top:0;
	width:auto;
}

/* ------------------------------------------------------------- widget itineraire -------------------------------------------------------------- */

form.itineraire { width:232px; }

form.itineraire h3{ color:#666666; padding-bottom:15px;}

form.itineraire li, #formulaireContact li {
	background:transparent none repeat scroll 0 0;
	padding:5px 0;
}

#formulaireContact li.secury{
	float:right;
	width:185px;
}

form.itineraire label, #formulaireContact label {
	color:#666666;
	display:block;
	float:left;
	font-size:11px;
	height:15px;
	padding-right:5px;
	text-align:right;
	width:29%;
}

form.itineraire input, #formulaireContact input, #formulaireContact textarea {
	background-color:#FFFFFF;
	border:1px solid #BEADA7;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	width:65%;
}

form.itineraire .submit, #formulaireContact .submit {
	color:#666666;
	clear:both;
	cursor:pointer;
	display:block;
	font-size:12px;
	float:right;
	margin-right:5px;
	width:auto;
}

/* ------------------------------------------------------------- formulaire contact -------------------------------------------------------------- 

#formulaireContact label { width:80px;}

#formulaireContact input, #formulaireContact textarea {width:175px;}*/

#reponsecaptcha{ color:#5860F3; }