/*

[Index]

0- Import
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer

*/

/* =0 Import
-------------------------------------------------------------------*/
@import url('reset.css');

/* =1 Global
-------------------------------------------------------------------*/
body {
    background:   	#d7d0be;
    color:	    	#333;
    font: 	    	normal 12px Arial, Geneva, Helvetica, sans-serif;
    line-height:    1;
    vertical-align: top;
}

.wrapper{
	height: 100%;
	margin: 0 auto;
	width: 992px;
}

.left{
	height: 100%;
	width: 790px;
	_float: left;
	
}

.right{
	float: right;
	height: 100%;
	width: 193px;
}

.tips{
	font-size: 10px;
}

.border-t{border-top: solid #fff 3px;}
.border-r{border-right: solid #fff 2px;}
.border-b{border-bottom: solid #fff 3px;}
.border-l{border-left: solid #fff 2px;}
.border-all{border: solid #fff 3px;}

.float-right{float: right;}
.float-left{float: left;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.align-right{text-align:right;}

.display-block{display:block;}
.display-none{display:none;}

.clear-both{clear:both;}

.erreur{
	background-color: #FFDFDF;
	border: 1px solid #AF4C4C;
	color: #AF4C4C;
	padding: 5px 10px;
}

#slider1, #slider2, #slider3{
	height: 129px;
	overflow: hidden;
	width: 193px;
}


#slider1 img, #slider2 img, #slider3 img{
	cursor: pointer;
}

#sliderA{
	background-color: #D7D0BE;
	border-left: solid 1px #fff;
	overflow: hidden;
	height: 362px;
	position: relative;
	width: 790px;
}

#wip{
	font-size: 20px;
	margin: 0 auto;
	padding: 125px 0;
	text-align: center;
}

.ui-datepicker-trigger{
	vertical-align: -4px;
}

/* =2 Links
-------------------------------------------------------------------*/
a:link, a:visited { text-decoration: none; color: #fff; }

a:hover { text-decoration: none; color:	#003102; }

a:active { text-decoration: none; color: #003102; }

#carte a{color: #222;}
#carte a:hover{color: #003102;}

/* =3 Headings
-------------------------------------------------------------------*/
h1 {
    color:          #fff;
    font:           14px bold Arial, Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
h2 {
    color:          #fff;
    font:           14px bold Arial, Geneva, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
h3 {
    color:          #fff;
	font: 1.0em Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
}

h4 { font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif; }
h5 {
    font: 1em Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-weight:    bold;
}
h6 { font: 0.7em Verdana, Arial, Geneva, Helvetica, sans-serif; }

/* =4 Header
-------------------------------------------------------------------*/

div#header{
    background: #b09580;
	border-top: solid 3px #c5b5a1;
    height:     133px;
}

div#bloc-actu{
	background: #b09580 url('../images/bg_bloc_actu.png') no-repeat top center;
	position: relative;
	top: -3px;
	right: 3px;
}

div#bloc-actu a{
	color: #003102;
	display: block;
	font-size: 11px;
	line-height: 16px;
	margin: 8px auto;
	text-align: justify;
	width:	170px;
}

div#langues{
	position: relative;
	top:      10px;
	right:    5px;
}

div#langues img{
	margin-right: 2px;
}

img#logo{
	margin-left: 32px;
}

span#link-home{
	display: none;
	
	position: absolute;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma;
	color: #D7D0BF;
	top: 110px;
	margin-left: 280px;
	_float: left;
	_margin-left: -120px;
}

span#link-home a{
	color: #D7D0BF;
}

/* =5 Navigation
-------------------------------------------------------------------*/
div#nav{
    background:     #d7d0be url('../images/bg_nav.png') repeat-x;
    height:         48px;   
}

div#nav ul{
	padding: 0 0 0 15px;
	z-index: 996;
}

div#nav li{
	float:	left;
	z-index: 997;
}

div#nav li a{
	color: 		#fff;
	display: 	block;
    font: 	    bold 15px Arial, Geneva, Helvetica, sans-serif;
    left:       0px;
	padding-top: 	2px;
    position:   relative;
	margin:	10px 20px 0 20px;
	text-align: center;
	z-index: 998;
	border-color: #000;
	outline-color: #456F45;
}

div#nav li a img{
	height: 16px;
	z-index: 999;
}

/* Lavalamp ********************************************/

div#nav ul li.back{
    background: url('/images/nav/menu-hover-d-trans.png') no-repeat top right;
    width: 14px;
	height: 42px;
	margin-bottom: 20px;
	*margin-left: -16px;
	_margin-left: -5px;
    position: absolute;
    *position: relative;
    *top: -32px;      
}

div#nav ul li.back .ll-left{
    background: url('/images/nav/menu-hover-g-trans.png') no-repeat top left;
    height: 42px;
    margin-right: 14px;
}

div#nav ul li.back .ll-left img#arrow{
	top: 30px;
	*top: 25px;
	left: 5px;
	_left: 0;
	position: relative;
}

div#nav ul li.back:hover,.ll-left:hover{
	cursor: pointer;  
}



/*******************************************************/


/* =6 Middle
-------------------------------------------------------------------*/
div#content{
	/*/min-height: 519px;*/
	text-align: left;
}

div#main{
	width: 992px;
	/*min-height: 505px;*/
	background-color: #c5b5a1;
}

/* Colonne photos + visite virtuelle ****/
div#colonne-photo{
	height: 100%;
	background-color: #fff;
	border-bottom: 1px #fff solid;
	*border-bottom: none;
}

div#colonne-photo div#slider-colonne div#slider1, div#colonne-photo div#slider-colonne div#slider2{
	margin: 0;
	padding: 0;
	height: 127px;
	overflow: hidden;
}

div#colonne-photo div#slider-colonne div#slider1{
	border-bottom: 4px #fff solid;
	_border-bottom: 3px #fff solid;
	*margin-top: -1px;
	_margin-top: 1px;
}

div#colonne-photo div#slider-colonne div#slider2{
	border-bottom: 2px #fff solid;
	*border-bottom: 5px #fff solid;
	*margin-top: -2px;
}

div#colonne-photo div#slider-colonne div#slider3{
	border-bottom: 2px #fff solid;
	_border-bottom: 3px #fff solid;
	height: 258px;
	overflow: hidden;
}

div#colonne-photo div#vv{
	border-bottom: 4px solid white;
	_border-bottom: 3px solid white;
}

div#colonne-photo div#vv a{
	display: block;
	margin: 0;
	_margin-bottom: -7px;
	*margin-bottom: -5px;
	padding:0;
}

div#colonne-photo div#vv a img{
	margin: 0;
	padding:0;
}

/****************************************/

/* Accueil ******************************/

div#contenu-page-accueil{
	padding: 2px 0px 10px 45px;
}

div#contenu-page-accueil div.texte{
	color: #003102;
	line-height: 20px;
	width:	435px;
}

#iehack1{
	background: transparent url('/images/bg_logo.png') no-repeat top left;
}

/****************************************/

/* Contact ******************************/

div#contenu-page-contact{
	background: transparent url('/images/bg_int.gif') repeat-x top left;
	color: #003102;
	padding: 2px 32px 0 45px;	
}

div#contenu-page-contact div.texte{
	line-height: 20px;
	width:	435px;
}

div#contenu-page-contact div.texte-full{
	line-height: 20px;
}

div#contenu-page-contact div.texte table tr td{
	padding: 0 5px 5px 5px;
}

div#contenu-page-contact div textarea{
	padding: 5px;
	height: 130px;
	width: 420px;
}

div#contenu-page-contact img{
	vertical-align: -4px;
	*vertical-align: 0px;
}

/****************************************/

div#contenu-page{
	margin-bottom: 25px;
	padding: 12px 32px 0 45px;	
	_padding: 12px 0 0 30px;	
}
div#contenu-page.effet{
	background: transparent url('/images/bg_int.gif') repeat-x top left;
}

div#contenu-page div.texte{
	color: #003102;
	line-height: 20px;
	width:	435px;
}

div#contenu-page div.texte p, p.texte{
	background: transparent url('/images/puce.gif') no-repeat 0px 3px;
	padding-left: 21px;
}

div#contenu-page div.texte p.intro{
	background: none;
	color: #fff;
	padding-left: 0px;
}

div#contenu-page div.texte table tr td{
	padding: 0 5px 5px 5px;
}

div#contenu-page div.texte-full{
	color: #003102;
	line-height: 20px;
}

div#contenu-page div.texte-full p{
	background: transparent url('/images/puce.gif') no-repeat 0px 3px;
	padding-left: 21px;
}

div#contenu-page div.texte-full p.intro{
	background: none;
	color: #fff;
	padding-left: 0px;
}

div#bas-de-page{
	background-color: #CDC0AD;
	color: #fff;
	height: 17px;
	padding-top: 3px;
	width: 100%;
}

/* Slider ******************************/
div#slider-accueil{
	height: 362px;
	width: 791px;
}

/***************************************/

/* Actus *******************************/
div#liste_actualite{
	margin-bottom: -10px;
	*margin-bottom: 0px;
}

div#liste_actualite ul.ul_actu{
	
}

div#liste_actualite ul.ul_actu li.actu{
	height: 54px;
}

div#liste_actualite ul.ul_actu li.actu div.vignette{
	/*_display: none;*/
	_margin-top: 30px;
	_margin-right: 30px;
	float: right;
	margin-left: 10px;
}

div#liste_actualite ul.ul_actu li.actu div.vignette img{
	border: solid 3px #fff;
}

div#liste_actualite ul.ul_actu li.actu div.etiquette{
	margin-top: 20px;
	width: 615px;
	
}

div#liste_actualite ul.ul_actu li.actu div.etiquette div.titre_actu a{
	color:#003102;
	line-height:20px;
	font-weight: bold;
}

div#liste_actualite ul.ul_actu li.actu div.etiquette div.titre_actu a:hover{
	color:#003102;
	line-height:20px;
	font-weight: bold;
}

div#liste_actualite ul.ul_actu li.actu div.etiquette a.texte_actu{
	color:#003102;
	line-height:20px;
}

.full-img-actu{
	text-align: center;
}

.full-img-actu img{
	border: solid 3px #fff;
	margin: 15px auto;
}

#wp-actu{
	margin-right: 150px;
}

/***********************************************/

/* =7 Form
-------------------------------------------------------------------*/
label{
	
}

input{
	background-color: #d7d0be;
	border: solid 1px #b09580;
	padding: 3px;
}

input.input-text{
	width:105px;
}

input.long{
	width: 339px;
}

input.court{
	width: 50px;
}

input.moyen{
	width: 100px;
}

input.submit{
	color: #fff;
	background-color: #b09580;
	border: solid 1px #d7d0be;
	margin-top: 5px;
}

input#envoyer{
	background: transparent url('/images/bg_submit.png') no-repeat top left;
	border: none;
	cursor: pointer;
	height: 33px;
	width: 460px;
}

input#submit{
	background: transparent url('/images/bg_envoyer.png') no-repeat top left;
	border: none;
	cursor: pointer;
	height: 33px;
	width: 169px;
}

input#envoyerInNewsletter{
	background: transparent url('/images/bg_envoyer.png') no-repeat top left;
	border: none;
	cursor: pointer;
	height: 33px;
	width: 169px;
}

input#envoyerOutNewsletter{
	background: transparent url('/images/bg_envoyer.png') no-repeat top left;
	border: none;
	cursor: pointer;
	height: 33px;
	width: 169px;
}

a#cliquez{
	background: transparent url('/images/bg_cliquez.png') no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	height: 33px;
	margin-top: 2px;
	width: 169px;
}

select{
	background-color: #d7d0be;
	border: solid 1px #b09580;
	padding: 4px;
}

textarea{
	background-color: #d7d0be;
	border: solid 1px #b09580;	
}

/* =8 Extra
-------------------------------------------------------------------*/
.new-links{
	margin-right: 360px;
}

#inscription-news{
	margin-left: 650px;
}

#pagination-actu{
	margin-left: 15px;
	_margin-bottom: 8px;
}

.desactive{
	color: #9F9381;
}

#carte{
	border: 3px solid #fff;
	height: 362px;
	_height: 362px;
	width: 790px;
	_width: 787px;
	_overflow: hidden;
}

#coordonnees{
    color:	    	#333;
    font: 	    	normal 11px Arial, Geneva, Helvetica, sans-serif;
	height:			220px;
    line-height:    1.3;
	padding: 		10px;
	padding-top:	30px;
	_border-bottom: 4px solid #fff;
}

#coordonnees a{
    color:	    	#333;
}

.bg_fonce{
	background-color: #BAA893;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
	text-transform: uppercase;
}
.bg_fonce_gauche{
	background: transparent url('/images/bg_fonce_gauche.png') no-repeat top left;
	height: 20px;
	padding: 2px 0;
	width: 7px;
}
.bg_fonce_droite{
	background: transparent url('/images/bg_fonce_droite.png') no-repeat top left;
	height: 20px;
	padding: 2px 0;
	width: 7px;
}

.bg_clair{
	background-color: #d3c7b5;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
	text-transform: uppercase;
}
.bg_clair_gauche{
	background: transparent url('/images/bg_clair_gauche.png') no-repeat top left;
	height: 20px;
	padding: 2px 0;
	width: 7px;
}
.bg_clair_droite{
	background: transparent url('/images/bg_clair_droite.png') no-repeat top left;
	height: 20px;
	padding: 2px 0;
	width: 7px;
}

.bg_h1{
	background: transparent url('/images/bg_h1.png') no-repeat top left;
	border: 1px solid #cfc1b1;
	height: 34px;
	font-weight: bold;
	margin-top: -12px;
	_margin-top: 0px;
	padding: 15px 0 0 50px;
	text-transform: uppercase;
	width: 940px;
}

.bg_h1_2{
	background: transparent url('/images/bg_h1_2.png') no-repeat top left;
	border: 1px solid #cfc1b1;
	height: 34px;
	font-weight: bold;
	padding: 15px 0 0 50px;
	text-transform: uppercase;
	width: 940px;
	_width: 741px;
}

.bg_h2{
	background: transparent url('/images/bg_h2.png') no-repeat top left;
	height: 33px;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 15px;
	text-transform: uppercase;
	width: 460px;
}

#bg_vv{
	background: transparent url('/images/bg_vv.png') no-repeat top left;
	color: #003200;
	display: block;
	height: 22px;
	font-weight: bold;
	padding-left: 8px;
	text-transform: uppercase;
	width: 120px;
}

#bg_vv:hover{
	color: #fff;
}

#bg_tarif{
	background: transparent url('/images/bg_tarif.png') no-repeat top left;
	color: #003200;
	display: block;
	height: 22px;
	font-weight: bold;
	padding-left: 8px;
	text-transform: uppercase;
	width: 84px;
}

#bg_tarif:hover{
	color: #fff;
}

.dotted{
	margin-bottom: 5px;
}

.bg_1{
	background: transparent url('/images/bg_1.png') no-repeat top left;
	display: block;
	height: 22px;
	font-weight: bold;
	padding: 1px 0 0 11px;
	text-transform: uppercase;
	width: 219px;
}

.bg_2{
	background: transparent url('/images/bg_2.png') no-repeat top left;
	display: block;
	height: 22px;
	font-weight: bold;
	padding: 1px 0 0 11px;
	text-transform: uppercase;
	width: 82px;
}

.bg_3{
	background: transparent url('/images/bg_3.png') no-repeat top left;
	display: block;
	height: 21px;
	font-weight: bold;
	padding: 0 0 0 9px;
	text-transform: uppercase;
	width: 101px;
}

.bg_4{
	background: transparent url('/images/bg_4.png') no-repeat top left;
	display: block;
	height: 21px;
	font-weight: bold;
	padding: 0 0 0 9px;
	text-transform: uppercase;
	width: 46px;
}

.bg_5{
	background: transparent url('/images/bg_5.png') no-repeat top left;
	display: block;
	height: 22px;
	font-weight: bold;
	padding: 1px 0 0 7px;
	text-transform: uppercase;
	width: 144px;
}

.bg_a span strong {
	color: #003102;
}

.bg_a span strong:hover{
	color: #fff;
}

.bg_6{
	background: transparent url('/images/bg_6.png') no-repeat top left;
	display: block;
	height: 21px;
	font-weight: bold;
	padding: 0 0 0 7px;
	text-transform: uppercase;
	width: 174px;
}

.bg_7{
	background: transparent url('/images/bg_7.png') no-repeat top left;
	display: block;
	height: 20px;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	width: 134px;
}

.tableau-tarif{
	border: 1px solid #CFC1B1;
	margin-left: 5px;
	width: 	450px;
}

.tableau-tarif tr td{
	border-bottom: 1px dotted #B8A08B;
}

.tableau-tarif tr td.tableau-tarif-header{
	background-color: #CDC0AD;
}

p.texte{
	color: #003102;
	margin: 20px;
	line-height: 20px;
}

div.tarifs-contenu{
    font: 	    	normal 12px Arial, Geneva, Helvetica, sans-serif;
    line-height:    1.6;
	text-align: justify;
    vertical-align: top;
}

	div.tarifs-contenu p{
		color: #003102;
	}

	div.tarifs-contenu table{
		cellpadding: 1px;
		cellspacing: 1px;
	}

		div.tarifs-contenu table tr td{
			color: #000;
			padding: 2px;
			text-align: center;
		}
		
			div.tarifs-contenu table tr td p{
				color: #000;
			}
	
	div.tarifs-contenu .fond_orange{
		background-color: #FFA000;
	}
		
		div.tarifs-contenu .fond_orange p{
			color: white;
		}
	
	div.tarifs-contenu .tarif_a{
		background-color: #42352A;
	}
		
		div.tarifs-contenu .tarif_a p{
			color: white;
		}
	
	div.tarifs-contenu .tarif_b{
		background-color: #98785E;
	}
		
		div.tarifs-contenu .tarif_b p{
			color: white;
		}
	
	div.tarifs-contenu .tarif_c{
		background-color: #BDA795;
	}
		
		div.tarifs-contenu .tarif_c p{
			color: white;
		}
	
	div.tarifs-contenu .ferme{
		background-color: #D2C4B8;
	}
		
		div.tarifs-contenu .ferme p{
			color: white;
		}
		
	

	div.tarifs-contenu p.puce{
		background: transparent url('/images/puce.gif') no-repeat 0px 3px;
		padding-left: 21px;
	}

/* =9 Footer
-------------------------------------------------------------------*/
div#footer{
    background:    #003200;
    height:        23px;
	margin-top:    20px;
}

div#footer p{
	color: #cebd9f;
	font-size: 11px;
	margin: 0 auto;
	padding-top: 5px;
}

div#footer p a{
	color: #cebd9f;
}

div#footer p a:hover{
	color: #fff;
}

.link-capocea a{
	color: #222;
	font-size: 10px;
	line-height: 22px;
}