@media(max-width:1600px){
  .sous-home .bloc_img_txt{max-width: 100%;}
  .sous-home .bloc_img_txt .bloc-img{margin-right:0}
  .sous-home .bloc_img_txt.droite .bloc-img{margin-left:0}
  .sous-home .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .sous-home .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .sous-home .bloc_img_txt.droite .bloc-img::after{content:""}
  .sous-home .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .sous-home .item-col:first-child::before{left:0;bottom:0}
  .homepage .bloc_img_txt{max-width: 100%;}
  .homepage .bloc_img_txt .bloc-img{margin-right:0}
  .homepage .bloc_img_txt.droite .bloc-img{margin-left:0}
  .homepage .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .homepage .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .homepage .bloc_img_txt.droite .bloc-img::after{content:""}
  .homepage .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .homepage .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .fiche-actualite .bloc_img_txt{max-width: 100%;}
  .fiche-actualite .bloc_img_txt .bloc-img{margin-right:0}
  .fiche-actualite .bloc_img_txt.droite .bloc-img{margin-left:0}
  .fiche-actualite .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .fiche-actualite .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .fiche-actualite .bloc_img_txt.droite .bloc-img::after{content:""}
  .fiche-actualite .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .fiche-actualite .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .equipe .bloc_img_txt{max-width: 100%;}
  .equipe .bloc_img_txt .bloc-img{margin-right:0}
  .equipe .bloc_img_txt.droite .bloc-img{margin-left:0}
  .equipe .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .equipe .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .equipe .bloc_img_txt.droite .bloc-img::after{content:""}
  .equipe .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .equipe .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .fiche-espace .bloc_img_txt{max-width: 100%;}
  .fiche-espace .bloc_img_txt .bloc-img{margin-right:0}
  .fiche-espace .bloc_img_txt.droite .bloc-img{margin-left:0}
  .fiche-espace .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .fiche-espace .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .fiche-espace .bloc_img_txt.droite .bloc-img::after{content:""}
  .fiche-espace .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .fiche-espace .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .page .mixed-content .bloc_img_txt{max-width: 100%;}
  .page .mixed-content .bloc_img_txt .bloc-img{margin-right:0}
  .page .mixed-content .bloc_img_txt.droite .bloc-img{margin-left:0}
  .page .mixed-content .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .page .mixed-content .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .page .mixed-content .bloc_img_txt.droite .bloc-img::after{content:""}
  .page .mixed-content .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .page .mixed-content .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}

  #fullpage .section-1{padding-top:0}
  #fullpage .section-1 .container{max-width: 75%;}
  #fullpage .section-1 .title{font-size:40px}
  #fullpage .section-1 .desc{margin-left:10%;padding:50px 25px}
  #fullpage .section-1 .date{font-size:41px}
  #fullpage .section-1 .minor{margin-right: 0;max-width: 35%;margin-top: -119px;}
  #fullpage .section-1 .img-mask::before{top:-15px}
  #fullpage .section-1 .next-step{margin-top:-50px;font-size:40px}
  #fullpage .date{font-size:45px}
  #fullpage .title{font-size:40px}
}
@media(max-width:1200px){
  table{width:100%!important}
  .container .container{width: auto;}
  .item-espace > div{min-height: 90px;}
  .fiche-partenaire .partenaire-head-txt{margin-left:-20px}
  .fiche-partenaire .head-partenaire h1{font-size:35px}
  .path-webform .description{width: 90%;}
  .path-webform #edit-rgpd{top:5px}
  .main-menu .sub a{line-height: 1.2;padding:5px 0}
  .fiche-evenement .blue-bloc .event-link-festival a{max-width: 90%;position: relative;top: 10px;padding:0}
  .page .galerie .grid-sizer,.page .galerie .grid-item,.fiche-actualite .galerie .grid-sizer,.fiche-actualite .galerie .grid-item,.fiche-partenaire .partenaire-galerie .grid-item,.fiche-partenaire .partenaire-galerie .grid-sizer, .fiche-espace .galerie .grid-sizer, .fiche-espace .galerie .grid-item,.fiche-evenement .galerie .grid-item,.fiche-evenement .galerie .grid-sizer,.fiche-presse .galerie .grid-item,.fiche-presse .galerie .grid-sizer{width:23%}
}

@media(max-width:1100px){
  .offre .offre-mav .anchors{top:25%}
  .homepage .que-faire{height: auto ;}
  .homepage .que-faire .grid-item{padding:0 5px}
  .homepage .que-faire .item-1{height: auto;}
  .homepage .que-faire .item-1 .item-img img{width:auto;max-width: 70%;}
  .homepage .que-faire .grid-item.big-elem .item-title{left:3%}
  .homepage .que-faire .item-2{max-height: 360px;}
  .homepage .event-mav:before{height:270px}
  .homepage .event-mav-main .event-surtitre,.homepage .event-mav-main .event-date{font-size:14px}
  .homepage .event-mav-main .event-title{font-size:28px}
  .homepage .sub-events .event-title{font-size:28px;padding:10px 0}

  .view-calendrier.view-display-id-block_1 h2{font-size:28px;margin-top:7px}
  .events-list tr td:first-child{padding:10px 10px 10px 0}
  .events-list .event-content{font-size:14px}
  .events-list .event-book{font-size:12px;width:20%}
  .see-all{font-size:12px}
  .homepage .collections .collections-txt h2{font-size:24px}
  .homepage .collections .collections-txt p{font-size:14px}
  .homepage .collections .collection-buttons{height: auto;margin-top:10px}
  .homepage .collections .collection-buttons a{width:auto;font-size:10px;margin:4px 0}
  .homepage .mixed-content{padding-top:50px}
  .homepage .bloc_img_txt{margin:50px 0 0}
  .homepage .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .homepage .bloc_img_txt .bloc-texte .inner{max-width: 50%;}
  .homepage .bloc_img_txt.bleu .bloc-texte,.homepage .bloc_img_txt.gris .bloc-texte{padding:60px 70px;min-height:auto}
  .homepage .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:28px}
  .homepage .bloc_img_txt.bleu .lien{clear:both;font-size:10px}
  .homepage .bloc_img_txt .bloc-texte p{font-size:14px}
  .homepage .item-col .item-texte{padding:20px}
  .homepage .item-col .item-texte h2{margin-top:0;font-size:28px}
  .homepage .item-col .item-texte p{font-size:14px}
  .homepage .item-col .item-texte .lien{clear:both;font-size:10px}
  .homepage .item-col:first-child::before{bottom: 28px;left: 24px;}

}
@media(max-width:1000px) and (min-width:770px){
  .menu--menu-programmation{height:70px}
  .menu--menu-programmation > li > a{font-size:9px;max-width:200px}
}

@media(max-width:998px){
  .black-header .main-message{font-size:12px;line-height: 40px;}
}

@media(max-width:1024px) and (min-width:769px){
  .header .logo{margin:10px 0 0 -15px}
  
  .sous-home .bloc_img_txt .bloc-img{margin-right:0}
  .sous-home .bloc_img_txt.droite .bloc-img{margin-left:0}
  .sous-home .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .sous-home .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .sous-home .bloc_img_txt.droite .bloc-img::after{content:""}
  .sous-home .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .sous-home .item-col:first-child::before{left:0;bottom:0}
  .page .mixed-content .bloc_img_txt .bloc-img{margin-right:0}
  .page .mixed-content .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .page .mixed-content .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .fiche-actualite .bloc_img_txt .bloc-img{margin-right:0}
  .fiche-actualite .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .fiche-actualite .bloc_img_txt .bloc-texte .inner{max-width:48%}
  .fiche-partenaire blockquote{max-width: 80%;}
  .fiche-evenement .blue-bloc .event-link-festival a{max-width: 85%;position: relative;top: 10px;}

  .page .galerie .grid-sizer,.page .galerie .grid-item,.fiche-actualite .galerie .grid-sizer,.fiche-actualite .galerie .grid-item,.fiche-partenaire .partenaire-galerie .grid-item,.fiche-partenaire .partenaire-galerie .grid-sizer, .fiche-espace .galerie .grid-sizer, .fiche-espace .galerie .grid-item,.fiche-evenement .galerie .grid-item,.fiche-evenement .galerie .grid-sizer,.fiche-presse .galerie .grid-item,.fiche-presse .galerie .grid-sizer{width:23%}
  .page .galerie .grid-item.grid-item--width2,.fiche-actualite .galerie .grid-item.grid-item--width2,.fiche-presse .galerie .grid-item.grid-item--width2{width:48%}
}
@media(max-width:768px){
  .view-content.row .row{margin:0}
  .main-menu{padding:0 15px}
  .main-menu .logo-blanc{margin: 10px 0 20px 0px;}
  .main-menu .closer{top:50px;right:0;left: initial;}
  .main-menu .row{margin:0}
  /* .main-menu .has-child{width:50%} */
  .main-menu .sub a{line-height: 1.2;padding:5px 0}
  /* .menu--menu-secondaire{padding-left:0;border-left:0;border-top:1px solid #fff;padding-top:20px  } */
  .logo-resp,.menu-resp{display: inline-block;}

  .first-element{margin-bottom:30px}
  /* .black-header .main-message{display: none;} */
  .black-header .block-container .billeterie{position: initial;top:0;display: inline-block;padding: 0 5px;height: 40px;line-height: 40px;}
  .black-header .block-container .billeterie i {font-size:20px}
  .black-header .block-container .calendrier a, .black-header .block-container .recherche a, .black-header .block-container .user-account a.dropdown-toggle{padding:0 5px}
  /* .black-header .block-container .billeterie{padding:0px;top:39px} */
  .black-header .block-container .billeterie div,.black-header .block-container .calendrier{display: none;}
  .black-header .block-container .menu-resp, .black-header .block-container .logo-resp{display: inline-block;padding:0 5px;position:relative}
  .second-element{display:none}
  .lang{padding:0 10px}

  /* footer */
  .footer{padding-top:20px}
  footer .first-footer{text-align: center;}
  footer .first-footer .rs-follow{margin-right:0;font-size:10px}
  footer .first-footer .rs-list{padding:0;text-align: center;width:100%}
  footer .first-footer li{margin:0 10px}
  footer .first-footer li a::after{right:-15px}
  footer .first-footer .newsletter{float:none;text-align: center;padding-top:15px}
  footer .first-footer .newsletter a{font-size:10px}
  footer .first-footer .newsletter a i{font-size:18px;margin-left:10px}
  footer .second-footer{padding:20px 15px}
  footer .second-footer .footer-adress{clear:both;float:none;margin:0 auto;margin-top:90px}
  footer #block-custom-theme-footer .menu--footer a{padding: 5px 10px}

  .header .logo{margin:10px 0 0 -10px}
  .homepage .home-mav .main-txt::after{left:-25px}
  .homepage .home-mav .main-txt .mav-title{font-size:35px}
  .homepage .que-faire .grid-item{padding:0 5px}
  .homepage .que-faire .item-1{height: auto;}
  .homepage .que-faire .item-1 .item-img img{width:auto;max-width: 70%;}
  .homepage .que-faire .item-2{max-height:initial;height: auto;}

  .homepage .que-faire .grid-item.big-elem .item-title{left:3%;text-align: left;font-size:12px;}

  .homepage .event-mav:before{height:270px}
  .homepage .event-mav-main .event-surtitre,.homepage .event-mav-main .event-date{font-size:14px}
  .homepage .event-mav-main .event-title{font-size:28px}
  .homepage .sub-events .event-title{font-size:28px;padding:10px 0}

  .view-calendrier.view-display-id-block_1 h2{font-size:28px;margin-top:7px}
  .events-list tr td:first-child{padding:10px 10px 10px 0}
  .events-list .event-content{font-size:14px}
  .events-list .event-book{font-size:10px;width:20%}
  .see-all{font-size:10px}

  .homepage .infos-pratiques .infos-content{padding:10px 0 20px}
  .homepage .infos-pratiques .infos-content p{font-size:14px}
  .homepage .infos-pratiques .infos-content a{font-size:10px}

  .homepage .collections .collections-txt h2{font-size:24px}
  .homepage .collections .collections-txt p{font-size:14px}
  .homepage .collections .collection-buttons{height: auto;margin-top:10px}
  .homepage .collections .collection-buttons a{width:auto;font-size:10px;margin:4px 0}

  .homepage .mixed-content{padding-top:50px}
  .homepage .bloc_img_txt{margin:50px 0 0}
  .homepage .bloc_img_txt .bloc-img{right:5%}
  .homepage .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .homepage .bloc_img_txt .bloc-texte .inner{max-width: 50%;}
  .homepage .bloc_img_txt.bleu .bloc-texte,.homepage .bloc_img_txt.gris .bloc-texte{padding:60px 70px;min-height:auto}
  .homepage .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:28px}
  .homepage .bloc_img_txt.bleu .lien{clear:both;font-size:10px}
  .homepage .bloc_img_txt .bloc-texte p{font-size:14px}
  .homepage .item-col .item-texte{padding:20px}
  .homepage .item-col .item-texte h2{margin-top:0;font-size:28px}
  .homepage .item-col .item-texte p{font-size:14px}
  .homepage .item-col .item-texte .lien{clear:both;font-size:10px}
  .homepage .item-col:first-child::before{bottom: 28px;left: 24px;}


  .espace-map .info{position: absolute;left:10%;bottom:20%}
  .espace-map .info.accueil{left:49%;bottom:12%}
  .espace-map .info.salle{left:30%;bottom: 12%;}
  .espace-map .info.cloitre{left:70%;bottom:12%}
  .espace-map .info.spectacle{left:49%;bottom:23%}
  .espace-map .info.jeunesse{left:49%;bottom:35%}
  .espace-map .info.galerie{left:54%;bottom:23%}
  .espace-map .info.fablab{left:90%;bottom:35%}
  .espace-map .info.cheval{left:90%;bottom:23%}
  .vous-item{min-height: 360px;}
  .actu-item .actu-title{font-size:24px}
  .actu-item .actu-sstitre{font-size:14px}
  .actu-item .actu-date{font-size:10px}

  .offre .offre-content{margin-top:-60px}

  .page .content .align-left,.page .content .align-right{padding:0;padding-bottom:10px;display:block;float:none}
  .page .galerie .grid-sizer,.page .galerie .grid-item{width:23%}
  .page .galerie .grid-item.grid-item--width2{width:48%}

  .fiche-evenement .main-txt .event-title{font-size:30px}
  .fiche-evenement .blue-bloc .event-link-festival a{width:80%;padding: 0;word-break: break-word;font-size:12px;margin-top:5px}

  .view-programmation{padding: 0 15px}
  #block-programmation-block-1 .right-bg{min-height: 250px;}
  #block-programmation-block-1 .main-txt::after{left:-15px}
  .menu--menu-programmation{height: auto;width: 100%;}
  .menu--menu-programmation li{float:none}

  #fullpage .section-1{padding-top: 100px;}
  #fullpage .section-1 .container{max-width: 100%;}
  #fullpage .section-1 .date{font-size:30.5px;top:10%}
  #fullpage .section-1 .minor{margin-right: 4%;max-width: 30%;margin-top: -88px;}
  #fullpage .title{font-size:30px}
  #fullpage .normal{background-size:80%!important;background-position: right center!important;}

  #old_mdp{width:100%}
}
@media(max-width:767px) and (min-width:481px) {
  .view-content.row .row{margin:0}
  .main-menu{padding:0 15px}
  .main-menu .logo-blanc{margin: 10px 0 20px 0px;}
  .main-menu .closer{top:50px;right:0;left: initial;}
  .main-menu .row{margin:0}
  .main-menu .has-child{width:50%}
  .menu--menu-secondaire{padding-left:0;border-left:0;border-top:1px solid #fff;padding-top:20px  }
  .main-message{display:none}
  

  /* footer */
  .footer{padding-top:20px}
  footer .first-footer{text-align: center;}
  footer .first-footer .rs-follow{margin-right:0;font-size:10px}
  footer .first-footer .rs-list{padding:0;text-align: center;width:100%}
  footer .first-footer li{margin:0 10px}
  footer .first-footer li a::after{right:-15px}
  footer .first-footer .newsletter{float:none;text-align: center;padding-top:15px}
  footer .first-footer .newsletter a{font-size:10px}
  footer .first-footer .newsletter a i{font-size:18px;margin-left:10px}
  footer .second-footer{padding:20px 15px}
  footer .second-footer .footer-adress{clear:both;float:none;margin:0 auto;margin-top:90px}
  footer #block-custom-theme-footer .menu--footer a{padding: 5px 10px}

  .header .logo{margin:10px 0 0 -10px}
  .homepage .home-mav .main-txt::after{left:-25px}
  .homepage .home-mav .main-txt .mav-title{font-size:35px}
  .homepage .que-faire .grid-item{padding:0 5px}
  .homepage .que-faire .item-1{height: auto;}
  .homepage .que-faire .item-1 .item-img img{width:auto;max-width: 70%;}
  .homepage .que-faire .item-2{max-height:initial;height: auto;}

  .homepage .que-faire .grid-item.big-elem .item-title{left:3%;text-align: left;font-size:12px;}

  .homepage .event-mav:before{height:270px}
  .homepage .event-mav-main .event-surtitre,.homepage .event-mav-main .event-date{font-size:14px}
  .homepage .event-mav-main .event-title{font-size:28px}
  .homepage .sub-events .event-title{font-size:28px;padding:10px 0}

  .view-calendrier.view-display-id-block_1 h2{font-size:28px;margin-top:7px}
  .events-list tr td:first-child{padding:10px 10px 10px 0}
  .events-list .event-content{font-size:14px}
  .events-list .event-book{font-size:10px;width:20%}
  .see-all{font-size:10px}

  .homepage .infos-pratiques .infos-content{padding:10px 0 20px}
  .homepage .infos-pratiques .infos-content p{font-size:14px}
  .homepage .infos-pratiques .infos-content a{font-size:10px}

  .homepage .collections .collections-txt h2{font-size:24px}
  .homepage .collections .collections-txt p{font-size:14px}
  .homepage .collections .collection-buttons{height: auto;margin-top:10px}
  .homepage .collections .collection-buttons a{width:auto;font-size:10px;margin:4px 0}

  .homepage .mixed-content{padding-top:50px}
  .homepage .bloc_img_txt{margin:50px 0 0}
  .homepage .bloc_img_txt .bloc-img{right:5%}
  .homepage .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .homepage .bloc_img_txt .bloc-texte .inner{max-width: 50%;}
  .homepage .bloc_img_txt.bleu .bloc-texte,.homepage .bloc_img_txt.gris .bloc-texte{padding:60px 70px;min-height:auto}
  .homepage .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:28px}
  .homepage .bloc_img_txt.bleu .lien{clear:both;font-size:10px}
  .homepage .bloc_img_txt .bloc-texte p{font-size:14px}
  .homepage .item-col .item-texte{padding:20px}
  .homepage .item-col .item-texte h2{margin-top:0;font-size:28px}
  .homepage .item-col .item-texte p{font-size:14px}
  .homepage .item-col .item-texte .lien{clear:both;font-size:10px}
  .homepage .item-col:first-child::before{bottom: 28px;left: 24px;}


  .espace-map .info{position: absolute;left:10%;bottom:20%}
  .espace-map .info.accueil{left:49%;bottom:12%}
  .espace-map .info.salle{left:30%;bottom: 12%;}
  .espace-map .info.cloitre{left:70%;bottom:12%}
  .espace-map .info.spectacle{left:49%;bottom:23%}
  .espace-map .info.jeunesse{left:49%;bottom:35%}
  .espace-map .info.galerie{left:54%;bottom:23%}
  .espace-map .info.fablab{left:90%;bottom:35%}
  .espace-map .info.cheval{left:90%;bottom:23%}
  .vous-item{min-height: 360px;}
  .actu-item .actu-title{font-size:24px}
  .actu-item .actu-sstitre{font-size:14px}
  .actu-item .actu-date{font-size:10px}

  .offre .offre-content{margin-top:-60px}


  .page .galerie .grid-sizer,.page .galerie .grid-item{width:23%}
  .page .galerie .grid-item.grid-item--width2{width:48%}

  .fiche-evenement .main-txt .event-title{font-size:30px}
  .fiche-evenement .blue-bloc .event-link-festival a{width:80%;padding: 0;word-break: break-word;font-size:12px;margin-top:5px}

  .view-programmation{padding: 0 15px}
  #block-programmation-block-1 .right-bg{min-height: 250px;}
  #block-programmation-block-1 .main-txt::after{left:-15px}
  .menu--menu-programmation{height: auto;width: 100%;}
  .menu--menu-programmation li{float:none}

  .sous-home .bloc_img_txt .bloc-img{margin-right:0}
  .sous-home .bloc_img_txt.droite .bloc-img{margin-left:0}
  .sous-home .bloc_img_txt .bloc-texte{padding:60px 35px 40px}
  .sous-home .bloc_img_txt .bloc-texte .inner{max-width: 48%;}
  .sous-home .bloc_img_txt.droite .bloc-img::after{content:""}
  .sous-home .bloc_img_txt.gauche .bloc-img::after{top:-16px;right:-17px}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .inner{max-width:100%}
  .sous-home .item-col:first-child::before{left:0;bottom:0}

  .fiche-evenement .vertical-align{display: block;}
  .fiche-evenement .partenaire{min-height:350px}

  /* fix xs between ipad & iphone */
  .actu-item{width:33.33333333%}
  .grid-item,.grid-sizer{width:25%}
  .grid-item.grid-item.big-elem,.grid-item.grid-item.long-elem{width:50%}
  .grid-item.grid-item.long-elem .long-elem{width:66.66666667%}
  .grid-item.grid-item.long-elem .small-elem{width:33.33333333%}
  .event-content{width: 41.66666667%;}
  .event-mav-img{width: 58.33333333%;}
  .vous-item{width: 50%;}
  .partenaire-item{width:33.33333333%}
  .view-programmation .event-item{width:33.33333333%}
  .view-display-id-block_1 .event-item{width:100%}
  .event-item .event-content{width:100%}

  .view-flag-bookmark .table > tbody > tr > td{display: block;margin:0px 0;border:0;}
  .view-flag-bookmark .table > tbody > tr .views-field.views-field-flagging-bulk-form, .view-flag-bookmark .table > tbody > tr .views-field.views-field-field-type-event{display:inline-block}
  .view-flag-bookmark .event-cat,.view-flag-bookmark .event-souscat{display:inline-block}
}

@media(max-width:700px) and (min-width:481px){
  .sous-home .bloc_img_txt .bloc-img{margin-top:0}
  .sous-home .bloc_img_txt .bloc-texte .inner{max-width:45%}
  .sous-home .bloc_img_txt .bloc-texte{padding:30px;min-height: auto;}
  .sous-home .bloc_img_txt .bloc-texte h2{font-size:24px}
  .sous-home .bloc_img_txt .bloc-texte p{font-size:14px}
  .sous-home .item-col.gris .item-texte p{font-size:14px}
  
}

@media(max-width:600px){
  *{transition: none;}
  #toolbar-administration{display: none;}

  td{padding:10px 0}
  h1{font-size:28px}
  h2{font-size:24px}
  table{max-width: 100%;}

  /* header */
  .header .logo{display: none;}
  .header .menu--raccourcis-header{display: none}
  .black-header .main-message{display: none;}
  /* .black-header .block-container .billeterie{padding:0px;top:39px} */
  /* .black-header .block-container .billeterie div{display: none;} */

  .homepage .home-mav .main-txt .mav-title{font-size:35px}
  .homepage .home-mav{margin-bottom:20px}
  .homepage .home-mav .right-bg{min-height:190px;top:77%}
  .homepage .home-mav .main-txt{margin:0;float:none;width:100%}
  .homepage .home-mav .main-txt .mav-title{font-size:30px}
  .homepage .home-mav .main-txt .mav-desc{padding:0}
  .homepage .home-mav .main-txt::after{display:none}

  .homepage .que-faire{height: auto;margin:30px 0}
  .homepage .que-faire .grid-item.big-elem .item-title{position: initial;left: initial;bottom:initial;text-align: left;max-width: 100%;}
  .homepage .que-faire .grid-item{padding:0 15px}
  .homepage .que-faire .item-1{height:auto}
  .homepage .que-faire .item-2{height:auto}
  .homepage .que-faire .item-img{max-width: 100%;}
  .homepage .que-faire .item-4 .long-elem{padding-right:15px;margin-bottom:10px}
  .homepage .event-mav{margin:0 -15px 50px}
  .homepage .event-mav:before{width:100%;left:0;height:415px}
  .homepage .event-mav-main {margin-bottom:20px;padding:40px 15px 0}
  .homepage .event-mav-main .event-mav-img{margin-top:20px}
  .homepage .event-mav-main .billetterie{right:30px;top:-15px;left:initial}
  .homepage .event-mav-main .event-surtitre,.homepage .event-mav-main .event-date,.homepage .sub-events .event-surtitre,.homepage .sub-events .event-date{font-size:10px}
  .homepage .event-mav-main .event-title,.homepage .sub-events .event-title{font-size:24px;padding:10px 0}
  .homepage .sub-events{padding:0 15px}
  .homepage .sub-events > div{margin-top:40px}
  .homepage .mixed-content{padding-top:50px}
  .homepage .bloc_img_txt{margin:50px 0 0}
  .homepage  .mixed-content .container .bloc_img_txt.bleu,.homepage .mixed-content .container .bloc_img_txt.gris{background: transparent;}
  .homepage .bloc_img_txt.bleu{background:#185366;}
  .homepage .bloc_img_txt.gris{background: #f3f2eb;}
  .homepage .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 0;float:none;text-align: center;}
  .homepage .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .homepage .bloc_img_txt.bleu .bloc-texte,.homepage .bloc_img_txt.gris .bloc-texte{padding:20px 20px 40px;background: transparent;min-height:auto}
  .homepage .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:24px}
  .homepage .bloc_img_txt.bleu .lien{clear:both;font-size:10px}
  .homepage .bloc_img_txt .bloc-texte p{font-size:14px}
  .homepage .bloc_img_txt .bloc-texte .inner{max-width: 100%;}
}

@media(max-width:480px){
  *{transition: none;}
  #toolbar-administration{display: none;}

  td{padding:10px 0}
  h1{font-size:28px}
  h2{font-size:24px}
  table{max-width: 100%;}

  /* search-block */
  .search-block{height:250px}
  .search-block h2{margin-bottom:30px}
  .search-block .input-group{max-width: 100%;}

  /* menu */
  .main-menu{height:100%;min-height: 100%;position:fixed;padding:20px 0}
  /* .main-menu{padding-top:20px;top:-1380px;height: 1380px;} */
  .main-menu .closer{right:0px;left:initial;top:20px}
  .main-menu .row{margin:0}
  .main-menu .logo-blanc{margin:20px 0}
  .main-menu .has-child{margin-bottom:20px}
  .main-menu .sub a{padding:5px 0;line-height: 1.2;}
  .menu--menu-secondaire{padding-left:0;border:0}
  .main-menu .billet{padding:0 15px}
 

  /* header */
  .first-element{margin-bottom:30px}
  .header .logo{display: none;}
  .header .menu--raccourcis-header{display: none}
  .black-header .main-message{display: none;}
  .black-header .block-container .billeterie{position: initial;top:0;display: inline-block;padding: 0 5px;height: 40px;line-height: 40px;}
  .black-header .block-container .billeterie i {font-size:20px}
  .black-header .block-container .calendrier a, .black-header .block-container .recherche a, .black-header .block-container .user-account a.dropdown-toggle{padding:0 5px}
  /* .black-header .block-container .billeterie{padding:0px;top:39px} */
  .black-header .block-container .billeterie div,.black-header .block-container .calendrier{display: none;}
  .main-message{display:none}
  .black-header .block-container .menu-resp, .black-header .block-container .logo-resp{display: inline-block;padding:0 5px}
  .second-element{display:none}
  .lang{padding:0 10px}

  /* footer */
  .footer{padding-top:20px}
  footer .first-footer{text-align: center;}
  footer .first-footer .rs-follow{margin-right:0;font-size:10px}
  footer .first-footer .rs-list{padding:0;text-align: center;width:100%}
  footer .first-footer li{margin:0 10px}
  footer .first-footer li a::after{right:-15px}
  footer .first-footer .newsletter{float:none;text-align: center;padding-top:15px}
  footer .first-footer .newsletter a{font-size:10px}
  footer .first-footer .newsletter a i{font-size:18px;margin-left:10px}
  footer .second-footer{padding:20px 15px}
  footer .second-footer .footer-adress{clear:both;float:none;margin:0 auto;margin-top:90px}
  footer #block-custom-theme-footer .menu--footer a{padding: 5px 10px}

  /* home */
  .homepage .home-mav{margin-bottom:20px}
  .homepage .home-mav .right-bg{min-height:190px;top:77%}
  .homepage .home-mav .main-txt{margin:0;float:none;width:100%}
  .homepage .home-mav .main-txt .mav-title{font-size:30px}
  .homepage .home-mav .main-txt .mav-desc{padding:0}
  .homepage .home-mav .main-txt::after{display:none}

  .homepage .que-faire{height: auto;margin:30px 0}
  .homepage .que-faire .grid-item.big-elem .item-title{position: initial;left: initial;bottom:initial;text-align: left;max-width: 100%;}
  .homepage .que-faire .grid-item{padding:0 15px}
  .homepage .que-faire .item-1{height:auto}
  .homepage .que-faire .item-1 .item-img{float:none}
  .homepage .que-faire .item-1 .item-img img{max-width: 100%;width:100%}
  .homepage .que-faire .item-2{height:auto;max-height: initial;}
  .homepage .que-faire .item-img{max-width: 100%;}
  .homepage .que-faire .item-4 .long-elem{padding-right:15px;margin-bottom:10px}

  .homepage .event-mav{margin:0 -15px 50px}
  .homepage .event-mav:before{width:100%;left:0;height:415px}
  .homepage .event-mav-main {margin-bottom:20px;padding:40px 15px 0}
  .homepage .event-mav-main .event-mav-img{margin-top:20px}
  .homepage .event-mav-main .billetterie{right:30px;top:-15px;left:initial}
  .homepage .event-mav-main .event-surtitre,.homepage .event-mav-main .event-date,.homepage .sub-events .event-surtitre,.homepage .sub-events .event-date{font-size:10px}
  .homepage .event-mav-main .event-title,.homepage .sub-events .event-title{font-size:24px;padding:10px 0}
  .homepage .sub-events{padding:0 15px}
  .homepage .sub-events > div{margin-top:40px}

  .view-calendrier.view-display-id-block_1 h2{font-size:18px}
  .events-list tr td:first-child{padding:10px 10px 10px 0}
  .events-list .event-content{font-size:14px}
  .events-list .event-book{font-size:10px;width:20%}
  .see-all{font-size:10px}

  .homepage .infos-pratiques .infos-content{margin-top:30px;padding:10px 0 20px}
  .homepage .infos-pratiques .infos-content p{font-size:14px}
  .homepage .infos-pratiques .infos-content a{font-size:10px}

  .homepage .collections .collections-txt{max-width: 100%;}
  .homepage .collections .collections-txt h2{font-size:24px}
  .homepage .collections .collections-txt p{font-size:14px}
  .homepage .collections .collection-buttons{height: auto;margin-top:10px}
  .homepage .collections .collection-buttons a{width:100%;font-size:10px;margin:4px 0}

  .homepage .mixed-content{padding-top:50px}
  .homepage .bloc_img_txt{margin:50px 0 0}
  .homepage  .mixed-content .container .bloc_img_txt.bleu,.homepage .mixed-content .container .bloc_img_txt.gris{background: transparent;}
  .homepage .bloc_img_txt.bleu{background:#185366;}
  .homepage .bloc_img_txt.gris{background: #f3f2eb;}
  .homepage .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 0;float:none;text-align: center;}
  .homepage .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .homepage .bloc_img_txt.bleu .bloc-texte,.homepage .bloc_img_txt.gris .bloc-texte{padding:20px 20px 40px;background: transparent;min-height:auto}
  .homepage .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:24px}
  .homepage .bloc_img_txt.bleu .lien{clear:both;font-size:10px}
  .homepage .bloc_img_txt .bloc-texte p{font-size:14px}
  .homepage .item-col .item-texte{padding:20px}
  .homepage .item-col .item-texte h2{margin-top:0;font-size:24px}
  .homepage .item-col .item-texte p{font-size:14px}
  .homepage .item-col .item-texte .lien{clear:both;font-size:10px}
  .homepage .item-col:first-child::before{bottom: 28px;left: 24px;}


  /* sous home */
  .sous-home .bloc-images{margin-top:50px}
  .sous-home .bloc_img_txt{margin:50px 0}
  .sous-home .bloc_img_txt .bloc-texte .inner{max-width:100%}
  .sous-home .bloc_img_txt .bloc-texte{padding:20px 20px 40px;min-height:auto}
  .sous-home .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 20px;text-align: center;}
  .sous-home .bloc_img_txt.droite .bloc-img{max-width: 100%;margin:-60px auto 20px;text-align: center;}
  .sous-home .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .sous-home .bloc_img_txt.gauche .bloc-img::after{top: -16px;right: -1px}
  .sous-home .bloc_img_txt.droite .bloc-img::after{bottom: -22px;left: 0;}
  .sous-home .bloc_img_txt .bloc-texte h2{margin-top:0;font-size:24px}
  .sous-home .bloc_img_txt .bloc-texte p{font-size:14px}
  .sous-home .bloc_img_txt .lien{clear:both;font-size:10px}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth{margin:50px 0}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth,.sous-home .bloc_img_txt.bloc_img_txt_fullwidth .bloc-img img{max-width:100%}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .bloc-img::after{content:''}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .bloc-content{margin:-20px auto 0}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .bloc-texte{padding:20px}
  .sous-home .bloc_img_txt.bloc_img_txt_fullwidth .bloc-content::after{bottom: -22px;left: -16px;}
  .sous-home .item-col .item-texte{padding:20px}
  .sous-home .item-col .item-texte h2{margin-top:0;font-size:24px}
  .sous-home .item-col .item-texte p{font-size:14px}
  .sous-home .item-col:first-child::before{bottom: 27px;left: 24px;}
  .sous-home .item-col:last-child::after{top: -16px;right: 12px;}


  /* page simple */
  .page .content .align-left,.page .content .align-right{padding:0;padding-bottom:10px}
  .page .mixed-content .bloc_img_txt .bloc-texte{padding:20px;min-height: auto;}
  .page .mixed-content .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 20px;text-align: center;}
  .page .mixed-content .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .page .galerie .grid-item,.page .galerie .grid-item.grid-item--width2{width:100%}
  .page .galerie .grid-item-5::before{content:""}

  /* actu */
  .fiche-actualite .bloc_img_txt .bloc-texte{padding:20px;min-height: auto;}
  .fiche-actualite .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 20px;text-align: center;}
  .fiche-actualite .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}
  .fiche-actualite .galerie .grid-item,.fiche-actualite .galerie .grid-item.grid-item--width2{width:100%}
  .fiche-actualite .galerie .grid-item-5::before{content:""}

  /* fiche partenaire */
  .fiche-partenaire .partenaire-head-txt{margin:0 0 30px}
  .fiche-partenaire blockquote{max-width:80%}
  .fiche-partenaire .partenaire-galerie .grid-item,.fiche-partenaire .partenaire-galerie .grid-item.grid-item--width2{width:100%}
  .fiche-partenaire .partenaire-galerie .grid-item-5::before{content:""}

  /* equipe */
  .equipe-member .member-mav img{width:100%}
  .equipe .bloc_img_txt .bloc-texte{padding:20px;min-height: auto;}
  .equipe .bloc_img_txt .bloc-img{max-width: 100%;margin:-60px auto 20px;text-align: center;}
  .equipe .bloc_img_txt .bloc-img img{max-width: 90%;margin:0 auto}

  /* form contact */
  .path-webform .form-item{width: 100%;}
  .webform-flexbox input, .webform-flexbox .select-wrapper{max-width: 100%;}

  /* infos pratiques */
  .infos-pratiques .infos-nav{margin:20px -15px;padding-left:0;text-align: left;}
  .infos-pratiques .infos-nav a{text-align:left}
  .infos-pratiques #acces .map,.infos-pratiques #acces .acces-list{margin-top:30px}
  .infos-pratiques #acces .panel-heading{padding:10px 0}
  .infos-pratiques #horaires .horaires-content{width: 100%;margin:45px 0}
  .infos-pratiques table{width:100%!important}
  .infos-pratiques #services{margin:50px 0;padding:20px 15px;}
  .infos-pratiques #services .service .txt{width:80%}
  .infos-pratiques #abonnement .abo-content{width:100%;margin:45px 0}
  .infos-pratiques #abonnement{margin-bottom:100px}
  .infos-pratiques .faq .encadre{padding: 60px 40px 30px;}
  .infos-pratiques #accessibilite{margin:50px 0;padding:20px 15px;}
  .infos-pratiques #accessibilite .access .txt{width:80%}

  /* fiche event */
  .fiche-evenement .main-txt .event-title{font-size:30px}
  .fiche-evenement .top-content .img-mask::after{top:-17px;left:-16px}
  .fiche-evenement .main-txt,.fiche-evenement .blue-bloc{float:none;width:100%;margin-top:0}
  .fiche-evenement .blue-bloc{margin-top:30px;padding:30px 15px}
  .fiche-evenement .blue-bloc > div{margin-bottom:10px}
  .fiche-evenement .blue-bloc .event-flag{top:10px}
  .fiche-evenement .blue-bloc .event-dates{font-size:12px}
  .fiche-evenement .blue-bloc .event-link-festival a{width:80%;padding: 0;word-break: break-word;font-size:12px;margin-top:5px}
  .fiche-evenement .blue-bloc .event-book a{font-size:12px}
  .fiche-evenement table{width: 100%!important;}
  .fiche-evenement .galerie .grid-item,.fiche-evenement .galerie .grid-item.grid-item--width2{width:100%}
  .fiche-evenement .galerie .grid-item-5::before{content:""}
  .fiche-evenement .vertical-align{display: block;}
  .fiche-evenement .partenaire{min-height:200px}
  .fiche-evenement .partenaire img{max-width: 100%;width: 100%;}
  .fiche-evenement .autour-event h2{font-size:24px}
  .fiche-evenement .autour-event::before{width:100%;height: 250px;}
  .fiche-evenement .autour-event .events-list{margin:0 -15px;margin-top:50px}
  .fiche-evenement .autour-event .events-list::before{top:-16px;left:-2px}
  .fiche-evenement .autour-event .event-item .event-titre{font-size:24px}
  .fiche-evenement .autour-event .event-item .event-date{padding-top:5px}
  .fiche-evenement .bloc-images{margin:50px 0}
  .fiche-evenement .bloc-img-txt .bloc-img:after{top:-16px;right:-15px}
  .fiche-evenement .bloc-img-txt .bloc-content{left: 0;right: 0;margin: auto;padding: 20px;top:75%;width: 90%;font-size: 24px;}

  /* presse */
  .fiche-presse .downloads{margin-bottom: 20px;}
  .fiche-presse .downloads .inner{padding:15px;height: auto;}
  .fiche-presse .downloads a{width: 100%;}
  .fiche-presse .infos .inner{padding:20px;height: auto;}
  .fiche-presse .galerie .grid-item,.fiche-presse .galerie .grid-item.grid-item--width2{width:100%}
  .fiche-presse .galerie .grid-item-5::before{content:""}

  /* offre */
  .offre .offre-mav .anchors{position: initial;top:0;display: none;}
  .offre .offre-content{margin-top:0;padding: 30px 15px 50px;}
  .offre .offre-mav .anchors a{text-align: left;padding:15px;width:100%;display: block;float:none;margin:10px 0}

  /* view */
  .view-content.row .row{margin:0;}
  .path-programmation .views-element-container{padding:0 15px}
  #block-programmation-block-1 .right-bg{min-height: 250px;}
  #block-programmation-block-1 .main-txt{float:left;margin-top:0;padding:0 15px;width:100%}
  #block-programmation-block-1 .main-txt::after{left:-15px}
  .menu--menu-programmation{height: auto;width: 100%;}
  .menu--menu-programmation li{float:none}
  .bef-exposed-form .form--inline .form-item.form-item-field-sous-categorie-target-id{float:none}
  #edit-field-sous-categorie-target-id ul{float:none;margin-bottom:30px;width:100%;margin:10px 0}
  #edit-field-sous-categorie-target-id li{float:none;width:100%;}
  #edit-field-sous-categorie-target-id li a{width: 100%;max-width: 100%;text-align: left;padding:15px}
  .event-item .event-type{margin-top:20px}
  .vous-item .mav img{width:100%}
  .espace-map{margin:0 auto 30px}
  .espace-map .info{display: none;}
  .view-id-les_espaces .view-header{padding:20px 15px}
  .item-espace > div{margin-bottom:20px}

  /* calendrier */
  .js-drupal-fullcalendar{margin:0 -15px}
  .fc-today-button{display: none;}
  .fc .fc-toolbar .fc-center h2{font-size:24px;margin:5px 0 0px -35px;}
  .fc-list-heading{margin-bottom:-70px}
  .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header{font-size:14px;width:100%;height:90px}
  .fc-list-item.fc-has-url{margin-left:0;}
  .fc-list-item.fc-has-url td.fc-list-item-title{font-size:12px}
  .fc-list-item.fc-has-url .event-type{width:20%}
  .fc-list-item.fc-has-url .event-title{width:50%}
  .fc-list-item.fc-has-url .event-horaire{float:left;width:14%;font-size:10px}
  .fc-list-item.fc-has-url .event-billet{width:16%;text-align:center}

  /* fullpage */
  #fp-nav.fp-right{right:10px}
  #fullpage .date{font-size:25px;padding-left:10px;float:left}
  #fullpage .title{font-size: 20px;float: left;max-width: 70%;top: -10px;}
  #fullpage .desc{max-width: 80%;padding:10px 15px;clear: both;font-size:14px}
  #fullpage .normal{background-size: cover!important;background-position: center center!important;}
  #fullpage .section-1 .title{font-size:25px;margin-top:20px;float:none;width:100%;max-width: 100%;display: block;}
  #fullpage .section-1 .date{position: relative;width:90%;clear:both;right:0;margin:20px 0}
  #fullpage .section-1 .date::after{bottom:-21px}
  #fullpage .section-1 .desc{margin:0;padding:10px 0}
  #fullpage .section-1 .next-step{margin-top:20px}
  #fullpage .section-1 .minor{clear:both;float:none;margin:0;padding:0;margin-top:30px;display:none}
  #fullpage .section-1 .minor img{width:100%}
  #fullpage .section-1 .object-mask{mask-image:none;-webkit-mask-image:none}
  #fullpage .section-1 .content{clear:both}

  /* user */
  .path-user .user-register-form .field--name-field-prenom, .path-user .user-register-form .field--name-field-nom, .path-user .user-register-form .form-item-mail, .path-user .user-register-form .form-item-name, .path-user .user-register-form .form-type-password{width:100%;float:none}
  .path-user .user-register-form .field--name-field-prenom > div, .path-user .user-register-form .form-item-name, .path-user .user-register-form .form-item-pass-pass2,.path-user .user-register-form .field--name-field-nom > div, .path-user .user-register-form .form-item-mail, .path-user .user-register-form .form-item-pass-pass1{padding:0}
  #old_mdp{width:100%}
  .page-node-type-mon-compte .user-form .field--name-field-nom > div, .page-node-type-mon-compte .user-form .form-item-mail, .page-node-type-mon-compte .user-form .form-item-pass-pass1{width:100%;float:none}
  .page-node-type-mon-compte .user-form .field--name-field-prenom, .page-node-type-mon-compte .user-form .field--name-field-nom, .page-node-type-mon-compte .user-form .form-item-mail, .page-node-type-mon-compte .user-form .form-item-name, .page-node-type-mon-compte .user-form .form-type-password{width:100%;float:none}
  .account-menu .menu--mon-compte{padding:0 15px}
  .page-node-type-mon-compte .user-form .field--name-field-prenom > div, .page-node-type-mon-compte .user-form .form-item-name, .page-node-type-mon-compte .user-form .form-item-pass-pass2{padding:0}
  .page-node-type-mon-compte .user-form .field--name-field-nom > div, .page-node-type-mon-compte .user-form .form-item-mail, .page-node-type-mon-compte .user-form .form-item-pass-pass1{padding:0}
  .page-node-type-mon-compte .btn-primary, .page-node-type-mon-compte .btn-success,.page-node-type-mon-compte #edit-delete{padding:10px 5px}
  .page-node-type-mon-compte #edit-delete{margin:0}

  .view-id-flag_bookmark #edit-flagging-bulk-form--2{float:none}
  .view-id-flag_bookmark button{margin:0;font-size:11px;width:100%}
  .view-flag-bookmark .table > tbody > tr > td{display: block;margin:0px 0;border:0;}
  .view-flag-bookmark .table > tbody > tr .views-field.views-field-flagging-bulk-form, .view-flag-bookmark .table > tbody > tr .views-field.views-field-field-type-event{display:inline-block}
  .view-flag-bookmark table {table-layout: fixed;}
  .view-flag-bookmark .table-responsive > .table > tbody > tr > td{white-space:normal}
  .view-flag-bookmark .event-cat,.view-flag-bookmark .event-souscat{display:inline-block}
  body #backtotop{display:none}

  .homepage .collections-liste{margin-bottom:50px}
}

@media(max-width:425px){
  .sous-home .bloc_img_txt.gauche .bloc-img::after{right: 2px}

}

@media(max-width:320px){
  .main-menu .closer{right:10px;top:0}
  .infos-pratiques #services .service,.infos-pratiques #accessibilite .access{padding:0}
  .infos-pratiques #abonnement .abo-content{margin:15px 0}
  .infos-pratiques .faq{margin:0 -15px}
  .infos-pratiques .faq .encadre{padding:30px 40px 30px}
  .infos-pratiques .faq h2{font-size:24px}
  .infos-pratiques .faq a{min-width: 200px;}
  .fc-list-item.fc-has-url td.fc-list-item-title{font-size:10px}
  .fc-list-item.fc-has-url .event-type{float:none;width:100%}
  .fc-list-item.fc-has-url .event-type .sous-cat{display: none;}
  .fc-list-item.fc-has-url .event-title{width:65%}
  .fc-list-item.fc-has-url .event-horaire{float:left;width: 15%;font-size:10px;}
  .fc-list-item.fc-has-url .event-billet{width: 19%;text-align:center;font-size:10px;}
}