/*
Theme Name:   Impreza Child
Theme URI:    /impreza-child/
Description:  Impreza Child Theme
Author:       Camille Colvray
Author URI:   https://siti.fr
Template:     Impreza
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-readys
Text Domain:  imprezachild
*/


/*----------------*/
/*---- GLOBAL ----*/
/*----------------*/

.up-cta {
    margin-bottom: 0.5rem !important;
}

p {
    margin: 0 !important;
}

:root {
    --yellow-color: #FFE801;
    --black-color: #170F0B;
    --grey-color: #6e6e6e;
    --light-grey-color: #e4e4e4;
}

:not(.w-wc-notices)>.woocommerce-message,
:not(.w-wc-notices)>.woocommerce-error,
:not(.w-wc-notices)>.woocommerce-info {
    background-color: var(--light-grey-color) !important;
    width: 80%;
}

.section-header-global {
    background-color: var(--yellow-color);
}

.section-header-global h1 {
    text-align: center;
}

.section-header-global .w-text-h {
    background-color: #fff;
    padding: 5px;
}

.no-margin {
    margin: 0 !important;
}

.l-canvas {
    overflow: hidden;
}


/*--------------------*/
/*----- HEADER -------*/
/*--------------------*/

.menu-burger .w-nav-list.level_1 {
    background-color: rgba(26, 26, 26, 0.76) !important;
    color: #fff !important;
    font-family: Objectivity;
    font-size: large;
    width: 33%;
    height: 2000px !important;
    left: auto !important;
}

.menu-burger .w-nav-list.level_2 {
    background-color: transparent !important;
    color: #fff !important;
}

.menu-burger li .level_1 .w-nav-title {
    font-size: max(1rem, 1vw) !important;
    font-weight: 600;
}

.menu-burger li .level_2 .w-nav-title {
    font-size: max(1rem, 0.9vw) !important;
}

.menu-burger .w-nav-arrow:before {
    font-size: 1em !important;
}

.no-touch .ush_menu_2 .w-nav-item.level_1>a:not(.w-btn):hover,
.level_2 li a:hover,
.current_page_item {
    text-decoration: underline;
}

.w-nav-list.level_2 {
    margin-left: 4rem;
}

.menu-burger li {
    text-align: left;
}

.w-nav-control {
    text-wrap: nowrap;
}

.l-subheader.at_top {
    background-color: white !important;
}

.at_middle .fa-bags-shopping {
    font-size: 35px;
    line-height: 2.5;
}

.at_middle .w-nav-control {
    padding: 0 0.8rem 0 0;
}

/*------------------------------------*/
/*---- BLOC : Le planning résonance---*/
/*------------------------------------*/
.le-planning-resonance {
    text-align: center;
}

.le-planning-resonance .w-vwrapper {
    width: 15rem;
    align-items: center;
}

.le-planning-resonance .w-text {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.le-planning-resonance .w-image {
    border-radius: 15px;
    width: 8rem;
    margin-top: 4.5rem;
    margin-bottom: 1rem;
}

.le-planning-resonance .wpb_wrapper {
    color: var(--grey-color);
    line-height: 20px;
}

.le-planning-resonance .le-planning-resonance-bordure {
    border: 1px solid var(--black-color);
    min-width: 26%;
    margin-top: -8px;
    margin-left: 3px;
    position: absolute;
}

.section-planning-new .le-planning-resonance-bordure {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--black-color);
}

.le-planning-resonance-bordure-blanche {
    border: 1px solid white;
    min-width: 26%;
    margin-top: -8px;
    margin-left: 0.9rem;
    position: absolute;
}

.le-planning-resonance-point {
    width: 14px;
    height: 14px;
    background-color: var(--black-color);
    border-radius: 50%;
}

/*.le-planning-resonance-titre-surligner-jaune{
    border: 7.5px solid var(--yellow-color);
    position: absolute;
    min-width: 17rem;
    margin-top: 1%;
    margin-left: 50.5%;
}*/

/*------------------------------------*/
/*------ BLOC : Notre catalogue ------*/
/*------------------------------------*/
.titre-notre-catalogue .vc_column-inner {
    padding-left: 7rem;
    padding-right: 7rem;
}

.section-grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.section-grid .post_taxonomy a {
    background: var(--yellow-color) !important;
}

.section-grid .post_taxonomy a:hover {
    background: black !important;
}

.section-grid .w-grid-item-h {
    overflow: hidden !important;
}

.section-carousel {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.section-carousel .w-grid-item-h {
    padding: 15px;
}

.section-carousel .post_image {
    border-radius: 0.5em;
    margin-bottom: 0.5rem;
    max-height: 300px;
}

.section-carousel h3 {
    font-size: max(1.2rem, 0.8vw);
}

.grille-produit-contenu {
    position: absolute !important;
    bottom: -7.5rem;
    cursor: pointer;
    color: white;
    transition: bottom 0.3s ease;
    width: 100%;
    z-index: 0 !important;
}

.grille-produit-contenu .w-vwrapper {
    padding: 3%;
    background-color: #00000056;
}

.grille-produit-contenu .post_taxonomy {
    padding-left: 3%;
}

/*
Décalage du bottom pour l'article de gauche, la classe est sur la grille contenant l'article.
*/
.grid-large .grille-produit-contenu {
    bottom: -8.5rem;
}

.grid-large .post_taxonomy {
    padding-left: 2% !important;
}

.grid-large h3 {
    font-size: max(1.5rem, 1.2vw) !important;
}

.grid-medium .w-grid-item-h {
    max-height: 97%;
}

.grille-produit-contenu:hover,
.grille-produit-contenu.hover {
    bottom: 0rem;
}

.grille-produit-contenu h3 {
    color: white !important;
    font-size: max(1.2rem, 0.8vw);

}

.grille-produit-contenu .post_content {
    font-size: max(0.9rem, 0.55vw);
    line-height: 22px;
    margin: 1.5rem 0px;
}

/*------------------------------------*/
/*------- BLOC : Nos missions --------*/
/*------------------------------------*/
.bloc-nos-missions {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
    padding-top: 0 !important;
}

.nos-missions .w-hwrapper {
    justify-content: space-evenly !important;
}


.nos-missions .w-vwrapper {
    width: 20rem;
    align-items: center;
    text-align: center;
}

.nos-missions .wpb_wrapper {
    color: var(--grey-color);
    margin-bottom: 1.5rem;
}

.nos-missions .w-image {
    margin-bottom: 3rem;
}

.nos-missions .g-cols {
    margin-top: 1.5rem;
}

.nos-missions h2 {
    margin-bottom: 2rem;
}

.rayonnement-association {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
    padding-top: 2rem !important;
}

.rayonnement-association .g-cols {
    align-items: center;
}

.rayonnement-association .w-text {
    margin-bottom: 0.3rem;
}

.rayonnement-association h2 {
    margin-top: 2rem;
}

.rayonnement-association .wpb_wrapper {
    font-size: 23px;
    margin-bottom: 1.3rem;
    line-height: 25px;
    max-width: 58rem;
    margin-top: 1rem;
    font-weight: 300;
}

.rayonnement-association .wpb_wrapper strong {
    font-weight: 600;
}

.rayonnement-association .w-image {
    margin-top: 2rem;
}

.rayonnement-association h3 {
    font-family: Objectivity;
    font-weight: 500;
}

/*------------------------------------*/
/*------- BLOC : Nos produits --------*/
/*------------------------------------*/

.nos-produits {
    padding-left: 7rem !important;
    padding-top: 0 !important;
}

.nos-produits .w-grid-item-h {
    padding: 10px;
}

.nos-produits .owl-nav {
    position: absolute;
    top: 0;
    max-width: 100px;
    right: 10%;
}

.nos-produits button {
    color: var(--black-color) !important;
    text-shadow: none !important;
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.nos-produits .owl-prev {
    margin-left: -3.5rem !important;
}

.nos-produits .owl-prev,
.nos-produits .owl-next {
    background: transparent !important;
}

.nos-produits .post_image {
    border-radius: 1rem;
    margin: 3px;
    max-height: 250px;
}

.nos-produits-carousel {
    width: 110%;
    /* overflow: hidden;*/
    position: relative;
    left: auto;
}

.nos-produits .w-post-elm {
    margin-bottom: 0.4rem;
}

.nos-produits-separateur-gris {
    border: 0.8px solid var(--light-grey-color);
    max-width: 55%;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.nos-produits .price {
    font-family: 'Nudista bold';
    font-size: 20px;
}

.nos-produits bdi {
    bottom: -3px;
    position: relative;
}

.nos-produits .w-hwrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
}

/*------------------------------------*/
/*--------- BLOC : Soutien -----------*/
/*------------------------------------*/
.section-soutien h2,
.section-soutien .wpb_text_column,
.section-soutien .colonne-soutien .g-cols {
    margin-bottom: 1.5rem;
}

.section-soutien .wpb_wrapper {
    font-size: max(1.2rem, 0.9vw);
    font-weight: 300;
}

.colonne-soutien {
    padding-left: 7rem;
    padding-right: 3rem;
    padding-top: 5rem;
    padding-bottom: 1rem;
}

.colonne-soutien .w-btn-wrapper {
    margin: 0 !important;
}

.bouton-spectacle {
    margin-top: 4rem;
}

.image-soutien .vc_column-inner {
    height: 100% !important;
}

.image-soutien .w-image-h div {
    padding-bottom: 0 !important;
}

.image-soutien .w-image-h img {
    height: 100% !important;
}

.image-soutien .has_ratio {
    height: 100% !important;
}

.section-don .w-btn {
    width: 100%;
}

/*------------------------------------*/
/*--------- BLOC : Partenaires -------*/
/*------------------------------------*/

.nos-partenaires .w-text {
    text-align: center;
    margin-bottom: 3.5rem;
}

.nos-partenaires article {
    display: flex;
    align-items: center;
}

/*------------------------------------*/
/*--- BLOC : Catégorie Percussions ---*/
/*------------------------------------*/

.section-titre-categorie {
    padding-bottom: 0 !important;
    background-color: var(--light-grey-color);
    text-align: center;
}

.percussions {
    background-color: var(--light-grey-color);
}

.percussions .w-grid-item-h {
    background-color: white !important;
}

/*------------------------------------*/
/*------ BLOC : Adapei de l'Ain ------*/
/*------------------------------------*/

.section-adapei {
    margin-left: 30px;
    margin-right: 30px;
}

.section-adapei .wpb_text_column {
    max-width: 650px;
    margin-bottom: 1.5rem;
}

/*-------------------------------------*/
/*------ BLOC : Les musiciens --------*/
/*------------------------------------*/

.section-musiciens {
    text-align: center;
}

.section-musiciens .wpb_text_column {
    margin-bottom: 4rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.section-musiciens .w-grid-list {
    justify-content: center;
}

/*----------------------------------*/
/*------ BLOC : Les anciens --------*/
/*----------------------------------*/

.section-ancien .wpb_text_column {
    max-width: 590px;
}

/*--------------------------------*/
/*------ BLOC : Archives  --------*/
/*--------------------------------*/

.section-archives h2 {
    margin-bottom: 2rem !important;
    text-align: center;
}

.section-archives .post_taxonomy a {
    background: var(--yellow-color) !important;
}

.section-archives .post_taxonomy a:hover {
    background: black !important;
}

.section-carousel .post_taxonomy a {
    background: var(--yellow-color) !important;
}

.section-carousel .post_taxonomy a:hover {
    background: black !important;
}

.section-archives .w-grid-item-h {
    overflow: hidden !important;
}

.bloc-archives {
    background-color: var(--light-grey-color);
}

.section-archives .g-filters-item.active {
    background-color: #000000 !important;
    color: white !important;
}

/*------------------------------------*/
/*--------- PAGE : accueil -----------*/
/*------------------------------------*/
.section-header-accueil .l-section-img {
    filter: brightness(0.7);
    margin: 10px;

}

.section-header-accueil .l-section-h {
    margin: 0 !important;
}

.section-accueil-planning .w-btn-wrapper {
    margin-top: 2rem;
}

.text-header {
    color: #fff;
}

.title-yellow {
    color: var(--yellow-color);
    margin-bottom: 0 !important;
}

.title-white {
    color: #fff;
    margin-bottom: 0 !important;
}

.wrapper-img-carousel {
    background-position: center center;
    background-size: cover;
    min-height: calc(94vh - var(--wp-admin--admin-bar--height, 0px));
    margin: 0px 10px 10px 10px;
    justify-content: end;
}

.wrapper-carousel-accueil {
    margin-left: 25px;
    margin-bottom: 25px;
}

.wrapper-carousel-accueil h2 {
    text-align: left !important;
}

.wrapper-carousel-accueil h4 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.section-planning-new {
    text-align: center !important;
}

.section-soutien-accueil {
    padding-bottom: 0 !important;
}

/*------------------------------------*/
/*--------- PAGE : E-SHOP -----------*/
/*------------------------------------*/

.section-grid-products .price {
    font-family: 'Nudista bold';
    font-size: 20px;
}

.section-grid-products bdi {
    bottom: -3px;
    position: relative;
}

.section-grid-products .w-hwrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.section-grid-products .w-grid-item-h {
    padding: 10px;
}

.section-grid-products .post_image {
    border-radius: 1rem;
    max-height: 250px;

}

.section-grid-products .w-post-elm {
    margin-bottom: 0.4rem;
}

/*--------------------------------------------*/
/*------ Page : LES ENSEMBLES ARTISTIQUES ----*/
/*--------------------------------------------*/

.section-artistes .wpb_column {
    background-color: #707070;
    align-items: center;
    aspect-ratio: 1 / 1;
    justify-content: center;
    text-align: center;
}

.section-artistes a {
    color: #fff;
}

.section-artistes a:hover {
    color: var(--yellow-color);
}

.page-id-1377 .titre-notre-catalogue,
.page-id-1379 .titre-notre-catalogue {
    display: none !important;
}

.page-id-1377 .section-grid {
    padding: 0 !important;
}

/*----------------------------------------------*/
/*------ Page : LES PERCUSSIONS DE TREFFORT ----*/
/*----------------------------------------------*/
.header-percussions h3 {
    TEXT-ALIGN: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 25px;
}

.section-titre h3 {
    TEXT-ALIGN: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    background: var(--yellow-color);
    padding: 12px;
    border-radius: 30px;
}

/*--------------------------------------*/
/*------ Page : RÉSONNANCE PODCASTS ----*/
/*--------------------------------------*/

.section-podcast .w-hwrapper {
    justify-content: space-between;
    align-items: end;
    padding-bottom: 1rem;
    border-bottom: 1px solid #707070;
}

.section-podcast a {
    text-wrap: nowrap;
    margin-left: 1rem;
}

.section-podcast h2 {
    margin-bottom: 1.2rem !important;
}

.section-podcast .hors-serie {
    margin-top: 3rem;
}

/*--------------------------------*/
/*------- Page : SPECTACLES ------*/
/*--------------------------------*/

.section-spectacles .w-grid-item-h {
    padding: 12px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 0px #b3aeae;
}

.section-spectacles h4 {
    margin-top: 1rem;
}

.section-spectacles .post_image {
    border-radius: 10px;
    margin-bottom: 1rem;
}

.section-spectacles .post_taxonomy a {
    background: var(--yellow-color) !important;
}

.section-spectacles .post_taxonomy a:hover {
    background: black !important;
    color: var(--yellow-color) !important;
}

/*---------------------------------*/
/*------- Page : PARTENAIRES ------*/
/*---------------------------------*/

.section-partenaires .wpb_wrapper {
    margin-bottom: 2rem;
}

/*--------------------------------------*/
/*--- Page : RESONANCE CONTEMPORAINE ---*/
/*--------------------------------------*/

.header-resonance h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

.titre-archives {
    font-size: 30px;
    font-family: "Nudista bold";
}

.creation-archives {
    color: var(--grey-color);
    font-style: italic;
}

.categorie-archives span {
    background-color: var(--grey-color);
    color: white;
    padding: 5px;
}

.equipe-pedagogique p {
    line-height: 2 !important;

}

.equipe-pedagogique .g-cols .g-cols {
    margin-top: 3rem;
}

/*.equipe-pedagogique .wpb_column{
    justify-content: center!important;
}*/
.equipe-pedagogique img,
.equipe-administrative img,
.section-bureau img {
    aspect-ratio: 3 / 4;
    object-fit: cover !important;
}

.equipe-pedagogique .w-image,
.equipe-administrative .w-image,
.section-bureau .w-image {
    width: 250px;
}

.section-presentation-ensemble {
    margin-bottom: 0 !important;
}

.section-presentation-ensemble .cols_2 {
    margin-top: 2rem;
}

.section-ensemble-artistique {
    padding-top: 0 !important;
}

.le-planning-resonance .up-cta {
    margin-bottom: 1rem !important;
    margin-top: 1rem;
}

/*--------------------------------*/
/*----- Modèle :  SPECTACLES -----*/
/*--------------------------------*/
.header-spectacles h2 {
    text-align: center !important;
    padding-top: 0 !important;
}

.header-spectacles h2 span {
    padding: 5px;
    background: white;
}

.section-spectacles .colonne-droite .interpretation_musicien {
    color: var(--grey-color);
    font-style: italic;
    font-size: 15px;
    text-align: center;
}

.section-spectacles .colonne-droite .w-btn {
    margin-top: 1rem;
    text-align: center;
}

.section-spectacles .colonne-droite .vc_column-inner {
    position: sticky;
    top: 100px;
}

.section-galerie-spectacle {
    padding-top: 0 !important;
}

.section-galerie-spectacle .w-grid {
    margin-bottom: 2rem;
}

.section-galerie-spectacle .w-grid-item-h {
    border: 4px solid var(--yellow-color);
}

.section-galerie-spectacle .owl-nav button {
    background: rgba(0, 0, 0, 0.3);
}

/*-----------------------------*/
/*---------- ARTICLES ---------*/
/*-----------------------------*/

.header-spectacle1 h1,
.header-spectacle1 h2,
.header-spectacle1 {
    color: white;
}

.section-asmaa .w-btn {
    margin-top: 1rem;
}

.header-spectacle1 .g-cols {
    max-width: 600px;
    margin-left: auto;
    text-align: center;
}

.section-commentaire .wpb_wrapper {
    max-width: 500px;
}

.section-description .wpb_wrapper {
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-description img {
    border-radius: 20px;
    border: 3px solid var(--yellow-color);
}

.section-obscurite .colonne-droite .wpb_wrapper {
    color: var(--grey-color);
    font-style: italic;
    font-size: 15px;
    margin-left: 1rem;
    margin-right: 1rem;
    text-align: center;
}

.section-obscurite .colonne-droite .w-btn {
    margin-top: 1rem;
    text-align: center;
}

.section-obscurite .colonne-droite .vc_column-inner {
    position: sticky;
    top: 100px;
}

.section-asmaa .colonne-droite .vc_column-inner {
    position: sticky;
    top: 100px;
}

.header-obscurite {
    text-align: center;
}

.section-description .w-btn {
    margin-top: 1rem;
    text-align: center;
}

.section-description .rangee-bas {
    align-items: center;
    margin-top: 2rem;
}

/*------------------------------------*/
/*------------- PRODUIT --------------*/
/*------------------------------------*/
.page-produit h2 {
    text-transform: uppercase;
}

.page-produit .post_content {
    color: #00000078;
    max-width: 650px;
    margin-top: 1.5rem;
}

.page-produit .w-separator {
    color: #00000014;
    max-width: 650px;
}

.entretien .w-iconbox-icon {
    margin-right: 5px !important;
    font-size: 2.4rem;
}

.woocommerce-product-gallery__image .wp-post-image {
    width: 100%;
}

.quantity .qty {
    border-color: transparent;
    box-shadow: unset;
    border-radius: 5px;
}

.page-produit .woocommerce-Price-amount {
    font-size: max(2.5rem, 1.5vw);
    font-weight: 400;
    margin-bottom: 2rem;
}

.page-produit .product_field {
    padding-bottom: 1rem;
}

.widget_shopping_cart p.total .amount {
    font-weight: 400 !important;
}

.woocommerce-mini-cart__total.total strong {
    font-weight: 400 !important;
}

.widget.widget_shopping_cart p.total {
    font-weight: 400 !important;
}

.page-produit input {
    background-color: #e8e8e8 !important;
    color: var(--black-color) !important;
    border: 1px solid var(--black-color) !important;
}

.produit-logo {
    max-width: 650px;
    align-items: center;
    /*justify-content: center;*/

}

/*------------------------------------*/
/*--------------- DON ----------------*/
/*------------------------------------*/
.page-don th {
    display: none;
}

.page-don table {
    width: 20rem;
}

.page-don .post_content {
    margin-bottom: 1.5rem;
}

.page-don select {
    background-color: #e8e8e8;
    border: none;
    color: var(--black-color);
}

.page-don .price {
    font-size: max(1rem, 1.5vw);
    color: #000000;
}

.page-don .woocommerce-variation-price {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.page-don input {
    background-color: #e8e8e8 !important;
    color: var(--black-color) !important;
    border: 1px solid var(--black-color) !important;
}

/*------------------------------------*/
/*------------- CONTACT --------------*/
/*------------------------------------*/

.section-contact .w-btn {
    border-radius: 0 !important;
}

.header-contact h1 {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    padding: 25px;
    font-size: max(1.5rem, 1.2vw);
}

.header-contact .l-section-img {
    filter: brightness(0.7);

}

/*----------------------------------*/
/*----------- LE PROJET ------------*/
/*----------------------------------*/

.page-id-2256 .rayonnement-association {
    padding: 0 !important;
}

.bloc-missions-projet {
    padding: 4rem 7rem !important;
}

.header-projet h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

.section-rempli .wpb_wrapper {
    font-size: 23px;
    margin-bottom: 1.3rem;
    line-height: 25px;
    max-width: 58rem;
    margin-top: 1rem;
    font-weight: 300;
}

.section-rempli h3 {
    font-family: Objectivity;
    font-weight: 500;
}

.section-rempli .w-text {
    margin-bottom: 0.3rem;
}

.section-rempli img {
    width: 100%;
}

.rayonnement-association.first {
    padding-top: 4rem !important;
}

/*---------------------------------*/
/*----------- BOUTIQUE ------------*/
/*---------------------------------*/

.header-boutique h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

/*-------------------------------------*/
/*------- ENSEMBLES ARTISTIQUES -------*/
/*-------------------------------------*/

.header-ensembles h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

/*-------------------------------------*/
/*---- MÉDIATIONS ET TRANSMISSIONS ----*/
/*-------------------------------------*/

.header-mediations h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

.header-mediations .l-section-img {
    background-position: 50% 20%;
}

/*-------------------------*/
/*------- FORMATIONS ------*/
/*-------------------------*/

.bloc-contact {
    background-color: var(--light-grey-color);
}

.bloc-contact h2 {
    text-align: center;
}

.bloc-contact p {
    text-align: center;
    margin-bottom: 2rem !important;
}

/*-------------------------------*/
/*---------- ACTUALITÉS ---------*/
/*-------------------------------*/

.header-actu h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

.section-actu-bienvenue {
    text-align: center;
    padding-bottom: 0 !important;
}

.section-actu-bienvenue h5 {
    margin-bottom: 1.5rem;
}

.section-actu-bienvenue .w-btn-wrapper {
    margin-top: 1.5rem;
}

/*------------------------------*/
/*------------ PRESSE ----------*/
/*------------------------------*/

.header-presse h1 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    background: white;
    text-align: center;
    font-size: max(1.5rem, 1.2vw);
}

.section-contact-presse .w-vwrapper h2 {
    margin-bottom: 1.25rem;
}

.section-contact-presse .w-vwrapper .wpb_wrapper p:first-child {
    margin-bottom: 0.75rem !important;
}

.section-contact-presse .w-vwrapper {
    padding: 15px;
    border: 1px solid #9f9f9f;
    border-radius: 10px;
    max-width: 500px;
    margin: auto;
}

.section-archive-presse .wrapper-repeteur {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.section-archive-presse .wrapper-fichier-item a {
    color: var(--black-color);
}

.section-archive-presse .wrapper-fichier-item a:hover {
    color: var(--yellow-color);
}

.section-archive-presse h2 {
    text-align: center;
    margin-bottom: 0 !important;
}

.section-archive-presse .sous-titre {
    text-align: center;
    margin-bottom: 4rem;
}

.section-archive-presse .wrapper-archive-presse .nom_de_larchive {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.section-archive-presse .wrapper-archive-presse {
    padding: 15px;
    border: 1px solid #9f9f9f;
    border-radius: 10px;
}

/*------------------------------------*/
/*------------- FOOTER ---------------*/
/*------------------------------------*/
.section-footer .w-hwrapper {
    margin-top: 2rem;
}

.section-footer {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;

}

.section-footer h5 {
    margin-bottom: 0;
    color: #170F0B !important;
}

.colonne-newsletter {
    justify-content: start !important;
    margin-right: 7rem;
    color: var(--color-content-link);
}

.enveloppe-resonance {
    font-size: 10px;
}

.mailpoet_text {
    padding: 12px !important;
    border-radius: 15px 0% 0% 15px !important;
}

.sabonner {
    border-radius: 0 15px 15px 0 !important;
    padding: 17px !important;
}

footer .nos-partenaires {
    padding-bottom: 0 !important;
    padding-top: 2rem !important;
}

footer .nos-partenaires .w-text {
    margin-bottom: 1.5rem !important;
}

footer .logo-x img {
    opacity: 0.6;
}

.search-form-global {
    display: flex;
}

.search-form-global input {
    border-radius: 15px 0px 0px 15px !important;
}

.search-form-global button {
    border-radius: 0px 15px 15px 0px !important;
}

/*--------------------*/
/*---- RESPONSIVE ----*/
/*--------------------*/



@media screen and (max-width: 1280px) {
    .grille-produit-contenu {
        position: static !important;
        bottom: auto;
        cursor: pointer;
        color: var(--black-color);
        transition: none;
        width: auto;
        z-index: 0 !important;
    }

    .section-archives .post_taxonomy {
        margin-bottom: 0 !important;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

@media screen and (max-width: 1024px) {
    .le-planning-resonance .w-vwrapper {
        width: 15rem;
        align-items: center;
        margin-left: 5%;
        margin-right: 5%;
    }

    .le-planning-resonance .w-hwrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }

    .nos-produits-carousel {
        width: 100%;
        /* overflow: hidden;*/
        position: static;
        left: auto;
    }

    .nos-produits {
        padding-left: 1rem !important;
    }

    .bloc-nos-missions {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .bloc-missions-projet {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .titre-notre-catalogue .vc_column-inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .section-soutien {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .rayonnement-association .wpb_wrapper {
        padding-right: 0;
    }

    .nos-produits .owl-nav {
        display: block !important;
    }

    .menu-burger .w-nav-list.level_1 {
        width: 100%;
    }

    .nos-produits .owl-item {
        max-width: none;
    }
}


@media screen and (max-width: 768px) {
    .wrapper-img-carousel {
        height: 80vh;
    }

    header .us-btn-style_23 {
        padding: 0.4em 1em 0.2em;
    }

    .section-archive-presse .wrapper-fichier-item {
        justify-content: center;
    }

    .at_middle .fa-bags-shopping {
        font-size: 25px;
        line-height: 2.5;
    }

    .section-planning-new .w-tabs-section-header {
        text-align: left;
    }

    .section-archives .w-grid-list {
        gap: 0rem !important;
    }

    .section-archives .w-grid-list .us-btn-style_22 {
        padding: 0.5em;
        font-size: 12px;
    }

    .nos-produits-separateur-gris {
        margin-left: auto;
        margin-right: auto;
    }

    .equipe-pedagogique .w-vwrapper,
    .section-bureau .w-vwrapper,
    .equipe-administrative .w-vwrapper {
        margin: 0 !important;
        width: 100%;
    }

    .section-header-accueil .l-section-h {
        margin: auto !important;
        text-align: center;
    }

    .le-planning-resonance .w-vwrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .le-planning-resonance h4 {
        font-size: max(1rem, 0.8vw);
    }

    .nos-missions .w-hwrapper {
        justify-content: center !important;
    }

    .rayonnement-association {
        padding: 0 !important;
        text-align: center;
    }

    .rayonnement-association .w-image-h {
        padding-left: 7rem;
        padding-right: 7rem;
        text-align: center;
    }

    .rayonnement-association .wpb_wrapper {
        font-size: 14.4px;
        margin-bottom: 0.3rem;
        line-height: 23px;
        max-width: none;
        margin-top: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .rayonnement-association .w-text {
        margin-bottom: 1rem;
    }

    .section-rempli {
        text-align: center;
    }

    .section-rempli .w-image-h {
        padding-left: 7rem;
        padding-right: 7rem;
        text-align: center;
    }

    .section-rempli .wpb_wrapper {
        font-size: 14.4px;
        margin-bottom: 0.3rem;
        line-height: 23px;
        max-width: none;
        margin-top: 1rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .section-rempli .w-text {
        margin-bottom: 1rem;
    }

    .nos-missions .w-hwrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        font-size: max(0.9rem, 0.8vw);
    }

    .nos-missions .w-vwrapper {
        width: 12rem;
        font-size: max(0.9rem, 0.8vw);
        margin-right: 0;
    }

    .section-grid-products bdi {
        bottom: 3px;
    }

    .section-grid-products .w-hwrapper {
        flex-direction: column-reverse;
        align-items: center;
    }

    .section-grid-products .w-grid-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .section-grid-products .w-grid-item-h {
        margin: 5px;
        text-align: center !important;
    }

    .section-grid-products .w-btn {
        width: 100%;
    }

    .section-soutien {
        text-align: center;
    }

    .colonne-soutien .w-hwrapper {
        justify-content: center;
    }

    .colonne-soutien {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    h2 {
        text-align: center;
    }

    .titre-notre-catalogue {
        margin-bottom: 2rem;
    }

    .section-footer {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        text-align: center !important;
    }

    .mailpoet_text {
        border-radius: 0 !important;
    }

    .sabonner {
        border-radius: 0 !important;
        width: 100%;
    }

    .colonne-newsletter {
        margin: 0 !important;
    }

    .mailpoet_paragraph {
        text-align: center;
    }

    .us-nav-style_27>*,
    .navstyle_27>.owl-nav button,
    .us-btn-style_27 {
        padding: 0.75em 1.5em !important;
    }

    .section-ancien .wpb_text_column,
    .section-ancien h2 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .section-ancien img {
        aspect-ratio: 16/9;
    }

    .section-adapei p,
    .section-adapei .w-btn-wrapper {
        text-align: center !important;
        display: block !important;
    }

    .section-musiciens .w-grid-item {
        padding: 1rem !important;
    }

    .section-musiciens .w-grid {
        --gap: 1rem !important;
    }

    .section-archives .w-grid-item {
        padding: 0.5rem !important;
    }

    .section-archives .w-grid-item-h {
        border-radius: 10px;
        padding: 10px;
    }

    .rayonnement-association {
        margin-top: 3rem !important;
    }

    .rayonnement-association.first {
        margin-top: 0 !important;
    }

    .section-grid-products .post_content {
        line-height: 1.5;
    }

    .rayonnement-association h3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .grille-produit-contenu .w-vwrapper {
        background-color: transparent !important;
    }

    .grille-produit-contenu .post_content {
        margin-top: 0;
    }

    .bloc-archives img {
        border-radius: 10px;
    }

    .header_hor .l-subheader-cell.at_right .w-nav:last-child .w-nav-control {
        margin-right: 1rem !important;
    }

    .grille-produit-contenu h3 {
        color: #000 !important;
        font-size: max(1.2rem, 0.8vw);
    }
}