@media only screen and (max-width: 1050px) {
menu .nav .bouton { margin: 0 10px }
}

@media only screen and (max-width: 1000px) {
.mobile { display: block }
.fancybox-slide { padding: 20px !important }
.fancybox-content { width: 100% !important }
menu { height: 60px; }
menu .logo img { height: 40px; margin: 10px 0 0 10px }
menu nav,
menu .ident,
menu .ident .btn_connexion,
.home .encart .conf .prog { display: none }
.navmobile { float: right; margin-right: 10px }
.navmobile a { float: right; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; margin: 10px 0 0 0 }
.navmobile a img { height: 22px; margin-top: 9px }
.menumobile { overflow-y: scroll; overflow-x: hidden; display: none; position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background-color: #0c018a; z-index: 10; font-weight: bold }
.menumobile a { font-family: 'Titre'; font-weight: normal; display: block; color: #FFF; font-size: 19px; padding: 12px 10px; border-top: 1px solid #223ec8 }
.menumobile .schild { padding: 12px 30px }
header nav { display: none }
.menumobile .back { font-size: 20px; font-weight: normal }
.menumobile .back span { }
.home { height: auto }
.home .slogan { position: static; padding: 100px 40px 40px 40px }
.home .slogan h1 { font-size: 34px; line-height: 40px; margin-bottom: 10px }
.home .slogan h2 { font-size: 24px; line-height: 26px }
.home .zone { position: static; padding: 0 20px; transform: none; height: auto }
.home .encart { height: 270px; width: 100%; position: static; margin-bottom: 40px }
.home .zone .stitre { padding-left: 0 }
.home .zone .stitre h3 { position: static; display: inline-block; font-size: 20px; }
.home .zone .stitre h3:nth-child(2) { display: none }
.home .encart .conf { padding: 15px }
.home .encart .conf .titre a { font-size: 18px; }
.home .encart .conf .titre { line-height: 18px }
.arianne { margin-bottom: 40px; margin-top: 60px; font-weight: bold }
.page h1 { font-size: 30px; color: var(--couleur); margin-bottom: 20px }
.texte { margin-bottom: 50px; line-height: 25px; padding: 20px 10px 0 10px; font-size: 16px }
.footer { position: static }
.compte { padding: 30px 30px; margin: 0 auto 50px auto; max-width: auto }
.compte .deco { top: -30px; right: 20px; background-color: #FFF }
.confs ul { width: 100%; margin-right: 0; margin-bottom: 40px }
.confs .desc { aspect-ratio: auto; padding-bottom: 25px }
.filtres select,
.filtres input { width: 100%; margin-right: 0; margin-bottom: 5px }
.fiche .photo { display: block; width: 100%; aspect-ratio: 1/1 }
.fiche .desc { display: block; padding: 30px; height: auto; width: 100% }
.compte .abo { height: auto; }
.compte .abo .mode { width: 100% }
.compte .abo .desc { height: auto; border-left: none; width: 100%; text-align: center }
}