/*
Theme Name: Yata Theme
Author: YATA!
Version: 1.0
Red : 			#E51A29
Dark grey : 	#555047
Light grey : 	#F7F7F7
*/

body.page-id-99152 .tablepress tbody tr td.column-3{border-right:1px solid #E51A29;}

table.tableitinordiq tbody tr:first-child td {border-bottom: 0px solid #E51A29;}
table.tableitinordiq .row-2 td{font-weight: 400;}

/*correction VISUAL COMPOSER*/

a.boutslidemain{
    position: initial;
    text-align: center;
	width: max-content;
}

.mainSlider .slide {
	padding-top: 40vh;
}

/* Style module single image*/
.img_valmo1 img{border-radius: 10px;object-fit: fill;}
.img_valmo2{}
.img_valmo3{}
.texteblanc, .texteblanc p{color: #ffffff;}
.preheader .infoCovid {background-color: #E51A29; border:1px solid #CCCBC8; color: white; border-radius: 15px; padding: 3px 10px; margin: 0px 15px; transition: 0.4s all ease-in-out;}
.preheader .infoCovid:hover {background-color: #555047; color:white; transition: 0.4s all ease-in-out;}


/*5 villages*/
#ssmenu0 div.firstmenu48115{display:none;}
#ssmenu0 div.firstmenu48125{display:none;}
#ssmenu0 div.firstmenu48126{display:none;}

.img_webcam img{object-fit: cover; height: 250px !important; width: 300px; border-radius: 10px;}
#sb_instagram .sbi_photo {border-radius: 10px}
#sb_instagram .sbi_follow_btn a,#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {background-color: #F7F7F7 !important;box-shadow: none!important;}
#sb_instagram .sbi_follow_btn{max-width: 300px;}
.wpb_text_column .wpb_wrapper li a {color: #E51A29; text-decoration: underline;}

/*AJUSTEMENT MOTEUR AR*/
/*.OsFiltreBlocNbPers{display: none!important;}
.OsFiltreCritere_nbpers{display: none!important;}
html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-filtreur .OsFiltreur .OsFiltreCriterisation .OsFiltreFiltre {    width: 75%;}
html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-filtreur .OsFiltreur .OsFiltreCriterisation .OsFiltreFiltre .OsFiltreIntOnglet.OsFiltreIntOnglet_0 .OsFiltreBlocResa .OsFiltreCritere_date, html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-filtreur .OsFiltreur .OsFiltreCriterisation .OsFiltreFiltre .OsFiltreIntOnglet.OsFiltreIntOnglet_1 .OsFiltreBlocResa .OsFiltreCritere_date {    width: calc(50% - 8px) !important;}
html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-filtreur .OsFiltreur .OsFiltreCriterisation .OsFiltreBoutonRecherche {width: 25%; margin-top: 0px;}
.OsRecherchePartenaire .WidgetCombineContent {max-width: 980px; width: 100%; margin: 0 auto;}
html #widget-recherche-partenaire .WidgetCombine #LigneMoteurExt .TitreMoteurExt{display: none;}
html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-localisation .titre {display: none;}
html #widget-recherche-partenaire .WidgetCombine .WidgetCombineContent .GroupeCorps #widget-filtreur .OsFiltreur .OsFiltreCriterisation .OsFiltreFiltre .OsFiltreBlocResa .OsFiltreCritereTitre { display: none!important;}

*/
/*html .oslangue-fr .OsRecherchePartenaire .WidgetCombineContent:before{content:""!important;}*/


.vc_row {margin-left: 0px!important; margin-right: 0px!important;}

/*Din 400*/@font-face{font-family: 'Din'; src: url('/wp-content/themes/yatatheme/fonts/DINPro.otf') format('truetype'); font-weight: 400; font-style: normal;}
/*Din 700*/@font-face{font-family: 'Din'; src: url('/wp-content/themes/yatatheme/fonts/DINPro-Bold.otf') format('truetype'); font-weight: 700; font-style: bold;}
/*Din 300*/@font-face{font-family: 'Din'; src: url('/wp-content/themes/yatatheme/fonts/DINPro-CondLight.otf') format('truetype'); font-weight: 300; font-style: lighter;}
/*Gotham 400*/@font-face{font-family: 'Gotham'; src: url('/wp-content/themes/yatatheme/fonts/GothamRounded-Medium.otf') format('truetype'); font-weight: 400; font-style: normal;}
/*Gotham 700*/@font-face{font-family: 'Gotham'; src: url('/wp-content/themes/yatatheme/fonts/GothamRounded-Bold.otf') format('truetype'); font-weight: 700; font-style: bold;}

/*STYLE GENERAUX*/
html {scroll-behavior: smooth;}
body {font-weight: 400; background-color:#F7F7F7; font-family:'Din',sans-serif; font-size:1em; line-height:1.5em; color:#555047; overflow-x:hidden;}
h1{font-family:'Gotham',sans-serif; font-weight:700; color:#fff; font-size:3.2em; line-height:1.2em; text-transform:uppercase; text-align:center; margin-bottom: 40px;}
.titre-selection h1{font-family:'Gotham',sans-serif; font-weight:700; color:#555047; font-size: 2.6em;; line-height:1.2em; text-transform:uppercase; text-align:center; margin-bottom: 40px;}
h2{font-family:'Din',sans-serif; font-weight:700; color:#555047; font-size:3em; line-height:1.2em; text-align:center; margin-top: 70px;}
h2::after{content:""; display:block; margin: 40px auto 60px auto; width:90px; height:4px; background-color: #E51A29; border-radius: 10px;}
h3{font-family:'Gotham',sans-serif; font-weight:700; color:#555047; font-size:2.2em; line-height:1.1em; text-align:center; margin:0px;}
h4{font-family:'Gotham',sans-serif; font-weight:700; color:#555047; font-size:2.2em; line-height:1.1em; text-align:center; margin:0px;}
p{font-size:1.05em; line-height:1.5em; margin:10px 0px; color:#555047;}
a{text-decoration:none; color:inherit; transition: all 0.3s ease; cursor:pointer;}
g, path{transition: all 0.3s ease;}
h2.chapeau{font-family:'Gotham',sans-serif; font-size:1.2em; color:#555047; line-height:1.4em; text-transform:none;}

.wpb_wrapper h1{color:#E51A29; font-size: 2.2em; margin-top: 50px;}

.row {display: block!important;}

/*STYLE GENERAUX RESPONSIVE*/
@media screen and (max-width: 768px) {
	h1{font-size: 2.6em; line-height: 1.2em; margin-bottom: 10px;}
	h2{font-size: 2.5em; line-height: 1.2em; margin-bottom: 20px; margin-top: 20px;}
	h3{font-size: 1.2em; line-height:1.1em;}
	h2.chapeau{font-size: 1em;}
	p{font-size: 1em;}
}
@media screen and (max-width: 500px) {
	h1{font-size: 1.5em;}
	h2{font-size: 1.4em;}
}

/*BOUTONS REUTILISABLES*/
a.boutPleinRouge {transition: all 0.3s ease; font-family:'Gotham',sans-serif; display: inline-block; white-space: nowrap; color:white; background-color: #E51A29; padding: 10px 20px; line-height: 1.5em; border-radius:26px; margin: 10px;}
a.boutPleinRouge svg{height:28px; width:30px; vertical-align: middle;}
a.boutPleinRouge g, a.boutPleinRouge path{fill:#fff;}
a.boutPleinRouge:hover{background-color: #555047;}
a.boutVideBlanc {transition: all 0.3s ease; font-family:'Gotham',sans-serif; display: inline-block; white-space: nowrap; color:white; background-color: transparent; border:1px solid white; padding: 10px 20px; line-height: 1.5em; border-radius:26px; margin: 10px;}
a.boutVideBlanc svg{height:30px; width:32px; vertical-align: middle;}
a.boutVideBlanc g, a.boutPleinRouge path{fill:#fff;}
a.boutVideBlanc:hover{color: #555047; border:1px solid #555047; background-color: #fff;}


.mainSlider a.boutslidemain{
	display: block;
	margin-top: 50px; 
	margin-left: auto;
	margin-right: auto;
}
/*Page 404*/
.pageerreur{
background-color: #ffffff;
}

.pageerreur img{
width: 33%;}
.pageerreur .quatre{
  color: #E51A29;
  font-size: 150px;
  width: 33%;
	vertical-align: middle;

}




/*ANIMATION*/
.slideup {animation-name:slidedown; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes slidedown {from {transform:translateY(-50px);opacity: .1;}to{transform:none; opacity: 1;}}
.slidedown {animation-name:slidedown; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes slidedown {from {margin-top: -10vw;opacity: .1;}to{margin-top: 0px; opacity: 1;}}
.slideleft {animation-name:slideleft; animation-duration:0.4s; animation-timing-function:ease;}
@keyframes slideleft {from {transform: translateX(60vw);opacity: .1;}to{transform: none; opacity: 1;}}
.slideright {animation-name:slideright; animation-duration:0.4s; animation-timing-function:ease;}
@keyframes slideright {from {transform: translateX(-60vw);opacity: 0;}to{transform: none; opacity: 1;}}
.fadein {animation-name:fadein; animation-duration:0.3s; animation-timing-function:ease;}
@keyframes fadein {from {opacity: .1;}to{opacity: 1;}}
.miniscale {animation-name:miniscale; animation-duration:1s; animation-timing-function:ease-out;}
@keyframes miniscale {from {transform: scale(1.1);opacity: 0;}to{transform: scale(1); opacity: 1;}}
.beating {animation-name:beating; animation-duration:1.2s; animation-timing-function:ease; animation-iteration-count:infinite;}
@keyframes beating {from {transform: scale(1.2, 1.2);}to{transform: scale(1, 1);}}
.slidecause {animation-name:slidecause; animation-duration:1s; animation-timing-function:ease;}
@keyframes slidecause {from {right: -350px;}to{right: 40px;}}


.deplie {max-height: 220px; animation-name:deplie; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes deplie {from {max-height: 0px;}to{max-height: 220px;}}
.replie {max-height: 0px; animation-name:replie; animation-duration:0.5s; animation-timing-function:ease;}
@keyframes replie {from {max-height: 220px;}to{max-height: 0px;}}


/*------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------HEADER-&-MENU--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*PREHEADER*/
.preheader{z-index:3001!important; position: relative; height:43px;background-color: #555047; color:#CCCBC8; font-size: 0.9em; text-align: center;}
.preheader a.bout{border:1px solid #CCCBC8; border-radius: 15px; padding: 3px 10px; margin: 0px 15px;}
.preheader a.bout:hover{background-color: #fff; color:#555047;}
.preheader a.icone svg{width: 22px;height: 26px; transform: translateY(5px); margin-right: 10px;}
.preheader a.icone g, .preheader a.icone path{fill:#CCCBC8;}
.preheader a.icone:hover g, .preheader a.icone:hover path{fill:#fff;}

/*HEADER*/
.stickyHeader{z-index:3000!important; position:fixed; height:117px; width:100%; transition: all 0.3s ease; background-color: #fff; user-select: none;}
.containerSticky{ width: 100%; height: 100%; max-width:1710px; margin: auto; position: relative; color:#555047;}
/*3 types de header*/
.nav-top{top:43px; transition: all 0.3s ease;}
.nav-down{top:-117px; transition: all 0.3s ease;}
.nav-up{top:0px; transition: all 0.3s ease; box-shadow: 0px 0px 10px #7e7e7e; height: 90px;}
/*logo*/
.mainLogo{width:340px; display: inline-block; top: 50%; position: relative; transform: translateY(-50%); float: left;}
.mainLogo img{height:83px; transition: all 0.3s ease; margin-left: 20px;}
.nav-up .mainLogo img{height:70px;}
/*5 villes*/
.stickyHeader .cinqvill{display: inline-block; text-align: center;width:calc(100% - 760px); top: 50%; position: relative; transform: translateY(-50%); float: left;}
.stickyHeader span.villstat{font-size: 1.1em;}
.stickyHeader a.bout{font-family:'Gotham',sans-serif; font-size:0.9em; border:1px solid #555047; border-radius: 23px; padding: 7px 17px; margin: 2px 5px; text-transform: uppercase; display: inline-block;}
.stickyHeader a.bout:hover{background-color: #555047; color:white;}
.nav-up a.bout{padding: 3px 17px;}

.cinqvill .villeshiver{display:none;}
.hiver span.villeshiver{display:inline;}
.hiver span.villesete{display:none;}
/*zone droite*/
.stickyHeader .headright{width:410px; display:inline-block; top: 50%; position: relative; transform: translateY(-50%); float: right;}
.stickyHeader a.icone{display: inline-block; vertical-align: middle;}
.stickyHeader a.icone svg{width: 30px;height: 30px; margin-right: 10px; vertical-align: middle;}
.stickyHeader a.icone g, .stickyHeader a.icone path{fill:#555047;}
.stickyHeader a.icone:hover g, .stickyHeader a.icone:hover path{fill:#E51A29;}

span#cametpistes a#boutpiste{display:none;}
span.hiver a#boutpiste{display:inline-block!important;}
span.hiver >a > span{display:none;}
#cametpistes .boutPleinRouge{padding:6px 6px; margin: 3px;}

/*burger*/
a.burger{color:#E51A29; display: inline-block; padding: 10px 20px; vertical-align: middle;}
a.burger svg{width:45px; height: 45px;}
a.burger g, a.burger path{fill:#E51A29;}
a.burger:hover g, a.burger:hover path{fill:#555047;}
#closemenu{display:none;}
/*selector langue*/
.wpml-ls{display:inline-block;width:60px!important;}
.wpml-ls-legacy-dropdown a{padding: 5px 10px!important; color: #555047!important; border: 0px solid #fff!important; background-color: #FFF!important; transition: all 0.3s ease;}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a{color: #555047!important; background-color: #FFF!important;}
.wpml-ls-legacy-dropdown .wpml-ls-flag{width:30px!important; height:auto!important; border-radius: 5px!important;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:2px!important;}

.headericonresp{display:none;}

#widget-panier{display:inline-block; position: relative; top: -5px;}
.OsPanier.api .ospanier .entete .LibelleEntete{display:inline-block;}
.OsPanier.api .ospanier .contenu{top:0px;}
/*MENU PRINCIPAL*/
.MenuOn{transform: none;}
.MenuOff{transform: translateY(-100vh);}
.fondMenu{position:fixed; top: 0; width:100%; z-index: 2000; height: 100vh; overflow: hidden; background-color: #F7F7F7; transition: all 0.3s ease; background-image:url('/wp-content/themes/yatatheme/img/logo_alone.svg'); background-repeat: no-repeat; background-position: -3% 109%; background-size: 62vh;}

.menu {user-select: none; top: 50%; position: relative; transform: translateY(-50%); max-width: 1770px; margin: auto;}
/*.titreMenu{font-family: 'Din', sans-serif;font-size: 4em; line-height: 0.9em; text-align: center; font-weight: 100; text-transform: uppercase; color:#555047; letter-spacing: 4px; margin-bottom: 3vh;}*/
/*menu principal rouge*/
.menu #ssmenu0{width: 23vw; right: 2vw; position: absolute; top: 0; border-radius: 60px; padding: 70vh 0px;  left: auto; z-index: 1000; background-color: #bd121f; transform: translateY(-60%);}
#ssmenu0 .lienMenu{font-family: 'Gotham', sans-serif; text-transform: uppercase; color:#fff; font-size: 1.7em; line-height: 1em; padding: 0.8vh 2vw; cursor:pointer;}
#ssmenu0 .lienMenu .flechemenu{display:inline; transform: translateX(5px); z-index: -1; position: absolute; color:#fff; font-weight: 900; transition: all 0.25s ease; opacity:0;font-size: 1.3em; line-height: 0.9em;}
#ssmenu0 .lienMenu .intmenu{transition: all 0.25s ease; font-weight:400;}
#ssmenu0 .lienMenu a{}
#ssmenu0 .lienMenu:hover .flechemenu{transform: translateX(-15px); z-index: 1; opacity:1;}
#ssmenu0 .lienMenu:hover .intmenu{padding-left: 20px; padding-right: 0px; color:white;}
/*sous-menu*/
.menu .menuContent{width: 46vw; right:27vw; position: absolute; top: -25vh; padding: 20px 20px 40px 20px; box-shadow: 0px 4px 8px #b8b7b7; background-color: #fff; border-radius: 40px;}
.menuContent .lienMenu{font-family: 'Gotham', sans-serif; text-transform: uppercase; font-weight:300; color:#807c77; font-size: 1.2em; line-height: 1em; padding: 0.7vh 2vw; cursor:pointer;}
.menuContent .lienMenu .flechemenu{opacity:0; float: right; transform: rotate(-90deg); transition: all 0.25s ease;}
.menuContent .lienMenu .intmenu{transition: all 0.25s ease;}
.menuContent .lienMenu a{}
.menuContent .lienMenu:hover>.flechemenu{opacity:1;}
.menuContent .lienMenu:hover>.intmenu{color:#555047;}
.menuContent .lienMenu:hover>a{padding-left: 20px;}
.menuContent .lienMenu a.bouton{color: white; margin: auto; background-color: #E51A29; padding: 13px 33px; border-radius: 30px; max-width: 390px; text-align: center; display: block;}
.menuContent .lienMenu#im9840, .menuContent .lienMenu#im555{margin-top: 20px;}
.menuContent .lienMenu:hover a.bouton{color: white; background-color: #555047;}
/*liens menu niveau 3*/
.menu .menuniv3{overflow: hidden;}
.menuniv3 .lienMenu{font-family: 'Din', sans-serif; text-transform: none; font-weight:700; color:#e51a29; font-size: 1em; line-height: 1em; padding: 0; cursor:pointer;}
.menuniv3 .lienMenu .flechemenu{display:none;}
.menuniv3 .lienMenu .intmenu{transition: all 0.25s ease;}
.menuContent .menuniv3 .lienMenu a{padding: 0.45vh 2vw; display: block;}
.menuniv3 .lienMenu a{}
.menuniv3 .lienMenu:hover>.intmenu{padding-left: 40px;}
/*menu image spécial*/
.imageMenu300resp{display:none;}/*pour responsive*/
.titreMenu{display:none;}
a.imageMenu300{max-width:300px; max-height:220px; top: 0px; position: absolute;right:48vw;border-radius: 40px;overflow: hidden;background-size: cover;background-position: center center;width:22vw;height:15vw;color: white;font-size: 1.6em;font-weight: 700;text-transform: uppercase;text-align: center;padding: 0px 20px;}
a.imageMenu300 span{text-shadow: 0px 2px 6px black; top: 50%; transition: all 0.25s ease; position: relative; display: block; transform: translateY(-50%);}
a.imgpos1{top: 250px;}
a.imageMenu300:hover{padding:0px 0px;}
a.imageMenu300:hover span{font-size: 1.2em;}

/*MODAL ACCESSIBILITE*/
.fondModal {z-index: 4000; display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7);}
.modal {max-width: 700px; width: 100%; margin: auto; position: relative; text-align: center; top: 50%; transform: translateY(-50%);}
.modalContent {background-color: #fff; color: #555047; margin: 15px; padding: 50px 20px;}
.modalClose {position: absolute; right: 15px; top: 0; border: none; display: inline-block; font-size: 3em;padding: 8px 16px; vertical-align: middle; overflow: hidden; text-align: center; cursor: pointer; white-space: nowrap;}
.modalClose:hover {color: #E51A29;}
.modal-inside {font-size: 24px;}
.modal.modal-item{max-width: 1000px;}
#modalphotos .modalContent{border-radius: 20px;}
#image-modal{width: 100%;}
#image-modal.image-modal-height{width: auto; height: 100%;}
.modal a.prev, .modal a.next{color: #E51A29; font-size: 1.4em; font-family: 'Din'; position: absolute; top:50%; transform: translateY(-50%); padding: 20px; border-radius: 20px; display: inline-block; background-color: #fff; margin: 5px; transition: all 0.3s ease;}
.modal a.prev{left: -50px;}
.modal a.next{right: -50px;}
.modal a.prev:hover, .modal a.next:hover{color: #555047;}

/*MODAL RECHERCHE*/
.modal form{margin-top:40px;}
.modal input:first-child{width: 80%; max-width: 260px; padding: 5px 0px; color: #555047; font-family: 'Din', sans-serif; outline: none; font-size: 1.4em; line-height: 1.3em; border: 0px; background-color: transparent; border-bottom: 1px solid #555047;}
.modal input::placeholder{color: #CCC;}
.modal input[type="submit"]{font-family: 'Gotham', sans-serif; color: #fff; border: 0px; background-color: #555047; padding:10px 20px; transition: all 0.25s ease 0s; margin:10px 10px; border-radius:26px;}
.modal input[type="submit"]:hover{background-color: #E51A29;}

/*SCROLL TO TOP*/
/*#scroll_to_top{opacity:0.6;z-index:2000; padding: 9px;position: fixed;width: 65px;height: 65px;bottom: 80px;right: 70px;font-size: 47px;text-align: center;display: none;cursor: pointer;background-color: #2e2e2e;color: white;border-radius: 5px;transition: all 0.5s ease 0s;}*/
/*#scroll_to_top:hover{background-color: #2e2e2e; opacity:1;}*/

/*MODIFS*/

.contenuItem a.offre-tel {
	display: block;
	margin-bottom: 10px;
}

.contenuItem a.offre-web {
	display: block;
}

/*FOOTER*/
footer{margin-top:100px; clear: both;}
footer .menu{border-right: none;}
footer a{color:#FFF;}
footer h2{color:white; font-family: 'Gotham', sans-serif; font-size: 1.7em;font-weight: 400; text-align:left;}
footer #custom_html-2 h2{font-size: 2.7em!important;}
footer h2:after{width: 0;height: 0; margin:0;}
footer li{list-style: none; display: inline-block;}
.footersocialbarre h2{display:none;}
.footersocialbarre{background-color: #E51A29;}
.footersocialbarre p{color:white; font-family: 'Gotham', sans-serif; font-size: 1.5em; display: inline; vertical-align: middle;}
.footersocialbarre li#text-3{margin:0px 30px;}
.footersocialbarre img{width: 40px; height: 40px; margin: 15px 10px;}
footer .woodfooter{padding-top: 50px; background-image:url('/wp-content/themes/yatatheme/img/motif_bois.jpg');}
.footergauche li{display: block;}
/*.footergauche .widget_media_image{margin-top: 50px;}*/
.footergauche .custom-html-widget{color:white; font-weight: 300; font-size: 1.4em;}
.footergauche, .footerdroite{padding:0px 3vw; text-align: center;}
.footercentre{padding:0px 20px;}
h2.widgettitle{margin-top: 0;}
.footercentre h2{text-align: center!important;}
.footercentre, .footerdroite{text-align: center;}
.footercentre .menu li{display: block; margin: 15px 0px; font-weight: 300; font-size: 1.7em;}
.footercentre .menu, .lignementions .menu {transform: none; top:0; padding:0;}
.footercentre .menu a:hover, .lignementions .menu a:hover{color:#E51A29;}
.lignementions .textwidget>div{background-color: transparent!important;}
.lignementions img{max-height: 60px; width: auto; margin: 10px;}
.lignementions{text-align: center;}
.lignementions .widget_nav_menu{display:block;}
.lignementions h2{display: none;}
.lignementions .madeby{color:white; display: block; margin-bottom: 30px; font-weight: 300; font-size: 1.4em;}
.lignementions .madeby a{color:#E51A29;}
.lignementions .madeby a:hover{color:#fff;}
.lignementions .menu li{margin: 20px 10px; font-weight: 300; font-size: 1.4em;}
#custom_html-4 h2{margin-top: 40px;}




/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ACCUEIL-----------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*SLIDER ACCUEIL*/
.mainSlider{height:calc(100vh - 43px); position:relative; overflow: hidden;}
.slide{height:100%; width: 100%; position:absolute; overflow: hidden; background-size: cover; background-position: center center;}
.roundcache{position:absolute; bottom:-5vw; height:10vw; background-color: #F7F7F7; width: 100%; border-radius: 50%;}
.mainSlider .titreMainSlide{ /* text-transform: uppercase; */top: 40%; position: initial; text-align: center; font-family: 'Gotham',sans-serif; font-weight: 700; padding: 0px 200px; color: #FFF; text-shadow: 0px 5px 9px black; font-size: 3.9em; line-height: 1.2em; width: 95%; margin-left: auto; margin-right: auto; }

@media (max-width: 1000px) {
	.mainSlider .titreMainSlide {
		width: 90%;
	}

	.mainSlider .slide {
		padding-top: 30vh;
	}
}

/*switch saison*/
div.saisonswitch{cursor:pointer; z-index: 500;width: 60px; height: 130px; background-color: #E51A29; border-radius:30px; position:absolute; top:48%; left:15px;}
div.saisonswitch span.switch{box-shadow: 0px 2px 6px #2d2c2c; width:46px; height: 46px; display:block; position:absolute; left:8px; background-color: #fff; border-radius:23px;}
div.hivertime span.switch{top:8px; transition: all 0.25s ease;}
div.etetime span.switch{top:75px; transition: all 0.25s ease;}
div.saisonswitch span.hiver{width:30px; height: 30px; display:block; margin: 16px auto; position:relative;}
div.saisonswitch span.ete{width:30px; height: 30px; display:block; margin: 37px auto 16px auto; position:relative;}
div.etetime span.hiver g, div.etetime span.hiver path{fill:#fff; transition: all 0.25s ease;}
div.hivertime span.ete g, div.hivertime span.ete path{fill:#fff; transition: all 0.25s ease;}
div.hivertime span.hiver g, div.hivertime span.hiver path{fill:#E51A29; transition: all 0.25s ease;}
div.etetime span.ete g, div.etetime span.ete path{fill:#E51A29; transition: all 0.25s ease;}
div.saisonswitch span.tooltip-saison{display: none; position: absolute; top: 105%; transform: translateY(-50%); left: 60%; background-color: #fff; border-radius: 30px; width: 100px; text-align: center; padding: 10px; transition: all 0.3s ease;}
div.saisonswitch:hover span.tooltip-saison{display: inline;}
/*slide meteo*/
div.meteoslide{transition: all 0.3s ease; width: 230px; height: 272px;position: absolute; right:-30px; top:50%; background-color: #fff; border-radius:30px; transform: translate(0%, -50%) scale(0.9);}
div.meteoslide a.titremeteo{display:block; padding:15px; background-color: #E51A29; border-radius:30px 30px 0px 0px; color:white; font-family: 'Gotham', sans-serif; text-transform: uppercase; font-size: 1em;}
span.meteoclose{color:white; position:absolute; right:45px; top:10px; font-size: 2em; cursor:pointer;}
span.meteoopen{opacity:0; border-radius: 20px 0px 0px 20px; transition: all 0.25s ease; color:white; position:absolute; left: -37px; background-color: #E51A29; padding: 4px 10px 10px 10px; top:50px; font-size: 2em; cursor:pointer;}
span.meteoclose:hover{color:#222;}
span.meteoopen:hover{background-color: #555047;}
div.meteoslide a.contenumeteo{color:#555047; padding:0px 20px 0px 0px; display:block; text-align: center;}
div.meteoslide a.contenumeteo p{margin: 0;}
div.meteoslide a.contenumeteo p.titremeteoslider{font-size: 1.25em;}
.location_name{font-size: 1.4em!important;}
.time_symbol svg{width: 80px!important;height: 80px!important;margin-bottom: 0 !important;}
.time_symbol svg g, .time_symbol svg path{fill:#555047;}
.time_temperature{font-size: 2em!important; font-weight:700;}
.time_temperature:after{font-size: 1.2em!important; font-weight:700; vertical-align: baseline!important;}
.short_condition{font-weight:700; font-size: 1.4em!important; margin-top: 20px!important;}
.animeteo {animation-name:animeteo; animation-duration:0.3s; animation-timing-function:ease;}
@keyframes animeteo {from {transform: translate(100%, -50%);}to{transform: translate(0%, -50%);}}
.animclosemeteo{transform: translate(87%, -50%)!important;}
.animclosemeteo span.meteoopen{opacity:1;}

/*moteur accueil*/
.moteurwrap{position:relative; /*top: -10vw;*/ top: -9vw;}
.moteurwrap .container{background-color: #fff; border-radius:50px; /*padding:50px 40px;*/ padding:40px 40px 20px 40px; box-shadow: 0px 4px 8px #b8b7b7;}
.moteurwrap .row > div{/*padding:0px 20px;*/ padding:0px 10px; text-align: center;}
.moteurwrap .row > div .libel{display:block; color:#FFF; /*margin-bottom: 15px;*/ margin-bottom: 5px; font-size: 1.1em;}
.moteurwrap .ui-widget-header{background: #E51A29;}
.moteurwrap .ui-widget.ui-widget-content{border: 1px solid #848484;}
.moteurwrap .ui-state-active, .moteurwrap .ui-widget-content .ui-state-active{background: #E51A29;}
.moteurwrap .slide-img svg{transform: translateY(-50%);}
.moteurwrap .libel-range{width: 100%; display: block; color: #E51A29!important; font-weight: 700; padding: 7px 17px 7px 44px; font-size: 1.2em; background-color: #fff; margin-bottom: 15px;}
.moteurwrap .row > div svg{/*width: 30px; */width: 20px; /*height: 40px;*/ height: 30px; position: absolute; top: 50%; /*left: 40px;*/  left: 27px;}
.moteurwrap .row > div svg g, .moteurwrap .row > div svg path{fill:#848484;}
.moteurwrap .row > div select{outline: none; width:100%;  -webkit-appearance:none; display:block; color:#E51A29; font-weight:700; border:1px solid #848484; border-radius:40px; -webkit-border-radius: 40px; /*padding: 17px 25px 17px 57px;*/ padding: 7px 17px 7px 44px; font-size: 1.2em; background-color: #fff;}
.moteurwrap .row > div input[type="submit"]{outline: none; /*bottom: -40px;*/ bottom: -25px; position: relative;border: none; font-weight:700; font-size: 1.2em;background-color: #E51A29; color:#fff; border-radius:40px; /*padding:20px 40px;*/ padding:9px 24px;}
.moteurwrap .row > div input[type="submit"]:hover{background-color: #555047;}
/*moteur switch*/
.moteurswitch{position: absolute; user-select:none; /*top: -50px;*/ top: -25px; left: 50%; transform: translateX(-50%); background-color: #fff; border-radius: 50px; /*height: 70px;*/ height: 50px; /*width: 404px;*/ width: 230px; box-shadow: 0px 2px 6px #b8b7b7;}
.moteurswitch .switchmot{position: absolute; transition: all 0.25s ease; top: 5px; left: 5px; /*width: 190px;*/ width: 140px; /*height: 60px;*/ height:40px; background-color: #E51A29; border-radius: 30px;}
.switchmotleft .switchmot{/*left: 207px!important;*/ left: 157px!important;}
.moteurswitch .ongletmot1, .moteurswitch .ongletmot2{/*width: 200px;*/ width: 100%; text-align: center; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); font-size: 1.4em; font-weight: 700; transition: all 0.25s ease;}
.moteurswitch .ongletmot1{color:#fff;}
.moteurswitch .ongletmot2{color:#555047;}
.switchmotleft .ongletmot1{color: #555047!important;}
.switchmotleft .ongletmot2{color: #fff!important;}
#forfaitcont{display: none!important;}
/*fleche mobile*/
#gotorech{display:none;}
/*texte intro*/
.introtxtacc{width:100%; max-width:1400px;margin: auto; font-size: 1.1em; top: -130px; position: relative;}
.introtxtacc h1{color:#E51A29;}
.introtxtacc p{margin: 30px 0px;}


/*SLICK SLIDE GENERAL*/
.slider {width: 100%; margin: 0px;}
.slick-slide {margin: 0px 0px;}
.slick-slide img {width: 100%;}
.slick-slide {transition: all ease-in-out .3s;}
.slick-slider .slick-prev:before{content: '<';}
.slick-slider .slick-next:before{content: '>';}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {font-family: 'slick'; font-size: 25px; line-height: 1; opacity: 1; color: #E51A29; transition: all 0.3s ease 0s;}
.slick-slider .slick-prev, .slick-slider .slick-next{padding: 8px 35px; transition: all 0.3s ease 0s; border-radius:50%;background-color: #fff;z-index:5;font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;-webkit-transform: translate(0, -50%) scaleY(2);-ms-transform: translate(0, -50%) scaleY(2);transform: translate(0, -50%) scaleY(2);cursor: pointer;color: transparent;border: none;outline: none;}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-next:hover:before {color:#fff;}
.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover {background-color: #E51A29;}
.slick-slider .slick-prev{left: calc(5% - 41px);}
.slick-slider .slick-next{right: calc(5% - 41px);}


/*SLICK 5 VILLES*/
#cinqvill{top: -70px; position: relative;}
.insidecinqvill{height:90vh; position: relative; overflow: hidden; background-size: cover; background-position: center center;}
.cinqvillholder{width:40%; left:50%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.cinqvilltitre{font-family: 'Din', sans-serif;text-align: center; font-weight:700; color:#FFF; font-size: 2.8em; line-height: 1.3em; margin-bottom: 8vh;}
a.cinqvilllien{text-align: center; font-weight:700;     border-radius: 40px; color:#fff!important; background-color: #E51A29; padding:13px 34px; text-transform: uppercase; font-size: 1.2em; transition: all 0.3s ease 0s;}
a.cinqvilllien:hover{background-color: #555047;}
.blackfiltre{height:100%; background:rgba(0, 0, 0, 0.2);}
.whiteborder{width:90%; height: 90%; border:1px solid white; position: absolute; top: 5%; left: 5%;}
.cinqvillimgmob{display:none;}



/*SLICK AGENDA*/
#agendaacc{}
.introagenda{max-width: 1200px; margin: auto; margin-bottom: 50px; padding:0px 15px;}
.insideagtop{border-radius: 20px 20px 0px 0px; height: 400px; overflow: hidden; background-size: cover; background-position: center center;}
.insideagtop .agaclieu{font-weight:700; text-transform: uppercase; margin:16px; border-radius:20px; padding:3px 13px; display: inline-block; font-size: 0.9em;background-color: #fff;}
.insideagbottom{transition: all 0.3s ease; border-radius: 0px 0px 20px 20px; padding:30px 30px; background-color: #fff;}
.insideagbottom .agactitre{transition: all 0.3s ease; font-weight:700; text-transform: uppercase; font-size: 1.2em;}
.insideagbottom .agacdate{transition: all 0.3s ease; margin-top:10px;margin-bottom: 10px;}
.insideagbottom .agacdescr{transition: all 0.3s ease; font-size: 1.05em; line-height: 1.3em; }
.agliena{box-shadow: 0px 2px 8px #999; outline:none;}
#agendaacc .slick-slide{margin: 40px; }
#agendaacc .slick-current {transform: scale(1.1); z-index:10;}
#agendaacc .slick-current .insideagbottom{background-color: #E51A29;}
#agendaacc .slick-current .insideagbottom > div{color:white!important;}
#agendaacc .slick-current .insideagbottom > .agacdescr{font-size: 1em;}

#agendaacc .slick-slider .slick-prev, #agendaacc .slick-slider .slick-next{top:105%; background-color: #f7f7f7;}
#agendaacc .slick-slider .slick-prev:hover, #agendaacc .slick-slider .slick-next:hover{background-color: #f7f7f7;}
#agendaacc .slick-slider .slick-prev:hover:before, #agendaacc .slick-slider .slick-next:hover:before {color:#555047;}
#agendaacc .slick-slider .slick-next{right:auto;left:calc(50% + 30px);}
#agendaacc .slick-slider .slick-prev{left:calc(50% - 110px);}

#agendaacc .custom_paging>li{display:none;}
#agendaacc .custom_paging>li.slick-active{display:block;}
#agendaacc .custom_paging{font-size: 1.5em;display: inline-block; padding: 20px; margin: auto; position: absolute; left: calc(50% - 43px); z-index: 50; color: #E51A29;}




/*Social wall*/
.socialmur{margin-top:150px}

/*PAGE TEMPLATE*/
.imgMiseAvant{height: 60vh; overflow: hidden; background-size: cover; background-position: center center;}
.contenuPage{max-width:1500px; margin:auto;}
.blacky{height: 60vh; overflow: hidden; background-size: cover; background-position: center center; background-color: rgba(0,0,0,0.35);;}
h1.titrepage{top: 50%; position: relative; text-shadow:;}

/*FIL ARIANE*/
.ariane{max-width:1400px;margin:auto; position: relative; top: -17px;}
.ariane .contenuariane{color:white; font-size: 0.9em; letter-spacing: 1px; text-transform: uppercase;}
.ariane .contenuariane a{font-weight: 700;}
.ariane .contenuariane a:hover{color:#E51A29;}

/*PAGE LISTE*/
.datepicker__container{
	display: inline-block;
	position: relative;
	border: 1px solid #848484;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	vertical-align: middle;
	background-color: #fff;
}

.datepicker__container label{
	font-weight: bold;
	color: #E51A29;
	font-size: 1.1em;
	padding: 7px 17px 7px 44px;
	position: absolute;
}

.datepicker__container input{
	border: none;
	font-size: 0.9em;
	line-height: 1;
	padding: 30px 17px 7px 44px;
	background: transparent;
	position: relative;
}
.datepicker__container::before{
	content: '';
    display: block;
    position: absolute;
    background-image: url(/wp-content/themes/yatatheme/img/icons/calendar.svg);
    background-size: 20px 30px;
    width: 20px;
    height: 30px;
    filter: opacity(0.5);
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}
#ui-datepicker-div{z-index: 999!important;}
#ui-datepicker-div .ui-widget-header{background: #E51A29; border: none;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default{
	color: #E51A29;
}

#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div .ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div .ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus{
	border: 1px solid #E51A29;
	background:rgba(229, 26, 41, 0.3);
}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight{
	border: 1px solid #E51A29;
	background: #E51A29;
	color: white;
}

#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
#ui-datepicker-div a.ui-button:active,
#ui-datepicker-div .ui-button:active,
#ui-datepicker-div .ui-button.ui-state-active:hover{
	border: 1px solid #E51A29;
}

div.moteurRecherche{position:sticky; position: -webkit-sticky; top:30px; padding-top: 20px; z-index:200;}
div.moteurRecherche #formSearch{background-color: #fff; border-radius: 50px; box-shadow: 0px 4px 8px #b8b7b7; padding: 20px 40px 15px 40px; text-align: center;}
div.moteurRecherche select{outline: none; width: 100%; max-width: 210px; min-width: 210px; -webkit-appearance: none; display: block; color: #E51A29; font-weight: 700; border: 1px solid #848484; border-radius: 40px; -webkit-border-radius: 40px; padding: 7px 17px 7px 44px; font-size: 1.2em; background-color: #fff;}
div.moteurRecherche .div-select{position: relative; display: inline-block; margin: 0 20px;}
div.moteurRecherche .range{max-width: 200px; width: 100%; display: inline-block; vertical-align: middle; position: relative; margin: 0 30px; padding-left: 40px;}
div.moteurRecherche .range .libelle-range{font-size: 1.1em; color: #E51A29; padding: 7px; font-weight: 700;}
div.moteurRecherche .range .ui-widget.ui-widget-content{border: 1px solid #848484;}
div.moteurRecherche .range .ui-slider-range{background: #E51A29;}
div.moteurRecherche .range #min, div.moteurRecherche .range #max{max-height: 12px; max-width: 30px;}
div.moteurRecherche .CAPACITEACCUEIL-range .libelle-range::before{content: ''; display: block; position: absolute; background-image: url('/wp-content/themes/yatatheme/img/icons/bed.svg'); background-size: 20px 30px; width: 20px; height: 30px; filter: opacity(0.5); top: 50%; transform: translateY(-50%); left: 0px;}
div.moteurRecherche .select-COMMUNE::before{content: ''; display: block; position: absolute; background-image: url('/wp-content/themes/yatatheme/img/icons/place.svg'); background-size: 20px 30px; width: 20px; height: 30px; filter: opacity(0.5); top: 50%; transform: translateY(-50%); left: 15px;}
div.moteurRecherche .select-Classement::before{content: ''; display: block; position: absolute; background-image: url('/wp-content/themes/yatatheme/img/icons/calendar.svg'); background-size: 20px 30px; width: 20px; height: 30px; filter: opacity(0.5); top: 50%; transform: translateY(-50%); left: 15px;}
.colonnemap{position: sticky; position: -webkit-sticky; top: 150px; padding-top: 30px; padding-bottom: 40px;}
.colonnemap #mapid0{width:100%; height:calc(100vh - 210px)!important;}
.colonneitems{padding-top: 30px; }
.loadmore{left: 71%; transform: translateX(-50%); position: relative; text-align: center; max-width: 600px;}
.loadmore.sanscarte{left: 50%;}
.voirplus{outline: none; border: none; font-weight: 700; font-size: 1.2em; background-color: #E51A29; color: #fff; border-radius: 40px; padding: 9px 24px; transition: all 0.3s ease;}
.voirplus:hover{background-color: #555047;}
.catItem{/*-webkit-mask-image: -webkit-radial-gradient(white, black);*/ height: 19vw; max-height: 290px; /*<--safari*/ overflow:hidden; position:relative; width:46%; background-color: #fff; margin:2%; float:left; border-radius:30px; box-shadow: 0px 1px 8px #b8b7b7;}
.catItemImg{transition: all 0.3s ease; height:13vw; border-radius: 30px 30px 0px 0px; overflow: hidden; max-height: 200px; background-size: cover; background-position: center center; }
.catItembonsplans{background-color: #E51A29;color: #fff;position: absolute;top: 40px;right: -40px;transform: rotate(45deg);padding: 3px 40px;}
.catItembonsplans.bonsplans-en{top: 35px;}
.catItembonsplans.bonsplans-nl{top: 50px; right: -50px; font-size: 0.9em;}

.catItemrond{left: 50%; box-shadow: inset 0px 4px 2px #9c9a9a; transform: translateX(-50%); position:absolute; top:55%; width:110%; background-color: #fff; border-radius:50%; height:30%;}
.catItemLieu{white-space: nowrap; transition: all 0.3s ease; font-weight: 700; position:absolute; top:48%; left:50%; transform:translateX(-50%); padding: 5px 10px; background-color: #fff; border-radius:30px; box-shadow: 0px 4px 8px #b8b7b7;}
.catItemTitre{height:5vw; position:relative; max-height: 80px;}
.catItemTitre .titre{transition: all 0.3s ease; padding: 0px 15px; font-size: 1.4em;position:absolute; text-align: center; line-height: 1em; top: 54%; width: 100%; left:50%; transform:translate(-50%, -50%);}
.catItemDate{padding: 0px 7px; position: absolute; top: 10px; right: 10px; max-width: 110px; background-color: #E51A29; color: white; border-radius: 24px;}
.catItemLabel{padding: 7px 7px; position: absolute; top: 10px; left: 10px; max-width: 110px; background-color: #fff; color: white; border-radius: 24px;}
.catItemDate .titre{padding: 0px 7px; transition: all 0.3s ease; padding: 0px; font-size: 0.8em; text-align: center; line-height: 0.6em; color: white!important;}
.catItemDate .titre p{color:white; line-height: 1.2em;}

/*MOTEUR AGENDA JOURS/SEMAINES*/
.formreserver{text-align: center;}
.moteurRecherche > #formSearch > p{margin: 0px; display:inline-block; background-color: #dcdcdc; padding:10px; cursor:pointer;}
.moteurRecherche > #formSearch >  p#ongletjour{background-color: #E51A29; color:#555;}
.moteurRecherche #contain_dates{max-width: 830px; border-radius: 30px; padding: 10px; background-color: #dcdcdc; position: relative; width: 100%; margin: auto; margin-bottom: 20px;}
/*bouton prev Next*/
.moteurRecherche #contain_dates > p{background-color: #555047; color:white; border-radius:20px; position:absolute; top:43%; transform:translateY(-50%); width: 40px; height: 40px; text-align: center; line-height: 40px; cursor:pointer; transition: all 0.3s ease; user-select:none;}
.moteurRecherche #contain_dates > .btnPrec{left:13px;}
.moteurRecherche #contain_dates > .btnSuiv{right:13px;}
.moteurRecherche #contain_dates > p:hover{background-color: #E51A29;}
.moteurRecherche #contain_dates > .carousel{width: calc(100% - 100px); margin: auto;}
.moteurRecherche #contain_dates > .carousel > p{padding: 5px 0px; font-size: 0.9em; line-height: 2em; transition: all 0.3s ease; cursor: pointer; border-radius: 20px; min-height: 100px; user-select: none; width: 12.59%; display: inline-block; background-color: white; margin: 0.8%; text-align: center; text-decoration: none; color: #222;}
.moteurRecherche #contain_dates > .carousel > p.psemaine{text-transform: uppercase;padding: 27px 0px; font-size: 1.2em; line-height: 1.1em; transition: all 0.3s ease; cursor: pointer; border-radius: 20px; min-height: 100px; user-select: none; width: 22%; display: inline-block; background-color: white; margin: 0.8%; text-align: center; text-decoration: none; color: #222;}
.moteurRecherche #contain_dates > .carousel > p:hover{background-color: #E51A29; color:white;}
.moteurRecherche #contain_dates > .carousel > p > span{font-size:3em; display:block;}
.moteurRecherche #contain_dates > .carousel > p > span.blocsemaine{font-size:0.8em; display:block;}

/*spécial agenda:animation*/
body.page-id-96 #rechheb>.col-md-3{left: 50%; transform:translateX(-50%);}

.calendselectcase span.joursem{font-size: 1em; display:block;}
.calendselectcase span.numjour{font-size: 3em; display:block;}
.calendselectcase span.mois{font-size: 1em; display:block;}


.catItemStars{position: absolute; width: 100%; text-align: center; transform: translateY(-16px);}
.catItemCles{position: absolute; width: 100%; text-align: center; transform: translateY(-20px);}
.catItemStars img{width: 20px;}
.catItemCles img{width: 80px;}
.catItemDescr{width:100%; font-size: 0.9em; line-height: 1.4em;top:0; padding: 11px 15px; transition: all 0.3s ease; height:13vw; border-radius: 30px 30px 0px 0px; overflow: hidden; max-height: 200px; position:absolute; opacity:0; background-color: rgba(229, 26, 41, .7); color:white;}

.catItem:hover .catItemImg{transform: scale(1.1);}
.catItem:hover .catItemDescr{opacity:1;}
.catItem:hover .catItemTitre .titre{color:#E51A29;}
.catItem:hover .catItemLieu{color:#FFF; background-color: #E51A29;}
.catItem:hover .catItemDate{display:none;}
.catItem:hover .catItemLabel{display:none;}

.toggle {display: inline-block; position: relative; user-select: none; margin:16px 8px;}
.toggle input {position: absolute; z-index: 1; top: auto; height: 1px; width: 1px; overflow: hidden; opacity:0;}
.toggle input + label {margin-left: 45px; cursor: pointer;text-transform: uppercase; color: #848484;}/*texte label*/
.toggle label{margin-top:1px;}
/*fond toggle*/
.toggle input + label::before {content: ''; position: absolute; z-index: 2; top: 2px; left: 0; background-color: #BBB; display: inline-block; height: 20px; width: 40px; border-radius: 10px; transition: background-color 0.3s ease 0s;}
/*bouton toggle*/
.toggle input + label::after {content: '';position: absolute;z-index: 3;top: 4px;left: 2px;height: 16px;width: 16px;background-color: #fff;border-radius: 10px;transition: transform 0.2s ease 0s;}
.toggle input:checked + label::before {background-color: #E51A29;}
.toggle input:checked + label {color: #E51A29;}
.toggle input:checked + label::after {transform: translateX(20px);}/*mouvement*/

.nbresultat{text-align: center; font-size: 1.2em;font-weight: 700; color: #555047; margin-top: 20px;}
.nbrResultContainer{display: inline; margin-right: 6px;}
.nbrResultContainer p{display: inline;}

/*liste sans carte*/
a.boutoncarte{position: relative; bottom: 4px; transform: scale(0.8); padding: 5px 12px 10px 12px;}
a.boutoncarte>span{display: inline-block; font-size: 0.9em; transform: translateY(4px);}
div.sanscarte .colonnemap{display:none;}
div.sanscarte .colonneitems{width:100%!important;}
div.sanscarte .catItem{width:29%!important;}

/*PAGE ITEM*/
.imgMiseAvantItem{position:relative; overflow: hidden; background-size: cover; background-position: center center;}
.blackyItem{height: 70vh; overflow: hidden; background-size: cover; background-position: center center; background-color: rgba(0,0,0,0.35);;}

.imgMiseAvantItem .mySlides {background-position: center center; background-repeat: no-repeat; background-color: #222;display: none; width:100%; height:70vh; overflow: hidden; /*background-size: cover;*/ background-position: center center;}
.imgMiseAvantItem .prev, .imgMiseAvantItem .next {border-radius: 10px; cursor: pointer;position: absolute;top: calc(35vh + 45px);width: auto;margin-top: -22px;padding: 16px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;user-select: none;}
.imgMiseAvantItem .next {right: 0;}
.imgMiseAvantItem .prev:hover, .imgMiseAvantItem .next:hover {background-color: #E51A29; text-decoration: none;color:white;}
.imgMiseAvantItem .dot {box-shadow: 0px 2px 5px #a5a5a5; overflow: hidden; background-size: cover; background-position: center center;transition: all 1s ease; border:2px solid #F7F7F7; cursor: pointer;height: 170px;width: 170px;margin: 12px 12px;background-color: #bbb;border-radius: 30px;display: inline-block;transition: background-color 0.6s ease;}
.imgMiseAvantItem .dots {margin-top:15px; position:relative; background-color: #F7F7F7;text-align: center;}
.imgMiseAvantItem .active{border:2px solid #E51A29; transition: all 1s ease;}

a.boutretour{background-color: #E51A29; color: white; font-size: 1.2em; position: relative; top: -180px; left: 50px; padding: 10px 16px; border-radius: 30px; transition: all 0.3s ease;}
a.boutretour:hover{background-color: #555047;}

.contenuItemhorscadre{text-align: center; font-size: 1.15em; margin:50px auto; padding: 0px 15px; max-width: 1600px;}
.open, .closed{font-size: 1.2em; font-weight: 700; margin:15px auto;}
.open::before{content:"\2022";color:#34d634; font-size: 34px; line-height: 10px;}
.closed::before{content:"\2022";color:red; font-size: 34px; line-height: 10px;}
.contenuItemhorscadre .labelFamillePlus{margin: 10px auto; width: 100px; display: block;}
.catItemLabel .labelFamillePlus{width: 40px;}
/*pour vc qui a aussi une classe open*/
.radial::before{content:""!important;}

.contenuItem{line-height: 1.5em; margin:50px auto; font-size: 1.15em; padding:50px; max-width:1200px; background-color: #fff; box-shadow: 0px 2px 5px #a5a5a5; border-radius:20px;}
.contenuItem h3, .contenuItemhorscadre h3{font-size: 1.2em; margin-top: 30px;}
.contenuItem h3::after, .contenuItemhorscadre h3::after{content:""; display:block; margin: 20px auto 40px auto; width:90px; height:4px; background-color: #E51A29; border-radius: 10px;}
.contenuItem a {text-decoration: underline;}
.contenuItem a:hover {color:#E51A29; text-decoration: none;}
.contenuItem p{margin: 20px 0px;}
.contenuItem .titreinfo{text-align: center; display: block; font-weight: 700;}
.withborder>div{padding:0px 30px; text-align: center;}
.withborder>div.col-md-4:nth-child(-n+3){border-right:1px solid #555047;}

.crossselling a.catItem{display: inline-block; width:30%; margin: 1%; max-width: 440px; margin-bottom: 70px;}

.contenuItem ul {padding:0;}
.contenuItem ul li{display: inline-block; width: 33%;}
.contenuItem ul li::before {content: "\2022"; color: #E51A29; font-size: 25px; line-height: 10px; margin-right: 7px;}


/*PAGE SEARCH*/
.formrech{text-align: center;}
.formrech input:first-child {margin-top: 50px; width: 80%; max-width: 260px; padding: 5px 0px; color: #555047; font-family: 'Din', sans-serif; outline: none; font-size: 1.4em; line-height: 1.3em; border: 0px; background-color: transparent;    border-bottom: 1px solid #555047;}
.formrech input[type="submit"] {font-family: 'Gotham', sans-serif; color: #fff; border: 0px; background-color: #555047; padding: 10px 20px; transition: all 0.25s ease 0s; margin: 10px 10px; border-radius: 26px;}

/*PAGE PARENTE*/
.blocenfant{text-align: center; margin: 50px 0px 0px 0px;}
.blocenfant img{border-radius: 30px;filter: brightness(0.7); transition: all 0.5s ease;}
.blocenfant:hover img{filter: none; transition: all 0.5s ease;}
.titreenfant{text-shadow: 0px 3px 6px black;transition: all 0.3s ease; position: absolute; top: 50%; left: 50%; width: 300px; transform: translate(-50%, -50%); color:white;font-size: 1.8em; font-weight:700; text-transform: uppercase;}
.blocenfant:hover .titreenfant{top:30%;}


/*INFOS PISTES*/
.skiplan fieldset{border:2px solid #666; padding: 35px 0px;}
.skiplan fieldset div{font-size: 1em;}
.skiplan fieldset div.tot{font-size: 2em;text-align: center;}
.skiplan fieldset div.tot span{font-size: 0.5em; text-transform: uppercase;}
.skiplan fieldset legend{text-align: center; text-transform: uppercase; padding: 0px 10px; font-weight: 700;color: #222; line-height: 15px;}
.skiplan .maj{font-size: 0.8em; color: #666; font-weight: 500;text-align: right;}
.pvert{background-color: #5CB85C; border-radius:50%; width:20px; height: 20px; display: inline-block; transform: translateY(4px); margin-right: 6px;}
.pbleu{background-color: #0275D8; border-radius:50%; width:20px; height: 20px; display: inline-block; transform: translateY(4px); margin-right: 6px;}
.prouge{background-color: #961915; border-radius:50%; width:20px; height: 20px; display: inline-block; transform: translateY(4px); margin-right: 6px;}
.pnoir{background-color: #222; border-radius:50%; width:20px; height: 20px; display: inline-block; transform: translateY(4px); margin-right: 6px;}
.pisteV{background-color: #5CB85C; border-radius:50%; width:16px; height: 16px; display: inline-block; transform: translateY(2px); margin-right: 6px;}
.pisteB{background-color: #0275D8; border-radius:50%; width:16px; height: 16px; display: inline-block; transform: translateY(2px); margin-right: 6px;}
.pisteR{background-color: #961915; border-radius:50%; width:16px; height: 16px; display: inline-block; transform: translateY(2px); margin-right: 6px;}
.pisteN{background-color: #222; border-radius:50%; width:16px; height: 16px; display: inline-block; transform: translateY(2px); margin-right: 6px;}
.etiqO{font-size: 0.8em; height: fit-content; background-color: #5CB85C; border-radius: 5px; padding:1px 5px 2px; color:white; margin-left:10px;}
.etiqF{font-size: 0.8em; height: fit-content; background-color: #961915; border-radius: 5px; padding:1px 5px 2px; color:white; margin-left:10px;}
.etiqP{font-size: 0.8em; height: fit-content; background-color: orange; border-radius: 5px; padding:1px 5px 2px; color:white; margin-left:10px;}
.etiqH{font-size: 0.8em; height: fit-content; background-color: #AAA; border-radius: 5px; padding:1px 5px 2px; color:white; margin-left:10px;}
.etiqHP{font-size: 0.8em; height: fit-content; background-color: #AAA; border-radius: 5px; padding:1px 5px 2px; color:white; margin-left:10px;}
.pisteprev{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:0px 50px; border-bottom: 1px solid #e4e4e4;
}
.pisteprev p{text-transform: uppercase; font-weight: 700; margin: 5px 0px;}
.divpistes{max-width: 900px; margin:auto; clear:both;}
.divpistes h3{padding: 50px 0px 20px; font-size: 1.6em;}
.divpistes .col-sm-6:nth-child(3){border-left: 1px solid #bdbdbd;}
img.imgremontees{
	width: 28px; margin-right:6px;
}
.overflowauto{overflow:auto;}

/*CLASSES SPECIALES ETE/HIVER*/
.show-ete{display:none;}
.show-hiver{display:none;}

/*page recherche*/
.pagerecherche{margin-top: 120px;}
.resultats{display: block;}
form.insiderech{width:auto; text-align:center;}
form.insiderech input:first-child{color:#222; border-bottom:1px solid #222;}

.bloclienrech{max-width: 900px; display: block; margin: auto; margin-bottom: 70px;}
.bloclienrech div.miniimgrech{margin-right: 20px; float:left;width:250px; height:117px; overflow: hidden; background-size: cover; background-position: center center;}
.bloclienrech h2.entry-title{margin: 15px 0px 0px 0px; text-align: left; font-size: 2em;}
.bloclienrech h2.entry-title::after{margin: 20px auto 20px auto!important;}
.bloclienrech p{}
/*.bloclienrech::after{content:"";width:200px;height:2px;background-color: #ec6088; display:block; margin: 35px auto;}*/
.bloclienrech:hover h2.entry-title{color: #E51A29; text-align: left;}

.iframepistes>div>iframe{height: calc(47.5vw - 30px); max-height: 682px;}

.wpb_text_column .wpb_wrapper p a{color:#E51A29; text-decoration: underline;}

/*FORMULAIRE CONTACT*/
form.wpcf7-form > p{text-align: center;}
form.wpcf7-form > p > span > input, form.wpcf7-form p span select{/*text-transform: uppercase;*/ padding: 15px; width: 48%; margin: 1%;border: 1px #CCC solid; display: inline-block;}/*Champs nom et email*/
form.wpcf7-form > p > span > textarea{padding: 15px; width: 98%; margin: 1%;border: 1px #CCC solid; display: inline-block;}
form.wpcf7-form > p > span.objet > input{width: 98%;}/*Champ Objet*/
form.wpcf7-form > p > input{border-radius:30px;background-color:#E51A29; color:white; text-transform:uppercase; font-family:'Open Sans',sans-serif; font-size:14px; display:inline-block; border:none; transition:all 0.5s ease 0s; padding: 15px 70px; margin-top:10px;margin-bottom: 50px;}/*Bouton submit*/
form.wpcf7-form > p > input:hover{background-color:#555047;}
/*form newsletter*/
#wpcf7-f50859-p47067-o1 form{max-width:1100px; margin:auto;}
#wpcf7-f50859-p47067-o1 span.email > input{width: 98%;}/*Champ Email*/
span.checkbox-517{margin: 15px 0px; display: inline-block;}

/*METEO LUMIPLAN*/
div.datelive{font-weight: 700; text-align: center; margin-bottom: 30px;}
.meteolumiplan{border: 1px solid #e2e2e2; color: #555047; font-size: 1.2em; width: 46%; margin: 0 2%; border-radius: 20px; padding: 20px}
.meteolumiplan h3{font-size: 1.8em; margin-bottom: 20px;}
.meteolumiplan p{margin: 0px 0px;}
.meteolumiplan .ligne{display: flex; justify-content: space-between; align-items: flex-start; border-top: 1px solid #e2e2e2; padding: 10px 0;}
.meteolumiplan .mav{margin-bottom: 20px; border-top: 0px solid #e2e2e2;}
.meteolumiplan .ligne>div{text-align: center;}
.meteolumiplan .ligne img{display: block;}
.meteolumiplan b{ font-size: 0.9em;}
.meteolumiplan em{text-transform: none; font-size: 0.9em; text-decoration:;}
.previsionlumiplan{width: 29%; margin-top: 50px;}
.previsionlumiplan h4{font-size: 1.3em;}
.previsionlumiplan .ligne{justify-content: space-around;}

.wpcf7-recaptcha>div{margin:auto;}

/*ESPACE PRO*/

.titrepageLogin {
	text-transform: unset;
	margin-top: 200px;
	margin-bottom: 50px;
	color: rgb(97, 97, 97);
}

.post-password-form {
	display: block;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

.post-password-form > p:first-child {
	display: none;
}

.post-password-form > p:nth-child(2) {
	display: block;
	width: 100%;
}

.post-password-form > p:nth-child(2) > label {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 30px;
}

.post-password-form > p:nth-child(2) > input {
	display: block;
	width: 22%;
    padding-top: 1%;
    padding-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 40px;
	background-color: #E51A29;
	border: none;
	color: white;
	transition: 0.4s all ease-in-out;
}

.post-password-form > p:nth-child(2) > input:hover {
	background-color: #555047;
	transition: 0.4s all ease-in-out;

}

.sub-login-espace-pro {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.sub-login-first-part {
	text-align: center;
}

.sub-login-second-part {
	text-align: center;
}

.sub-login-second-part > a {
	color: #E51A29;
	text-decoration: underline #E51A29;
	transition: 0.4s all ease-in-out;
}

.sub-login-second-part > a :hover {
	color: #555047;
	text-decoration: underline #555047;
	transition: 0.4s all ease-in-out;
}

.lil-border-red {
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #E51A29;
	margin-bottom: 150px;
}


@media screen and (max-width: 800px) {

	.post-password-form > p:nth-child(2) > label {
		display: block;
		width: 100%;
	}

	.post-password-form > p:nth-child(2) > label > input {
		display: block;
		width: 150px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.post-password-form > p:nth-child(2) > input {
		width: 80%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}





/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*-----------------------!----R----E----S----P----O----N----S----I----V----E----!-----------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------1730 PX----------------------------------------------------*/
@media screen and (max-width: 1730px) {
/*.stickyHeader span.villstat{display: none;}*/
}


/*------------------------------------------------1300 PX----------------------------------------------------*/
@media screen and (max-width: 1300px) {
.stickyHeader span.villstat{display: none;}
#ssmenu0 .lienMenu{font-size: 1.2em;}
.catItemTitre .titre{font-size: 1.9vw;}
}





/*------------------------------------------------1220 PX----------------------------------------------------*/
@media screen and (max-width: 1220px) {
.stickyHeader .cinqvill{display: none;}
/*5 villages menu*/
#ssmenu0 div.firstmenu48115{display:block;}
#ssmenu0 div.firstmenu48125{display:block;}
#ssmenu0 div.firstmenu48126{display:block;}

.moteurwrap .row > div input[type="submit"]{padding: 20px 15px;}
.introtxtacc{top: -60px;}
#agendaacc .slick-slide{margin: 10px; }
}



/*------------------------------------------------1140 PX----------------------------------------------------*/
@media screen and (max-width: 1140px) {
	.modal a.prev, .modal a.next{position: relative; left: auto; right: auto; top: auto; transform: none;}

}


/*------------------------------------------------991 PX----------------------------------------------------*/
@media screen and (max-width: 991px) {
.mainSlider .titreMainSlide{  font-size: 3.2em;  }

.moteurwrap .row > div input[type="submit"]{padding: 20px 40px;}
/*menu burger*/
a.imageMenu300{display:none;}
.imageMenu300resp{display:block; color: #E51A29!important;}
.menu .menuContent{width: 62vw; right: 34vw;}
.menu #ssmenu0{width: 30vw; right: 2vw;}

.catItem{width: 96%; height:30vw;}
.catItemImg, .catItemDescr{height:21vw;}
.catItemrond {top:56%;}
div.moteurRecherche{position:relative;}
.colonnemap{    top: 0px; padding-top: 20px;}
.colonnemap #mapid0{height: calc(100vh - 40px)!important;}
.moteurliste .toggles{margin-top: 50px;}
.toggle{margin: 15px 15px;}
.contenuItem ul li{width: 50%; padding: 0px 5px;}

.nbresultat{margin-top: 50px;}
}


/*------------------------------------------------768 PX----------------------------------------------------*/
@media screen and (max-width: 768px) {


	.meteolumiplan{width: 96%!important;}
	.headericonresp{display:block; margin-bottom: 70px;}
	.menu #ssmenu0 {padding: 160vh 0px;}
	.mainSlider .titreMainSlide{  padding: 0px 10px;  font-size: 2.7em;  }
	/*header*/
	.preheader{display: none;}
	.nav-top{top:0px;}
	.mainLogo{width: 65%; margin: 0 15%; text-align: center; top:10px; transform:none; z-index: 10;}
	.mainLogo img{height: 15vw!important; max-height: 70px;}
	.stickyHeader{height: 22vw; max-height: 90px;}
	.mainSlider{top:70px;}
	.stickyHeader .headright{position:absolute; top:0px;transform: translateX(-50%); float:none; left:50%; width: 100%;}
	.headright .boutPleinRouge{display: none;}
	.headright .icone{float:left; padding: 16px;}
	.stickyHeader a.icone svg{width: 22px;height: 22px;}
	.headright .burger{float: right; padding: 16px;}
	a.burger svg{width: 30px;height: 30px;}
	.wpml-ls{display: none;}
	.headericonresp .wpml-ls{display: inline-block; margin-right: 10px;}
	.headericonresp .wpml-ls-legacy-dropdown a {color: #FFF!important; border: 0px solid #E51A29!important; background-color: transparent!important;}
	.headericonresp a.boutPleinRouge {background-color: transparent; padding: 8px 7px;}
	#cametpistes{display:none;}
	#widget-panier{top:15px;}
	/*menu*/
	.menu{padding: 15px; border-right:0px;}
	.menuContent .lienMenu{font-size: 0.95em; padding: 1.2vh 1vw;}
	.menuContent .menuniv3  .lienMenu{font-size: 0.95em; padding:0;}
	.menuContent .menuniv3  a{ padding: 0.8vh 1vw!important;}
	div:not(.menuniv3)>.titreMenu{font-size: 1.2em; cursor:pointer;
    color: #e51a29;
    margin-bottom: 20px;
    margin-left: 15px;
    text-align: left; display:block; font-weight: bold;}
    div:not(.menuniv3)>.titreMenu:hover{}
	.titreMenu > .flechemenu{margin-top: -23px;}
	.lienMenu .flechemenu{opacity:1; transform: translateX(9px);}
	.menu .menuContent{width: 94%;     top: -30vh; min-height: 50vh; padding: 20px 10px 40px 10px;
    left: 3%;     box-shadow: none;
    right: 3%; z-index:2000; text-align: center;}
	.menu #ssmenu0{width: 100vw; right: 0; text-align: center; border-radius: 0px;}
	#ssmenu0 .lienMenu .flechemenu{display: none;}

	/*divers général*/
	a.boutPleinRouge{padding: 8px 20px; font-size: 0.9em; margin: 5px;}
	.modalContent{padding: 30px 5px 5px 5px;}
	div.saisonswitch{width: 49px; height: 100px; top: 80px; left: 35px; transform: rotate(-90deg);}
	div.saisonswitch span.tooltip-saison{display: none!important;}
	div.saisonswitch span.switch{width: 37px; height: 37px; left: 6px;}
	div.saisonswitch span.hiver{width: 25px; height: 25px; margin: 10px auto;}
	div.saisonswitch span.ete{width: 25px; height: 25px; margin: 30px auto 10px auto;}
	div.hivertime span.switch{top: 4px;}
	div.etetime span.switch{top: 58px;}
	/*meteo*/
	.meteoclose{display: none!important;}
	.contenumeteo{display: none!important;}
	div.meteoslide{overflow:hidden; border-radius: 30px 30px 0px 0px; width: 130px!important; height: 30px!important; transform: rotate(-90deg)!important; right: -50px!important;}
	div.meteoslide a.titremeteo{background-color: #fff!important; color:#555047!important; font-size: 0.8em; padding: 7px;}
	/*fleche scroll*/
	#gotorech{z-index:1500; display:block; padding: 13px 12px 5px 12px;position: absolute ;top: -110px;left: calc(50% - 25px);cursor: pointer;background-color: #fff;border-radius: 25px;}
	#gotorech svg{width: 25px;height: 25px;}
	#gotorech svg g, #gotorech svg path{fill:#E51A29;}
	/*texte intro*/
	.introtxtacc{top: -10px;}
	/*slide5villages*/
	.slick-slider .slick-prev, .slick-slider .slick-next, .blackfiltre, .whiteborder{display:none!important;}
	.cinqvillholder{background-color:#FFF;border-radius:30px;}
	.cinqvilltitre{color:#555047; font-size: 1em; margin-bottom: 20px; margin-top: 20px;}
	.insidecinqvill{height: 520px; background-image: none!important; font-size: 1.8em; margin-bottom: 50px; margin-top: 30px;}
	.cinqvillholder {box-shadow: 0px 1px 8px #6e6e6e;padding: 1px 20px 30px 20px;width: 85%;left: 0;text-align: center;position: relative;margin: auto;top: -100px;transform: none;}
	.cinqvillimgmob{height: 400px;display:block; position: relative; overflow: hidden; background-size: cover; background-position: center center;}
    a.cinqvilllien{padding: 15px 30px; font-size: 0.6em;}
    /*agenda accueil*/
    .insideagtop{height: 300px;}
    #agendaacc .slick-current {transform: scale(1);}
    /*footer*/
    .footersocialbarre p{display: none;}
    .footergauche, .footercentre, .footerdroite{text-align: center;}
    footer h2{text-align: center;}
    .footerdroite{display: none;}
    footer #custom_html-2 h2{font-size: 1.7em!important;}
    .lignementions .menu li{margin: 10px 10px;}
	/*vue liste*/
	div.moteurRecherche #formSearch{padding: 15px 15px 15px 15px;}
    .colonnemap #mapid0 {height: calc(60vh - 40px)!important;}
    .colonnemap{position: relative;}
    .loadmore{left: 50%;}
    .catItem{   max-height:none; width: 96%; height: 60vw;}
    .catItemImg{max-height:none;}
    .catItemImg, .catItemDescr{height: 42vw;}
    .catItemrond {top: 35vw;}
	.catItemLieu{top:32vw;}
	.catItemStars {display:none;}
	.catItemTitre {height:15vw;     min-height: 60px;}
	.catItemTitre .titre{font-size: 1em;}
	.catItem:hover .catItemDescr {opacity: 0;}
	.toggle input + label{font-size: 0.8em;}
	.toggle {margin: 8px 5px;}
	div.sanscarte .catItem{    width: 46%!important;}
	/*template page*/
	.imgMiseAvant, .blacky{height:45vh;}
	/*vue item*/
	.imgMiseAvantItem .dots{display:none;}
	.withborder>div.col-md-4:nth-child(-n+3){border-right: 0px solid #555047;}
	.crossselling a.catItem{width:80%;max-width:none;}
	.imgMiseAvantItem .prev:hover, .imgMiseAvantItem .next:hover{background-color: transparent;}
	.titre-selection h1{font-size: 1.3em;}

	.ariane{display:none;}


	.moteurRecherche #contain_dates > .carousel > p{width:22%;}
	.moteurRecherche #contain_dates > .carousel > p.psemaine{width: 42%;}

	a.boutretour{    top: -50px;
    left: 14px;}
}


/*------------------------------------------------500 PX----------------------------------------------------*/
@media screen and (max-width: 500px) {

	.mainSlider .titreMainSlide{  font-size: 1.8em; top:30%; }

	.preheader span{display:none;}
	.menuContent .lienMenu a.bouton{margin-top:0px;}
	#widget-panier{display:none;}

	.moteurwrap .row > div .libel{margin-bottom: 0px; margin-top: 15px;}

	.moteurswitch{width: 204px;}
	.moteurswitch .ongletmot1, .moteurswitch .ongletmot2{width: 100%;}
	.moteurswitch .switchmot{width: 90px;}
	.switchmotleft .switchmot{left: 107px!important;}
	.moteurwrap .container{padding: 30px 5px 60px 5px;}
	.moteurwrap .row > div svg{top:40%;}
	.moteurwrap .slide-img svg{top: 10%!important; transform: translateY(-10%);}
	.moteurwrap .row > div select{font-size: 0.95em;}
	div.sanscarte .catItem{    width: 97%!important;}

	/*vue item*/
	.contenuItemhorscadre, .contenuItem{font-size: 1em;}
	.contenuItem{padding:15px;}
	.crossselling a.catItem{width: 90%;}
	h1.titrepage{    padding: 0px 40px;}

	.contenuItem ul li{width: 100%;}

	.moteurRecherche #contain_dates > .carousel > p{width:47%;}
	.moteurRecherche #contain_dates > .carousel > p.psemaine{width: 90%;}

}