@charset "utf-8";
/* CSS Document */

@media only screen 
  and (min-width: 320px) 
  and (max-width: 920px){
	  

	  
.slider h3 span{
    font-size: 20px;
    line-height: 30px;
}

.slider span{
    font-size: 15px;
    line-height: 20px;
}
	  
h1, h1>a {
    font-size: 25px;
    line-height: 34px;
}
	  
	  #footer * {
		  font-size: 16px;
	  }
	  
div.table-responsive { 
    width: 100%; 
    overflow-x: scroll;
}
	  
table  {
	margin-top:10px;
	margin-bottom:10px;
	}

	
table,
table> *,
table tr,
table [colspan="2"]{
	display: block
}
	  
	  table td.col-6 {
		  float: inherit;
		  clear: inherit
	  }

td.col-6 {
	width: 48%;
	display: inline-block
}

table h3 {
	line-height: 20px;
}

table td {
    margin: 5px 0 5px 0;
}
	  
[id*="popup-"] * {
    font-size: 25px;
}

.ce-center .ce-outer,
.ce-center .ce-inner {
    right: auto;
	width:100%
}

.ce-column {
	margin-right: 0; 
}
[data-ce-columns="2"] .ce-column,
[data-ce-columns="3"] .ce-column,
[data-ce-columns="4"] .ce-column,
[data-ce-columns="5"] .ce-column{
	float:left;
	width:50%;
	}

#header .slider li .slide-content p {
	font-size:1.2rem;
	line-height:1.7rem
	}
	  
.logo-instagram {
	width: 15px;
	margin-left: 4px
}
	  
	  .pid9 .form-group.powermail_fieldwrap_type_input,
	  .pid9 .form-group.powermail_fieldwrap_type_select, .pid9 .form-group.powermail_fieldwrap_type_check, .form-group.pid9 .powermail_fieldwrap_type_radio,.form-group.powermail_field,
	 .pid9 .form-group.powermail_fieldwrap_type_radio {
    width: 100%;
}
	  
	  .custom-offer .head {
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-bottom: 10px;
}
	  
body,
html,
#header .container,
#header .nav .wrapper.open,
#header ul.level-0,
#content .container,
#footer .container,

#header .toggle-first-nav + ul,
#header .toggle-first-nav + ul > li,
#header .nav.main.open,
.map,
.slick-slider,
#header .nav .wrapper,
#header ul.level-0 > li,
#header .slider li .slide-content,
#footer .nav ul.first,
#header ul.level-0 li ul,
#lightgallery span img,
table tbody,
table tr,
table th,
body #content [class*="frame-full-"],
#header .banner,
#header .div,
#header .ul,
#header .li, 
#header .img
[data-ce-columns*="1"],
[data-ce-columns*="1"] div,
[data-ce-columns*="1"] figure,
.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_select,
	  #header div.button,
	  #header .gradient
	  {
	width:100%;
	}


#content .container,
#footer .container {
	margin:0;
	padding:0;
	left: auto;
    right:auto;
	}

	  

.start #header .banner,
.start #header .banner div,
.start #header .banner ul,
.start #header .banner li{
    height: 500px;
}
	  
	#header .banner,
#header .banner div,
#header .banner ul,
	  #header .banner li {
		  height: 140px
	  }  
	
#content .container > div {
	margin-left:15px;
	margin-right:15px;	
}
	  
#content [class*="frame-bg"] {
  padding-left: 0;
  padding-right: 0
}
	
#header ul.level-0.open,
#header .icons.open,
.start #content .col-4,
.frame-bg-box-shadow [class*="col-"],
[class*="frame-bg-"] [class*="col-"]{
	display:block;
	}

#content .content-last:after,
	  #header .mask,
	  .back-to-top,
	  #header .gradient{
	display:none;
	}
	
#header .container, #header .container.top {
    position: absolute;
}
	  
#header .banner video {
    width:auto;
	height:120px;
}
	  
#header div.button,
	  #header div.button.open{
    margin-right: 0;
	right: 10px
}

	  
#header div.logo {
    padding: 20px 15px 20px 15px;
    width: 200px;
	margin-left: -100px
}
	  
	  #header .wrapper.menue-2 {
		  overflow: hidden
	  }

#header .banner  {
    background-size: auto 100%;
    top: 70px;
}

#header .slider li .slide-content {
	left:0;
	height: 350px;
	bottom: 0;
	}
	
.sub #header .slider .slick-slide:after {
    height: 220px;
}
	  
#header .shadow {
    top: 70px;
}


#header .icons {
	position:absolute;
	left:20px;
	top: 120px;
	width: 80px;
	}

#header .icons ul {
	margin:0;
	width: 80px;
	margin-left: 15px;
	}
	
	
#header .icons a {
	display:block;
	}

#header .container.head .logo{
	width:170px;
	margin-top:10px;
	margin-left:-85px
	}
	  
	  
	  #header .toggle-first-nav {
		  top: 12px
	  }

	  
#header div.book {
	width: 100%;
	text-align: center;
    position: fixed;
    right:0;
	left:0;
    top: auto;
    bottom:0;
	
    z-index: 650;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(0deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(0deg);
    -o-transform-origin: left top;
    transform: rotate(0deg);
    transform-origin: left top;
}
	  
	  #header div.book a {
    padding: 0 20px 0 20px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}
	  
	  
	  #header .gradient {
		  background:none
}
	  
	  #content .container {
		  top:0;
		  padding-bottom: 50px;
	  }
	

#lightgallery a span {
    display: block;
    height: 224px;
    width: 100%;
}
	  
	  body #content [class*="frame-full-"],
	  body #content [class*="frame-full-width"]{
		  
		  margin:20px auto 20px auto;
		  padding: 15px;
		  left: 0;
		  right: 0
	  }
	  
#content #c57 {
    height: auto;
	  }
	
#footer .nav ul {
	padding:0 20px 0 20px
	}
	
#footer .logo {
	width:180px;
	margin:35px auto 35px auto;
	display:block;
	}
	
#footer .adresse {
	padding:20px;
	}
	  
	#footer:before {
    background-image: none;
}  
	  
div[id*="popup"] {
	padding: 0
}


.row {
	margin:0;
	}
	  
.col-1,
.col-lg-1,
.col-2,
.col-lg-2,
.col-3,
.col-lg-3,
.col-4,
.col-lg-4,
.col-5,
.col-lg-5,
.col-6,
.col-lg-6,
.col-7,
.col-lg-7,
.col-8,
.col-lg-8, 
.col-9,
.col-lg-9,
.col-10,
.col-lg-10,
.col-11,
.col-lg-11,
.col-12,
.col-lg-12,
.slider-2 [class*="col-"],
.sub #header .col-7,
#c7.frame-full-width .col-6 + .col-6,
#c7.frame-full-width .col-6{
	width:100%;
 	clear: both;
	padding:0;
}


}


	
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {

.col-6,
.col-lg-6,
.col-4,
.start #content .col-4{
	width:50%;
	float:left;
    padding-left: 15px;
    padding-right: 15px;
	clear:none;
	}
	  
.start #content .col-4,	  
.col-4 {
		  width: 33.333333%;
	  }
	  
}

@media only screen 
  and (min-width: 920px) 
  and (max-width: 1024px) {


.col-4,
.start #content .col-4 {
	width: 33.33333333333333%;
	float:left;
    padding-left: 15px;
    padding-right: 15px;
	clear:none;
	}
  
  }