*{color:#000;transition:all .4s;}
body{max-width:100%;overflow-x:hidden}
.w1300{max-width:1300px;margin:0 auto}
.w1200{max-width:1200px;margin:0 auto}
.site-header{padding:0 0 15px;position:fixed;top:0;width:100%;z-index:99}
.site-content{padding:160px 0 0;transition:all .4s;}
/*#page.opened .site-content{margin:0}*/
.site-header .w1300{border-bottom:1px solid #000}
.site-branding{text-align:center;display:inline-block;padding:8px 0 10px}
.logo_interieur .custom-logo{width:85px}
h1{font-size:45px;font-family:'Avenir-Roman';text-transform:uppercase;margin:0;line-height:1;font-weight:normal;}
h1.site-title{font-family:'Avenir-Black';text-transform:uppercase;font-size:45px;margin:5px 0 0}
h1.site-title a{color:#fff;text-decoration:none;}
h2{font-size:22px;margin:0 0 45px}
h2.titre_jaune{font-size:22px;margin:0 0 25px}
h3, .widget-title{font-size:20px;font-family:'Avenir-Black';font-weight:normal;margin:0 0 20px}
p{font-size:16px;font-family:'Avenir-Roman';line-height:1.3}
p.chapo{font-size:18px}
.citation{font-size:18px;line-height:1.2;margin:35px 0 35px 20px}
#main ul{margin:10px 0 20px;padding:0}
#main ul li{font-family:'Avenir-Roman';font-size:16px;margin:0 0 0 20px}
strong{font-family:'Avenir-Black';font-weight:normal;}
.wp-block-separator{background-color:#000;height:2px}
.lien_bouton{transition: 0.5s;border:2px solid #7d7c7d;}
.lien_bouton a{color:#fff;text-decoration:none;font-weight: bold;font-size:20px}
.lien_bouton:hover{background-color:#fff!important}
.lien_bouton:hover a{color:#000!important}
a:hover .lien_bouton{background-position: right center;}
input[type="submit"], .wp-block-search .wp-block-search__button{border:none;border-radius:0;padding: 10px 45px;font-family: 'Avenir-Black';background-color: #7d7c7d;color: #fff;display: inline-block;font-size:18px;font-weight:bold;text-transform:uppercase;cursor:pointer;transition: 0.5s;border:2px solid #7d7c7d}
input[type="submit"]:hover, .wp-block-search .wp-block-search__button:hover{background-color:#fff;color:#7d7c7d;border-color:#7d7c7d;}
#wpadminbar *{color:#fff}
.grecaptcha-badge{opacity:0}

@keyframes neon {
  from {
    filter: drop-shadow(0 0 1px rgba(133,121,105,0.1))
    drop-shadow(0 0 8px rgba(137,126,109,0.1))
    drop-shadow(0 0 4px rgba(149,138,121,0.15))
    drop-shadow(0 0 5px rgba(164,153,135,0.2))
    drop-shadow(0 0 6px rgba(186,179,160,0.2))
    drop-shadow(0 0 8px rgba(214,207,187,0.25));
  }
  to {
    filter: drop-shadow(0 0 1px rgba(133,121,105,0.15))
    drop-shadow(0 0 8px rgba(137,126,109,0.15))
    drop-shadow(0 0 4px rgba(149,138,121,0.2))
    drop-shadow(0 0 5px rgba(164,153,135,0.25))
    drop-shadow(0 0 6px rgba(186,179,160,0.25))
    drop-shadow(0 0 8px rgba(214,207,187,3));
  }
}
/*MENU*/
.main_menu{position:fixed;left:-30%;background:#27282a;top:0;z-index:100;width:30%;padding:45px;box-sizing:border-box;height:100vh;transition:all .4s}
.main_menu.active{left:0}
#page.opened{-webkit-transform: translateX(30%);-moz-transform: translateX(30%);-ms-transform: translateX(30%);-o-transform: translateX(30%);transform: translateX(30%);}
.closer_bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99;cursor:pointer;display:none}
.c-hamburger {display: inline-block;position: relative;overflow: hidden;margin:5px 0 0;padding: 5px;width: 55px;height: 55px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: 100%;border: none;cursor: pointer;transition: background 0.3s;z-index: 101;background:none}
.c-hamburger.spin::before, .c-hamburger.spin::after{border-radius:100%}
/*.c-hamburger.is-active{background-color:#27282a}*/
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;/*top: 30px*/;left: 7px;right: 7px;height: 4px;background: #000;}
.c-hamburger span::before, .c-hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 4px;background-color: #000;content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before { transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
/* active state, i.e. menu open */
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}

.icon-recherche:before {font-size: 25px;}

#menu-menu-principal, #menu-menu-principal .sub-menu{list-style:none;margin:0;padding:0}
#menu-menu-principal .sub-menu{padding:10px 0 0}
#menu-menu-principal .menu-item a{color:#fff;font-family:'Avenir-Black';font-size:24px;text-decoration:none;line-height:1;transition: all 0.2s ease-in-out;position: relative;}
#menu-menu-principal .menu-item a:after{content: "";position: absolute;bottom: -5px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.75s;opacity: 0;background-color: #fff;left:0}
#menu-menu-principal .menu-item a:hover:after{width: 100%;opacity: 1;}
#menu-menu-principal .menu-item:first-child a{color:#fff}
#menu-menu-principal .sub-menu .menu-item a{font-family:'Avenir-Medium';font-size:18px;line-height:1}
#menu-menu-principal .sub-menu .menu-item:first-child a{color:#fff}
#menu-menu-principal .menu-item{border-bottom:1px solid #fff;padding:25px 30px}
#menu-menu-principal .sub-menu .menu-item{border:none;padding:5px 0}
.social_responsive{display:none;}

.menu-reseaux-social-container{display:inline-block;margin:0;vertical-align:top;padding:10px 0;}
.left_part, .rigth_part{display:inline-block;vertical-align:top;width:calc(50% - 265px);margin-top: 15px;}
.menu-reseaux-social-container ul, #menu-billetterie{list-style:none;padding:0;margin:0}
.menu-reseaux-social-container li{display:inline-block;vertical-align: middle;}
.menu-reseaux-social-container li a{font-size:0;display:inline-block;text-decoration:none;color:#fff;padding:2px 7px;margin:0;}
.menu-reseaux-social-container li.menu-item-7486 a {padding: 4px;}
.menu-reseaux-social-container li:last-child a{margin:0}
.menu-reseaux-social-container li a span{color:#fff}
.menu-reseaux-social-container li a span:before{font-family:'fontello';font-size:21px;color:#000}
.menu-reseaux-social-container li.menu-item-113 a span:before{content:'\e803'}
.menu-reseaux-social-container li.menu-item-114 a span:before{
  content: '';
  background-image: url('data:image/svg+xml,<svg width="18" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487.43 456.19"><path id="path1009" class="cls-1" d="M7.48,21.9,195.66,273.57,6.29,478.1H48.91L214.71,299l134,179.11h145L294.93,212.33,471.2,21.9H428.58L275.89,186.82,152.51,21.9ZM70.16,53.3h66.63L431,446.7H364.39Z" fill="black" transform="translate(-6.29 -21.9)"></path></svg>');
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 0;
}
.menu-reseaux-social-container li.menu-item-115 a span:before{content:'\e805'}
.menu-reseaux-social-container li.menu-item-11133 a{width: 35px;height: 35px;padding: 5px;}
.menu-reseaux-social-container li.menu-item-11133 a span::before{content:'';background-image: url('/wp-content/themes/theatre_ouvert/img/bluesky.svg');width: 25px;height: 25px;display: inline-block;background-size: contain;background-repeat: no-repeat;vertical-align: middle;background-position-y: center;}
.menu-reseaux-social-container li.menu-item-7486 a span:before{content:'';background-image: url('/wp-content/themes/theatre_ouvert/img/youtube.svg');width: 25px;height: 25px;display: inline-block;background-size: contain;background-repeat: no-repeat;vertical-align: middle;background-position-y: center;}
.rigth_part{text-align:right;vertical-align:bottom;}
.menu-billetterie-container{display:block;vertical-align:top;}
.search_button{display:inline-block;vertical-align:top;}
.menu-billetterie-container a{display:inline-block;text-decoration:none;color:#cd2729;font-family:'Avenir-Roman';font-size:21px;padding:0 10px;line-height:1}
.menu-billetterie-container a:hover{color:#7d7c7d}
.search_button .icon-recherche{text-decoration:none;color:#000;margin:22px 0 0 20px;font-size:20px;padding:0;display:inline-block;}
.search_button .icon-recherche:hover{color:#7d7c7d}
.main-navigation{float:none;text-align: center;}
.menu-menu-secondaire-container{max-width:1200px;margin:5px auto 0}
.main-navigation li{float:none;display:inline-block;margin:0;vertical-align:top;width:calc(25% - 4px);}
.main-navigation li:last-child{margin:0;}
.main-navigation li a{color:#000;font-family:'Avenir-Roman';font-weight:normal;font-size:20px;transition: all 0.2s ease-in-out;position: relative;}
.main-navigation li a:after{content: "";position: absolute;bottom: -5px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.75s;opacity: 0;background-color: #000;left:0}
.main-navigation li a:hover:after{width: 100%;opacity: 1;}
.main-navigation li:last-child .btn:before, .main-navigation li:last-child .btn:after, .main-navigation li:last-child .btn > *:before, .main-navigation li:last-child .btn > *:after{background:none}
.main-navigation li:last-child .btn > * > * > *:before, .main-navigation li:last-child .btn > * > * > *:after, .main-navigation li:last-child .btn > * > *:before, .main-navigation li:last-child .btn > * > *:after{background-color:#000}
.main-navigation li:first-child .btn:before, .main-navigation li:first-child .btn:after, .main-navigation li:first-child .btn > *:before, .main-navigation li:first-child .btn > *:after{background:none}
.main-navigation li:first-child:hover{border-bottom-left-radius:0;}
 .main-navigation li:last-child:hover{border-top-right-radius:0;}


/*Spectacle*/
.galerie{margin:35px 0;position:relative;}
.galerie .image{background-size:cover;}
.galerie .image:nth-child(1){width:290px;height:285px;margin:0 0 4px}
.galerie .image:nth-child(2){width:495px;height:285px;display:inline-block;}
.galerie .image:nth-child(3){width:290px;height:285px;display:inline-block;}
.galerie .image:nth-child(4){width:405px;height:575px;float:right;margin:-290px 0 0;background-position:right;clear:both;}
.galerie .image:nth-child(5){width:495px;height:285px;display:inline-block;position:absolute;left:294px;top:0;background-position:center top;clear:both;}
.galerie .image.one{width:495px;height:330px;margin:0;display:inline-block;}
.galerie .image.full{width:auto;height:auto;margin:0;text-align:center;}
.galerie .image_festival.one{width: 700px;height: 330px;position:relative;left:auto}
.galerie .image_festival{width:495px;height:285px;display:inline-block;position:absolute;left:294px;top:0;background-size:contain;background-position:center;filter: grayscale(1);background-repeat: no-repeat;background-color: #000;}
.galerie a:hover .image_festival{filter: grayscale(0);}
.affiche.festival{filter: grayscale(1);padding:0;background:no-repeat;}
.titre_degrade{width:1200px;height:400px;padding:60px 70px;background-color: #7d7c7d;margin:30px 0}
.titre_degrade h1{color:#fff;font-family:'Avenir-Black';font-size:100px;}
.titre_degrade p{margin:0}
.titre_degrade .different{font-size:40px;color:#fff;font-family:'Avenir-Black'}
.presentation{padding:12px 8px;border-top:1px solid #000;}
.presentation a{text-decoration:none;}
.presentation a:hover .titre_jaune{color:#000}
.titre_page.normal{text-transform:none;}
.titre_jaune{color:#000;font-family: 'Avenir-Black';font-weight:bold;font-size:22px;margin:0 0 10px}
.information{padding:0;border:1px solid #000;border-left:none;border-right:none;}
.information .date_spect, .information .reserver{display:inline-block;vertical-align:middle;padding:8px 10px}
.information .date_spect{width:calc(100% - 205px)}
.information .date_spect, .information .reserver a{font-family: 'Avenir-Black';font-size:18px;line-height:1;text-transform:uppercase;}
.information .reserver{width:200px;text-align:center;border-left:1px solid #000}
.reserver a{color:#000;text-decoration:none;}
.reserver a:hover{color:#7d7c7d}
.reserver a:before{content:'\e801';font-family:'fontello';padding:0 10px 0 0}
.part_left, .part_right{display:inline-block;vertical-align:top;padding:45px 0}
.part_left{width:calc(100% - 395px);padding:45px 45px 0 0}
.part_right{width:390px;border-left:1px solid #000;padding:45px 0 0}
.part_left p a, .part_right strong a, .part_right p a{color:#000}
.part_left p a:hover, .part_right strong a:hover, .part_right p a:hover{color:#7d7c7d}
.part_right .distribution, .part_right .info_pratique{padding:0 40px 40px;border-bottom:1px solid #000}
.part_right .info_pratique{padding:40px;font-family:'Avenir-Roman';font-size:16px}
.part_right .info_pratique .salle{margin:0 0 20px}
.part_right .distribution a{color:#000}
.part_right .distribution a:hover{color:#7d7c7d}
.part_right .docs_download{margin:10px 0 }
.part_right .docs_download a{text-decoration:none;}
.part_right .docs_download a:before{content:'\e80c';font-family:'fontello';font-size:20px;margin:0 20px 0 0;color:#000;display:inline-block;vertical-align:middle;transition: all .4s;}
.part_right .docs_download a:hover .titre_jaune,.part_right .docs_download a:hover:before{color:#7d7c7d}
.part_right .docs_download .titre_jaune{display:inline-block;vertical-align:middle;margin:0}
.part_right table{font-family:'Avenir-Black';font-weight:normal;font-size:16px;width:calc(100% - 80px);margin:40px;border-collapse: collapse;}
.part_right table tr.border{border-bottom:1px solid #000;padding:7px 0}
.part_right table .carte_to{color:#7d7c7d;text-align:right;width:40%}
.part_right table .carte_to th{color:#7d7c7d;font-size:11px}
.part_right table .title span{display:block;font-family:'Avenir-Roman';font-size:11px}
.gradient{margin:50px 0 0;padding:25px 45px;background-color: #7d7c7d;transition: 0.5s;border:2px solid #7d7c7d}
.gradient a{text-decoration:none;}
.gradient:hover {background-color:transparent;}
.gradient:hover span, .gradient:hover .date_festival, .gradient:hover .title_festival{color:#7d7c7d}
.gradient span, .gradient .date_festival{text-transform:uppercase;font-size:18px;font-family:'Avenir-Roman';color:#fff}
.gradient .title_festival{font-size:40px;font-family:'Avenir-Black';color:#fff}
.gradient .date_festival{text-transform: lowercase}

/*TAPUSCRIT*/
.main_contents{margin:20px 0 0;border-bottom:1px solid #000}
.main_contents h1{text-transform:none;}
.type_info{padding:0;border-bottom:1px solid #000;padding:8px 10px;font-family: 'Avenir-Black';font-size:18px;line-height:1;text-transform:uppercase;}
.part_left .titre_jaune a{color:#7d7c7d;text-decoration:none;}
.part_left .titre_jaune a:hover{color:#000}
.image_page{padding:0 0 0 40px}
.bio_tapuscrit a{color:#7d7c7d;text-decoration:none}
.bio_tapuscrit a:hover .titre_jaune{color:#000}
.bio_tapuscrit .titre_jaune{line-height:1.1}

/*Page_Simple*/
.entry-header{margin:45px 0 20px;}
.entry-header h1{text-transform:none;}
.wp-block-column{padding:0 0 0 25px}
.wp-block-column strong{margin:0 0 10px;display:inline-block;}
.wp-block-column a{color:#000}
.wp-block-column .lien_bouton a{color:#fff}
.wp-block-column .lien_bouton:hover a{color:#000}
.wp-block-column a:hover{color:#7d7c7d}
.page_simple p a{color:#000}
.page_simple p .lien_bouton a{color:#fff}
.page_simple p a:hover .lien_bouton{background-position: right center;}
.page_simple p a:hover{color:#7d7c7d}
.video{display:inline-block;vertical-align:top;width:calc(50% - 3px)}
.video iframe{height:auto}

/*FESTIVAL*/
.affiche {margin:35px 0}
.single-festival .info_pratique{border:none}

/*Block Spectacle*/
.bloc_spectacle{margin:50px 0 0}
.items_grid{margin:0}
#main .items_grid li:before{display:none;}
#main .items_grid .item{display:inline-block;vertical-align:top;width:calc(50% - 8px);margin:0 0 15px 15px;overflow:hidden;height:382px;position:relative}
#main .items_grid .item.full{width:100%;display:block;margin:0 0 15px;height:525px}
#main .items_grid .item.heig350{height:380px}
#main .items_grid .item.heig350 .gradient{height:380px}
#main .items_grid .item:not(:nth-child(even)){margin:0 0 15px 0}
.items_grid .item a{display:inline-block;position:relative;line-height:1;text-decoration:none;width:100%}
.items_grid .date_spect, .items_grid .type_spectacle{display:inline-block;vertical-align:top;border-top:1px solid #000;padding:10px;color:#000;font-family:'Avenir-Black';font-size:15px;line-height:1;word-break: break-word;}
.items_grid .date_spect{width:100%}
.items_grid .type_spectacle{width:30%;text-align:center;border:1px solid #000;border-bottom:none}
.items_grid .image_grid img{width:100%}
.items_grid .gradient{width:100%;height:348px;margin:0;padding:90px 35px 0}
.items_grid .gradient:hover{background-color:#7d7c7d}
.items_grid .item.full .gradient{width:1200px;height:525px}
.items_grid .grid_item{position:absolute;top:75%;background-color:rgba(4, 15, 22, 0.8);padding:20px 30px;width:100%;height:100%;color:#fff}
.items_grid .item.heig350 .grid_item{top:100%}
.items_grid .item.heig350 .gradient .grid_item{top:0}
.items_grid .full .grid_item{top:100%}
.items_grid .full .grid_item .chapo{margin:50px 0 0}
.items_grid .item a:hover .grid_item{top:0}
.accueil .items_grid .item a:hover .grid_item, .bloc_spectacle .items_grid .item a:hover .grid_item{top:35px}
.accueil .items_grid .item a:hover .gradient .grid_item, .accueil .items_grid .item.full a:hover .grid_item, .bloc_spectacle .items_grid .item a:hover .gradient .grid_item,  .bloc_spectacle .items_grid .item.heig350 a:hover .grid_item{top:0}
.items_grid .grid_item h2{color:#fff;font-family:'Avenir-Black';font-weight:normal;line-height:1.1;margin:0;font-size:28px}
.items_grid .gradient .grid_item h2{font-size:35px}
.items_grid .grid_item .sous_titre{color:#fff;font-family:'Avenir-Roman';font-weight:normal;font-size:30px;margin:20px 0 20px;opacity: 0;}
.items_grid .item a:hover .grid_item .sous_titre,  .items_grid .item a:hover .grid_item .chapo{opacity:1;}
.items_grid .grid_item .chapo{color:#fff;font-family:'Avenir-Roman';font-size:18px;line-height:1.3;opacity: 0;}
.items_grid .grid_item .chapo p{margin:0}
.items_grid .grid_item .chapo p, .items_grid .grid_item .chapo strong{color:#fff}
.items_grid .gradient .grid_item{position:relative;top:0;background:none;padding:0}
.items_grid .gradient .grid_item .chapo{position:absolute;bottom:-135px}
.items_grid .gradient .grid_item .sous_titre{margin:20px 0}
.items_grid .item a:hover .gradient{padding:50px 35px 0}
.items_grid .item a:hover .gradient .grid_item .chapo{bottom:30px}
.items_grid .reserver{position:absolute;bottom:15px;right:20px;border:1px solid #fff;padding:7px 8px}
.items_grid .reserver a:before{padding:0 3px;color:#fff;font-size:22px;line-height:1}
#main .items_grid .item.gris{
  filter:grayscale(1);
}
.items_grid .item.gris .grid_item h2{
  color: #fff!important;
}

/*Catalogue*/
.catalogue_auteurs h3{margin:0;font-size:18px}
.catalogue_auteurs ul li:before{display:none;}
.catalogue_auteurs ul li a{text-decoration:none;color:#000;transition: all 0.2s ease-in-out;position: relative;}
.catalogue_auteurs ul li a:after{content: "";position: absolute;bottom: -2px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.75s;opacity: 0;background-color: #000;left:0}
.catalogue_auteurs ul li a:hover:after{width: 100%;opacity: 1;}
.catalogue_auteurs ul li a:hover{color:#000}
.catalogue_auteurs .section{border-bottom:1px solid #000;padding:15px 0}
.catalogue_auteurs .section:last-child{border:none;}
.catalogue_auteurs .col10{text-transform:uppercase;font-size:50px;color:#000;font-family:'Avenir-Black';display:inline-block;line-height:1}
.col90{width:90%}
.catalogue_auteurs .section .col90{display:inline-block;vertical-align:top;}
.catalogue_auteurs .navigation{text-align:center;}
.catalogue_auteurs .navigation li{display:inline-block;vertical-align:middle;padding:0 10px;border-right:1px solid #7d7c7d;}
#main .catalogue_auteurs .navigation li{margin:0}
.catalogue_auteurs .navigation li:first-child{padding:0 10px 0 0;}
.catalogue_auteurs .navigation li:last-child{padding:0 0 0 10px;border:none;}
.catalogue_auteurs .navigation li span{text-transform:uppercase;font-family:'Avenir-Roman';font-size:18px;color:rgba(0, 0, 0, 0.3)}
.catalogue_auteurs .navigation li span.exist{color:#000;cursor:pointer;}
.catalogue_auteurs .navigation li:hover span.exist{color:#7d7c7d}
.page_catalogue .widget{position:fixed;background-color: #7d7c7d;padding:15px 20px;bottom:25%;right:0;margin:0 0 75px;max-width:175px;min-height:65px;transition: 0.5s;background-size: 150% auto;border:2px solid  #7d7c7d}
.page_catalogue .widget:last-child{margin:0}
.page_catalogue .widget:hover{background-color:#fff;}
.page_catalogue .widget:hover a{color:#7d7c7d}
.page_catalogue .widget p{margin:0;line-height:1;}
.page_catalogue .widget p a{font-family:'Avenir-Light';color:#fff;text-decoration:none;}
.page_catalogue h2.titre_jaune {font-family: 'Avenir-Black'!important;font-weight: normal!important;}

/*Home*/
.accueil h2{font-size:30px;font-family:'Avenir-Black';font-weight:normal;margin:0 0 20px}
.block_home .wp-block-column{border:none;padding:0;text-align:center;}
.block_home .wp-block-column:not(:first-child){margin-left:15px}
.block_home .lien_bouton{width:100%;border:2px solid #000}
.block_home a .lien_bouton{color:#fff;text-decoration:none;text-transform:uppercase;font-size:18px;font-family:'Avenir-Light'!important;line-height:1;padding:15px 0!important;display:block;transition: 0.5s;background-size:150% auto;}
.block_home a:hover .lien_bouton{background-position: right center;}

/*Bloc Actualités*/
#main .actus .item{width:calc(33% - 12px);height:270px;margin:0 0 15px 0}
#main .actus .item:not(:nth-child(3n+3)){margin-right:15px}
.actus .type_actu{text-align:left;border-top:1px solid #000;padding:10px;color:#000;font-family:'Avenir-Roman';font-size:15px;line-height:1;font-weight:bold;word-break: break-word;}
.actus .grid_item{top:60%;padding:15px 20px;text-align:left;}
.actus .grid_item h3{margin:0;color:#fff;font-family:'Avenir-Medium';line-height:1.4}
.actus .gradient{height:270px;width:100%}
.actus.items_grid .image_grid{text-align:center;position:relative;}
.actus.items_grid .image_grid img{width:auto}

/*Infos Pratiques*/
.infos h1{text-transform:none;border-bottom:1px solid #000;padding:0 0 10px;font-size:40px}
.infos .wp-block-column{border:none;padding:20px 0 0}
.infos h2{margin:0;text-transform:uppercase;}
.infos p{margin:10px 0 15px; }
.infos strong{font-size:18px}
.infos .wp-block-column .lien_bouton a{color:#fff}
.infos .wp-block-column .lien_bouton:hover a{color:#000}
.infos p a{color:#000}
.infos p a:hover{color:#7d7c7d}

/*List Partnaire*/
#main .list_partenaires .items_grid:not(:last-child){border-bottom:1px solid #000;padding:0 0 20px;margin:10px 0 30px}
#main .list_partenaires .items_grid .item{width:calc(16.6% - 5px);background-color:#f8f8f8;height:140px;}
#main .list_partenaires .items_grid .item:not(:nth-child(even)){margin:0 0 15px 15px}
/*#main .list_partenaires .items_grid .item:not(:first-child){margin:0 0 20px 20px}*/
.list_partenaires .items_grid .grid_item{padding:15px 20px;top:150px}
.list_partenaires .items_grid .image_grid{display:inline-flex;height: 140px;width:100%}
.list_partenaires .items_grid .image_grid img{width:auto;max-width:160px;margin:auto;vertical-align:middle;}
.list_partenaires .items_grid .grid_item h2{font-size:18px;line-height:1.2}
.list_partenaires .items_grid .grid_item h2:after{margin:15px 0 0}

/*Actualite*/
.body{padding:45px 0 0}
.body p a{color:#000}

/*Calendrier*/
.nav_bar{text-align:center;margin:0 0 50px}
.nav_bar a{text-decoration:none;display:inline-block;vertical-align:middle}
.nav_bar a.prev:before, .nav_bar a.next:before{font-family:'fontello';font-size:30px;color:#000}
.nav_bar a.prev:before{content:'\e809'}
.nav_bar a.next:before{content:'\e80b'}
.nav_bar span{font-family:'Avenir-Roman';font-size:25px;text-transform:uppercase;padding:0 50px;color:#000;vertical-align:middle;}
.list_items .item{border: 1px solid transparent;border-bottom: 1px dashed #000;width:100%}
.list_items .item a{text-decoration:none;width:100%;display:block;}
.list_items .item a > div{display:inline-block;vertical-align:top}
.col10{width:5%;margin-left:-20px}
.col20{width:10%;font-family:'Avenir-Roman';font-size:14px}
.col30{width:15%;font-family:'Avenir-Roman';font-size:14px}
.col50{width:40%}
.list_items .item .date{text-transform:capitalize;}
.list_items .item .titre{font-family:'Avenir-Black';font-size:16px}
.list_items .item .titre span{font-family:'Avenir-Roman';font-size:12px;color:#000}
.list_items .item .titre span:before{content:' ['}
.list_items .item .titre span:after{content:']'}
.list_items .item .titre .sous_titre{font-family:'Avenir-Roman';font-size:14px}
.list_items .item .billetterie:after{content:'\e801';font-family:'fontello';font-size:22px;color:#000;vertical-align:middle}
.list_items .item .billetterie:before{content:'';background-color:#000;margin:0 20px 0 0;display:inline-block;width:1px;height:45px;vertical-align:middle;}
.list_items .item span{width:100%}
.bloc_cateTO span{text-transform:none;font-family:'Avenir-Black';font-size:45px;line-height:1}
.bloc_cateTO .title{font-family:'Avenir-Roman';font-size:45px;color:#fff;margin:0 0 20px}
.en_savoir{font-family:'Avenir-Light';color:#fff;text-transform:uppercase;font-size:18px}
.bloc_cateTO.gradient:hover .title, .gradient:hover .en_savoir{color:#7d7c7d}
.list_items .item:hover{border:1px dashed #fff;}
/*.list_items .item a:hover > div, .list_items .item a:hover .titre span, .list_items .item a:hover .titre .sous_titre{color:#7d7c7d}
.list_items .item a:hover .billetterie:after{color:#000}*/

/*Photothèque*/
.image_mediatheque a{width: 33%;padding:5px 5px 0;box-sizing: border-box;display:block;}
.image_mediatheque a div{overflow:hidden;}
.fancybox-caption__body, .fancybox-button svg path{color:#fff}
.image_mediatheque a img{transition: transform .5s ease;}
.image_mediatheque a:hover img{ transform: scale(1.1);}

/*Saison*/
.filtersaision{text-align:left;}
.filtersaision select{border:none;border-bottom:1px solid #000;color:#000;font-family:'Avenir-Black';font-size:14px;padding:10px 5px;margin:0 0 25px}

/*Travaux ecoles*/
.zone_filter{background-color:#f8f8f8;padding:25px 35px;margin:0 0 50px}
.filtertravaux{display:inline-block;vertical-align:middle;padding-right:30px;width:25%;position:relative}
.fliterecole.filtertravaux{width:40%}
.filtertravaux .selected{border-bottom:1px solid #7d7c7d;color:#000;font-family:'Avenir-Black';font-size:14px;padding:10px 5px;margin:0 0 25px;cursor:pointer;transition:all .4s}
.filtertravaux .selected:before{font-size:22px;padding:4px 15px;position:absolute;right:40px;margin-top:-3px;content:'\e800';font-family:'fontello';color: #7d7c7d}
/*.filtertravaux .selected:hover{background:var(--main-color)}*/
.filtertravaux ul{padding:0;margin:0;display:inline-block;width:calc(100% - 30px);position:absolute;z-index:1;display:none;text-align:left;background-color:#f8f8f8;top:33px;}
#main .filtertravaux li{margin:0}
.filtertravaux li{list-style:none;color:#000;padding:10px 40px;font-size:18px;display:inline-block;width:100%;cursor:pointer}
.filtertravaux li.selected{border:1px solid #7d7c7d;padding:10px 40px;margin:0}
.filtertravaux .btn:before, .filtertravaux .btn:after, .filtertravaux .btn > *:before, .filtertravaux .btn > *:after{background-color:#f8f8f8}
#main .filtertravaux ul li:before{display:none;}
.result{font-family:'Courier New';font-family:18px;text-transform:uppercase;color:#7d7c7d;font-weight:bold;cursor:pointer;}
.items_grid .type_ecole, .items_grid .type_projets{padding:10px;color:#000;font-family:'Courier New';font-size:15px;line-height:1;text-transform:uppercase;font-weight:bold;word-break: break-word;;text-align:center;border:1px solid #000;border-bottom:none;border-left:none;display:inline-block;vertical-align:top}
.items_grid .type_ecole{width:70%;text-align:left;}
.items_grid .type_projets{width:30%}
#lct-widget-ecole-container .items_grid .item {width: calc(33% - 8px);margin:0 15px 15px 0;height:350px;text-align:center;}
#lct-widget-ecole-container .items_grid .item a{background-color:#f8f8f8}
#lct-widget-ecole-container .items_grid .item:nth-child(3n+3){margin:0 0 15px}
#lct-widget-ecole-container .items_grid .image_grid{display:inline-flex;height:230px}
#lct-widget-ecole-container .items_grid .image_grid img{width:auto;margin:auto;vertical-align: middle;max-width:250px}
#lct-widget-ecole-container .items_grid .item h2{text-align:left;margin:0;padding:10px 0 20px;line-height:1.2}
#lct-widget-ecole-container .items_grid .grid_item{top:350px;height:350px;text-align:left;}
#lct-widget-ecole-container .items_grid .item a:hover .grid_item{top:0}
/*.filtertravaux li:hover{border-top:1px solid var(--main-color);background:var(--main-color)}*/

/*Recherche*/
.wp-block-search label{display:none}
h1.search{text-transform:none}
h2 a, .nav-previous a, h2 a:visited, .nav-previous a:visited{color:#000}
h2 a:hover, .nav-previous a:hover{color:#7d7c7d}

/*NewsLetter*/
.newsletter iframe #field_1285153796 label{font-size: 16px;font-family: 'Avenir-Roman';line-height: 1.3;}

/*FOOTER*/
.site-footer{max-width:1200px;margin:80px auto 0;border-top:1px solid #000;border-bottom:1px solid #000;padding:30px 0}
.site-info .logo_footer, .site-info .adresse, .site-info .right_part{display:inline-block;vertical-align:top}
.site-info .adresse{width:45%;}
.site-info .right_part{width:40%}
.site-info .logo_footer{text-align:center;width:auto;padding:0 30px 0 0}
.site-info .right_part .logo_footer img{max-width:none}
.site-info .right_part p{font-size:14px;text-align:left;}
.site-info .adresse p{font-size:24px;font-family:'Avenir-Medium'}
.site-info .social_footer .menu-reseaux-social-container{margin:3px 0 0}
.site-info .social_footer .menu-reseaux-social-container li{margin:0 15px 0 0}
.site-info .social_footer .menu-reseaux-social-container li:last-child{margin:0}
.site-info .adresse h2,.site-info .social_footer .title{margin:0 0 15px;font-size:16px;font-family:'Avenir-Black'}
.site-info .adresse p{margin:0;color:#051017}
.site-info .adresse p:first-child{margin:5px 0}
.site-info .adresse p a{color:#000;position:relative;text-decoration:none;}
.site-info .adresse p a:before{content:'';position: absolute;bottom: 0;width: 100%;height: 1px;background-color:#000}
.site-info .adresse p a:after{content: "";position: absolute;bottom: -1px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.75s;opacity: 0;background-color: #7d7c7d;left:0}
.site-info .adresse p a:hover:after{width: 100%;opacity: 1;}
.site-info .adresse #text-2{margin:0}
#text-3{text-align:center;margin:0 0 15px}
.social_footer{text-align:center;}
.social_footer .menu-reseaux-social-container{padding:0}
.menu-menu-footer-container ul{list-style:none;margin:0 0 15px;padding:0;text-align:center;}
.menu-menu-footer-container ul li{display:inline-block;font-family:'Avenir-Roman';font-size:11px}
.menu-menu-footer-container ul li:after{content:'\2022';color:#000;margin:0 20px}
.menu-menu-footer-container ul li:last-child:after{display:none;}
.menu-menu-footer-container ul li a{color:#000;text-decoration:none;position:relative;}
.menu-menu-footer-container ul li a:after{content: "";position: absolute;bottom: -5px;width: 0px;height: 2px;margin: 5px 0 0;transition: all 0.2s ease-in-out;transition-duration: 0.75s;opacity: 0;background-color: #7d7c7d;left:0}
.menu-menu-footer-container ul li a:hover:after{width: 100%;opacity: 1;}

/*Animation button*/
.btn {position: relative;display: inline-block;padding:10px 15px;cursor: pointer;overflow: hidden;}
.btn:before, .btn:after {content: "";position: absolute;left: 0;height: 2px;width: 100%;background-color: #fff;}
.btn:before {top: 0;}
.btn:after {bottom: 0;}
.btn:hover > * > *:before, .btn:hover > * > *:after {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn:hover > * > * > *:before, .btn:hover > * > * > *:after {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.btn > *:before, .btn > *:after {content: "";position: absolute;top: 0;height: 100%;width: 2px;background-color: #fff;}
.btn > *:before {left: 0;}
.btn > *:after {right: 0;}
.btn > * > *:before, .btn > * > *:after {content: "";position: absolute;left: 0;z-index: 9;height: 2px;width: 100%;background-color: #000;}
.btn > * > *:before {top: 0;-webkit-transform: translate3d(-105%, 0, 0);transform: translate3d(-105%, 0, 0);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.btn > * > *:after {bottom: 0;-webkit-transform: translate3d(105%, 0, 0);transform: translate3d(105%, 0, 0);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.btn > * > * > *:before, .btn > * > * > *:after {content: "";position: absolute;top: 0;z-index: 9;height: 100%;width: 2px;background-color: #000;}
.btn > * > * > *:before {left: 0;-webkit-transform: translate3d(0, 105%, 0);transform: translate3d(0, 105%, 0);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.btn > * > * > *:after {right: 0;-webkit-transform: translate3d(0, -105%, 0);transform: translate3d(0, -105%, 0);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);}

.spin{position:relative;box-sizing: border-box;}
.spin:hover{color: #000;}
.spin::before, .spin::after{top: 0;left: 0;content:'';box-sizing: inherit;position: absolute;width: 100%;height: 100%;}
.spin::before{border: 2px solid transparent;}
.spin:hover::before{border-top-color: #000;border-right-color: #000;border-bottom-color: #000;-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;}
.spin::after {border: 0 solid transparent;}
.spin:hover::after {border-top: 2px solid #000;border-left-width: 2px;border-right-width: 2px;-webkit-transform: rotate(270deg);transform: rotate(270deg);-webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;}
.menu-reseaux-social-container li a{box-shadow: none;}
.menu-reseaux-social-container li a::before, .menu-reseaux-social-container li a::after {border-radius: 100%;}