/*----------------------General------------------------*/
/*---------------<-- Design by T3cK -->----------------*/
/*------------------!! t3ck.net !!---------------------*/

/*-----------------------Reset-------------------------*/
/*-----------------------------------------------------*/

* {margin: 0; padding: 0; }
a img {border: 0;}
p {font-size: 12px;}

html, body {
    height: 100%;
}

/*-----------------------General-----------------------*/
/*-----------------------------------------------------*/

html {
	background-image:url(fond_site.jpg);
	background-repeat: repeat-x;
	background-color: #3a7000;
}

body {
	margin : 0px;
	padding : 0px;
	background-image:url(fond_wallpaper.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#fondsite {
	position: absolute;
	width: 800px;
	margin-left: -400px;
	left:50%;
}

#fleur {
	position: absolute;
	width: 155px;
	height: 151px;
	z-index: 2;
	top: 88px;
	left: -120px;
	
	background: url(fleur.png) no-repeat transparent;
}

#bandeau_diapo {
	position: absolute;
	z-index: 3;
	top: 40px;
	right: 29px;
	width: 481px;
	height: 179px;
}

#bandeau_cadre_diapo {
	position: absolute;
	z-index: 4;
	top: 21px;
	right: 7px;
	width: 568px;
	height: 228px;
	background-image: url(cadre_bandeau_diapo.png);
	background-repeat: no-repeat;
}

#floatd {
	float:right;
}

.floatd {
	float:right;
}

#floatg {
	float:left;
}

.floatg {
	float:left;
}

/*-----------------------Bandeau-----------------------*/
/*-----------------------------------------------------*/

#bandeau {
	width: 800px;
	float: left;
	background-image: url(bandeau_ciel.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#bandeau_logo {
	width: 248px;
	height: 108px;
	float: left;
}

#bandeau_fleur {
	width: 248px;
	height: 104px;
	float: left;
	clear: both;
	background-image: url(bandeau_fleur.jpg);
	background-repeat: no-repeat;
}

/*------------------------Site-------------------------*/
/*-----------------------------------------------------*/

#site {
	width: 800px;
	min-height: 400px;
	float: left;
	background-image: url(site_fond.jpg);
	background-repeat: repeat-y;
}

#site_haut {
	width: 800px;
	height: 18px;
	float: left;
	background-image: url(site_haut.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}

/*------------------------Menu-------------------------*/
/*-----------------------------------------------------*/

#menu {
	width: 179px; /*219-40*/
	padding: 60px 0px 0px 40px;
	float: left;
	background-image: url(menu_fond.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

	#menu ul {
		list-style-type: none;	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;	
	}
	
		#menu li {
			display: block;
			padding:0px 0px 10px 0px;
			margin-bottom: 2px;
			font-size: 1.2em;
			background-image: url(menu_separation.png);
			background-position: bottom left;
			background-repeat: no-repeat;
		}
		
		#menu li.lien_actif {
			color: #c02202;
		}
		
			#menu a {
				color: #6c5342;
				text-decoration: none;
			}
			
				#menu a:hover {
					color: #c02202;
					text-decoration: none;
				}

/*-----------------------Encar-------------------------*/
/*-----------------------------------------------------*/

.encar {
	float:left;
	width: 508px;
	margin: 20px 0px 0px 0px;
}

.encar h1 {
	display: block;
	width: 433px; /*508-75*/
	min-height: 18px; /*38+10*/
	margin: 0px;
	padding: 10px 0px 10px 75px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #6c5342;
	
	background-image: url(encar_titre.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.encar_fond {
	width: 478px; /*508-5-5*/
	min-height: 75px; /*105-15-15*/
	padding: 15px 15px;
	
	background-image: url(encar_fond.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.encar_fond p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 25px 0px 10px 0px;
	padding-bottom: 0px;
}

.encar_verti {
	float: right;
	width: 215px;
	margin: 0px 10px 0px 10px;
}

.encar_verti_fond {
	width: 185px; /*215-15-15*/
	min-height: 74px; /*104-15-15*/
	padding: 15px 15px;
	
	background-image: url(encar_verti_fond.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.encar_verti h1 {
	display: block;
	width: 140px; /*215-75*/
	min-height: 18px; /*38+10*/
	margin: 0px;
	padding: 10px 0px 10px 75px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #6c5342;
	
	background-image: url(encar_verti_titre.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.encar_verti_fond p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding-bottom: 0px;
}


/*-----------------------Extra-------------------------*/
/*-----------------------------------------------------*/

table#extra {
	width: 350px;
	float: left;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px #b26d00 solid;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

table#extra td {
	height: 20px;
	border: 1px #b26d00 solid;
}

table#extra .orange {
	background-color: #ecbc82;
}

table#extra .prix {
	text-align: center;
}

/*--------------------Pagination-----------------------*/
/*-----------------------------------------------------*/

table#pagination {
	width: 515px;
	float:left;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	color: #FFFFFF;
}

table#pagination a  {
	text-decoration: none;
	color: #c02202;
	margin:0 5px;
	padding: 0 3px;
}

table#pagination  #pagination_actuel {
	font-size: 16px;
	color: #000000;
	padding: 0 5px;
	padding: 0 3px;
}

/*----------------------Contenu------------------------*/
/*-----------------------------------------------------*/

#contenu_fond {
	float: left;
	margin-top: 40px;
	background-image: url(contenu_fond.jpg);
	background-position:left;
	background-repeat:repeat-y;
}

#contenu_haut {
	float: left;
	background-image: url(contenu_haut.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#contenu_bas {
	width: 516px; /*542-26*/
	padding: 0px 0px 40px 26px;
	float: left;
	background-image: url(contenu_bas.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.texte {
	width: 515px; /*574-6-6*/
	float: left;
}

.texte h1 {
	margin: 0px 0px 0px 0px;
}

h1 {
	display: block;
	width: 100%;
	margin: 16px 0px 20px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #6c5342;
}

h2 {
	margin: 16px 0px 20px 0px;
	padding: 0px 0px 4px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #b26d00;
}

#contenu_fond strong {
		color: #c02202;
	}

		#contenu_fond a, #contenu_fond a:visited {
			color: #c02202;
		}
		
		#contenu_fond a:hover {
			text-decoration: none;
		}

#contenu_fond ul {
		margin: 0px 0px 0px 25px;
	}

	#contenu_fond li {
		font-size: 12px;
		margin: 0px 0px 0px 2px;
		padding: 0px 0px 5px 0px;
		color: #b26d00;
	}
	
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-bottom: 0px;
}

.img_border {
	margin: 5px 5px 5px 0px;
	padding: 2px;
	border: 2px #c02202 solid;	
}

.img_gauche {
	float: left;
	margin: 5px 5px 5px 0px;
	padding: 2px;
	border: 2px #c02202 solid;
}

.img_contour {
	margin: 5px 5px 5px 0px;
	padding: 2px;
}

.img_droite {
	float: right;
	margin: 5px 0px 5px 5px;
	padding: 2px;
	border: 2px #c02202 solid;
}

table.partenaire {
	width: 515px;
	float: left;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}

table.partenaire .titre {
	text-align: left;
	width: 150px;
}

table.tarif {
	width: 515px;
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px #b26d00 solid;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: right;
	font-weight: bold;
}

table.tarif .m_e_valeur, table#extra .m_e_valeur {
	background: #ea995d;
	padding: 5px 0px;
}

table.tarif .m_e_valeur u, table#extra td u {
	color: #841b06;
	text-decoration: underline;
	font-style: italic;
}
table.tarif td {
	border: 1px #b26d00 solid;
}

table.tarif .titre {
	height: 30px;
	text-align: center;
	font-size: 16px;
	color: #c02202;
}

table.tarif .ss_titre {
	text-align: center;
	font-size: 12px;
	color: #c02202;
}

table.tarif .chambre {
	height: 25px;
	font-size: 12px;	
	text-align: center;
	color:#FFFFFF;
}

table.tarif .pano {
	background-color: #008cff;
}

table.tarif .jardin {
	background-color: #84c000;
}

table.tarif .type {
	text-align: left;
	height: 20px;
	font-size: 11px;
}

table.tarif .prix {
	text-align: center;
}

table.tarif .orange {
	background-color: #ecbc82;
}

/*--------------------Pied de page---------------------*/
/*-----------------------------------------------------*/

#pdp {
	width: 780px; /*800-20*/
	height: 48px; /*72-24*/
	float: left;
	padding: 24px 20px 0px 0px;
	background: url(pdp.jpg) no-repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: right;
	text-decoration: none;
}

#pdp img {
	vertical-align: middle;
}

#pdp a {
	color: #FFFFFF;
	text-decoration: underline;
}

#pdp a:visited, #pdp a:hover  {
	color: #cef81b;
}