/* CSS Document Blograft 2013 */

/* //////////////// Elements /////////////////////////  */

@font-face {
    font-family: 'DinM';
    src: url('../fonts/din_medium-webfont.eot');
    src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_medium-webfont.woff') format('woff'),
         url('../fonts/din_medium-webfont.ttf') format('truetype'),
         url('../fonts/din_medium-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DinB';
    src: url('../fonts/din_medium-webfont.eot');
    src: url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din_medium-webfont.woff') format('woff'),
         url('../fonts/din_medium-webfont.ttf') format('truetype'),
         url('../fonts/din_medium-webfont.svg#OpenSansLight') format('svg');
    font-weight: bold;
    font-style:normal;

}
/* //////////////// Elements /////////////////////////  */

*
{
	font-family: Arial;
	font-weight: normal;
}
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background:transparent url(../images/background.jpg) top center repeat;
	background-attachment:fixed;
}
h1, h2, h3, h4, h5, h6, p, strong, a, ul, li, img
{
	margin:0px;
	padding:0px;
}
strong
{
	font-weight: bold;
}
ul, li {
	list-style:none;
}
a
{
}

a:hover,
a:focus
{
}

/* //////////////// Styles /////////////////////////  */

#back {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}
#mainscroll {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
#header {
	z-index:2;
	margin:0px;
	padding:0px;
	width:100%;
	height:140px;
	background-color:#eaeaea;
	text-align:center;
}

#col {
	display:inline-block;
	margin:0px;
	padding:0px;
	width:960px;
}
#headerCont {
	display:inline-block;
	background:transparent url(../images/logo.gif) top center no-repeat;
	margin:0px;
	padding:0px;
	width:960px;
	height:140px;
}
.lienlogo{
	display:block;
	width:510px;
	height:100px;
	text-indent:-3000px;
	position:absolute;
	}
#flag 
{
	margin-top:80px;
	margin-left:840px;
	height:20px;
	width:200px;
}
#flag ul
{
	display:inline-block;
	height:20px;
	width:200px;
}

#flag li
{
	display:inline-block;
	float:left;
}
#flag li a
{
	display:inline-block;
	float:left;
	text-indent:-3000px;
	font-size:1px;
	color:#ffffff;
	width:23px;
	height:15px;
	margin-left:7px;
	text-decoration:none;
	border:0px solid #ffffff;
}
#flag li a#fr
{
	background:transparent url(../images/fr_gr.png) top center no-repeat;
}
#flag li a#fr:hover,#flag li a#fr.active
{
	background:transparent url(../images/fr.png) top center no-repeat;
}
#flag li a#en
{
	background:transparent url(../images/en_gr.png) top center no-repeat;
}
#flag li a#en:hover,#flag li a#en.active
{
	background:transparent url(../images/en.png) top center no-repeat;
}
#flag li a#es
{
	background:transparent url(../images/es_gr.png) top center no-repeat;
}
#flag li a#es:hover,#flag li a#es.active
{
	background:transparent url(../images/es.png) top center no-repeat;
}
#flag li a#nl
{
	background:transparent url(../images/nl_gr.png) top center no-repeat;
}
#flag li a#nl:hover,#flag li a#nl.active
{
	background:transparent url(../images/nl.png) top center no-repeat;
}
#mainmenu 
{
	margin-top:4px;
}

#mainmenu ul
{
	display:inline-block;
	margin-left:60px;
	height:60px;
}
#mainmenu li
{

	display:inline-block;
	float:left;
}
#mainmenu li a
{
	float:left;
    font-family: 'DinM';
	font-size:16px;
	display:inline-block;
	color:#ffffff;
	text-transform:uppercase;
	margin-right:40px;
	line-height:34px;
	text-decoration:none;
}
#mainmenu li a:hover, #mainmenu li a.active
{
	color:#ff9933;
}
.contentpane #page{
	display:inline-block;
	width:400px;
}
.contentpane #content div#text p{
	display:inline-block;
	width:400px;
}

#page{
	display:inline-block;
	width:960px;
}
#menuRub 
{
	display:block;
	width:960px;
	margin-top:15px;
}

#menuRub ul
{
}

#menuRub li
{
	float:left;
}
#menuRub li a
{
	float:left;
    font-family: 'DinM';
    font-weight: bold;
    font-style:normal;
	font-size:15px;
	display:inline-block;
	color:#5b5a5a;
	text-transform:none;
	margin-right:10px;
	text-decoration:none;
	padding: 4px 5px 7px 5px;
	background:transparent url(../images/back_menuRub.png) top center repeat-x;
}
#menuRub li a.active, #menuRub li a.active:hover
{
	color:#000000;
	background-image:none;
	background-color:white;
}
#menuRub li a:hover
{
	color:#000000;
	background:transparent url(../images/back_menuRubB.png) top center repeat-x;
	
}
#menuRub li a
{
	color:#5b5a5a;
}
h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 0px 0px;
	font-size:15px;
	color:white;
}
.contentpane #content
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:13px;
	margin:0px;
	padding:45px 0px 45px 0px;
	width:400px;
	text-align:left;
}
#content
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background-color:white;
	font-size:13px;
	margin:0px;
	padding:45px 0px 45px 0px;
	width:960px;
	text-align:left;
}
#content a
{
	color:black;
	text-decoration:underline;
}
#content.camping p
{
	margin:0px 0px 0px 25px;
}
#content.camping h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 30px 25px;
	font-size:15px;
	color:white;
}
#content div#text
{
	display:inline-block;
	width:380px;
	padding:0px 0px 0px 25px;
	margin-right:50px;
}
#content.hebergement h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 30px 0px;
	font-size:15px;
	color:white;
}
#content.tourisme h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 30px 25px;
	font-size:15px;
	color:white;
}
#content.tourisme div#text
{
	display:inline-block;
	width:955px;
	padding:0px;
	margin:0px 0px 0px 25px;
}
#content.tourisme div#text div.site
{
	display:inline-block;
	float:left;
	width:290px;
	height:290px;
	padding:0px;
	margin:0px 20px 20px 0px;
}
#content.tourisme div#text div.site img
{
	border:1px solid black;
	margin:0px 0px 10px 0px;
}
#content.infos h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 30px 0px;
	font-size:15px;
	color:white;
}
#content.infos img.pict
{
	display:inline-block;
	float:left;
	margin:0px 0px 20px 25px;
}
#content.tarif h1
{
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	background:#944cb7 url(../images/h1_corner.png) top right no-repeat;
	padding:3px 15px 3px 15px;
	margin:0px 0px 30px 25px;
	font-size:15px;
	color:white;
}

#content.tarif div#text
{
	display:block;
	width:955px;
	padding:0px;
	margin:0px 0px 0px 25px;
}
#content.tarif div#text p
{
	display:inline-block;
	width:855px;
	padding:0px;
	margin:0px 0px 0px 25px;
}
#content.tarif table
{
	display:block;
	padding:0px;
	margin:0px 0px 0px 25px;
}
table {
	font-size:13px;
	}
td {
	border-bottom:2px solid #c6ccd8;
	border-right:2px solid #c6ccd8;
	}
	
td.ri {
	border-bottom:0px solid #c6ccd8;
	border-right:2px solid #c6ccd8;
	}
td.bo {
	border-bottom:2px solid #c6ccd8;
	border-right:0px solid #c6ccd8;
	}
td.green {
	border:0px;
	font-size:15px;
	background-color:#c2d290;
	border-right:5px solid #ffffff;
	}
	
td.green2 {
	border:0px;
	font-size:15px;
	background-color:#a9c169;
	border-right:5px solid #ffffff;
	}
	
td.green3 {
	border:0px;
	font-size:15px;
	background-color:#9eac69;
	border-right:5px solid #ffffff;
	}
	
td.green4 {
	border:0px;
	font-size:15px;
	background-color:#94a759;
	border-right:5px solid #ffffff;
	}
td.gray {
	border:0px;
	font-size:15px;
	background-color:#c6ccd8;
	}
td.desc {
	border:0px;
	font-size:11px;
	}
	
td.no {
	border:0px;
	}
#imgzone{
	display:inline-block;
	float:right;
	width:470px;
	height:100%;
	margin-left:35px;
	margin-right:5px;
	padding-bottom:55px;
	}	
#imgzone img{
	display:inline-block;
	float:left;
	float:right;
	margin:0px 20px 20px 0px;
	}

#slidezone{
	display:inline-block;
	background-color:#dfc9e9;
	float:left;
	width:450px;
	height:100%;
	margin-left:35px;
	margin-right:0px;
	padding-bottom:25px;
	}

#slidezone  img{
	display:inline-block;
	}
#slideBig{
	width:450px;
	height:300px;
	margin-bottom:25px;
	text-align:center;
	}
	
#slidezone  #slideThumb {
	margin:0px 0px 0px 20px;
	}
#slidezone  #slideThumb a{
	display:inline-block;
	float:left;
	width:75px;
	height:50px;
	text-align:center;
	margin:10px 0px 10px 5px;
	}
#slidezone  #slideThumb img{
	display:inline;
	}
#menuHeb{
	border-top:5px solid #cccccc;
	color: #a6a3a3;
	font-size:12px;
	font-weight:bold;
	margin:30px 0px 0px 0px;
	}
#menuHeb a{
	display:inline-block;
	text-decoration:none;
	color: #a6a3a3;
	font-size:12px;
	font-weight:bold;
	margin:5px 2px 0px 2px;
	}
#menuHeb a:hover{
	text-decoration:none;
	color: #666666;
	}
#slideshow
{
	display:inline-block;
	top:140px;
	margin:0px;
	padding:0px;
	width:960px;
	height:440px;
}
#menubutton
{
	display:inline-block;
	top:140px;
	margin:40px 0px 0px 0px;
	padding:0px;
	width:960px;
}
#menubutton ul
{
	display:inline-block;
	height:183px;
}
#menubutton li
{
	float:left;
}
#menubutton li a
{
    font-family: 'DinM';
	display:inline-block;
	background:transparent url(../images/orange_button.png) top center no-repeat;
	float:left;
	width:231px;
	height:182px;
	margin-right:12px;
	text-align:left;
	text-decoration:none;
}
#menubutton li a:hover
{
	background:transparent url(../images/violet_button.png) top center no-repeat;
}
#menubutton li a span
{
    font-family: 'DinM';
	font-size:18px;
	display:inline-block;
	width:231px;
	height:32px;
	color:#ffffff;
	text-transform:uppercase;
	margin-left:20px;
	line-height:34px;
}
#menubutton li.last a
{
	margin-right:0px;
}
#baseline
{
	display:inline-block;
	margin:30px 0px 0px 0px;
	padding:0px;
	width:960px;
}

#baseline p
{
    font-family: 'DinM';
    font-weight: bold;
    font-style:normal;
	font-size:15px;
	color:#cccccc;
}
#footer
{
	background:transparent url(../images/footer.png) top center no-repeat;
	display:inline-block;
	padding:15px 0px 0px 0px;
	width:960px;
	margin:100px 0px 100px 0px;
}
#footer p, #footer a
{
	text-decoration:none;
    font-family: Arial;
    font-weight: normal;
    font-style:normal;
	font-size:12px;
	color:#ffffff;
}
/* Formulaire */
dt{
	display:inline-block;
	float:left;
	width:100px;}
dt,dd{
	margin-top:3px;}
input,textarea{
	width:260px;
	border:1px solid #999999;
	font-size:11px;
	color:#000000;
	padding:2px;
	}
button{
	display:inline-block;
	margin-left:207px;
	margin-top:10px;
	width:120px;}
span.nb{
	font-size:10px;}
	
	/*REPONSIVE*/
			
.topnav .icon {
  display: none;
} 
		@media only screen and (max-width: 1000px) { 
		
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
			    float: left;
				display: block;
				margin-top: -33px;
				margin-left: 10px;
				font-size: 30px;
				color: #666;
		 		 }
		.topnav  { 
				display: block  !important;
				position: relative;
				float: left;
		}
		.topnav li, .topnav ul { 
				display: block  !important;
				position: relative;
				float: left;
				background-color: #666;
				height: auto !important;
		}
		}
	
		@media only screen and (max-width: 1000px) { 
				#content.tarif table {
					display: block;
					padding: 0px;
					margin: 0px;
					width: 100% !important;
					font-size:8px !important;
				}
				#content.tarif table td,#content.tarif table td span{ 
					font-size:8px !important;
					padding: 3px !important;
				}
				#content.tarif table td{ 
					font-size:8px !important;
				}
				#content div#text {
					display: inline-block;
					width: 100%;
					padding: 0px;
					margin-right: 0px;
				}
				#menuRub li a {
					color: #5b5a5a;
					font-size: 20px;
					background-color: #f3f3f3;
					background-image: none;
				}
				#menuRub li {
					float: left;
					margin: 10px 10px 0px 0px;
					border: 1px solid #ccc;
					background-color: #f3f3f3;
				}
				#menuRub li a.active, #menuRub li a.active:hover { 
					background-color: inherit;
				}
				#content div#text p { 
					width: 95% !important;
					padding: 5px;
					margin: 0;
				}
				#content.infos img.pict {
					display: inline-block;
					float: left;
					margin: 0px 0px 20px 0 !important;
					width: 100%;
					height: auto;
				}
				#content.infos iframe {
					display: inline-block !important;
					float: left !important;
					margin: 0px 0px 20px 0 !important;
					width: 100% !important;
					height: auto !important;
				}
				#slidezone {
					display: inline-block;
					background-color: #dfc9e9;
					float: left;
					width: 100%;
					height: 100%;
					margin-left: 0;
					margin-bottom: 20px;
					margin-right: 0px;
					padding-bottom: 25px;
				}
				#slidezone img {
					display: inline-block;
					height: auto;
					width: 100%;
				}
				#slideBig {
					width: 100%;
					height: auto;
					margin-bottom: 25px;
					text-align: center;
				}
				#slidezone #slideThumb img {
					height: 50px;
				}
				#content.tarif div#text, #content.tourisme div#text { 
					width: 100%;
					padding: 0px;
					margin: 0;
				}
				.tarif #text img {
					width: 100%;
					height: auto;
				}
				#imgzone {
					display: inline-block;
					float: inherit; 
					height: 100%;
					width: auto;
					margin-left: 0; 
   					margin-right: 0; 
				}
				#imgzone img {
					display: inline-block;
					width: 100%; 
					float: right;
					margin: 0px 0px 20px 0px;
				}
				#content.camping p {
					margin: 0px 15px 0px 15px;
				}
				.custom li img {
					width: 100%;
					height: auto;
				}
				#content_footer img {
					width:100%;
				}
				.topnav.responsive {
					position: absolute;
					background-color: #666;
				}
				.topnav.responsive .icon {
					position: absolute;
					left: 0;
					top: 0;
				}
				.topnav.responsive a {
					float: none;
					display: block;
					text-align: left;
				}
				.topnav  li {
					display:none !important;
				}
				.topnav.responsive li {
					float: none;
					display: block  !important;
					text-align: left;
				}
				#flag 
				{
					margin-top: 27%;
					margin-left: 65%;
					height: 20px;
					width: 120px;
				}
				#flag ul
				{
					display:inline-block;
					height:20px;
					width:120px;
				}
				#col { 
					width:100%;
				}
				#headerCont {
					width:100%;
				}
				#page{ 
					width:100%;
				}
				#menuRub 
				{
					display: inline-block;
					width: 100%;
					background-color: #ffffff;
				}
				#content
				{
					width:100%;
				}
				#slideshow
				{
					width:100%;
				}
				#menubutton
				{
					width:100%;
				}
				#baseline
				{
					width:100%;
				}
				#footer
				{
					width:90%;
				}
				div[itemprop="articleBody"] img {
					width:100% !important;
					height: auto !important;
				}
				#header { 
					height: 30% !important;
				}
				#headerCont {
					display: inline-block;
					background: transparent url(../images/logo-resp.gif) top left no-repeat;
					background-size: cover; 
					height: 30% !important;
				}
				.lienlogo{ 
					width:100%; 
				}
				#menubutton ul { 
					height: auto;
				}
				#menubutton li {
					display: inline-block;
					float: inherit;
					margin-bottom: 20px;
				}
				
				#mainmenu {
					display:inline-block;
				} 
			}
			
			div.contact-form {
					display:none;
				}