body{ z-index: 1}
.container {
  padding: 0;
  margin: 0 auto;
    z-index:+1;
}
div.top_bar {
  top: 0px;
  position: absolute;
  height: 35px;
  background-color: #F7C616;
  -webkit-box-shadow: 0 0 10px 0 #000000;
  box-shadow: 0 0 10px 0 #000000;
  z-index: 2;
}
div.top_header {
  position: absolute;
  top: 0;
  z-index: +1;
  overflow: hidden;
}
div.top_header div.img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
}
div.top_logo {
  width: 100%;
  top: 0px;
  position: absolute;
  z-index: 5;
}
div.top_logo div.logo {
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left-radius: 20px;
  -webkit-box-shadow: 0 0 10px 0 #000000;
  box-shadow: 0 0 10px 0 #000000;
  padding: 25px 35px;
}
div.top_logo div.logo a img {
  width: 189px;
  height: 95px;
}
div.top_logo div.socials {
  line-height: 33px;
}
div.top_logo div.socials a {
  margin: 0 5px;
}
div.top_logo div.socials a img {
  width: 24px;
  height: 24px;
}
div.top_wrap {
  position: absolute;
  width: 100%;
  z-index: 10;
    max-height: 40px;
}
div.content_wrap div.plus {
  margin-top: 5px ! important;
}
div.content_wrap div.col_1 {
  display: block;
  width: 204px;
  min-height: 450px;
  background: url("/maquettes/images/bg_col_02.png") bottom right no-repeat #e4e3e3;
}
div.content_wrap div.col_1 div.bg {
  width: 204px;
  background: url("/maquettes/images/bg_col_01.png") top right repeat-y #e4e3e3;
    min-height: 530px;
}
div.content_wrap div.col_2 {
  margin: 0;
  margin-top: 10px;
  width: 567px;
  background-color: #fff;
  padding: 0 25px;
}
div.content_wrap div.col_2 p{ color: #555; }
div.content_wrap div.col_2 div.text h1 {
  font-family: 'Cabin', sans-serif;
  font-size: 1.65em;
  color: #555555 ;
  margin: 15px 0;
}

div.content_wrap div.col_2 div.text h2{ font-size: 1.5em; }
div.content_wrap div.col_2 div.text h3{ font-size: 1.3em; }
div.content_wrap div.col_2 div.text h4{ font-size: 1.2em; }
div.content_wrap div.col_2 div.text h5{ font-size: 1em; }
div.content_wrap div.col_2 div.text h6{ font-size: 0.9em; }
div.content_wrap div.col_2 div.text h1,
div.content_wrap div.col_2 div.text h2,
div.content_wrap div.col_2 div.text h3,
div.content_wrap div.col_2 div.text h4,
div.content_wrap div.col_2 div.text h5,
div.content_wrap div.col_2 div.text h6{
  font-family: 'Cabin', sans-serif;
  color: #555555 ;
}
div.content_wrap div.col_2 div.text h2,
div.content_wrap div.col_2 div.text h3,
div.content_wrap div.col_2 div.text h4,
div.content_wrap div.col_2 div.text h5,
div.content_wrap div.col_2 div.text h6{
    margin: 3% auto 0 auto;
    clear:both;
	float:none;
}
div.content_wrap div.col_2 div.text img{
    border:1px solid #ccc;
    max-width: 100%;
}
div.content_wrap div.col_2 div.text p {
  font-family: 'Cabin', sans-serif;
  font-size: 14px;
  color: #555;
}
div.content_wrap div.col_3 {
  width: 198px;
  min-height: 500px;
  background: url("/maquettes/images/bg_col_02.png") bottom left no-repeat #e4e3e3;
}
div.content_wrap.col_3 .plage-statut .ouvert{ color: green }
div.content_wrap.col_3 .plage-statut .ferme{ color: green }
div.content_wrap div.col_3 div.bg {
  width: 198px;
  background: url("/maquettes/images/bg_col_01.png") bottom left repeat-y #e4e3e3;
}
div.content_wrap div.col_1, div.content_wrap div.col_2, div.content_wrap div.col_3{ min-height: 730px !important; }


div.content_wrap div.sous_menu {
  display: block;
  margin-top: 2px;
  width: 198px;
  height: auto;
  padding: 5px 0;
}
div.content_wrap div.sous_menu p {
  margin: 0;
  padding: 0;
  text-align: center;
}
div.content_wrap div.sous_menu p a {
  margin: 0;
  padding: 0;
  text-transformation: uppercase;
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  text-transform: uppercase;
}
div.content_wrap div.sous_menu p.active a, div.content_wrap div.sous_menu p a:hover {
  text-decoration: underline;
}
div.content_wrap div.lien {
  display: block;
  margin-top: 2px;
  width: 100%;
    max-width: 198px;
  height: auto;
  padding: 0 0;
  text-align: center;
    padding: 6% 0;
}
div.content_wrap div.lien h1 {
  margin: 0;
  padding: 0;
  line-height: 1em;
  font-size: 23px;
  font-family: 'PT Sans', sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
div.content_wrap div.lien h1 a {
  text-decoration: none;
  color: #fff;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
div.content_wrap div.lien h1 a:hover {
  text-decoration: none;
}
div.content_wrap div.lien.concour {
  line-height: 50px;
}
div.content_wrap div.lien.reservation h1 {
  line-height: 67px;
}
div.content_wrap div.lien.reservation h1 img {
  widht: 114px;
  height: 37px;
}
div.content_wrap div.lien_menu {
  display: block;
  margin-top: -1px;
  width: 198px;
  height: auto;
  padding: 0 0;
}
div.content_wrap div.lien_menu h1 {
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 20px;
  font-family: 'PT Sans', sans-serif;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
div.content_wrap div.lien_menu h1 a {
  text-decoration: none;
  color: #fff;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
div.content_wrap div.lien_menu h1 a:hover {
  text-decoration: none;
}
div.content_wrap div.block_hr {
  margin-top: 2px;
  background: url("/maquettes/images/hr.png") top center no-repeat transparent;
  height: 2px;
  width: 198px;
}
div.content_wrap div.contenu {
  display: block;
  margin-top: 2px;
  width: 198px;
  height: auto;
}
div.content_wrap div.contenu p {
  margin: 0.75em 0;
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  padding: 0 1em;
  text-align: left;
}
div.content_wrap div.contenu p.suite {
  text-align: right;
}
div.content_wrap div.contenu p.suite a {
  font-size: 12px;
  color: #444444;
  font-style: italic;
}
div.content_wrap div.contenu h2 {
  font-family: 'PT Sans', sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: auto;
}
div.content_wrap div.contenu img.img_col {
  margin-top: 6px;
  width: 198px;
  height: 65px;
}
div.content_wrap div.contenu.meteo {
  text-align: center;
  padding: 5%  0 1% 0;
}
#wxButtonFrame{
    width: 150px;
    height: 100px;
    margin: 0 auto;
}

/* slide show */
div.content_wrap div.contenu div.slide_show {
    width: 99%;
    margin-top: 4px;
    text-align: center;
    overflow: hidden;
}
div.content_wrap div.contenu div.slide_show img {
  width: 186px;
  height: 143px;
}
div.slide_show li{ list-style:none;  margin:0; padding:0}
ul#sideSlider{ width: 100%; height: 143px; margin: 0 4%; padding:0; z-index: 5;}
div.slide_show #nav{ margin: 5% auto; padding:0; }
div.slide_show #nav li{
    display: inline-block;
    color: #fff;
}
div.slide_show #nav li#more{
    width: 60%;
    color: rgba(0,0,0,0.7)
}
div.slide_show #nav li:last-child,
div.slide_show #nav li:first-child{
    width: 10%;
}
div.slide_show #nav li:last-child a,
div.slide_show #nav li:first-child a{
    background: rgba(0,0,0,0.7);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    display: block;
}
div.slide_show #nav li:last-child a:hover,
div.slide_show #nav li:first-child a:hover{
    background: rgba(0,0,0,0.3);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    display: block;
    text-decoration: none;
}
div.slide_show #nav li a{
    color: inherit;

}
div.slide_show #nav li:first-child,div.slide_show #nav li:last-child{ }

/* /slide show */


/* galerie */
.galerie ul{ padding: 0; margin:0;}
.galerie ul li{ list-style:none; margin: 1%; padding:0; border: 1px solid #000; display: inline-block; width: 30%; max-width: 200px; max-height: 150px; overflow: hidden;}
/* /galerie  */


.navbar-plage {
  width: 100%;
    max-height: 40px;
}
.navbar-plage .navbar-header {
  width: 100%;
  margin: 0;
}
.navbar-plage .navbar-header div.navbar-brand {
  position: relative;
  padding: 0;
  left: 0;
  top: 0;
  z-index: 2;
}
.navbar-plage .navbar-header button.navbar-toggle {
  margin: 0 5px;
}
.navbar-plage .navbar-header button.navbar-toggle span.icon-bar {
  background-color: #fff !important;
}
.navbar-plage .navbar-collapse {
  padding: 0;
  margin: 0;
}
.navbar-plage ul.navbar-nav {
  background-color: rgba(0,0,0,0.4);
  height: 39px;
}
.navbar-plage ul.navbar-nav li > a {
	padding: 0;
	height: 39px;
	line-height: 39px;
	color: #FFF8E9;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
/*	text-shadow: 0px 0px 2px #000000; */
    text-shadow: 2px 2px 3px #000000;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.navbar-plage ul.navbar-nav li.active > a,
.navbar-plage ul.navbar-nav li > a:hover,
.navbar-plage ul.navbar-nav li > a:focus {
  text-decoration: none;
  color: #ED5331;
}

.navbar-plage ul.navbar-nav > li.dropdown > ul.dropdown-menu li.last{ border: none;}
.navbar-plage ul.navbar-nav > li.dropdown > ul.dropdown-menu li > a {
  padding: 0 0 0 20px;
  color: #FFF8E9;
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  text-transform: none;
  text-shadow: 0px 0px 2px #000000;
  height: 33px;
  line-height: 33px;
  text-align:  left;
}
.navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li > a:hover,
.navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li > a:focus {
  text-decoration: none;
  color: #ED5331;
  background-color: transparent;
}


div.footer_wrap {
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 25px;
  background: url("/maquettes/images/bg_hz_01.png") 0 0 repeat-x #fff;
    font-size: 0.92em;
}
div.footer_wrap a {
  color: #f38b47;
  font-size: 13px;
}
div.footer_wrap span {
  color: #444444;
  font-size: 13px;
}
div.footer_wrap div.pull-left {
  margin: 0 0 0 240px;
  padding: 0;
}
div.footer_wrap div.pull-right {
  margin: 0 200px 0 0;
  padding: 0;
  text-align: right;
}
body.ete ul.navbar-nav li.saison {
  background-color: #FCD52E;
}
body.ete div.block_a,
body.ete div.sous_menu {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#dd9100),to(#f6c413));
  background-image: -webkit-linear-gradient(top,#dd9100 0%,#f6c413 100%);
  background-image: -moz-linear-gradient(top,#dd9100 0%,#f6c413 100%);
  background-image: linear-gradient(to bottom,#dd9100 0%,#f6c413 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd9100', endColorstr='#fff6c413', GradientType=0);
}
body.ete div.lien,
body.ete div.lien_menu {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f6c413),to(#dd9100));
  background-image: -webkit-linear-gradient(top,#f6c413 0%,#dd9100 100%);
  background-image: -moz-linear-gradient(top,#f6c413 0%,#dd9100 100%);
  background-image: linear-gradient(to bottom,#f6c413 0%,#dd9100 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6c413', endColorstr='#ffdd9100', GradientType=0);
}
body.ete div.top_logo div.logo {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f6c413),to(#fed933));
  background-image: -webkit-linear-gradient(top,#f6c413 0%,#fed933 100%);
  background-image: -moz-linear-gradient(top,#f6c413 0%,#fed933 100%);
  background-image: linear-gradient(to bottom,#f6c413 0%,#fed933 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6c413', endColorstr='#fed933', GradientType=0);
}
body.ete div.top_bar {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f6c413),to(#ee9c00));
  background-image: -webkit-linear-gradient(top,#f6c413 0%,#ee9c00 100%);
  background-image: -moz-linear-gradient(top,#f6c413 0%,#ee9c00 100%);
  background-image: linear-gradient(to bottom,#f6c413 0%,#ee9c00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6c413', endColorstr='#ffee9c00', GradientType=0);
}
body.ete .navbar-plage button.navbar-toggle {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f6c413),to(#ee9c00));
  background-image: -webkit-linear-gradient(top,#f6c413 0%,#ee9c00 100%);
  background-image: -moz-linear-gradient(top,#f6c413 0%,#ee9c00 100%);
  background-image: linear-gradient(to bottom,#f6c413 0%,#ee9c00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6c413', endColorstr='#ffee9c00', GradientType=0);
}
body.hiver ul.navbar-nav li.saison {
  background-color: #7cc9cc;
}
body.hiver div.block_a,
body.hiver div.sous_menu {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0058a4),to(#0080c4));
  background-image: -webkit-linear-gradient(top,#0058a4 0%,#0080c4 100%);
  background-image: -moz-linear-gradient(top,#0058a4 0%,#0080c4 100%);
  background-image: linear-gradient(to bottom,#0058a4 0%,#0080c4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058a4', endColorstr='#ff0080c4', GradientType=0);
}
body.hiver div.lien,
body.hiver div.lien_menu {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0080c4),to(#0058a4));
  background-image: -webkit-linear-gradient(top,#0080c4 0%,#0058a4 100%);
  background-image: -moz-linear-gradient(top,#0080c4 0%,#0058a4 100%);
  background-image: linear-gradient(to bottom,#0080c4 0%,#0058a4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0080c4', endColorstr='#ff0058a4', GradientType=0);
}
body.hiver div.top_logo div.logo {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0083C6),to(#7CC9CD));
  background-image: -webkit-linear-gradient(top,#0083C6 0%,#7CC9CD 100%);
  background-image: -moz-linear-gradient(top,#0083C6 0%,#7CC9CD 100%);
  background-image: linear-gradient(to bottom,#0083C6 0%,#7CC9CD 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0083c6', endColorstr='#ff7cc9cd', GradientType=0);
}
body.hiver div.top_bar {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0086c7),to(#0060b2));
  background-image: -webkit-linear-gradient(top,#0086c7 0%,#0060b2 100%);
  background-image: -moz-linear-gradient(top,#0086c7 0%,#0060b2 100%);
  background-image: linear-gradient(to bottom,#0086c7 0%,#0060b2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0086c7', endColorstr='#ff0060b2', GradientType=0);
}
body.hiver .navbar-plage button.navbar-toggle {
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#0086c7),to(#0060b2));
  background-image: -webkit-linear-gradient(top,#0086c7 0%,#0060b2 100%);
  background-image: -moz-linear-gradient(top,#0086c7 0%,#0060b2 100%);
  background-image: linear-gradient(to bottom,#0086c7 0%,#0060b2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0086c7', endColorstr='#ff0060b2', GradientType=0);
}
/* nouvelles (actualites ) */

div.text > h1 + div.article{ border-top: 2px solid #999;}
div.text > div.article:last-child{ border-bottom: 2px solid #999;}
.article{
    border-bottom: 1px solid #ccc;
    padding: 1%;
    display: table;
    width: 100%;
}
.article > div:first-child:before{
    content: "\2022";
    display: inline-block;
    margin-right: 4px;
    font-size: 1.25em;
    line-height: 1em;
    vertical-align: middle;
}
.article > div:first-child:after{
    content: "\2022";
    display: inline-block;
    margin-left: 4px;
    font-size: 1.25em;
    line-height: 1em;
    vertical-align: middle;
}
.article > div{ display: inline-block;}
.article > div:first-child{ font-size: 0.8em; color: #999; padding-right: 2%; }
.article > div:last-child a{ color: #888}

/* /nouvelles (actualites ) */


@media (min-width: 768px) {
		  .navbar-plage ul.navbar-nav {
			width: 100%;
		  }
		  .navbar-plage ul.navbar-nav li.dropdown:hover {
			display: block;
		  }
		  .navbar-plage ul.navbar-nav li.dropdown:hover ul.dropdown-menu {
			display: block;
		  }
		  .navbar-plage ul.navbar-nav > li:last-child {
			float: right;
		  }
		  
		  @viewport {
			width: 970px;
		  }
		  div.top_bar,
		  div.top_header,
		  div.top_wrap {
			width: 970px;
		  }
		  .container {
			width: 970px;
		  }
		  div.top_header {
			height: 350px;
			-webkit-box-shadow: 0 0 10px 0 #000000;
			box-shadow: 0 0 10px 0 #000000;
		  }
		  div.top_header img {
			width: 970px;
		  }
		  div.top_wrap {
			top: 310px;
		  }
		  div.content_wrap {
			margin-top: 352px;
		  }
		  
		  .navbar-nav > li > a {
			padding-top: 0;
			padding-bottom: 0;
		  }
		  
		  
		.navbar-plage ul.navbar-nav > li:before{
			content: "|";
			float:right;
			line-height: 35px;
			color: rgba(0,0,0,0.4);
		}
		.navbar-plage ul.navbar-nav > li.saison:before,.navbar-plage ul.navbar-nav > li.last:before{ content: none; }
		.navbar-plage ul.navbar-nav li.saison{ 
			width: 6%;
			text-align: center;
			left: -1px;
			padding:0;margin:0;
		}


		.navbar-plage ul.navbar-nav{ display: table; }
		.navbar-plage ul.navbar-nav > li{
		  float:none !important;
		  display: table-cell;
		  text-align: center;
		}

		.navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu {
		  background-color: rgba(0,0,0,0.7);
		  display: none;
		  border-radius: 0px !important;
		}
		.navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li {
		  float: none;
		  border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.navbar-plage ul.navbar-nav li.active > a,
		.navbar-plage ul.navbar-nav li > a:hover,
		.navbar-plage ul.navbar-nav li > a:focus {
		  text-decoration: none;
		  color: #ED5331;
		  background-color: transparent;
		}

	
}
/* /@media 768 */

@media (max-width: 767px) {

    .navbar-toggle{
       width: 95%; 
        left: -1%;
       display: block; margin: 0 auto;
    }
    .navbar-header{
        text-align: center !important;
        padding: 0;margin:0;
    }
    
    .navbar-toggle:before{
        content : '\25BC\0020NAVIGATION\0020\25BC ';
        color: rgba(255,255,255,0.8);
        letter-spacing: 1px;
    }
.navbar-plage .navbar-header button.navbar-toggle span.icon-bar{ 
        width: 100%; 
        background-color: rgba(255, 255, 255,0.25) !important;
    }
    
	
	
  .navbar-plage div.navbar-collapse.collapse {
    display: hidden;
  }
  .navbar-plage div.navbar-collapse.in {
    display: inline;
  }
  .navbar-plage ul.navbar-nav {
    background-color: transparent;
    margin: 0px;
    height: auto;
  }
  .navbar-plage ul.navbar-nav li {
    padding:0; 
  }

  .navbar-plage ul.navbar-nav li:last-child {
    float: none;
  }
  .navbar-plage ul.navbar-nav li > a {
    height: auto;
    line-height: auto;
    text-align: center;
    padding: 0 !important;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
  }
  .navbar-plage ul.navbar-nav li span {
    display: none;
  }
  .navbar-plage ul.navbar-nav li.dropdown {
    margin: 0px;
    padding: 0px;
  }
  .navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu {
    position: static;
    float: none;
    width: auto;
    background-color: transparent;
    border: 0px none;
    box-shadow: none;
    text-shadow: none;
    margin: 0;
  }
  .navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li {
    float: none;
  }
  .navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li:first-child {
    display: block;
  }
  .navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li a {
    padding: 0 0 0 50px;
    color: #FFF8E9;
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    text-shadow: none;
    letter-spacing: 1px;
  }
  .navbar-plage ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover {
    color: #ED5331;
    text-shadow: none;
  }
  .navbar-plage ul.navbar-nav li.open ul.dropdown-menu {
    display: block ! important;
  }
 @viewport {
    width: device-width;
  }
  div.top_bar,
  div.top_header,
  top_logo,
  div.top_wrap {
    width: 100%;
    max-width: 100%;
  }
  .navbar {
    margin-bottom: 0px;
  }
  body.hiver ul.navbar-nav li{
        text-align: center; 
    }
    body.hiver ul.navbar-nav li a {
    background-color: #7cc9cc;
  }
  body.hiver ul.navbar-nav li a:hover {
    background-color: #7cc9cc !important;
  }
  body.hiver ul.navbar-nav li.active a{color: #ED5331;}
  body.ete ul.navbar-nav li a {
    background-color: #FCD52E;
  }
  body.ete ul.navbar-nav li a:hover {
    background-color: #FCD52E;
  }
  .container {
    width: 100%;
  }
  div.top_logo div.socials {
    display: none;
  }
  div.top_logo div.container {
    width: 100%;
  }
  div.top_header {
    height: auto;
  }
  div.top_header div.img,
  div.top_header img {
    display: none;
  }
  div.top_wrap {
    margin-top: 3%;
    position: relative;
  }
  div.content_wrap {
    position: relative;
  }
  div.content_wrap div.col_1,
  div.content_wrap div.col_3 {
    display: none;
  }
  div.content_wrap div.col_3 {
    display: block;
        float:none;
        clear:both;
        height: auto !important;
        position: relative;
        width: 100%;
        background: none;
        margin-top: 3%;
        background: rgba(0,0,0,0.05);
  }
   div.content_wrap div.col_3 div.bg{ width: 100%; background: none;}
    div.content_wrap div.col_3 div.bg div{ min-width: 100%; height: auto !important;}
    .plage-statut p{ text-align: center !important; font-size: 1.5em !important;}
    body.ete div.lien, body.ete div.lien_menu{ min-width: 100%; height: auto !important;}
    div.footer_wrap{ margin: 0 0 5% 0;}
  div.content_wrap div.col_2 {
    width: 100%;
    height: auto !important;;
    margin-top: 5px;
        min-height: 50px !important;
  }
  div.footer_wrap div.pull-left {
    margin: 0 0 0 0px;
        display: block; float:none;clear:both; width: 100%;
        text-align: center;
        font-size: 0.85em;
  }
  div.footer_wrap div.pull-right {
    margin: 0 0 0 0;
        display: block; float:none;clear:both; width: 100%;
        text-align: center;
        font-size: 0.85em;
  }
			
		div.top_logo {
			width: 100%;
			position: relative;
			z-index: 5;
			text-align: center;
		}
			div.top_logo .container{ width: 100%; margin: 0 auto;text-align: center !important; }
		div.top_logo div.logo {
			border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
			box-shadow: 0px 0px 10px 0px #000;
           float:none !important;   
           display: table !important;
           margin: 0 auto;
		}
		div.top_logo div.logo a img {
			width: 100%;
			height: auto;
		}
		  
		body.hiver ul.navbar-nav li.saison {
		  background-color: transparent !important;
		}		
    
		  
		  
}
/* /@media 767*/

@media (min-width: 769px) {
		  @viewport {
			width: 970px;
		  }
		  div.top_bar,
		  div.top_header,
		  div.top_wrap {
			width: 100%;
			max-width: 100%;
		  }
		  .container {
			width: 970px;
		  }
		  div.top_header {
			height: 350px;
			-webkit-box-shadow: 0 0 10px 0 #000000;
			box-shadow: 0 0 10px 0 #000000;
		  }
		  div.top_header img {
			width: 100%;
			max-width: 100%;
			min-width: 1140px;
			min-height: 350px;
		  }
		  div.top_wrap {
			top: 310px;
		  }
		  div.content_wrap {
			margin-top: 352px;
		  }
		  
}


@media (min-width: 992px) {
		  .container {
			width: 970px;
		  }
		  div.top_header {
			height: 350px;
			-webkit-box-shadow: 0 0 10px 0 #000000;
			box-shadow: 0 0 10px 0 #000000;
		  }
		  div.top_header img {
			width: 100%;
			max-width: 100%;
			min-height: 350px;
		  }
		  div.top_wrap {
			top: 310px;
		  }
		  div.content_wrap {
			margin-top: 352px;
		  }

		  
  
}
@media (min-width: 1200px) {
	  .container {
		width: 970px;
	  }
}