/* @override http://domaine-du-lac.fr/css/style.css */

/*-------------------
*     GENERALE
*-------------------*/
body{background:url('../img/header-bandeau.jpg') repeat-x #5C4F4A;padding:0px;margin:0px;
	font-family:"Trebuchet MS"; color: #5a4f4a; font-size: 14px;}
img{margin:0;padding:0;}
.left{float: left;}
.right{float: right;}
a img{border:0;}
a{color:#5a4f4a; text-decoration: none;}
a .red{color:#a5183e; font-weight: bold;}
a:hover{text-decoration: none;}
a:focus{outline: 0 none;}
p{text-align:justified;}
#homebackground{width:100%; height:100%; background: url('../img/bg-accueil.jpg');}
#homebackground p{display: none;}
.clear {clear: both; width: 100%; height: 0; border: 0;}


/*-------------------
*     HEADER
*-------------------*/
#tophead{width:990px;height:80px;margin:15px auto 0 auto; background: url('../img/header-titre.jpg') center no-repeat; position: relative;}
#bottomhead{width:990px; height:60px; margin : 0 auto 0 auto; background: url('../img/header-blangy.jpg') center no-repeat;}

#imgnews{float: left; margin-left:18px; background: url('../img/icone-news.jpg') no-repeat; width: 78px; height: 80px;}

#imgtarif{ margin-left: 14px; background: url('../img/icone-tarif.png') no-repeat; width: 67px; height: 80px;
	float: left;
}

#imgaccueil{float: left; background:url('../img/icone-accueil.jpg') no-repeat; width: 98px; height:80px;}

#decalage #imgactus { margin-left: 112px; }

#imgactus{ float: left; background:url('../img/icone-actus.png') no-repeat; width: 59px; height:80px; margin-left: 31px;}
#imgauberge{float: left; background:url('../img/icone-auberge.jpg') no-repeat; width: 78px; height:80px; margin-left: 16px;}
#imgcontact{float: left; background:url('../img/icone-contact.jpg') no-repeat; width: 98px; height:80px; margin-left: 18px;}

#imgactus a,#imgtarif a { font-size: 11px; }
#imgauberge a {font-size: 12px;}
#tophead .linked a{
	width: 100%; height:100%;
	display: block;
	font-family: "Times new Roman", serif;
	text-align: center;
	color: #9F1B42;
	line-height: 140px;
	overflow:hidden;
	letter-spacing: 2px;
	padding-left: 1px;
}

h1.subtitle{position: absolute; color: #5A4F4A; font-size: 22px; letter-spacing: 2px; font-variant: small-caps; margin-top: 30px; left: 50%; margin-left: -250px; font-family: 'Times new Roman', serif; width: 500px; text-align: center;}
.fr{width: 27px; height: 20px; float: left; margin-top: 55px; margin-left: 109px;}
.en{width: 27px; height: 20px; float: left; margin-top: 55px; margin-left: 7px;}
.nl{width: 27px; height: 20px; float: left; margin-top: 55px; margin-left: 103px;}
.homefr{float:left; margin-top:195px; width: 100px; height:80px; margin-left: 208px; display: inline; position: relative; z-index: 10;}
.homeen{float:left; margin-top:195px; width: 85px; height:80px; margin-left: 60px; display: inline; position: relative; z-index: 10;}
.homenl{float:left; margin-top:195px; width: 100px; height:80px; margin-left: 80px; display: inline; position: relative; z-index: 10;}
.homede{float:left; margin-top:195px; width: 130px; height:80px; margin-left: 40px; display: inline; position: relative; z-index: 10;}
.biglink{display: block; width: 100%; height: 100%;}

#liendedroite{width:270px; float:right;}
#liendegauche{width:271px; float:left;}

.headtop, .headbottom{
width: 271px;
height: 25px;
font-family: "Times new Roman", serif;
font-size: 15px;
text-align: center;
}

.headtop a, .headbottom a{
color: #FFFFFF;
line-height: 25px;
}

.headbottom{background: url('../img/headbottom.jpg'); }
.headtop{background: url('../img/headtop.jpg'); }
.small{ width: 263px; float:right}

.h2hide{display: none;}

/*-------------------
*     CONTENEUR
*-------------------*/
#contenu{width: 990px; height:600px; margin: auto; background: #777777;}
#textecadre{position: relative; width: 756px; height:308px; float: left; margin-left:18px; margin-top:13px; display:inline}
.vente{width:700px; height:100px; clear:left; padding:10px; vertical-align:middle;}
#promo{position: relative; width: 720px; height:100px; float: left; margin-left:35px; margin-top:3px; background:#993333; border: 2px solid #f6a800}
#textecadre2{position: relative; width: 756px; height:308px; float: left; margin-left:8px; margin-top:5px; display:inline}
#textecadre p, #textecadre2 p{
line-height: 15px;	
}

/*-------------------
*      TEXTES
*-------------------*/
h1{color: #EEA508; font-family: "Times new Roman", serif; font-variant: small-caps; width: 100%; text-align: center;
	display: block; font-size:24px; letter-spacing: 6px; font-weight: 100;}
h2 {font-family:"Trebuchet MS", Times, serif; font-style:normal; color:#a51a3f; font-size:14px; text-align: center; margin:8px;}
p{margin:9px 14px 9px 14px;}
.centered{text-align: center;}



/*---------------------
*     CSS SPECIFIQUE
*---------------------*/
#situationeurope{width:100%; height:100%; background: url('../img/situation-europe.jpg') ;}
#situationnormandie{width:100%; height:100%; background: url('../img/situation-normandie.jpg') ;}
#situationcamping{width:100%; height:100%; background: url('../img/situation-camping.jpg') ;}
#situationblangy{width:100%; height:100%; background: url('../img/situation-blangy.jpg') ;}
#situations{width:154px; float:left; margin: 15px;}
#domainebackground{width:100%; height:100%; background: url('../img/domaine.jpg');}
#menudomaine{width:850px; margin:480px 0 0 90px; float:left}
#menudomaine div{float: left; text-align: center;}
#emplacementsbackground{width:100%; height:100%; background: url('../img/bg_emplacement.jpg');}
#ventesbackground{width:100%; height:100%; background: url('../img/bg_ventes.jpg');}
#partenairesbackground{width:100%; height:100%; background: url('../img/bg_partenaire.jpg');}
#aubergebarbg{width:100%; height:100%; background: url('../img/bg_auberge.jpg');}
#loisirsbg{width:100%; height:100%; background: url('../img/bg_loisirs.jpg');}
#contactbg{width:100%; height:100%; background: url('../img/bg_contact.jpg');}


#situations{ text-align: center; }
#situations a{
color: #FFFFFF;
text-align: center;
font-size: 16px;
}

#menudomaine div{
 width: 120px;	
}
#menudomaine a{
	color: #FFFFFF;
	font-size: 14px;
}
.zoom h2{
 position: absolute;
 width: 100%;
 text-align:center;
 font-family: "Times new Roman", serif;
 font-size: 24px;
 font-variant: small-caps;
 color: #FDF79F;
 margin: 5px 0px;
 letter-spacing: 2px;
}

.zoom p{
	width: 245px;
	text-align: center;
	margin: 65px 0 0 315px;
	position: absolute;
	font-size: 13px;
	
}

/* INDEX 
**************/
.arche-languages {
	width: 210px;
	height: 60px;
	background: url('../img/arche-langs.png');
	position: relative;
	top:49px;
	left: 390px;
}
.arche-fr {
	background-position-x: 0;
}
.arche-en {
	background-position-x: -210px;
}
.arche-nl {
	background-position-x: -420px;
}
.arche-de {
	background-position-x: -630px;
}
.entree-langages {
	width: 650px;
	height: 184px;
	background: url('../img/entree-lang.png');
	position: relative;
	top:189px;
	left:180px;
	z-index: 1;
}
.entree-fr {
	background-position-x: 0;
}
.entree-en {
	background-position-x: -650px;
}
.entree-nl {
	background-position-x: -1300px;
}
.entree-de {
	background-position-x: -1950px;
}
/*		Auberge
*---------------------*/
#auberge {
	background: #75655d url('../img/bg_auberge.png') bottom center no-repeat;
	width: 100%;
	padding-top: 30px;
}
.inner_auberge {
	width: 948px;
	margin: auto;
}
	#auberge .presentation_auberge {
		width: 555px;
		float: left;
	}
	#auberge .top_presentation_auberge {
		width: 555px;
		height: 20px;
		background: url('../img/bg-top-presentation-auberge.png');
	}
	#auberge .content_presentation_auberge {
		width: 495px;
		padding: 0 30px;
		background: url('../img/bg-content-presentation-auberge.png');
		font-size: 13px;
	}
		.content_presentation_auberge .titre {
			background: url('../img/bg-titre-auberge-bar.jpg') bottom center no-repeat;
			height: 50px;
		}
			.content_presentation_auberge h2 {
				font-family: Times;
				margin-top: 0;
				font-size: 20px;
				color: #f6a800;
				font-weight: normal;
			}
			.carousel {
				margin: 0 14px;
			}
	#auberge .bottom_presentation_auberge {
		width: 555px;
		height: 20px;
		background: url('../img/bg-bottom-presentation-auberge.png');
	}
	#auberge .ardoise{
		background: url('../img/bg-ardoise.png');
		width: 392px;
		height: 571px;
		float: left;
		font-family: NothingYouCouldDoRegular;
		color: white;
		font-size: 14px;
	}
		#auberge .ardoise h2{
			font-family: NothingYouCouldDoRegular;
			color: white;
			text-align: center;
			font-size: 38px;
			font-weight: normal;
			margin-bottom: 0;
			margin-top: 20px;
			padding-right: 25px;
		}
		#auberge .ardoise h3 {
			padding-left: 80px;
			margin-top: -23px;
			margin-bottom: 15px;
			font-family: NothingYouCouldDoRegular;
			color: white;
			text-align: center;
			font-size: 22px;
			font-weight: normal;
		}
		.ardoise .menu-content{
			margin-left: 35px;
		}
		.ardoise p {
			line-height: 22px;
			margin: 0;
			padding-left: 20px;
			padding-right: 20px;
		}
		.ardoise h4 {
			font-size: 24px;
			font-weight: normal;
			margin: 10px 0 -5px 0;
		}
		.ardoise .prix {
			font-size: 60px;
			position: absolute;
			text-align: right;
			top: 670px;
			width: 375px;
		}
		.prix .valeur-prix {
			width: 360px;
			float: left;
			text-align: right;
		}
		.prix .euro {
			width: 10px;
			float: right;
			font-size: 16px;
			margin-top: 25px;
			text-decoration: none;
		}

/*-------------------
*      FOOTER
*-------------------*/
#footer{width: 990px; height: 25px; margin: auto; background: url('../img/footer-img.jpg');}
.footer{letter-spacing: 3px; text-align: center; color:#c8d3d9; font-size: 14px; line-height: 25px; background:url('img/footer-img.jpg');}
.signature a {
	color: #000000;
	font-size: 10px;
}


/* 	Polices d'ecriture
------------------------*/

@font-face {
	font-family: 'NothingYouCouldDoRegular';
	src: url('../fonts/nothingyoucoulddo-webfont.eot');
	src: local('☺'), url('../fonts/nothingyoucoulddo-webfont.woff') format('woff'), url('../fonts/nothingyoucoulddo-webfont.ttf') format('truetype'), url('../fonts/nothingyoucoulddo-webfont.svg#webfontr9k9D6Vf') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-------------------
*   Page Actualités
*-------------------*/

#contentnews {
	background-color: white;
	padding: 20px;
	font-family: Arial;
	font-size: 12px;
}

#contentnews h2.blog-title {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	background-color: #accc15;
	padding: 5px;
	border: 1px solid #97b216;
	text-transform: uppercase;
	font-size: 16px;	
}

#contentnews h2.blog-title a {
	color: white;
}

#contentnews h2.blog-title a:hover {
	text-decoration: underline;
}

#contentnews .blog-date {
	color: #cdcdcd;
	font-size: 12px;
	margin: 15px 0;
}

#contentnews img { margin: 0 5px 5px 5px; }

#contentnews .clearer {
	clear: both;
	margin: 30px 0;
	border-bottom: 1px solid #97b216;
}


.blog-pagination a {
	padding: 5px;
	background-color: #accc15;
	border: 1px solid #97b216;	
	color: white;
	border-radius: 4px;
}

.blog-pagination a:hover {
	text-decoration: underline;
}

.blog-wrap h2 {
	color: white;
}

#contenu.actualites {
	height: 0px;
}

.blog-content p {
	margin: 0;
	padding: 0;
}

a.backlink {
	color: #f88633;
	font-weight: bold;
}

a.backlink:hover {
	text-decoration: underline;
}