/*
 Theme Name:     DemoMairie2024 Child
 Theme URI:      http://abtel.fr
 Description:    Theme Enfant Divi
 Author:         abtel.fr
 Author URI:     http://abtel.fr
 Template:       Divi
 Version:        2024
*/
/*
Theme Name:   divi-child
Description:  Theme Enfant Divi
Author:       ABTEL AGENCE WEB
URI:          http://abtel.fr
Template:     Divi
Version:      2.0.0 
*/

html {
    font-size: 16px;
}

:root {
    /* --default-color: #EE2A7B; */
    --default-color: #3961A2;
    --default-color-50: #3961A250;
    --default-color-10: #3961A210;
    --default-color-05: #3961A205;
    --secondary-color: #FF8B27;
    --secondary-color-50: #FF8B2750;
    --title-font: "articulat-cf", sans-serif;
    --color-titre: #222;
    --alpha-7: 0.7;
    --acsb-keynav: 4px;
}

/* FONTS */
body {
    font-family: articulat-cf, sans-serif;
}

/* TITRES */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-font);
    font-style: normal;
    color:#100c29;
}

h1 {
    font-weight: 800;
    font-size: 60px;
    margin-bottom: 30px;
    padding-bottom: 0;
}

h2 {
    font-weight: 900;
    font-size: 35px;
    margin: 40px 0 15px 0;
}

h3 {
    font-weight: 700;
    font-size: 25px;
    margin: 20px 0 10px 0;
}

h4 {
    font-weight: 600;
    font-size: 22px;
}

h5 {
    font-weight: 500;
    font-size: 20px;
}

h6 {
    font-weight: 700;
    font-size: 16px;
}

/* LISTES */

#main-content ul,
#main-content ol {
    margin: 20px 0 20px 20px;
    line-height: 1.2em;
    padding-bottom: 1px;
}

#main-content ul li,
#main-content ol li {
    margin: 0 0 10px 0;
}

a,
.acces-direct {
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
    color: var(--default-color);
}

a:hover,
.acces-direct:hover {
    color: var(--secondary-color);
    transition-duration: 300ms;
    transition-timing-function: ease-in-out;
}

/* BLOCKQUOTE */

blockquote {
    border-left: 5px solid #dedede !important;
    font-size: 25px;
    line-height: 1.3em;
    font-family: "baskerville-display-pt", serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 60px;
    color: #000;
}

/* =====================================================================
						BOUTONS
===================================================================== */

.abt-posts-categorie-more a {
    color: white;
    display: inline-block;
    background: var(--color-titre);
    border-radius: 4px;
    margin-top: 15px;
    padding: 0px 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 800;
}

.abt-posts-categorie-more a:hover {
    background: var(--default-color);
}

/* =====================================================================
						FOCUS CLAVIER
===================================================================== */


a:focus-visible,
article:focus-visible,
.dgbc_post_inner_wrapper:focus-visible {
    border: 3px solid var(--default-color) !important;
}

.skip-links.focused {
    padding: 1rem;
    opacity: 1;
    z-index: 300;
    height: auto;
}

.skip-links {
    margin: 0 auto;
    width: 100%;
    height: 0;
    background: #fff;
    opacity: 0;
}

/* =====================================================================
						FLASH INFO
===================================================================== */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.marquee-text {
    display: inline-block;
    animation: scroll-left 22s linear infinite;
}

@keyframes scroll-left {
    from { transform: translateX(100%); }
    to   { transform: translateX(-100%); }
}
#flash-texte {
    padding-top: 7px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 42px;
}

#flash-texte::after {
    padding-top: 7px;
    font-family: var(--title-font);
    font-weight: 900;
    font-size: 18px;
    content: "FLASH INFO";
    position: absolute;
    right: -120px;
    top: 0;
    background: url(images/ombre-flash-infos.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 220px;
    height: 42px;
    text-align: right;
    color: #fff;
}

/* =====================================================================
						PRIMARY NAV HOME
===================================================================== */
#acces-direct-home li a {
    text-align: center!important;
}
/* ======	LOGO MENU   ====== */
#menu-principal.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 23px 0;
}

#nav-content .et_pb_menu__logo {
    overflow: hidden;
    position: absolute;
    max-width: 165px;
    top: -6px;
}

#menu-principal:after {
    content: url(images/after-logo.svg);
    position: absolute;
    left: -90px;
    top: 30px;
    width: 450px;
    z-index: -1;
}

.has_et_pb_sticky #menu-principal:after {
    left: -90px;
    top: -40px;
}

#menu-primary_nav li {
    font-family: "articulat-cf", sans-serif;
    font-weight: 800;
    font-style: normal;
    align-items: center;
}

#menu-primary_nav li a {
    color: black;
}

#menu-primary_nav.et-menu .menu-item-has-children>a:first-child {
    padding-right: 0px;
}

#menu-primary_nav li a:hover {
    color: var(--default-color);
}

#menu-primary_nav li ul li a {
    text-transform: unset;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}

/* SOUS-MENU */
#menu-primary_nav.nav li ul {
    width: 360px;
}

#menu-primary_nav.nav li li {
    line-height: 1.3em;
    padding: 6px 20px 5px 20px;
    border-bottom: 1px solid #ededed;
}

#menu-primary_nav.nav li li:last-child {
    border-bottom: none;
}

#menu-primary_nav.nav li li:after {
    display: none;
}

#menu-primary_nav ul.sub-menu li {
    width: 100%;
}

.nav li li ul {
    left: 310px;
}

#menu-primary_nav .et_mobile_menu li a:hover,
.nav ul li a:hover {
    background-color: unset;
    color: var(--default-color) !important;
    opacity: 1;
}

/* ======	border MENU   ====== */
#menu-primary_nav li:after {
    width: 1px;
    height: 24px;
    content: "";
    background-color: black;
    margin-top: 0;
    margin-left: 20px;
}

#menu-primary_nav li:first-child:after {
    margin-left: 20px;
}

#menu-primary_nav li:last-child:after {
    display: none;
}

#menu-primary_nav .menu-item-has-children>a:first-child:after {
    content: "" !important;
}

#menu-primary_nav .pdg2r0 a {
    padding-right: 20px !important;
}

/* ======	TOURISME MENU   ====== */
.tourisme-link a {
    border: 2px solid var(--default-color);
    border-radius: 30px;
    color: var(--default-color) !important;
    height: 40px;
    padding: 0 40px !important;
    margin-top: 0;
}

#menu-principal.et_pb_bg_layout_dark.et_pb_menu ul li a {
    color: #000;
}

/* MOBILE */
#nav-content .et_mobile_menu .menu-item-has-children>a {
    font-weight: 700;
    background-color: unset;
}

#nav-content .et_mobile_menu li a {
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    color: #000;
    padding: 10px 5%;
    font-weight: 700;
}

#nav-content .et_mobile_menu li a {
    font-size: 1em;
}

#nav-content .et_mobile_menu li li {
    padding-left: 0%;
    font-size: 1em;
    text-transform: unset;
}

#nav-content .et_mobile_menu li li a {
    font-size: 1em !important;
    text-transform: unset !important;
    font-weight: 400;
}

#nav-content .et_pb_menu .et_mobile_menu li ul {
    padding-left: 0;
}

#nav-content .et_mobile_nav_menu::before {
    content: "MENU";
    color: var(--default-color);
    padding-right: 10px;
    padding-top: 2px;
    font-weight: 900;
    font-size: 20px;
}

#nav-content .et_mobile_nav_menu .tourisme-link>a {
    border: none;
    background-color: var(--default-color);
    color: #fff !important;
    height: unset;
    border-radius: unset;
    padding: 20px 30px;

}

/* Changement au déclenchement sticky */
#nav-content .has_et_pb_sticky #menu-principal:after {
    left: -64px;
    top: 30px;
    width: 340px;
}

#nav-content .has_et_pb_sticky .et_pb_menu__logo {
    overflow: hidden;
    position: absolute;
    max-width: 120px;
    top: 3px;
}

#nav-content .has_et_pb_sticky .et_mobile_nav_menu::before {
    color: #000;
}



/* #menu-primary_nav .sub-menu {
    width: 360px;
}

#menu-primary_nav .sub-menu a {
    width: 100%;
} */

#menu-primary_nav .et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__logo {
    width: 190px;
    top: -13px;
}

/* ///////////////////  MODIFS SPECIFIQUE  ///////////////// */

#menu-principal:after {
    display: none;
}

/* =====================================================================
						PRIMARY NAV CONTENT
===================================================================== */

#nav-row .et_pb_menu__logo {
    top: -36px;
}

#menu-principal-content .et_pb_menu__logo {
    position: relative;
}

#menu-principal-content .has_et_pb_sticky .et_pb_menu__logo {
    max-width: 100px;
}

#pop-search-icon {
    position: absolute;
    top: 4px;
    right: 140px;
    width: 22px;
    z-index: 2;
}

/* ///////////////////  MODIFS SPECIFIQUE NAV CONTENT  ///////////////// */

#nav-content.nav-global #nav-row .et_pb_menu__logo {
    top: -68px;
    max-width: 245px !important;
}

@media only screen and (max-width:980px) {

    #nav-content.nav-global #nav-row .et_pb_menu__logo {
        top: -35px;
    }
}

/* ///////////////////  MODIFS SPECIFIQUE  ///////////////// */

#menu-principal .et_pb_menu__logo {
    margin-right: 30px;
    position: absolute;
    top: -20px;
    width: 240px;
}

.et_pb_sticky #menu-principal.et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__logo {
    width: 180px !important;
}


/* =====================================================================
						MEGA MENU
===================================================================== */

.et-menu-nav li.mega-menu li>a {
    width: 100% !important;
}

/* =====================================================================
						MAIN CONTENT
===================================================================== */
#main-content {
    background-image: url(images/bulle.svg);
    background-position: -2px -500px;
    background-repeat: no-repeat;
    background-size: 1440px;
    background-color: #F2F2F2;
}

@media only screen and (max-width:980px) {

    #main-content {
        background-size: 1360px;
    }
}

/* =====================================================================
						HEADER PAGE
===================================================================== */

/* #header-page:before {
    content: url(images/bulle.svg);
    position: absolute;
    top: -532px;
    left: -10px;
    width: 1300px;
    opacity: 01;
}

#header-page h1 {
    mix-blend-mode: multiply;
} */

/* =====================================================================
						HEADER HOME #bloc_bienvenue
===================================================================== */
/* Hauteur du bloc texte */
#slider-home .et_pb_slides .et_pb_slider_container_inner {
    display: table-cell;
    width: 100%;
    vertical-align: baseline;
}

/* Taille ligne 1 */
#slider-home p {
    font-size: 30px;
    text-shadow: 1px 1px 2px black;
    line-height: 1.3em;
}

/* Taille ligne 2 */
#slider-home h2 {
    font-size: 70px;
    text-shadow: 1px 1px 2px black;
    margin-top: 20px;
}


/* CHAMP RECHERCHER */
#rechercher {
    position: absolute;
    z-index: 2;
    top: 10%;
    padding-top: 16%;
}

#bloc-recherche {
    margin-top: 80px;
}

@media only screen and (max-width:980px) {

    #bloc-recherche {
        margin-top: 150px;
        width: 80%;
    }

    #pop-search #bloc-recherche {
        margin-top: 0;
        width: 100%;
    }
}

/* ===================================================================================
                                    RECHERCHER 
====================================================================================== */

.multicol {

    column-width: 100px;
    columns: 2 100px;
    column-gap: 3rem;

}

.multicol li {
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
    /* W3C */
}


/* =====================================================================
						TITRE BLOC HOME
===================================================================== */

.titre-bloc h2 {
    font-size: 4em;
}

/* =====================================================================
						LES ACTUALITES A LA UNE
===================================================================== */

/* .dgbc_blog_carousel .swiper-button-next:after,
.dgbc_blog_carousel .swiper-button-prev:after {
    border: 2px solid var(--default-color);
    border-radius: 100%;
} */

.lien-voir {
    font-size: 21px;
    margin-bottom: 1.75% !important;
}

.lien-voir a:after {
    content: " ";
    background-color: black;
    -webkit-mask-image: url(images/arrow-read-more.svg);
    mask-image: url(images/arrow-read-more.svg);
    display: inline-block;
    width: 24px;
    height: 17px;
    margin: 0 0 0 6px;
    position: absolute;
    top: 5px;
}

.lien-voir.publication a:after {
    background-color: #fff;
    ;
}

.lien-voir a:hover:after {
    background-color: var(--secondary-color);

}
#actu-home article img {
    aspect-ratio: 1080/675;
    object-fit: cover;
}
/* =====================================================================
						PROBLEME SUR WORDPRESS V.6.6 (lien souligné)
===================================================================== */

:root :where(a:where(:not(.wp-block-navigation))),
:root :where(a:where(:not(.wp-element-button))) {
    text-decoration: initial !important;
}

/* =====================================================================
						PUBLICATIONS - ACF
===================================================================== */
.publi-titre h1 {
    color: #fff !important;
    mix-blend-mode: difference !important;
}

.publi-auteur::before {
    content: "Publié par :";
    margin-right: 6px;
}

/* .publi-date::before {
    content: "Le :";
    margin-right: 6px;
} */

.bg-post .et_parallax_bg {
    filter: blur(3.5rem);
    opacity: 0.7;
    background-position: center;
}

/* =====================================================================
						PUBLICATIONS SLIDER HOME
===================================================================== */
.btn-pub {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
}

.btn-pub a {
    color: white !important;
    border: 2px solid white;
    border-radius: 5px;
    flex-direction: row;
    text-align: center;
    margin-left: 9px;
    font-size: 11px;
    padding: 0 3%;
}

.btn-pub a:hover {
    color: var(--default-color) !important;
    border: 2px solid var(--default-color);
}

.btn-pub a:first-child {
    margin-left: 0;
}

/* .dgbc_blog_carousel_0.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb img, 
.dgbc_blog_carousel_0.dgbc_blog_carousel .dgbc_post_inner_wrapper,  
.dgbc_blog_carousel_1.dgbc_blog_carousel .dgbc_post_item .dg-post-thumb img

.dgbc_blog_carousel_1.dgbc_blog_carousel .dgbc_post_inner_wrapper
    {
    border-style: solid;
    aspect-ratio: 21 / 29.7;
    object-fit: cover;
}*/

/* =====================================================================
						PUBLICATIONS - ACF
===================================================================== */

#calendar .calContent {
    margin: 0 auto;
}

#acf-publication-texte * {
    color: #fff !important;
}

/* blog à voir également en pied de publication */
#voir-egalement .dg-post-thumb a img {
    aspect-ratio: 8.27/11.67;
    /* ratio A4 */
    object-fit: cover;
    margin-bottom: 10px;
}


/* =====================================================================
						CARTE INTERACTIVE
===================================================================== */

#map-tarn path,
#map-tarn polygon {
    transition: .6s fill;
}

#map-tarn path:hover,
#map-tarn polygon:hover {
    fill: var(--default-color) !important;
}

#map-tarn path.active,
#map-tarn polygon.active {
    fill: var(--default-color) !important;
}

#link-svg {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    font-weight: 300;
}

#link-svg li a {
    color: black;
}

#link-svg li a:hover {
    color: var(--default-color);
    font-weight: bold;
}

#link-svg li a.active {
    color: var(--default-color);
    font-weight: bold;
}


/* =====================================================================
						ABTEL ANNUAIRE
===================================================================== */

/* -------------------  PAGE ANNUAIRE   ----------------------- */
#page-organisation #directory .dirList .fichette .card-img img {
    width: 420px;
    height: auto !important;
    margin-bottom: 0 !important;
    margin-right: 30px !important;
}

#page-organisation>#directoryFilter {
    display: flex;
    align-items: flex-start;
    row-gap: 10px;
    column-gap: 2em;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.dirList p {
    margin-top: 40px;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 23px 0;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--default-color);
}

.fichette {
    display: flex;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dfdfdf;
}

.fichette H4 {
    font-weight: 900;
}

.fichette H4.titleEvent {
    font-size: 26px;
}

.card-img {
    max-width: 100%;
}

.more_fichette, #eventList .media.fichette .media-body a.moreEvent {
    padding: 5px 15px;
    background-color: var(--default-color);
    color: #FFF !important;
    margin-top: 15px;
    display: inline-block;
}
#eventList .media.fichette .media-body a.moreEvent {
    font-size: 1.5em;
}

/* ==========    LISTE CONTACT    =============*/
.orgContactsListe .fichette {
    width: auto;
}

.orgContactsListe .fichette .card-img {
    width: 20% !important;
    margin-right: 4%;
}

/* ==========    FILTRES    =============*/

#directoryFilter {
    display: flex;
    align-items: flex-start;
    row-gap: 10px;
    column-gap: 2em;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 10px;
    font-size: 14px;
}

input.search_filter_org {
    margin: 20px 0;
    padding: 0 10px;
    width: 100%;
    height: 49px;
    border: 1px solid #aaa;
    background-color: #fff;
    font-size: 14px;
}

#directoryFilter .EnteteFiltre {
    background: var(--default-color);
    padding: 20px 20px 9px 20px;
    margin-top: 4px;
}

.chosen-container {
    display: flex;
    flex: 2 1 auto;
}

.chosen-container .chosen-results li.highlighted {
    background: unset;
    color: #000;
    font-size: 14px;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #000;
    cursor: default;
    text-decoration: line-through;
    font-size: 14px;
}

.chosen-container-multi ul.chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 5px 0 0 0 !important;
    padding: 14px 10px 3px 10px !important;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: unset !important;
    line-height: 2em !important;
    cursor: text;
}

.filterButtonWrap button {
    width: 200px;
    height: 55px;
    margin: 5px 0 0 0;
    background-color: unset;
    border: 2px solid #000000;
    border-radius: 5px;
    font-size: 14px;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6e6e6e;
    font-size: 14px;
    font-family: unset;
    line-height: normal;
    border-radius: 0;
}

.dirList H5 {
    background: #000;
    color: #fff;
    padding: 10px;
    width: fit-content;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
}



/* =====================================================================
						BLOG PAGE CATEGORIE
===================================================================== */

#categorie-page .et_pb_image_container {
    margin: -20px 0px 20px;
}

#categorie-page .et_pb_blog_grid .et_pb_post {
    padding: 0;
}

#categorie-page .et_pb_post {
    margin: 0;
}

/* create css grid column template */
.et-blog-css-grid>div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

/* style css grid item or blog post */
.et-blog-css-grid .et_pb_post {
    align-self: start;
    padding: 15px;
}

/* remove pagination from blog module grid with absolute position */
.et-blog-css-grid>div>div {
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: translate(0%, 150%);
}

/* Resize Featured Image Thumbnails */
.et-blog-css-grid .entry-featured-image-url {
    padding-top: 56.25%;
}

.et-blog-css-grid .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    object-fit: cover;
}

.et-blog-css-grid h2 {
    font-size: 1em;
    ;
}

/* =====================================================================
					BLOG	
===================================================================== */
a.more-link {
    font-size: 14px;
    font-weight: bold;
    border: 2px solid var(--default-color);
    border-radius: 5px;
    padding: 0px 20px;
    margin-top: 20px;
    display: inline-block;
}

a.more-link:hover {
    color: white;
    background-color: var(--default-color);
}

/* =====================================================================
					ABTEL PAGE CAT	
===================================================================== */
#showsubcat h3 {
    margin-bottom: 30px;
}

.abt-posts-categorie-content {
    max-height: 74px;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 13px;
}

.abt-image-categorie {
    max-height: 600px;
}

.abt-image-categorie img {
    max-height: 600px;
    width: auto;
}

.abt-sous-categorie-image {
    min-height: 200px;
    text-align: center;
}

.abt-Categorie-liste-souscat,
.abt-Categorie-liste-article {
    display: flex;
    flex-wrap: wrap;
    gap: 3.75%;
}

.abt-Categorie-liste-souscat .abt-sous-categorie,
.abt-Categorie-liste-article .abt-posts-categorie {
    /* width: 17%; */
    flex: 0 0 17%;
    margin-right: 0;
    margin-bottom: 30px;
}

.abt-sous-categorie-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;

}

.abt-sous-categorie h3 {
    font-size: 20px;
}

/* ----------   SHOW CAT & SHOW POST ------------------*/

#showsubcat h4,
#showcatpost h4 {
    font-size: 20px;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 900;
}

#showsubcat {
    display: none;
}

#showsubcat:has(img, h3) {
    display: block;
}

#showcatpost {
    display: none;
}

#showcatpost:has(img, h3) {
    display: block;
}

@media only screen and (max-width:1920px) {

    .abt-sous-categorie h3 {
        font-size: 1.1vw;
    }

}

@media only screen and (max-width:1440px) {

    .abt-Categorie-liste-souscat,
    .abt-Categorie-liste-article {
        display: flex;
        flex-wrap: wrap;
        gap: 5.33%;
    }

    .abt-Categorie-liste-souscat .abt-sous-categorie,
    .abt-Categorie-liste-article .abt-posts-categorie {
        /* width: 27%; */
        flex: 0 0 29.75%;
    }

    .abt-sous-categorie h3 {
        font-size: 1.6vw;
    }

    #column-acces-direct #acces-direct-content .acces-direct-item .et_pb_blurb_container h4 {
        font-size: 0.9vw;
    }

}

@media only screen and (max-width:1260px) {
    #column-acces-direct #acces-direct-content .acces-direct-item .et_pb_main_blurb_image {
        display: none;
    }
}

@media only screen and (max-width:980px) {

    .abt-Categorie-liste-souscat,
    .abt-Categorie-liste-article {
        gap: 6%;
    }

    .abt-Categorie-liste-souscat .abt-sous-categorie,
    .abt-Categorie-liste-article .abt-posts-categorie {
        flex: 0 0 47%;
    }

    .abt-sous-categorie h3 {
        font-size: 2.4vw;
    }

    /* ==============	PUBLICATIONS - ACF   ===================== */

    #voir-egalement .swiper-button-prev,
    #voir-egalement .swiper-button-next {
        display: none
    }

}

@media only screen and (max-width:640px) {

    .abt-Categorie-liste-souscat,
    .abt-Categorie-liste-article {
        gap: unset;
    }

    .abt-Categorie-liste-souscat .abt-sous-categorie,
    .abt-Categorie-liste-article .abt-posts-categorie {
        flex: 0 0 100%;
    }

    .abt-sous-categorie h3 {
        font-size: 4.5vw;
    }

}

/* =====================================================================
						ARTICLE
===================================================================== */

/* Affiche le bloc uniquement s'il contient une image */
#image-a-la-une {
    display: none;
    margin: -80px -50px 50px -50px;
    background: #e9e9e9;
}

#image-a-la-une:has(img) {
    display: block;
}

/* fin */

/* =====================================================================
						GALERIE 4 COLMN
===================================================================== */
.galerie-four-colmun {
    margin-bottom: 80px !important;
}

.et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
    width: 33.33% !important;
    margin: 5px !important;
    clear: none !important;
}

/** Desktop **/
/*six columns*/
@media (min-width: 981px) {
    .et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
        width: 23.9% !important;
        clear: none !important;
    }
}

/** Tablet **/
/*four columns*/
@media (max-width: 980px) {
    .et_pb_gallery.galerie-four-colmun .et_pb_gallery_item {
        width: 25% !important;
        clear: none !important;
    }
}

/** Small Tablet and Large Phone **/
/*three columns*/
@media (max-width: 767px) {
    .galerie-four-colmun .col-width .et_pb_gallery_item {
        width: 33.33% !important;
        clear: none !important;
    }
}

/** Phone **/
/*two columns*/
@media (max-width: 479px) {
    .galerie-four-colmun .col-width .et_pb_gallery_item {
        width: 50% !important;
        clear: none !important;
    }
}

/* fin */

/* =====================================================================
					BOX COLONNE DROITE	
===================================================================== */
#right-column p {
    font-size: 14px;
    line-height: 1.3em;
}

#right-column ul li {
    padding: 0;
    margin: 3px;
    font-size: 14px;
}

#right-column h2 {
    font-size: 1em;
}

#right-column .et_pb_post {
    margin-bottom: 0px;
}


#documents,
#liensutiles,
#a-noter {
    padding: 20px 20px 30px 30px;
    color: #fff;
}

#documents a,
#liensutiles a,
#a-noter a {
    color: #fff;
}

#documents a:hover,
#liensutiles a:hover,
#a-noter a:hover {
    color: #000;
}

#documents::before,
#liensutiles::before,
#a-noter::before {
    font-size: 20px !important;
    font-weight: 700;
    margin: 0 0 20px 0;
    display: block;
    font-weight: 900;
    color: #fff;
}

#documents .et_pb_text_inner p:first-child {
    display: none;
}

#documents::before {
    content: "Document(s)";
}

#liensutiles::before {
    content: "Liens utiles";
}

#a-noter::before {
    content: "À noter";
}

#liensutiles {
    font-size: 13px;
    line-height: 1.2em;
}

#liensutiles p {
    margin: 0;
    padding: 0;
}

#liensutiles br {
    display: none;
}

#liensutiles a {
    margin: 13px 0 0 0;
    padding: 0 0 0 30px;
    display: block;
    position: relative;
}

#liensutiles a::before {
    content: url(images/lien-utile.svg);
    width: 28px;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
}

/* =====================================================================
					PAGE L'O PASTEL	
===================================================================== */
.text-aquaforme {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 0;
    /* margin-bottom: 20px!important; */
}

.text-aquaforme h3 {
    color: #fff;
    font-size: 19px;
    padding-left: 20px;
}

/* =====================================================================
					WP FILE DOWNLOAD	
===================================================================== */

.wpfd-single-file {
    flex-basis: none;
    background-color: #fff !important;
    padding: 10px;
    display: flex;
    flex: none;
    flex-wrap: nowrap !important;
    z-index: 0;
    position: relative;
    flex-direction: row;
    border: 1px solid #f0f0f0;
    margin-bottom: 10px;
}

.wpfd-single-file--buttons {
    display: flex;
    margin: 0 !important;
    flex-basis: unset !important;
    justify-content: right !important;
}

.wpfd-single-file--buttons span {
    display: none;
}

.wpfd-file-content--title {
    font-family: var(--font-title-bold);
    font-size: 14px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.wpfd-single-file-button.wpfd-button-download,
.wpfd-single-file-button.wpfd-button-preview {
    width: 38px !important;
    height: 38px !important;
    padding: 10px !important;
    margin-top: 5px !important;
    background: #333 !important;
    ;
}

.wpfd-single-file-button.wpfd-button-download:hover,
.wpfd-single-file-button.wpfd-button-preview:hover {
    background: var(--default-color) !important;
    ;
}

.wpfd-single-file a.wpfd-single-file-button.wpfd-button-download svg,
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-preview svg {
    margin-left: 0 !important;
}

.wpfd-single-file a.wpfd-single-file-button.wpfd-button-download svg:hover,
.wpfd-single-file a.wpfd-single-file-button.wpfd-button-preview svg:hover {
    background: unset;
}

.wpfd-single-file .wpfd-file-content--meta>div {
    color: #767676 !important;
}

/* Design de l'ext. en colonne droite article*/

#right-column .wpfd-single-file-button.wpfd-button-download::before,
#right-column .wpfd-single-file-button.wpfd-button-preview::before {
    content: url(images/facebook.svg);
    width: 13px !important;
    height: 27px !important;

}

#right-column .wpfd-single-file--icon,
#right-column .wpfd-single-file--buttons,
#right-column .wpfd-file-content--meta {
    display: none;
}

#right-column .wpfd-single-file .wpfd-file-content {
    padding: 0;
}

#right-column .wpfd-single-file .wpfd-file-content::before {
    content: url(images/picto-download.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -1px;
}

#right-column .wpfd-single-file {
    background-color: unset !important;
    border: none;
    margin-bottom: 10px;
    padding: 0 0px 0 30px;
    margin-right: 20px;
}

#right-column .wpfd-single-file--details {
    flex-basis: 100% !important;
}

#right-column .wpfd-file-content--title {
    font-size: 13px !important;
    line-height: 1.3em;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}

/* fin */

h2.wpfd-category-theme-title {
    display: none;
}

#et-boc .wpfd-content-tree .breadcrumbs li,
.wpfd-content-tree .breadcrumbs li {
    color: #2c2c2c;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-top: 25px !important;

}

@media (max-width: 768px) {
    .wpfd-single-file--icon {
        display: none;
    }

    .wpfd-single-file .wpfd-file-content {
        padding-left: 0 !important;
    }
}

/* =====================================================================
						AGENDA HOME
===================================================================== */

#agenda-home .lastEvents {
    background: #fff !important;
}

#agenda-home .card-date {
    color: var(--default-color);
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    border: 1px solid var(--default-color);
    width: fit-content;
    font-size: 12px;
    line-height: 1.6em;
}

#agenda-home .card-date::before {
    color: #fff;
    padding: 1px 10px;
    margin-right: 11px;
    content: "Date";
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
}

#agenda-home h4.card-title {
    color: #000 !important;
    font-size: 26px;
    font-weight: 900;
}
#agenda-home h5.card-title {
    color: #000 !important;
    font-size: 25px;
    font-weight: 900;
    margin: -1px 0 7px 0;
}

#agenda-home .card-text {
    line-height: 1.4em;
    font-size: 15px;
}

#agenda-home .moreEvent {
    font-size: 14px;
    padding: 7px 11px;
    margin-top: 15px;
}

/* =====================================================================
						CALENDAR EVENEMENTS
===================================================================== */
.filterButtonWrap {
    text-align: center;
}

.calendar .header .month-year .monthNext {
    border-color: transparent transparent transparent var(--abt-bg-default);
    border-width: 0 !important;
    border-style: none !important;
    content: url(images/monthNext.svg) !important;
    height: 30px;
}

.calendar .header .month-year .monthPrec {
    border-color: transparent transparent transparent var(--abt-bg-default);
    border-width: 0 !important;
    border-style: none !important;
    content: url(images/monthPrev.svg) !important;
    height: 30px;
}

.calendar .days .day_name, .calendar .days .day_num[data-event]:after {
    background-color: var(--default-color);
}
#page-agenda .calendar .days .day_name {
    padding: 18px;
    font-size: 15px;
}

.calendar .days .day_name {
    padding: 3%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    cursor: default;
}

/* jours passés */
.calendar .days .day_num.passe {
    background-color: var(--default-color-10);
    cursor: default;
    font-weight: normal;
    font-style: italic;
}

.calendar .days .day_num.ignore {
    background-color: #5e5e5e;
    color: #fff;
    cursor: default;
}
/* nombre d'evenements */
.calendar .days .day_num[data-event]:after {
    background-color: var(--secondary-color);
}

/* jours passés select */
.calendar .days .day_num.passe.selected {
    background-color: var(--default-color-50);
}

.calendar .header .month-year .actualMonth select {
    font-size: 1em;
    border: unset;
    border-bottom: 5px solid var(--default-color);
}

.calendar .header .month-year .actualMonth #selectMonth {
    margin: 0 22px 0 0;
}

/* -------------------  FICHE  ------------------- */
.ficheDir {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#col-content .titleListe {
    font-size: 22px;
    min-width: 100%;
}
#col-content .tit_fichette {
    font-size: 18px;
    min-width: 100%;
}
#col-content .orgContactsListe .card-img {
    display:none;
}
#col-content .ficheDir .tit_org1 {
    font-size: 22px;
    min-width: 100%;
    display: flex;
}
#col-content .ficheDir .tit_org2 {
    font-size: 18px;
    min-width: 100%;
    display: flex;
}
#col-content .ficheDir .abt-dir-img {
    width: 30%;
    margin-right: 5%;
}
#col-content .ficheDir .abt-dir-img img{
    width: 100%;
    height:auto!important;
}

/* ------------ CALENDAR COLONNE --------------- */
#little-column #eventList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#little-column #eventList .media.fichette {
    display: flex;
    flex-direction: row;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    width: 100%;
}

#little-column #eventList .media.fichette .media-body {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}

#little-column #eventList .media.fichette {
    max-width: 100% !important;
}

#little-column #calendar .calContent {
    width: 100% !important;
}

#little-column #eventList .card-img {
    min-width: unset;
    max-width: 35%;
}

#little-column .card-img img {
    padding-right: 5px;
}

#little-column .dateEvent {
    font-size: 10px;
    color: var(--default-color);
    line-height: 1.3em;
    margin: 0 0 5px 0;
    padding: 3px 8px 2px 0;
}

#little-column .addrEvent {
    font-size: 10px;
    color: #323232;
    display: inline-block;
    width: fit-content;
    padding: 4px 8px 4px 0px;
    margin-top: 0;
    line-height: 1;
}

#little-column .calendar .days .day_num {
    width: calc(100% / 7);
    padding: 0.8vw;
    font-weight: bold;
    cursor: pointer;
    min-height: 70px;
    text-align: center;
    position: relative;
    font-size: 14px;
}

#little-column .calendar .days .day_num[data-event]:after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: attr(data-event);
    width: 16px;
    height: 16px;
    border-radius: 0;
    font-size: 10px;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#little-column #eventList .media.fichette .media-body .descrEvent {
    font-size: 12px;
    flex-grow: 2;
    line-height: 1.3em;
    margin: 5px 0 15px 0;
    height: 50px;
    overflow: hidden;
}


#little-column .fichette H4 {
    padding-bottom: 0;
    font-size: 18px;
}

#little-column #eventList .media.fichette .media-body a.moreEvent {
    font-size: 12px;
    font-weight: 700;
    background-color: var(--default-color);
    color: #fff;
    display: inline-block;
    width: fit-content;
    padding: 4px 8px;
    line-height: 1;
}

#little-column #calendar #calendarFilter {
    display: none;
}




/* =====================================================================
						THEME EVENEMENTS
===================================================================== */
.EnteteFiltre {
    background: var(--default-color);
    padding: 26px 10px 9px 20px;
    margin-top: 4px;
}

.EnteteFiltre h4 {
    color: #fff;
    font-size: 16px;
}

#Page-Article-Section-Contenu .eventImage img {
    width: 100% !important;
    height: max-content !important;
    /* aspect-ratio: 16/9; */
    object-fit: cover;
}

#meta-evenement .et_pb_code_inner {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}

#meta-evenement .eventDate {
    color: var(--default-color);
}

#meta-evenement .eventAdr .eventAdr,
#meta-evenement .eventCat .eventCat,
#meta-evenement .eventDate .eventDate {
    margin: 0 11px 5px 0;
}

#meta-evenement .eventAdr .eventAdr::before,
#meta-evenement .eventCat .eventCat::before,
#meta-evenement .eventDate .eventDate::before {
    color: #fff;
    padding: 5px 10px;
    margin-right: 11px;
}

#meta-evenement .eventAdr .eventAdr,
#meta-evenement .eventCat .eventCat {
    padding: 0 10px 0 0;
    border: 1px solid #323232;
}

#meta-evenement .eventDate .eventDate {
    padding: 0 10px 0 0;
    border: 1px solid var(--default-color);
}

#meta-evenement .eventDate .eventDate::before {
    content: "Date";
    background-color: var(--default-color);
    border: 1px solid var(--default-color);
}

#meta-evenement .eventAdr .eventAdr::before {
    content: "Lieu";
    background-color: #323232;
    border: 1px solid #323232;
}

#meta-evenement .eventCat .eventCat::before {
    content: "Catégorie";
    background-color: #323232;
    border: 1px solid #323232;
}

/* -----------LISTE---------- */

.dateEvent::before {
    color: #fff;
    padding: 1px 10px;
    margin-right: 11px;
    content: "Date";
    background-color: var(--default-color);
    border: 1px solid var(--default-color);

}

.dateEvent {
    color: var(--default-color);
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    border: 1px solid var(--default-color);
    width: fit-content;
    font-size: 12px;
    line-height: 1.6em;
}

.addrEvent::before {
    color: #fff;
    padding: 1px 10px;
    margin-right: 11px;
    content: "Lieu";
    background-color: #323232;
    border: 1px solid #323232;
    font-weight: normal;

}

.addrEvent {
    color: #323232;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    border: 1px solid #323232;
    width: fit-content;
    font-size: 12px;
    line-height: 1.6em;
    font-weight: 700;
}

.descrEvent {
    margin: 0px 0 10px 0;
    font-size: 14px;
    line-height: 1.3em;
}

.moreEvent {
    font-size: 12px;
    font-weight: 700;
    background-color: var(--default-color);
    color: #fff;
    display: inline-block;
    width: fit-content;
    padding: 7px 11px;
    line-height: 1;
}

.catEvent {
    margin: 0px 0 10px 0;
    font-size: 11px;
    line-height: 1.3em;
    color: black;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #323232;
    width: fit-content;
    border-radius: 4px;
    padding: 2px 10px;
}

/* =====================================================================
						FOOTER
===================================================================== */

#suivez-nous::before {
    font-family: var(--title-font);
    content: "Suivez-nous :";
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 4px;
    font-weight: 900;
    text-transform: uppercase;
    margin-right: 10px;
}

#footer {
    min-height: 400px;
}

#footer #logo-footer img {
    max-width: 200px;
}

#footer .et_parallax_bg {
    opacity: 0.3;
}

#footer,
#footer a {
    color: #ffffff;
}

#footer a:hover {
    color: var(--default-color);
}

/* RESEAUX SOCIAUX */
#col-reseaux-sociaux {
    border-left: 1px solid #fff;
}

.reseau:hover {
    background: white;
    color: var(--secondary-color);
}

.reseau.facebook:before {
    content: url(images/facebook.svg);
    display: inline-block;
    height: 54px;
    width: 50px;
    padding: 15px 20px 0 20px;
    background-color: var(--secondary-color);
    position: absolute;
    left: 0;
    top: 0;
}

.reseau.linkedin:before {
    content: url(images/linkedin.svg);
    display: inline-block;
    height: 54px;
    width: 50px;
    padding: 15px 17px 0 17px;
    background-color: var(--secondary-color);
    position: absolute;
    left: 0;
    top: 0;
}


/* =====================================================================
						BOX TINY MCE
===================================================================== */

.et-shadow:before {
    content: url(images/picto-info.svg) !important;
    display: block;
    position: absolute;
    top: 15px !important;
    left: 10px !important;
    width: 41px !important;
}

/* BOX INFO */
.et-info .et-box-content strong {
    color: #fff !important;
    font-weight: bold;
}

.et-info .et-box-content {
    color: #fff !important;
    background: var(--default-color) !important;
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 6px;
    text-shadow: none !important;
    padding: 60px 45px 60px 60px !important;
    min-height: 90px !important;
    line-height: 1.6em;
    margin-top: 22px;
}

.et-box.et-info {
    width: 40%;
    float: right;
    margin: 0 0 50px 50px;
}

.et-info {
    border: none !important;
}

.et-info::before {
    display: none;
}
/* ALIGNEMENT IMAGE */

img.alignleft {
    display: inline;
    float: left;
    margin: 0 3vw 3vw 0;
    max-width: 45%;
}
img.alignright {
    display: inline;
    float: right;
    margin: 0 0 3vw 3vw;
    max-width: 45%;
}

/* =====================================================================
						BOUTON TINY MCE
===================================================================== */

#main-content a.small-button,
#main-content a.icon-button {
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin: 20px 5px 8px 0 !important;
}

#main-content a.small-button,
#main-content a.big-button,
a.icon-button {
    display: inline-block;
    text-shadow: none !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    line-height: 26px !important;
    box-shadow: unset !important;
}

#main-content a.smallpink {
    color: #FFFFFF !important;
    background: var(--default-color) !important;
    background: -moz-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--default-color)), color-stop(100%, var(--default-color))) !important;
    background: -webkit-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
    background: -o-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
    background: -ms-linear-gradient(top, var(--default-color) 0%, var(--default-color) 100%) !important;
    background: linear-gradient(to bottom, var(--default-color) 0%, var(--default-color) 100%) !important;
    border: 1px solid var(--default-color);
}

/* =====================================================================
						CODE UTILE
===================================================================== */
/* 
** CENTRER DU CONTENU VERTICALEMENT 
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

.vertical-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
}

/* ========================================================================================================
				                    		RESPONSIVE
=========================================================================================================== */

@media only screen and (max-width:1660px) {

    /* =============================	PRIMARY NAV   ===============================*/

    #menu-primary_nav li a {
        font-size: 1vw;
    }

}

@media only screen and (max-width:1440px) {

    /* =============================	LISTE EVENEMENTS   ===============================*/

    #eventList .media.fichette {
        max-width: 48% !important;
    }

    #little-column #eventList .media.fichette {
        flex-direction: column;
        padding: 0 0 20px 0;
    }

    #little-column #eventList .media.fichette .media-body {
        margin-left: 0;
    }

    #little-column #eventList .card-img {
        min-width: unset;
        max-width: 100%;
    }

    #little-column #eventList .card-img img {
        margin-bottom: 0;
    }

    #little-column .catEvent {
        margin: 10px 0 5px 0;
    }


    /* =============================	CALENDAR   ===============================*/
    .calendar .header .month-year .actualMonth select {
        font-size: 14px;
    }

    #little-column .calendar .days .day_num {
        padding: 0.3vw;
    }

    #little-column .calendar .days .day_num {
        font-size: 10px;
    }

    .calendar .days .day_name {
        padding: 2%;
        border-bottom: 3px;
    }

    /* =============================	FILTRE   ===============================*/

    #directoryFilter .EnteteFiltre,
    .chosen-container,
    .filterButtonWrap,
    .filterButtonWrap button {
        width: 100% !important;
    }

    #directoryFilter {
        flex-direction: column;
    }

    /* =============================	LISTE ANNUAIRE   ===============================*/

    #page-organisation #directory .dirList .fichette .card-img img {
        width: 100%;
    }

    /* .dirList {
        display: flex !important;;
        flex-direction:column!important;
     } */
    .fichette {
        flex-direction: column;
    }

}

@media only screen and (max-width:1024px) {

    /* =============================   HEADER HOME #bloc_bienvenue   ===============================*/
    #slider-home .et_pb_slides .et_pb_slider_container_inner {
        vertical-align: middle;
    }

    #slider-home .et_pb_slide_description {
        margin: -30% auto 0 auto;
    }

    #rechercher {
        top: 25%;
        padding-top: 16%;
    }


    /* =============================   NAV   ===============================*/

    /* .et_pb_menu__logo {
        max-width: 120px;
    } */

    #menu-principal:after {
        left: -60px;
        top: 40px;
        width: 310px;
    }


}

@media only screen and (max-width:980px) {

    /* =============================   NAV   ===============================*/

    .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img {
        width: 150px;
    }

    /* .et_pb_menu__logo {
        max-width: 120px;
    } */

    /* =============================   FOOTER   ===============================*/
    #col-reseaux-sociaux {
        border-left: none;
    }


}

@media only screen and (max-width:860px) {

    /* =============================	LISTE EVENEMENTS   ===============================*/

    #eventList .media.fichette {
        max-width: 100% !important;
    }

    /* =============================	LISTE AGENDA   ===============================*/
    #calendar {
        flex-direction: column !important;
    }

    #calendar #calendarFilter {
        width: 100% !important;
        margin-left: 0% !important;
        margin-top: 25px !important;
    }

    #calendar .calContent {
        width: 100% !important;
    }

    #calendarFilter .catFilterButton {
        margin: 0 0 10px 0 !important;
    }

}


@media only screen and (max-width:660px) {

    /* =============================   HEADER HOME #bloc_bienvenue   ===============================*/

    #bloc_bienvenue h1 {
        font-size: 10vw;
    }

    #bloc_bienvenue h1 span {
        font-size: 6vw;

    }

    h1 {
        font-size: 50px;
    }
}



@media only screen and (max-width:479px) {

    h1 {
        font-size: 40px !important;
    }

    .et_pb_post h2 {
        font-size: 25px;
    }

    /* =============================   NAV   ===============================*/

    .et_pb_menu__logo {
        max-width: 100px;
        top: -15px;
    }

    #menu-principal:after {
        left: -73px;
        top: 1px;
        width: 344px;
    }

    /* =============================   NAV STICKY   ===============================*/
    .has_et_pb_sticky #menu-principal:after {
        left: -63px;
        top: 1px;
        width: 274px;
    }

    .has_et_pb_sticky .et_pb_menu__logo {
        max-width: 80px;
        top: -7px;
    }

    /* =============================   HEADER HOME #bloc_bienvenue   ===============================*/

    #slider-home .et_pb_slides .et_pb_slider_container_inner {
        vertical-align: baseline;
    }

    #slider-home .et_pb_slide_description {
        margin: 30% auto 0 auto;
    }

    #slider-home p {
        font-size: 21px;
        text-shadow: 1px 1px 2px black;
    }

    #slider-home h2 {
        font-size: 10vw;
    }

    #slider-home.et_pb_slider_0 {
        min-height: 500px;
        height: 550px;
    }

    /* =============================   BLOC RECHERCHE HOME   ===============================*/
    #bloc-recherche input::placeholder,
    #bloc-recherche .et_pb_searchsubmit {
        font-size: 14px !important;
    }

}