/* CSS Saint-Germain-en-Laye */

/******** SOMMAIRE ******************/
/*                                  */
/* 00 = Fontface                    */
/* 01 = Reset                       */
/* 02 = Taille de texte globale     */
/* 03 = Styles globaux              */
/* 04 = Structure                   */
/* 05 = Header                      */
/* 06 = Accueil                     */
/* 07 = Page interne                */
/* 08 = Colonne droite              */
/* 09 = Footer                      */
/* 10 = Sommaire & E-services       */
/* 11 = Medias                      */
/* 12 = Breadcrumbs                 */
/* 13 = Toolbox                     */
/* 14 = Trombinoscope               */
/* 15 = Skip links                  */
/* 16 = Recherche                   */
/* 17 = 
/* 18 = Agenda                      */
/* 19 = 
/* 20 = Kiosque                     */
/* 21 = Actualites                  */
/* 22 = Phototheque / Galeries      */
/* 23 = Videotheque                 */
/* 24 = Formulaires                 */
/* 25 = Moteur de recherche         */
/* 26 = Plan du site                */
/* 27 = Calendrier                  */
/* 28 = Colonne droite              */
/* 29 = Envoyer par mail            */
/* 30 = Voxygen                     */
/* 31 = Galerie                     */
/* 32 = Slideshow (diaporama)       */
/* 33 = Lightbox                    */
/* 34 = Liste de fichiers           */
/* 35 = 
/* 36 = Media                       */
/* 37 = 
/* 38 = 
/* 39 = 
/* 40 = 
/* 41 = Annuaires                   */
/* 42 = Cookie Consent              */
/* 43 = MODALES                     */
/* 44 = 
/* 45 = 
/* 46 = Print                       */
/*                                  */
/************************************/


:root {/* À mettre en premier dans les CSS ! */
    --main: #2A294B;
    --marron: #9F8F68;
    --marronclair: rgba(159,143,104,.2);
    --marrontresclair: rgba(159,143,104,.1);
    --gris: #edede8;
    --footerlink: #656564;
    /* Conservatoire */
    --cons-blue: #1A364E;
    --cons-red: #9E2B25;
    --cons-grey: #596773;
    --cons-redlight: #EDE1E1; 
    /* Musée */
    --musee-dark: #1A1124;
    --musee-blue: #2D3047;
    --musee-grey: #D1CFD3;
    --musee-dark-grey: #9597A2;
    /* Micro-Folie*/
    --micro-green: #549B9B;
    --micro-violet: #3D276F;
    --micro-grey: #4A5160;
    --micro-rose: #D8187F;
    /* Théâtre */
    --theatre-blue: #203D85;
    --micro-green: #549B9B;/* Catégories accueil */
    /* Médiathèques */
    --mediatheque-marron: #AE6104;
    --mediatheque-red: #DF3134;
    --mediatheque-rose: #EE458B;

    --red: var(--bs-danger);/* Couleur Bootstrap Package */
    --reda11y: #D22747;/* Rouge A11Y */
}


/* DEBUG en PROD ! */
.extbase-debugger {display:none!important;}

/* 00 = Font face */
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../Fonts/OpenSans-Regular.woff2') format('woff2'),
         url('../Fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('../Fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('../Fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../Fonts/OpenSans-Bold.woff2') format('woff2'),
         url('../Fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-Light';
    src: url('../Fonts/Quicksand-Light.woff2') format('woff2'),
         url('../Fonts/Quicksand-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-Regular';
    src: url('../Fonts/Quicksand-Regular.woff2') format('woff2'),
         url('../Fonts/Quicksand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-Medium';
    src: url('../Fonts/Quicksand-Medium.woff2') format('woff2'),
         url('../Fonts/Quicksand-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-SemiBold';
    src: url('../Fonts/Quicksand-SemiBold.woff2') format('woff2'),
         url('../Fonts/Quicksand-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand-Bold';
    src: url('../Fonts/Quicksand-Bold.woff2') format('woff2'),
         url('../Fonts/Quicksand-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Conservatoire */
@font-face {
    font-family: 'Josefin-Sans-Bold';
    src: url('../Fonts/Josefin-Sans-Bold.woff2') format('woff2'),
         url('../Fonts/Josefin-Sans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Work-Sans-Regular';
    src: url('../Fonts/Work-Sans-Regular.woff2') format('woff2'),
         url('../Fonts/Work-Sans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Musée */
@font-face {
    font-family: 'Poppins';
    src: url('../Fonts/poppins-regular.woff2') format('woff2'),
         url('../Fonts/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../Fonts/poppins-bold.woff2') format('woff2'),
         url('../Fonts/poppins-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Micro-Folie */
@font-face {
    font-family: 'Vazirmatn-Regular';
    src: url('../Fonts/Vazirmatn-Regular.woff2') format('woff2'),
         url('../Fonts/Vazirmatn-Regular.woff') format('woff');
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Vazirmatn-Bold';
    src: url('../Fonts/Vazirmatn-Bold.woff2') format('woff2'),
         url('../Fonts/Vazirmatn-Bold.woff') format('woff');
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../Fonts/RobotoCondensed-Regular.woff2') format('woff2'),
         url('../Fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../Fonts/RobotoCondensed-Bold.woff2') format('woff2'),
         url('../Fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Théâtre Alexandre Dumas */
@font-face {
    font-family: 'ubuntu-regular';
    src: url('../Fonts/ubuntu-regular.woff2') format('woff2'),
         url('../Fonts/ubuntu-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntu-bold';
    src: url('../Fonts/ubuntu-bold.woff2') format('woff2'),
         url('../Fonts/ubuntu-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Médiathèques */
@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../Fonts/SourceSansPro-Regular.woff2') format('woff'),
         url('../Fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../Fonts/SourceSansPro-Bold.woff2') format('woff'),
         url('../Fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lady-Ice-Revisited';
    src: url('../Fonts/Lady-Ice-Revisited.woff2') format('woff2'),
         url('../Fonts/Lady-Ice-Revisited.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lady-Ice-Revisited-Bold';
    src: url('../Fonts/Lady-Ice-Revisited-Bold.woff2') format('woff2'),
         url('../Fonts/Lady-Ice-Revisited-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ======== Quicksand (pages Culture) ======== */
/*.calendar .ui-datepicker .ui-datepicker-prev span::before,
.calendar .ui-datepicker .ui-datepicker-next span::before,*/
.home .container .carousel-control,
.home .container .left::before,
.home .container .right::before {
    font-family:'Quicksand-Light',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
body,
.breadcrumb .last,
.date .container,
.home .listAgenda .date,
.home .listAgenda .lieux,
.home .rte-content .listActu .abstract,
.menuFooter li a,
.startpoint .lead p,
.single .dateColright .separator,
.directoryList .directories,
.singleDirectories .col-lg-3 .list-unstyled {
    font-family:'Quicksand-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

.header-menu .navbar-collapse .link,
.btn-info,
.page-header .lead,
.form-group .btn-primary,
.single-content .btn-previous {
    font-family:'Quicksand-SemiBold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.section-flash-info .flashinfo-title,
.site-main .site-title,
.category,
.home-events-item .day-number,
.calendar .ui-datepicker .ui-datepicker-title,
.buttons .btn,
.listAgenda .category,
.container-filters .btn,
.container-filters .totalresults b,
.container-filters .totalresults span
.listActu .category,
.rte-content p.lead,
.col-sm-9 .resultsSearch,
.toolBox .dropdown-menu .texte,
.barResults .total,
.rte-content ul li::before,
.blueimp-gallery>.next,
.blueimp-gallery>.prev,
.ui-datepicker .ui-datepicker-title,
p strong,
.directory-caption .title {
    font-family:'Quicksand-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

/* ======== Open Sans (pages Culture) ======== */
.image .caption,
.rte-content p,
.rte-content ul,
.rte-content ol,
.telecharger .list-unstyled .info,
.cancelled .date .cancelled-text,
.calendar .ui-datepicker td,
.thosedates .btn-thosedates,
.site-main .breadcrumb,
.musee .pageRecherche .rechercheButton {
    font-family:'OpenSans-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.site-footer .title,
.section-flash-info .title,
.breadcrumb .breadcrumb-last,
.site-tools .tools-txt,
.telecharger .list-unstyled .fileTitle,
.calendar .ui-datepicker th,
.form-group .btn-reset,
.practical-info-item .list-normal .bold,
.conservatoire .btn-info,
.conservatoire .btn-secondary,
.conservatoire .practical-info-item .events-dates-title {
    font-family:'OpenSans-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

/* ======== Work-sans / Josefin Sans (pages Conservatoire) ======== */
body.conservatoire,
.conservatoire .site-footer .title,
.conservatoire .page-header .lead,
.conservatoire .site-tools .tools-txt,
.conservatoire .rte-content h5,
.conservatoire .rte-content p, 
.conservatoire .rte-content ul, 
.conservatoire .rte-content ol {
    font-family:'Work-Sans-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.conservatoire h1,
.conservatoire h2,
.conservatoire h3,
.conservatoire h4,
.conservatoire .category,
.home-conservatoire-events-list .home-events-item .day-number,
.conservatoire .section-flash-info .flashinfo-title,
.conservatoire .table th,
.conservatoire .telecharger .list-unstyled .fileTitle,
.conservatoire .directory-caption .title,
.conservatoire p strong,
.conservatoire .single-content .btn-previous {
    font-family:'Josefin-Sans-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

/* ======== Poppin (pages Musée) ======== */
body.musee,
.musee .btn-info,
.musee .category,
.musee .rte-content h5,
.musee .rte-content p, 
.musee .rte-content ul, 
.musee .rte-content ol,
.musee .single-content .btn-previous {
    font-family: 'Poppins',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.musee h1,
.musee h2,
.musee h3,
.musee h4,
.musee .section-flash-info .flashinfo-title,
.musee .home-events-item .day-number,
.musee .site-footer .title,
.musee .telecharger .list-unstyled .fileTitle,
.musee .directory-caption .title,
.musee p strong,
.musee .ui-datepicker .ui-datepicker-title {
    font-family: 'Poppins-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

/* ======== Vazirmatn / RobotoCondensed (pages Micro-Folie) ======== */
body.microfolie,
.microfolie .rte-content p, 
.microfolie .rte-content ul, 
.microfolie .rte-content ol,
.microfolie .page-header .lead,
.microfolie .navSommaire .summary-row .link .abstract {
    font-family: 'Vazirmatn-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.microfolie h1,
.microfolie h2,
.microfolie h3,
.microfolie h4,
.microfolie .section-flash-info .flashinfo-title,
.microfolie .category,
.microfolie .btn-info,
.microfolie .section-home-contact .btn-secondary,
.microfolie .telecharger .list-unstyled .fileTitle,
.microfolie .directory-caption .title,
.microfolie p strong {
    font-family: 'Vazirmatn-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.RobotoCondensed-Regular {
    font-family: 'RobotoCondensed-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

.microfolie h1,
.microfolie h2,
.microfolie h3,
.microfolie h4,
.microfolie .rte-content h5,
.microfolie .section-flash-info .flashinfo-title,
.microfolie .home-events-item .day-number,
.microfolie .ui-datepicker .ui-datepicker-title {
    font-family: 'RobotoCondensed-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}

/* ======== Ubuntu (page Théâtre) ======== */
body.theatre,
.theatre .category,
.theatre .btn-info {
    font-family: 'ubuntu-regular',Arial,Helvetica,Roboto,Helvetica,sans-serif; 
}
.theatre h1,
.theatre h2,
.theatre h3,
.theatre h4,
.theatre .section-flash-info .flashinfo-title,
.theatre .home-events-item .day-number,
.section-home-link .text {
    font-family: 'ubuntu-bold',Arial,Helvetica,Roboto,Helvetica,sans-serif; 
}

/* ======== SourceSansPro / Lady Ice Revisited (page Médiathèques) ======== */
body.mediatheque,
.mediatheque .section-home .section-home-title,
.mediatheque .home-item .home-body .category {
    font-family:'SourceSansPro-Regular',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.mediatheque h1,
.mediatheque h2,
.mediatheque h3,
.mediatheque h4,
.mediatheque .section-flash-info .flashinfo-title,
.home-events-item .day-number {
    font-family:'SourceSansPro-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif;
}
.Lady-Ice-Revisited,
.mediatheque .btn-secondary {
    font-family: 'Lady-Ice-Revisited',Arial,Helvetica,Roboto,Helvetica,sans-serif; 
}
.mediatheque .btn-info {
    font-family: 'Lady-Ice-Revisited-Bold',Arial,Helvetica,Roboto,Helvetica,sans-serif; 
}

/* ======== Font Awesome (TOUS LES SITES) ======== */
.blueimp-gallery>.fullScreen::before,
.modal-cookie-consent-btn-params::before,
.modal-cookie-consent-btn-accept::before,
.owl-plusdesites .owl-prev::before,
.owl-plusdesites .owl-next::before,
.rte-content blockquote::before,
.filters .calendar .dropdown-toggle::after,
.ui-datepicker .ui-datepicker-prev span::before, 
.ui-datepicker .ui-datepicker-next span::before,
.header-menu .navbar-collapse .link-icon::before,
.home-musee-news-list .btn-info::after,
.microfolie .btn-info::after,
.theatre .btn-info::after,
.mediatheque .btn-info::after,
.navSommaire .summary-row .link::after,
.filters .filters-select::before,
.accesDirects li a::before,
.musee .btn-info::after,
.form-horizontal .btn-default.submit::before,
.has-error .error::before {
    font-family: "Font Awesome 6 Pro";
}


/* 01 = Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
form, fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0;}
li {list-style:none;}
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}/* Enlève le fond jaune sur Chrome */

/* Bootstrap */
.frame {margin:0; padding:0;}
.newLazyload {opacity:0.3; transition:opacity 0.2s ease-in;}
.rte-content .list-unstyled {
    padding: 0;
}
@media (min-width: 1200px) {
.sansCol .container {max-width:1400px; width:100%;}
}
.sr-only { /* Pour Asqatasun */
    background-color: #fff;
    color: #000;
}
.frame-header {
    margin-bottom: 0;
}
.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
    .row {
        margin-right: -15px;
        margin-left: -15px;
    }
.img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
.frame-collapsible, .frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage), .frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage)+.frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage) {
    margin-top: 2em;
}
.visible-print {
    display: none;
}
.btn-primary {/* Boutons calendrier */
    display: flex;
    align-items: center;
    min-height: 50px;
    width: fit-content;
    border: 0;
    border-radius: 10px;
    background-color: #f5f5f5;
    color: #242424;
    font-size: 1em;
    box-shadow: none;
    outline: none;
}
.btn-primary:is(:focus, :hover, :active),
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
    background-color: var(--marron);
    color: #fff;
}
/* Idem prod 2025 */
.frame-header *:last-child {
    margin-bottom: 1rem;
}
.frame a[class=""], 
.frame a:not([class]) {
    color: var(--marron);
}


/* 02 = Taille de texte globale */
html {font-size:16px; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {color:#000; font-size:1em; height:100%; -webkit-font-smoothing:antialiased;}

/* 03 = Styles globaux */
a {
    color: var(--marron);
    text-decoration: underline;
}
a:is(:focus, :hover, :active) {
    color: var(--marron);
    text-decoration: none;
}
.rte-content a.external-link-new-window {background:url("../img/icons/ico-link.gif") no-repeat right center; padding-top:1px; padding-right:15px;}
.rte-content a[id] {position:relative; top:-100px;}
abbr[title] {border-bottom:1px dotted;}
noscript {display:block;}
.noscript {background-color:#C00000; color:#FFF; border:1px solid #990000; border-radius:3px; font-size:13px; font-weight:bold; margin:0 auto; padding:6px 7px; text-align:center; width:980px; -webkit-border-radius:3px; -moz-border-radius:3px;}
address {font-style:normal;}
iframe {margin-bottom:1em; width:100%;}

/*---Class---*/
.float-right {float:right; margin:0 0 1em 1em;}
.float-left {float:left; margin:0 1em 1em 0;}
.clear, .retourLigne {clear:both;}
.overflow {overflow:hidden;}
.margBot {margin-bottom:10px;}
.padBot {padding-bottom:10px;}
.left {float:left;}
.right {float:right;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.invisible {display:none !important;}
.outScreen {position:absolute; left:-9999px; top:-9999px;}
.ir {overflow:hidden; white-space:nowrap; text-indent:20em;}
.separator {border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:10px;}
.btnBack {background:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:20px 0 0; width:70px;}
.btnBack a {display:block; padding:5px 5px 5px 23px;}
.no-icon {background-image:none !important; padding-left:0 !important;}
p.empty {margin:10px 0;}
#menuResp .btnMenuResp {display:none;}
.important {color:#db1515;}
/* Encarts */
.encart,
.encartDroite,
.encartGauche,
.encadreBlanc,
.encadreGris {background-color:var(--gris); overflow:hidden; padding:30px;}
.encadreBlanc {background-color:#fff;}
.encart,
.encartGauche {/*border-left:5px solid var(--main);*/}
.encart,
.encadreBlanc,
.encadreGris {margin:0 0 2em;}
.encartGauche {float:left; margin:0 2em 2em 0; width:295px;}
.encartDroite {/*border-right:5px solid var(--main);*/ float:right; margin:0 0 2em 2em; width:295px;}
.encadreBlanc,
.encadreGris {border:1px solid var(--marron);}
    .rte-content .encart p,
    .rte-content .encartDroite p,
    .rte-content .encartGauche p,
    .rte-content .encadreBlanc p,
    .rte-content .encadreGris p {/*font-size:1.833em;*/ line-height:1.273;}
    .rte-content .encart p:last-child,
    .rte-content .encartDroite p:last-child,
    .rte-content .encartGauche p:last-child,
    .rte-content .encadreBlanc p:last-child,
    .rte-content .encadreGris p:last-child {margin:0;}
    .rte-content .encart h3,
    .rte-content .encartDroite h3,
    .rte-content .encartGauche h3,
    .rte-content .encadreBlanc h3,
    .rte-content .encadreGris h3 {font-size:1.5em; text-transform:uppercase;}

h1, h2, h3, h4, h5, h6 {clear:both;}

.print {display:none;}

.loading {background:url("../Img/loader.svg") no-repeat center center; -webkit-background-size:auto 25%; background-size:auto 25%; overflow:hidden; /*width:auto;*/}
.backgroundLoading {background-color:var(--gris); height:100%; width:100%;}

body .cc_banner-wrapper {animation:none; height:0;}
.cc_banner-wrapper .cc_container {bottom:0; top:auto;}
video {max-width:100%;}

/* --- Bootstrap --- */
.rte-content .alert {font-size:1.5em; margin-top:1em;}

.btn-info,
.btn-secondary {
    border: 0;
    border-radius: 10px;
    height: 60px;
    padding: 15px 30px;
    background-color: #f5f5f5;
    color: #000;
    font-size: 1.375em;
    text-decoration: none;
    transition: all .3s;
}
.btn-info:is(:focus, :hover, :active),
.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.show>.btn-info.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled):active:focus, 
.btn-info:not(:disabled):not(.disabled).active:focus, 
.show>.btn-info.dropdown-toggle:focus {
    background-color: var(--marron);
    outline: none;
    box-shadow: none;
}
.btn-secondary {
    background-color: #fff;
}
.btn-secondary:is(:focus, :hover, :active),
.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active, 
.show>.btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.show>.btn-secondary.dropdown-toggle:focus {
    background-color: var(--marron);
    color: #fff;
    outline: none;
    box-shadow: none;
}

/* 04 = Structure */
#wrap {min-height:100%; overflow:hidden; position:relative;}
.home #wrap {overflow:visible;}
    .rte-content > .row > .col-sm-9 {padding-right:30px;}
    .site-main {
        padding-top: 100px;
    }

/* Tailles polices */
.typo_size1 .container-fluid .rte-content {font-size:100%;}
.typo_size2 .container-fluid .rte-content {font-size:120%;}
.typo_size3 .container-fluid .rte-content {font-size:140%;}


/* 05 = Header */
.site-header {
    height: 100px;
    transition: height .3s
}
.fixed-top, 
.navbar-mainnavigation.navbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    max-height: inherit;
    overflow-y: visible;
}
body:not(.home) .site-header {
    border-bottom: 1px solid rgba(0,0,0,.3);
}
    .site-header .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
    }
        .site-header .white-circle {
            display: flex;
            margin: 0 10px;
        }
        .site-header .header-right {
            display: flex;
            margin: 0 10px;
        }
            .site-header .header-network {
                display: none;
            }
                .site-header .header-network .icon {
                    filter: invert(64%) sepia(11%) saturate(346%) hue-rotate(202deg) brightness(91%) contrast(93%);
                }
                .conservatoire .header-network .icon {
                    filter: invert(63%) sepia(19%) saturate(236%) hue-rotate(165deg) brightness(92%) contrast(92%);
                }                
                .musee .header-network .icon {
                    filter: invert(65%) sepia(12%) saturate(251%) hue-rotate(198deg) brightness(92%) contrast(81%);
                }
                .microfolie .header-network .icon {
                    filter: invert(72%) sepia(10%) saturate(179%) hue-rotate(180deg) brightness(94%) contrast(85%);
                }
                .theatre .header-network .icon {
                    filter: invert(66%) sepia(9%) saturate(1000%) hue-rotate(185deg) brightness(93%) contrast(91%);
                }
                .mediatheque .site-header .header-network .icon {
                    filter: invert(54%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(94%) contrast(91%);
                }
/* Logo */
.site-header .logo {
    height: 57px;
    width: 120px;
}
.conservatoire .site-header .logo {
    height: 30px;
    width: 132px;
}
.musee .site-header .logo {
    height: 64px;
    width: 144px;
}
.microfolie .site-header .logo {
    height: 75px;
    width: 75px;
}
    .navbar-mainnavigation .navbar-brand-image img {
        transition: all .3s;
        filter: invert(16%) sepia(25%) saturate(1116%) hue-rotate(203deg) brightness(92%) contrast(95%);
    }
    .conservatoire .navbar-mainnavigation .navbar-brand-image img,
    .musee .navbar-mainnavigation .navbar-brand-image img,
    .microfolie .navbar-mainnavigation .navbar-brand-image img,
    .theatre .navbar-mainnavigation .navbar-brand-image img,
    .mediatheque .navbar-mainnavigation .navbar-brand-image img,
    .laclef .navbar-mainnavigation .navbar-brand-image img {
        filter: unset;
    }

.site-header .site-subtitle {
    display: none;
    color: #000;
    font-size: 1.25em;
    line-height: 1.6;
}

/* Navigation */
.site-header .main-navigation {
    display: flex;
}
    .main-navigation .header-search {
        position: unset;
        display: flex;
        align-items: center;
        margin-right: 30px;
    }
        .main-navigation .dropdown-toggle {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            width: 50px;
            text-decoration: none;
        }
            .main-navigation .header-search .fa-magnifying-glass {
                color: var(--main);
                font-size: 29px;
            }
            .conservatoire .main-navigation .header-search .fa-magnifying-glass {
                color: var(--cons-blue);
            }
            .musee .main-navigation .header-search .fa-magnifying-glass {
                color: var(--musee-dark);
            }
            .microfolie .main-navigation .header-search .fa-magnifying-glass {
                color: var(--micro-grey);
            }
            .theatre .main-navigation .header-search .fa-magnifying-glass {
                color: var(--theatre-blue);
            }
            .mediatheque .main-navigation .header-search .fa-magnifying-glass {
                color: #000;
            }

        .main-navigation .search-form {
            right: 0;
            border: none;
            padding: 10px 0 10px 10px;
            margin: 0;
            height: 100px;
            background-color: #fff;
            transform: unset !important;
        }
        .main-navigation .search-form.show {
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 0 10px rgb(0 0 0 / 30%);
        }
            .main-navigation .header-form {
                width: 100%;
            }
                .main-navigation .header-form .label {
                    display: flex;
                    align-items: center;
                    margin-bottom: 0;
                    width: 100%;
                }
                    .main-navigation .header-form .input {
                        border: unset;
                        height: 35px;
                        width: calc(100% - 25px);
                    }
                .main-navigation .header-form .search-button {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border: none;
                    height: 50px;
                    padding: 0;
                    width: 50px;
                    background-color: #fff;
                }
            .main-navigation .close {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 50px;
                width: 50px;
                color: var(--main);
                font-size: 29px;
                cursor: pointer;          
                opacity: 1;
                transition: opacity .3s;
            },
            .main-navigation .close:not(:disabled):not(.disabled):hover, 
            .main-navigation .close:not(:disabled):not(.disabled):focus {
                opacity: .5;
            }
                .main-navigation .close .fa-xmark {
                    color: var(--main);
                    font-size: 29px;
                }
    .main-navigation .header-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 50px;
    }
        .header-menu .navbar-toggler {
            position: relative;
            display: flex;
            align-items: center;
            height: 29px;
            width: 35px;
        }
            .header-menu .navbar-toggler .navbar-toggler-icon {/* Top */
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 5px;
                height: 5px;
                width: 35px;
                background-color: var(--main);
                transition: .3s ease;
                transform: unset;
            }
            .conservatoire .header-menu .navbar-toggler .navbar-toggler-icon,
            .conservatoire .header-menu .navbar-toggler .navbar-toggler-icon::before,
            .conservatoire .header-menu .navbar-toggler .navbar-toggler-icon::after {
                background-color: var(--cons-blue);
            }
            .musee .header-menu .navbar-toggler .navbar-toggler-icon,
            .musee .header-menu .navbar-toggler .navbar-toggler-icon::before,
            .musee .header-menu .navbar-toggler .navbar-toggler-icon::after {
                background-color: var(--musee-dark);
            }
            .microfolie .header-menu .navbar-toggler .navbar-toggler-icon,
            .microfolie .header-menu .navbar-toggler .navbar-toggler-icon::before,
            .microfolie .header-menu .navbar-toggler .navbar-toggler-icon::after {
                background-color: var(--micro-grey);
            }
            .theatre .header-menu .navbar-toggler .navbar-toggler-icon,
            .theatre .header-menu .navbar-toggler .navbar-toggler-icon::before,
            .theatre .header-menu .navbar-toggler .navbar-toggler-icon::after {
                background-color: var(--theatre-blue);
            }
            .mediatheque .header-menu .navbar-toggler .navbar-toggler-icon,
            .mediatheque .header-menu .navbar-toggler .navbar-toggler-icon::before,
            .mediatheque .header-menu .navbar-toggler .navbar-toggler-icon::after {
                background-color: #000;
            }

            .header-menu .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
                background-color: #fff;
            }
                .header-menu .navbar-toggler .navbar-toggler-icon::before,
                .header-menu .navbar-toggler .navbar-toggler-icon::after {
                    position: absolute;
                    top: 12px;
                    display: block;
                    border-radius: 5px;
                    height: 5px;
                    background-color: var(--main);
                    transition: .3s ease;
                }
                .header-menu .navbar-toggler.collapsed .navbar-toggler-icon::before {
                    width: 26px;
                }
                .header-menu .navbar-toggler.collapsed .navbar-toggler-icon::after {
                    top: 24px;
                    width: 17px;
                    transform: unset;
                }
                .header-menu .navbar-toggler:is(:focus, :hover, :active) .navbar-toggler-icon::before,
                .header-menu .navbar-toggler:is(:focus, :hover, :active) .navbar-toggler-icon::after,
                .header-menu .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before,
                .header-menu .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after {
                    width: 35px;
                }
        .header-menu .navbar-collapse {
            flex-direction: column;
            top: 100px;
            right: 0;
            overflow: hidden auto; /* rajout du 7/7/2023 */
        }
        .navbar-fixed-top .navbar-collapse, 
        .navbar-fixed-bottom .navbar-collapse {
            max-height: calc(100vh - 70px);
        }
            .header-menu .navbar-collapse .navigation {
                width: 100%;
            }
                .header-menu .navbar-collapse .list-group-item {
                    background-color: #fff;
                    /*display: flex;
                    flex-direction: column;
                    justify-content: center;
                    height: 100%;
                    width: 100%;*/
                }
                    .header-menu .list-group-item .link {
                        transition: none;
                    }
                    .header-menu .navbar-collapse .link {
                        display: flex;
                        padding: 13px 15px;
                        width: 100%;
                    }
                        .header-menu .navbar-collapse .link-icon::before {
                            margin-right: 35px;
                            font-size: 40px;
                        }
                        .header-menu .navbar-collapse .link-1516::before {/* Accueil portail */
                            content: '\f015';
                        }
                        .header-menu .navbar-collapse .link-1548::before {/* Théâtre Alexandre-Dumas */
                            content: '\f630';
                        }
                        .header-menu .navbar-collapse .link-1549::before {/* Médiathèques Marc-Ferro & Geroge-Sand */
                            content: '\f87c';
                        }
                        .header-menu .navbar-collapse .link-1550::before {/* Conservatoire Claude-Debussy */
                            content: '\f8ed';
                        }
                        .header-menu .navbar-collapse .link-1551::before {/* Musée municipal Ducastel-Vera */
                            content: '\f19c';
                        }
                        .header-menu .navbar-collapse .link-1552::before {/* Micro-Folie */
                            content: '\f1b2';
                        }
                        .header-menu .navbar-collapse .link-1826::before {/* La clef */
                            content: '\f8f1';
                        }

                    .navbar-mainnavigation.navbar-default a:not(.active), 
                    .navbar-default-transition.navbar-mainnavigation a:not(.active), 
                    .navbar-default-transition.navbar-transition.navbar-mainnavigation a:not(.active) {
                        color:var(--main);
                    }
                    .header-menu .navbar-collapse .list-group-item.active > .link,
                    .header-menu .navbar-collapse .list-group-item .link:is(:focus, :hover, :active),
                    .header-menu .navbar-collapse .list-group-item .dropdown-menu.show {
                        background-color: var(--marron);
                    }
                        .header-menu .navbar-collapse .fa-chevron-right {
                            margin-left: auto;
                            color: var(--marron);
                            transition: .3s ease;
                        }
                        .header-menu .navbar-collapse .list-group-item.active .fa-chevron-right,
                        .header-menu .navbar-collapse .list-group-item .link:is(:focus, :hover, :active) .fa-chevron-right {
                            color: var(--main);
                        }
                        .header-menu .navbar-collapse .list-group-item .link.show .fa-chevron-right {
                            transform: rotate(90deg);
                        }
                    .header-menu .dropdown-menu {
                        position: unset !important;
                        background-color: #f1f1f1;
                    }
                        .header-menu .dropdown-menu .menu-level2 {

                        }
                            .header-menu .dropdown-menu .list {
                                background-color: #f3f3f3;
                            }
                                .header-menu .dropdown-menu .link {
                                    
                                }
                .header-menu .navbar-collapse .list-group-item.SGL-link {
                    padding: 30px 10px;
                }
                    .header-menu .navbar-collapse .list-group-item.SGL-link::before {
                        display: block;
                        content: '';
                        height: 1px;
                        margin-bottom: 30px;
                        width: 100%;
                        background: rgba(42,41,75,.3);

                    }
                    .header-menu .navbar-collapse .list-group-item.SGL-link .link {
                        display: flex;
                        align-items: center;
                        border-radius: 10px;
                        margin: 0 auto;
                        padding: 15px;
                        height: 60px;
                        width: max-content;
                        background-color: #f5f5f5;
                        font-size: 1em;
                        transition: .3s ease;
                    }                       
                    .header-menu .navbar-collapse .list-group-item.SGL-link .link:is(:focus, :hover, :active) {
                        background-color: var(--main);
                        color: #fff;
                    }
                        .header-menu .navbar-collapse .SGL-link .link .fa-house {
                            margin-right: 15px;
                        }

/* 06 = Accueil */
/* Image Header */
.site-main .img-header {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
    .site-main .img-header .img-fluid {
        width: 100%;
    }
    .site-main .site-title {
        margin-bottom: 20px;
        color: #fff;
        font-size: 1.5em;
        line-height: 1.3;
        text-align: center;
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    }

    /* Recherche */
    .site-main .pageRecherche {
        display: flex;
        align-items: center;
    }
        .pageRecherche .rechercheChamp {
            border: 0;
            border-bottom-left-radius: 10px;
            border-top-left-radius: 10px;
            height: 60px;
            padding: 17px 30px;
            width: 488px;
            color: #000;
        }
        .conservatoire .pageRecherche .rechercheChamp,
        .musee .pageRecherche .rechercheChamp {
            border-radius: 0;
        }
        .musee .pageRecherche .rechercheChamp {
            width: 395px;
        }
        .microfolie .pageRecherche .rechercheChamp {
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            font-size: 1.125em;
        }
        .theatre .pageRecherche .rechercheChamp {
            border-bottom-left-radius: 30px;
            border-top-left-radius: 30px;
            font-size: 1.125em;
        }
        .mediatheque .pageRecherche .rechercheChamp {
            border-radius: 0;
            width: 514px;
            font-size: 1.125em;            
        }
        .pageRecherche .rechercheChamp::placeholder {
            color:rgba(0,0,0,.7);
        }
        .microfolie .pageRecherche .rechercheChamp::placeholder,
        .theatre .pageRecherche .rechercheChamp::placeholder {
            color:rgba(0,0,0,.3);
        }
        .musee .pageRecherche .rechercheChamp::placeholder {
            color:rgba(45,48,71,.3);
        }
        .mediatheque .pageRecherche .rechercheChamp::placeholder {
            color:rgba(0,0,0,.3);
        }
        .pageRecherche .rechercheButton {
            border: 0;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
            height: 60px;
            width: 82px;
            background-color: #fff;
            color:var(--main);
            font-size: 22px;
        }
        .conservatoire .pageRecherche .rechercheButton,
        .musee .pageRecherche .rechercheButton,
        .mediatheque .pageRecherche .rechercheButton {
            position: relative;
            border-radius: 0;
        }
        .musee .pageRecherche .rechercheButton {
            display: flex;
            align-items: center;
            padding: 14px 20px;
            width: auto;
            background-color: var(--musee-dark);
            color: #fff;
            font-size: 1.25em;
        }
        .microfolie .pageRecherche .rechercheButton {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
        .theatre .pageRecherche .rechercheButton {
            border-bottom-right-radius: 30px;
            border-top-right-radius: 30px;
            color: var(--theatre-blue);
        }
        .mediatheque .pageRecherche .rechercheButton {
            width: 56px;
            background-color: var(--mediatheque-red);  
            color: #fff;
        }
            .conservatoire .pageRecherche .rechercheButton::before {
                position: absolute;
                left: -1px;
                top: calc(50% - 20px);
                content: '';
                height: 40px;
                width: 1px;
                background-color: var(--cons-grey);
                opacity: .38;
            }
            .microfolie .pageRecherche .rechercheButton .fa-regular::before {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px;
                height: 50px;
                width: 50px;
                background-color: var(--micro-rose);
                color: #fff;
                font-size: 22px;
            }
            .musee .rechercheButton .text {
                margin-right: 15px;
            }
            .musee .rechercheButton .fa-magnifying-glass {                
                font-size: 22px;
            }

    /* Accès rapides */
    .img-header .accesDirects {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto 0;
        width: 100%;
        max-width: 820px;
    }
        .accesDirects li {
            
        }
            .accesDirects li a {
                position: relative;
                display: block;
                border-radius: 3px;
                margin: 0 5px 10px;
                padding: 12px 18px 12px 50px;
                background-color: #000;
                color: #fff;
                font-weight: bold;
                line-height: 1;
                text-decoration: none;
                transition: background-color .3s ease-in-out;
            }
            .musee .accesDirects li a {
                background-color: var(--musee-dark);/* Musée municipal Ducastel-Vera PAR DEFAUT ! */
            }
            .accesDirects .link-1672 a {/* Théâtre Alexandre Dumas */
                background-color: var(--theatre-blue);
            }
            .accesDirects .link-1673 a {/* Médiathèques */
                background-color: var(--mediatheque-marron);
            }
            .accesDirects .link-1674 a {/* Conservatoire Claude-Debussy */
                background-color: var(--cons-blue);
            }
            .accesDirects .link-1675 a {/* Musée municipal Ducastel-Vera */
                background-color: var(--musee-dark);
            }
            .accesDirects .link-1676 a {/* Micro-Folie */
                background-color: var(--micro-violet);
            }
            .accesDirects li a:is(:focus,:hover,:active) {
                background-color: #000;
            }
                .accesDirects li a::before {
                    position: absolute;
                    left: 10px;
                    top: 8px;
                    content: '\f19c';/* Musée municipal Ducastel-Vera PAR DEFAUT ! */
                    font-size: 24px;
                    font-weight: 400;
                }
                .accesDirects .link-1672 a::before {/* Théâtre Alexandre Dumas */
                    content: '\f630';
                }
                .accesDirects .link-1673 a::before {/* Médiathèques */
                    content: '\f87c';
                }
                .accesDirects .link-1674 a::before {/* Conservatoire Claude-Debussy */
                    content: '\f8ed';
                }
                .accesDirects .link-1675 a::before {/* Musée municipal Ducastel-Vera */
                    content: '\f19c';
                }
                .accesDirects .link-1676 a::before {/* Micro-Folie */
                    content: '\f1b2';
                }
                .accesDirects .link-1831 a::before {/* La clef */
                    content: '\f8f1';
                }


/* Flash info */
.site-main .section-flash-info {
    background-color: var(--marronclair);
}
.conservatoire .site-main .section-flash-info {
    background-color: var(--cons-grey);
    color: #fff;
}
.musee .site-main .section-flash-info {
    background-color: var(--musee-dark);
    color: #fff;
}
.microfolie .site-main .section-flash-info {
    background-color: var(--micro-green);
    color: #fff;
}
.theatre .site-main .section-flash-info {
    background-color: var(--theatre-blue);
    color: #fff;
}
.mediatheque .site-main .section-flash-info {
    background-color: var(--mediatheque-rose);
    color: #000;
}
    .section-flash-info .container {
        padding-bottom: 60px;
        padding-top: 60px;
    }
        .flashinfo {
            display: flex;
            min-height: 40px;
        }
            .section-flash-info .flashinfo-title {
                position: relative;
                flex: 0 0 33.3333333333%;
                max-width: 33.3333333333%;
                height: 51px;
                padding-left: 100px;                
                font-size: 1.875em;
                line-height: 1.333;
                text-transform: uppercase;
            }
            .musee .section-flash-info .flashinfo-title {
                font-size: 1.563em;
            }
            .theatre .section-flash-info .flashinfo-title {
                font-size: 2em;
            }
            .mediatheque .section-flash-info .flashinfo-title {
                font-size: 2em;
            }
                .section-flash-info .flashinfo-title::before {
                    position: absolute;
                    bottom: 0;
                    display: block;
                    content:'';
                    height:1px;
                    width: 50px;
                    background-color: #000;
                }
                .conservatoire .section-flash-info .flashinfo-title::before,
                .musee .section-flash-info .flashinfo-title::before,
                .microfolie .section-flash-info .flashinfo-title::before,
                .theatre .section-flash-info .flashinfo-title::before {
                    background-color: #fff;
                }
            .section-flash-info .carousel-inner {
                flex: 0 0 66.6666666666%;
                max-width: 66.6666666666%;
            }
                .section-flash-info .carousel-inner .item {
                    height: inherit;
                    color: rgba(0,0,0,.75);
                }
                .conservatoire .section-flash-info .carousel-inner .item,
                .musee .section-flash-info .carousel-inner .item,
                .microfolie .section-flash-info .carousel-inner .item,
                .theatre .section-flash-info .carousel-inner .item {
                    color: #fff;
                }
                    .section-flash-info .title {
                        display: block;
                        margin-bottom: 10px;
                        font-size: 1.125em;
                    }
                    .section-flash-info .abstract {                        
                        font-size: 1.125em;
                    }
/* Actualités - A la une */
.category {/* Général */
    color: var(--marron);
    text-transform: uppercase;
}
.section-home-news .home-news-list {
    padding-top: 90px;
}
.theatre .section-home-news .home-news-list {
    padding-bottom: 90px;
}
.mediatheque .section-home-news .home-news-list,
.mediatheque .section-home-events .home-events-list {
    border: 1px solid #e2e2e2;
    margin-top: 50px;
    padding: 10px;
}
    .section-home .section-home-title {/* Général */
        position: relative;
        margin-bottom: 70px;
        font-size: 2em/*3.75em*/;
        text-align: center;
        text-transform: uppercase;
    }
    .conservatoire .section-home .section-home-title {
        margin: 0 auto 70px;
        width: fit-content;
        color: var(--cons-blue);
    }
    .microfolie .section-home .section-home-title {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
        color: var(--micro-violet);
    }
    .theatre .section-home .section-home-title {
        color: var(--theatre-blue);
        text-align: left;
    }
    .mediatheque .section-home .section-home-title {
        border-bottom: 1px solid #000;
        margin: 0 -10px 30px;
        padding-bottom: 20px;
        font-size: 2em;
    }
        .section-home .section-home-title::before {
            position: absolute;
            bottom: -10px;
            left: calc(50% - 60px);
            content:'';
            height: 2px;
            width: 120px;
            background-color: var(--marron);
        }
        .conservatoire .section-home .section-home-title::before {
            bottom: 50%;
            left: -90px;
            height: 1px;
            width: 60px;
            background-color: var(--cons-red);
        }
        .musee .section-home .section-home-title::before {
            position: static;
            display: inline-block;
            height: 30px;
            margin-right: 10px;
            width: 30px;
            background: url("../Img/SVG/titre-accueil-musee.svg") no-repeat center center / cover;
        }
        .microfolie .section-home .section-home-title::before {
            left: 0;
            width: 30%;
            background-color: var(--micro-violet);
        }
        .conservatoire .section-home .section-home-title::after {
            position: absolute;
            content:'';
            bottom: 50%;
            left: auto;
            right: -90px;
            height: 1px;
            width: 60px;
            background-color: var(--cons-red);
        }
        .theatre .section-home .section-home-title::before {
            bottom: 15px;
            right: calc(100% + 15px);
            left: -100%;
            border-top: 1px dashed var(--theatre-blue);
            width: auto;
            background: none;
        }
        .mediatheque .section-home .section-home-title::before {
            bottom: -5px;
            left: calc(50% - 5px);
            border-radius: 5px;
            height: 10px;
            width: 10px;
            background-color: #000;
        }
    .home-news-list .row {
        position: relative;
        padding-bottom: 60px;
    }
    .home-conservatoire-news-list .row {
        padding-bottom: 20px;
    }
        .home-news-list .row::after {
            position: absolute;
            bottom: 0;
            left: 15px;
            right: 15px;
            content: '';
            height: 1px;
            background-color: rgba(0,0,0,.3);
        }
        .home-conservatoire-news-list .row::after,
        .home-musee-news-list .row::after,
        .home-microfolie-news-list .row::after,
        .home-theatre-news-list .row::after,
        .home-mediatheque-news-list .row::after {
            display: none;
        }
        .conservatoire .btn-info {
            display: flex;
            border-radius: 0;
            margin: 0 auto;
            width: fit-content;
            background-color: var(--cons-redlight);
            color: #000;
            font-size: 1.125em;
        }
        .conservatoire .btn-info:is(:focus, :hover, :active),
        .conservatoire .btn-info:not(:disabled):not(.disabled):active, 
        .conservatoire .btn-info:not(:disabled):not(.disabled):active:focus {
            background-color: var(--cons-red);
            color: #fff;
        }
        .musee .btn-info {
            display: flex;
            border: 1px solid #000;
            border-radius: 0;
            margin: 0 auto;
            width: fit-content;
            background-color: transparent;
            color: var(--musee-dark);
            font-size: 1.125em;
        }        
        .musee .btn-info:is(:focus, :hover, :active), 
        .musee .btn-info:not(:disabled):not(.disabled):active, 
        .musee .btn-info:not(:disabled):not(.disabled):active:focus {
            border-color: var(--musee-dark);
            background-color: var(--musee-dark);
            color: #fff;
        }
            .musee .btn-info::after {
                content: '\f178';
                margin-left: 15px;
                font-size: 16px;
            }
        .microfolie .btn-info {
            display: flex;
            border: 2px solid var(--micro-rose);
            border-radius: 5px;
            margin: 0 auto;
            width: fit-content;
            background-color: transparent;
            color: var(--micro-rose);
            font-size: 1.25em;
        }       
        .microfolie .btn-info:is(:focus, :hover, :active), 
        .microfolie .btn-info:not(:disabled):not(.disabled):active, 
        .microfolie .btn-info:not(:disabled):not(.disabled):active:focus {
            border-color: var(--micro-rose);
            background-color: var(--micro-rose);
            color: #fff;
        }
            .microfolie .btn-info::after {
                content: '\f324';
                margin-left: 10px;
                font-size: 20px;
            }
        .theatre .btn-info {
            display: flex;
            align-items: center;
            border: 1px solid #000;
            border-radius: 30px;
            margin: 0 auto;
            padding: 0 30px;
            width: fit-content;
            background-color: var(--theatre-blue);
            color: #fff;
            font-size: 1.125em;
        }      
        .theatre .btn-info:is(:focus, :hover, :active), 
        .theatre .btn-info:not(:disabled):not(.disabled):active, 
        .theatre .btn-info:not(:disabled):not(.disabled):active:focus {
            border-color: #000;
            background-color: transparent;
            color: #000;
        }
            .theatre .btn-info::after {
                content: '\f178';
                margin-left: 15px;
                font-size: 20px;
            }
        .mediatheque .btn-info {
            display: flex;
            align-items: center;
            border: 1px solid #000;
            border-radius: 4px;
            margin: 0 auto;
            padding: 14px 30px;
            width: fit-content;
            background-color: transparent;            
            font-size: 1.25em;
        }
            .mediatheque .btn-info::after {
                content: '\f054';
                margin-left: 15px;
                font-size: 16px;
                font-weight: 900;
            } 
        .mediatheque .btn-info:is(:focus, :hover, :active), 
        .mediatheque .btn-info:not(:disabled):not(.disabled):active, 
        .mediatheque .btn-info:not(:disabled):not(.disabled):active:focus {
            border-color: #000;
            background-color: #000;
            color: #fff;
        }
    /* 1ère actu */
    .home-list .home-item {
        margin-bottom: 30px;
    }
    .home-news-list .home-news-first {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .home-conservatoire-news-list .home-news-list .home-news-first {
        position: relative;
        display: block;
    }
        .home-news-first > .home-news-link {
            width:calc(50% - 15px);
        }
        .home-conservatoire-news-list .home-news-item .home-news-link {
            margin-bottom: 0;
        }
            .home-conservatoire-news-list .home-news-first > .home-news-link .picture {
                display: block;
                aspect-ratio: 670 / 567;
                overflow: hidden;
            }
            .home-musee-news-list .home-news-first > .home-news-link .picture {
                display: block;
                aspect-ratio: 570 / 482;
                overflow: hidden;
            }
        .home-news-first .home-news-body {
            display: flex;
            flex-direction: column;
            width:calc(50% - 15px);
        }
        .conservatoire .home-news-body,
        .conservatoire .home-events-body {
            position: relative;
            padding: 30px;
        }
            .home-item .home-body .category {
                margin-bottom: 10px;
                font-size: 1.375em;
                line-height: 1.364;
            }            
            .conservatoire .home-item .home-body .category,
            .conservatoire .category {
                display: flex;
                align-items: center;
                height: 40px;
                margin-bottom: 20px;
                padding: 10px;
                width: fit-content;
                background-color: var(--cons-red);
                color: #fff;
                font-size: 1em;
                line-height: 1;
            }
            .conservatoire .home-item .home-body .category {
                position: absolute;
                top: -50px;
                margin: 0;
            }
            .musee .home-item .home-body .category,
            .musee .category {
                margin-bottom: 20px;
                padding: 4px 14px;
                width: fit-content;
                background-color: rgba(26,17,36,.2);
                color: var(--musee-dark);
                font-size: 1.25em;
            }
            .microfolie .home-item .home-body .category,
            .microfolie .category {
                display: flex;
                align-items: center;
                border-radius: 5px;
                margin-bottom: 10px;
                padding: 15px 15px 10px;
                width: fit-content;
                background-color: rgba(84,155,155,.2);
                color: var(--micro-green);
                font-size: 1em;
                line-height: 1;
            }
            .theatre .home-item .home-body .category,
            .theatre .category {
                display: flex;
                align-items: center;
                border: 1px solid var(--micro-green);
                border-radius: 20px;
                margin-bottom: 13px;
                padding: 11px 20px;
                width: fit-content;
                color: var(--theatre-blue);
                font-size: 1em;
                line-height: 1;
            }
            .mediatheque .home-item .home-body .category,
            .mediatheque .category {
                display: flex;
                align-items: center;
                margin-bottom: 13px;
                padding: 10px;
                width: fit-content;
                background-color: #000;
                color: #fff;
                font-size: 1.125em;
                line-height: 1;
                text-transform: uppercase;
            }
            .home-conservatoire-news-list .home-item .home-body .category,
            .home-conservatoire-events-list .home-item .home-body .category {
                position: absolute;
                top: -20px;
            }
                .home-item .home-body .category .fa-regular {
                    margin-right: 10px;
                }
                .musee .home-item .home-body .category .fa-regular,
                .microfolie .home-item .home-body .category .fa-regular {
                    display: none;
                }
            .home-news-first .home-news-body .home-news-title {
                margin-bottom: 30px;
                font-size: 2em/*3.125em*/;
                line-height: 1.2;
            }
            .musee .home-news-first .home-news-body .home-news-title {
                font-size: 2em/*3.125em*/;
            }
            .mediatheque .home-news-first .home-news-body .home-news-title {
                font-size: 1.5em/*2em*/;
            }
            .mediatheque .home-item .home-title {
                font-size: 1.125em/*1.5em*/;
            }
                .home-news-item.home-news-first > .home-news-link {
                    margin-bottom: 0;
                }
                .home-body .home-link {/* Commun */
                    display: block;
                    margin-bottom: 0;
                    color: #000;
                    text-decoration: none;
                    transition: color .3s;
                }
                .home-body .home-link:is(:focus, :hover, :active) {
                    color: var(--marron);
                    text-decoration: underline;
                }
                .conservatoire .home-body .home-link:is(:focus, :hover, :active) {
                    color: var(--cons-red);
                }
                .musee .home-body .home-link:is(:focus, :hover, :active) {                    
                    color: #000;
                }
                .theatre .home-body .home-link {
                    color: var(--theatre-blue);
                }
                .mediatheque .home-body .home-link {
                    color: #000;
                }
            /*.home-news-first*/ .home-news-item .home-news-abstract {
                color: #737373;
                font-size: 1.125em;
                line-height: 1.556;
            }
            .musee /*.home-news-first*/ .home-news-item .home-news-abstract {
                color: rgba(0,0,0,.6);
            }
            .theatre /*.home-news-first*/ .home-news-item .home-news-abstract {
                color: #000;
            }
            .mediatheque /*.home-news-first*/ .home-news-item .home-news-abstract {
                color: #000;
            }
    /* Autres */
    .home-item .img-link {
        display: block;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .conservatoire .home-item .img-link {
        overflow: visible; /* Date dans caption */
    }
        .microfolie .home-item .img-link .picture {/* Commun */
            display: block;
            border: 1px solid rgba(0,0,0,.1);
            border-radius: 5px;
            overflow: hidden;
        }        
        .mediatheque .home-item .img-link .picture {/* Commun */
            display: block;
            border: 1px solid rgba(0,0,0,.1);
            overflow: hidden;
        }
        .home-item .img-link .img-responsive {
            transition: transform .3s;
        }
        .home-item .img-link:is(:focus,:hover,:active) .img-responsive {
            /*transform: scale(1.2);*/
        }
    .home-item .home-title {
        margin-bottom: 10px;
        font-size: 1.25em/*1.875em*/;
        line-height: 1.4;
    }
    .musee .home-item .home-title {
        font-size: 1.125em/*1.563em*/;
    }
    .rte-content .home-item .home-title {/* Listes pages internes */
        margin: 0;
    }
    .musee .home-news-item .home-news-starttime {
        margin-top: 30px;
        color: var(--musee-dark-grey);
    }
    .microfolie .home-news-item .home-news-starttime {
        display: block;
        border-top: 1px solid rgba(74,81,96,.3);
        margin-top: 20px;
        padding-top: 20px;
        width: fit-content;
        color: var(--micro-grey);
    }
/* Agenda - Les prochains événements */
.theatre .section-home-events {
    background-color: #EAEFF1;
}
    .section-home-events .home-events-list {
        padding-bottom: 150px;
        padding-top: 90px;
    }
    .theatre .section-home-events .home-events-list {
        padding-bottom: 90px;
    }
        .home-events-list .row {
            justify-content: center;
        }
            .home-events-list .home-events-item {
                margin-bottom: 50px;
            }
                .home-item .home-events-link {
                    position: relative;
                }
                .home-theatre-events-list .home-item .home-events-link {
                    margin: 0;
                    text-decoration: none;
                }
                .home-conservatoire-events-list .home-events-item .home-events-link {
                    margin: 0;
                }
                    .home-item .home-events-link .picture {
                        display: block;
                        aspect-ratio: 37 / 25;
                        overflow: hidden;
                    }
                    .home-conservatoire-events-list .home-events-body {
                        padding: 36px 30px 30px;
                    }
                    .home-theatre-events-list .home-events-body {
                        display: flex;
                        gap: 15px;
                        padding: 15px 15px 15px 0;
                    }
                        .home-events-item .date {
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            right: 0;
                            display: flex;
                            align-items: end;
                        }
                        /*.home-conservatoire-events-list .home-events-item .date {
                            position: static;
                        }*/
                        .conservatoire .home-events-item .date {
                            bottom: -74px;
                            left: 30px;
                            width: calc(100% - 60px);
                        }
                            .conservatoire .time .single-date {
                                align-items: baseline;
                                flex-direction: row;
                                height: inherit;
                            }
                        .home-theatre-events-list .home-events-item .date {
                            position: relative;
                            top: -40px;
                            z-index: 1;
                            flex-direction: column;
                        }
                        .home-mediatheque-events-list .home-events-item .date {
                            position: static;
                        }
                            .date .time {
                                background-color: #fff;
                            }
                            .home-microfolie-events-list .date .time,
                            .microfolie .date .time {
                                border-top-right-radius: 5px;
                                background-color: rgba(255,255,255,.9);
                            }
                            .home-conservatoire-events-list .date .time,
                            .conservatoire .date .time {
                                align-items: center;
                                width: 100%;
                            }
                            .conservatoire .date .time {
                                display: flex;
                            }
                            .home-musee-events-list .date .time,
                            .musee .date .time {
                                background-color: #000;
                                color: #fff;
                            }
                                .home-conservatoire-events-list .date .time::after,
                                .conservatoire .date .time::after {
                                    display: block;
                                    content: '';
                                    height: 1px;
                                    margin-left: 10px;
                                    width: 100%;
                                    background-color: var(--cons-grey);
                                    opacity: .3;
                                }
                                .conservatoire .date .time::after {

                                }
                            .home-theatre-events-list .date .time {
                                flex-direction: column;
                                align-items: center;
                                padding: 10px 18px;
                                background-color: var(--theatre-blue);
                            }
                                .home-theatre-events-list .date .day-week {
                                    display: none;
                                }
                            .date .time-complex {
                                display: flex;
                            }
                                .time .date-start,
                                .time .date-end,
                                .time .single-date {
                                    display: flex;
                                    align-items: center;
                                    flex-direction: column;
                                    justify-content: center;
                                    height: 80px;
                                    width: 80px;
                                    line-height: 1.1;
                                    text-transform: capitalize;
                                }
                                .home-conservatoire-events-list .date-start,
                                .conservatoire .date-start,
                                .home-conservatoire-events-list .date-end,
                                .conservatoire .date-end {
                                    flex-direction: row;
                                }
                                .home-mediatheque-events-list .date-start,
                                .mediatheque .date-start,
                                .home-mediatheque-events-list .date-end,
                                .mediatheque .date-end {
                                    flex-direction: row;
                                    align-items: baseline;
                                    height: auto;
                                    margin-bottom: 15px;
                                }
                                .time .fa-chevron-right {
                                    display: flex;
                                    align-items: center;
                                    color: #000;
                                }
                                .home-musee-events-list .time .fa-chevron-right,
                                .musee .time .fa-chevron-right {
                                    color: #fff;
                                    font-size: 1.25em;
                                }
                                .home-theatre-events-list .time .fa-chevron-right,
                                .theatre .time .fa-chevron-right {
                                    height: 10px;
                                    margin: 5px 0;
                                    color: #fff;
                                    font-size: 20px;
                                }
                                    .home-conservatoire-events-list .time .fa-chevron-right:before,
                                    .conservatoire .time .fa-chevron-right:before {
                                        content: '';
                                        height: 1px;
                                        margin: 0 10px;
                                        width: 13px;
                                        background-color: var(--cons-grey);
                                        opacity: .3;
                                    }
                                    .home-theatre-events-list .time .fa-chevron-right::before {
                                        content: '\f078';
                                    }
                                .home-microfolie-events-list .time .fa-chevron-right,
                                .microfolie .time .fa-chevron-right {
                                    color: var(--micro-green);
                                    font-size: 20px;
                                    font-weight: 900;
                                }
                                .home-mediatheque-events-list .time .fa-chevron-right {
                                    justify-content: center;
                                    height: 40px;
                                    width: 35px;
                                    font-size: 18px;
                                    font-weight: 900;
                                }                                
                                .home-events-item .day-number {
                                    color: var(--marron);
                                    font-size: 1.875em;
                                }
                                .home-musee-events-list .home-events-item .day-number,
                                .musee .home-events-item .day-number {
                                    color: #fff;
                                    font-size: 1.563em;
                                }
                                .home-conservatoire-events-list .home-events-item .day-number,
                                .conservatoire .home-events-item .day-number {
                                    margin-right: 5px;
                                    color: var(--cons-red);
                                }
                                .home-microfolie-events-list .home-events-item .day-number,
                                .microfolie .home-events-item .day-number {
                                    color: var(--micro-violet);
                                }
                                .home-theatre-events-list .home-events-item .day-number {
                                    color: #fff;
                                    font-size: 2em;
                                }
                                .home-mediatheque-events-list .home-events-item .day-number {
                                    color: #000;
                                    font-size: 2em;
                                }
                                .home-events-item .month {
                                    color: #000;
                                    font-size: 1.25em;
                                }
                                .home-musee-events-list .home-events-item .month,
                                .musee .home-events-item .month {
                                    color: #fff;
                                    font-size: 1.125em;
                                }
                                .home-theatre-events-list .home-events-item .month {
                                    color: #fff;
                                }
                                .home-mediatheque-events-list .home-events-item .month {
                                    font-size: 1.125em;
                                }
                                    .home-mediatheque-events-list .home-events-item .month::before {
                                        content:'/';
                                    }
                            .date .cancelled-text {/* sr-only */
                                position: absolute;
                                width: 1px;
                                height: 1px;
                                padding: 0;
                                margin: -1px;
                                overflow: hidden;
                                clip: rect(0,0,0,0);
                                white-space: nowrap;
                                border-width: 0; 
                            }
                            .cancelled .date .cancelled-text {
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                height: 50px;
                                width: 100%;
                                font-size: 1.25em;
                                line-height: 1;
                                background-color: #B13030;
                                color: #fff;
                            }
    .home-events-list .home-events-btn {
        display: flex;
        margin: 0 auto;
        width: fit-content;
    }
/* Lien vers site */
.section-home-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 60px;
    padding: 90px 15px;
}
    .section-home-link .text {
        font-size: 1.25em;
        text-align: center;
    }


/* 07 = Page interne */
.frame-container {/* Surcharge ancien Typo ! */
    --bs-gutter-x: 15px;
}
.musee .site-main .container-breadcrumb {
    background-color: rgba(26,17,36,.05);
}
.microfolie .site-main .container-breadcrumb {
    background-color: var(--micro-green);
    color: #fff;
}
/* Page header */
.site-main .page-header {
    padding: 60px 0;
    background-color: var(--marronclair);
}
.conservatoire .site-main .page-header {
    padding-bottom: 0;
    background-color: #fff;
}
.musee .site-main .page-header {
    padding-bottom: 0;
    background-color: rgba(26,17,36,.05);
}
.microfolie .site-main .page-header {
    padding-bottom: 0;
    background: rgba(84,155,155,1);
    background: linear-gradient(180deg, rgba(84,155,155,1) 50%, rgba(255,255,255,1) 50%);
}
    .microfolie .site-main .page-header .row .container {
        position: relative;
    }
        .microfolie .site-main .page-header .row .container:last-child::after {
            position: absolute;
            bottom: 0;
            left: 15px;
            right: 15px;
            content: '';
            height: 1px;
            background-color: rgba(74,81,96,.3);
        }
    /* Inversement image-texte // Conservatoire, Musée, Microfolie */
    .conservatoire .container-flex,
    .musee .container-flex,
    .microfolie .container-flex {
        display: flex;
        flex-direction: column-reverse;
    }    
    .microfolie .container-flex:not(.pageImage) {
        padding-top: 20px;
        background-color: #fff;
    }
    .page-header .section-share {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    .conservatoire .page-header .section-share {
        margin-bottom: 30px;
        color: var(--cons-grey);
    }
        .agenda .section-share .last-update {
            display: none;
        }
    .site-main .site-tools {
        justify-content: flex-start;
        margin-top: 30px;
    }
        .page-header .site-tools {
            margin-left: auto;
        }
            .site-tools .btn-tools {
                padding: 0;
                box-shadow: none;
            }
                .btn-tools.dropdown-toggle::after {
                    display: none;
                }
                .site-tools .tools-txt {

                }
                .conservatoire .site-tools .tools-txt {
                    color: #000;
                }
                .microfolie .site-tools .tools-txt {
                    color: #fff;
                }
                .site-tools .fa-share-nodes {
                    margin-left: 5px;
                    color: var(--marron);
                }
                .conservatoire .site-tools .fa-share-nodes {
                    color: var(--cons-red);
                }
                .microfolie .site-tools .fa-share-nodes {
                    color: #fff;
                }
            .site-tools .dropdown-tools:not(.list-unstyled) {
                left: 62px!important;/* auto!important */
                /*right: -3px;*/
                border: 0;
                margin: 0;
                padding: 0;
                min-width: inherit;
            }
                .site-tools .dropdown-tools li {
                    padding: 0;
                }
                    .site-tools .dropdown-tools li::before {
                        display: none;
                    }
                        .dropdown-tools a {
                            text-decoration: none;
                            transition: color .3s;
                        }
                        .conservatoire .dropdown-tools a {
                            color: var(--cons-red);
                        }
                        .microfolie .dropdown-tools a {
                            color: var(--micro-green);
                        }
                        .dropdown-tools a:is(:focus, :hover, :active) {
                            color: #000;
                        }
                        .conservatoire .dropdown-tools a:is(:focus, :hover, :active) {
                            /*color: #000;*/
                        }
                        .musee .dropdown-tools a:is(:focus, :hover, :active) {
                            /*color: rgba(26,17,36,.2);*/
                        }
        .musee .page-header .header-picture,
        .microfolie .page-header .header-picture {
            margin-bottom: 30px;
        }
        .microfolie .page-header .pageImage .header-page-text {
            background-color: #fff;
        }
            .page-header .category {
                margin-bottom: 10px;
                font-size: 1.375em;
                line-height: 1.364;
            }
            .conservatoire .page-header .category {
                font-size: 1em;
                line-height: 1;
            }
            .musee .page-header .category {
                display: flex;
                align-items: center;
                height: 40px;
                margin-bottom: 20px;
                background-color: var(--musee-grey);
                font-size: 1.25em;
            }
            .microfolie .page-header .category {
                display: flex;
                align-items: center;
                height: 40px;
                margin-bottom: 20px;
                font-size: 1.25em;
            }
            .page-header .page-title {
                margin-bottom: 30px;
                font-size: 3.75em;
                line-height: 1.3;
            }
            .conservatoire .page-header .page-title {
                color: var(--cons-blue);
            }
            .musee .page-header .page-title {
                color: var(--musee-blue);
            }
            .microfolie .page-header .page-title {
                color: var(--micro-violet);
            }
            .page-header .lead {
                margin-bottom: 60px;
                color: #737373;
                font-size: 1.375em;
                line-height: 1.364;
            }
            .conservatoire .page-header .lead {
                margin-bottom: 0;
                color: var(--cons-grey);
            }
            .musee .page-header .lead {
                margin-bottom: 30px;
                color: #000;
            }
            .microfolie .page-header .lead {
                color: var(--micro-grey);
                font-size: 1.25em;
                line-height: 1.6;
            }
.site-main .rte-content {
    padding: 90px 15px;/* Contient des blocs .frame */
}

/* RTE */

h2.sr-only, .rte-content h2.sr-only {
    margin: 0!important;
    padding: 0!important;
}


.rte-content h1,
.rte-content h2,
.rte-content .element-header:last-child {
    position: relative;
    display: inline-block;
    margin-bottom: 50px;
    color: var(--marron);
    font-size: 3.125em;
    line-height: 1.2;
}
.conservatoire .rte-content h1,
.conservatoire .rte-content h2,
.conservatoire .rte-content .element-header:last-child {
    margin-bottom: 50px;
    color: var(--cons-blue);
}
.conservatoire .rte-content h2 {
    padding-left: 45px;
}
.musee .rte-content h1,
.musee .rte-content h2,
.musee .rte-content .element-header:last-child {
    margin-bottom: 30px;
    color: var(--musee-blue);
}
.microfolie .rte-content h1,
.microfolie .rte-content h2,
.microfolie .rte-content .element-header:last-child {
    position: relative;
    margin-bottom: 44px;
    color: var(--micro-grey);
}
    .conservatoire .rte-content h2::before {
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        content: '';
        height: 2px;
        background-color: var(--cons-red);
    }
    .conservatoire .rte-content h2::before {
        position: absolute;
        bottom: auto;
        left: 0;
        right: auto;
        top: 25px;
        display: block;
        content: '';
        color: var(--cons-red);
        height: 1px;
        width: 30px;
    }
    .musee .rte-content h2::after {
        display: inline-block;
        content: '';
        height: 19px;
        margin-left: 15px;
        width: 19px;
        background-color: var(--musee-grey);
    }
    .microfolie .rte-content h2::before {
        position: absolute;
        bottom: -17px;
        left: 0;
        background-color: var(--micro-grey);
        display: block;
        content: '';
        height: 3px;
        width: 90px;
    }
.rte-content h3 {
    margin-bottom: 30px;
    color: var(--main);
    font-size: 1.875em;
    line-height: 1.4;
}
.conservatoire .rte-content h3 {
    color: var(--cons-red);
}
.musee .rte-content h3 {
    color: var(--musee-blue);
}
.microfolie .rte-content h3 {
    position: relative;
    margin-bottom: 40px;
    color: var(--micro-green);
}
    .musee .rte-content h3::after {
        display: inline-block;
        content: '';
        height: 10px;
        margin-left: 10px;
        width: 10px;
        background-color: var(--musee-grey);
    }
    .microfolie .rte-content h3::after {
        position: absolute;
        bottom: -7px;
        left: 0;
        display: inline-block;
        content: '';
        height: 3px;
        width: 60px;
        background-color: var(--micro-green);
    }
.rte-content h4 {
    position: relative;
    margin-bottom: 40px;
    font-size: 1.375em;
    line-height: 1.364;
}
.conservatoire .rte-content h4 {
    margin-bottom: 30px;
    color: var(--cons-grey);
}
.musee .rte-content h4 {
    margin-bottom: 30px;
    color: rgba(26,17,36,.7);
}
.microfolie .rte-content h4 {
    margin-bottom: 30px;
    color: var(--micro-grey);
}
    .rte-content h4::before {
        position: absolute;
        bottom: -10px;
        left: 0;
        content: '';
        height: 2px;
        width: 50px;
        background-color: var(--main);
    }
    .conservatoire .rte-content h4::before,
    .musee .rte-content h4::before,
    .microfolie .rte-content h4::before {
        display: none;
    }
.conservatoire .rte-content h5 {
    margin-bottom: 30px;
    font-size: 1.25em;
    font-weight: 700;
}
.musee .rte-content h5 {
    margin-bottom: 30px;
    color: var(--musee-blue);
    font-size: 1.25em;
}
.microfolie .rte-content h5 {
    margin-bottom: 30px;
    color: var(--micro-violet);
    font-size: 1.375em;
}
.rte-content p {
    margin: 0 0 1em;
    font-size: 1.125em; 
    line-height: 1.556;
}
.rte-content a {
    color: var(--marron);
}
.conservatoire .rte-content a {
    color: var(--cons-red);
}
.musee .rte-content a {
    color: rgba(26,17,36,.7);
}
.microfolie .rte-content a {
    color: var(--micro-green);
    text-decoration: none;
}
.microfolie .rte-content a:is(:focus,:hover,:active) {
    color: var(--micro-green);
    text-decoration: underline;
}
.rte-content blockquote {background-color: var(--gris); font-size:inherit; margin:40px 0; padding:30px; position:relative; text-align:center;}
.conservatoire .rte-content blockquote {
    border-left: 4px solid rgba(0,0,0,0.125);
    background-color: var(--cons-redlight);
}
.musee .rte-content blockquote {
    border-left: 4px solid var(--musee-grey);
    background-color: rgba(0,0,0,.05);
}
.microfolie .rte-content blockquote {
    border-left: 4px solid var(--micro-green);
    background-color: rgba(84,155,155,.2);
}
.rte-content blockquote::before {
    position: absolute;
    left: 31px;
    top: -3px;
    content: '\f10e';
    color: var(--main);
    font-size: 52px;
    font-weight: 700;
}
.conservatoire .rte-content blockquote::before {
    color: var(--cons-red);
}
.musee .rte-content blockquote::before {
    color: var(--musee-dark-grey);
}
.microfolie .rte-content blockquote::before {
    color: var(--micro-green);
}
    .rte-content blockquote p {color:#333; margin-bottom:20px; padding:0 60px;}
    .rte-content blockquote p:last-child,
    .rte-content blockquote ul:last-child,
    .rte-content blockquote ol:last-child {margin-bottom:0;}
        .rte-content blockquote p cite {display:block; font-size:1.5em; font-weight:bold;}

.rte-content ul,
.rte-content ol {
    font-size: 1.125em;
    line-height: 1.4;
}
.rte-content ul:not(.list-unstyled) {
    list-style: none; 
    margin-bottom: 1em;
    padding: 0 0 0 22px;
}
.musee .rte-content ul:not(.list-unstyled),
.microfolie .rte-content ul:not(.list-unstyled) {
    padding-left: 25px;
}
.rte-content ul ol {
    padding: 12px 0;
}
    .rte-content ul li,
    .rte-content ol li {
        position: relative;
        padding: 12px 0;
        list-style: inherit;
    }
        .rte-content ul li::before {
            position: absolute;
            left: -22px;
            top: 22px;
            content: '';
            border-radius: 50%;
            height: 7px;
            width: 7px;
            background-color: var(--marron);
            text-align: center;
        }
        .conservatoire .rte-content ul li::before {
            top: 25px;
            border-radius: 0;
            height: 2px;
            width: 10px;
            background-color: var(--cons-red);
        }
        .musee .rte-content ul li::before {
            border-radius: 0;
            height: 8px;
            width: 8px;
            background-color: var(--musee-blue);
        }
        .microfolie .rte-content ul li::before {
            border-radius: 2px;
            height: 8px;
            width: 8px;
            background-color: var(--micro-green);
        }
        .rte-content ul ol li::before {display:none;}
        .rte-content ul.list-unstyled li::before,
        .rte-content ul.pagination li::before,
        .home .container .carousel-inner > .item::before {display:none;}
        .rte-content ul li ul,
        .rte-content ol li ol,
        .rte-content ul:not(.list-unstyled) li ul, 
        .rte-content ol:not(.list-unstyled) li ol {
            margin: 12px 0 -12px; 
            padding: 0 0 0 22px;
            font-size: 1em; 
            line-height: 1.4; 
        }
            .rte-content ul li ul li,
            .rte-content ol li ol li,
            .rte-content ol li ul li,
            .rte-content ul li ol li {
                font-size: 1em; 
                line-height: 1.4;
            }

/* Tableaux */
.table-responsive {
    /*border: 1px solid var(--grey-light-2);*/ 
}
    .table-responsive:not(:last-child) {
        margin-bottom: 2em;
    }
    .rte-content .table {
        border: 1px solid rgba(0,0,0,.3);
        margin-bottom: 0;
        caption-side: top;
    }
    .rte-content .table-bordered {/* ne fonctionne pas sur des tableaux !!! */
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
    }
        .table caption {
            border-radius: 7px;
            margin-bottom: 10px;
            padding: 16px 20px;
            background-color: #f7f7f7;
            color: var(--dark-light);
            font-size: 1.125em;
        }
        .table>:not(:first-child) {
            border: 0;
        }
        table:not(.ui-datepicker-calendar) thead {
            background-color: var(--dark-grey);
            color: #fff;
        }
            .table th,
            .table tr {
                /*border-bottom: 1px solid var(--grey-light-2);*/
                color: var(--dark-2);
            }
            .table th {
                background-color: var(--marron);
                color: #fff;
                font-size: 1.375em;
            }
            .conservatoire .table th {
                background-color: var(--cons-blue);
            }
            .musee .table th {
                background-color: var(--musee-blue);
            }
            .microfolie .table th {
                background-color: var(--micro-grey);
            }
            table:not(.ui-datepicker-calendar) tr {
                max-height: 50px;
                /*border-color: var(--grey-light-2);*/
                vertical-align: middle;
            }
            .table-striped tbody tr:nth-of-type(odd) {
                background-color: rgba(159,143,104,.2);
            }
            .musee .table-striped tbody tr:nth-of-type(odd),
            .musee .table caption {
                border-radius: 0;
                background-color: rgba(45,48,71,.05);
            }
            .microfolie .table-striped tbody tr:nth-of-type(odd),
            .microfolie .table caption {
                border-radius: 0;
                background-color: rgba(74,81,96,.1);
            }
                .table thead th,
                .table tfoot th {
                    padding: 20px;
                }
            table:not(.ui-datepicker-calendar, .table-bordered) tbody tr:last-child {
                border-bottom: 0;
            }
            table.table-bordered tbody tr:last-child {
                border-bottom: 1px solid var(--grey-light-2);
            }
            .table tr:last-child td,            
            .table tfoot tr th,
            .table tr:last-child th {
                border-bottom: 0;
            }
                .table tbody tr td {
                    padding: 16px 20px;
                    font-size: 1.125em;
                }
            .frame-type-textmedia .table tfoot tr {
                border-bottom: 1px solid var(--grey-light-2);
                border-top: 1px solid var(--grey-light-2);
            }
            .frame-type-textmedia .table:not(.table-bordered) tfoot tr,
            .frame-type-textmedia .table-condensed tfoot tr {
                border-bottom: 0;
            }
            .table-bordered tfoot tr th {
                border-bottom: 1px solid var(--grey-light-2);
            }
            .table>:not(caption)>*>* {
                /*border-right: 1px solid var(--grey-light-2);*/
                padding: .8rem .5rem;
            }
            .table-striped>:not(caption)>tr:nth-of-type(2n + 1)>* {
                border-right: 1px solid #fff;
            }
            .table-striped>:not(caption)>tr:nth-of-type(2n + 1) *:last-child {
                border-right: 1px solid rgba(0,0,0,.3);
            }
            .table>:not(caption)>*>*:last-child {
                border-right: 0;
            }
            .table-bordered>:not(caption)>*>*:last-child {
                border-right: 1px solid var(--grey-light-2);
            }
/* Table-striped */
.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--client);
    box-shadow: inset 0 0 0 9999px var(--client-light);
}
/* Table-bordered */
.table-bordered>:not(caption)>*>* {
    /*border-color: var(--grey-light-2);*/
}

.table-sm>:not(caption)>*>*,
.table-condensed>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
}
/* Surcharge SGL Culture */
.table-responsive>.table-bordered tbody {
    /*border: 1px solid #000;*/
}
.table-responsive>.table-bordered tfoot {
    /*border: 1px solid #000;*/
}

/* Encart */
.rte-content .frame-encart {
    position: relative;
    padding: 30px;
    background-color: var(--marrontresclair);
}
.conservatoire .rte-content .frame-encart {
    background-color: var(--cons-redlight);
}
.musee .rte-content .frame-encart {
    background-color: rgba(0,0,0,.05);
}
.microfolie .rte-content .frame-encart {
    border: 2px solid var(--micro-rose);
    border-radius: 10px;
    background-color: transparent;
}
    .rte-content .encart::before, 
    .rte-content .frame-encart::before {
        display: none;
    }
        .rte-content .encart .information-title, 
        .rte-content .frame-encart .information-title {
            margin-bottom: 30px;
            padding-left: 115px;
            font-size: 1.875em;
        }
        .musee .rte-content .encart .information-title,
        .musee .rte-content .frame-encart .information-title {
            margin-bottom: 20px;
            padding-left: 60px;
        }
        .microfolie .rte-content .encart .information-title,
        .microfolie .rte-content .frame-encart .information-title {
            color: var(--micro-rose);
        }
            .rte-content .encart .information-title::before, 
            .rte-content .frame-encart .information-title::before {
                position: absolute;
                left: 0;
                top: -5px;
                display: block;
                content: '';
                border-radius: 0;
                height: 40px;
                width: 86px;
                background: url("../Img/SVG/megaphone.svg") no-repeat center center;
                filter: invert(59%) sepia(29%) saturate(399%) hue-rotate(5deg) brightness(91%) contrast(85%);
            }
            .conservatoire .rte-content .encart .information-title::before, 
            .conservatoire .rte-content .frame-encart .information-title::before {
                filter: invert(17%) sepia(11%) saturate(3156%) hue-rotate(166deg) brightness(91%) contrast(89%);
            }
            .musee .rte-content .encart .information-title::before,
            .musee .rte-content .frame-encart .information-title::before {
                left: -10px;
                top: -14px;
                z-index: 2;
                filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(63deg) brightness(107%) contrast(102%);
            }
            .musee .rte-content .encart .information-title::after,
            .musee .rte-content .frame-encart .information-title::after {
                position: absolute;
                left: -40px;
                top: -25px;
                z-index: 1;
                height: 50px;
                margin-bottom: ;
                width: 75px;
                background-color: var(--musee-blue);
            }
            .microfolie .rte-content .encart .information-title::before, 
            .microfolie .rte-content .frame-encart .information-title::before {
                filter: invert(20%) sepia(96%) saturate(2069%) hue-rotate(307deg) brightness(99%) contrast(108%);
            }
        .rte-content .frame-encart .frame-header .element-header {
            margin-bottom: 65px;
            padding-left: 115px;
            color: var(--marron);
            font-size: 1.875em;
            line-height: 1;
        }
            .rte-content .frame-encart .frame-header .element-header::before {
                display: none;
            }


/* 08 = Colonne droite */
.rte-content .col-right > .frame,
.rte-content .col-right > .telecharger {
    margin-bottom: 60px;
}
    .rte-content .col-right h2,
    .rte-content .col-right .col-right-header,
    .rte-content .col-right .element-header {
        position: relative;
        margin-bottom: 40px;
        color: #000;
        font-size: 1.375em;
        line-height: 1.364;
    }
    .conservatoire .rte-content .col-right h2 {
        margin-bottom: 20px;
        padding-left: 0;
        color: var(--cons-grey);
    }
    .musee .rte-content .col-right h2 {
        margin-bottom: 20px;
        color: rgba(26,17,36,.7);
    }
    .microfolie .rte-content .col-right h2,
    .microfolie .rte-content .col-right .col-right-header,
    .microfolie .rte-content .col-right .element-header {
        margin-bottom: 20px;
        color: var(--micro-grey);
    }
        .rte-content .col-right h2::before,
        .rte-content .col-right .col-right-header::before {
            position: absolute;
            bottom: -10px;
            left: 0;
            content: '';
            height: 2px;
            width: 50px;
            background-color: #000;
        }
        .conservatoire .rte-content .col-right h2::before,
        .conservatoire .rte-content .col-right .col-right-header::before,
        .musee .rte-content .col-right h2::before,
        .musee .rte-content .col-right h2::after,
        .musee .rte-content .col-right .col-right-header::before,
        .microfolie .rte-content .col-right h2::before,
        .microfolie .rte-content .col-right .col-right-header::before {
            display: none;
        }
            .rte-content .col-right .pagesSoeurs .link {
                color: #000;
                text-decoration: none;
            }

/* 09 = Footer */
/* Partie contact */
.section-home-contact {
    background: var(--marronclair);
    background: linear-gradient(90deg, rgba(159,143,104,.2) 50%, rgba(42,41,75,1) 50%);
}
.conservatoire .section-home-contact {
    background: var(--cons-red);
    color: #fff;
}
.musee .section-home-contact {
    background: var(--musee-blue);
    color: #fff;
}
.microfolie .section-home-contact {
    background: var(--micro-violet);
    background: linear-gradient(90deg, rgba(61,39,111,1) 50%, rgba(84,155,155,1) 50%);
    color: #fff;
}
.theatre .section-home-contact {
    background: var(--theatre-blue);
    color: #fff;
}
.mediatheque .section-home-contact {
    background: rgba(0,0,0,.6);
    color: #fff;
}
    .section-home-contact .col-md-6 {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .section-home-contact .section-connect {
        padding-right: 115px;
    }
    .section-home-contact .section-contact {
        padding-left: 115px;
        color: #fff;
    }
        .section-home-contact .contact-title {
            position: relative;
            margin-bottom: 30px;
            font-size: 1.875em;
            line-height: 1.4;
        }
        .musee .section-home-contact .contact-title {
            font-size: 1.563em;
        }
        .theatre .section-home-contact .contact-title {
            font-size: 2em;
        }
        .mediatheque .section-home-contact .contact-title {
            font-size: 2em;
        }
            .section-home-contact .contact-title::before {
                position: absolute;
                bottom: -10px;
                display: block;
                content: '';
                height: 1px;
                width: 60px;
                background-color: #000;
            }
            .conservatoire .section-home-contact .contact-title::before {
                background-color: #fff;
            }
            .musee .section-home-contact .contact-title::before {
                background-color: #fff;
            }
            .microfolie .section-home-contact .contact-title::before {
                background-color: #fff;
            }
            .theatre .section-home-contact .contact-title::before {
                background-color: #fff;
            }
            .mediatheque .section-home-contact .contact-title::before {
                background-color: #fff;
            }

        .section-home-contact .contact-p {
            margin-bottom: 30px;
            font-size: 1.125em;
            line-height: 1.556;
        }
        .conservatoire .section-home-contact .btn-secondary {
            border: 1px solid var(--cons-red);
            border-radius: 0;
            font-size: 1.125em;
        }
        .conservatoire .section-home-contact .btn-secondary:is(:focus, :hover, :active),
        .conservatoire .section-home-contact .btn-secondary:is(:focus, :hover, :active), 
        .conservatoire .section-home-contact .btn-secondary:not(:disabled):not(.disabled).active,
        .conservatoire .section-home-contact .btn-secondary:not(:disabled):not(.disabled):active:focus {
            border: 1px solid #fff;
            background-color: var(--cons-red);
            color: #fff
        }
        .musee .section-home-contact .btn-secondary {
            border: 2px solid #fff;
            border-radius: 0;
            background-color: var(--musee-blue);
            color: #fff;
            font-size: 1.125em;
        }
        .musee .section-home-contact .btn-secondary:is(:focus, :hover, :active),
        .musee .section-home-contact .btn-secondary:is(:focus, :hover, :active), 
        .musee .section-home-contact .btn-secondary:not(:disabled):not(.disabled).active,
        .musee .section-home-contact .btn-secondary:not(:disabled):not(.disabled):active:focus {
            border-color: #fff;
            background-color: #fff;
            color: var(--musee-blue);
        }
        .microfolie .section-home-contact .btn-secondary {
            border: 2px solid #fff;
            background-color: transparent;
            color: #fff;
            font-size: 1.25em;
        }
        .microfolie .section-home-contact .btn-secondary:is(:focus, :hover, :active),
        .microfolie .section-home-contact .btn-secondary:is(:focus, :hover, :active), 
        .microfolie .section-home-contact .btn-secondary:not(:disabled):not(.disabled).active,
        .microfolie .section-home-contact .btn-secondary:not(:disabled):not(.disabled):active:focus {
            border-color: #fff;
            background-color: #fff;
            color: #000;
        }
        .theatre .section-home-contact .btn-secondary {
            border: 2px solid #fff;
            border-radius: 30px;
            background-color: transparent;
            color: #fff;
            font-size: 1.125em;
        }
        .theatre .section-home-contact .btn-secondary:is(:focus, :hover, :active),
        .theatre .section-home-contact .btn-secondary:is(:focus, :hover, :active), 
        .theatre .section-home-contact .btn-secondary:not(:disabled):not(.disabled).active,
        .theatre .section-home-contact .btn-secondary:not(:disabled):not(.disabled):active:focus {
            border-color: #fff;
            background-color: #fff;
            color: var(--theatre-blue);
        }
        .mediatheque .section-home-contact .btn-secondary {
            display: flex;
            align-items: center;
            border: 2px solid #fff;
            border-radius: 4px;
            height: 48px;
            padding: 0 30px;
            width: fit-content;
            background-color: transparent;
            color: #fff;
            font-size: 1.25em;
        }
        .mediatheque .section-home-contact .btn-secondary:is(:focus, :hover, :active),
        .mediatheque .section-home-contact .btn-secondary:is(:focus, :hover, :active), 
        .mediatheque .section-home-contact .btn-secondary:not(:disabled):not(.disabled).active,
        .mediatheque .section-home-contact .btn-secondary:not(:disabled):not(.disabled):active:focus {
            border-color: #fff;
            background-color: #fff;
            color: #000;
        }
            .section-home-contact .btn-secondary .fa-regular {
                margin-left: 15px;
            }
            .mediatheque .section-home-contact .btn-secondary .fa-regular {
                font-size: 16px;
            }

/* Partie blanche */
.conservatoire .site-footer {
    background-color: var(--cons-blue);
    color: #fff;
}
    .site-footer .footer-top {
        padding: 60px 0;
    }
        .footer-top .footer-logo {
            display: flex;
            justify-content: center;
            margin-bottom: 30px
        }
            .footer-top .footer-logo .img-fluid {;
                filter: invert(16%) sepia(25%) saturate(1116%) hue-rotate(203deg) brightness(92%) contrast(95%);
            }
            .conservatoire .footer-top .footer-logo .img-fluid {                
                filter: invert(99%) sepia(71%) saturate(239%) hue-rotate(251deg) brightness(116%) contrast(100%);
            }
            .musee .footer-top .footer-logo .img-fluid {
                filter: invert(16%) sepia(26%) saturate(804%) hue-rotate(194deg) brightness(90%) contrast(88%);
            }
            .microfolie .footer-top .footer-logo .img-fluid {
                filter: invert(31%) sepia(9%) saturate(878%) hue-rotate(183deg) brightness(96%) contrast(92%);
            }
            .theatre .footer-top .footer-logo .img-fluid {
                filter: invert(16%) sepia(73%) saturate(1750%) hue-rotate(209deg) brightness(98%) contrast(93%);
            }
            .mediatheque .footer-top .footer-logo .img-fluid {
                filter: unset;
            }
        .footer-top .footer_structures_culturelles .title {
            margin-bottom: 30px;
            color: var(--main);
            font-size: 1.25em;
            line-height: 1.6;
            text-align: center;
        }
        .conservatoire .site-footer .footer-top .title {
            color: #fff;
        }
        .musee .site-footer .footer-top .title {
            color: var(--musee-blue);
        }
        .microfolie .site-footer .footer-top .title {
            color: var(--micro-green);
        }
        .theatre .site-footer .footer-top .title {
            color: var(--theatre-blue);
        }
        .mediatheque .site-footer .footer-top .title {
            color: #000;
        }
        .footer-top .footer_structures_culturelles ul {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
            .footer-top .footer_structures_culturelles .list-item {
                margin-bottom: 25px;
            }
                .footer-top .footer_structures_culturelles .link {
                    display: block;
                    color: var(--footerlink);
                    font-size: 1.125em;
                    line-height: 1.556;
                    text-decoration: none;
                    text-align: center;
                }
                .conservatoire .footer-top .footer_structures_culturelles .link {
                    color: #B4B3BF;
                }
                .musee .footer-top .footer_structures_culturelles .link,
                .microfolie .footer-top .footer_structures_culturelles .link {
                    color: rgba(0,0,0,.5);
                }
                .footer-top .footer_structures_culturelles .link:is(:focus, :hover, :active) {
                    color: #000;
                    text-decoration: underline;
                }
                .conservatoire .footer-top .footer_structures_culturelles .link:is(:focus, :hover, :active) {
                    color: #fff;
                    text-decoration: none;
                }
        .footer-top .header-network .title {
            margin-bottom: 20px;
            color: var(--main);
            font-size: 1.25em;
            text-align: center;
        }
        .conservatoire .site-footer .title {
            font-weight: 700;
        }
        .footer-top .header-network ul {
            display: flex;
            justify-content: center;
        }
            .footer-top .header-network .list-item {
                margin: 0 20px;
            }
            .conservatoire .footer-top .header-network .Instagram {
                display: none;
            }
                .footer-top .header-network .link .icon {
                    filter: invert(63%) sepia(5%) saturate(700%) hue-rotate(201deg) brightness(94%) contrast(89%);
                    transition: filter .3s;
                }
                .conservatoire .footer-top .header-network .link .icon {
                    filter: invert(68%) sepia(6%) saturate(721%) hue-rotate(166deg) brightness(89%) contrast(89%);
                }
                .musee .footer-top .header-network .link .icon {
                    filter: invert(78%) sepia(6%) saturate(288%) hue-rotate(180deg) brightness(85%) contrast(91%);
                }
                .microfolie .footer-top .header-network .link .icon {
                    filter: invert(78%) sepia(6%) saturate(288%) hue-rotate(180deg) brightness(85%) contrast(91%);
                }
                .theatre .footer-top .header-network .link .icon {
                    filter: invert(79%) sepia(5%) saturate(2099%) hue-rotate(187deg) brightness(80%) contrast(88%);
                }
                .mediatheque .footer-top .header-network .link .icon {
                     filter: invert(54%) sepia(0%) saturate(0%) hue-rotate(267deg) brightness(94%) contrast(91%);
                }
                .footer-top .header-network .link:is(:focus, :hover, :active) .icon {/* Noir */
                    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
                }
    .site-footer .footer-bot {
        border-top: 1px solid #f1f1f1;
        padding: 30px 0 20px;
    }
        .footer-bot .footer-links {
            width: 100%;
        }
            .footer-bot ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }
                .footer-bot .list-item {
                    margin: 0 35px 10px;
                }
                    .footer-bot .list-item .link {
                        color: var(--footerlink);
                        line-height: 1.625;
                        text-decoration: none;
                    }
                    .conservatoire .footer-bot .list-item .link {
                        color: #B4B3BF;
                    }
                    .musee .footer-bot .list-item .link,
                    .microfolie .footer-bot .list-item .link {
                        color: rgba(0,0,0,.5);
                    }
                    .footer-bot .list-item .link:is(:focus, :hover, :active) {
                        color:#000;
                        text-decoration: underline;
                    }
                    .conservatoire .footer-bot .list-item .link:is(:focus, :hover, :active) {
                        color: #fff;
                        text-decoration: none;
                    }

/* Menu */
.menuFooter .frame > ul,
.menuCopyrights .frame > ul {display:-webkit-flex; display:flex; justify-content:center; margin-bottom:50px;}
.refonte .menuCopyrights .frame > ul {
    margin: 20px 0;
}
.refonte .menuFooter .frame > ul {
    justify-content: space-around;
}
.refonte .menuFooter .frame > ul {
    margin: 0;
}
    .menuFooter li {font-size:1.333em; text-align:center;}
    .refonte .menuFooter li {
        padding: 30px 0;
    }
        .menuFooter li a {display:block; font-weight:bold; line-height:1; padding:110px 0 0; position:relative; width:180px;}
        .refonte .menuFooter li a {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            border-radius: 20px;
            padding: 0;
            height: 120px;
            width: 122px;
            transition: background-color,color .3s;
        }
        .refonte .menuFooter li:hover a {
            color: var(--marron);
        }
        .refonte .menuFooter li:first-child:hover a,
        .refonte .menuFooter li:first-child:hover a .sgl {
            background-color: var(--marron);
            color: #fff;
        }
        .refonte .menuFooter li:first-child a {
            background-color: #fff;
            color: #2a254b;
        }
            .menuFooter li a .sgl {font-size:24px; font-weight:normal; left:50%; position:absolute; top:50px; -webkit-transform:translateX(-50%); transform:translateX(-50%); /*transition:color .3s;*/}
            .refonte .menuFooter li a .sgl {
                position: static;
                margin-bottom: 20px;
                transform: none;
            }
            .menuFooter li:hover a .sgl {color:var(--marron);}


/* 10 = Sommaire & E-services */
.navSommaire .summary-row {
    display: flex;
    flex-wrap: wrap;
}
    .navSommaire .summary-row .list {
        display: flex;
        min-height: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
        .navSommaire .summary-row .title {
            font-size: 1.5em;
        }
            .navSommaire .summary-row .link {
                display: flex;
                flex-direction: column;
                padding: 15px;
                min-height: 100%;
                width: 100%;
                background-color: var(--marronclair);
                color: #737373;
                text-decoration: none;
            }
            .conservatoire .navSommaire .summary-row .link {
                background-color: rgba(158,43,37,.05);
            }
            .musee .navSommaire .summary-row .link {
                background-color: rgba(45,48,71,.05);
            }
            .microfolie  .navSommaire .summary-row .link {
                background-color: rgba(84,155,155,.2);
            }
            .navSommaire .summary-row .link:is(:focus, :hover, :active) {
                background-color: var(--marron);
                color: #fff;
                text-decoration: none;
            }
            .conservatoire .navSommaire .summary-row .link:is(:focus, :hover, :active) {
                background-color: var(--cons-red);
                color: #fff;
            }
            .musee .navSommaire .summary-row .link:is(:focus, :hover, :active) {
                background-color: var(--musee-blue);
                color: #fff;
            }
            .microfolie .navSommaire .summary-row .link:is(:focus, :hover, :active) {
                background-color: var(--micro-green);
                color: #fff;
            }
                .navSommaire .summary-row .link .summary-title {
                    margin-bottom: 10px;
                    font-size: 1.25em;
                    color: #000;
                }
                .conservatoire .navSommaire .summary-row .link .summary-title {
                    padding-left: 0;
                    color: var(--cons-blue);
                }
                .musee .navSommaire .summary-row .link .summary-title {
                    margin-bottom: 20px;
                    color: var(--musee-blue);
                    font-size: 1.125em;
                }
                .microfolie .navSommaire .summary-row .link .summary-title {
                    color: var(--micro-grey);
                }
                .navSommaire .summary-row .link:is(:focus, :hover, :active) .summary-title,
                .navSommaire .summary-row .link:is(:focus, :hover, :active)::after {
                    color: #fff;
                }
                .conservatoire .navSommaire .summary-row .link:is(:focus, :hover, :active) .summary-title,
                .conservatoire .navSommaire .summary-row .link:is(:focus, :hover, :active)::after {
                    color: #fff;
                }
                .musee .navSommaire .summary-row .link:is(:focus, :hover, :active) .summary-title,
                .musee .navSommaire .summary-row .link:is(:focus, :hover, :active)::after,
                .musee .navSommaire .summary-row .link:is(:focus, :hover, :active) .abstract  {
                    color: #fff;
                }
                .microfolie .navSommaire .summary-row .link:is(:focus, :hover, :active) .summary-title,
                .microfolie .navSommaire .summary-row .link:is(:focus, :hover, :active)::after,
                .microfolie .navSommaire .summary-row .link:is(:focus, :hover, :active) .abstract  {
                    color: #fff;
                }
                    .conservatoire .navSommaire .summary-row .link .summary-title::before {
                        display: none;
                    }
                    .musee .navSommaire .summary-row .link .summary-title::after {
                        display: none;
                    }
                    .microfolie .navSommaire .summary-row .link .summary-title::before {
                        display: none;
                    }
                .conservatoire .navSommaire .summary-row .link .summary-title {
                    padding-left: 0;
                }
                .navSommaire .summary-row .link .abstract {
                    font-size: 1em;
                }
                .musee .navSommaire .summary-row .link .abstract {
                    color: #000;
                }
                .microfolie .navSommaire .summary-row .link .abstract {
                    color: var(--micro-grey);
                }
                .navSommaire .summary-row .link::after {
                    display: flex;
                    align-items: center;
                    content: '\f061';
                    margin: auto 0 0 auto;
                    color: var(--marron);
                    font-size: 30px;
                }
                .conservatoire .navSommaire .summary-row .link::after {
                    color: var(--cons-red);
                }
                .musee .navSommaire .summary-row .link::after {
                    color: var(--musee-blue);
                }
                .microfolie .navSommaire .summary-row .link::after {
                    color: var(--micro-green);
                }


/* 11 = Medias */
/* Télécharger */
.rte-content .telecharger {
    margin-bottom: 2em;
}
    .telecharger .list-unstyled .link {
        display: flex;
        color: var(--main);
        text-decoration: none;
        transition: color .3s;
    }
    .telecharger .list-unstyled .link:is(:focus, :hover, :active) {
        color: var(--marron);
    }
    .conservatoire .telecharger .list-unstyled .link {
        color: #000;
    }
    .conservatoire .telecharger .list-unstyled .link:is(:focus, :hover, :active) {
        color: var(--cons-red);
    }
    .musee .telecharger .list-unstyled .link {
        color: var(--musee-blue);
    }
    .microfolie .telecharger .list-unstyled .link {
        color: #000;
    }
    .microfolie .telecharger .list-unstyled .link:is(:focus, :hover, :active) {
        color: var(--micro-green);
        text-decoration: none;
    }
        .telecharger .list-unstyled .fa-arrow-down-to-line {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            margin-right: 30px;
            min-width: 60px;
            background-color: rgba(159,143,104,.2);
            font-size: 30px;
        }
        .conservatoire .telecharger .list-unstyled .fa-arrow-down-to-line {
            background-color: var(--cons-redlight);
        }
        .musee .telecharger .list-unstyled .fa-arrow-down-to-line {
            background-color: rgba(45,48,71,.05);
        }
        .microfolie .telecharger .list-unstyled .fa-arrow-down-to-line {
            background-color: rgba(84,155,155,.2);
            color: var(--micro-green);
        }
        .telecharger .list-unstyled .text {
            display: flex;
            flex-direction: column;
        }
            .telecharger .list-unstyled .fileTitle {
                font-size: 1.125em;
                line-height: 1.556;
            }
            .telecharger .list-unstyled .info {
                color: #737373;
            }
            .conservatoire .telecharger .list-unstyled .info {
                color: var(--cons-grey);
            }
                .telecharger .list-unstyled .extension {
                    text-transform: uppercase;
                }


/* 12 = Breadcrumbs */
.site-main .breadcrumb {
    display: block;
    margin-bottom: 0;
    padding: 32px 0;
    color: var(--main);
    font-size: 1.125em;
}
.conservatoire .site-main .breadcrumb,
.musee .site-main .breadcrumb,
.microfolie .site-main .breadcrumb {
    padding-bottom: 0;
}
.musee .site-main .breadcrumb {
    color: var(--musee-blue);
}
    .breadcrumb .item {
        padding: 0;
    }
    .breadcrumb .link {
        align-items: center;
        color: var(--main);
        text-decoration: none;
    }
    .breadcrumb .first {/* Home */
        color: var(--main);
        font-size: 22px;
    }
    .conservatoire .breadcrumb .link,
    .conservatoire .breadcrumb .first {
        color: var(--cons-blue);
    }
    .musee .breadcrumb .link,
    .musee .breadcrumb .first {
        color: var(--musee-blue);
    }
    .microfolie .breadcrumb .link,
    .microfolie .breadcrumb .first {
        color: #fff;
    }
        .musee .breadcrumb .first .fa-home,
        .microfolie .breadcrumb .first .fa-home {
            font-weight: 600;
        }
    .breadcrumb .breadcrumb-last {
        display: inline-flex!important;
        align-items: center;
    }
    .microfolie .breadcrumb .breadcrumb-last {
        color: var(--micro-grey);
    }
    .breadcrumb .separator {
        display: inline-flex;
        align-items: center;
        border: 0;
        margin: 0;
        padding: 0 5px;
        font-size: 18px;
        line-height: 1;
    }
    .conservatoire .breadcrumb .separator {
        color: var(--cons-red);
    }
    .microfolie .breadcrumb .separator {
        color: var(--micro-grey);
    }


/* 13 = Toolbox */


/* 14 = Trombinoscope */


/* 15 = Skip links */
.skiplink {left:0; position:relative;}
.liens_skip {list-style-type:none;}
.liens_skip a {background:#000; color:#fff; display:inline-block; left:0; padding:.6em; position:absolute; top:-200px; white-space:nowrap;}
.liens_skip a:focus {left:0; top:200px;}


/* 16 = Recherche */
.rte-content .startpoint {
    /*margin: 3em 30px 3em 15px;*/
}
    .rte-content .startpoint li {
        border-radius: 3px; 
        padding: 1em;
    }
    .rte-content .startpoint li:nth-child(even) {
        background-color: var(--marronclair);
    }
    .rte-content .startpoint li .lead {
        padding-top: 0;
    }
/*-Pagination-*/
.rte-content .paginationWrapper {clear:both; margin:15px -15px;}
.rte-content .pagination {padding:0;}
.rte-content .startpoint .pagination li:nth-child(even) {background:none;}
  .rte-content .pagination > li > a,
  .rte-content .pagination > li > span {border-color:var(--gris); border-radius:0; color:#000; height:50px; line-height:50px; padding:0; text-decoration:none; transition:background-color 0.2s ease, color 0.2s ease; width:50px;}
  .rte-content .pagination > li > .prev,
  .rte-content .pagination > li > .next {/*padding-top:15px;*/}
  .rte-content .pagination > li .glyphicon {top:3px;}
  .rte-content .pagination > li.active > a,
  .rte-content .pagination > li.active > span,
  .rte-content .pagination > li > a:focus,
  .rte-content .pagination > li > a:hover,
  .rte-content .pagination > li > span:focus,
  .rte-content .pagination > li > span:hover {background-color:var(--main); border-color:var(--main); color:#fff;}
    .rte-content .pagination > li a[href^="http"] {background-image:none; padding:0;}


/* 18 = Agenda */
/* Filtres */
.filters {
    padding: 0;
}
    .filters .row {/* Commun */
        padding: 15px;
        box-shadow: none;
    }
    .home-events-list.events-list .row {/* Surcharge accueil */        
        justify-content: flex-start;
    }
    .home-events-list.events-list .filters .row {
        gap: 10px 30px;
    }
        .filters .form-group {
            margin: 0;
            padding: 0;
        }
            .filters-themes .form-control {
                border: 0;
                border-radius: 10px;
                min-height: 60px;
                padding: 16px 20px;
                width: 310px;
                background-color: var(--gris);
                color: #000;
                font-size: 1.125em;
            }
            .microfolie .filters-themes .form-control {
                background-color: rgba(84,155,155,.1);
            }
            .musee .filters-themes .form-control {
                border-radius: 0;
                background-color: rgba(26,17,36,.05);
                color: var(--musee-dark);
            }
            .conservatoire .filters-themes .form-control {
                border-radius: 0;
                background-color: rgba(89,103,115,.1);
            }
                .filters .calendar .dropdown-toggle::after {
                    content: '\f078';
                    border: 0;
                    color: var(--marron);
                    font-size: 20px;
                }
                .microfolie .filters .calendar .dropdown-toggle::after {
                    color: var(--micro-green);
                }
                .musee .filters .calendar .dropdown-toggle::after {
                    color: var(--musee-dark);
                }
                .conservatoire .filters .calendar .dropdown-toggle::after {
                    color: var(--cons-red);
                }
                .filters .show .dropdown-toggle::after {
                    transform: rotate(180deg);
                }
        /* SELECT */
        .filters .filters-select {
            position: relative;
        }
            .filters .filters-select::before {
                position: absolute;
                top: 15px;
                right: 20px;
                content: '\f078';
                border: 0;
                color: var(--marron);
                font-size: 20px;
                pointer-events: none;
            }
            .microfolie .filters .filters-select::before {
                color: var(--micro-green);
            }
            .musee .filters .filters-select::before {
                color: var(--musee-dark);
            }
            .conservatoire .filters .filters-select::before {
                color: var(--cons-red);
            }
            .filters .filters-select:has(select:focus)::before {
                transform: rotate(180deg);
                transform-origin: center;
            }
            .filters-select select.form-control {
                cursor: pointer;
                appearance: none;
            }

            /* Boutons */
            .form-group .btn-primary {
                border: 1px solid transparent;
                height: 60px;
                padding: 0 30px;
                background-color: var(--marron);
                color: #fff;
                font-size: 1.375em; 
                transition: all .3s;               
            }
            .form-group .btn-primary:is(:focus, :hover, :active) {
                border-color: var(--marron);
                background-color: #fff;
                color: var(--marron);
            }
            .microfolie .form-group .btn-primary {
                border: 2px solid var(--micro-rose);
                background-color: #fff;
                color: var(--micro-rose);
            }
            .microfolie .form-group .btn-primary:is(:focus, :hover, :active) {
                border-color: var(--micro-rose);
                background-color: var(--micro-rose);
                color: #fff;
            }
            .musee .form-group .btn-primary {
                border-color: var(--musee-dark);
                border-radius: 0;
                background-color: #fff;
                color: var(--musee-dark);
            }
            .filters .calendar .form-control .time {
                background-color: transparent;                
            }
            .musee .filters .calendar .form-control .time {
                color: var(--musee-dark);
            }
            .form-group .btn-reset,
            .form-group .btn-reset:is(:focus, :hover, :active),
            .form-group .btn-reset:is(:focus, :hover, :active), 
            .form-group .btn-reset:not(:disabled):not(.disabled):active, 
            .form-group .btn-reset:not(:disabled):not(.disabled).active, 
            .form-group .btn-reset:not(:disabled):not(.disabled):active:focus, 
            .form-group .btn-reset:not(:disabled):not(.disabled).active:focus {
                background-color: transparent;
                color: #000 !important;
                padding: 15px 0;
                text-decoration: none;
                box-shadow: none;
            }

            /* Calendrier */
            .calendar .dropdown-menu {
                z-index: 100000;
                border: 0;
                border-radius: 10px;
                padding: 30px;
                background: #FFFFFF;
                box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
            }
                .calendar-render .thosedates {
                    gap: 15px;
                    justify-content: space-between;
                    margin-bottom: 30px;
                    padding: 0;
                }
                    .thosedates .checkbox {
                        margin: 0;
                    }
                        .thosedates .btn-thosedates {
                            border: 0;
                            height: 50px;
                            padding: 13px;
                            background-color: #f5f5f5;
                            color: #242424;
                            font-size: 1em;
                        }
                        .microfolie .thosedates .btn-thosedates {
                            border: 0;
                            background-color: rgba(84,155,155,.1);
                            color: var(--micro-green);
                        }
                        .musee .thosedates .btn-thosedates {
                            border: 0;
                            background-color: rgba(26,17,36,.05);
                            color: var(--musee-dark);
                        }
                        .conservatoire .thosedates .btn-thosedates {
                            border-radius: 0;
                            background-color: rgba(89,103,115,.1);
                            color: #242424;
                        }
                .ui-datepicker .ui-datepicker-title {
                    color: #000;
                    font-size: 1.375em;
                }
                .microfolie .ui-datepicker .ui-datepicker-title {
                    color: var(--micro-grey);
                }
                .musee .ui-datepicker .ui-datepicker-title {
                    color: var(--musee-dark);
                }
                /* Header */
                .ui-datepicker .ui-datepicker-header {
                    margin-bottom: 30px;
                }
                    .ui-datepicker .ui-datepicker-header a:is(:focus,:hover,:active) {
                        text-decoration: none;
                    }
                    .ui-datepicker .ui-datepicker-prev, 
                    .ui-datepicker .ui-datepicker-next {
                        border: 0;
                    }
                        .ui-datepicker .ui-datepicker-prev span::before, 
                        .ui-datepicker .ui-datepicker-next span::before {
                            color: #737373;
                            font-size: 24px;
                            font-weight: 400;
                            opacity: .5;
                        }
                        .ui-datepicker .ui-datepicker-prev span::before {
                            content: '\f177';
                        }
                        .ui-datepicker .ui-datepicker-next span::before {
                            content: '\f178';
                        }
                        .ui-datepicker .ui-state-hover span::before {
                            color: #000;
                            opacity: 1;
                        }
                /* Tableau */
                .ui-datepicker table {
                    width: 100%;
                    font-size: 1.125em;
                }
                    .ui-datepicker td span, 
                    .ui-datepicker td a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid transparent;
                        height: 35px;
                        margin: 5px auto;
                        width: 35px;
                    }
                    .ui-state-default, 
                    .ui-widget-content .ui-state-default, 
                    .ui-widget-header .ui-state-default {
                        color: #000;
                    }
                    .microfolie .ui-state-default, 
                    .microfolie .ui-widget-content .ui-state-default, 
                    .microfolie .ui-widget-header .ui-state-default {
                        color: var(--micro-violet);
                    }
                    .musee .ui-state-default, 
                    .musee .ui-widget-content .ui-state-default, 
                    .musee .ui-widget-header .ui-state-default {
                        color: var(--musee-dark);
                    }
                    .conservatoire .ui-state-default, 
                    .conservatoire .ui-widget-content .ui-state-default, 
                    .conservatoire .ui-widget-header .ui-state-default {
                        color: #000;
                    }
                    .ui-datepicker .ui-state-hover {
                        border-color: var(--marron);
                    }
                    .microfolie .ui-datepicker .ui-state-hover {
                        border-color: var(--micro-violet);
                    }
                    .musee .ui-datepicker .ui-state-hover {
                        border-color: var(--musee-dark);
                    }
                    .conservatoire .ui-datepicker .ui-state-hover {
                        border-color: var(--cons-red);
                    }
                    .ui-datepicker-current-day .ui-state-highlight {
                        background-color: var(--marron);
                        color: #fff;
                        font-weight: 400;
                    }
                    .microfolie .ui-datepicker-current-day .ui-state-highlight {
                        background-color: var(--micro-violet);
                        color: #fff;
                    }
                    .musee .ui-datepicker-current-day .ui-state-highlight {
                        background-color: var(--musee-dark);
                        color: #fff;
                    }
                    .conservatoire .ui-datepicker-current-day .ui-state-highlight {
                        background-color: var(--cons-red);
                        color: #fff;
                    }
                    .ui-datepicker-current-day .ui-state-highlight:is(:focus, :hover, :active) {
                        background-color: #fff;
                        color: var(--marron);
                    }
                    .microfolie .ui-datepicker-current-day .ui-state-highlight:is(:focus, :hover, :active),
                    .microfolie .ui-datepicker a:is(:focus,:hover,:active) {
                        color: var(--micro-violet);
                        text-decoration: none;
                    }
                    .musee .ui-datepicker-current-day .ui-state-highlight:is(:focus, :hover, :active),
                    .musee .ui-datepicker a:is(:focus,:hover,:active) {
                        color: var(--musee-dark);
                        text-decoration: none;
                    }
                    .conservatoire .ui-datepicker-current-day .ui-state-highlight:is(:focus, :hover, :active),
                    .conservatoire .ui-datepicker a:is(:focus,:hover,:active) {
                        color: var(--cons-red);
                        text-decoration: none;
                    }
            /* Criteria */
            .criteria .btn-primary {
                min-height: 40px;
                background-color: var(--marron);
                color: #fff;
            }

/* Liste */
/* Corrections // accueil */
.home-events-list .home-events-item .article-border {
    border: 1px solid #737373;
    height: 100%;
}
    .agenda .home-events-item .home-events-body {
        padding: 0 30px 30px;
    }
    .conservatoire.agenda .home-events-item .home-events-body {
        padding-top: 78px;
    }
        .conservatoire.agenda .home-events-item .home-events-body h3 {

        }
            .microfolie.agenda .home-events-item .home-events-body .home-events-link,
            .musee.agenda .home-events-item .home-events-body .home-events-link,
            .conservatoire.agenda .home-events-item .home-events-body .home-events-link {
                color: #000;
            }
                .microfolie.agenda .home-events-item .home-events-body h3::after,
                .musee.agenda .home-events-item .home-events-body h3::after {
                    display: none;
                }

/* Single */
.rte-content .single-events {
    
}
    .single-events .practical-info {
        margin-bottom: 60px;
        padding: 60px;
        background-color: var(--marrontresclair);
    }
    .microfolie .single-events .practical-info {
        border: 1px solid var(--micro-rose);
        border-radius: 10px;
        background-color: transparent;
    }
    .conservatoire .single-events .practical-info {
        background-color: rgba(89,103,115,.1);
    }
    .musee .single-events .practical-info {
        background-color: rgba(209,207,211,.3);
    }
        .single-events .practical-info .practical-info-title {
            display: flex;
            align-items: center;
            font-size: 1.875em;
        }
        .microfolie .single-events .practical-info .practical-info-title {
            color: var(--micro-rose);
        }
        .conservatoire .single-events .practical-info .practical-info-title {
            padding: 0;
        }
            .single-events .practical-info .practical-info-title::before,
            .musee .single-events .practical-info .practical-info-title::after {
                display: none;
            }
            .practical-info-title .fa-circle-info {
                margin-right: 30px;
                font-size: 45px;
            }
        .practical-info .practical-info-item {
            display: flex;
            border-bottom: 1px solid rgba(36,39,43,.3);
            padding: 30px 0;
        }
        .practical-info .practical-info-item:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }
            .practical-info .practical-info-item .practical-info-value {
                display: flex;
                align-items: center;
                margin: 0;
            }
            .practical-info-item .fa-solid {
                width: 100px;
                color: var(--marron);
                font-size: 35px;
            }
            .conservatoire .practical-info-item .fa-solid {
                color: var(--cons-grey);
            }
            .musee .practical-info-item .fa-solid {
                color: var(--musee-blue);
            }
            .microfolie .practical-info-item .fa-solid {
                color: var(--micro-grey);
            }
            .practical-info-item .events-dates {
                max-height: 280px;
                width: 100%;
                overflow: hidden scroll;
            }
                .practical-info-item .events-dates-title {
                    margin-bottom: 10px;
                    font-size: 1.25em;
                }
                .conservatoire .practical-info-item .events-dates-title {
                    color: var(--cons-blue);
                }
                .musee .practical-info-item .events-dates-title {
                    color: var(--musee-dark);
                }
                .microfolie .practical-info-item .events-dates-title {
                    margin-bottom: 10px;
                    color: var(--main);
                }
                    .musee .practical-info-item .events-dates-title::after,
                    .microfolie .practical-info-item .events-dates-title::after {
                        display: none;
                    }
                .rte-content .practical-info-item .list-normal {
                    margin-bottom: 0;
                }
                    .rte-content .practical-info-item .list-normal .date {
                        display: flex;
                    }
                        .practical-info-item .list-normal .time {
                            background-color: transparent;
                        }
                        .musee .practical-info-item .list-normal .time {
                            color: var(--musee-dark);
                        }
                            .conservatoire .practical-info-item .list-normal .time::after {
                                display: none;
                            }
                            .practical-info-item .list-normal .article {
                                margin-right: 5px;
                            }
                        .practical-info-item .list-normal .hour {
                            text-decoration: underline;
                        }
            .practical-info .practical-info-item .organizer-item {
                margin-bottom: 10px;
                padding: 0;
            }
                .practical-info .practical-info-item .organizer-item:last-child {
                    margin-bottom: 0;
                }
    .single-content .btn-previous {/* Commun agenda/actu */
        margin-top: 60px;
        padding: 0;
        color: #000;
        font-size: 1.375em;
        font-weight: 600;
        text-decoration: none;
        box-shadow: none;
    }
    .microfolie .single-content .btn-previous {
        color: #000;
        font-size: 1.25em;
    }
    .conservatoire .single-content .btn-previous,
    .musee .single-content .btn-previous {
        color: #000;
    }
    .musee .single-content .btn-previous {
        color: #000;
        font-size: 1.25em;
    }
        .single-content .btn-previous .fa-arrow-left {
            margin-right: 15px;
            color: var(--marron);
        }
        .microfolie .single-content .btn-previous .fa-arrow-left {
            color: var(--micro-green);
        }
        .conservatoire .single-content .btn-previous .fa-arrow-left {
            color: var(--cons-red);
        }
        .musee .single-content .btn-previous .fa-arrow-left {
            color: var(--musee-blue);
        }


/* 20 = Kiosque */


/* 21 = Actualites */
/* Liste */
.backendlayout-page1colonne .home-news-list .row::after {
    display: none;
}


/* 22 = Phototheque / Galeries */


/* 23 = Videotheque */


/* 24 = Formulaires */
.form-horizontal .control-label {
    font-size: 1.333em;
}
.form-horizontal .form-group .comments {
  background-color: var(--gris);
}
.form-group .control-label > span[aria-hidden="true"] {
    margin-left: 3px;
    color: var(--red);
}
.form-horizontal .captcha .serie input:checked ~ label, 
.form-horizontal .captcha .serie input:focus-visible ~ label {
    border: 2px solid var(--main);
    background-color: var(--white);
    color: var(--dark);
}
/* Erreurs */
.form-horizontal .form-group.has-error {
    padding-left: 15px;
    border-left: 5px solid var(--red);
}
    .form-group .help-block {
        font-style: normal;
    }
    .form-group .error {
        margin-top: 5px;
        font-size: .875em;
    }
        .has-error .error::before {
            margin-right: 5px;
            content: '\f2f0';
            font-size: 1.1666em;
            font-style: normal;
            font-weight: 900;
        }

    .form-horizontal .form-group.has-error .control-label {
      color: var(--red);
    }
    .form-horizontal .captcha.form-group.has-error .control-label {
        color: inherit;
    }
    .has-error .form-control {
        border-color: var(--red);
    }
.input-group-addon:last-child {
    display: none;
}
/*label em,
legend em {color:#f00; display:inline; font-size:1.2em; line-height:1;}
.has-error .help-block,
.form-horizontal .has-error .help-block,
.has-error .control-label,
.has-error .radio,.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {color:#d8355e;}
.has-error .form-control {border-color:#d8355e;}
.has-error .help-block {font-size:1.167em; margin-bottom:0;}*/
.form-horizontal .btn-primary,
.form-horizontal .btn-default.submit {
    display: flex;
    align-items: center;
    min-height: 50px;
    width: fit-content;
    font-size: 1em;
    box-shadow: none;
    outline: none;

    background:var(--main); 
    border:0; 
    border-radius:3px; 
    color:#fff; 
    height:50px;
    margin: 0 auto;
    padding:7px 20px;
}
.form-horizontal .btn-default.submit:is(:focus-visible,:focus,:hover,:active) {
    background: var(--marron);
}
    .form-horizontal .btn-default.submit::before {
        content: "\e20a";
        margin-right: 10px;
        font-weight: var(--fa-style, 900);
    }
/* Correction boutons date */
/*.form-horizontal .form-group .input-group {left:20px; position:relative; width:100%;}
.form-horizontal .help-block {color:#333; font-size:1.167em; margin-bottom:0;}
.form-horizontal .file-uploaded {border:1px solid #ccc; display:block; margin:10px 0 0; padding:5px;}
    .form-horizontal .file-uploaded .file-remove {display:block;}
        .form-horizontal .file-uploaded .file-remove input {margin:0 .5em 0 0; position:relative; top:2px;}
        .form-horizontal .file-uploaded .file-remove label {margin:0;}
.form-horizontal .checkbox .control-label {text-align:left;}*/

/* CAPTCHA */
/*.rte-content .captcha .list-unstyled {font-size:1.5em;}
.rte-content .captcha .list-unstyled li {font-weight:bold;}
.rte-content .captcha .control-label {display:none;}
.rte-content .captcha div.col-md-4,
label[for="tx_artificaform_pi1_captcha"] + div.col-md-4 {margin-left:33.33333333%;}*/
/* Surcharges Bootstrap */
/*select[multiple],
select[size] {font-size:1.167em; height:38px;}
.radio label,
.checkbox label {font-size:1.167em;}*/
/* CAPCHA */
/*.form-horizontal .form-group .control-label.sr-only {background-color: transparent; position:static; width:33.33333%;}
.form-horizontal .form-group .control-label.sr-only + .col-md-4 {
    margin-left: 33.3333333333%;
}
    .form-horizontal .btn-primary.submit {
        margin: 0 auto;
    }
        .form-horizontal .btn-primary.submit .fa-send {
            margin-right: 10px;
        }*/


/* 25 = Moteur de recherche */
/* Infos */
.col-sm-9 .resultsSearch {border-bottom:1px solid #e3e3e3; font-size:1.333em; margin:1em -15px 2em; padding:0 0 1em; text-transform:uppercase;}
    .resultsSearch .wordSearch {color:var(--marron);}
/* Liste */
.startpoint ul.list-unstyled {margin-bottom:10px; overflow:hidden;}
    .startpoint ul li {margin-bottom:40px;}
        .startpoint .rating {display:block; font-size:.625em; margin-bottom:1em; padding:0 0 0 60px; position:relative;}
            .startpoint .rating .bar,
            .startpoint .rating .bar .percent {content:''; display:block; height:6px; left:0; position:absolute; top:5px;}
            .startpoint .rating .bar {background-color:var(--gris); width:50px;}
            .startpoint .rating .bar .percent {background-color:var(--marron); top:0;}
        .startpoint .title {font-size:1.333em; font-weight:600; margin-bottom:10px;}
            .startpoint .title a {color:#333;}
                .startpoint .title a p {
                    margin: 0;
                    font-size: 1em;
                    line-height: inherit;
                }
        .startpoint .lead p {font-size:.6731em; line-height:1.5; margin-bottom:0;}
/* Colonne droite */
.col-md-3 .block {
  background-color: var(--marronclair); 
  margin-bottom:30px; 
  padding:20px; 
  width:100%;
}
    .col-md-3 .block h2 {
    margin-bottom: 10px;
    color: #242424;
    font-size: 1.5em;
    font-weight: 700;
    text-transform: inherit;
    }
        .col-md-3 .block h2::before {
            display: none;
        }
    .colRight .block ul li::before {
        background-color: #242424;
    }
        .colRight .block ul li a {
            color: #242424;
        }

.colRight .blocSearch,
.colRight .blocDate {
    background-color: var(--marronclair); 
    margin-bottom: 30px;
}
    .colRight .blocDate li {padding:0;}
    .colRight .blocSearch h2 {border-bottom:1px solid #e1e1df; font-size:1.333em; margin:0; padding:20px; text-transform:uppercase;}
        #filters .blocSearch ul {margin:0;}
            #filters .blocSearch ul li {border-bottom:1px solid #e1e1df; font-size:.875em; padding:10px 20px;}
                #filters .blocSearch ul li a {color:#333;}
                #filters .blocSearch ul li a.active {color:#000; font-weight:600;}


/* 26 = Plan du site */
.csc-sitemap .rte-content article {margin-bottom:10px;}
    .csc-sitemap .rte-content article ul {background:url("../Img/icons/sitemap-dot.png") 0 bottom repeat-y; margin:0 0 0 3px; padding:10px 0 0; list-style:none outside;}
        .csc-sitemap .rte-content article ul ul {margin:0 0 0 10px; padding:0;}
        .csc-sitemap .rte-content article li {background:url("../Img/icons/sitemap-dot.png") 0 12px repeat-x; display:block; margin-left:1px; padding:0 0 0 10px;}
        .csc-sitemap .rte-content article li::before {display:none;}
            .csc-sitemap .rte-content article a {background:url("../Img/icons/ico-page.png") 5px 6px no-repeat #FFF; color:#333; display:block; font-weight:normal; padding:0 0 15px 25px; font-size:16px; font-weight:bold; line-height:24px; text-transform:uppercase;}
            .csc-sitemap .rte-content article ul ul a {color:#484848; font-weight:normal; text-transform:none;}
                .csc-sitemap .rte-content article ul ul ul a {font-size:13px; font-style:normal;}
    .csc-sitemap .rte-content article a:hover {color:#000; text-decoration:underline;}


/* 27 = Calendrier */


/* 28 = Colonne droite */


/* 29 = Envoyer par mail */
.modal-open .modal {z-index:10000;}
    .modal-open .modal-header {min-height:50px;}
#popup {overflow:hidden; padding:1em;}
    #popup .form-group .text-center {font-size:1.5em;}
    #popup .getpost {color:#999; margin:.5em 0 2em;}


/* 30 = Voxygen */
.voxygen-wrapper {background:url("../Img/vocalisation.svg") no-repeat 0 1px; cursor:pointer; left:auto; padding:0 0 0 25px; position:absolute; right:-135px; top:0; z-index:1;}
.home .voxygen-wrapper {left:auto; right:54px;}
.sansCol .voxygen-wrapper {left:74.5%;}
.sansCol.page-7.level-1 .voxygen-wrapper,
.sansCol.page-75.level-2 .voxygen-wrapper {left:auto; right:15px;}
  #voxygen-handle {color:#000; font-size:1.5em;}

  .vox-widget-outside-viewport.widgetUp,
  .voxygen-wrapper .vox-widget-outside-viewport.widgetUp .vox-widget {top:0 !important}

    .voxygen-wrapper .vox-widget {background-color:var(--gris); border-radius:0; left:-25px; position:absolute; top:-45px; width:200px;}
    .home .voxygen-wrapper .vox-widget {left:-93px; top:-30px;}
    .sansCol.page-7.level-1 .voxygen-wrapper .vox-widget,
    .sansCol.page-75.level-2 .voxygen-wrapper .vox-widget {left:-92px;}
      .vox-box--wrap {border:1px solid var(--gris) !important;}
        .vox-box--wrap .voxbtn {background-color:var(--gris) !important; background-image:url("../img/vwrbtnredS.png") !important;}
        .vox-box--settings.voxbtn {display:none;}
      #voxygen .vox-widget-wrapper .vox-logo {left:-29px; top:-18px;}
      .home #voxygen .vox-widget-wrapper .vox-logo {left:-5px; top:0;}
      .sansCol #voxygen .vox-widget-wrapper .vox-logo {left:-29px;}

.vox-brand,
.vwr-icon-reglages {display:none;}


/* 31 = Galerie */


/* 32 = Slideshow (diaporama) */
.blueimp-gallery>.counter {
    position: absolute;
    bottom: 0; 
    left: 10px;
    opacity:0;
}
    .blueimp-gallery>.counter>span {
        color: #FFF; 
        font-size: 18px; 
        font-weight: 200; 
    }
.diaporama:hover .blueimp-gallery>.counter {opacity:1;}

.blueimp-gallery>.next,
.blueimp-gallery>.prev {border:0; border-radius:0; font-size:50px; font-weight:200; height:50px; left:0; line-height:42px; opacity:1; width:50px;}
.blueimp-gallery>.next {left:auto; right:0;}
.blueimp-gallery>.next:hover,
.blueimp-gallery>.prev:hover,
.blueimp-gallery>.fullScreen:hover {background:rgba(0,0,0,.75);}
.blueimp-gallery>.fullScreen {
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgba(0,0,0,.5); height:50px; opacity:0; position:absolute; right:10px; top:10px; transition:opacity .3s; width:50px;
}
.diaporama:hover .blueimp-gallery>.fullScreen {opacity:1;}
    .blueimp-gallery>.fullScreen::before {color:#fff; content:"\f065"; font-size:24px;}
    .blueimp-gallery>.fullScreen .fa-arrows-alt {
        display: none;
    }
    .blueimp-gallery>.indicator>li {height:50px; width:50px;}

    .diaporama .indicator {height:60px; list-style:none; margin:0 120px 40px; overflow:hidden; padding:0; position:relative;}
        .diaporama .indicator ul {left:0; padding:0; position:absolute; top:0; transition:left .2s ease-in; white-space:nowrap;}
            .diaporama .indicator ul li {cursor:pointer; display:inline-block; margin:0 5px 0 0; padding:0; position:relative;}
                .diaporama .indicator ul li::before {background:transparent; border:2px solid transparent; border-radius:0; bottom:0; content:''; display:block; height:100%; left:0; right:0; top:0; transition:border-color .3s; width:auto;}
                .diaporama .indicator ul li.active::before {border-color:var(--marron);}

    .diaporama .diaporama-controls { position: relative; }
        .diaporama .diaporama-controls>.next,
        .diaporama .diaporama-controls>.prev { border:0; border-radius:0; cursor: pointer; font-size:40px; font-weight:200; height:40px; left:0; line-height:32px; opacity:1; position: absolute; text-align:center; top:0; width:40px; }
        .diaporama .diaporama-controls>.next { left:auto; right: 0; }

/* Liste publications */
.frame-publications .container-filters .filter {
    border-right: 1px solid #dadada;
    width: 20%;
}
.frame-publications .container-filters .filter:first-child {
    border-left: 1px solid #dadada;
    width: 20%;
}
    .frame-publications .label-search {
        margin: 0;
    }
        .frame-publications .container-filters .container-flex .form-control {
            height: 70px;
            margin: 0;
            color: #000;
            font-weight: 700;
        }
        .frame-publications .container-filters .container-flex .form-control::placeholder {
            color: #000;
        }
    .frame-publications .design-select {

    }
        .frame-publications .container-filters .design-select .form-control {

        }
    .frame-publications .button-search {
        border: 0;
        height: 70px;
        width: 100%;
        font-size: 1.5em;
        font-weight: 700;
    }
    .frame-publications .button-search
    .frame-publications .button-search:focus,
    .frame-publications .button-search:active:focus,
    .frame-publications .button-search.active:focus,
    .frame-publications .button-search.focus,
    .frame-publications .button-search:active.focus,
    .frame-publications .button-search.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .frame-publications .btn-reset {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
    }
    /* Liste de fichiers */
    .criteria-total + .files-list {
        margin-top: 20px;
    }
        .files-list .files-item {
            margin-bottom: 20px;
            font-size: 1.33333334em;
        }
        .files-list .files-item:last-child {
            margin-bottom: 0;
        }
            .files-list .files-item .link {
                display: flex;
                padding: 30px;
                background-color: var(--gris);
                color: #333;
                transition: all .3s;
            }
            .files-list .files-item .link:focus,
            .files-list .files-item .link:hover,
            .files-list .files-item .link:active {
                background-color: var(--main);
                color: #fff;
                box-shadow: 0 0 20px rgb(0 0 0 / 10%);
                text-decoration: none;
            }
                .frame-publications .files-list .files-item .link .sgl {
                    position: static;
                    margin-right: 20px;
                    transform: none;
                }
                .frame-publications .files-list .files-item .link:focus .sgl,
                .frame-publications .files-list .files-item .link:hover .sgl,
                .frame-publications .files-list .files-item .link:active .sgl {
                    background-color: var(--marron);
                    color: #fff;
                }
                .frame-publications .files-list .files-item .link .sgl {

                }
                .files-list .files-item .fa-file-download {
                    margin-right: 30px;
                    color: var(--link);
                    font-size: 48px;
                    transition: color .3s;
                }
                .files-list .files-item .link:focus .fa-file-download,
                .files-list .files-item .link:hover .fa-file-download,
                .files-list .files-item .link:active .fa-file-download {
                    color: #fff;
                }
                .files-list .files-item .title {
                    display: block;
                    margin-bottom: 5px;
                    font-size: 1.125em;
                    font-weight: 600;
                    line-height: 1.364;
                }
                .files-list .files-item .infos {
                    display: block;
                    color: #737373;
                    font-size: .875em;
                    line-height: 1.3;
                    transition: color .3s;
                }
                .files-list .files-item .link:focus .infos,
                .files-list .files-item .link:hover .infos,
                .files-list .files-item .link:active .infos {
                    color: #fff;
                }

.blueimp-gallery > .slides > .slide > .slide-content {max-width: 100%; max-height: 100%;}
.blueimp-gallery-carousel {box-shadow:none;}
.diaporama>ul { display: none; } /* Rajout Yann */


/* 33 = Lightbox */
/* Rajouts modal */
.modal-header .close {margin:0; position:absolute; right:15px; top:15px;}
.rte-content .modal-header h4 {margin:0;}


/* 34 = Liste de fichiers */


/* 36 = Media */


/* 41 = Annuaires */
/* Colonne de droite */
.rte-content .directory-list {
    border: 1px solid rgba(0,0,0,.3);
}
.microfolie .rte-content .directory-list {
    border: 1px solid var(--micro-rose);
    border-radius: 10px;
    overflow: hidden;
}
    .directory-list .embed-responsive-16by9 {
        margin: 0;
    }
        .directory-list .geoMap .leaflet-marker-icon {
            filter: invert(13%) sepia(27%) saturate(1289%) hue-rotate(203deg) brightness(100%) contrast(89%);
        }
        .conservatoire .directory-list .geoMap .leaflet-marker-icon {
            filter: invert(13%) sepia(5%) saturate(6857%) hue-rotate(204deg) brightness(99%) contrast(90%);
        }
        .musee .directory-list .geoMap .leaflet-marker-icon {
            filter: invert(20%) sepia(61%) saturate(5830%) hue-rotate(316deg) brightness(87%) contrast(93%);
        }
        .microfolie .directory-list .geoMap .leaflet-marker-icon {
            filter: invert(20%) sepia(61%) saturate(5830%) hue-rotate(316deg) brightness(87%) contrast(93%);
        }
    .directory-list .directory-caption {
        padding: 30px;
    }
        .directory-caption .title {
            color: var(--main);
            font-size: 1.25em;
        }
        .microfolie .directory-caption .title {
            color: var(--micro-rose);
        }
        .directory-caption .address {
            color: #737373;
        }
        .directory-list .directory-caption *:last-child {
            margin-bottom: 0;
        }
.rte-content .col-right .leaflet-touch .leaflet-bar a {
    text-decoration: none;
}
.microfolie .leaflet-touch .leaflet-bar a {
    color: #000;
}


/* 42 = COOKIE CONSENT */
.modal-cookie-consent-body p a {color:#333;}
.modal-cookie-consent-header h2 {color:rgb(42,41,75);}
.modal-cookie-consent-btn-params,
.modal-cookie-consent-btn-params:hover {color:#333;}
.modal-cookie-consent-btn-accept,
.modal-cookie-consent-btn-accept:hover {background-color:rgb(42,41,75); color:#fff;}

.modal-cookie-consent {color:#333;}

.plugin-cookie-consent p label {
    display: block;
    width: 100%;
}
    .plugin-cookie-consent p input {
        height: 28px;
        margin: 0 15px 0 0;
        line-height: 1;
        float: left;
    }


/* 43 = MODALES */
#partagerModal .modal-body .legend {margin-bottom:.5rem;}
#partagerModal .modal-body .btn-default,
#partagerModal .modal-body .btn-default:hover,
#partagerModal .modal-body .btn-default:focus,
#partagerModal .modal-body .btn-default:active {color:#333;}

#partagerModal ul li a {color:var(--marron); display:block; font-size:1rem; font-weight:600; margin-bottom:5px;}
#partagerModal .modal-footer {align-items:center; display:flex;}
    #partagerModal .btn-return-list {color:var(--marron);}
    #partagerModal .btn-default {margin-left:auto;}


/* 46 = Print */
@media print {/* ========================================== CSS Print ========================================== */
body {
    background-color: #fff!important;
    color: #000!important;
    font-family:serif;
    font-size: 12pt;
    margin: auto!important;
    width: auto!important;
}
p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol {
    color: #000!important;
    margin: auto!important;
}
.visible-print {
    display: block;
}

h1, h2, h3, h4, h5, h6,
.carousel .carousel-inner .infos .category,
.listEvents .category,
.carousel .carousel-inner .infos .date,
.listEvents .date,
.rte-content .header .subtitle,
.fiche .date,
.calendar .calendar-title {font-family:serif!important;}

p, blockquote {
    orphans: 3;
    widows: 3;
}
blockquote, ul, ol {
    /*page-break-inside: avoid;*/
}
h1, h2, h3, caption {
    page-break-after: avoid;
}
a {
    color: #000!important;
    text-decoration: underline!important;
}
a[href]:after {
    content:'';
}

.navbar, .social, .button, .navbar-toggle, .colRight, .footer, .artifica-form, .newsletter, .calendar, #myCarousel, .logo .img, .skiplink, .toolBox, img, .image, .image img, figure, .fiche .lieux, .banner .category, noscript, div[data-equalheight="item"] {border:0!important; display:none!important; height:0px!important; margin:0!important; overflow:hidden!important;}

section, .container-fluid, .container {page-break-inside:auto;}

.print {display:block;}

/* Styles par défaut */
body {
    background: white;
    font-size: 8pt;
    }
a:link, a:visited {
    color: #00c;
    font-weight: bold;
    text-decoration: underline; }
#content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
}
h1,h2,h3,h4,h5,h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
}
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; font-variant: small-caps; }
h5 { font-size: 100%; }
h6 { font-size: 100%; font-style: italic; }

.rte-content blockquote::before {display:none;}

div {padding:1pt 0;}

.rte-content .encart p, .rte-content .encartDroite p, .rte-content .encartGauche p, .rte-content .encadreBlanc p, .rte-content .encadreGris p {border:1px solid #000; font-size:1.2em; padding:10px;}
}


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

@media screen and (min-width: 576px) {/* ========================================================= */

/* 05 = HEADER */
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        max-height: calc(100vh - 70px);
    }
    .header-menu .list-group-item .link {
        max-width: inherit;
    }
}

@media screen and (min-width: 768px) {/* ========================================================= */

/* 01 = Reset */
    .row-reverse {
        flex-direction: row-reverse;
    }

/* 05 = HEADER */
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        max-height: calc(100vh - 100px);
    }

/* 06 = ACCUEIL */
    /* Image Header */
    .site-main .site-title {
        margin-bottom: 30px;
        font-size: 2.5em;
    }
    /* Accès rapides */
    .img-header .accesDirects {
        margin-top: 30px;
    }
    /* Actualités - A la une */
    .home-microfolie-news-list .row {
        background: url("../Img/SVG/micro-fond-actus.svg") no-repeat no-repeat 81% 27% / 23% auto;
    }
    .musee .section-home .section-home-title::before {
        /*height: 56px; modifiation taille du titre...
        width: 56px;*/
    }
    /* 1ère actu */
    .home-conservatoire-news-list .home-news-first > .home-news-link {
        width: 420px;
    }
    .microfolie .home-news-item.home-news-first > .home-news-link {
        position: relative;
        overflow: visible;
    }
        .microfolie .home-news-item.home-news-first > .home-news-link::after {
            position: absolute;
            bottom: -13px;
            left: 13px;
            right: -13px;
            top: 13px;
            z-index: 1;
            content: '';
            border-radius: 5px;
            background-color: var(--micro-violet);
        }
        .microfolie .home-news-item.home-news-first > .home-news-link .picture {
            position: relative;
            z-index: 2;
        }
    .home-conservatoire-news-list .home-news-first .home-news-body {
        position: absolute;
        bottom: 40px;
        right: 0;
        top: 40px;
        padding: 20px;
        width: 400px;
        background-color: #fff;
        overflow: hidden;
    }
        .home-conservatoire-news-list .home-news-first .home-body .category {
            position: static;
        }

/* 07 = Page interne */
    /* Page header */
    .conservatoire .page-header .header-page-text {
        /*position: relative;
        margin: 0 auto;
        padding: 60px 30px 30px;
        width: calc(100% - 140px);
        background-color: #fff;*/
        padding: 60px 0 30px;
    }
    .conservatoire .page-header .pageImage .header-page-text {
        top: -90px;
        margin-bottom: -90px;
    }
        .conservatoire .page-header .category {
            position: absolute;
            top: -20px;
        }

/* 09 = Footer */
    /* Partie contact */
    .conservatoire .section-home-contact .section-connect {
        position: relative;
    }
        .conservatoire .section-connect::after {
            position: absolute;
            content:'';
            bottom: 60px;
            right: 0;
            top: 60px;
            width: 1px;
            background-color: rgba(255,255,255,.3);
        }

/* 12 = Breadcrumbs */
    .breadcrumb .separator {
        padding: 0 15px;
    }

}

@media screen and (min-width: 992px) {/* ========================================================= */

/* 01 = Reset */
    /* Bootstrap */
    .navbar-default-transition:not(.navbar-transition), 
    .navbar-inverse-transition:not(.navbar-transition) {
        background-color: #fff!important;
    }

/* 04 = Structure */
    .site-main {
        padding-top: 166px;
    }    

/* 05 = HEADER */
    .site-header {
        height: 166px;
    }
    .site-header.navbar-transition {
        height: 100px;
    }
        .site-header .white-circle {
            margin-left: 60px;
        }
        .site-header .header-right {
            margin-right: 60px;
        }
            .site-header .header-network {
                display: flex;
                align-items: center;
                padding-right: 40px;
            }
                .site-header .header-network .title {
                    display: none;
                }
                .site-header .header-network ul {
                    display: flex;
                }
                    .site-header .header-network .link {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        height: 50px;
                        margin: 0 5px;
                        width: 50px;
                        transition: .3s ease;
                    }
                    .site-header .header-network .list-item:is(:focus, :hover, :active)  .link {
                        transform: translateY(-5px);
                    }
    /* Megamenu */
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        max-height: calc(100vh - 130px);
    }
    /* Logo */
        .site-header .logo {
            height: 110px;
            width: 230px;
        }
        .site-header.navbar-transition .logo {
            height: 80px;
            width: 168px;
        }
        .conservatoire .site-header .logo {
            height: 90px;
            width: 393px;
        }
        .conservatoire .site-header.navbar-transition .logo {
            height: 54px;
            width: 134px;
        }
        .musee .site-header .logo {
            height: 106px;
            width: 240px;
        }
        .musee .site-header.navbar-transition .logo {
            height: 76px;
            width: 172px;
        }
        .microfolie .site-header .logo {
            height: 116px;
            width: 116px;
        }
        .microfolie .site-header.navbar-transition .logo {
            height: 80px;
            width: 80px;
        }

    /* Navigation */
    .navbar-mainnavigation .navbar-collapse {
        left: auto;
        width: 720px;
    }
        .header-menu .navbar-collapse .link {
            padding: 40px;
            font-size: 1.750em;
        }
            .header-menu .dropdown-menu .link {
                padding: 40px 40px 40px 90px;
                font-size: 1.625em;
            }
    .site-header .main-navigation {
        align-items: center;
        border-left: 1px solid #e5e5e5;
        padding-left: 60px;
        height: 86px;
    }
        .site-header .main-navigation .header-search {
            margin-right: 50px;
        }
            .main-navigation .header-search .fa-magnifying-glass {
                font-size: 29px;
            }
            .site-header .main-navigation .search-form {
                height: 166px;
                width: 100%;
            }
                .main-navigation .header-form .input {
                    width: calc(100% - 60px);
                }
                .main-navigation .header-form .search-button {
                    margin-right: 60px;
                }
                .main-navigation .close {
                    margin-right: 69px;
                }
                    .main-navigation .close .fa-xmark {
                        font-size: 42px;
                    }

        .header-menu .navbar-toggler {
            display: flex !important;
        }
            .header-menu .navbar-collapse {
                top: 166px;
                z-index: 1;
                background-color: #fff;
            }
            .site-header.navbar-transition .navbar-collapse {
                top: 100px;
            }
            .navbar-mainnavigation .navbar-collapse:not(.show) {
                display: none !important;
            }

/* 06 = ACCUEIL */
    /* Image Header */
    .site-main .site-title {
        margin-bottom: 60px;
        max-width: 910px;
        font-size: 3.75em;
    }
    /* Accès rapides */
    .img-header .accesDirects {
        margin-top: 60px;
    }
    /* Actualités - A la une */
    .theatre .section-home .section-home-title::before {
        /*bottom: 23px; modifiation taille du titre...
        right: calc(100% + 30px);*/
    }
    .mediatheque .section-home-news .home-news-list,
    .mediatheque .section-home-events .home-events-list {
        margin-top: 135px;
        padding: 30px;
    }
        .mediatheque .section-home .section-home-title {
            margin: 0 -30px 40px;
            padding-bottom: 30px;
            font-size: 2.5em;
        }
    .home-microfolie-news-list .row {
        background: url(../Img/SVG/micro-fond-actus.svg) no-repeat 81% 40% / 25% auto;
    }
    /* 1ère actu */
    .conservatoire .home-news-first > .home-news-link {
        width: 560px;
    }    
    .microfolie .home-news-list .home-news-first {
        gap: 76px;
        margin-bottom: 73px;
    }
    .conservatoire .home-news-first .home-news-body {
        padding: 30px;
        width: 500px;
    }
    .microfolie .home-item .home-body .category {
        padding: 11px 20px;
        font-size: 1.25em;
    }
    .home-microfolie-news-list .home-news-first .home-body .category {
        margin-bottom: 23px;
    } 
    .home-theatre-news-list .home-news-first .home-body .category {
        margin-bottom: 30px;
    }
    .mediatheque .home-news-first .home-news-body .home-news-title {
        font-size: 2em/*2.813em*/;
    }
    .mediatheque .home-item .home-body .category {
        margin-bottom: 30px;
    }
    .mediatheque .home-item .home-mediatheque-events-list .home-body .category {
        margin-bottom: 15px;
    }
    .mediatheque .home-item .home-title {
        font-size: 1.5em/*2em*/;
    }
    /* Agenda */
    .home-theatre-events-list .home-events-body {
        display: flex;
        gap: 30px;
        padding: 30px 30px 30px 0;
    }
        .home-theatre-events-list .home-events-item .date {
            top: -80px;
        }
            .home-theatre-events-list .time .fa-chevron-right {
                margin: 10px 0;
            }
    /* Lien vers site */
    .section-home-link {
        padding: 170px 15px;
    }
        .section-home-link .text {
            font-size: 1.875em;
        }
        .mediatheque .section-home-link .text {
            font-size: 2em;
        }

/* 07 = Page interne */
    /* Encart */
    .musee .rte-content .encart .information-title, 
    .musee .rte-content .frame-encart .information-title {
        margin-bottom: 64px;
        padding-left: 152px;
    }
        .musee .rte-content .encart .information-title::before, 
        .musee .rte-content .frame-encart .information-title::before {
            left: 5px;
            top: -2px;
        }
        .musee .rte-content .encart .information-title::after, 
        .musee .rte-content .frame-encart .information-title::after {
            left: -45px;
            top: -30px;
            height: 100px;
            width: 150px;
        }

/* 09 = FOOTER */
    .footer-top .footer-logo {
        justify-content: flex-start;
        margin-bottom: 0;
    }
    .footer-top .footer_structures_culturelles .title {
        text-align: left;
    }
    .footer-top .footer_structures_culturelles ul {
        align-items: flex-start;
    }
        .footer-top .footer_structures_culturelles .link {
            text-align: left;
        }
    .footer-top .header-network .title {
        text-align: left;
    }
    .footer-top .header-network ul {
        justify-content: flex-start;
    }
        .footer-top .header-network .list-item  {
            margin: 0 40px 0 0;
        }

/* 10 = Sommaire & E-services */
    .navSommaire .summary-row .link {
        padding: 30px;
    }
        .navSommaire .summary-row .link .summary-title {
            font-size: 1.875em;
        }
        .musee .navSommaire .summary-row .link .summary-title {
            margin-bottom: 30px;
            font-size: 1.563em;
        }
        .navSommaire .summary-row .link .abstract {
            font-size: 1.125em;
        }

}

@media screen and (min-width: 1200px) {/* ========================================================= */

/* 01 = Reset */
    .frame-container {
        max-width: 1170px;
    }

/* 05 = HEADER */
    /* Logo */
    .site-header .site-subtitle {
        display: flex;
        align-items: center;
        margin-left: 60px ;
    }
    /* Megamenu */
    .navbar-fixed-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        max-height: calc(100vh - 130px);
    }

/* 06 = ACCUEIL */
    /* Actualités - A la une */
    .home-microfolie-news-list .row {
        background: url(../Img/SVG/micro-fond-actus.svg) no-repeat 81% 36% / 25% auto;
    }
    /* 1ère actu */
    .conservatoire .home-news-first > .home-news-link {
        width: 670px;
    }
    .conservatoire .home-news-first .home-news-body {
        position: absolute;
        bottom: 60px;
        right: 0;
        top: 60px;
        padding: 40px 45px;
        width: 600px;
        background-color: #fff;
        overflow: hidden;
    }

}

@media screen and (min-width: 1400px) {/* ========================================================= */


}

@media screen and (max-width:1399px) { /* MAX WIDTH */ /* ========================================================= */


}

@media screen and (max-width:1199px) {/* ========================================================= */

/* 09 = Footer */
    /* Partie contact */
    .section-home-contact .section-connect {
        padding-right: 50px;
    }
    .section-home-contact .section-contact {
        padding-left: 50px;
    }

/* 06 = ACCUEIL */
    /* Flash info */
        .section-flash-info .flashinfo-title {
            padding-left: 0;
        }

/* 07 = Page interne */
    /* RTE */
    .site-main .rte-content {
        padding: 45px 15px;
    }

}

@media screen and (max-width:991px) {/* ========================================================= */

/* 05 = HEADER */
    /* Navigation */
    .navbar-fixed-top .navbar-collapse.show, 
    .navbar-fixed-bottom .navbar-collapse.show {
        overflow-y: auto;
    }
    .header-menu .navbar-collapse .link-icon::before {
        margin-right: 20px;
        width: 30px;
        font-size: 24px;
    }    
    .header-menu .dropdown-menu .link {
        padding: 13px 15px 13px 40px;
        font-size: .875em;
    }

/* 06 = Accueil */
    /* Image Header */
    .site-main .img-header {
        min-height: 400px;
    }
    /* Flash info */
    .section-flash-info .container {
        padding-bottom: 30px;
        padding-top: 30px;
    }
        .section-flash-info .flashinfo-title,
        .theatre .section-flash-info .flashinfo-title {
            font-size: 1.5em;
        }
            .section-flash-info .flashinfo-title::before {
                bottom: 10px;
                width: 35px;
            }
    /* Actualités - A la une */
    .home-news-first .home-news-body .home-news-title {
        margin-bottom: 15px;
        font-size: 1.875em;
        line-height: 1.4;
    }
    .conservatoire .home-news-item .home-news-title {
        font-size: 1.5em;
    }
    .musee .home-news-first .home-news-body .home-news-title {
        font-size: 1.5em;
    }
    /* Agenda - Les prochains événements */
    .time .date-start, 
    .time .date-end {
        height: 60px;
        width: 60px;
    }
        .home-events-item .day-number {
            font-size: 1.5em;
        }
        .home-events-item .month {
            font-size: 1.125em;
        }

/* 07 = Page interne */
    /* Page header */
    .site-main .page-header {
        padding: 30px 0;
    }
        .page-header .section-share {
            margin-bottom: 30px;
        }
        .agenda .page-header .section-share {
            display: none;
        }
        .page-header .page-title {
            font-size: 2.5em;
        }
        .page-header .lead {
            margin-bottom: 30px;
            font-size: 1.125em;
        }
    /* RTE */
    .rte-content h1, 
    .rte-content h2, 
    .rte-content .element-header:last-child {
        margin-bottom: 35px;
        font-size: 2.5em;
    }
        .rte-content h2::before {
            bottom: -10px;
        }
    .rte-content h3 {
        margin-bottom: 20px;
        font-size: 1.5em;
    }
    .rte-content h4 {
        margin-bottom: 30px;
        font-size: 1.125em; 
    }
        .rte-content h4::before {
            bottom: -5px;
        }
    .rte-content .frame-encart {
        padding: 25px;
    }
        .rte-content .encart .information-title, 
        .rte-content .frame-encart .information-title {
            padding-left: 60px;
            font-size: 1.5em;
        }
            .rte-content .encart .information-title::before, 
            .rte-content .frame-encart .information-title::before {
                top: 3px;
                height: 23px;
                width: 46px;
            }
        .rte-content .frame-encart .frame-header .element-header {
            margin-bottom: 35px;
            padding-left: 100px;
        }

/* 08 = Colonne droite */
    .rte-content .col-left {
        padding-bottom: 40px;
    }

/* 25 = Moteur de recherche */
    .col-md-3 .block {
        padding: 10px;
    }
        .col-md-3 .block h2 {
            font-size: 1.125em;
        }
        .col-md-3 .block ul li, 
        .col-md-3 .block ol li {
            padding: 5px 0;
        }
            .colRight .block ul li::before {
                top: 14px;
            }

}

@media screen and (max-width:767px) {/* ========================================================= */

/* 02 = Taille de texte globale */
    .btn-info, 
    .btn-secondary {/* Commnu */
        height: 50px;
        padding: 10px 20px;
        font-size: 1.125em;
    }

/* 06 = Accueil */
    /* Image Header */
    .site-main .img-header {
        min-height: 320px;
    }
        .site-main .site-title {
            max-width: 370px;
        }
        /* Recherche */
        .site-main .pageRecherche {
            width: 90%;
        }
            .pageRecherche .rechercheChamp {
                height: 50px;
                width: calc(100% - 60px);
            }
            .musee .pageRecherche .rechercheChamp {
                width: calc(100% - 60px);
            }
            .pageRecherche .rechercheButton {
                height: 50px;
                width: 60px;
            }
                .microfolie .pageRecherche .rechercheButton .fa-regular::before {
                    height: 40px;
                    width: 40px;
                    font-size: 18px;
                }
    /* Flash info */
    .section-flash-info .container {
        padding-bottom: 30px;
        padding-top: 30px;
    }
        .section-flash-info .flash-info-title {
            margin-bottom: 2em;
            font-size: 1.25em;
        }
            .section-flash-info .flash-info-title::before {
                width: 30px;
            }
    /* Actualités - A la une */
    .section-home-news .home-news-list {
        padding-top: 40px;
    }
    .theatre .section-home-news .home-news-list {
        padding-bottom: 40px;
    }
        .section-home .section-home-title {/* Commun */
            margin-bottom: 50px;
            font-size: 2em;
        }
            .section-home .section-home-title::before {
                left: calc(50% - 45px);
                width: 90px;
            }
        .home-news-list .row {
            padding-bottom: 10px;
        }
            /* 1ère actu */
            .home-news-list .home-news-first {
                flex-direction: column;
            }
                .home-news-first > .home-news-link,
                .home-news-first .home-news-body {
                    width: 100%;
                }
                .home-news-item:not(.home-news-first) .home-news-link,
                .home-news-item.home-news-first > .home-news-link {
                    margin-bottom: 15px;
                }
                .conservatoire .home-news-item:not(.home-news-first) .home-news-link,
                .conservatoire .home-news-item.home-news-first > .home-news-link {
                    margin-bottom: 0;
                }
                    .home-news-first .home-news-body .home-news-title,
                    .home-item .home-title {
                        font-size: 1.5em;
                        line-height: 1.2;
                    }
            /* Autres */
            .home-item .home-body .category {
                font-size: 1.125em;
            }
    /* Agenda - Les prochains événements */
    .section-home-events .home-events-list {
        padding-bottom: 80px;
        padding-top: 40px;
    }
        .home-item .home-body .category .fa-regular {
            margin-right: 5px;
        }

/* 18 = Agenda */
    /* Single */
    .single-events .practical-info {
        margin-bottom: 30px;
        padding: 20px;
    }
        .single-events .practical-info .practical-info-title {
            align-items: flex-start;
            margin-bottom: 20px;
            font-size: 1.5em;
        }
            .practical-info-title .fa-circle-info {
                margin-right: 20px;
                font-size: 30px;
            }
        .practical-info .practical-info-item {
            padding: 20px 0;
        }
            .practical-info-item .fa-solid {
                width: 60px;
                font-size: 30px;
            }
            .practical-info-item .events-dates-title {
                font-size: 1.125em;
            }
            .rte-content .practical-info-item .list-normal {
                padding: 0 0 0 15px;
                font-size: 1em;
            }
                .rte-content .practical-info-item .list-normal .date::before {
                    left: -15px;
                    top: 12px;
                }
                .rte-content .practical-info-item .list-normal .date {
                    padding: 5px 0;
                    line-height: 1.2;
                }

/* 09 = Footer */
    /* Partie contact */
    .section-home-contact {
        background: linear-gradient(180deg, rgba(159,143,104,.2) 50%, rgba(42,41,75,1) 50%);
    }
    .microfolie .section-home-contact {
        background: var(--micro-violet);
        background: linear-gradient(180deg, rgba(61,39,111,1) 50%, rgba(84,155,155,1) 50%);
    }
        .section-home-contact .section-connect,
        .section-home-contact .section-contact {
            padding: 30px 15px;
        }
            .section-home-contact .contact-title {
                font-size: 1.5em;
            }
            .section-home-contact .contact-p {
                margin-bottom: 15px;
                font-size: 1em;
            }

}

@media screen and (max-width:576px) {/* ========================================================= */

/* 07 = Page interne */
    /* Page header */
    .site-main .page-header {
        padding: 30px 15px;
    }
}

@media screen and (max-width:480px) {/* ========================================================= */

/* 06 = Accueil */
    /* Image Header */
    .site-main .img-header {
        min-height: 200px;
    }
        .site-main .site-title {
            font-size:1.125em;
        }
}


/* SURCHARGES BOOTSTRAP TYPO ======================================================================================================================= */
@media (min-width: 576px) {
    h2, .h2 {
        font-size: 1.75rem;
    }
}
@media (min-width: 768px) {
    h2, .h2 {
        font-size: 1.925rem;
    }
}
@media (min-width: 992px) {
    h2, .h2 {
        font-size: 2.1rem;
    }
}
@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2.275rem;
    }
}