/*
Theme Name: SIVO
Author: Anthony, Les Imageurs
Description: Template créé pour le site sivo
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sivo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
font-family: 'Blogger';
src: url('fonts/Blogger_Sans.otf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Blogger';
src: url('fonts/Blogger_Sans-Bold.otf') format('truetype');
font-weight: 700;
}
@font-face {
font-family: 'Blogger';
src: url('fonts/Blogger_Sans-Medium.otf') format('truetype');
font-weight: 300;
}
@font-face {
font-family: 'Blogger';
src: url('fonts/Blogger_Sans-Light.otf') format('truetype');
font-weight:100;
}


*{ padding:0 auto;}
body{ font-size:16px; font-family:'Roboto', sans-serif; font-weight:400;}
ul, ol{list-style: none; margin:0; padding:0;}
.clear{float:none; clear:both; display:block; border:none;}
a{color:#d12e26;}
a.perma{position:absolute; top: 0; left:0; width:100%; height:100%;}
a:hover, a:active, a:focus, a:visited{color:#d12e26; text-decoration:underline;}
h1{margin:30px 0 10px;}
h2{margin:30px 0 10px;}
h3{margin:30px 0 10px;  color:#666; font-size:140%;}
h4{margin:30px 0 10px;}
h5, h6{margin:20px 0 10px;}
blockquote{font-style:italic;}
iframe{max-width:100% !important; min-width: 100% !important;}
img{max-width: 100%; height:auto;}
[class*=smart]{display:none;}
#show_menu{display:none;}


/* Génériques */
.alignleft{float:left; margin: 0 15px 15px 0;}
.alignright{float:right; margin: 0 0 20px 20px;}
.alignnone{float:none; clear:both;}
.inblock{display:inline-block;}
.block{display:block;}
.bold{font-weight:bold;}
.maj{text-transform: uppercase;}
.text-center{text-align: center;}
.rond{border-radius:200px; border:4px solid #d8d8d8;}
.no-padding{padding:0;}
.pad10{padding:10px;}
.padt10{padding-top:10px;}
.padt20{padding-top:20px;}
.padt30{padding-top:30px;}
.padt40{padding-top:40px;}
.padt50{padding-top:50px;}
.padb10{padding-bottom:10px;}
.padb20{padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padb40{padding-bottom:40px;}
.padb50{padding-bottom:50px;}
.padl10{padding-left:10px;}
.padl20{padding-left:20px;}
.padl30{padding-left:30px;}
.padl40{padding-left:40px;}
.padl50{padding-left:50px;}
.padr10{padding-right:10px;}
.padr20{padding-right:20px;}
.padr30{padding-right:30px;}
.padr40{padding-right:40px;}
.padr50{padding-right:50px;}
.floatr{float:right;}
.margr20{margin-right:20px;}
.margt10{margin-top:10px;}
.margt20{margin-top:20px;}
.margt30{margin-top:30px;}
.margt40{margin-top:40px;}
.margt50{margin-top:50px;}
.margb10{margin-bottom:10px;}
.margb20{margin-bottom:20px;}
.margb30{margin-bottom:30px;}
.margb40{margin-bottom:40px;}
.margb50{margin-bottom:50px;}
.bg-white{background-color:#fff;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs100{font-size:100%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs160{font-size:160%;}
.fs170{font-size:170%;}
.fs180{font-size:180%;}
.fs190{font-size:190%;}
.fs200{font-size:200%;}
.flex-container {display:flex; flex-wrap:wrap; justify-content:flex-start;}
.flex-container > *{margin:0;}
.row.flex-container:before,.row.flex-container:after{display:none;}
.relative{position:relative;}
/* Ajout pour ce site */
.bg-gris{background-color:#e4e4e4; padding:20px;}

.wp-block-gallery{display:flex; flex-wrap:wrap;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%)}

/* Ajout pour ce site */
.has-small-font-size{font-size:75% !important;}
.has-medium-font-size{font-size:115% !important;}
.has-large-font-size{font-size:150% !important; line-height:140%;}
.has-xlarge-font-size{font-size:170% !important;}
.has-xxlarge-font-size{font-size:200% !important;}
.has-xxlarge-font-size{font-size:240% !important;}
.has-xxxlarge-font-size{font-size:280% !important;}

.alignwide {margin-left: -50px; margin-right: -50px;}
.alignfull {margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.alignfull img{width:100%;}

.wp-block-button__link:hover{opacity:0.7;}
.has-rouge-background-color{background-color:#d12e26;}
.has-bleu-background-color{background-color:#0083d0;}
.has-bleu-ciel-background-color{background-color:#eef8ff;}
.has-vert-background-color{background-color:#6ba400;}
.has-gris-clair-background-color{background-color:#e7e9e9;}
.has-gris-fonce-background-color{background-color:#c5cdce;}
.has-rouge-color{color:#d12e26 !important;}
.has-bleu-color{color:#0083d0 !important;}
.has-vert-color{color:#6ba400 !important;}
.has-gris-clair-color{color:#e7e9e9 !important;}
.has-gris-fonce-color{color:#c5cdce !important;}
.has-noir-color{color:#000 !important;}
.has-blanc-color{color:#fff !important;}

.wp-block-media-text{align-items:inherit;}
.wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content{padding-right:0px;}
.wp-block-media-text .wp-block-media-text__media{align-self:inherit;}
.wp-block-media-text .wp-block-media-text__content{align-self:inherit;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-left:0px;}
.wp-block-media-text h2, .wp-block-media-text h3, .wp-block-media-text h4{margin-top:0;}

.wp-block-media-text .wp-block-media-text__content{padding:0 5%; width:100%;}
.padl0.wp-block-media-text .wp-block-media-text__content{padding-left:0;}
.padr0.wp-block-media-text .wp-block-media-text__content{padding-right:0;}

.ugb-team-member.ugb-main-block{margin:0; height:100%;}
.ugb-team-member.ugb-main-block .ugb-inner-block, .ugb-team-member.ugb-main-block .ugb-inner-block .ugb-block-content{height:100%;}

.ugb-container .ugb-container__wrapper{width:1140px; max-width:100%;}
.ugb-container.ugb-align-horizontal-center .ugb-container__content-wrapper, .ugb-container.ugb-container--align-horizontal-center .ugb-container__content-wrapper{width:100%;}
.alignfull .has-grid-lrg .blockgallery--item{width:33.33333%;}

.ugb-team-member.ugb-team-member--v3.ugb-team-member--design-basic .ugb-team-member__item{padding:30px 10px !important; width:100%;}
.ugb-team-member.ugb-team-member--v3.ugb-team-member--design-basic .ugb-team-member__item *{max-width:100%;}
h4.ugb-team-member__name{font-weight:bold; margin-top:10px;}
.page-int p.ugb-team-member__position{line-height:1.2;}

.hidden-team2 .ugb-team-member__item2{opacity:0;}

.is-style-squared .wp-block-button__link{border:2px solid #dd7b2e; color:#fff;}
.is-style-squared .wp-block-button__link:hover{background-color:#fff; color:#dd7b2e; text-decoration:none;}

.wp-block-columns{gap:2em;}
.wp-block-columns.is-not-stacked-on-mobile{gap:0;}
.wp-block-columns.icon .wp-block-column:last-of-type{margin-left:10px;}

.overflow-hidden{position:relative; width:100%; overflow-x:hidden;}
.pgcsimplygalleryblock-grid-item-title{display:none !important;}


.tarteaucitronSelfLink{display:none !important;}
div#tarteaucitronAlertBig:before{display:none;}
body #tarteaucitronRoot div#tarteaucitronAlertBig{box-shadow: 0 0 100px rgba(0,0,0,0.7)}
#tarteaucitronRoot #tarteaucitronAlertBig{background-color:#fff !important; color:#000 !important;}
#tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong{color:#000 !important;}
.tarteaucitronDeny{background:red !important; color:#fff !important;}
#tarteaucitronCloseAlert{border:1px solid #000 !important; margin-top:10px;}
#tarteaucitronCloseAlert:hover{background-color:#f1f1f1 !important;}



/* Péage */
.peage{position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:rgba(0,0,0,0.3);}
.peage > section{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff; padding:50px; font-size:130%; min-width:30%; text-align:center;}
.peage > section .close-peage{background-color:#000; position:absolute; top:-15px; right:-15px; border-radius:200px; padding:0px 10px 4px; color:#fff; font-size:150%; line-height:1;}
.peage .title{font-weight:bold; font-size:150%;}
.peage a{display:block; margin-bottom:20px; padding:20px; background-color:#f1f1f1; color:#000;}
.peage a:hover{background-color:#a12a21; color:#fff; text-decoration:none;}
.peage a strong{display:block; font-size:120%;}


/*###############################################################################################################################################
##### = HEADER ##################################################################################################################################
###############################################################################################################################################*/
/* -------------------------------- MENU PRINCIPAL -------------------------------- */
.top-nav-header{border:1px solid #d2d2d2;}
#accessconfig{display:inline-block;}
#accessconfig button{background:#fff url(images/picto_accessibilite.png) scroll no-repeat 10px center; border:none; padding:15px 15px 15px 50px;}
#accessconfig button:hover{background-color:#d12e26; background-image:url(images/picto_accessibilite_on.png); color:#fff;}
#a42-ac{font-size:80%; margin:0; transform:translate(-50%, -50%); top:50%;}
.go-to-content{display:inline-block; padding:10px 0;}
.go-to-content:hover{background-color:#d12e26;}
.go-to-content a{display:block; padding:5px 15px; border-left:1px solid #aaa7a7; border-right:1px solid #aaa7a7; color:#333;}
.go-to-content:hover a{color:#fff; text-decoration:none;}
.menu-menu-secondaire-container{display:inline-block;}
.menu-secondaire li, .menu-rs li{display:inline-block; font-family: 'Blogger';}
.menu-secondaire li{padding:15px 0;}
.menu-secondaire li:hover{background-color:#d12e26;}
.menu-secondaire li a{display:block; padding:5px 15px; color:#333;}
.menu-secondaire li:hover a{color:#fff; text-decoration:none;}
.menu-secondaire li:not(:last-child) a{border-right:1px solid #aaa7a7;}

.menu-rs{text-align:right;}
.menu-rs li a{display:block; padding:15px 20px;}
.menu-rs li:hover{filter: invert(28%) sepia(100%) saturate(600%) hue-rotate(175deg) brightness(95%) contrast(105%);}
.menu-rs li.facebook{background:url(images/facebook.svg) scroll no-repeat center center / auto 34px;}
.menu-rs li.instagram{background:url(images/instagram.svg) scroll no-repeat center center / auto 34px;}
.menu-rs li:not(:last-child){margin-right:15px;}

.custom-logo-link{display:block; padding:15px 0;}

/* Slider */
.slider{position:relative; margin-bottom:40px;}
.search-form{position:absolute; top:173px; right:-100%; width:50%; z-index:3; transition:0.6s right linear 0s;}
.search-form.on{right:0;}
.search-form #s{width:100%; float:left; padding:25px; border:2px solid #e3e3e3; background-color:#fff; margin-right:25px;}
.img-responsive{width:100%;}


/* Partie principale */
.bandeau-nav-header li{display:inline-block;}
.bandeau-nav-header li a{display:block; color:#fff; padding:10px 30px;}
.bandeau-nav-header li:hover a{background-color:#d12e26;}

li.smart.loupe{display:none; float:right; cursor:pointer; background:url(images/picto_loupe.png) scroll no-repeat center center; padding:48px 45px;}
li.smart.loupe:hover a{background-image:url(images/picto_loupe_on.png);}
#menu_principal{text-align:right; font-family: 'Blogger'; padding-top:20px;}
#menu_principal li{display:inline-block; position:relative; text-align:left; vertical-align:top;}
#menu_principal li:hover{background-color:#d12e26;}
#menu_principal li:hover > a, #menu_principal li.current-menu-item:hover > a, #menu_principal li.current-menu-ancestor:hover > a{color:#fff;}
#menu_principal li a{display:block; padding:10px 15px; color:#000; min-height:100%; width:100%; font-size:120%;}
#menu_principal li a:hover{text-decoration:none;}
#menu_principal li.current-menu-item:hover{background-color:#d12e26;}
#menu_principal li.current-menu-item a{color:#fff;}
#menu_principal li.menu-item-has-children:hover{background:#d12e26;}
#menu_principal li.menu-item-has-children.current-menu-ancestor{background:#d12e26;}
#menu_principal li.menu-item-has-children.current-menu-ancestor > a{color:#fff;}
#menu_principal li.current-menu-item, #menu_principal li.current-menu-ancestor{background:#d12e26;}
#menu_principal li.news a{font-size:115%; padding-bottom:23px;}
#menu_principal li.news svg{display:block; width:26px; height:26px; margin-bottom:8px;}
#menu_principal li.agenda a{background:url(images/picto_agenda.png) scroll no-repeat center 15px / auto 20%; font-size:115%; padding:23px 15px;}
#menu_principal li.agenda.current-menu-item a, #menu_principal li.agenda:hover a{background-image:url(images/picto_agenda_on.png);}
#menu_principal li.blog a{background:url(images/picto_blog_header.png) scroll no-repeat center 15px; font-size:115%; padding:23px 15px;}
#menu_principal li.blog.current-menu-item a, #menu_principal li.blog:hover a{background-image:url(images/picto_blog_header_on.png);}
#menu_principal li.loupe{cursor:pointer;}
#menu_principal li.loupe a{background:url(images/picto_loupe.png) scroll no-repeat center 18px; padding:15px 30px;}
#menu_principal li.loupe.current-menu-item a, #menu_principal li.loupe:hover a{background-image:url(images/picto_loupe_on.png);}

#menu_principal li ul{display:none; position:absolute; top:100%; left:0; background-color:#fff; z-index:2000; min-width:280px; padding:0;}
/* MENU DEROULANT  */
#menu_principal ul li:hover ul{display:block;}
#menu_principal ul li:hover ul li{display:block; padding:0;}
#menu_principal ul li ul li a{display:block; padding:15px; color:#fff; text-transform:uppercase; font-size:inherit;}
#menu_principal ul li:hover ul li:hover a{color:#000; background-color:#fff;}
#menu_principal li.current-menu-ancestor li{background:#fff;}
#menu_principal li.current-menu-ancestor li:hover a{color:#000;}
#menu_principal li.current-menu-ancestor li.current-menu-item a{color:#000; background-color:#fff;}

/*###############################################################################################################################################
##### = HOMEPAGE ################################################################################################################################
###############################################################################################################################################*/
.quick-access .wp-block-column{box-shadow:0 0 10px rgba(0,0,0,0.3); border:2px solid #d3d3d3; padding:20px; font-family:"Blogger"; font-weight:100;}
.quick-access .wp-block-column:hover{background-color:#d12e26; color:#fff;}
.quick-access .wp-block-column a{color:#333;}
.quick-access .wp-block-column:hover a{color:#fff; text-decoration:none;}
.quick-access .wp-block-column.hover-bleu:hover{background-color:#0083D0;}
.quick-access .wp-block-column.hover-vert:hover{background-color:#6BA400;}

.home-agenda-container{clear:both; margin-top:35px; justify-content:flex-start;}
.home-agenda-block{margin:60px 0;}
.home-agenda-block h2{font-family:'Blogger'; font-weight:400; font-size:300%; padding-left:55px; background:url(images/picto_agenda.png) no-repeat left 4px;}
.all-agenda, .all-agenda:visited{float:right; border:2px solid #000; border-radius:25px; padding:8px 20px; color:#000; font-size:90%; font-family:"Blogger"; color:#333;}
.all-agenda:hover{color:#fff; background-color:#000; text-decoration:none;} 
.home-agenda{position:relative; padding:5px; margin:0;}
.home-agenda a{color:#333;}
.home-agenda a:hover{text-decoration:none;}
.home-agenda a.cat-container{position:absolute; top:5px; right:5px; padding:10px 30px; color:#fff; z-index:3; font-family:"Blogger";}
.home-agenda:hover .cat-container{opacity:1;}
.home-agenda img{width:100%;}
.home-agenda .bg{display:block; background-color:#c5cdce; height:100%;}
.home-agenda .bg:hover{color:#000; opacity:0.7}
.home-agenda .bg p{margin:0; line-height:1.2;}
.home-agenda:nth-child(2n) .bg{background-color:#e7e9e9;}
.home-agenda-img{width:100%; height:275px; background-attachment:scroll; background-repeat:no-repeat; background-size:cover;}
.home-agenda .report{margin-bottom:10px;}
.home-agenda .report span{padding:5px 10px; background-color:#d12e26; color:#fff; display:inline-block;}
.home-agenda-title{font-size:190%; text-transform:uppercase; line-height:1;}
.page-int p.home-agenda-title{font-size:190%; text-transform:uppercase; line-height:1;}
.home-agenda-content{padding:20px 20px 30px; margin-top:10px; font-weight:100;}
.home-agenda-date{display:inline-block; margin:5px 0 10px;}
.home-agenda .dates-supplementaires{display:inline-block; padding:2px 8px; border:1px solid #000; border-radius:20px; font-size:85%; margin-left:10px;}

/*###############################################################################################################################################
##### = PAGES INTERIEURS  #######################################################################################################################
###############################################################################################################################################*/
.picto-title{filter: grayscale(1); max-width:75px; margin-right:20px;}
.liste-enfants .wp-block-column{position:relative;}
.liste-enfants .wp-block-column h2{font-size:140%;}
.liste-enfants .wp-block-column:not(.vide){background-color:#f0f0f0; padding-bottom:30px;}
.liste-enfants .wp-block-column:not(.vide):hover{background-color:#c5cdce; padding-bottom:30px;}
.liste-enfants .wp-block-column *:not(figure):not(img):not(a){padding:0 20px;}
.liste-enfants a.perma{position:absolute; top:0; left:0; display:block; width:100%; height:100%;}

.liens-utiles{display:flex; gap:2rem 6rem; padding:20px; box-shadow:0 0 5px rgba(0,0,0,0.3); margin-bottom:40px; font-size:120%;}
.liens-utiles h3{flex:0 0 calc(33.333% - 3rem); font-size:150%; text-transform:uppercase; font-weight:100; font-family:"Blogger"; margin:0; padding-left:70px; background-repeat:no-repeat; background-position:10px top; background-size:45px;}
.liens-utiles a{display:block; color:#d12e26; background:url(images/picto_pdf.svg) scroll no-repeat left 7px / auto 20px; padding:5px 0 5px 25px; font-size:90%;}
.liens-utiles__links{flex:0 0 calc(66.666% - 3rem); display:flex; gap:2rem 4rem; flex-wrap:wrap;}
.liens-utiles__links a{flex:0 0 calc(50% - 2rem);}

/* Page par défaut*/
#fil{padding:30px 0; color:#9c9c9c;}
#fil .deco-crumb{background:url('images/icon_crumb.jpg') no-repeat center center; padding:10px;}
#fil li{display:inline-block;}
#fil a{color:#666;}
.banniere-int img{width:100%;}
.page-int{margin-bottom:50px;}
.page-int h1{text-transform:uppercase; margin-bottom:60px;}
.page-int h1, .page-int h2, .page-int h3, .page-int h4{font-family:"Blogger";}
.page-int h1 br{display:none;}
.page-int p{line-height: 175%;}
.page-int ul{list-style: disc inside;}
.titre{display:block;color:#666; font-size:200%; text-transform: none; margin:-45px 0 30px 0;}

/* CPT Agenda : single-agenda.php */
.galerie-images.slider{position:relative; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:40px 0;}
.galerieCarousel-indicators{bottom:5px; left:0; margin:0; width:100%;}
.galerieCarousel-indicators li{border:1px solid #d12e26; background-color:#fff; display:inline-block; height:15px; width:15px; margin-right:10px; border-radius:200px;}
.galerieCarousel-indicators li.active, .galerieCarousel-indicators li:hover{background-color:#d12e26; display:inline-block; height:15px; width:15px; margin-right:10px; border-radius:200px;}

.agenda-cat-picto{filter: grayscale(1); max-width:75px;}
.back-to-agenda-listing, .back-to-agenda-listing:visited{border:2px solid #000; border-radius:20px; display:inline-block; padding:8px 15px; float:right; color:#333;}
.back-to-agenda-listing:hover{background-color:#000; color:#fff; text-decoration:none;}
.agenda-title h1{margin:0 0 15px; text-transform:uppercase;}
.single-event-content h3{color:#000;}
.agenda-informations-container{background-color:#e7e9e9; padding:20px; margin:40px 0; line-height:1.5}
.agenda-informations-container .billetterie{display:inline-block; background:#d12e26 url(images/picto_billeterie.png) scroll no-repeat 20px center; color:#fff; padding:15px 30px 15px 80px; text-transform:uppercase; margin-top:30px;}
.agenda-informations-container .billetterie:hover{background-color:#000; text-decoration:none;}
.agenda-dates-container{position:relative;}
.agenda-dates-container:before{content:""; position:absolute; top:0; right:20px; height:100%; width:1px; border-right:1px solid #000;}
.agenda-dates-container .report{margin-bottom:10px;}
.agenda-dates-container .report span{padding:5px 10px; background-color:#d12e26; color:#fff; display:inline-block; font-size:90%;}
.agenda-informations{padding-left:60px; background:url(images/picto_informations.png) scroll no-repeat left top;}
.agenda-informations div{margin-bottom:10px;}

.jauge{position:relative; background-color:#fff; margin-top:5px;} 
.jauge span{background-color:#7aba01; display:inline-block; vertical-align:top; width:100%; text-align:center; height:25px;}
.jauge i{position:absolute; top:0; left:0; width:100%; text-align:center; }

/* Listing enfant */
.child-container{margin:0 0 30px;}
.child-container > section{margin-bottom:30px; background-color:#f0f0f0; height:100%;}
.child-container > section:hover{background-color:#c5cdce;}
.child-container > section a{color:#000; display:block; height:100%;}
.child-container > section:hover a{color:#000; text-decoration:none;}
.child-container .child-visuel{aspect-ratio:1.6;}
.child-container img{height:100%; width:100%; object-fit:cover;}
.child-container .child-content{padding:20px;  font-family: 'Blogger';}
.child-container .child-content h2{font-size:140%; margin-top:0;}


/* Listing agenda */
.agenda-listing{position:relative; background:#f3f3f3 url(images/picto_right_arrow.png) scroll no-repeat 98% 90%; padding:20px; font-family: 'Blogger';}
.agenda-listing:hover{background-color:#c5cdce;}
.agenda-listing:not(:last-child){margin-bottom:40px;}
.agenda-listing:before{content:""; position:absolute; left:48%; top:20px; height:80%; width:1px; background-color:#000;}
.agenda-listing a{color:#333;}
.agenda-listing a:hover{color:#000;}
.agenda-listing-visuel{width:100%; height:175px; background-attachment:scroll; background-repeat:no-repeat; background-size:cover;}
.agenda-listing-visuel img{display:none;}
.agenda-date{display:block; margin-top:10px; font-size:120%;}
.agenda-date-smart{display:none; margin-top:10px; font-size:120%;}
.agenda-date .report span{padding:5px 10px; background-color:#d12e26; color:#fff; display:inline-block;}
.agenda-listing-title{font-size:150%; font-family: 'Blogger'; font-weight:bold; text-transform:uppercase; margin:0;}
.agenda-listing-excerpt{font-family:"Roboto";}
.agenda-listing-date{color:#d12e26; font-family:"Roboto";}

.agenda-liens-utiles{padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.3); margin-bottom:40px; font-size:120%;}
.agenda-liens-utiles .col-sm-4:first-child{background:url(images/picto_big_right_arrow.png) scroll no-repeat right center; font-size:130%; text-transform:uppercase; font-family:"Blogger";}
.agenda-liens-utiles .col-sm-4:first-child img{float:left; max-width:65px; margin-right:20px;}
.agenda-liens-utiles-title{font-weight:100;}
.agenda-liens-utiles .col-sm-4:last-child{border-left:1px solid #000; padding-left:30px;}
.agenda-liens-utiles a{display:block; color:#d12e26; background:url(images/picto_pdf.svg) scroll no-repeat left center; padding-left:40px;}

/* Search */
.result-container{background-color:#f1f1f1; margin-bottom:30px;}
.result-container:hover{background-color:#bb1c1c;}
.result-container:hover a{color:#fff;}
.result-container:hover .title-search{color:#fff;}
.result-container .search-fil{font-style:italic; font-size:85%; margin-bottom:15px;}
.result-container a{display:block; color:#000; padding:20px;}
.title-search{font-size:120%; color:#bb1c1c; font-weight:400; display:block; margin-bottom:20px;}


/* Partage / Réseaux sociaux */
.partage-rs-title{font-size:150%; font-family:"Blogger"; text-transform:uppercase; margin-right:15px;}
.msb-link{margin-right:20px; font-size:150%;}
.msb-twitter:hover{color:#00aced}
.msb-facebook:hover{color:#3b5997}
.msb-linkedin:hover{color:#0074a1}
.msb-email:hover{color:#3e3e3e}
.partage-reseaux-sociaux{margin:20px 0 25px 0;font-size:90%}
.partage-reseaux-sociaux a{color:#000}

/* Partenaires */
.list-partenaires{display:flex; gap:2em; flex-wrap:wrap;}
.partenaire-fiche{position:relative; flex-basis:calc(25% - 1.5em); background-color:#0083d0; border:1px solid #0083d0; transition:0.3s all ease 0s;}
.partenaire-fiche:hover{scale:1.05; box-shadow:0 0 5px rgba(0,0,0,0.5);}
.partenaire-visuel{aspect-ratio:1; display:flex; justify-content:center; align-items:center; padding:10px; background-color:#fff;}
.partenaire-visuel img{max-width:90%; max-height:90%; object-fit:contain;}
.partenaire-content{padding:10px; text-align:center; color:#fff;}
.page-int .partenaire-content p{line-height:1.2;}
.partenaire-content a{color:#fff; border-top:1px solid #0083D0;}
.partenaire-content a:hover{text-decoration:none;}

/* Contact */
.aside-contact{margin-top:90px;}
.aside-contact h2{color:#000;}
.infos-contact{margin-bottom:40px;}
.wpcf7-form p{margin:40px 0;}
.wpcf7-form span{display:inline-block; width:100%;}
.wpcf7-form span.wpcf7-form-control-wrap{width:auto;}
.wpcf7-form span.wpcf7-list-item{margin:0;}
.wpcf7-form span.required{display:inline-block; color:orange; font-weight:bold; width:auto;}
.wpcf7-form label{display:block; width:100%;}
.wpcf7-form input{display:block; width:100%; padding:5px;}
.wpcf7-form input[type="checkbox"]{display:inline-block; width:auto; margin-right:15px;}
.wpcf7-form textarea{display:block; width:100%; padding:5px;}
.wpcf7-form .wpcf7-recaptcha{float:left;}
.wpcf7-form input[type='submit']{clear:both; display:block; width:100px; padding:5px; background-color:#fff; color:#004f9f; border:1px solid #004f9f; clear:both; float:right; margin-right:15px; text-transform:uppercase;}
.wpcf7-form input[type='submit']:hover{background-color:#004f9f; color:#fff;}


/* Plan du site */
.sitemap li{margin:20px 0;}
.sitemap li a{color:#666; font-size:120%;}
.sitemap li ul{padding-left:30px;}

/* FAQ */
/* TABS */
.Onglets{ margin-bottom:40px;}
.Tabs{ display:block; width:100%; }
.Tabs p{margin:0; padding:0;}
.Tabs a{ display:block; cursor:pointer; padding-left:20px; background:#000 url('images/icon_plus.png') no-repeat center right 10px;}
.Tabs [class*=c].On{ display:block; cursor:pointer; padding-left:20px; background:#45403A url('images/icon_moins.png') no-repeat center right 10px;}
.Tabs img{ display:block; width:100%; height:auto; }
.Tabs a:hover{ opacity:0.7;}
.Tabs a strong{ font-weight:900; display:inline-flex; align-items:center; min-height:60px; color:#fff; text-transform: uppercase; font-size:18px; max-width: 90%;}
.TabsContent div{ display:none; padding:15px 30px; background:#f2f2f2; max-width:100%;}
.TabsContent h4{color:#e92553; font-weight:bolder; margin:20px 0 0;}	

/*###############################################################################################################################################
##### = SIDEBAR ##############################################################################################################################
###############################################################################################################################################*/
.sidebar{margin-top:10px;}
.sidebar img{display:block; margin-bottom:30px;}
.deux-menu{margin-bottom: 30px; border:1px solid #f2f2f2;}
.deux-menu li{background-color:#fff; border-left:2px solid #ddd; border-bottom:1px solid #f2f2f2; font-size:85%; padding:20px 10px; text-transform: uppercase;}
.deux-menu li:hover, .deux-menu li.current_page_item{background-color:#f2f2f2; border-left:2px solid #8cbd37;}
.deux-menu li a{display:block; width:100%; height:10%; padding: 10px 0 10px 20px; color:#606060;}
.deux-menu li:hover a, .deux-menu li.current_page_item a{color:#000; font-weight:600;}


/*###############################################################################################################################################
##### = PAGINATION ##############################################################################################################################
###############################################################################################################################################*/
.pagination ul{list-style: none;}
.pagination li{float:left; margin-right:20px;}
.page-numbers .page-numbers{background-color:#6e6e6e; padding:10px; color:#fff;}
.page-numbers .page-numbers.current, .page-numbers .page-numbers:hover{background-color:#d12e26; text-decoration:none;}


/*###############################################################################################################################################
##### = FOOTER ##################################################################################################################################
###############################################################################################################################################*/
.nl-block{background-color:#e7e9e9; padding:60px 0;}
.nl-block > .container > .row > .col-xs-12{background:url(images/visuel_newsletter.png) scroll no-repeat 0px 0px; padding:0 0 20px 120px;}
.nl-block h4{margin-top:5px; font-family:"Blogger"; font-weight:100; font-size:150%;}
input.sib-email-area{margin-right:15px; border-radius:200px; border:1px solid #000; padding:10px 15px; font-style:italic; width:300px; max-width:80%;}
.sib-email-area + div{display:none;}
input.sib-default-btn[type=submit]{background-color:#000; padding:10px 12px; border-radius:200px; border:none; color:#fff;}
.nl-block .conformite{font-size:90%; margin-top:10px;}

.back-to-top{display:none; position:fixed; bottom:0; right:0; background-color:rgba(0,0,0,0.75); color:#fff; padding:10px 20px; font-size:300%; z-index:40;}
.back-to-top:hover{background-color:rgba(0,0,0,1); color:#fff;}
footer{background-color:#d12e26; color:#fff; padding-top:40px; font-family:"Blogger"}
footer a, footer a:visited{color:#fff; text-decoration:underline}
footer a:hover{color:#fff; text-decoration:none;}
footer aside:not(:last-child){border-right:1px solid #fff;}
footer nav{text-align:center; background-color:#000; margin-top:40px;}
footer nav li{display:inline-block; padding:10px 0;}
footer nav li a{display:block; padding: 0 20px; color:#fff;}
footer nav li:not(:last-child) a{border-right:1px solid #9d9d9d;}
footer nav li a:hover, footer nav li a:active, footer nav li a:focus, footer nav li a:visited{color:#fff;}
footer .imageurs{background:url('images/logo_imageurs.png') no-repeat center center; width:220px;}


.listing-membres{display:flex; flex-wrap:wrap; gap:2em;}
.membre-fiche{flex:0 0 calc(25% - 1.5em); background:#dce0e0; padding:30px 10px;}
.membre-fiche img{border-radius:50%; display:block; margin:0 auto; width:150px; aspect-ratio:1; max-width:80%; object-fit:cover;}
.membre-fiche h3{color:#222; text-align:center; font-size:120%; font-weight:bold;}
.page-int .membre-titre p{text-align:center; line-height:1.2;}

.membre-rs{display:flex; gap:2em; justify-content:center;}
.membre-rs a{display:flex; background-color:#004f9f; color:#fff; border-radius:50%; width:40px; aspect-ratio:1; justify-content:center; align-items:center;}
.membre-rs a:hover{background-color:#3e3e3e;}
.membre-rs svg{width:15px; height:15px;}

@media all and (min-width: 1200px){
	.container{width:1120px;}
	iframe[src*=youtube]{height:400px !important;}
	iframe[src*=dailymotion]{height:400px !important;}
}

@media all and (max-width: 1200px){
	.container{width:100%;}
	.liens-utiles{font-size:100%;}
}

@media all and (max-width: 1100px){
	.menu-secondaire{font-size:80%;}
	.menu-rs li.billeterie{padding:15px 15px 15px 60px; background-position:15px center;}
	#menu-menu-principal > li:not(:last-child){margin-right:25px;}
}

@media all and (max-width:992px){
	/*Header*/
	#accessconfig button{color:transparent; width:50px; padding-right:0; padding-left:0;}
	.menu-secondaire li.sitemap{display:none;}
	.menu-rs li.billeterie{display:none;}
	.menu-rs li.billetterie-smartphone{display:inline-block; padding:15px; background:#d12e26;}
	#menu-menu-principal > li:not(:last-child){margin-right:0;}
	#menu_principal li a{font-size:130%;}
	/* Homepage */
	.picto-accueil{text-align: center;}


	/* Listing agenda */
	.agenda-listing{background-position:98% 98%;}
	.agenda-listing .col-xs-12:last-child{padding-bottom:50px;}
	.agenda-listing:before{left:41.5%;}
	.agenda-listing-date-container{display:none;}
	.agenda-date-smart{display:block;}
	.liens-utiles{font-size:90%;}
	.liens-utiles .col-sm-4:first-child img{margin-right:10px;}
	.liens-utiles a{padding-left:20px;}

	
	.membre-fiche{flex-basis:calc(33.333% - 1.333em);}


	/*Sidebar*/
	.sidebar-deco{font-size:100%;}
	/*Footer*/
	footer nav{text-align: center; font-size:90%;}
	.menu-menu-pied-de-page-container{display:inline-block;}
}



@media all and (max-width:900px){
	.quick-access .wp-block-column{padding:10px;}
	.quick-access .wp-block-media-text{display:block; text-align:center;}
	.quick-access .wp-block-media-text img{width:30%; margin-bottom:15px;}
	.quick-access .wp-block-media-text__content p:first-child{font-size:100% !important}
	.quick-access .wp-block-media-text__content p:last-child{font-size:90% !important}

	/* Single agenda */
	.back-to-agenda-listing{float:none; margin-bottom:20px;}

}

@media all and (max-width:800px){
	.liens-utiles{font-size:75%;}
	#a42-ac{right:auto; left:50%; width:95%;}
}

@media all and (max-width:781px){
	.quick-access .wp-block-column{flex-basis:calc(33% - 16px); margin:0;}
	.quick-access .wp-block-column:nth-child(2n){margin-left:3%;}
	.quick-access .wp-block-column:nth-child(3n){margin-left:3%;}

	.liens-utiles{font-size:100%; flex-wrap:wrap;}
	.liens-utiles h3{flex-basis:100%; padding:10px 0 10px 50px; background-position:left top; }
	.liens-utiles__links{flex-basis:100%;}
}

@media all and (max-width:767px){
	[class*=smart]{display:block;}
	/*###############################################################################################################################################
	##### = HEADER -768px  ##########################################################################################################################
	###############################################################################################################################################*/
	/* Nav */
	.menu-secondaire{width:50%; padding-left:0;}
	.menu-secondaire .go-to-content{display:none;}
	.menu-rs{width:50%; padding-right:0;}

	#menu-menu-principal{display:block; margin:0;}
	.smart-icon-menu{color:#fff; font-size:300%; margin:0 auto; cursor: pointer; text-align:center; display:block; float:right; padding:47px 0;}
	.smart-icon-menu2{color:#fff; text-align:center;}
	
	.line{width:25px; height:3px; background-color:#d12e26; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.line:not(:last-of-type){margin-bottom:7px;}

	li.smart.loupe{display:inline-block;}
	#menu_principal{position:fixed; top:0; right:-100%; z-index:4; background-color:#424242; transition:0.3s right linear 0s; width:100%; height:100%; max-width:inherit; overflow-y:scroll;}
	#show_menu:checked ~ #menu_principal{right:0;}
	#menu_principal li{display:block;}
	#menu_principal li br{display:none;}
	#menu_principal li a{color:#fff; font-size:100%; padding:15px 30px;}
	#menu_principal li a:after{display:none;}
	#menu_principal li.news a{padding-bottom:15px;}
	#menu_principal li.news a svg{display:none;}
	#menu_principal li.agenda a{background:none; font-size:100%; padding:15px 30px;}
	#menu_principal li.agenda:hover a{background:none;}
	#menu_principal li.blog a{background:none; font-size:100%; padding:15px 30px;}
	#menu_principal li.blog:hover a{background:none;}
	#menu_principal li.loupe{display:none;}
	#menu_principal li ul{display:block; position:relative; top:auto; background-color:transparent;}
	#menu_principal li ul li a{padding-left:60px;}
	#menu_principal ul li ul li a{padding:15px 30px 15px 60px; font-size:100%; text-transform:inherit; color:#fff;}
	#menu_principal li.current-menu-ancestor li{background-color:transparent;}
	#menu_principal li.current-menu-ancestor li a{color:#fff;}

	/*###############################################################################################################################################
	##### = PAGES INT -768px  #######################################################################################################################
	###############################################################################################################################################*/
	.page-int{padding:0 30px; margin:0;}
	
	/* Listing agenda */
	.agenda-listing:before{display:none;}
	.agenda-listing-visuel{background:none !important; height:auto;}
	.agenda-listing-visuel img{display:block; width:100%;}

	/* Single agenda */
	.agenda-dates-container{margin-bottom:30px;}
	.agenda-dates-container:before{display:none;}


	.membre-fiche{flex-basis:calc(50% - 1em);}


	/*###############################################################################################################################################
	##### = FOOTER -768px  ##########################################################################################################################
	###############################################################################################################################################*/
	footer{text-align: center;}
	footer nav li{float:none; display:inline-block;}
}

@media all and (max-width:650px){
	.quick-access .wp-block-media-text{display:grid; text-align:left;}
	.quick-access .wp-block-column{flex-basis:calc(100% - 16px); margin:0 0 30px;}
	.quick-access .wp-block-column:nth-child(2n){margin-left:0;}
	.quick-access .wp-block-column:nth-child(3n){margin-left:0;}
	.quick-access .wp-block-media-text figure{text-align:right;}
	.quick-access .wp-block-media-text img{width:75px;}

	.home-agenda{width:100%;}

	.search-form{width:100%;}
}


@media all and (max-width:600px){
	.wp-block-media-text{display:block !important}
	.alignwide{margin:0;}
}
@media all and (max-width:550px){
	.menu-secondaire{width:25%;}
	.menu-menu-secondaire-container{display:none;}
	.menu-rs{width:75%;}
	.menu-secondaire .sivo, .menu-secondaire .contact{display:none;}

	.page-int h1{font-size:180%; margin-bottom:30px;}
	.page-int h1 .agenda-cat-picto{float:left; margin-right:10px;}
	.page-int h1 .picto-title{float:left; margin-right:10px;}

	.membre-fiche{flex-basis:100%;}

}

@media all and (max-width:500px){
	.liens-utiles__links a{flex-basis:100%; padding-left:30px; background-position:5px top;}
}

	
@media all and (max-width:421px){
	.logo-container{display:block; text-align:center; width:40%;}
	.menu-extra{display:block; text-align:center; width:60%;}
	.sidebar{width:100%;}

	.back-to-top{padding:5px 10px; font-size:200%;}
}

#calendar{max-width:100%;}
#calendar a{color:#0083d0;}
.fc-event-title {white-space: normal !important; padding:10px !important; font-size:90%;}
.fc-daygrid-event {overflow: visible !important; white-space: normal !important; height: auto !important; line-height: 1.2;}
.fc-event-past{background-color:#6f8ea0 !important;}

.wp-block-advgb-button.pdf{width:100%; height:100%;}
.wp-block-advgb-button.pdf a{position:relative; display:flex; align-items:center; padding-left:70px; font-size:80%; min-height:60px; height:100%; border-radius:50px !important;}
.wp-block-advgb-button.pdf strong{font-weight:400; font-size:120%; display:block; }
.wp-block-advgb-button.pdf br{display:none;}
.wp-block-advgb-button.pdf a:before{content:""; position:absolute; top:50%; left:15px; translate:0 -50%; width:35px; height:50px; background:url(images/docs.svg) scroll no-repeat center / contain;}
.wp-block-advgb-button.pdf:hover a:before{background-image:url(images/docs_on.svg);}


@media all and (max-width:991px){
	#calendar{overflow:scroll;}
	.fc-view-harness{min-width:1200px;}
}

@media all and (max-width:600px){
	.fc .fc-toolbar.fc-header-toolbar{flex-wrap:wrap; gap:2em;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child{order:2}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2){order:1; width:100%;}
	.fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3){display:none;}
}