/*
 Theme Name:     Plugin_abtel-child
 Theme URI:      http://abtel.fr
 Description:    Theme Enfant Plugin_abtel
 Author:         abtel.fr
 Author URI:     http://abtel.fr
 Template:       Divi
 Version:        2026
*/


/********* CHOIX DU CLIENT ************************/
/*h1 {    color:#5fa7ae;}*/
/*h2 {    color:#b2c847;}*/
/*h3 {    color:#921f6b;}*/


:root {
    --couleurbody:#000000;
    --nocolor:transparent;
    --couleur1: #00aaad;
    /*;*/
    --couleur2: #921f6b;
    --couleur3: #b2c847;
    --couleurfooterheader:#00aaad;
    --couleurblanc: #ffffff;
    --couleurnoir: #000000;
    --fontsize:14px;
    --lineheight: 1.42857143;
}
/* Gestion des couleurs */
/* COULEUR BOUTONS / TEXTE PERSONNALISÉ */
/* bouton mailpoet géré dans formulaire du module */
.Accueil-Acces-Direct .et_pb_blurb .et_pb_main_blurb_image .et-pb-icon{
    background-color: var(--couleur1);
}
.Accueil-Acces-Direct .et_pb_blurb_0.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_1.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_2.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_3.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_4.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_5.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_6.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_7.et_pb_blurb .et_pb_module_header a ,
.Accueil-Acces-Direct .et_pb_blurb_8.et_pb_blurb .et_pb_module_header a
{
    color: var(--couleur1) !important;
}

body .Amberieu-Accueil-Agenda #page-container .et_pb_section .et_pb_button_1 {
    border-color: var(--couleur1);
}

#MenuSideBar .iconaccueil a {
    color: var(--couleur1) !important;
}
#MenuSideBar .iconaccueil .et_pb_image_wrap span {
    background-color: var(--couleur1) !important;
}



/****-------------------------------------------------------------------*/

/* GESTION DES FONDS ET VAGUES */
.et_pb_section_2.et_pb_section.et_pb_with_background {
    background-color: var(--nocolor) !important;
}

.et_pb_section.et_pb_section_3.et_pb_with_background {
    background-color: var(--couleur1) !important;
    padding-top: 90px;

}
.et_pb_section.et_pb_section_4.et_pb_with_background {
    background-color: var(--couleur1) !important;
    position: relative;
    padding-top: 0;
}

.et_pb_section_4.DefilementJournal .et_pb_row   {
    height: 500px !important;
}
.et_pb_section_4.DefilementJournal .et_pb_row .et_pb_column_1_2 {
    margin-top:8%;
}
.et_pb_section.et_pb_section_5.et_pb_with_background {
    background-color: var(--nocolor) !important;
}
.et_pb_section_4.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    background-color: var(--couleur1) !important;
}
.et_pb_section.et_pb_section_6.et_pb_with_background {
    background-color: var(--couleur1) !important;
}

.et_pb_section.et_pb_section_7.et_pb_with_background {
    background-color: var(--nocolor) !important;
}
.et_pb_section_6.et_pb_section {
    background-color:var(--couleur1) !important;
}
.et_pb_section_6.et_pb_section h2 {
    color:var(--couleur1)!important;
}
.et_pb_section_6.et_pb_section .et_pb_newsletter_button.et_pb_button {
    color:var(--couleurblanc)!important;
}
#main-content .Accueil-Journal .et_pb_row ,
#Amberieu-Accueil-Agenda .et_pb_row,
.Accueil-Galerie .et_pb_row {
    margin-top:0;
}
.Accueil-Journal-Contenu .et_pb_row ,
.Accueil-Newsletter .et_pb_row {
    padding-top:50px;
}


/*.Accueil-Journal-Contenu .et_pb_row {*/
/*    display:flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    height: max-content;*/
/*}*/

/*.Accueil-Journal-Contenu .et_pb_row.et_pb_row et_pb_row_1-2_1-4_1-4 .et_pb_column.et_pb_column_1_2 {*/
/*    width: calc(100%/3) !important;*/
/*    padding-right: 10px !important;*/

/*}*/



#Amberieu-Accueil-Agenda .et_pb_row.Categorie-liste-article,
.Accueil-Galerie .et_pb_row.Categorie-liste-article {
    padding-top:120px !important;
}
.Accueil-Newsletter .et_pb_row h2 {
    color:var(--couleurblanc)!important;
}
/**********************FIN SECTION VAGUE ACCUEIL ***************************************/

/* GESTION AFFICHAGE diverss balises principales*/
/* style de l'entete */
header {
    /*margin: 10px 0;*/
    margin: 0;
}
#header-menu {
    /*height:126px;*/
    padding:0;
}

#header-menu .et_pb_menu__wrap {
    height:126px;

}

#main-content h1 {
    font-size: 60px;
    text-align: center;
}

.et_pb_fullwidth_header_subhead {
    font-size: 50px;

}
.et-l.et-l--header .et_builder_inner_content.et_pb_gutters3 {
    height: auto !important;
}
/* gestion du menu */
#header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
    font-size: 26px !important;
    padding-left: 20px;
    padding-top: 53px;
}

#header-menu li.mega-menu {
    font-size: 2em;
}
#header-menu li.mega-menu ul.sub-menu {
    margin-top: 0 !important;
}
#header-menu li.mega-menu ul.sub-menu li a
{
    font-size: 1.2em;
    width: max-content !important;
    padding-right:5px !important;
}

.et_mobile_menu {
    border-top: 3px solid #5fa7ae;
    margin-top: 30px;
}


/* BANDO ACCUEIL */

#main-content .Accueil-Bando h1.et_pb_module_header {
    text-transform: none !important;
}
#main-content .Accueil-Bando .et_pb_fullwidth_header_subhead {
    text-align: center;
}

.Accueil-Bando .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right {
    margin-left:15%;
}
.Accueil-Bando .et_pb_fullwidth_header .Bando-Accueil-Module .header-content-container a.et_pb_button_one {
    margin:auto auto auto 0;
}
.Accueil-Bando .et_pb_fullwidth_header .Bando-Accueil-Module .header-content-container  a.et_pb_button_two {
    margin:auto 0 auto auto ;
}


#main-content .et_pb_section {
    padding-top:0;
    padding-bottom:0;
}

#main-content  img {
    max-height: 100%;
    height: auto;
    width: auto;
    /*margin: auto;*/
    display: block;
}

#main-content span.et_pb_image_wrap img {
    height: 350px;
    object-fit: cover;
}
.et_pb_row_0_tb_header,
body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row ,
.et_pb_row_0 {
    width: 100%;
    max-width: 60% /*60*/;
}
#main-content .et_pb_row  {
    margin-top:10px;
    width:90% !important;
    max-width: 1366px !important;

}


/* GESTION DU LOGO AMBERIEU */
body #page-container .et_pb_menu__logo-wrap {
    width: 20%;
    max-width: 100%;
}
/* MENU PRINCIPAL */
/* gestion loupe de rechercher */
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
    height: 52px;
}
/* Gestion carousel d'accueil */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
    padding-bottom: 20px;
}

/* GESTION DES COULEURS */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > ul.mega-sub-menu {
    background-color: var(--couleur2);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > a:hover ,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover
{
    color:var(--couleur2);
}
/* MENU SECONDAIRE */
#MenuSideBar .et_pb_widget_area_left {
    border-right:none;
}

#MenuSideBar .mega-current-menu-item {
    font-weight:bold;
    color:var(--couleur1);
}

#MenuSideBar #Sous-Menu ul#mega-menu-max_mega_menu_1 > li {
    visibility:hidden;
}

#MenuSideBar  #Sous-Menu  ul#mega-menu-max_mega_menu_1 > li.mega-current-menu-ancestor,
#MenuSideBar  #Sous-Menu  ul#mega-menu-max_mega_menu_1 > li.mega-current-menu-ancestor > a{
    visibility:visible;
}



/* MENU ACCES DIRECT */
#menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav>ul>li {
    width: max-content;
    text-align:right;
}
#menu-acces-direct .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 8px;
    width: 100% !important;
}

#menu-acces-direct .et_pb_menu .et_pb_menu__menu, #menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav, #menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav>ul {
    display:block;
    width: 100% !important;
}

/* ENTETE DES PAGES ET ARTICLES */
#Entete-Amberieu {
    background-color: rgb(116, 201, 203);
}
#Entete-Amberieu .header-content {
    /*background-color: rgb(0,170,173,0.3);*/
    background-color: transparent; /* demande par mail de Carole Bouchard le 13 /11/2023 */

}

#main-content #Entete-Amberieu .header-content h1 {
    font-size:50px;
}

/* LISTE DES ARTICLES D'UNE CATEGORIE */

.Categorie-liste-article article.et_pb_post {

    min-height:514px;
    margin-bottom:30px !important;
    position:relative; /* POUR GERRER LE READ MORE*/

}
.Categorie-liste-article article.et_pb_post  div.post-content a.more-link {
    position: absolute;
    bottom:0;
    right:10px;
}


.et_pb_row_0_tb_header,
body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row,
body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row ,
.et_pb_row_0 {
    width: 100%;
    max-width: 60% /*60*/;
}

/* GESTION DU LOGO AMBERIEU */
body #page-container .et_pb_menu__logo-wrap {
    width: 20%;
    max-width: 100%;
}
/* MENU PRINCIPAL */
/* gestion loupe de rechercher */
.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
    height: 52px;
}
/* Gestion carousel d'accueil */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
    padding-bottom: 20px;
}

/* GESTION DES COULEURS */
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > ul.mega-sub-menu {
    background-color: var(--couleur2);
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > a:hover ,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu.mega-back-orange > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover
{
    color:var(--couleur2);
}
/* MENU SECONDAIRE */
#MenuSideBar .et_pb_widget_area_left {
    border-right:none;
}

#MenuSideBar .mega-current-menu-item {
    font-weight:bold;
    color:var(--couleur1);
}

#MenuSideBar #Sous-Menu ul#mega-menu-max_mega_menu_1 > li {
    visibility:hidden;
}

#MenuSideBar  #Sous-Menu  ul#mega-menu-max_mega_menu_1 > li.mega-current-menu-ancestor,
#MenuSideBar  #Sous-Menu  ul#mega-menu-max_mega_menu_1 > li.mega-current-menu-ancestor > a{
    visibility:visible;
}



/* MENU ACCES DIRECT */
#menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav>ul>li {
    width: max-content;
    text-align:right;
}
#menu-acces-direct .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 8px;
    width: 100% !important;
}

#menu-acces-direct .et_pb_menu .et_pb_menu__menu, #menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav, #menu-acces-direct  .et_pb_menu .et_pb_menu__menu>nav>ul {
    display:block;
    width: 100% !important;
}

/* LISTE DES ARTICLES D'UNE CATEGORIE */

.Categorie-liste-article article.et_pb_post {

    min-height:500px;
    margin-bottom:30px !important;

}



/* AGENDA GENERAL */
#Agenda-accueil #listLastEvents .lastEvents {
    min-height:500px;
    border: 3px solid var(--couleur1) !important;
    margin-right: 2.5% !important;

}

#Agenda-accueil #listLastEvents .lastEvents .card-body h5 {
    color: inherit !important;
}
#Agenda-accueil #listLastEvents .lastEvents .card-adr  {
    color:var(--couleur1);
}
#Agenda-accueil #listLastEvents .lastEvents .card-body a.btn-primary {
    color:var(--couleur1);
    font-size: 1em;
    margin-top: 15px;
    text-align:right;
}
#Agenda-accueil #listLastEvents .lastEvents .card-body a.btn-primary {
    color:var(--couleur1);
    font-size: 1em;
    margin-top: 15px;
    text-align:right;
    font-weight: bold;
    text-transform: uppercase;
}

/*** TOUT L'AGENDA */
/* CALENDRIER*/
.calendar .header .month-year .actualMonth select {
    border-top: none ;
    border-right: none ;
    border-left: none ;
    border-bottom: 1px solid var(--couleur1); !important;
}

.calendar .days .day_num[data-event]:after {
    background-color:var(--couleur1); !important;
}
.calendar .days .day_num.passe[data-event]:after {
    background-color: #ccc !important;
}
.calendar .days .day_num.current:before {
    background-color:  var(--couleur3);
}
.calendar .days .day_num.current span {
    color:  var(--couleur3);
    font-size:1.1em;
}

/* FILTRE AVEC LES CATEGORIES */

#calendarFilter .EnteteFiltre h4 {
    /*margin-right: 30px;*/
    padding-top:50px ;
    text-align:center;
}
#calendarFilter .catFilterList {
    display: block !important;
}

#calendarFilter .filterButtonWrap {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-top: 40px;
}
#calendarFilter .filterButtonWrap button {
    margin-right: 5%;
    text-align: center;
    font-size: 1em;
    width: 48% !important;
    cursor: pointer;
}

#calendarFilter .catFilterButton {
    color: #333333!important;
    font-size: 20px;
    font-weight: 600!important;
    text-transform: uppercase!important;
    cursor: default;
    transition: all 300ms ease 0ms;
    padding: 0.3em 1em;
    background-color: transparent;
    border: 5px solid  var(--couleur1);
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: all!important;
    transition-property: all!important;
    display:block;

}
#calendarFilter .EnteteFiltre .catFilterButton:hover {
    background-color: rgba(0,0,0,.05);
    content: "\35";
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    text-shadow: none;
}


/* LISTE DES EVENEMENTS */
#eventList .media.fichette {
    width: 100%;
    display: flex;
    flex-direction: column;
}
#eventList .media.fichette .card-img {
    height: auto;
    width: 30%;
}
#eventList .media.fichette .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#eventList .media.fichette .media-body {
    width: 70%;
}
#eventList .media.fichette .media-body .catEvent {
    color: var(--couleur3);
}
#eventList .media.fichette .media-body .addrEvent {
    color: var(--couleur1);
}
#eventList .media.fichette .media-body .descrEvent {
    font-weight: normal;
    margin-top: 10px;
}
#eventList .media.fichette .media-body a.moreEvent {
    color:#5fa7ae;
    font-size: 1.5em;
    margin-top: 15px;
    margin-right: 15px;
    font-weight: normal !important;
    display: block;
    text-align:right;
}




/* ficheAgenda => LA PAGE D'UN EVENEMENT */
.ficheAgenda {
    font-size: 1.2em;
    line-height: 30px;
}
.ficheAgenda .abt-agd-img {
    height:300px;
    width: 100%;
    text-align:center;
    margin-bottom: 20px;
}

#main-content .ficheAgenda img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 100% !important;
    height:100% !important;
    text-align: center !important;
}
.ficheAgenda h1 {
    font-size:2em !important;
}
.ficheAgenda .eventDate {
    color:#333; font-weight: bold;font-size:1.2em;
    margin: 20px 0;
}
.ficheAgenda .eventCat {
    color: var(--couleur3);
    font-weight: bold;
}

.ficheAgenda .eventAdr {
    color: var(--couleur1);  font-weight: bold;

}
.ficheAgenda .eventContent {
    margin: 20px 0;
}
/* ANNUAIRES PLUGIN ABTEL  */
#directory {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#directory #directoryFilter {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

#directory #directoryFilter .EnteteFiltre {
    margin-top:2px;
    padding-right: 10px;
}
#directory ul.catFilterList {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    justify-items: center;

}
#directory .filterButtonWrap {
    margin-bottom: 10px;
}
#directory #orgMapDir {
    height: auto;
}
#directory ul.catFilterList li {
    padding-right:25px;
}
#directory .dirList {
    border-top:1px dotted  var(--couleur2) !important;
    padding:10px 0;
}
#directory .dirList a.more_fichette {
    color: var(--couleur1) !important;;
    font-size: 1.5em;
    margin-top: 15px;
    margin-right: 15px;
    font-weight: normal !important;
    display: block;
    font-weight: bold;
    text-align:right;
}
#directory .dirList .fichette {
    display: flex;
    flex-direction: row;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    width: 100%;
}


#directory .dirList .fichette .card-img {
    height: auto;
    width: 30%;
}

#directory .dirList .fichette .body_fichette {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
}
#directory .dirList .fichette .body_fichette {
    width: 70%;
}

.FicheAnnuaire  .ContactsUneOrganisation .orgContacts {
    display: block;
}

.FicheAnnuaire .eventAdr .infos span.infoTitle {
    display:block;
    font-weight:bold;
}
/*.FicheAnnuaire .eventAdr .infos span.infoTitle:after {*/
/*    content : " : " ;*/
/*}*/

.contactinfos .infoTitle {
    font-weight: bold;
}

/**************************************************************************/

/* MENUS  */
.et-menu .mega-menu.menu-item-has-children>a:first-child {
    font-size:0.8em;
}
#header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
    /* padding-top: 25px; */
    position: absolute;
    right: 10%;
    bottom: 50%;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item ul.sub-menu li a {
    color:#000 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li ul.sub-menu li ul.sub-menu  {
    margin:-10px 0 0 0 ;
    padding-left : 10px;
}
.et-menu-nav li.mega-menu>ul>li>a:first-child {
    border-bottom: none;
}
/* MENU PIED DE PAGE */
.et_pb_menu_0_tb_footer.et_pb_menu .et_pb_menu_inner_container {
    margin: auto 17%;
}
.et_pb_menu_0_tb_footer.et_pb_menu {
    background-color: transparent !important;
}
.et_pb_menu_0_tb_footer.et_pb_menu ul>li>a {
    padding-bottom: 8px!important;
    color:  var(--couleur3) !important;
    font-weight: bold!important;
}



/* GESTION RESPONSIVE */

@media only screen and (max-width: 2500px) {
    /* gestion loupe de rechercher */
    #header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        /*height: 77px;*/
        height: 30px;
        font-size: 26px !important;
        padding-left: 20px;
        padding-top: 30px;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 0.8em;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top: 15px;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 18%;
        max-width: 100%;
    }

    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 70% !important;
    }

    body #page-container .et_pb_row {
        padding: 0;
    }

    /* GESTION TAILLE MENU BURGER ET LOUPE */
    #page-container #header-menu .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
        font-size: 5em;
    }

    #page-container #header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        font-size: 3em;
    }

    #main-content h1 {
        font-size: 3em;
    }

    .et_pb_fullwidth_header_subhead {
        font-size: 3em;

    }
    li.mega-menu ul.sub-menu {
        margin-top:0 !important;
    }



}

@media only screen and (max-width: 1798px) {
    /* gestion loupe de rechercher */
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        /*		margin-top:0;*/
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:0.8em;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top:15px;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 20% !important;
        max-width: 100%;
    }
    body #page-container .et_pb_row {
        padding: 0 ;
    }
    body #page-container .et_pb_menu__logo-wrap {
        width: 30%;
        max-width: 100%;
    }
    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 90% !important;
        padding: 0;
    }

}

@media only screen and (max-width: 1353px) {
    /* gestion loupe de rechercher */
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        /*		margin-top:0;*/
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:0.8em;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top:15px;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 20% !important;
        max-width: 100%;
    }
    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 90% !important;
        padding: 20px 0;
    }
    body #page-container .et_pb_row {
        padding: 0 ;
    }
    body #page-container .et_pb_menu__logo-wrap {
        width: 20%;
        max-width: 100%;
    }
    .et_pb_menu .et-menu>li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .et_pb_menu .et_pb_menu__menu>nav>ul>li.mega-menu {
        font-size: 1.8em;
    }

}

@media only screen and (max-width: 1270px) {
    /* gestion loupe de rechercher */
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        /*		margin-top:0;*/
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:0.8em;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top:15px;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 20% !important;
        max-width: 100%;
    }
    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 95% !important;
        padding: 20px 0;
    }
    body #page-container .et_pb_row {
        padding: 0 ;
    }
    body #page-container .et_pb_menu__logo-wrap {
        width: 20%;
        max-width: 100%;
    }
    .et_pb_menu .et-menu>li {
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media only screen and (max-width: 1204px) {
    /* gestion loupe de rechercher */
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        /*		margin-top:0;*/
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:0.7em;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top:15px;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 20% !important;
        max-width: 100%;
    }

    .et-menu .menu-item-has-children>a:first-child {
        padding-right: 17px !important;
    }
    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 95% !important;
        padding: 20px 0;
    }
    body #page-container .et_pb_row {
        padding: 0 ;
    }
    body #page-container .et_pb_menu__logo-wrap {
        width: 20%;
        max-width: 100%;
    }
    .et_pb_menu .et-menu>li {
        padding-left: 5px;
        padding-right: 5px;
    }
    #main-content .et_pb_row  {
        margin:20px auto;
        width:90% !important;
        max-width: 90%!important;

    }
}



@media only screen and (max-width: 1103px) {
    body #page-container .et_pb_row_0_tb_header, body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 90%!important;
    }
    .et_pb_fullwidth_header_0 {
        min-height: 100%;
        padding-top: 1vw !important;
        padding-bottom: 8vw;
    }

    body #page-container .et_pb_row_0_tb_header, body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 95%!important;
    }
    .et_pb_fullwidth_header_0 {
        min-height: 100%;
        padding-top: 1vw !important;
        padding-bottom: 8vw;
    }

    .et_pb_menu .et_pb_menu__menu>nav>ul>li.mega-menu {
        font-size: 1.7em;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
        font-size:0.8em;
    }

    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        font-size: 26px!important;
        padding-left: 20px;
        padding-top: 19px;
    }
    #main-content .et_pb_row {
        margin:20px auto;
        width:90% !important;
        max-width: 90%!important;

    }
}

@media only screen and (max-width: 1100px) {
    /* loupe recherche en haut */
    .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        height: 77px;
        font-size: 26px !important;
        padding-left: 20px;
        padding-top: 18px;
    }
}

@media only screen and (max-width: 1042px) {
    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 97% !important;
    }

    body #page-container .et_pb_menu__logo-wrap {
        width: 19%;
        max-width: 100%;
    }

    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
        padding: 5px 0;
        font-size: 0.7em !important;
    }
    .et_pb_menu--style-left_aligned .et_pb_menu__logo {
        margin-right: 10px!important;
    }
    .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        justify-content: right !important;
    }
    .et-menu .menu-item-has-children>a:first-child {
        padding-right: 15px;
    }
    .et_pb_menu .et_pb_menu__menu>nav>ul>li.mega-menu {
        font-size: 2.2em;
    }

    li.mega-menu ul.sub-menu li a
    {
        font-size: 0.8em;
        padding-right:5px !important;
    }

}



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

    body #page-container .et_pb_menu__logo-wrap {
        width: 45% !important;
    }

    /* LARGEUR CONTENU */
    body #page-container .et_pb_row_0_tb_header,
    body #page-container .et_pb_row_0 {
        width: 100%;
        max-width: 90% !important;
        padding: 20px 0;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
        padding-top:10px;
    }
    body #page-container  .et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
        font-size: 3em !important;
    }
    .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        justify-content: right;
    }
    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        font-size: 1.2em;
    }
    li.mega-menu ul.sub-menu li a {
        font-size: 1em;

    }

    #main-content .et_pb_section_0 {
        min-height: 208px !important;
    }
    #main-content header.mobile_menu_bar 		{
        background-color:#ff0000;
    }

    /* GESTION TAILLE MENU BURGER ET LOUPE */
    #page-container #header-menu .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
        font-size: 5em !important;
    }
    #page-container #header-menu  .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        font-size: 3em!important;
        margin-top: -10px;
    }
    #main-content .et_pb_row  {
        margin:20px auto !important;
        width:90% !important;
        max-width: 90%!important;

    }
    ul#mobile_menu1 {
        max-height: 600px;
        overflow: scroll;
    }


}

/* SMARTPHONE */
@media only screen and (max-width:768px) {

    header .et_pb_row_0_tb_header {
        max-width:80%;
    }
    header .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
        width:60%;
    }
    #page-container #header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
        margin: 0 44px 0 0;
        padding-top:20%;
    }

    #page-container #header-menu .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button:after {
        /*content: "" ;*/
    }

    #header-menu .et_pb_menu__wrap {
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: baseline;font-size:0.5em;
    }


    body #page-container .et_pb_menu__logo-wrap {
        width: 64%;
        max-width: 100%;
    }
    body #main-content .et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button {
        margin-bottom: 20px;
    }
    li.mega-menu ul.sub-menu li a {
        font-size: 0.58em;
    }
    #main-content .et_pb_row
    {
        margin:20px auto !important;
        width:90% !important;
        max-width: 90%!important;
    }

    /* gestion agenda accueil */
    #listLastEvents {
        flex-direction:column !important;
    }
    #Agenda-accueil #listLastEvents .lastEvents {
        width: 100% !important;
        margin:0 0 20px 0;
    }
    #Amberieu-Accueil-Agenda .et_pb_row.Categorie-liste-article {
        padding: 0 !important;
    }
    /* gestion newsletter accueil */
    #main-content .et_pb_section.Accueil-Newsletter {
        padding-top:30px;
    }

    /* GESTION DU MENU EN PIED DE PAGE */
    #DiviBuilder-Footer-MenuPied {
        padding:0;
    }
    /* GESTION DES IMAGES DANS LES PAGES CATEGORIES */
    #main-content span.et_pb_image_wrap img {
        height: 100%;
    }
    .abt-Categorie-liste-article,
    .abt-Categorie-liste-souscat {
        flex-direction:column !important;
    }
    .abt-Categorie-liste-article .abt-posts-categorie,
    .abt-Categorie-liste-souscat .abt-sous-categorie{
        width: 100% !important;
        margin:0 0 20px 0;

    }

    /* GESTION DE L'AGENDA DANS UNE PAGE DE CULTURE */

    article #calendarWrap #calendar {
        flex-direction: column;
        margin-bottom: 20px;
    }
    article #calendarWrap #calendar #calendarFilter {
        width: 100%;
        margin:0;
    }


}


/*  CSS DE LA PAGE CATEGORIE SPECIAL ABTEL */
.abt-Categorie-Description {
    display:flex;
    justify-content: space-between;
}
.abt-Categorie-Description .abt-image-categorie {
    flex-grow:1;
    width: 100%;
}

.abt-Categorie-Description .abt-desc-categorie {
    flex-grow:2;
    font-size:1.2em;
    font-weight: bold;
    width: 100%;
}

.abt-Categorie-Description .abt-image-categorie + .abt-desc-categorie {
    padding-left: 10px;
}


.abt-Categorie-liste-souscat ,
.abt-Categorie-liste-article
{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.abt-Categorie-liste-souscat img,
.abt-Categorie-liste-article img{
    height: 350px;
    object-fit: cover;
    width: 100%;

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

.abt-posts-categorie .abt-sous-categorie-image
{
    margin: -10px -10px 10px -10px;
}

.abt-Categorie-liste-souscat .abt-sous-categorie-texte,
.abt-Categorie-liste-article .abt-posts-categorie-content {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 auto;
    display:flex;
    flex-direction: row;
    margin-top:20px;

}

.abt-Categorie-liste-souscat .abt-sous-categorie .divider-after,
.abt-Categorie-liste-souscat .abt-sous-categorie .divider-before
{
    font-size: 0;
    line-height: 0;
    flex-grow: 2;
    border-top-color: var(--couleur1);
    border-top-style: solid;
    border-top-width: 2px;
    color:var(--couleur1);
}
.abt-Categorie-liste-souscat .abt-sous-categorie h3.abt-sous-categorie-Nom {
    padding: 0 10px;
    color:var(--couleur1);
    font-weight: bold;
}
.abt-Categorie-liste-article .abt-posts-categorie .abt-posts-categorie-titre {
    padding: 0;
    color:var(--couleur1);
    font-weight: bold;
}
.abt-sous-categorie .abt-posts-categorie-more ,
.abt-posts-categorie  .abt-posts-categorie-more {
    text-align:right;
    padding-top: 10px;
}
.abt-sous-categorie .abt-posts-categorie-more a,
.abt-posts-categorie  .abt-posts-categorie-more a {
    text-transform: uppercase;
    color:var(--couleur2);
    font-weight: bold;

}
.abt-posts-categorie {
    border:1px solid var(--couleur1);
    padding:10px;
}
#main-content .abt-posts-categorie img,
#main-content .abt-Categorie-liste-souscat img {
    height: 350px !important;
    width: 100%!important;
    object-fit: cover!important;

}
}