/*---------------------------------------	Responsive design code-----------------------------------------*/
@media screen and (max-width: 1600px) {
.show1600px{
	display:block;
}
.hide1600px{
	display:none !important;
}
}
@media screen and (max-width: 1500px) {
.show1500px{
	display:block;
}
.hide1500px{
	display:none !important;
}
}
@media screen and (max-width: 1400px) {
.show1400px{
	display:block;
}
.hide1400px{
	display:none !important;
}
}
@media screen and (max-width: 1300px) {
.bt-introtext {
    xborder: 1px black solid;
    padding: 15px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-rule: 1px solid #11a09a;
    -moz-column-rule: 1px solid #11a09a;
    column-rule: 1px solid #11a09a;
}
div#modulestoptopbis .span6,
div#modulestoptop .span6 {
    width: calc(100% - 10px) !important;
}
div#modulestoptopbis .span6.imageshp,
div#modulestoptop .span6.imageshp {
    padding: 0% 20%;
    margin: 0px 5px 40px 5px !important;
}
#modulestop .n2 > .flexiblemodule,
#modulestop .n2 > .flexiblemodule + div,
#modulestop .n3 > .flexiblemodule,
#modulestop .n3 > .flexiblemodule + div,
#modulestop .n3 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule,
#modulestop .n4 > .flexiblemodule + div,
#modulestop .n4 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule,
#modulestop .n5 > .flexiblemodule + div,
#modulestop .n5 > .flexiblemodule + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div + div,
#modulestop .n1 > .flexiblemodule,
#modulesbottom .n2 > .flexiblemodule,
#modulesbottom .n2 > .flexiblemodule + div,
#modulesbottom .n3 > .flexiblemodule,
#modulesbottom .n3 > .flexiblemodule + div,
#modulesbottom .n3 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule,
#modulesbottom .n4 > .flexiblemodule + div,
#modulesbottom .n4 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule,
#modulesbottom .n5 > .flexiblemodule + div,
#modulesbottom .n5 > .flexiblemodule + div + div,
#modulesbottom .n5 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule + div + div + div + div,
#modulesbottom .n1 > .flexiblemodule { width: calc(100% - 70px); padding:0 35px 0 35px;margin-bottom:40px;}
ul.menupardessus li {
    width: calc(50% - 30px);
    vertical-align: top;
    padding: 15px;
}
.column.column1, .column.main {
    width: calc(100% - 60px);
    padding: 0 0px;
    min-width: 90%;
    max-width: 90%;
}
#left div.moduletable ul.nav.menu li {
    display: inline-block;
}
#left div.moduletable ul.nav.menu li a {
    padding: 15px 10px 15px 10px;
    font-size: 16px;
}
.show1300px{
	display:block;
}
.hide1300px{
	display:none !important;
}
.scrollchange .fixmodgauche {
    position: relative;
    top:unset;
    max-width: 100%;
    min-width: 90%;
    width: calc(100% - 5px) !important;
    z-index: 2;
    background: #e8e8e8 !important;
}
}
@media screen and (max-width: 1200px) {
.show1200px{
	display:block;
}
.hide1200px{
	display:none !important;
}
}
@media screen and (max-width: 1100px) {
.show1100px{
	display:block;
}
.hide1100px{
	display:none !important;
}
}
@media screen and (max-width: 1024px) {
.se-pre-con {
	background: url(../images/Preloader_2_1.gif) center no-repeat #fff;
}
#jcemediabox-popup-loader {
    background: url(../images/Preloader_2_1.gif) center center no-repeat;
}
.show1024px{
	display:block;
}
.hide1024px{
	display:none !important;
}
.room_type_details .span6 {
    width: 100% !important;
}
p.imageRelativeMobile {
    position: relative !important;
    top: 0% !important;
    -moz-transform: translateY(0%) !important;
    -webkit-transform: translateY(0%) !important;
    -o-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}
.span12.tableauperiodes .uneperiode {
    width: 100% !important;
}
a.btn.btnlogin, a#toggle_registration_form {
    width: calc(100% - 60px) !important;
	margin-bottom:10px;
}
span.oumilieu {
    display: none;
}
.span12, .row-fluid .span12 {
    padding: 0px;
}
#solidres .inner {
    margin: 1px;
}
.tariff-box {
    margin: 0 5px 2px;
}
.extras_row_roomtypeform {
    margin: 0 0 10px 0px !important;
}
.tariff-title-desc, .tariff-value {
    margin-bottom: 0px;
}
div.extrarow.hebergementsimple .extras_row_roomtypeform:before, div.extrarow.demipension:before, div.extrarow.pensioncomplete:before, div.extrarow.arrivee .extras_row_roomtypeform:before, div.extrarow.arrivee:before, div.extrarow.repas-et-boissons:before, div.extrarow.draps-et-linge-forfait:before, div.extrarow.nappes-et-serviettes:before, div.extrarow.draps-et-linge:before, div.extrarow.jeux:before, div.extrarow.materiel:before, div.extrarow.extrapacks:before, div.extrarow.securite:before {
    padding: 5px;
}
/*--------------------------------------------------------------------Coins blancs---------------------------------------------------*/
.parallaxcoinhautgauche:before,
.coinhautgauche:before{
	border-top: 0px solid #fff;
	border-right: 0px solid transparent;	
}
.parallaxcoinhautdroite:after,
.coinhautdroite:after{
	border-top: 0px solid #fff;
	border-left: 0px solid transparent;	
}
.parallaxcoinbasgauche .aikon-parallax-outer-container:before,
.coinbasgauche div.inner:before{
	border-bottom: 0px solid #fff;
	border-right: 0px solid transparent;	
}
.parallaxcoinbasdroite .aikon-parallax-outer-container:after,
.coinbasdroite div.inner:after{
	border-bottom: 0px solid #fff;
	border-left: 0px solid transparent;	
}
.maxwidth1024 {
    width: calc(100% - 0px);
}
#footer div.moduletable {
    padding: 15px 20px;
}
div#modulesbottom .clr,
div#modulestop .clr {
    margin: 0 !important;
}
#modulestop .n2 > .flexiblemodule, #modulestop .n2 > .flexiblemodule + div, #modulestop .n3 > .flexiblemodule, #modulestop .n3 > .flexiblemodule + div, #modulestop .n3 > .flexiblemodule + div + div, #modulestop .n4 > .flexiblemodule, #modulestop .n4 > .flexiblemodule + div, #modulestop .n4 > .flexiblemodule + div + div, #modulestop .n4 > .flexiblemodule + div + div + div, #modulestop .n5 > .flexiblemodule, #modulestop .n5 > .flexiblemodule + div, #modulestop .n5 > .flexiblemodule + div + div, #modulestop .n5 > .flexiblemodule + div + div + div, #modulestop .n5 > .flexiblemodule + div + div + div + div, #modulestop .n1 > .flexiblemodule, #modulesbottom .n2 > .flexiblemodule, #modulesbottom .n2 > .flexiblemodule + div, #modulesbottom .n3 > .flexiblemodule, #modulesbottom .n3 > .flexiblemodule + div, #modulesbottom .n3 > .flexiblemodule + div + div, #modulesbottom .n4 > .flexiblemodule, #modulesbottom .n4 > .flexiblemodule + div, #modulesbottom .n4 > .flexiblemodule + div + div, #modulesbottom .n4 > .flexiblemodule + div + div + div, #modulesbottom .n5 > .flexiblemodule, #modulesbottom .n5 > .flexiblemodule + div, #modulesbottom .n5 > .flexiblemodule + div + div, #modulesbottom .n5 > .flexiblemodule + div + div + div, #modulesbottom .n5 > .flexiblemodule + div + div + div + div, #modulesbottom .n1 > .flexiblemodule {
    width: calc(100% - 70px);
    padding: 0 35px 0 35px;
    margin-bottom: 20px;
}
div#footer {
    margin-top: 0px;
}
}
@media screen and (max-width: 950px) {
div#modulestoptopbis .inner, div#modulestoptop .inner, div#modulesbottomapres .inner, div#modulestopapres .inner {
    padding: 0 0px 0 0px;
    width: calc(100% - 0px);
}
.show950px{
	display:block;
}
.hide950px,
.moduletable.menureduit.coinbasgauche.coinbasdroite{
	display:none !important;
}
.alert.alert-info.sr-login-form .well button.btn.btn-default,
.alert.alert-info.sr-login-form .well .input-prepend {
    width: 100% !important;
}
.moduletable.pad.span6.padgauche, .moduletable.pad.span6.paddroite {
    width: calc(100% - 0px);
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 auto !important;
    text-align: center;
}
div#modulestopapres {
    width: calc(100% - 70px);
}
.moduletable.headertopparallax h1 {
    font-size: 60px !important;
}
.moduletable.headerparallax .aikon_paralax_content h1 {
    font-size: 45px !important;
    text-align: center;
}
}
@media screen and (max-width: 758px){
.show758px{
	display:block;
}
.hide758px{
	display:none !important;
}
ul.menupardessus li {
    width: calc(100% - 30px);
}
.span4.solidres-module-extra-item {
    width: calc(50% - 5px) !important;
}
.modformules ul li {
    width: calc(50% - 20px) !important;
}
.moduletable.menutroiscols li.level1 {
    width: 100%;
}
.moduletable.menutroiscols li a, .moduletable.menutroiscols li span {
    text-align: center !important;
}
div#modulesbottomapres .headerparallax a {
    width: 100% !important;
    display: block;
    margin-top: 20px;
}

}
@media screen and (max-width: 660px){
.show660px{
	display:block;
}
.hide660px{
	display:none !important;
}
.moduletable.headerparallax .aikon_paralax_content h1 {
    font-size: 45px !important;
}
.moduletable.headertopparallax h1 {
    font-size: 50px !important;
    width: 100%;
    text-align: center !important;
}
}
@media screen and (max-width: 524px) {
.show524px{
	display:block;
}
.hide524px{
	display:none !important;
}
}
@media screen and (max-width: 400px){
.show400px{
	display:block;
}
.hide400px{
	display:none !important;
}
.span4.solidres-module-extra-item {
    width: calc(100% - 5px) !important;
}
#modulestop .n2 > .flexiblemodule, #modulestop .n2 > .flexiblemodule + div, #modulestop .n3 > .flexiblemodule, #modulestop .n3 > .flexiblemodule + div, #modulestop .n3 > .flexiblemodule + div + div, #modulestop .n4 > .flexiblemodule, #modulestop .n4 > .flexiblemodule + div, #modulestop .n4 > .flexiblemodule + div + div, #modulestop .n4 > .flexiblemodule + div + div + div, #modulestop .n5 > .flexiblemodule, #modulestop .n5 > .flexiblemodule + div, #modulestop .n5 > .flexiblemodule + div + div, #modulestop .n5 > .flexiblemodule + div + div + div, #modulestop .n5 > .flexiblemodule + div + div + div + div, #modulestop .n1 > .flexiblemodule, #modulesbottom .n2 > .flexiblemodule, #modulesbottom .n2 > .flexiblemodule + div, #modulesbottom .n3 > .flexiblemodule, #modulesbottom .n3 > .flexiblemodule + div, #modulesbottom .n3 > .flexiblemodule + div + div, #modulesbottom .n4 > .flexiblemodule, #modulesbottom .n4 > .flexiblemodule + div, #modulesbottom .n4 > .flexiblemodule + div + div, #modulesbottom .n4 > .flexiblemodule + div + div + div, #modulesbottom .n5 > .flexiblemodule, #modulesbottom .n5 > .flexiblemodule + div, #modulesbottom .n5 > .flexiblemodule + div + div, #modulesbottom .n5 > .flexiblemodule + div + div + div, #modulesbottom .n5 > .flexiblemodule + div + div + div + div, #modulesbottom .n1 > .flexiblemodule {
    width: calc(100% - 30px);
    padding: 0 15px 0 15px;
    margin-bottom: 20px;
}
div#modulestopapres {
    width: calc(100% - 30px);
}
.moduletable.headertopparallax h1 {
    font-size: 40px !important;
}
}