/***********************************************************/
/*****************     Small only       ********************/
/***********************************************************/
@media screen and (max-width: 39.9375em) {
ul.slicknav_nav li.mnuAccueil {
display:none;
}
div#menu {
background:none;
}
div.mobile-menu div.column {
padding-right:0;
padding-left:0;
}
div#bandeau .ms-layer {
max-width:90%;
}
div#bandeau div.ms-slide h1 {
font-size:1.5rem;
margin-top:1rem;
}
div#bandeau div.ms-slide h2 {
font-size:1.375rem;
}
div#bandeauFixe {
display:none;
}
div#infoMap {
height:inherit;
width:100%;
left:0;
}
div.contenuMap {
left:0px;
max-width:100%;
}
div.contenuMap p {
padding:5rem 0 3rem 0;
}
div.contenuMap a.bouton {
margin-bottom:3rem;
}
div.conteneurMap div.columns {
padding-right:0;
padding-left:0;
}
body.body-accueil div#main-content h1 {
font-size:5rem;
margin:2.375rem 0 1.5rem 0;
}
body.body-accueil div.listeAttraits {
width:100%;
}
div.listeAttraits div.description {
width:67%;
}
div#main-content {
min-height:inherit;
}
div#blocInformations h1 {
font-size:2rem;
padding-top:2rem;
padding-bottom:1rem;
}
div#blocInformations p {
max-width:90%;
}
div.nbPersonnes input {
margin-bottom:0.5rem !important;
}
div#blocInformations a.bouton {
margin:3rem 0;
}
div#nouvelles div.large-8 {
margin:0rem 0 1rem 0;
}
div#nouvelles h1 {
margin-left:0;
font-size:3rem;
margin:2.375rem 0 0 0;
}
div#nouvelles div.plus {
position:static;
margin-bottom:1.375rem;
}
body.body-contact button.bouton {
margin-bottom:2rem;
}
div#footer ul {
margin:0 0 1rem 0;
}
}


/***********************************************************/
/****************     Medium and up       ******************/
/***********************************************************/
@media screen and (min-width: 40em) {

}


/***********************************************************/
/*****************     Medium only       *******************/
/***********************************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
ul.slicknav_nav li.mnuAccueil {
display:none;
}
div#menu {
background:none;
}
div.mobile-menu div.column {
padding-right:0;
padding-left:0;
}
div#bandeau .ms-layer {
max-width:90%;
}
div#bandeau div.ms-slide h1 {
font-size:3.75rem;
margin-top:1rem;
}
div#bandeau div.ms-slide h2 {
font-size:2.75rem;
}
div#bandeauFixe {
display:none;
}
body.body-accueil div#main-content h1 {
margin:2.375rem 0 1.5rem 0;
}
div#main-content .emphaseMajeure, div#footer .emphaseMajeure {
display:block;
font-size:1.5rem;
padding:0.5rem 0 0 0;
}
div.conteneurMap div.large-4 {
background-color:#B2BECA;
padding-right:0;
padding-left:0;
}
div.contenuMap p {
padding:29rem 0 0 0;
}
div#infoMap {
height:700px;
}
div#main-content {
min-height:inherit;
}
div#nouvelles div.photos {
width:100%;
height:248px;
overflow:hidden;
}
div#nouvelles div.photos div {
width:25%;
}
body.body-contact button.bouton {
margin-bottom:2rem;
}
}


/***********************************************************/
/****************     Large and up        ******************/
/***********************************************************/
@media screen and (min-width: 64em) {

}


/***********************************************************/
/*****************     Large only        *******************/
/***********************************************************/
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}


/***********************************************************/
/*****************     Large only        *******************/
/***********************************************************/
@media screen and (min-width: 64em) and (max-width: 70em) {
div#infoMap {
left:-420px;
}
}


/***********************************************************/
/*****************     xLarge only         *****************/
/***********************************************************/
@media screen and (min-width: 75em) and (max-width: 96.875em) {	

}
