/*
Theme Name: demo france com
Theme URI: http://www.francecom.fr
Description: Version html5 en construction
Version: 1.26
Author: Hélène Poirier / francecom
Author URI: http://www.francecom.fr
Tags:
*/
/* = reset
**************************************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.3;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}

li {
	list-style:none;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	color:inherit;
}
a img{
	border:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* Clearfix */

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* = début du code + variables
**************************************************************************************************************/
.cll{position:relative;clear:left;}
.clr{position:relative;clear:right;}
.clb{position:relative;clear:both;}
.hidden{display:none;}
.alignleft{float:left;}
.alignright{float:right;}

body, html {
  height: 100%;
  background: url(images/bg-une-repeat.jpg) repeat bottom;
}

.large {
	position:relative;
	width:100%;}

.max {
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	position:relative;}
	
.max-absolute {
	width:1000px;
	max-width:1000px;
	margin-left:-500px;
	left:50%;
	position:absolute;
	top: 0;
	z-index:1000;}
	

	
	#baseline-photo {
		position:relative;
		float:right;
		margin-top:3em;
		margin-right:13%;}
		
		
	#baseline-photo h2,
	#baseline-photo b.b_baseline {
		display: block;
		font-size:2.125em;
		color:#FFF;
		font-family: 'Permanent Marker', cursive;
		text-shadow:1px 1px 1px #25454C;}
	
#bloc-actus {
	width:30%;
	height : 22.5em;
	position:relative;
	float:left;
	background-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
color: rgba(255, 255, 255, 0.7);
padding:2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
	}
	
	#bloc-actus.petit{
		height:4em !important;
		}
		
		#bloc-actus.petit .close-actu{
		transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */
		}
		
		.contenu-actu {
			display:block;
			margin-bottom:1em;}
		
		#bloc-actus.petit .contenu-actu{
			display:none;}
			
			.contenu-actu:hover p{
				color:#FF7712 !important;}

#bloc-actus h2,
#bloc-actus b.b_rub_actu {
	display: block;
	font-family: 'Walter Turncoat', cursive;
	color:#346AA0;
	background:url(images/trait-bleu.png) no-repeat bottom center;
	text-align:center;
	font-size:1.875em;
	font-weight:normal;
	margin-bottom:1em;
	}
	
	
.date {
	color:#FF7712;
	font-style:italic;
	font-size:0.875em
	}
	
#bloc-actus h3,
#bloc-actus b.b_titre_actu{
	display: block;
	color:#FF7712;
	}
	
#bloc-actus p {
	color:#346AA0;}
	
	
	
.close-actu {
	position:absolute;
	bottom:-1em;
	right:-1em;
	width:50px;
	height:50px;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
background:url(images/bt-top-news.png);
cursor:pointer;}
	
.close-actu:hover{
	bottom:-0.5em;}
	
#logo {
	width:100%;
	text-align:center;
	margin-top:-1.7em;
	position:relative;
	float:left;}
	
#header {
	background:url(images/bg-header-repeat.jpg) repeat;
	height:15.938em;
	font-family: 'Walter Turncoat', cursive;
	}

	
#top-bar {
	background:url(images/bg-top-bar.png) no-repeat bottom center;
	height:2.7em;
	z-index:100;
	position:relative;
	font-family: 'Roboto', sans-serif;
	font-size:1.313em;
	color:#D8D1BB;}
	
#top-bar .alignright {
	margin-top:0.7em;}
	
	#top-bar .alignleft {
	margin-top:0.4em;}
	
#top-bar .tel {
	background:url(images/icone-tel.png) no-repeat left bottom;
	 height: 1.7em;
    line-height: 2.3em;
    text-indent: 45px;
	display:inline-block
	}
	
#top-bar .menu-contact {
	background:url(images/icone-mail.png) no-repeat left bottom;
	text-indent:50px;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
	}
	
#top-bar .menu-contact:hover, #top-bar .menu-situation:hover, #top-bar .menu-contact.current-menu-item a, #top-bar .menu-situation.current-menu-item a {
	color:#FFF;
	}
	#top-bar .menu-contact.current-menu-item a, #top-bar .menu-situation.current-menu-item a {
	color:#FFF;
	font-style:italic;
	}
	
#top-bar .menu-situation {
	background:url(images/icone-situation.png) no-repeat left bottom;
	text-indent:25px;
		-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
	}
	

#top-bar ul {
	float:left;}
	
#top-bar li {
	display:inline-block;
	margin: 0 1em;}
	
	#top-bar.current-menu-item a{
	color:#FFF;}
	
#lang_sel {
	float:left;
	
	}
	
	
#in-header {
	background:url(images/tribal-header.png) no-repeat bottom center;
	position:relative;
	}
	
#in-header .baseline {
	position:relative;
	width:87%;
	color:#3F301E;
	margin:0 auto;}
	
#in-header .baseline .span1{
	font-size:2.25em;
	font-weight:normal;
	display:block}
	
#in-header .baseline .span2 {
	font-weight:normal;
	font-size:1.313em;
	display:block;}
	
#in-header .left {
	position:relative;
	float:left;}
	
#in-header .right {
	position:relative;
	float:right;
	padding-top: 2em;}

#navigation {
	background:url(images/bg-menu.png) no-repeat;
	height:2.813em;
	position:relative;
	float:left;
	width:100%;
	margin-top:0.3em;
	text-align:center;
	z-index:100;}
	
#navigation ul {
	margin-top:0.5em;
	}
	
#navigation li {
	display:inline-block;
	text-align:center;
	margin:0 1em;
	font-size:1.313em;}
	
#navigation li a {
	color:#346AA0;}
	
#navigation li a:hover{
	color:#FF7712;}
	
	#navigation li.current-menu-item a{
	color:#FF7712;}
	

.open-menu {
	display:none;}

#photo {
	float: left;
    height: 25.313em;
    margin-top: -0.2em;
    overflow: hidden;
    position: relative;
    width: 100%;
	}
	
#photo:after {
	  bottom: -0.5em;
    content: url("images/separateur-slideshow.png");
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
	z-index:1000;
	}
	
/************ CAROUSEL *************/
	
#slideshow img{
	left: 50% !important;
margin-left: -1000px !important;
	
	}
	
	
/***********************************/

.widget_resa{
	width:100%;
	/*max-width:1000px;
	margin:0 auto;*/
	position: relative;
	display: block;
	clear: both;
	text-align: center;
	background-color: #372f25;
}
.widget_resa div{
	display: inline-block;
	/*float: right;*/
	width:100%;
	max-width:960px;
}
.widget_resa div{
	text-align: left;
}
.widget_resa div strong {
  font-family: 'Permanent Marker', cursive;
 padding-left: 0.6em;
  /*color: #346AA0;*/
  color: #FF7712;
  font-size: 2.125em;
  margin: 0.5em 0 0.2em;
}
	
#bloc-milieu {
	background: url(images/tribal-une.png) center  no-repeat;
	float:left;
	}
	
#bloc-alaune {
	position:relative;
	float:left;
	width:68%;}
	
#bloc-alaune h1,
#bloc-alaune b {
	display: block;
	font-family: 'Permanent Marker', cursive;
	color:#346AA0;
	font-size:2.125em;
	margin-top:0.5em;}
	
#bloc-alaune ul{
	margin:1em 0;}
	
	
#bloc-alaune img {
	width: 100%;
height: inherit;}
	
#bloc-alaune li {
	display:inline-block;
	text-align:center;
	background:#FFF;
	width:32%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	padding:1%;
	margin:0 0.4%;
	text-align:center;
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(1deg);
-o-transform:rotate(1deg);
transform: rotate(1deg);
transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}

#bloc-alaune li:first-child {
	-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform:rotate(-3deg);
transform: rotate(-3deg);}


#bloc-alaune li:last-child {
	-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform:rotate(-2deg);
transform: rotate(-2deg);}

#bloc-alaune li:hover {
	-webkit-transform: rotate(0) scale(1.1) ;
-moz-transform: rotate(0) scale(1.1);
-o-transform:rotate(0) scale(1.1);
transform: rotate(0) scale(1.1);
z-index:100;}

#bloc-alaune figcaption {
	margin:0.3em 0;
	color:#303030;
	font-size:1.188em;
	 font-family: 'Walter Turncoat', cursive;}
	
	
#bloc-meteo {
	position:relative;
	float:right;
	width:29%;
	background:#3F301E;
	color:#FFF;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	padding:2%;
	text-align:center;}
	
#bloc-meteo h2,
#bloc-meteo b {
	display: block;
	font-family: 'Walter Turncoat', cursive;
	text-align:center;
	background: url(images/trait-blanc.png) no-repeat bottom center;
	font-size:1.938em;
	padding-bottom:0.2em;}
	
#bloc-meteo .ville {
	color:#EDDDD6;
	text-align:center;
	line-height:2.5;
	}
	
#bloc-meteo .meteo {
	position:relative;
	margin:1em auto;
	width:80%;}
	
#bloc-meteo .meteo .picto{
	position:relative;
	float:left;}
	
#bloc-meteo .meteo .vent{
font-weight:bold;
margin:1em 0;
clear:both;}
	
	
#bloc-meteo .meteo .temperature{
	position:relative;
	float:right;
	border:solid 1px #FFF;
	-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:4% 3%;
margin-top:0.3em;}

.brown-button {
	background: #362a1c; /* Old browsers */
background: -moz-linear-gradient(top, #362a1c 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362a1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #362a1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #362a1c 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #362a1c 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #362a1c 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362a1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
border:solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Walter Turncoat', cursive;
color:#FFF;
width:100%;
text-align:center;
display:block;

position:relative;
overflow:hidden;

	}
	
	#bloc-meteo .brown-button {
		margin:1.5em 0 2em;
		padding:1em 0;}
	
#bloc-meteo .brown-button:before {
	content:url(images/brown-button-before.png);
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}
	
#bloc-meteo .brown-button:hover.brown-button:before {
	left:-10px;
	top:-10px;}
	
#bloc-meteo .brown-button:after {
	content:url(images/brown-button-after.png);
	position:absolute;
	right: 0.1em;
	bottom:-0.2em;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}

#bloc-meteo .brown-button:hover.brown-button:after {
	right:-11px;
	bottom:-11px;
	}
	
	
/*********************CONTENU**********************/
	
	
#content {
	background:url(images/bg-content-repeat.jpg) repeat;
	position:relative;
	float:left;
	color:#3A2D1C}
	

	
#contenu {
	position:relative;
	float:left;
	margin-bottom: 2em;
	width:68%;}
	
#contenu.sans-sidebar{
	width:100% !important;}
	
#contenu p{
	margin:1em 0;}
	
#contenu h1 {
	color:#FF7712;
	font-family: 'Permanent Marker', cursive;
	font-size:2.125em;
	background-color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.6);
padding: 1% 4%;
margin:-2em 0 0 0;
display:inline-block;
}


	
#contenu h1 {
	margin:1em 0 0 0;}

#contenu h2 {
	color:#346AA0;
	font-family: 'Walter Turncoat', cursive;
	font-size:1.5em;
	margin:1em 0 0.5em;
	font-weight:normal;}
	
#contenu h3{
	color:#346AA0;
	font-size:1.1em;}
	
#contenu strong {
	color:#FF7712;}
	
#contenu em {
	font-style:italic;
	color:#7E613B;}
	
#contenu a {
	text-decoration:underline;
	color:#346AA0;}	
	
#contenu a:hover {
	text-decoration:none;
}	

#contenu ul {
	margin:0.5em 0 1em 0 }

#contenu .galereya {
	top: 2em;
}

#contenu .galereya-cats {
	margin: 0 auto 0;
	min-width: 10em; }
	
#contenu li {
	background: url('images/puce-contenu.png') no-repeat 0 7px;
	padding-left: 15px;}

#contenu .galereya-cats-item {
	background-color: #3F301E;
	color: #FFF
}

.galereya-cell img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

.galereya-cell:hover img{
	opacity: 0.75
}

#contenu .galereya-cats.open .galereya-cats-item:first-child, #contenu .galereya-cats-item:hover {
	background-color: #261D03;
}

#contenu .galereya-cats-item:first-child {
	background: #261D03 url('js/galereya/img/galereya-arrow_down.png') no-repeat 97% 45%;
}
	
#contenu blockquote, #contenu q {
	background:rgba(255,255,255,0.3);
	padding:0.2em 0.5em;
	margin:0.5em 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
.plan-swf-container {
	background-size: cover;
	position: relative;
	width: 100%
}

.plan-swf-container .fancybox{ display: block; }
	
.plan-swf-container img {
	height: auto;
	width: 100%
}

.plan-swf {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}


#contenu [id^="gallery-"].gallery, .galphotos {
	margin: auto;
	background-color: #FFF;
	background-color:rgba(255, 255, 255, 0.5);
	margin-bottom: 20px;
}

#contenu [id^="gallery-"].gallery .gallery-item {
	display: inline-block;
	float: none;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	width: auto;
}
#contenu [id^="gallery-"].gallery .gallery-item:first-child {
	margin-left: 0;
	padding: 5px 0 0 15px;
}

#contenu [id^="gallery-"].gallery img, .galphotos img {
	border: 3px solid #FFF;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
}

#contenu [id^="gallery-"].gallery img:hover{
	border-color: #346AA0;
	box-shadow: 0 0 6px #979797;
	-moz-box-shadow: 0 0 6px #979797;
	-webkit-box-shadow: 0 0 6px #979797;
}

#start_map {
	display: inline-block;
	padding: 0.5em 0;
	width: 180px
}

/*********************SIDEBAR**********************/

#sidebar {
	position:relative;
	float:right;
	width:29%;}
	
#sidebar .brown-button{
	font-size:2.188em;
	margin-top:0.5em;
	padding:0.3em 0;}
	
#sidebar .brown-button:after {
	content: url(images/bt-resa-after.png);
	position:absolute;
	bottom:-0.3em;
	left:44%;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}
	
#sidebar .brown-button:hover.brown-button:after {
	bottom:-1em;
	}
	
#sidebar .transp-button {
	border:solid 1px #30251A;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Walter Turncoat', cursive;
color:#30251A;
width:100%;
text-align:center;
display:block;
font-size:2.188em;
padding:0.3em 0;
position:relative;
overflow:hidden;
margin:0.5em 0;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.1)), color-stop(100%, rgba(48,37,26,0.5)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#30251a', GradientType=0 );
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}

#sidebar .transp-button:hover {
	color:#FF7712;
	}
	
#download {
	background-image:url(images/bg-download.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	color:#3A2D1C;
	}
	
#download li{
	background:url(images/puce.png) no-repeat left;
	text-indent:15px;
	margin:0.2em;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}
	
#download li:hover {
	text-indent:20px;}
	
.bloc-blanc{
	background-color:#FFF;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	padding:0.5em 3% 1.5em ;
	margin:1em 0;
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
box-shadow:2px 2px 2px rgba(0, 0, 0, 0.5);
border:solid 1px #CEC8BC;}

.bloc-blanc h2,
.bloc-blanc b{
	display: block;
	text-align:center;
	color:#FF7712;
	background:url(images/trait-orange.png) no-repeat bottom center;
	padding-bottom:0.3em;
	margin:0.2em 0 0.5em;
	font-family: 'Walter Turncoat', cursive;
	font-size:1.5em;}
	
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb-like-box span[style] {
  width: 100% !important;
}

#bloc-sidebar1 .bt_meteo { display: none; }

/*********************FOOTER**********************/
	
#footer {
	background:#3F301E;
	color:#FFF;
	position:relative;
	float:left;}
	
	
#footer .colonnes {
	width: 25%;
	position:relative;
	float:left;
	padding:2%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	}
	
#footer .colonnes a{
	color:#D8D1BB;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;}
	
#footer h2,
#footer b {
	display: block;
	font-family: 'Walter Turncoat', cursive;
	text-align:center;
	background:url(images/trait-blanc.png) no-repeat bottom center;
	font-size:1.5em;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	font-weight:normal;
	}
	


#footer a:hover, #copyright a:hover {
	color:#FFF;}
	
	
#copyright {
	position:relative;
	float:left;
	background:#261D03;
	color:#FFF;
	text-align:center;
	padding:0.3em 0;
	}
	
#copyright a {
	color:#FF7712;
	font-weight:bold;
	-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
	}

#partenaires {
	text-align:center;
	margin:0.5em 0;
	}
	
	
#partenaires li {
	display:inline-block;
	margin:0 2% ;
	}
	
.speedaccess {
	display: none;
}

/*********************MAPS**********************/
#map_canvas {
	width:100%;
	height:30em;}
	
.infomap {
	width:150px;
	height:8em;}
	
.itineraire {
	margin-bottom:1em;
	}

.item_map {
	display: none;
}	
/********************* FORMULAIRES **********************/	
#ok, .envoi-form {
	background: #362a1c; /* Old browsers */
background: -moz-linear-gradient(top, #362a1c 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362a1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #362a1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #362a1c 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #362a1c 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #362a1c 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362a1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
border:solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Walter Turncoat', cursive;
color:#FFF;
font-size:1.2em;
cursor:pointer;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}

.envoi-form {
	float:right;}
	
#ok:hover, .envoi-form:hover {
	color:#D8D1BB;}



.wpcf7 {
	position:relative;
	float:left;
	width:100%;}

.wpcf7 p{
	margin:0.5em !important;}

.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
	background:rgba(255,255,255,0.8);
	border: solid 1px #a4a196;
	-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
	padding:3px;
	font-size:1em;
	-webkit-transition:all 0.5s ease-in;
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
transition:all 0.2s ease-in;
width:100%;}

.wpcf7-textarea {
	height:8em;}

.wpcf7 .col-left {
	position:relative;
	float:left;
	width:45%;}
.wpcf7 .col-right {
	position:relative;
	float:right;
	width:45%;}
	
.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-textarea:hover {
	background:#FFF;
	}
	
.wpcf7-mail-sent-ok {
border: 2px solid #5c4f47 !important;
position: relative;
float:left;
width: 92%;
text-align: center;
color:#FFF;
background:#5c4f47;
background: rgb(92, 79, 71, 0.8);
margin:1em;
}

div.wpcf7-validation-errors {
border: 2px solid rgb(247, 231, 0);
position: relative;
float:left;
text-align: center;
width: 92%;
color:#FFF;
background:#5c4f47;
background: rgb(92, 79, 71, 0.8);
margin:1em;
}

/*********************GALERIE PHOTO**********************/

.galphotos { padding-top: 1em }

#contenu .galphotos li, #contenu .galphoto li{
	background:none;
	display:inline-block;
	margin-bottom:1em;}

#contenu [id^="placement_images"].galphotos img:hover{
	border-color: #346AA0 !important;
	box-shadow: !important;
	-moz-box-shadow: !important;
	-webkit-box-shadow: !important;
}	

a.myPlay {
	/* set the proper path to the png file */
	background: #FFF url(images/controle.gif) no-repeat;
	display: block;
	line-height: 30px;
	height: 30px;
	float: left; 
	text-indent: 40px;
	margin-right: 20px;
}
	a.myPlay {
		background-position: top left;
		color: #346AA0;
	}
	a.myPlayON {
		background-position: bottom left;
		color: #FF7712 ;
	}

.fancybox-title {
 min-height: 30px;
 line-height: 30px;
}

.vignet_video-container.vid-0 {
	width: 100%
}

iframe.vignet_video { height: 200px }

.vignet_video-container {
	background-color: rgba(255,255,255,0.6);
	display: inline-block;
	/*height: 15em;*/
	margin: 1%;
	padding: 1em;
	vertical-align: top;
	width: 31%;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#contenu .vignet_video-container h2{
	height: 3.25em;
	margin-top: 0;
}

.vignet_video-container.vid-0 h2 {
	height: auto;
}

.vignet_video-container.vid-0 iframe.vignet_video {
	height: 360px;
}

/*********************LISTE HEBERGEMENTS**********************/

ul#liste-hebe {
		position:relative;
		float:left;
		width:100%;
		margin:1em 0;}
		
		
	
ul#liste-hebe li{
		position:relative;
		float:left;
		width:47%;
		margin:0.5em 1.5%;
		box-shadow: 0 0 6px #979797;
		-moz-box-shadow: 0 0 6px #979797;
		-webkit-box-shadow: 0 0 6px #979797;
		padding:1%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */;
	background:none;
	text-indent:0;
	background-color:#FFF;
	background-image:none;
	text-indent:0;
}
		
ul#liste-hebe li a{
		text-decoration:none;}
		
ul#liste-hebe .photo {
		position:relative;
		float:left;
		margin-right:4%;
		width:42%;}
		
ul#liste-hebe .photo img{
		width:100%;
		height:inherit;
		display:block;}
		
ul#liste-hebe .texte {
		position:relative;
		float:right;
		width:54%;
		}
		
.content-txt-list{
			height:4em;}
			
#liste-hebe .texte h3 a{

color: #346AA0;
font-size: 1em;
text-shadow: none;
margin-bottom: 0.3em;
font-style: normal;
font-weight: bold;
}

#liste-hebe .texte h3 a:hover{

color: #FF7712;

}

#contenu #liste-hebe p {
	margin:0;}
	
	
#liste-hebe .plus-hebe a{
	background: #362a1c; /* Old browsers */
background: -moz-linear-gradient(top, #362a1c 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362a1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #362a1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #362a1c 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #362a1c 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #362a1c 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362a1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
border:solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Walter Turncoat', cursive;
color:#FFF;
text-decoration:none;
font-size:1em;
cursor:pointer;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
padding:0.2em 0.5em;
}

#liste-hebe .plus-hebe a:hover{
	color:#FF7712}
	
	

/*********************SINGLE HEBERGEMENTS**********************/

#contenu ul.link-heb  {
	float:right;
	position:relative;
	margin:2em 0 1em;
}

#contenu .link-heb li {
	display:inline-block;
	background-image:none;
	margin-bottom: 1.25em;
	}

#contenu .link-heb li:first-child {
	padding-left: 0
}

#contenu .link-heb li a{
	background: #362a1c; /* Old browsers */
background: -moz-linear-gradient(top, #362a1c 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362a1c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #362a1c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #362a1c 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #362a1c 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #362a1c 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362a1c', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
border:solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family: 'Walter Turncoat', cursive;
color:#FFF;
text-decoration:none;
font-size:1.4em;
cursor:pointer;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
padding:0.2em 0.5em;
}

#contenu .link-heb li a:hover, .plus-hebe{
	color:#FF7712}
	
	

/**********************ELASTISLIDE***********************************/

/* Elastislide Style */


.elastislide-list {
	list-style-type: none;
	display: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 20px; /* minimum width of the image (min width + border) */
}

.elastislide-wrapper {
	position: relative;
	background-color: rgba(255,255,255,0.7);
	margin: 0 auto;
	min-height: 60px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 10px 40px;
	margin:1em 0;
}

.elastislide-vertical {
	padding: 40px 10px;
	
}

.elastislide-carousel {
	overflow: hidden;
	position: relative;
	height: 170px;
}

.elastislide-carousel ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	height: 100%;
	display: inline-block;
}

.elastislide-vertical ul li {
	display: block;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	border: 2px solid white;
	/*max-width: 100%;*/
	height: auto;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
	position: absolute;
	background: #3A2D1C url(img/nav.png) no-repeat 4px 3px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.8;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	top: 50%;
	left: 10px;
	margin-top: -11px;
}

.elastislide-vertical nav span {
	top: 10px;
	left: 50%;
	margin-left: -11px;
	background-position: -17px 5px;
}

.elastislide-horizontal nav span.elastislide-next {
	right: 10px;
	left: auto;
	background-position: 4px -17px;
}

.elastislide-vertical nav span.elastislide-next {
	bottom: 10px;
	top: auto;
	background-position: -17px -18px;
}


/******************TABLEAUX**********************/

.tablepress-table-description {
	margin-bottom:1em;}
	
.tablepress thead th, .tablepress tfoot th{
	background:#3A2D1C !important;
	color:#FFF;
	text-align:center;}
	
.tablepress tfoot th{
	font-weight:normal !important;}
	
.tablepress tbody td {
	text-align:center;}


/*------------------------------------*\
    $FANCYBOX
\*------------------------------------*/

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('img/fancybox/fancybox_sprite.png'); }
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div { width: 44px; height: 44px; background: url('img/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('img/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
}

.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
/*.fancybox-nav:hover span { visibility: visible; }*/
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto ; overflow-y: scroll; }

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 1.25em;
	text-align: center;
	padding: 0.5em;
	background: #1C232B;
	background: rgba(28, 35, 43, 0.8);
	width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('img/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('img/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}

}
/*****************************************************************************************/
	


/******************************    RESPONSIVE DESIGN     ******************************/
		
		
@media screen and (max-width: 1020px) {
	.max {
		width:98%;
		margin:0 auto }
		
	.max-absolute {
		width:100%;
		max-width:100%;
		margin-left:0;
		left:0 }
}
		
@media screen and (max-width: 910px) {

	#slideshow img {
		left:0 !important;
		margin-left:0 !important;
		width: 135%;
		height: inherit }
					
	#bloc-meteo .meteo, #bloc-meteo .brown-button {
		width: 200px;
		margin:0 auto }

	#logo img{
		width:100%;
		height:auto }
		
	#contenu {
		width:100% }
			
	#sidebar {
		width:100% }
				
	#bloc-sidebar1, #bloc-sidebar2 {
		width:100%;
		margin:1em 0;
		position:relative;
		float:left }
					
	#bloc-sidebar1 {
		text-align:center }

	#bloc-sidebar1 li, #bloc-sidebar1 .bt_meteo {
		width: 40%;
		margin: 0.5em;
		display:inline-block }
					
	#bloc-sidebar1 .brown-button, #bloc-sidebar1 .transp-button {
		margin:0;
		font-size: 1.5em }
						
	#bloc-sidebar2 .bloc-blanc{
		width:45%;
		margin:0 2%;
		position:relative;
		float:left;
		min-height:21em }
							
	#navigation {
		background:#FFF }
								
	#navigation li {
		margin: 0 2% }
								
	#slideshow {
		margin-bottom: 1em }
						
	#photo {
		height:auto }

	#photo:after {display: none;}
							
	.max-absolute {
		margin: auto;
		position: static;
		width: 98% }

	#bloc-actus, #bloc-alaune {
		width: 97%;
		height: auto;
		margin: auto;
		float: none }

	#bloc-actus {
		width: 100% }

	.close-actu, #bloc-meteo {
		display:none }
		
	#baseline-photo {
		position: absolute;
		top: 0em;
		width:100%;
		text-align:center;
		margin:0.5em 0;
		z-index: 200 }

	#bloc-milieu { margin-top: 1em }

	.int_page #bloc-actus, .int_page #photo {
		height: 0;
		overflow: hidden;
		padding: 0;
		width: 0 }

	.speedaccess {
		background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%, rgba(48,37,26,0.5) 100%);
		border: 0;
		color: #FFF;
		display: block;
		font-family: 'Walter Turncoat', cursive;
		font-size: 1.5em;
		font-weight: normal;
		margin: 1em auto;
		padding: 0.25em 1em;
		text-align: center }

	.speedaccess:after, .see_more:after {
		content: ' > ';
		margin-left: 0.5em;
		display: inline-block;
		-webkit-transition:all 0.2s ease;
		-moz-transition:all 0.2s ease;
		-o-transition:all 0.2s ease;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg) }

	.speedaccess.close:after, .see_more.close:after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg) }

	#planSite {
		display: none }

	#footer h2 {
		background: none;
		border-bottom: solid 1px;
		font-family: 'Roboto', sans-serif;
		font-size: 1.125em;
		text-align: left;
		text-transform: normal }
}


@media screen and (max-width: 800px) {
	
	#header {
		height: auto;
		background:none }

	#in-header {
		background:none;
		margin-bottom: 1em }

	#top-bar {
		font-size: 1.125em }

	#top-bar .tel , #top-bar .menu-contact, #top-bar .menu-situation{
		background-size: auto 90% }

	#top-bar .menu-situation{
		text-indent: 1em }

	#top-bar .menu-contact {
		text-indent: 2.125em }

	#top-bar .tel{
		text-indent: 1.75em }

	#photo {
		margin-top: 0 }
			
	#bloc-alaune{
		width:100% }
				
	#bloc-meteo {
		width:100% }

	#in-header .baseline {
		clear: both;
		margin-bottom: 1em;
		text-align: center }

	#in-header .left, #in-header .right {
		float: none;
		padding-top: 0 }
	
	#navigation {
		background:none;
		height: auto;
		margin:0;
		z-index:1200 }

	.open-menu {
		display:block;
		cursor:pointer;
		background:#3F301E;
		width:100%;
		font-size:1.4em;
		color:#FFF;
		-moz-border-radius: 5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		padding:0.5em 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box }

	#menu {
		display: none }
		
	#menu.grand-menu {
		display: block }
	
	.menu-gnr {
		background:rgba(255, 255, 255, 0.95) }
	
	#navigation li{
		width:100% }

	.menu-gnr a{ 
		display: inline-block;
		padding: 0.5em 0 }	
			
	#footer .colonnes {
		width: 50%;
		min-height: 15em }

	#sidebar .transp-button, #bloc-sidebar1 .brown-button, #bloc-sidebar1 .transp-button {
		font-size: 1.5em }		
	
	#map_canvas {
		width: 94%;
		height: 20em;
		margin: 0 auto }

	.vignet_video-container { width: 48% }


	ul#liste-hebe .texte {
		width: 65% }

	ul#liste-hebe .photo {
		width: 30% }

	ul#liste-hebe li {
		width: 100%;
		margin: 0.5em 0 }

	.menu-foot li {
		padding: 0.25em 0 }
	
}
	
@media screen and (max-width: 700px) {
	#contenu .galphotos li, #contenu .galphoto li {
		width: 20% }

	#bloc-sidebar2 .bloc-blanc {
		width: 100%;
		margin:0.5em 0;
		min-height: 0 }

	.wpcf7 .col-left, .wpcf7 .col-right{
		width:100% }
			
	#bloc-sidebar1 li, #bloc-sidebar1 .bt_meteo {
		width: 90%;
		margin: 0.5em 0 }

	#contenu .size-full, .page-template-spot-php .fancybox img, .page-template-spot-php .img_full {
		height: auto;
		width: 100% }		
	#contenu h1 {
		font-size: 1.75em }		
}
		
		
@media screen and (max-width: 600px) {
	#contenu .gallery-item img, .galphotos img {
		box-sizing: border-box;
		height: auto;
		width: 100% }

	#liste_lieux .lieu { width: 90% }	

	#top-bar {
		background-color: #3F301E;
		height: auto }

	#in-header {
		clear: both }

	#in-header .baseline {
		top: -1em }
			
	.home #bloc-milieu, .home #bloc-actus {
		display:block }

	#navigation {
		margin: 0 }	

	#baseline-photo h2 {
		font-size: 1.25em }	

	#top-bar {
		background: #3F301E;
		height: auto;
		text-align:center;
		position:relative;
		float:left;
		width:100% }

	#top-bar .alignleft {
		width:100%;
		text-align:center }
		
	#top-bar .alignright {
		width:100%;
		text-align:center;
		margin-bottom: 0.5em;
		margin-top: 0.5em }

	#top-bar ul {
		float: none }

	#logo {
		float: none;
		top: -1em }
		
	#in-header .left, #in-header .right {
		width: 100%;
		text-align: center;
		padding-top: 0 }

	ul#liste-hebe .texte {
		width: 50% }

	ul#liste-hebe .photo {
		width: 45% }

	.vignet_video-container { width: 100%; margin: 0 0 1em 0 }
}
		
@media screen and (max-width: 520px) {
	.iti, #map_canvas { display: none }

	.item_map {
		background-color: rgba(63, 48, 30, 0.85);
		bottom: 0;
		box-sizing: border-box;
		color: #FFF;
		display: inline-block;
		padding: 1em;
		position: absolute;
		text-align: center;
		width: 100% }

	.map_canvas {
		background: transparent url(images/map.jpg) no-repeat center;
		background-size: cover;
		margin-bottom: 1.5em;
		display: block;
		padding-bottom: 47.8%;
		position: relative;
		width: 100% }

	.contenu-actu, #bloc-actus h2 {
		margin-bottom: 0.25em }

	#bloc-alaune ul {
		margin: 0.5em 0 }

	#bloc-alaune li {
		width:90%;
		padding:1%;
		margin:0.5em 5%;
		text-align:center;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform:rotate(0);
		transform: rotate(0) }

	#bloc-alaune li:first-child {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform:rotate(0);
		transform: rotate(0) }


	#bloc-alaune li:last-child {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-o-transform:rotate(0);
		transform: rotate(0) }

	#bloc-alaune li:hover {
		-webkit-transform: rotate(0) scale(1) ;
		-moz-transform: rotate(0) scale(1);
		-o-transform:rotate(0) scale(1);
		transform: rotate(0) scale(1);
		z-index:100 }
			
	#bloc-alaune h1{
		margin-top: 0.125em;
		text-align:center }
		
	#contenu iframe {
		width: 100% }	

	#bloc-alaune img {
		display: none }

}

@media screen and (max-width: 430px) {
	.tableaux_single{
		overflow: auto;
		width: 100%
	}
	.tablepress-table-description{
		position: relative;
	}
	.tableaux_single .tablepress-table-description:before {
		background: transparent url(images/swap3.png) no-repeat center;
		border: solid 3px #FF852A;
		border-radius: 50%;
		bottom: -3.75em;
		content: '';
		display: block;
		height: 2em;
		left: 0.5em;
		padding: 3px;
		position: absolute;
		width: 2em;
	}
	#contenu .galphotos li, #contenu .galphoto li {
		padding-left: 2%;
		width: 30% }

	#footer .colonnes {
		width: 100%;
		min-height: 0;
		text-align:center }

	#footer h2 {
		text-align: center }
}

/******************************RGPD****************************************/

span.wpcf7-list-item {
    display: block;
}

.boutoncontenu{
    background: #FF7712;
    padding: 10px;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    margin: 10px 0 10px 0;
}

.boutoncontenu:hover{
    background: #884412;
}

/****************************RGPD Newsletter*********************************/

.conditionsrgpd.-opened- {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    height: auto;
    opacity: 1;
}

.conditionsrgpd {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    height: 0;
    opacity: 0;
    transform-origin: top center;
    width: 100%;
    border: solid 1px #edf1f2;
    padding: 1em;
    position: absolute;
    width: 350px;
    z-index: 1;
    background-color: white;
    top: 245px;
    right: -40px;
}

@media screen and (max-width: 950px){
        .conditionsrgpd {
            top: 89px;
            right: 0;
            width: 300px;
        }
}

@media screen and (max-width: 780px){
        .conditionsrgpd {
            top: 73px;
            right: 0;
            width: 300px;
        }
}

@media screen and (max-width: 500px){
        .conditionsrgpd {
            top: 230px;
            right: 0;
            width: 300px;
            font-size: 11px;
        }

}

@media screen and (max-width: 500px){
	.modal-body .wpcf7-submit, .modal-body .wpcf7-email, .modal-body .wpcf7-text{
        width:90% !important;
    }
}

.rgpd_close {
    display: inline-block;
    font-weight: bold;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}

#sidebar #bouton-resa{
	background-color: #ff7712 !important;
    border: solid 1px #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Walter Turncoat', cursive;
    color: #FFF;
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    overflow: hidden ;   
    font-size: 2.188em;
    margin-top: 0.5em;
    padding: 0.3em 0;
    -webkit-transition: All 0.4s ease;

}

#sidebar #bouton-resa:hover{
	background-color: #3f301e !important;
	-webkit-transition: All 0.4s ease;
}

.video-responsive { 
    overflow:hidden !important; 
    padding-bottom:56.25% !important; 
    position:relative !important; 
    height:0 !important;
}

.video-responsive iframe { 
    left:0 !important; 
    top:0 !important; 
    height:100% !important; 
    width:100% !important; 
    position:absolute !important;
}