/* 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 = Page sans colonne           */
/* 18 = Agenda                      */
/* 19 = Habillage accueil           */
/* 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 = 404                         */
/* 36 = Media                       */
/* 37 = Profils                     */
/* 38 = Plus de sites               */
/* 39 = Compte                      */
/* 40 = Commentaires                */
/* 41 = Annuaires                   */
/* 42 = Cookie Consent              */
/* 43 = MODALES                     */
/* 44 = ChatBot                     */
/* 45 = Élections                   */
/* 46 = Print                       */
/*                                  */
/************************************/


:root {/* À mettre en premier dans les CSS ! */
    --bleufonce: #2a294b;
    --marron: #9f8f68;

    --gristexte: var(--marron);
    --grisclair: #edede8;
    --red: red;
}


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

/* 00 = Font face */
/* SGL / police d'icônes */
@font-face {
    font-family:'sgl';
    /*src:url('../Fonts/sgl.eot');
    src:url('../Fonts/sgl.eot?d2vhyd#iefix') format('embedded-opentype');*/
    src:local('☺'),
        url('../Fonts/sgl.woff') format('woff'),
        url('../Fonts/sgl.ttf') format('opentype'),
        url('../Fonts/sgl.svg#sgl') format('svg');
    font-weight:normal;
    font-style:normal;
}
.sgl,
.calendar .ui-datepicker .ui-datepicker-current-day::before,
.content blockquote::before,
.container-filters .ir::before,
.layout-single .content .colRight .place::before,
.colRight .bloc .list-unstyled .link::before,
.home .selecteur::before,
.directories .address::before,
.coordonnees .email::before,
.coordonnees .phone::before,
.coordonnees .web::before,
.singleDirectories .col-lg-3 .list-unstyled a::before,
.has-error .error::before {
    font-family:'sgl'; 
    speak:none;
    /* Enable Ligatures ================ */
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i.sgl {font-style:normal; font-weight:normal;}

/* Quicksand */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.home .content .actuAll,
.profils .grey .actuAll,
.home .content .eventsAll,
.home .images .allKiosque,
#wrap .plusdesitesLink,
.home .container-fluid .allNumerique,
.profils .container-fluid .allNumerique,
.home .content .listActu .category .selected a,
.home .listActu ul.listing .category,
.calendar .ui-datepicker .ui-datepicker-title,
.calendar .ui-datepicker th,
.buttons .btn,
.connectes .linksConnected a,
.breadcrumb,
.breadcrumb a p,
.breadcrumb .last p,
.listAgenda .category,
.container-filters .btn,
.container-filters .totalresults b,
.container-filters .totalresults span
.listActu .category,
.content p.lead,
.colRight .pagesSoeurs li a,
.colRight .bloc .list-unstyled .link .fileTitle,
.date .container time,
.navEservices .level2 .linkLevel2,
.accesDirects li a,
.col-sm-9 .resultsSearch,
.plusdesites .content h2,
.plusdesites .content a,
.toolBox .dropdown-menu .texte,
.layout-single .dateColright,
.layout-single .content .colRight .addEvents,
.layout-single .content .colRight .reservation,
.sommaireProfils a,
.barResults .total,
.trombinoscope .shortText,
.fiche .lieux .title,
.moreFilters,
.content .rteContent .bouton,
.content ul li::before,
.blueimp-gallery>.next,
.blueimp-gallery>.prev,
.comment-list .comment-pseudo,
.singleDirectories .col-lg-8 .list-unstyled span,
.singleDirectories .col-lg-3 .inscription,
.comment-list .comment-admin-barre .button-simple,
.home-list-news .bodytext .category,
.home-list-agenda .bodytext .category,
.home-list-news .bodytext .abstract,
.home-list-agenda .bodytext .abstract,
.form-horizontal .form-title,
#form-fieldset-captcha legend {font-family:'Quicksand',Arial,Helvetica,sans-serif; font-weight:700;} /* BOLD */

.calendar .ui-datepicker td,
.breadcrumb .last,
.date .container,
.home .listAgenda .date,
.home .listAgenda .lieux,
.home .content .listActu .abstract,
.menuFooter li a,
.startpoint .lead p,
.layout-single .dateColright .separator,
.directoryList .directories,
.singleDirectories .col-lg-3 .list-unstyled {font-family:'Quicksand',Arial,Helvetica,sans-serif; font-weight:400;} /* REGULAR */

/*.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',Arial,Helvetica,sans-serif; font-weight:300;} /* LIGHT */

/* Open Sans */
.image .caption,
.content p,
.content ul,
.content ol {font-family:'Open Sans',Arial,Helvetica,sans-serif;}

/* Font Awesome */
.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 {font-family:'FontAwesome';}

/* 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;}
  .content .list-unstyled { margin:0 -15px; padding:0;}
  @media (min-width: 1200px) {
    .sansCol .container {max-width:1400px; width:100%;}
  }
.sr-only { /* Pour Asqatasun */
    background-color: #fff;
    color: #000;
}
/* Surcharge Typo3 */
.image > img, 
.image a > img,
.image picture img, 
.image a > picture img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* 02 = Taille de texte globale */
html {font-size:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {color:#000; font:0.75em 'Quicksand',Arial,Helvetica,sans-serif; font-weight:400; height:100%; -webkit-font-smoothing:antialiased;}

/* 03 = Styles globaux */
a {color:#fff; text-decoration:none;}
a:hover,
a:focus,
a:visited {color:#fff; text-decoration:none;}
.content a.external-link-new-window {background:url("../Img/icons/ico-link.gif") no-repeat right center; padding-top:1px; padding-right:15px;}
.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:#edede8; overflow:hidden; padding:30px;}
.encadreBlanc {background-color:#fff;} 
.encart,
.encartGauche {/*border-left:5px solid var(--bleufonce);*/}
.encart,
.encadreBlanc,
.encadreGris {margin:0 0 2em;}
.encartGauche {float:left; margin:0 2em 2em 0; width:295px;}
.encartDroite {/*border-right:5px solid var(--bleufonce);*/ float:right; margin:0 0 2em 2em; width:295px;}
.encadreBlanc,
.encadreGris {border:1px solid var(--marron);}
    .content .encart p,
    .content .encartDroite p,
    .content .encartGauche p,
    .content .encadreBlanc p,
    .content .encadreGris p {/*font-size:1.833em;*/ line-height:1.273;}
    .content .encart p:last-child,
    .content .encartDroite p:last-child,
    .content .encartGauche p:last-child,
    .content .encadreBlanc p:last-child,
    .content .encadreGris p:last-child {margin:0;}
    .content .encart h3,
    .content .encartDroite h3,
    .content .encartGauche h3,
    .content .encadreBlanc h3,
    .content .encadreGris h3 {font-size:1.5em; text-transform:uppercase;}


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

.pdf {background:url("../Img/icons/ico-pdf.png") no-repeat left top;}
.jpg, .png, .gif {background:url("../Img/icons/ico-img.png") no-repeat left top;}
.doc {background:url("../Img/icons/ico-doc.png") no-repeat left top;}
.xls {background:url("../Img/icons/ico-xls.png") no-repeat left top;}
.ppt {background:url("../Img/icons/ico-ppt.png") no-repeat left top;}
.mp3, .flv {background:url("../Img/icons/ico-file.png") no-repeat left top;}
.ico-rss {background:url("../Img/icons/ico-rss.gif") no-repeat left top; display:block; line-height:19px; padding-left:33px;}
.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:#EDEDE8; 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 --- */
.content .alert {font-size:1.5em; margin-top:1em;}

/* 04 = Structure */
#wrap {min-height:100%; overflow:hidden; position:relative;}
.home #wrap {overflow:visible;}
.content > .row > .col-sm-9 {padding-right:30px;}
/* Tailles polices */
.typo_size1 .container-fluid .content {font-size:100%;}
.typo_size2 .container-fluid .content {font-size:120%;}
.typo_size3 .container-fluid .content {font-size:140%;}

/* 05 = Header */
/* Logo */
.header .logo {float:left; position:relative; z-index:4;}
    .header .logo a {
        display:flex;
        align-items: flex-start;
        gap: 10px;
        margin:15px 0 0 30px;
    }
    .home .header .logo a {
        /*margin:30px 0 30px 40px;*/
    }
    .home .refonte .header .logo a {
        /*margin: 15px 0 0 30px;*/
    }
    .home .header:hover .logo a {
        /*margin:15px 0 15px 40px;*/
    }
    .home .refonte .header:hover .logo a {
        /*margin: 10px 0 9px 40px;*/
    }
        .header:hover .logo a {}
        .logo img {
            height: auto; 
            width: 56px;
        }
        .logo .img-2 {
            width: 62px;
        }
        /*.home*/ .logo img {transition:width .3s; /*width:100px;*/}
        .home .logo .img {
            /*margin-right: 20px;*/ /* + ou - 40 pixels */
            /*width: 59px;*//*width:100px*/;
        }
        .home .refonte .srollpage .logo .img {
            /*margin: 0px 20px 0px 0px;
            width: 60px;*/
        }
        .home .logo .img-2 {
            /*margin-top: -3%;
            width: 69px;*/
            /*position: relative;
            top: -5px;
            left: 40px;*/
        }
        .home .refonte .srollpage .logo .img-2 {
            /*width: 41px;*/           
        }
        .srollpage .logo .img {
            width: 31px;
        }
        .srollpage .logo .img-2 {
            width: 33px;
        }

/* Navigation */
.header .navPrincipal {
    /*position:relative; 
    z-index:1; Casse l'affichage du header et du moteur de recherche... */
}
    .header .navPrincipal > .list-unstyled {
        /*margin:0 auto; 
        width:850px;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header .navPrincipal li {float:left;}  
        .header .navPrincipal li a {color:#fff; display:block; 
            font-size:1.833em; 
            font-weight:bold; line-height:1; text-transform:uppercase;}

    .navPrincipal .container-fluid.blue {background:none; float:right; margin:0; padding:0; position:relative; text-align:inherit; width:33%; z-index:1001;}
        .navPrincipal .container-fluid.blue .container {width:100%;}
            .navPrincipal .blue .title {display:block; font-size:1.125em; font-weight:bold; margin:10px 0 30px; padding:0 0 10px; position:relative;}
            .navPrincipal .blue .title::before {background-color:var(--marron); bottom:0; content:''; height:3px; position:absolute; top:30px; width:50px;}
            .navPrincipal .blue .accesDirects {display:block;}
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a {border:0; font-size:.75em; padding:12px 0 12px 60px; text-align:inherit; text-transform:none;}
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a:hover,
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a:focus,
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a:active {
                    background-color: transparent!important;
                }
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a::after {display:none;}
                .header .navPrincipal .dropdown-menu .blue .container .accesDirects li:hover a {color:var(--marron)!important;}
                    .header .navPrincipal .dropdown-menu .blue .container .accesDirects li a .sgl {left:0; top:10px; -webkit-transform:inherit; transform:inherit;}

/* Icônes droite entête */
.header .right {float:right; width:125px;}
.refonte .header .right {
    display: flex;
    align-items: center;
    height: 80px;
    width: auto;
}
.home .header.refonte .right {/* REFONTE 2020 */
    display: none;
}
.home .header.refonte .accueilvisible {/* REFONTE 2020 */
    display: block;
}
    #wrap .refonte .plusdesitesLink {/*REFONTE 2020*/
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 20px;
        top: 20px;
        z-index: 9999999;
        border-radius: 3px;
        height: 40px;
        width: 130px;
        background-color: rgba(0,0,0,.5);
        font-size:1.167em;
        transition: background-color .3s ease-in-out;
    }
    #wrap .refonte .plusdesitesLink:hover {
        background-color: rgba(0,0,0,1);
    }
        #wrap .refonte .plusdesitesLink .fa-chevron-down {/*EFFACER REFONTE 2020*/
            margin-left: 5px;
        }
    .header .right .frame {padding:0;}
    .refonte .header .right .frame {/* REFONTE 2020 */
        display: flex;
        justify-content: center;
        margin-right: -60px;
        width: 80px;
        transition: margin-right .3s ease-in-out;
    }
    .refonte .header .right.accueilvisible .frame {
        margin-right: 0;
    }
    /*BOUTON ACCESSIBILITE 2020*/

    .header .artifica-form {border:0; cursor:pointer; float:left; height:55px; margin:15px 0 0 0; padding:0; overflow:hidden; text-indent:5em; transition:all 0.5s; width:55px;}
    .refonte .header .artifica-form {/* REFONTE 2020 */
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
        .header .artifica-form > .sgl,
        .header .artifica-form > a > .sgl {color:#fff; display:block; font-size:20px; left:auto; position:relative; right:44px; top:17px;}
        .ie11 .header .artifica-form > .sgl,
        .refonte .header .artifica-form > .sgl {
            position: static;
            text-indent: 0;
        }
        .firefox .refonte .header .artifica-form > .sgl {
            padding-left: 20px;
        }
        .ie11 .header .artifica-form > a > .sgl {right:70px;}
        .header .artifica-form legend,
        .header .artifica-form label,
        #query {display:none;}

        .header .artifica-form .white {background-color:var(--bleufonce); display:block; height:80px; left:0; margin:0; overflow:hidden; position:fixed; right:0; top:-80px; transition:all 0.3s ease-in; width:100%; z-index:3;}
        .header .artifica-form.on .white {/*height:110px; left:0; width:100%;*/}
        .refonte .header .artifica-form.on .white {
            top: 0;
        }
        .header .artifica-form .white .glyphicon-remove {cursor:pointer; height:50px; left:auto; position:absolute; right:15px; top:15px; transition:all 0.5s ease-in; width:50px;}
        .refonte .header .artifica-form .white .glyphicon-remove {
            /*top: 15px;*/
        }
        .header .artifica-form.on .white .glyphicon-remove {
            /*right:30px;*/
        }
        .refonte .header .artifica-form.on .white .glyphicon-remove {
            right: 15px;
            top: 15px;
        }
        .header .artifica-form .white .glyphicon-remove::before {/*border:2px solid #fff; border-radius:50%;*/ content:''; height:50px; left:0; position:absolute; top:0; width:50px;}
            .header .artifica-form .white .fermer {color:#fff; font-size:18px; left:auto; position:absolute; right:16px; top:16px;}

        .header .artifica-form .rechercheChamp {
            display:none;
            align-items:center;
            position:absolute;
            left:33%;
            top:-100px; 
            border:0; 
            border-radius:4px; 
            height:50px;
            padding:0 25px;  
            width:33%;
            background: #fff url("../Img/loupe.svg") no-repeat right 17px top 15px;
            background-size: 18px 18px;
            color:#737373; 
            font-size:1.5em; 
            font-weight:normal;
            cursor:pointer;  
            text-indent:0; 
            white-space:nowrap;
        }
        .header .artifica-form .rechercheChamp::-webkit-input-placeholder {color:#737373;}
        .header .artifica-form .rechercheChamp::-moz-placeholder {color:#737373;}
        .header .artifica-form .rechercheChamp:-ms-input-placeholder {color:#737373;}
        .header .artifica-form .rechercheChamp:-moz-placeholder {color:#737373;}
        .header .artifica-form.on .white .rechercheChamp {display:flex;}
        .refonte .header .artifica-form .rechercheChamp {
            top: 15px;
        }
        .header .artifica-form .rechercheChamp:focus {outline:none;}
        .header .artifica-form .rechercheOK {background:none; border:0; border-radius:50%; height:50px; left:calc(66% - 50px); overflow:hidden; position:absolute; text-indent:20em; top:-100px; transition:all 0.5s ease-in; width:50px; z-index:20;}
        .refonte .header .artifica-form .rechercheOK {
            top: 15px;
        }
        .refonte .header .artifica-form.off .rechercheOK {
            top: -65px;
        }            
            .header .artifica-form .rechercheOK .sgl {color:var(--bleufonce); font-size:24px; left:12px; position:absolute; text-indent:0; top:6px;}


        .header .artifica-form.on .rechercheOK {
            top: 15px;
        }
            .header .artifica-form .rechercheOK .sgl {
                display: none;
            }

        .refonte .header .header-toolbox,
        .refonte .header .header-toolbox:hover,
        .refonte .header .header-toolbox:focus,
        .refonte .header .header-toolbox:active {
            border: 0;
            height: 80px;
            margin-right: -160px;
            width: 80px;
            background: url("../Img/accessibilite.svg") no-repeat center center;
            background-size: 28px auto;
            outline: none;
            transition:all 0.5s ease-in;
        }
        .refonte .header .header-toolbox {
            display: none;
        }
        .refonte .header .accueilvisible .header-toolbox {
            margin-right: 0;
        }

.header .lang {/*float:left; margin:15px 0 0;*/display:none;} /* EN ATTENDANT */
    .header .lang .subMenu {display:-webkit-flex; display:flex;flex-direction:column-reverse;}
        .header .lang .current {order:1;}
            .header .lang a {background-color:var(--bleufonce); display:none; font-size:1.333em; font-weight:bold; height:55px; line-height:1; padding:20px 0 0; text-align:center; text-indent:0; text-transform:uppercase; width:55px;}
            .home .header .lang a {background-color:transparent;}
            .header .lang .current a,
            .header .lang .langHover:hover a {display:block;}



/* 06 = Accueil */
body.home {color:#fff;}
.home {height:100%; overflow-x:hidden;/* IMPORTANT pour l'animation ! */}
    .home #wrap {height:100%;}/*ENLEVER REFONTE 2020*/
        .home .container-fluid {height:100%; margin:0; padding:0; position:relative; width:100%;}/*ENLEVER REFONTE 2020*/
        .home .container-fluid.refonte {height: auto; margin:0; padding:0; position:relative;}/*REFONTE 2020*/

            .home .container-fluid .intro,/*ENLEVER REFONTE 2020*/
            .home .container-fluid .accueil,
            .home .container-fluid .content {position:relative;}
            .home .container-fluid .intro {background-color:var(--bleufonce); display:-webkit-flex; display:flex; flex-direction:column; height:100%; justify-content:center; text-align:center; width:100%; z-index:9999;} /*ENLEVER REFONTE 2020*/
            .home .refonte .container-fluid .intro {/*ENLEVER REFONTE 2020*/
                display: none;
            }                
                .ie11.home .container-fluid .intro .imgIntro {height:80%; left:25%; position:absolute; top:10%; -webkit-transform:translateX(-50%;); transform:translateX(-50%;); width:50%;}/*ENLEVER REFONTE 2020*/

            .home .container-fluid .content {background-color:#fff; color:#737373; height:auto; padding:150px 0 180px; z-index:1;}
            .home .container-fluid.refonte .content {/*REFONTE 2020*/
                padding: 0;
            }
                .home .container-fluid .content a {color:#000;}
                .home .content a[href^="http"] {background:none; padding:0;}

    .container-fluid .pageScreen {background-color:var(--bleufonce); border:0; width:100%;}
    .container-fluid .content {min-height:290px; word-wrap:break-word;}
    .scrollmagic-pin-spacer {z-index:1}

/* À la une */
.home .home-list-news,
.home .home-list-agenda {
    position: relative;
    padding: 70px 20px 60px;
    text-align: center;
}
    .home .home-list-news-title,
    .home .home-list-agenda-title,
    .images .home-list-kiosque-title,
    .home .refonte .connectes .connectes-title {
        position: absolute;
        left: calc(50% + 30px);
        top: 70px;
        margin: 0;
        color: #000;
        font-size: 3em;
        text-transform: uppercase;
    }
        .home .home-list-news-title::before,
        .home .home-list-agenda-title::after,
        .home .home-list-agenda-title::before,
        .home .home-list-kiosque-title::after,
        .home .home-list-kiosque-title::before,
        .home .refonte .connectes .connectes-title::after,
        .home .refonte .connectes .connectes-title::before {
            content: '';
            position: absolute;
            left: calc(100% + 20px);
            top: 50%;
            height: 1px;
            width: 50px;
            background-color: #000;
        }
    .home-list-news .home-news-item,
    .home-list-agenda .home-agenda-item {
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .home-list-news .item-first-news {
        margin-bottom: 60px;
    }
        .home-list-news .item-first-news .link {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
            .item-first-news .link .figure {
                margin-bottom: 0;
            }
            .refonte .item-first-news .link .figure {
                margin-bottom: 15px;
            }
            .item-first-news .link .figure,
            .item-first-news .link .bodytext {
                width: calc(50% - 30px);
            }
            .home-list-news .figure,
            .home-list-agenda .figure {
                margin-bottom: 15px;
            }
            .home-list-news .link .bodytext,
            .home-list-agenda .link .bodytext {
                text-align: left;
            }
                .home-list-news .bodytext .category,
                .home-list-agenda .bodytext .category {
                    color: var(--marron);
                    font-weight: bold;
                    text-transform: uppercase;
                }
                .home-list-news .bodytext .title,
                .home-list-agenda .bodytext .title {
                    font-size: 1.5em;
                    margin-bottom: 0;
                    line-height: 30px;
                }
                .home-list-news .bodytext .abstract,
                .home-list-agenda .bodytext .abstract {
                    margin-bottom: 0;
                    color: #737373;
                    font-size: 1em;
                    font-weight: 400;
                    line-height: 1.5;
                }
                .home-list-news .bodytext .abstract {
                    padding-top: 5px;
                }
    .home .refonte .home-list-news .link-news-list,
    .home .refonte .home-list-agenda .link-agenda-list {
        color: #fff;
    }

/* Agenda */
.home .refonte .home-list-agenda {
    border-top: 1px solid #dadada;
    padding: 60px 20px 90px;
    font-size: 1em;
}
    .home-list-agenda .home-list-agenda-title,
    .images .home-list-kiosque-title,
    .home .refonte .connectes .connectes-title {
        display: inline-block;
        position: relative;
        left: 0;
        top: 0;
        margin-bottom: 70px;
    }
        .home .home-list-agenda-title::after,
        .images .home-list-kiosque-title::after,
        .home .refonte .connectes .connectes-title::after {
            left: auto;
            right: -60px;            
        }
        .home .home-list-agenda-title::before,
        .images .home-list-kiosque-title::before,
        .home .refonte .connectes .connectes-title::before {
            left: -60px;
        }
    .home .refonte .home-list-agenda .link-agenda-weekend {
        border: 1px solid #dadada;
        margin-right: 30px;
        max-width: inherit;
        background-color: transparent;
    }


/* Gabarit */
.container-fluid .header {background-color:var(--bleufonce); height:100px; left:0; position:fixed; top:0; width:100%; z-index:9999; /* ex z-index:5 */}
.container-fluid.refonte .header {
    height: 80px;
}
.home .container-fluid .header {background-color:transparent; /*height:auto;*/ /*transition:background-color .3s*/}
.home .container-fluid.refonte .header.srollpage {
    background-color: var(--bleufonce);
}

#navbar-main-collapse {/*CORRECTION CLIGNOTEMENT MENU SURVOL*/
    height: 1px!important;
}
    .home .container-fluid .header .navbar-collapse.collapse {}
    .home .container-fluid .header:hover,
    .home .header:hover .lang a {background-color:var(--bleufonce)!important;}
    .home .container-fluid .header:hover {
        height: 80px;
    }
    /*.home*/ .container-fluid .header:hover .logo img {width:56px;}/*EFFACER REFONTE 2020*/
    /*.home*/ .container-fluid.refonte .header:hover .logo img,
    /*.home*/ .refonte .srollpage .logo .img {
        height: 42px;
        width: 31px;
        /*height: 60px;
        width: 47px;*/
    }
    .home .container-fluid.refonte .header:hover .logo .img-2,
    .home .refonte .srollpage .logo .img-2 {
        height: 45px;
        width: 33px;
    }

/* Contenu intro */
.container-fluid .accueil {height:100%; z-index:1;}
.refonte.container-fluid .accueil {/*REFONTE 2020*/
    height: 580px;
}
    .home .container-fluid.refonte .accueil::before {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        content:'';
        height: 160px;
        background: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
    }
    /* Flash info *//*ENLEVER REFONTE 2020*/
    .accueil .flashInfo {background-color:rgb(42, 41, 75); border-bottom:1px solid #fff; margin:0 auto 25px; padding:1em .5em; position:relative; top:-1em; width:820px;}
        .accueil .flashInfo p {font-size:1.5em; margin:0;}    
    /*.accueil .flashInfo {border-bottom:1px solid #fff; margin-bottom:25px; padding:0 0 1em;}
        .flashInfo .carousel-inner {height:34px;}
            .carousel-inner > .item {}
                .flashInfo .carousel-caption {bottom:-20px; left:0; padding:0; right:auto; text-align:left; top:auto; white-space:nowrap;}
                    .flashInfo .carousel-caption p {font-size:1.5em; margin:0;}*/
    /* Carousel Infos *//*REFONTE 2020*/
    .refonte .container-fluid.info {
        height: auto;
        min-height: 120px;
        background-color: #edede8;
        color: #000;
    }
        .refonte .info .info-title {
            position: absolute;
            bottom: 0;
            top: 0;
            z-index: 1;
            display: block;
            margin-bottom: 0;
            padding: 30px 0 0 58px;
            width: 200px;
            background: #edede8;
            font-size: 2em;
            text-transform: uppercase;
        }
            .refonte .info .info-title::before {
                position: absolute;
                left: 0;
                top: 42px;
                content: '';
                height: 1px;
                width: 50px;
                background-color: #000;
            }
        .refonte .container-fluid.info .carousel {
            height: 150px;
            padding-left: 200px;
            overflow: visible;
        }
            /*.home .refonte .info .carousel-control {
                top: auto;
                height: 50px;
                width: 50px;
            }
                .home .refonte .info .carousel-control:hover {
                    color: #000;
                }
                .home .refonte .info .carousel-control.left {
                    left: 0;
                } 
                .home .refonte .info .carousel-control.right {
                    left: 50px;
                }
                    .home .refonte .info .carousel-control.left::before, 
                    .home .refonte .info .carousel-control.right::before {
                        position: static;
                        height: 24px;
                        margin: 0;
                        width: 24px;
                    }
                    .home .refonte .info .carousel-control.left:hover::before, 
                    .home .refonte .info .carousel-control.right:hover::before {
                        background-color: inherit;                        
                    }
                    .home .refonte .info .carousel-control.left:hover::before {
                        background-image: url('../Img/ic_arrow-left.svg');
                    }
                    .home .refonte .info .carousel-control.right:hover::before {
                        background-image: url('../Img/ic_arrow-right.svg');
                    }*/
            .refonte .container-fluid.info .carousel .carousel-indicators {
                opacity: 1;
            }
                .refonte .container-fluid.info .carousel .carousel-indicators li {
                    border: 1px solid var(--marron);
                }
                .refonte .container-fluid.info .carousel .carousel-indicators .active {
                    background-color: var(--marron);;
                }
        .home .refonte .info .container .carousel-inner > .item {
            height: 150px;
            padding: 30px 0 30px 20px;
            width: 100%;
        }
            .home .refonte .info .text {
                padding: 0 200px 0 20px;
            }
                .refonte .info .carousel p {
                    font-size: 1.333em;
                    line-height: 24px;
                }
                    .refonte .info .carousel p a {
                        color: #95865f;
                        font-weight: bold;
                    }
                .refonte .info .carousel .info-link,
                .refonte .home-list-news .link-news-list,
                .refonte .home-list-agenda .link-agenda-list,
                .refonte .home-list-agenda .link-agenda-weekend,
                .refonte .images .link-kiosque-list {
                    display: inline-flex;
                    align-items: center;
                    border-radius: 3px;
                    height: 50px;
                    padding: 0 20px;
                    max-width: 150px;
                    background-color: var(--marron);
                    font-size: 1.5em;
                    font-weight: 700;
                    text-transform: uppercase;
                    transition: background-color .3s ease-in-out;
                    white-space: nowrap;
                }
                .refonte .info .carousel .info-link:hover,
                .refonte .home-list-news .link-news-list:hover,
                .refonte .home-list-agenda .link-agenda-list:hover,
                .refonte .home-list-agenda .link-agenda-weekend:hover,
                .refonte .images .link-kiosque-list:hover {
                    background-color: #000;
                    color: #fff;
                }
                .refonte .info .carousel .info-link {
                    position: absolute;
                    bottom: 30px;
                    right: 20px;
                }


    /* sectionForm */
    .accueil .sectionForm {height:70px; margin:0 auto 20px; position:relative; width:820px;}
    .refonte .accueil .sectionForm {/* REFONTE 2020 */
        display: flex;
        justify-content: center;
        height: 60px;
        width: 770px;
        /*box-shadow: 0 0 5px rgba(0,0,0,.2);*/
    }
        .accueil .sectionForm .searchHome {position:absolute; top:-100px;}
        .sectionForm .pageRecherche {
            background-color:#fff; 
            border-radius:4px; 
            /*float:left;*/ 
            height:60px; 
            padding:17px 22px; 
            position:relative; 
            width:560px;
            overflow: hidden;
        }
        .refonte .sectionForm .pageRecherche {/* REFONTE 2020 */
            background-color: rgba(255,255,255,.9);
            width: 570px;
        }
            .sectionForm .legendForm,
            .sectionForm label[for="sword"] {display:none;}
            .sectionForm .rechercheChamp {border:0; color:#000; font-size:1.5em; /*line-height:1;*//*Bug hauteur iPhone*/ width:450px;}
            .refonte .sectionForm .rechercheChamp {/* REFONTE 2020 */
                background-color: transparent;
            }
            .sectionForm .rechercheChamp:focus {outline:none;}
            .sectionForm .rechercheChamp::-webkit-input-placeholder {color:#737373;}
            .sectionForm .rechercheChamp::-moz-placeholder {color:#737373;}
            .sectionForm .rechercheChamp:-ms-input-placeholder {color:#737373;}
            .sectionForm .rechercheChamp:-moz-placeholder {color:#737373;}
            .sectionForm .rechercheOK {background-color:#fff; border:0; height:60px; left:auto; position:absolute; right:0; text-indent:10em; top:0; width:66px;}
            .refonte .sectionForm .rechercheOK {/* REFONTE 2020 */
                border-right: 1px solid #d9d9d9;
                background-color: transparent;
            }
            .sectionForm .pageRecherche .sgl {color:#000; font-size:18px; left:auto; position:absolute; right:24px; top:22px; z-index:1;}

        /* Profils */
        .sectionForm .profils {float:right; width:260px;}
        .refonte .sectionForm .profils {
            width: 200px;
        }
            .sectionForm .profils .btn {background-color:rgb(42,41,75); border:2px solid #fff; border-radius:0; border-bottom-right-radius:4px; border-top-right-radius:4px; font-size:1.5em; font-weight:bold; height:60px; padding:17px 22px; text-align:inherit; width:100%;}
            .refonte .sectionForm .profils .btn {/* REFONTE 2020 */
                border: 0;
                background-color: rgba(255,255,255,.9);
                color: #333;
                text-transform: uppercase;
            }
            .sectionForm .profils .btn .caret {border:0; font-size:8px; height:8px; left:auto; position:absolute; right:30px; text-transform:initial; top:28px; width:13px;}
            .sectionForm .profils .btn:hover,/* ENLEVER REFONTE 2020 */
            .sectionForm .profils .btn:focus,
            .sectionForm .profils .btn.focus {color:#fff;}
            .refonte .sectionForm .profils .btn:hover,
            .refonte .sectionForm .profils .btn:focus,
            .refonte .sectionForm .profils .btn.focus {/* ENLEVER REFONTE 2020 */
                color: #333;
            }
            .sectionForm .profils .dropdown-menu {border:0; border-radius:0; font-size:1.5em; left:auto; margin:0px 0 0; padding:0; right:0; width:260px;}
                .sectionForm .profils .dropdown-menu > li > a:hover,
                .sectionForm .profils .dropdown-menu > li > a:focus {background-color:var(--marron);}

    /* Accès rapides */
    .accueil .accesDirects {clear:both; margin:0 auto; width:820px;}
    .refonte .accueil .accesDirects {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }        
        .accesDirects li {float:left; font-size:1.333em;}
            .accesDirects li a {background-color:#000; border-radius:3px; display:block; font-weight:bold; line-height:1; margin:0 15px 10px 0; padding:17px 18px 18px 60px; position:relative; text-indent:0;}
            .refonte .accesDirects li a {
                margin: 0 5px 10px;
                padding: 12px 18px 12px 50px;
                transition: background-color .3s ease-in-out;
            }
            .refonte .accesDirects li a:hover {
                background-color: #000!important;
            }
                .accueil .accesDirects li a .sgl {left:13px; top:10px; -webkit-transform:inherit; transform:inherit;}
                .accesDirects li a .sgl {font-size:30px; font-weight:normal; left:50%; position:absolute; top:25px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
                .refonte .accesDirects li a .sgl {
                    top: 8px;
                    font-size: 24px;
                }


    #networks {left:50%; margin:0 0 0 -30px; position:absolute; top:40px;}
        #networks .list-networks {}
            #networks .list-networks .item-networks {margin:0; opacity:1; width:auto;}
                #networks .list-networks .link {background-repeat:no-repeat; background-position:center center; background-size:auto 30px; border-radius:50%; display:block; height:60px; width:60px; z-index:1;}
                #networks .list-networks .link1 {}
                #networks .list-networks .link2 {}
                #networks .list-networks .link3 {}
                #networks .list-networks .link4 {}
                #networks .list-networks .link5 {}
                #networks .list-networks .link6 {}  

    .accueil .linkSection,
    .content .linkSection,
    .images .linkSection {bottom:70px; display:block; font-size:3em; font-weight:bold; line-height:1; margin:0; position:absolute; text-align:center; text-transform:uppercase; top:auto; width:100%; z-index:1;}
    .images .linkSection {
        left: 50%;
        display: inline-block;
        margin: 0 auto;
        width: auto;
        background-color: var(--bleufonce);
        transform: translateX(-50%);
    }
    .accueil .linkSection {animation-name:scroll-button; animation-duration:2s; animation-iteration-count:infinite;}
    .accueil .linkSection::before,
    .content .linkSection::before,
    .images .linkSection::before {background-color:#fff; bottom:-120px; content:""; height:100px; left:50%; position:absolute; top:auto; width:1px;} 

    @keyframes scroll-button {
        0%      {-webkit-transform:translateY(0); transform:translateY(0);}
        50%     {-webkit-transform:translateY(5px); transform:translateY(5px);}
        100%    {-webkit-transform:translateY(0); transform:translateY(0);}
    }

/* En ce moment */
/* Actus */
.home #accueil {left:0; position:absolute; top:50.05%;} /* Départ animation scrollMagic menu top */
.home .content .listActu .list-unstyled {display:flex; font-size:1em; margin-bottom:40px; overflow:hidden; padding:0;}   
.home .content .listActu .listing {height:420px;}
    .home .content .listActu .list-unstyled .col-lg-4 {height:420px; max-height:420px;}
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(1) {padding:0 20px 0 0;}
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(2) {padding:0 10px;}
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(3) {padding:0 0 0 20px;}

    @media (max-width:1320px) {
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(1),
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(2),
    .home .content .listActu .list-unstyled .col-lg-4:nth-child(3) {padding:0 15px;}
    }
        .home .content .listActu .list-unstyled .loading {}

            .home .listActu ul.listing .center-block {margin-bottom:20px;}
            .home .listActu ul.listing .category {color:var(--marron); display:block; font-size:1em; line-height:1; margin-bottom:.5em; text-transform:uppercase;}
            .home .listActu .title {font-size:1.875em; margin-bottom:.25em;}
            .home .content .listActu .abstract {font-size:1em;}

.home .content .actuAll,/*EFFACER REFONTE 2020*/
.home .content .eventsAll,
.home .images .allKiosque,
#wrap .plusdesitesLink,/*EFFACER REFONTE 2020*/
.home .container-fluid .allNumerique,
.profils .container-fluid .allNumerique,
.profils .grey .actuAll {font-size:1.125em; left:auto; position:absolute; right:60px; text-transform:uppercase; top:50%; transition:right 0.3s;} 
#wrap .plusdesitesLink {font-size:1.5em; right:80px; z-index:2;}/*EFFACER REFONTE 2020*/
.home .content .actuAll:hover,
.home .content .eventsAll:hover,
.home .images .allKiosque:hover,
.home .container-fluid .allNumerique:hover,
.profils .container-fluid .allNumerique:hover,
.profils .grey .actuAll:hover {right:40px;}
.home .content .actuAll::before,
.home .content .eventsAll::before,
.home .images .allKiosque::before,
#wrap .plusdesitesLink::before,/* ENLEVER REFONTE 2020*/
.home .container-fluid .allNumerique::before,
.profils .container-fluid .allNumerique::before,
.profils .grey .actuAll::before {background-color:#000; content:""; height:1px; left:auto; position:absolute; right:-80px; top:50%; width:70px;}
#wrap .plusdesitesLink::before {background-color:#fff;}/* ENLEVER REFONTE 2020*/
#wrap .refonte .plusdesitesLink::before {display:none;}/* ENLEVER REFONTE 2020*/

.home #wrap .plus,/* ENLEVER REFONTE 2020*/
.footer .plus,
.profils  #wrap .plus {background:rgba(159,143,104,0); border-radius:50%; display:block; float:left; height:25px; margin:-2px 2px 0 0; text-align:center; transition:background .3s; width:25px;}
#wrap a:hover .plus {background:rgba(159,143,104,1); color:#fff;}

.home .content .listActu ul.category {font-size:1.125em; line-height:1; margin-bottom:35px; text-align:center; text-transform:uppercase;}
    .home .content .listActu ul.category li {display:inline-block; padding:25px;}
        .home .content .listActu ul.category li a {background:none; font-weight:500; padding:0; transition:color .3s;}
        .home .content .listActu ul.category li a:hover {color:var(--marron);} 
        .home .content .listActu ul.category .selected a {color:#000; position:relative;}
        .home .content .listActu ul.category .selected a::before {background-color:var(--marron); content:''; display:block; height:2px; left:0; position:absolute; top:28px; width:100%;}

/* Agenda */
.home .separatorEvents {border-top:1px solid #dadada; padding-top:65px;}
    .home .listAgenda {margin-bottom:1em; overflow:hidden; padding:0;}
        .home .listAgenda .list-unstyled {font-size:1em;}
            .home .listAgenda li {border-bottom:1px solid #dadada; overflow:hidden; padding-top:30px;}
            .home .listAgenda li:first-child {padding-top:0;}
                .home .listAgenda .img-responsive {float:left; height:auto; margin:0 30px 30px 0; width:170px;}
                    .home .listAgenda .category {color:var(--marron); font-size:1em; text-transform:uppercase;}
                    .home .listAgenda .title {clear:none; font-size:1.5em; margin-bottom:0;}
                    .home .listAgenda .date {font-size:1em;}
                        .home .listAgenda .date .dateStart,
                        .home .listAgenda .date .dateEnd {display:inline-block;}

/* Calendrier */
.listAgenda .col-lg-5 .calendar {background-color:#edede8; padding:30px; width:470px;}

.calendar .ui-widget {font-size:1em;} /* // CSS Voxygen */
.calendar .ui-widget-content,
.calendar .ui-widget-header {background:none; border:0; width:100%;}
    .calendar .ui-datepicker .ui-datepicker-title {font-size:1.5em; line-height:1;}
    .calendar .ui-datepicker .ui-datepicker-prev,
    .calendar .ui-datepicker .ui-datepicker-next {height:50px; width:50px;}
    .calendar .ui-datepicker .ui-datepicker-prev-hover {left:2px; top:2px;}
    .calendar .ui-datepicker .ui-datepicker-next-hover {right:2px; top:2px;}
        .calendar .ui-datepicker .ui-datepicker-prev span,
        .calendar .ui-datepicker .ui-datepicker-next span {height:100%; left:0; margin:0; top:-12px; width:100%;}

        .calendar .ui-datepicker .ui-datepicker-prev span::before,
        .calendar .ui-datepicker .ui-datepicker-next span::before {background:url("../Img/ic_arrow-left.svg") no-repeat center center; background-size:12px 21px; content:''; display:block; /*font-size:1.917em;*/ height:23px; left:16px; position:absolute; /*text-indent:0;*/ top:14px; width:12px;}
        .calendar .ui-datepicker .ui-datepicker-next span::before {background-image:url("../Img/ic_arrow-right.svg");}

        .calendar .ui-datepicker .ui-state-disabled.ui-datepicker-prev span, 
        .calendar .ui-datepicker .ui-state-disabled.ui-datepicker-next span {display:none;}
            .calendar .ui-widget-header .ui-icon {background-image:none;}
            .calendar .ui-corner-all {background:none; border:0; border-radius:0; cursor:pointer; margin-bottom:2em;}
            .calendar .ui-datepicker .ui-datepicker-title {margin:0 auto;}
            .calendar .ui-widget-header .ui-icon-circle-triangle-w,
            .calendar .ui-widget-header .ui-icon-circle-triangle-e {background:none;}

    .calendar  .ui-datepicker table {border:0; font-size:1.125em;}
        .calendar  .ui-datepicker thead {font-size:1em;}
            .calendar .ui-datepicker th,
            .calendar .ui-datepicker td {border:0; padding:8px 0; position:relative; text-align:center;}
            .calendar .ui-datepicker th {color:#000;}

    .calendar .ui-datepicker .ui-datepicker-current-day,
    .calendar .ui-datepicker .ui-datepicker-selected-day {position:relative;}
    .calendar .ui-datepicker .ui-datepicker-current-day::before {color:var(--marron); content:'\e95c'; font-size:40px; left:9px; position:absolute; top:3px;}
        .calendar .ui-datepicker .ui-datepicker-selected-day a {font-weight:bold;}
    .calendar .ui-state-disabled,
    .calendar .ui-widget-content .ui-state-disabled,
    .calendar .ui-widget-header .ui-state-disabled {opacity:1;}
        .calendar .ui-state-default,
        .calendar .ui-widget-content .ui-state-default,
        .calendar .ui-widget-header .ui-state-default {background:none; border:0; color:#000; text-align:center;}
        .calendar .ui-datepicker .ui-datepicker-current-day .ui-state-default {color:#fff; font-weight:normal; position:relative; z-index:1;}
        .calendar .ui-datepicker a:hover::before {border:2px solid var(--marron); border-radius:50%; color:transparent; content:'\e95c'; font-size:38px; height:40px; left:9px; position:absolute; top:3px; width:40px;}
        .calendar .ui-datepicker a.ui-state-active:hover::before,
        .calendar .ui-datepicker .ui-datepicker-header a:hover::before {display:none;}

    /* Boutons */
    .calendar .buttons {text-align: center;}
    .listAgenda .calendar .buttons .btn,
    .kiosque .item .text .buttons .btn {background-color:#edede8; border:2px solid #000; border-radius:3px; font-size:1.125em; height:50px; line-height:35px; margin-right:10px; padding:6px 12px; transition:all .3s;}
    .listAgenda .calendar .buttons .btn:hover,
    .kiosque .item .text .buttons .btn:hover,
    .connectes .frame.linksConnected a:hover,
    .profils .newsletter .link:hover {background-color:#000; border-color:#000; color:#fff;}
    .calendar .buttons .btn {margin:0 5px;}
    .content .linkSection::before {background-color:#000;}

/* En images */
/* Gallerie d'images */
.home .container {overflow:hidden;} /* Sinon bug bas de page... */
.home .listRecords {overflow:hidden;}
    .home .listRecords h2 {height:0;}
    .listRecords .list-unstyled {}
        .listRecords .list-unstyled li {float:left; overflow:hidden; position:relative; width:20%;}
            .listRecords .list-unstyled li a[href^="http"] {background:none; padding:0;}
            .listRecords .list-unstyled li a::before {background-color:rgba(159,143,104,1); bottom:0; content:''; left:0; opacity:0; position:absolute; right:0; top:0; transition:opacity .3s; z-index:2;}
            .listRecords .list-unstyled li:hover a::before {opacity:0.8;}
                .listRecords .list-unstyled li .absolute {left:50%; height:100%; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:auto; z-index:1;}
                .listRecords .list-unstyled li:nth-child(1) .absolute,
                .listRecords .list-unstyled li:nth-child(2) .absolute,
                .listRecords .list-unstyled li:nth-child(3) .absolute {max-height:100%; max-width:inherit; width:auto;}
                .listRecords .list-unstyled li .title {font-size:2em; font-weight:700; left:50%; opacity:0; position:absolute; text-align:center; top:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:opacity .3s; width:100%; z-index:10;}
                .listRecords .list-unstyled li .type {display:block; height:50px; left:50%; opacity:0; position:absolute; top:37.5%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:opacity .3s; width:50px; z-index:10;}
                .listRecords .list-unstyled li .sgl {font-size:50px; text-align:center;}
                .listRecords .list-unstyled li:hover .title,
                .listRecords .list-unstyled li:hover .type {opacity:1;}

/* Kiosque */
.home .images .kiosque {padding:50px 0;}/*ENLEVER REFONTE 2020*/
    .home .container-fluid .images,/*ENLEVER REFONTE 2020*/
    .profils .container-fluid .images {background-color:#edede8; border-bottom:320px solid var(--bleufonce); position:relative; z-index:1;}
    .home .refonte.container-fluid .images {/*REFONTE 2020*/
        border: 0;
    }

    .home .container-fluid .images::before {background:url(../Img/ville-internet.png) no-repeat 0 0; background-size:150px auto; bottom:-260px; content:''; display:block; height:57px; left:50%; margin-left:185px; opacity:.2; position:absolute; top:auto; width:150px;}

    .profils .container-fluid .images::before {background:url("../Img/ville-internet.png") no-repeat 66% 200px; background-size:150px auto; bottom:-320px; content:''; display:block; height:320px; opacity:.2; position:absolute; top:auto; width:100%;}

        .kiosque .carousel-inner {height:425px;}
            .home .container .carousel-inner > .item {padding:0 0 0 235px;}
                .kiosque .item figure {float:left; margin-right:100px;}
                .kiosque .item .text {color:#000; float:left; max-width:290px; word-wrap:break-word;}
                    .kiosque .item .text .title {font-size:2em; line-height:1; margin:40px 0 .25em;}
                    .kiosque .item .text .subtitle {display:block; font-size:1.333em; margin-bottom:.5em;}
                    .kiosque .item .text .buttons {padding-top:40px; position:relative;}   
                    .kiosque .item .text .buttons::before {background-color:var(--marron); content:''; display:block; height:2px; left:0; position:absolute; top:0; width:50px;} 
                        .kiosque .item .text .buttons .btn {color:#000; font-size:1.5em;}

        /*EFFACER REFONTE 2020*/
        .home .container .carousel-control {font-size:4em; opacity:1; width:16.66666667%;}
            .home .container .left::before,
            .home .container .right::before {background:url("../Img/ic_arrow-left.svg") no-repeat center center; background-size:19px 35px; border-radius:50%; color:#000; content:''; display:block; height:50px; left:50%; line-height:.8em; margin:-29px 0 0 -15px; padding:0; position:absolute; text-shadow:none; top:50%; width:50px;}

            .home .container .left:hover::before,
            .home .container .right:hover::before {background-color:var(--marron); background-image:url("../Img/ic_arrow-left-white.svg");} 
            .home .container .right:hover::before {background-image:url("../Img/ic_arrow-right-white.svg");} 
            .home .container .left::before {}
            .home .container .right::before {background-image:url("../Img/ic_arrow-right.svg");}
    .home .images .allKiosque,
    .home .container-fluid .allNumerique,
    .profils .container-fluid .allNumerique {bottom:260px; color:#000; font-size:1.5em; top:auto;}

        .images .linkSection {bottom:-250px;}

.home .refonte .images .kiosque,
.home .container-fluid.refonte .connectes {
    padding: 50px 0 60px;
    text-align: center;
}
    .images .home-list-kiosque-title {
        margin-bottom: 60px;
    }
    .refonte .images .kiosque .row {
        margin-bottom: 50px;
    }
        .refonte .kiosque .figure {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            min-height: 245px;
            margin: 0 auto 10px;
            width: 170px;
        }
        .refonte .kiosque .title {
            font-size: 1.333em;
            color: #000;
        }

/* Restez connecté */
.home .container-fluid .connectes,/*EFFACER REFONTE 2020*/
.profils .container-fluid .connectes {background-color:#fff; color:#000; overflow:hidden; padding:100px 0 60px; position:relative; z-index:1;}
    .connectes .linksConnected {float:left; width:33.33%;}/*EFFACER REFONTE 2020*/
    .refonte .connectes .linksConnected {
        float: none;
        width: 25%;
    }
        .connectes .linksConnected h2 {font-size:2em; line-height:1; margin-bottom:20px;}/*EFFACER REFONTE 2020*/
        .connectes .frame.linksConnected a,
        .profils .newsletter .link,
        .content .rteContent .bouton,
        .fiche .reservation,
        .comment-list .beuser-admin-barre .button-simple,
        .singleDirectories .backlink,
        .directoryList .backlink {background-color:var(--marron); border:0; border-radius:3px; display:inline-block; font-size:1.5em; line-height:20px; margin-bottom:2em; min-height:50px; padding:15px 20px; text-align:center; transition:all .3s; vertical-align:middle;}
    .connectes .follow .widgetExt {float:left; padding:10px 0 24px; width:33.33%;}
        .follow .widgetExt .fa {font-size:2.5em; margin-right:15px;}
        .follow .widgetExt .fa-dailymotion {background:url("../Img/dailymotion.svg") no-repeat center center; background-size:30px 30px; display:inline-block; height:30px; width:30px;}
        .follow .widgetExt .number {font-size:1.333em; font-weight:bold; position:relative; top:-4px;}
.home .container-fluid .allNumerique,
.profils .container-fluid .allNumerique {bottom:inherit; color:#000; top:50%;}

.home .refonte .connectes .connectes-title {
    margin-bottom: 0;
}
.home .refonte .connectes .subtilte {
    margin: 10px 0 60px;
    text-transform: uppercase;
}
.refonte .connectes .home-net {
    margin-bottom: 60px;
}
    .home-net .widgetExt {
        display: flex;
    }
        .home-net .widgetExt .col-lg-3 {
            min-height: 100%;
            padding: 0 15px;
            text-align: left;
        }
        .home-net .widgetExt.loading {
            height: 265px;
        }
            .home-net .widgetExt .col-lg-3 a {
                display: block;
                height: 100%;
                overflow: hidden;
            }
            .refonte .col-lg-3 .twitter-tweet {
                height: 100%;
                padding: 15px 20px 40px;
                background-color: #edede8;
                position: relative;
            }
                .refonte .widgetExt .col-lg-3 p {
                    margin: 0;
                    font-size: 1.167em;
                    line-height: 20px;
                }
                .refonte .twitter-tweet .twitter-tweet-text {
                    height: 100%;
                }
                .refonte .twitter-tweet .twitter-tweet-date,
                .refonte .youtube-abstract .youtube-date,
                .refonte .instagram-abstract .instagram-date {
                    position: absolute;
                    bottom: 10px;
                    left: 20px;
                    color:#737373;
                }
                    .refonte .home-net .fa {
                        position: static;
                        margin-right: 10px;
                        font-size: 14px;
                    }
                    .refonte .twitter .fa-twitter {
                        color: #1da1f2;
                    }
            .refonte .youtube-abstract,
            .refonte .instagram-abstract {
                position: absolute;
                bottom: 0;
                left: 15px;
                right: 15px;
                padding: 15px 20px 40px;
                background-color: #edede8;
                color: #000;
            }
                .refonte .youtube-abstract .youtube-date {

                }
                    .refonte .youtube .fa-youtube-play {
                        color: #da2525;
                    }
                .refonte .instagram-abstract {
                    background-color: transparent;
                }
                    .refonte .instagram-abstract .instagram-date {
                        color: #fff;
                    }
                        .refonte .instagram .fa-instagram {
                            color: #fff;
                        }
                .home-net .widgetExt .col-lg-3 .img-responsive {
                    max-width: inherit;
                }

/* Twitter */
.twitter .twitter-tweet p {font-size:1.333em;}
.twitter-tweet .twitter-tweet-user {color:#000;}
.twitter-tweet .twitter-tweet-text {margin-bottom:1em;}
    .twitter-tweet .twitter-tweet-text .link {color:var(--marron); font-weight:500;}
    .home-net .twitter-tweet .twitter-tweet-text .link {
        height: auto;
    }
.twitter-tweet .twitter-tweet-date {color:#737373; float:left;}/*REFONTE 2020*/
    .twitter-tweet .twitter-tweet-actions {float:right;}
        .twitter-tweet .twitter-tweet-action {display:inline-block;}            
            .twitter-tweet-action .winOpen span {background-position:center center; background-repeat:no-repeat; background-size:auto 12px; display:inline-block; float:left; height:12px; width:30px;}
            .twitter-tweet-action .winOpen .u-hiddenVisually {background:none; color:#aab8c2; float:right; width:auto;}
            .twitter-tweet-action-heart .u-hiddenVisually {margin-left:-5px;}
            .twitter-tweet-action .twitter-tweet-action-reply span {background-image:url("../Img/reply-action.gif");}
            .twitter-tweet-action .twitter-tweet-action-retweet span {background-image:url("../Img/retweet-action.gif");}
            .twitter-tweet-action .twitter-tweet-action-heart span {background-image:url("../Img/like-action.gif");}

/* Carrousel Owl-plusdesites (voir globlas.js en bas de fichier pour les détails du carrousel) */
.home .owl-plusdesites {
    position: relative;
}
    .owl-plusdesites .owl-stage {
        display: flex;
    }
        .connectes .owl-plusdesites .plusdesites-link {
            color: #000;
            width: auto;
        }
        .owl-plusdesites .owl-prev,
        .owl-plusdesites .owl-next {
            position: absolute;
            left: 0;
            top: 39px;
            height: 22px;
            width: 16px;
            color: #000;
            font-size: 24px;
            cursor: pointer;
            overflow: hidden;
            text-indent: 200%;
        }
        .owl-plusdesites .owl-prev.disabled,
        .owl-plusdesites .owl-next.disabled {
            display: none;
        }
        .owl-plusdesites .owl-next {
            left: auto;
            right: 0;
        }
            .owl-plusdesites .owl-prev::before,
            .owl-plusdesites .owl-next::before {
                position: absolute;
                left: 0;
                top: 0;
                color: #000;
                text-indent: 0;
            }
            .owl-plusdesites .owl-prev::before {
                content: '\f053';
            }
            .owl-plusdesites .owl-next::before {
                content: '\f054';
            }


/* 07 = Page interne */
.content .container-fluid {font-size:1.333em;}
#wrap .spaceTop {/*REFONTE 2020*/
    padding: 80px 0 0;
}
    .spaceTop .banner {/*margin-bottom:70px;*/ min-height:350px; position:relative; text-align:center;}
        .banner .titleHeader {color:#fff; font-size:5em; left:50%; margin-left:-585px; max-width:1170px; position:absolute; text-align:center; text-shadow:0 0 4px rgba(0,0,0,.5); text-transform:uppercase; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; z-index:2;}
            .banner figure {height:350px; overflow:hidden;}
            .pagesanscolonne .banner figure {}
            .spaceTop .banner figure::before {background-color:rgba(0,0,0,.5); content:''; display:block; height:100%; position:absolute; width:100%; z-index:1;}
            .pagesanscolonne .banner .illustration {margin-bottom:0;}
            .banner img {display:block; margin:0 auto; max-width:100%; width:100%;}
            .banner figure img {height:100%; max-width:inherit; width:auto;}
    .content p.lead {font-size:2.5em; font-weight:400;}        
    .image .caption {border-bottom:1px solid #ddd; color:#737373; font-size:1.167em; line-height; padding:18px 0;}
    .search .content a[href^="http"] {background-image:none; padding:0;}
.content .colRight {margin-top:70px;}

/* RTE */
.content .banner .subtitle {font-size:4em; margin:0;}
.content h1,
.content h2 {font-size:2.5em; margin-bottom:40px;}
.content h2 span {font-size:.8em; text-transform:uppercase;}/* Sous-titre de bloc */
.content h3 {font-size:2em; margin-bottom:25px;}
.content h4 {font-size:1.5em; margin-bottom:1em;}
.content p {font-size:1.5em; line-height:1.333; margin:0 0 40px;}
.content a {color:var(--marron);}
.content blockquote {background-color:#edede8; font-size:inherit; margin:40px 0; padding:30px; position:relative; text-align:center;}
.content blockquote::before {color:var(--marron); content:'\e95b'; font-size: 60px; left:50px; position:absolute; top:-20px;}
    .content blockquote p {color:#333; margin-bottom:20px; padding:0 60px;}
    .content blockquote p:last-child,
    .content blockquote ul:last-child,
    .content blockquote ol:last-child {margin-bottom:0;}
        .content blockquote p cite {display:block; font-size:1.5em; font-weight:bold;}

.content ul,
.content ol {clear:both; font-size:1.333em; line-height:1.5; margin-top:0; margin-bottom:12px; padding:0 0 1em 40px;}
.content ul {list-style:none; padding:0 0 1em 80px;}
.content ul ol {padding: 0 0 1em 20px;}
    .content ul li,
    .content ol li {list-style:inherit;}
    .content ul li {padding:8px 0; position:relative;}
        .content ul li::before {background:var(--marron) url("../Img/ic_arrow-right-white.svg") no-repeat center center; background-size:7px 11px; border-radius:50%; /*color:#fff;*/ content:'';/*content:'>';*/ /*font-size:16px;*/ height:30px; left:-54px; /*line-height:24px;*/ position:absolute; text-align:center; top:5px; width:30px;}
        .content ul ol li::before {display:none;}
        .content ul.list-unstyled li::before,
        .content ul.pagination li::before,
        .home .container .carousel-inner > .item::before {display:none;}
        .content ul li ul,
        .content ol li ol {font-size:1em; line-height:1; margin:0; padding:0 0 0 40px;}
            .content ul li ul li,
            .content ol li ol li,
            .content ol li ul li,
            .content ul li ol li {font-size:initial; line-height:initial;}

/* Tableaux */
.content table {border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; /*font-size:1.5em;*//* Pourquoi ? */ margin-bottom:20px; width:100%;}
.content table .content th,
.content table .content td {border:0;}
.content table p {margin:0;}
.content caption {background:var(--bleufonce); border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; border-top:1px solid #D8D8D8; color:#fff; font-size:1.5em; padding:5px 7px;}
.content table td,
.rteContent table th {padding:5px; vertical-align:top;}
.content thead {text-align:center; font-size:1.167em;}
.content tr td,
.rteContent tr th {border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-collapse:separate; border-spacing:0;}
.content tr.tableauLigneAlternee {background:#E8E8E8;}

.content .rteContent .bouton {background-image:none; color:#fff; display:table;/* pour le margin centré */ font-size:1em; margin:0 auto; min-height:inherit;}
.content .rteContent p {margin:0 0 1em;}

/* 32 = Diaporama */
/*.blueimp-gallery-carousel {background-color:transparent; padding-bottom:480px;}*/
    /*.blueimp-gallery-carousel>.slides {}*/
        /*.blueimp-gallery > .slides > .slide > .slide-content {margin-top:0;}*/
    /*body:last-child .blueimp-gallery>.play-pause {bottom:90px;}*/
    /*.blueimp-gallery>.indicator {bottom:18px;}*/  
.blueimp-gallery>.counter { bottom: 0; left: 0;  opacity:0; position: absolute; }
    .blueimp-gallery>.counter>span { color: #FFF; font-size:24px; 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 {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; left:15px; position:relative; top:12px;}
    .blueimp-gallery>.indicator>li {height:50px; width:50px;}

    .diaporama .indicator {height:40px; 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: #edede8;
                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(--bleufonce);
                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;
                }



/* 08 = Colonne droite */



/* 09 = Footer */
#wrap .footer {background-color:var(--bleufonce); height:250px; overflow:hidden; position:relative; z-index:1;}
#wrap .refonte .footer {
    height: auto;
}
    #wrap .footer::before {background:url("../Img/logoBlanc-2025.svg") no-repeat 70px 60px; background-size:80px 100px; content:''; display:block; height:250px; margin-left:15px; opacity:.1; position:absolute; z-index:0; width:100%;} /* ENLEVER REFONTE 2020 */
    #wrap .refonte .footer::before { /* ENLEVER REFONTE 2020 */
        display: none;
    }
    #wrap .footer .container {
        position:relative;
        z-index:1;
        overflow: visible;
    }
/* 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);}

/* RESEAUX / NUMERIQUES */
.refonte .footer .plusdesites {
    border-bottom: 1px solid #403b5d;
    border-top: 1px solid #403b5d;
}
    .refonte .footer .plusdesites .plusdereseaux {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 260px;
    }
    .refonte .footer .plusdesites .col-lg-6:first-child .plusdereseaux {
        border-right: 1px solid #403b5d;
    }    
        .refonte .footer .plusdesites .plusdereseaux h2 {
            margin-bottom: 30px;
            color: #fff;
            font-size: 2em;
            text-transform: uppercase;
        }
        .refonte .footer .plusdesites .col-lg-6 .list-unstyled {
            display: inline-flex;
            justify-content: center;
            margin: 0;
            width: 100%;
        }
            .refonte .footer .plusdesites .col-lg-6 .list-unstyled li a {
                position: relative;
                margin: 0 10px;
                text-align: center;
            }


/* Copyrights */
.menuCopyrights ul {}
    .menuCopyrights li {color:rgba(255,255,255,1);/* .3 */ font-size:1.333em; margin:0 12px; text-align:center;}
        .menuCopyrights li a {color:rgba(255,255,255,1);/* .3 */ display:block; transition:color .3s;}
        .menuCopyrights li:hover a {color:rgba(255,255,255,1);}
        .menuCopyrights li .text-uppercase {font-size:.75em;}

#wrap .plusdesitesLink:hover {right:60px;} /* ENLEVER REFONTE 2020 */
#wrap .refonte .plusdesitesLink:hover {right:20px;} /* ENLEVER REFONTE 2020 */


/* 10 = Sommaire & E-services */
/* Sommaire */
.navSommaire .list-unstyled {margin-bottom:20px; overflow:hidden;}
    .content .navSommaire .list {margin-bottom:40px; overflow:hidden; padding:0 20px; position:relative;}
        .content .navSommaire .list a[href^="http"] {background:none; padding-right:0;}
            .navSommaire .list figure::before {background-color:rgba(0,0,0,0.3); bottom:0; content:''; left:20px; position:absolute; right:20px; top:0; transition:background-color .3s;}
            .navSommaire .list:hover figure::before {background-color:rgba(0,0,0,0.6);}
            .navSommaire .list figure::after {background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); bottom:0; content:''; left:20px; position:absolute; right:20px; top:65%;}
            .navSommaire .list:hover figure::after {background:var(--marron); border-radius:50%; color:#fff; content:'+'; display:block; font-size:30px; height:50px; left:50%; line-height:50px; text-align:center; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:50px;} 
            .navSommaire .text {background-color:var(--bleufonce); color:#fff; left:0; margin:0 15px; position:absolute; transition:bottom 2s; right:0; top:100%; z-index:1;}
                .navSommaire .text .title {bottom:100%; font-size:1.125em; left:0; line-height:1; margin:0; padding-right:20px; position:absolute; right:0; text-transform:uppercase; top:auto;}
                /*.navSommaire .list:hover .text .title {display:none;} Ticket accessibilité 3/11/22*/
                .navSommaire .text a {color:#fff; display:block; padding:20px 20px 33px;}
/* E-services */
.navEservices .col-md-4 {border-right:1px solid #dadada; margin-bottom:60px; padding-bottom:100px;}
    .navEservices .list {padding:0; position:static;}
        .navEservices .list .title {font-size:1.125em; margin:0;}
            .navEservices .list .title a {color:var(--bleufonce); display:block; padding:25px 60px 25px 0; text-align:right; text-transform:uppercase; transition:background-color,color 1s;}
            .navEservices .list:hover .title a {background-color:var(--marron); color:#fff;}
                .navEservices .list:hover .title a::after {content:'>'; display:block; float:right; font-size:24px; font-weight:normal; left:auto; line-height:1; margin-top:-12px; position:relative; right:-36px; top:6px;}
        .navEservices .level2 {
            position: absolute;
            bottom: 0;
            left: 100%;  
            top: 0; 
            display: none; 
            border: 0; 
            min-height: 500px; 
            margin: 0 0 0 1px; 
            width: 200%;
        }
        .navEservices .list:hover .level2,
        .navEservices .list:first-child .level2 {box-shadow:none; display:block;}
            .navEservices .list:first-child .level2 .item-level2 {float:left; height:225px; text-align:center; width:25%;}
                .navEservices .level2 .item-level2 .link-level2:focus {background-color:transparent;}
                .navEservices .level2 .link-level2:hover {background-color:transparent;}
                    .navEservices .level2 .link-level2 {color:var(--bleufonce); font-weight:bold; line-height:inherit; padding:6px;}
                        .navEservices .list:first-child .level2 .link-level2 .eservices-icon {background-color:var(--bleufonce); background-position:center center; background-repeat:no-repeat; background-size:auto 48px; border-radius:50%; display:block; height:100px; margin:0 auto .5em; transition:all .3s ease-in-out; width:100px;}
                        .navEservices .list:first-child .level2 .item-level2:hover .eservices-icon {background-color:var(--marron);}
                        .navEservices .level2 .link-level2 .text {background-color:#fff; display:block; padding: 0 1em; transition:all .3s ease-in-out; white-space:normal;}
                        .navEservices .list:first-child .level2 .item-level2:hover .text {color:var(--marron);}


/* 11 = Medias */
.content .listMedia {margin:0 0 40px; padding:0 0 1em 40px;}
    .content .listMedia li {list-style:outside;}
        .content .listMedia li a:hover {color:#000; text-decoration:underline;} 


/* 12 = Breadcrumbs */
.content .breadcrumb {background:none; color:#000; font-size:1.333em; font-weight:normal; margin-bottom:2.5em; padding:35px 15px 13px 0; position:relative;}
    .breadcrumb a {color:#000;}
    .content .breadcrumb a[href^="http"] {background:none; padding:0;}
    .breadcrumb a:hover,
    .breadcrumb a:hover p {text-decoration:underline;}    
        .breadcrumb .last p,
        .breadcrumb a p {display:inline-block; font-size:1em; font-weight:normal; margin:0;}

/* 13 = Toolbox */
.toolBox {background-color:#fff; left:0; margin-top:-118px; position:fixed; top:50%; z-index:4;}

    .toolBox .btn {background-position:center center; background-repeat:no-repeat; border:1px solid #ddd; height:52px; margin-top:-1px; overflow:hidden; padding:0; position:relative; text-align:center; width:52px;}
        .toolBox .btn::before,
        .toolBox .btn::after {background-color:var(--bleufonce); content:''; height:100%; left:0; position:absolute; top:0; -webkit-transform:scale(0); transform:scale(0); transition:all .2s ease-in; width:100%; z-index:0;}
        .toolBox .btn::after {background-color:transparent; -webkit-transform:scale(1);  transform:scale(1); transition:inherit;}
        .toolBox .btn-default:hover {background-color:#fff; overflow:visible;}
        .toolBox .btn-default:hover::before,
        .toolBox .btn-default:focus::before {background-position:center center; background-repeat:no-repeat;}
        .toolBox .btn-default:hover::after,
        .toolBox .btn-default:focus::after {background-position:center center; background-repeat:no-repeat;}
        .toolBox .btn:hover::before,
        .toolBox .btn:focus::before {-webkit-transform:scale(1.05); transform:scale(1.05);}

            .toolBox .btn .sgl {color:#000; position:relative; z-index:1;}
            .toolBox .voxygen .sgl,
            .toolBox .printTool .sgl,
            .toolBox .share .sgl {font-size:20px;}
            .toolBox .printTool .sgl {top:12px;}
            .toolBox .voxygen:hover .sgl,   
            .toolBox .voxygen:focus .sgl,
            .toolBox .printTool:hover .sgl,
            .toolBox .printTool:focus .sgl,
            .toolBox .share:hover .sgl,
            .toolBox .share:focus .sgl {color:#fff;}

            .toolBox .close-accessibility {
                display: none;
            }

        .toolBox .open > .dropdown-toggle.btn-default {background-color:#fff; border-color:#ddd;}
        .toolBox .open > .dropdown-toggle.btn-default:hover,
        .toolBox .open > .dropdown-toggle.btn-default:focus,
        .toolBox .open > .dropdown-toggle.btn-default:hover::after,
        .toolBox .open > .dropdown-toggle.btn-default:focus::after {background-color:var(--bleufonce); border-color:var(--bleufonce);}
            .toolBox .fontSize {background-image:url("../Img/AaBlack.png"); background-size:22px 14px;}
            .toolBox .fontSize:hover::after,
            .toolBox .fontSize:focus::after {background-image:url("../Img/Aa.png"); background-size:22px 14px;}
            .toolBox .open .fontSize:hover::after,
            .toolBox .open .fontSize:focus::after {background-image:none;}
            .toolBox .dropdown-toggle .fermer {display:none; font-size:16px;}
            .toolBox .open > .dropdown-toggle .fermer {display:block;}
            .toolBox .open > .dropdown-toggle:hover .fermer,
            .toolBox .open > .dropdown-toggle:focus .fermer {color:#fff;}

            .toolBox .open .share .sgl {display:none;}
            .toolBox .open .share .fermer {display:inline;}

            /* Acceo */
            /*.toolBox .acceo,
            .toolBox .acceo:hover::after,
            .toolBox .acceo:focus::after {background-image:url("../Img/acceo.svg"); background-size:22px 30px;}*/

            /* Elioz */
            .toolBox .elioz {background-image:url("../Img/elioz.svg"); background-size:48px 22px;}
            .toolBox .elioz:hover::after,
            .toolBox .elioz:focus::after {background-image:url("../Img/elioz-blanc.svg");}

            /* Facil'Iti */
            .toolBox .faciliti,
            .toolBox .faciliti:hover::after,
            .toolBox .faciliti:focus::after {                
                background-image: url("../Img/Facil-iti.svg"); 
                background-size: 30px 30px;
            }

        #vwr-anchor_0 {left:0; position:fixed; top:100px; z-index:10;}

        .toolBox .btn .sr-only {background-color:var(--bleufonce); border-radius:4px; clip:auto; color:#fff; display:block; font-size:.875em; height:auto; left:90px; margin:0; opacity:0; padding:.25em; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); transition:all .2s ease-in; width:auto;}
        .toolBox .btn:hover .sr-only,
        .toolBox .btn:focus .sr-only {opacity:1; left:65px;}
        .toolBox .open .btn:hover .sr-only,
        .toolBox .open .btn:focus .sr-only {opacity:0;}
        .toolBox .dropdown-menu .btn .sr-only {font-size:14px; font-weight:500; left:100%; line-height:1.5; top:-35px;}
        .toolBox .dropdown-menu .btn:hover .sr-only,
        .toolBox .dropdown-menu .btn:focus .sr-only {opacity:1; left:50%;}

            .toolBox .dropdown-menu {background:none; border:0; box-shadow:none; left:52px; margin:0; padding:0; min-width:300px; top:0;}
                .toolBox .dropdown-menu li {float:left;}

                    .toolBox .dropdown-menu .btn {background-color:#fff; background-size:auto 20px; border-left-width:0;}
                    .toolBox .dropdown-menu .texte {background-color:#fff; color:#000; font-size:1.25em; line-height:2.5;}
                    .toolBox .dropdown-menu .texte:hover::after,
                    .toolBox .dropdown-menu .texte:focus::after {background-color:transparent; color:#fff; font-size:1em;}
                    .toolBox .dropdown-menu .aplus:hover::after,
                    .toolBox .dropdown-menu .aplus:focus::after {content:'A+';}
                    .toolBox .dropdown-menu .amoins:hover::after,
                    .toolBox .dropdown-menu .amoins:focus::after {content:'A-';}

                    .toolBox .facebook,
                    .toolBox .twitter {background-color:#fff;}
                        .facebook .fa-facebook,
                        .twitter .fa-twitter {color:#000; position:relative; top:14px;}
                        .facebook .fa-facebook {font-size:20px;}
                        .twitter .fa-twitter {font-size:22px;}
                        .toolBox .dropdown-menu a:hover .fa,
                        .toolBox .dropdown-menu a:focus .fa {color:#fff;}
                        .toolBox .dropdown-menu .mail .sgl {display:inline-block; font-size:16px; padding:13px 0;}
                        .toolBox .dropdown-menu .mail:hover .sgl,
                        .toolBox .dropdown-menu .mail:focus .sgl {color:#fff;}
                    .toolBox .dropdown-menu > li > a:hover,
                    .toolBox .dropdown-menu > li > a:focus {background-color:#fff;}

        .toolBox .contact {background-color:var(--marron); border:0;}    
        .toolBox .contact:hover {background-color:var(--marron);}
        .toolBox .contact:hover::before {-webkit-transform:scale(1); transform:scale(1);}
            .toolBox .contact .sgl {color:#fff; font-size:24px; top:8px;}


/* 14 = Trombinoscope */
.trombinoscope .retourLigne {height:2em;}
.trombinoscope .col-lg-6 {margin-bottom:30px; padding:0 15px;}
/*.trombinoscope .col-lg-6:nth-child(odd) {clear:left;}*/
    .trombinoscope .background {background-color:#edede8; overflow:hidden; position:relative;}
        .directoryList .number1 .background::before {background:url(../Img/cocarde.png) no-repeat 0 0; content:''; display:block; height:87px; left:130px; position:absolute; top:-16px; width:70px; z-index:1;}
        .content .trombinoscope a[href^="http"] {background-image:none; color:#000; padding:0;}
            .trombinoscope a .hovereffect {overflow:hidden;}
                .trombinoscope .text {display:inline-block; max-height:230px; padding:30px; width:360px;} 
                    .trombinoscope .text h2 {font-size:2em; margin-bottom:30px;}
                .trombinoscope .shortText {float:left; font-size:1.5em; margin-bottom:1em;}


/* 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 */



/*-Pagination-*/
.content .paginationWrapper {clear:both; margin:15px -15px;}
.content .pagination {padding:0;}
.content .startpoint .pagination li:nth-child(even) {background:none;}
  .content .pagination > li > a,
  .content .pagination > li > span {border-color:#edede8; 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;}
  .content .pagination > li > .prev,
  .content .pagination > li > .next {/*padding-top:15px;*/}
  .content .pagination > li .glyphicon {top:3px;}
  .content .pagination > li.active > a,
  .content .pagination > li.active > span,
  .content .pagination > li > a:focus,
  .content .pagination > li > a:hover,
  .content .pagination > li > span:focus,
  .content .pagination > li > span:hover {background-color:var(--bleufonce); border-color:var(--bleufonce); color:#fff;}
    .content .pagination > li a[href^="http"] {background-image:none; padding:0;}

/* 17 = Page sans colonne */
/* Accès rapides */
.container-fluid.blue {/*margin-bottom:20px;*/ text-align:center;} /* Pas d'actualités entre les blocs pour l'instant... */
.pagesanscolonne main .container-fluid.blue {background-color:#403b5d;}
    .blue .title {color:#fff; font-size:2.5em; line-height:1; padding:45px 0; text-transform:uppercase;}
        .blue .accesDirects {display:-webkit-flex; display:flex; flex-direction:row; justify-content:center;}
            .blue .accesDirects li {min-width:16.66%;}
                .blue .accesDirects li a {background-position:center 0; background-size:auto 40px; margin:0; padding:85px 20% 50px;} 
                .pagesanscolonne main .container-fluid.blue .accesDirects li a {background-color:#403b5d!important; position:relative; transition:all .3s ease-in-out;}
                .pagesanscolonne main .container-fluid.blue .accesDirects li a:hover {color:var(--marron)!important;}
                    .pagesanscolonne main .container-fluid.blue .accesDirects li a .sgl {color:#fff!important;}
                    .pagesanscolonne main .container-fluid.blue .accesDirects li a::before {background-color:var(--marron); border-radius:50%; content:''; height:80px; left:50%; opacity:0; position:absolute; top:0; transform:translateX(-50%); transition:opacity .3s ease-in-out; width:80px;}
                    .pagesanscolonne main .container-fluid.blue .accesDirects li a:hover::before {opacity:1;}

/* 18 = Agenda */
/* Filtres */
.pagesanscolonne .container-filters {/*border-bottom:1px solid #dadada;*/ margin:-70px 0 40px; /*padding-bottom:30px; position:relative;*/}
.pagesanscolonne .container-filters::after {clear:both; content:''; display:block;}
    .moreFilters {display:none;}
    .container-filters .container-flex {border-bottom:1px solid #dadada; display:-webkit-flex; display:flex; flex-wrap:nowrap; justify-content:space-between; margin-bottom:40px;}    
        .container-filters .filter {display:inline-block; width:16.7%;}
            .container-filters .filter::before,
            .container-filters .filter::after {background-color:#fff; border:1px solid #dadada; bottom:-7px; box-shadow:0 0 3px rgba(0,0,0,.25); content:''; display:none; height:14px; left:40%; position:absolute; top:auto; -webkit-transform:rotate(45deg); transform:rotate(45deg); width:14px; z-index:999;}            
            .container-filters .filter::after {border-color:#fff; bottom:-9px; box-shadow:none; z-index:1000;}
            .container-filters .filter.open::before,
            .container-filters .filter.open::after {display:block;}
            .container-filters .calendar.open::before,
            .container-filters .calendar.open::after {display:none;}
            .container-filters .container-flex .btn {background-color:transparent; border:0; border-right:1px solid #dadada; color:#000; font-size:1.5em; height:69px; line-height:1; text-transform:capitalize; width:100%;}
            .container-filters .container-flex .handicap {display:-webkit-flex; display:flex;}
            .container-filters .container-flex .filtrer,
            .frame-publications .button-search {
                background-color: var(--marron); 
                color: #fff; 
                text-transform: uppercase;
            }
            .btn-group.open .dropdown-toggle {box-shadow:none;}
            .container-filters .open .btn {background-color:#edede8;}
            .container-filters .filter:first-child .btn {
                border-left: 1px solid #dadada;
            }
                .container-filters .filter .ir {background-position:center center; background-repeat:no-repeat; background-size:auto 24px; display:block; float:left; height:24px; margin-right:5px; position:relative; top:-4px; width:26px;}
                .container-filters .ir::before {color:#000; font-size:24px; left:0; position:absolute; text-indent:0; top:0;}
                .container-filters .malvoyant::before {content:'\e955';}
                .container-filters .mobilite::before {content:'\e956';}
                .container-filters .mental::before {content:'\e957';}
                .container-filters .sourd::before {content:'\e958';}
                .container-filters .btn-group .btn .text {margin-right:10px;}
                .container-filters .btn-group .btn .sgl {color:#000; display:inline-block; font-size:8px; padding:5px 0; position:relative; text-transform:initial; top:-1px; width:18px;}

                .container-flex .open > .dropdown-menu {border:1px solid #dadada; box-shadow:0 0 3px rgba(0,0,0,.25); max-height:410px; min-width:100%; overflow-y:auto; padding:10px 0; white-space:nowrap;}
                .container-flex .open > .calendar-render.hasDatepicker {margin-top:0px;}
                    .container-flex .dropdown-menu label {display:block; font-weight:200; line-height:1; padding:12px 40px 13px;}
                    .container-flex .dropdown-menu input:checked + label {color:var(--marron);} 
                    .container-flex .dropdown-menu li:hover label {background-color:var(--marron); color:#fff;}
                    .container-flex .dropdown-menu input[type="checkbox"],
                    .container-flex .dropdown-menu input[type="radio"] {display:none;}
                    .container-flex .accessibility .dropdown-menu label {background:url("../Img/checkbox.svg") no-repeat 20px center; height:40px; padding:12px 30px 13px 60px; position:relative; width:214px;}
                    .container-flex .accessibility .dropdown-menu input:checked + label::before {background:url("../Img/check.png") no-repeat 0 0; content:''; display:block; height:10px; left:24px; position:absolute; top:15px; width:13px;}
                    .container-flex .accessibility .dropdown-menu li:hover input:checked + label::before {background-image:url("../Img/checkBlanc.png")}
                .container-flex .open .hasDatepicker {width:400px;}
    .container-filters .totalresults b,
    .container-filters .totalresults span {font-size:2em; text-transform:uppercase;}
    .container-filters .totalresults span {font-weight:bold;}
    .container-filters .right .criteria {background:none; color:#737373; float:left; font-size:1.333em; line-height:1; padding:17px 12px;}
        .container-filters .right .criteria div {float:left; margin-left:.5em;}
    .container-filters .totalresults .isAccessibility {margin-right:25px;}
    .container-filters .right .erase {background:transparent;border:1px solid #dadada; border-radius:3px; float:right; font-weight:normal; padding:12px 25px 12px 55px; position:relative;}
        .container-filters .right .erase .sgl {font-size:18px;left:24px; position:absolute; top:11px;}

/* Liste */
.agenda .container-fluid .content {min-height:660px;}
    .page-111 .spaceTop .banner,
    .page-112 .spaceTop .banner,
    .phototheque .spaceTop .banner,
    .videotheque .spaceTop .banner,
    .pagelevel-2.annuaires .spaceTop .banner,
    .page-1500 .spaceTop .banner,
    .page-1507 .spaceTop .banner {border-bottom:70px solid #edede8; margin-bottom:0;}
        .page-111.pagelevel-1 .breadcrumb,
        .page-112.pagelevel-1 .breadcrumb,
        .phototheque.pagelevel-1 .breadcrumb,
        .videotheque.pagelevel-1 .breadcrumb,
        .page-1500 .breadcrumb,
        .page-1507 .breadcrumb {display:none;}
        .page-111.pagelevel-1.layout-single .breadcrumb,
        .page-112.pagelevel-1.layout-single .breadcrumb,
        .phototheque.pagelevel-1.layout-single .breadcrumb,
        .videotheque.pagelevel-1.layout-single .breadcrumb {display:block;}
            .pagesanscolonne .listAgenda {font-size:1em;}
                .pagesanscolonne .listAgenda li {height:360px; padding:0 15px;}
                    .listAgenda .img-responsive,
                    .listActu .img-responsive {margin-bottom:20px;}
                    .listAgenda .category,
                    .listActu .category {color:var(--marron); display:block; font-size:1.333em; line-height:1; margin-bottom:5px; text-transform:uppercase;}
                    .listAgenda .title {font-size:2em; margin-bottom:.5em;}
                        .listAgenda a {color:#000;}
                        .content .listAgenda a[href^="http"] {background:none; padding:0;}
                    .listAgenda .date {color:#737373; font-size:1.333em;}   

/* Calendar */


/* Single */
.layout-single .spaceTop .banner {border-bottom:0; margin-bottom:35px;}
    .agenda.layout-single .banner .titleHeader {
        /*display: none;*/
    }
    .layout-single .spaceTop .banner .category {color:#fff;font-size:1.5em; left:50%; position:absolute;z-index:2; 
        top: 12.5%; 
        text-transform:uppercase; transform:translate(-50%,-50%);}

.layout-single .content .breadcrumb {padding:0 15px;}
.layout-single .fiche {border-bottom:1px solid #ddd; margin-bottom:50px;}
    .layout-single .fiche .titleFiche {font-size:4em;}

    .fiche .borderTop {border-top:1px solid #ddd; overflow:hidden; padding:1.5em 0;}
        .fiche .borderTop .title {float:left; font-size:1.5em; margin:0 0 .25em;}
        /*.fiche .duration .title {float:left;}*/
        .fiche .borderTop p {margin-bottom:0;}
        .fiche .borderTop .infos {float:right; width:75%;}
        .fiche .reservation {clear:both; color:#fff; float:right;}

.layout-single aside.col-lg-12 {clear:both;}
    .layout-single aside.col-lg-12 .fiche {border-bottom:0;}
        .fiche .lieux .title {font-size:2.5em; line-height:1; margin-bottom:50px; text-align:center; text-transform:uppercase;}
        .fiche .lieux .title_location {font-size:1.5em; margin:50px 0 5px; position:relative;}
            .fiche .lieux .title_location::before {background-color:var(--marron); content:''; height:2px; left:0; position:absolute; top:-18px; width:50px;}

.layout-single .content .colRight {margin-top:0; padding-left:0;}
    .layout-single .content .colRight .list-unstyled {font-size:1em; margin:0;}
        .layout-single .content .colRight .dateColright {overflow:hidden; padding:18px 20px; position:relative;}
        .layout-single .content .colRight .borderBottom {border-bottom:1px solid #ddd; color:#333; padding:25px 20px;}
            .layout-single .dateColright .leftDate {float:left;}
            .layout-single .dateColright .rightDate {float:right;}
                .layout-single .dateColright .day {float:left; font-size:3em; line-height:1; margin-right:10px;}
                .layout-single .dateColright .month {display:block; font-size:1.333em; margin-bottom:-9px; text-transform:uppercase;}
                .layout-single .dateColright .year {font-size:1.333em; font-weight:normal;} 
            .layout-single .dateColright .separator {border:0; display:block; font-size:2.5em; left:50%; line-height:1; position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

            .layout-single .dateColright .dateLine,
            .layout-single .dateColright .wording {font-size:1.333em;}
            .layout-single .dateColright .date-description {}
                .layout-single .dateColright .dateLine .capitalize {text-transform:capitalize;}
            
            .layout-single .dateColright .dateHour p {font-weight:normal; margin-bottom:0}

    .layout-single .content .colRight .place {border-top:1px solid #ddd; display:block; font-size:1.333em; font-weight:bold; padding:20px 20px 20px 60px; position:relative;}
        .layout-single .content .colRight .place::before {color:var(--marron); content:'\e93a'; font-size:26px; font-weight:normal; left:17px; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
    .layout-single .content .colRight .addEvents,
    .layout-single .content .colRight .reservation,
    .singleDirectories .col-lg-3 .inscription {background-color:#fff; border:2px solid var(--marron); border-radius:3px; color:var(--marron); font-size:1.5em; line-height:1; margin-bottom:30px; padding:16px; transition:all .3s; width:100%;}
    .layout-single .content .colRight .addEvents:hover,
    .layout-single .content .colRight .reservation:hover,
    .singleDirectories .col-lg-3 .inscription:hover {border-color:#333; color:#000;}
    .layout-single .content .colRight .reservation {background-color:var(--marron); color:#fff;}


/* 19 = Habillage accueil */
/* Vidéo */
video#videoAccueil {background-size:cover; bottom:0; height:auto; min-height:100%; min-width:100%; position:fixed; right:0; width:auto; z-index:-100;}   
/* Textes */
.texteBlanc .container-fluid .header,
.texteNoir .container-fluid .header {background-color:transparent;}
.texteNoir {}
.texteBlanc .header .lang a,
.texteNoir .header .lang a,
.texteBlanc .navbar-toggle.collapsed,
.texteNoir .navbar-toggle.collapsed {background-color:transparent;}
/* Texte Noir */
.texteNoir .header .navPrincipal li a,
.texteNoir .header .lang a,
.texteNoir .accueil .linkSection {color:var(--bleufonce);}
.texteNoir .header .navPrincipal .current a,
.texteNoir .header .navPrincipal li:hover a,
.texteNoir .profils .btn,
.texteNoir .toolBox .btn {border-color:var(--bleufonce);}
.texteNoir .header .navPrincipal::before,
.texteNoir .sectionForm .pageRecherche,
.texteNoir .sectionForm .rechercheChamp,
.texteNoir .profils .btn,
.texteNoir .dropdown-menu > li > a,
.texteNoir #wrap .plusdesitesLink,
.texteNoir #wrap .plusdesitesLink::before,/* ENLEVER REFONTE 2020*/
.texteNoir .accueil .linkSection::before,
.texteNoir .toolBox .btn,
.texteNoir .sectionForm .rechercheChamp,
.texteNoir .sectionForm .rechercheChamp:-webkit-autofill {background-color:var(--bleufonce);}
.texteNoir .sectionForm .rechercheChamp,
.texteNoir .sectionForm .rechercheChamp:-webkit-autofill,
.texteNoir .profils .btn,
.texteNoir .dropdown-menu > li > a,
.texteNoir .header .navPrincipal .dropdown-menu li a {color:#fff;}
/* Placeholder */
.texteNoir .sectionForm .rechercheChamp::-webkit-input-placeholder {color:#fff;}
.texteNoir .sectionForm .rechercheChamp::-moz-placeholder {color:#fff;}
.texteNoir .sectionForm .rechercheChamp:-ms-input-placeholder {color:#fff;}
.texteNoir .sectionForm .rechercheChamp:-moz-placeholder {color:#fff;}
/* SVG */
/*.texteNoir .header .artifica-form {background-image:url("../Img/magnifierBlue.svg");}
.texteNoir .sectionForm .rechercheOK {background-image:url("../Img/magnifier.svg");}
.texteNoir.home .header .logo a {background:url("../Img/logo.svg") no-repeat 0 0; background-size:100px 125px; height:125px; overflow:hidden; text-indent:100px; width:100px;}
.texteNoir .toolBox .voxygen {background-image: url("../Img/voxygen.png");}
.texteNoir .toolBox .share {background-image: url("../Img/share.svg");}*/



/* 20 = Kiosque */



/* 21 = Actualites */
/* Filtres */
.page-112 .container-filters .container-flex,
.phototheque .container-filters .container-flex {justify-content:inherit;}
    .container-filters .filter:first-child {width:25%;}
/* Liste */
.content .listActu li {padding:0 15px;}
.content .listActu li:nth-child(3n+1) {clear:both;}
    .listActu .category {font-size:1em;}
    .pagesanscolonne .listActu .title {font-size:1.875em;}
        .pagesanscolonne .listActu .title a {color:#000;}
        .pagesanscolonne .listActu a[href^="http"]{background:none; padding:0;}


/* 22 = Phototheque / Galeries */
/* Liste */
.phototheque .container-filters .filter {width:25%;}
    .phototheque .container-filters .filter .form-control {width:100%;}
    .container-filters .container-flex .form-control {background-color:transparent; border:0; box-shadow:none; margin:9px auto 0; text-transform:uppercase;}
        .listGallery .col-md-3:nth-child(4n+1) {clear:left;}
            .listGallery a,
            .listVideos a {color:#000;}
            .content .listGallery a[href^="http"],
            .content .listVideos a[href^="http"] {background:none; padding:0;}
                .listGallery .hovereffect,
                .listVideos .hovereffect {margin-bottom:10px;}
                .listGallery .title,
                .listVideos .title {font-size:2em; margin:0 0 .5em;}
                .listGallery .published,
                .listVideos .published {color:#737373; display:block; font-size:1.333em; margin:0 0 2em;}  
                a .hovereffect {position:relative;}
                a .hovereffect::before {background-color:rgba(0,0,0,0); bottom:0; content:''; display:block; left:0; position:absolute; right:0; top:0; transition:background-color .3s;}
                a:hover .hovereffect::before {background-color: rgba(0,0,0,.3);}
                a .hovereffect::after {background-color:var(--marron); border-radius:50%; color:#fff; content:'+'; font-size:30px; height:50px; left:50%; line-height:1.5; opacity:0; position:absolute; text-align:center; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:opacity .3s; width:50px;}
                a:hover .hovereffect::after {opacity:1;}
/* Vidéos du conseil municipal */
.content .videoCouncil {margin:-50px 0 0; padding-bottom:120px; position:relative;}
    .content .videoCouncil::before {background-color:#edede8; content:''; display:block; height:525px; left:-50%; position:absolute; top:0; width:100000px;}
    .content .videoCouncil .barFilter {background-color:#dadada; bottom:70px; content:''; display:block; height:1px; left:-50%; position:absolute; top:auto; width:100000px;}
    .content .videoCouncil .col-lg-4 {padding:0 20px 0 10px;}
        .videoCouncil .col-lg-4 h2 {margin-bottom:.5em;}
/* Single */
.singleGalerie .title {display:none;}
.singleGalerie .published {color:#737373; display:block; font-size:1.333em; padding:35px 0 60px;}
.singleGalerie .list-unstyled .col-md-3 {margin-bottom: 30px; padding:0 15px;}
.singleGalerie .list-unstyled .col-md-3 a[href^="http"] {background:none; padding:0;}
/* Bonton gris */
.container-fluid.gris {background-color:#edede8; padding:75px 0; text-align:center;}
    .gris .back .btn {background-color:var(--marron); border:0; color:#fff; border-radius:3px; font-size:1.333em; font-weight:bold; height:50px; padding:0 10px 0 60px; position:relative;}
        .gris .back .btn .sgl {font-size:25px; left:15px; line-height:1; position:absolute; top:13px;} 
    


/* 23 = Videotheque */
/* Liste */
.videotheque .container-filters .container-flex {justify-content:flex-start;}
.listVideos .col-md-3 {margin-bottom:1em;}
.listVideos .col-md-3:nth-child(4n+1) {clear:left;}
.listVideos .media {height:190px; margin-bottom:20px; overflow:hidden; position:relative;}
    .listVideos .media .hovereffect {/*height:200px;*/ overflow:hidden; position:relative;}
    .listVideos .crdate {color:#737373; margin:0 0 1em;}
.content .listVideos .paginationWrapper .btn-red {background-color:var(--marron); border-radius:4px; color:#fff; font-size:1.5em; font-weight:bold; line-height:1; margin-bottom:40px; padding:16px; text-align:center; width:100%;}
/* Liens vidéos */
.content .liensVideos {padding:75px 0; position:relative; text-align:center;}
    .content .liensVideos::before {background-color:#edede8; content:''; display:block; height:200px; left:-50%;  position:absolute; top:0; width:100000px;}
    .content .liensVideos li {display:inline-block; padding:0;}
        .content .liensVideos li a {border-radius:4px; display:block; font-size:1.125em; line-height:1; margin:0 13px; padding:16px 20px 16px 60px; position:relative;}
            .content .liensVideos li a .sgl {display:block; font-size:28px; left:15px; position:absolute; top:10px;}
/* Fiche */
.singleVideo .abstract {font-size:1.5em; line-height:inherit; margin-bottom:25px;}
.singleVideo .abstract,
.singleVideo .description {margin-right:1%;}


/* 24 = Formulaires */
/* Correction taille */
.content .form-horizontal {
  font-size: 1.333em;
}
/* Code artifica.css =========== début */
.site-main .form-horizontal {
  margin: 0 auto;
  max-width: 770px;
}
  .form-horizontal .container-fluid {
    padding: 0;
  }
  .form-horizontal .obligatoires {
    margin: 1em 0; 
    color: red;
    font-size: .875em;
  }
  .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    width: auto;/* Pour largeur avec .loading ! */
  }
    .form-horizontal .form-group .comments {
      background-color: var(--grey);
    }
    .form-horizontal abbr[title] {
      color: red;
      text-decoration: none;
    }
    .form-group .row {
      margin: 0;
      width: 100%;
    }
      .input-group {
        justify-content: space-between;
      }
      .input-group.date {
        display: block;
      }
        .input-group .form-control {
          min-height: 40px;
          line-height: 1.2;
        }
        .input-group .form-control,
        .form-group input[type="file"] {
          box-shadow: none;
        }
        .form-horizontal .form-group .file-uploaded {
          display: flex;
          flex-wrap: wrap;
          border: 1px solid #ced4da;
          border-radius: 4px;
          margin-top: 10px;
          padding: 10px;
          background-color: #fff3cd;/* alert alert-warning */
        }
          .form-horizontal .form-group .file-uploaded .file-remove {
            margin: 10px 0 0 0;
            width: 100%;
            font-weight: 700;
          }
        /* Surcharge BP si on enlène .input-group-addon */ 
        .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .form-group .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="file"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="text"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="password"], .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
          border-bottom-right-radius: 6px;
          border-top-right-radius: 6px;
        }
        .input-group-addon, 
        .input-group-btn, 
        .input-group .form-control {

        }
        .input-group-addon, 
        .input-group-btn {
          width: 40px;
          white-space: nowrap;
          vertical-align: middle;
        }
        .input-group-addon {
          display: none;
        }
        .input-group > span:not(.input-group-addon) {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 40px;
          min-width: 20px;
        }

    .form-group select.form-control {
        height: auto;
        appearance: auto;
        box-shadow: none;
    }
      .checkbox, .radio {
        display: block;
        min-height: 1.5rem;
        padding-left: 0;
        margin-bottom: 0.125rem;
      }
      .checkbox-unique {
        display: flex;
        align-items: flex-start;
      }
        .form-group .checkbox-unique input[type="checkbox"] {
          margin-top: 7px;
        }
      .radio label, 
      .checkbox label {
        margin-bottom: 0;
        cursor: pointer;
      }
      .form-horizontal .form-group .radio label, 
      .form-horizontal .form-group .checkbox label {
        padding: 0;
      }
        .radio input[type="radio"], 
        .radio-inline input[type="radio"], 
        .checkbox input[type="checkbox"], 
        .checkbox-inline input[type="checkbox"] {
          position: static;  
          display: inline-block;
          margin: 0 .5rem 0 0;
        }
    .form-group .date .col-xs-12 {
      padding: 0;
    }
    .form-group .date .col-sm-4 {
      width: calc(33.3333334% - 10px);
    }
    input[type="file"] {
      display: block;
    }
    .help-block {
      display: block;
      color: #737373;
    }
    .form-group .comments {
      padding: 6px 12px;
      background-color: #e1e1e1;
    }
      /* Date-picker */
      .ui-datepicker {
          width: auto;
      }
    /* Photo */
    .form-fileupload-gallery-container .form-fileinput-element {
      position: relative;
      border: 1px solid #000000;
      height: 83px;
      padding: 0px;
      width: 83px;
    }
      .form-fileupload-gallery-container .form-fileinput-element::before {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        content: '\f2ed';
        border: 0;
        height: 24px;
        width: 24px;
        background: transparent;
        color: #fff;
        font-size: 16px;
        text-shadow: 1px 1px 5px black;
      }
.form-horizontal .text-center:has(> .btn-default) {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* Référence en haut de formulaire */
.form-horizontal .getpost {
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #e2e0dc;
}
    .form-horizontal .getpost p:last-child {
        margin-bottom: 0;
    }
.form-horizontal .form-reference {
    display: flex;
    align-items: center;
    padding: 0 20px;
    border-radius: 25px;
    height: 50px;
    margin: 0;
    background-color: #0d62a0;
    color: #fff;
}

/* Captcha */
.captcha .todo {
  margin-bottom: 2em; 
  font-size: 1.25em;
}
.captcha .serie {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 25px 0;
}
  .form-horizontal .captcha .serie li {
    position: relative;
    margin: 0;
    overflow: hidden;
  }
  .form-horizontal .captcha .serie .control-label {
    border: 2px dashed #b5b7ba;
    border-radius: 5px;
    margin: 0;
    padding-top: 0;
    width: 40px;
    background-color: #fff;
    color: #333; 
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
  }
  .captcha .serie input:checked ~ label {
    border: 2px solid #333;
  }
  .captcha .serie input {
    position: absolute;
    left: -20px;
    top: -20px;
  }
  .captcha .serie input:checked {
    height: 40px;
  }
/* Erreurs */
.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 {
  margin: 0;
  color: var(--red);/* Couleur Bootstrap Package par défaut */
}
/* Alertes */
.alert .fa {
  margin-right: 15px;
}
/* Récapitulatif */
form .recap + .text-center {
  display: flex;
  justify-content: center;
  gap: 30px;
}
  form .recap + .text-center .btn {
    margin: 0;
  }
  form .recap + .text-center .btn-default {
    border-color: #eaebec;
    background-color: #eaebec;
    color: #333;
  }
  form .recap + .text-center .btn-default:is(:focus, :hover, :active) {
    border-color: #333;
    background-color: #fff;
    color: #333;
    box-shadow: none;
  }
/* Code artifica.css =========== fin */
.site-main .form-horizontal {/* Surcharge artifica.css */
    /*max-width: inherit;*/
    padding-inline: 15px;
}
.form-horizontal .form-group .control-label {
    margin-bottom: 10px;
    line-height: 1.25;
    text-align: left;
}
.form-horizontal .form-group .checkbox .control-label {
    color: inherit;
  font-size: 1em;
  font-weight: 400;
}
.input-group .form-control,
.form-group .form-control {
    border-color: transparent;
    border-bottom: 1px solid var(--gristexte);
    border-radius: 0;
    padding: 10px 20px;
    background-color: var(--grisclair);
    line-height: 1.5em;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .form-group .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="file"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="text"], .frame-type-felogin_login .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="password"], .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {/* Surcharge BP */
    border-radius: 0;
}
.input-group .form-control::placeholder {
    color: var(--dark);
}
    .form-group input[type="file"] {
        background-color: var(--grisclair);
        border: 0;
        border-bottom: 1px solid var(--gristexte);
        border-radius: 0;
        /*padding: 13px 20px;*/
        padding: 7px 10px;
        width: 100%;
    }
    .form-control:focus, 
    .form-group input[type="file"]:focus, 
    .frame-type-felogin_login input[type="text"]:focus, 
    .frame-type-felogin_login input[type="password"]:focus {
      box-shadow: var(--ombre-outline);
    }
    .form-horizontal .form-group .comments {
        font-size: .75em;
        background-color: var(--grisclair);
    }
    .form-horizontal .submit,
    .form-horizontal .previous,
    .form-horizontal .next {
    /*display: inline-flex;
    align-items: center;
    border: 1px solid var(--main);
    border-radius: 25px;
    margin-top: 60px;
    padding: 20px;
    height: 50px;
    background-color: var(--main);
    color: var(--white);*/
    }
    .form-horizontal .text-center:has(> .btn-default) {
        font-size: 1em;
    }
    .form-horizontal .submit:is(:focus-visible,:focus,:hover,:active),
    .form-horizontal .previous:is(:focus-visible,:focus,:hover,:active),
    .form-horizontal .next:is(:focus-visible,:focus,:hover,:active),
    .submit:not(:disabled):not(.disabled):active, 
    .submit:not(:disabled):not(.disabled).active,
    .form-horizontal .btn-default:not(:disabled):not(.disabled):active, 
    .form-horizontal .btn-default:not(:disabled):not(.disabled).active {
        /*border: 1px solid var(--main);
        background-color: var(--white);
        color: var(--main);*/
    }
    .form-horizontal .form-title,
    #form-fieldset-captcha legend {
        /*margin-bottom: 30px;
        font-size: 1.6875em;
        font-style: italic;
        line-height: 1.333;*/
        margin-bottom: 10px;
        line-height: 1.25;
        text-align: left;
    }
    .form-horizontal div + .form-title {
        margin-top: 2em;
    }
        .form-horizontal .input-group-addon {
            color: var(--dark);
        }
        .form-horizontal .file-uploaded {
            display: flex;
            margin-top: 10px;
        }
            .form-horizontal .file-uploaded .file-remove {
                display: block;
                margin-left: 15px;
            }
            .form-horizontal .file-uploaded a {
                display: block;
                margin-right: 5px;
            }
                .form-horizontal .file-uploaded .file-remove label {
                    margin-left: 5px;
                }
        .frame-type-artifica_form_pi1 .btn-primary {
            border: none;
            background-color: var(--dark);
            color: var(--white);
        }
        .frame-type-artifica_form_pi1 .btn-primary:is(:focus-visible,:focus,:hover,:active) {
            color: var(--dark);
        }
        form .recap + .text-center .btn-primary {
            /*border: 2px solid var(--main);
        text-transform: none;*/
        }
/* Autocompletion formulaire secteur */
#LSResult {
  border: 2px solid var(--main);
  border-top: 0;
  margin-left: 0;
  padding: 15px;
}
    #LSShadow .LSRow:last-child {
        margin-bottom: 0;
    }

/* Captcha */
#form-fieldset-captcha legend {
  /*font-size: 1.25em;
  font-weight: 700;
  color: var(--main);*/
}
    #form-fieldset-captcha legend span {
        margin-left: 3px;
        /*color: var(--red);*/
    }
.form-horizontal .captcha {
    margin-bottom: 0;
  /*padding: 20px;
  background-color: var(--grisclair);*/
}
    .form-horizontal .captcha>p {
        font-size: .75em/*1em*/;
    }
.captcha .serie {

}
    .list-inline > li:not(:last-child) {
        margin-right: 10px;
    }
        .form-horizontal .captcha .serie .control-label {
            border: 2px dashed #ddd;
            border-radius: 0;
        width: 50px;
        color: var(--dark);
        font-size: 1rem;
        line-height: 50px;
        }
        .form-horizontal .captcha .serie input:checked ~ label,
        .form-horizontal .captcha .serie input:focus-visible ~ label {
            border: 2px solid var(--blue);
            background-color: var(--white);
            color: var(--dark);
        }
.text-center .submit {
    margin: 0 auto;
}
/* Accessibilité */
.form-horizontal .obligatoires {
    margin: 0 0 50px;
    /*color: var(--dark); 
    text-align: var(--dark)!important;*/
}
.form-group .control-label > span {
  /*color: var(--dark);
  font-size: 1.125em;
  line-height: 1;*/
}
.form-group .control-label > span[aria-hidden="true"] {
    margin-left: 3px;
    color: red;
}
.form-group .control-label > span.help-block {
    margin: 0;
    color: var(--gristexte);
    font-size: .75em;
    line-height: 1.666;
}
/* 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: 10px;
        font-size: .75em;
    }
        .has-error .error::before {
            margin-right: 5px;
            content: '\e94f';
            font-size: .75rem/*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-bottom-color: var(--red);
        /*color: var(--red);*/
    }
/* Surcharge Typo3 */
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #000;
}

.input-group-addon:last-child {
    display: none;
}
/* RSS */
.fluxrss input[type="text"] {
  border: 1px solid var(--grey);
  border-radius: 4px;
  padding: 5px 10px;
}
/* Btn-default */
form .recap + .text-center .btn-default {
  border-color: var(--main);
  background-color: var(--white);
  color: var(--main);
  box-shadow: none;
}
form .recap + .text-center .btn-default:is(:focus-visible,:focus,:hover,:active) {
  /*border-color: var(--main);
  background-color: var(--main);
  color: var(--white);*/
  text-decoration: none;
}
form .btn-default,
form .recap + .text-center .btn {
  /*min-height: inherit;
  height: 44px;
  font-size: 1em;*/
}
form .btn-default {
  background: none;
}
form button[name="return"].btn-default {
    border: 0;
    padding: 13px 0;
    text-decoration: underline;
}
form button[name="return"].btn-default:is(:focus-visible,:focus,:hover,:active) {

}
.filters .btn-default {
    height: 44px;
}
/* Ajout de bac */
.form-horizontal .buttons-action + div {
    position: relative;
}
    .form-horizontal .btn-close,
    .form-horizontal .btn-valid {
        background: var(--search);
        color: var(--dark);
    border: 1px solid var(--dark);
    border-radius: 5px;
    height: 32px;
    margin-right: 7px;
        padding: 0 15px;
        width: fit-content;
    font-size: .875em;
        text-decoration: none;
        box-sizing: content-box;
        opacity: 1;
        text-transform: uppercase;
    }
    .form-horizontal .btn-close:focus-visible,
    .form-horizontal .btn-valid:focus-visible {
        outline: 2px solid var(--dark);
    }
/* Surcharges */
legend {
    border: 0;
}
/*.form-horizontal .control-label {font-size:1.333em;}
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 {background:var(--bleufonce); border:0; border-radius:3px; color:#fff; height:50px; padding:7px 20px;}*/
/* 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 */
/*.content .captcha .list-unstyled {font-size:1.5em;}
.content .captcha .list-unstyled li {font-weight:bold;}
.content .captcha .control-label {display:none;}
.content .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%;}*/


/* 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:#edede8; 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 .lead p {font-size:.6731em; line-height:1.5; margin-bottom:0;}
/* Colonne droite */
.colRight .blocSearch,
.colRight .blocDate {background-color:#edede8; 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 article {margin-bottom:10px;}
.csc-sitemap 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 article ul ul {margin:0 0 0 10px; padding:0;}
.csc-sitemap 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 .content article li::before {display:none;}
.csc-sitemap article a {background:url("../Img/icons/ico-page.png") 5px 6px no-repeat #FFF; color:#333; display:block; font-weight:normal; padding:0 0 5px 24px; font-size:16px; font-weight:bold; line-height:24px; text-transform:uppercase;}
.csc-sitemap article ul ul a {color:#484848; font-weight:normal; text-transform:none;}
.csc-sitemap article ul ul ul a {font-size:13px; font-style:normal;}
.csc-sitemap article a:hover {color:#000; text-decoration:underline;}



/* 27 = Calendrier */



/* 28 = Colonne droite */
/* Menu pages soeurs */
.colRight .pagesSoeurs {border-bottom:1px solid #ddd;margin:0 0 30px;}
.noPagesSoeurs .colRight .pagesSoeurs {display:none;}
    .colRight .pagesSoeurs li {padding:0;}
        .colRight .pagesSoeurs li a {background-color:#fff; border-top:1px solid #ddd; color:#737373; display:block; line-height:1; padding:17px 0;}
        .content .colRight .pagesSoeurs li a[href^="http"] {background:none; padding:17px 0;}
        .colRight .pagesSoeurs .current a {color:#000;}

/* À télécharger */
.colRight .bloc {background-color:#edede8; margin-bottom:30px; overflow:hidden;}
    .colRight .bloc h2,
    .colRight .bloc .title {font-size:1.5em; line-height:1; margin:0; padding:18px 20px; text-transform:uppercase;}
    .colRight .bloc .list-unstyled {margin:0;}
        .colRight .bloc .list-unstyled .link {background:none; border-top:1px solid #ddd; color:#000; display:block; padding:20px 10px 20px 60px; position:relative;}
            .colRight .bloc .list-unstyled .link .sgl,
            .files-list .files-item .link .sgl {
                position:absolute; 
                left: 16px; 
                top: 50%;  
                display: block; 
                border: 1px solid var(--marron); 
                border-radius: 50%; 
                height: 30px; 
                color: var(--marron);
                font-size: 1.125em; 
                line-height: 1.6; 
                text-align: center; 
                transition: all .3s; width:30px;
                transform: translateY(-50%); 
            }
            .colRight .bloc .list-unstyled li:hover .link .sgl {background-color:var(--marron); color:#fff;}
            .colRight .bloc .list-unstyled .link .fileTitle {display:block; font-size:1.125em; line-height:1; word-break:break-all; word-break:break-word;/* FF */}
            .colRight .bloc .list-unstyled .link .extension {text-transform:uppercase;}
    .colRight .bloc .rteContent {padding:20px;}
    .colRight .rteContent .image .caption {border:0;}

/* Bloc Newsletter (utilisé pour images) */
.colRight .newsletter .rteContent {padding:0 20px;}
.colRight .newsletter .rteContent .image .caption {display:none;}

/* Bloc Les + demandés */
.colRight .plusDemandes h2 {}
    .colRight .plusDemandes .rteContent {padding:0;}
        .colRight .plusDemandes .rteContent ul {padding:0;}
            .colRight .plusDemandes .rteContent li {border-top:1px solid #ddd; padding:18px 10px 18px 60px;}
                .colRight .plusDemandes .rteContent ul li::before {background-color:#edede8; background-image:none; border:1px solid var(--marron); color:var(--marron); content:'+'; left:20px; top:15px; transition:all .3s;}
                .colRight .plusDemandes .rteContent ul li:hover::before {background-color:var(--marron); color:#fff;}
                .colRight .plusDemandes .rteContent li a {color:#000; transition:all .3s;}
                .colRight .plusDemandes .rteContent li:hover a {color:var(--marron);}


/* 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.pagelevel-1 .voxygen-wrapper,
.sansCol.page-75.pagelevel-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:#edede8; border-radius:0; left:-25px; position:absolute; top:-45px; width:200px;}
    .home .voxygen-wrapper .vox-widget {left:-93px; top:-30px;}
    .sansCol.page-7.pagelevel-1 .voxygen-wrapper .vox-widget,
    .sansCol.page-75.pagelevel-2 .voxygen-wrapper .vox-widget {left:-92px;}
      .vox-box--wrap {border:1px solid #edede8 !important;}
        .vox-box--wrap .voxbtn {background-color:#edede8 !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) */
/*.pageThreeCols .artifica-slideshow .thumbs ul {left:0; margin:0 36px; position:absolute; top:10px;}
.ie7 .pageThreeCols .artifica-slideshow .thumbs ul {width:388px;}*/
.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;}
.content .modal-header h4 {margin:0;}
/*.modal-body {padding:10px;}*/



/* 34 = Liste de fichiers */



/* 35 = 404 */
.page-erreur404{color:#fff; font-weight:400; font-size:18px; font-family:'Quicksand', Arial, Helvetica, sans-serif; text-align:center; background:#2a254b;}
.page-erreur404 .container{max-width:700px;}
/* .: header :. */
    .page-erreur404 .banner{margin-top:135px; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}      
    .page-erreur404 .banner img{width:100px; height:125px; max-width:inherit; margin:0;}
    .page-erreur404 .wrapLogo{max-width:100px; position:absolute; top:30px; left:40px;}
    .page-erreur404 .wrapTitle{font-size:36px; text-transform:uppercase;}
    .page-erreur404 .wrapTitle::after{width:1px; height:50px; content:''; display:block; margin:20px auto 0; position:relative; background:#fff; z-index:5;}
/* .: Louis XIV :. */
    .page-erreur404 .wrapPastile::before{width:1px; height:50px; content:''; display:block; margin:0 auto; position:relative; background:#2a254b; z-index:1;}
    .page-erreur404 .wrapPastile .wrapCercle{width:270px; height:270px; display:inline-block; margin-top:-50px; overflow:hidden; border-radius:50%; background:#e9c740 url("../Img/404_polygone.svg") no-repeat center center; background-size:270px 270px;}
    .page-erreur404 .wrapPastile .wrapLouis{max-width:72px; max-height:155px; display:inline-block; margin-top:50%; position:relative; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
    .page-erreur404 .wrapPastile .wrapEllipse{width:60px; height:16px; display:inline-block; position:relative; top:-15px; border-radius:50%; background:rgba(0, 0, 0, 0.15);}
/* .: citations - blockquote :. */
    .page-erreur404 .wrapCitation{margin:35px 0; font-weight:700; font-size:24px;}
    .page-erreur404 .wrapSentence{margin:0; padding:0; border:0; background:none;}
    .page-erreur404 .wrapSentence::before{display:none;}
    .page-erreur404 .wrapAuthor{font-weight:400; font-size:16px; font-style:inherit;}
/* .: contenu :. */
    .page-erreur404 .wrapContent{margin:35px 0;}
    .page-erreur404 .wrapContent p{margin:0 0 30px; font:400 18px/1em 'Quicksand', Arial, Helvetica, sans-serif;}
    .page-erreur404 .wrapContent a{color:#fff; text-decoration:underline; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
    .page-erreur404 .wrapContent a:hover{color:#e9c740; text-decoration:none;}
    .page-erreur404 .wrapContent .button{display:inline-block; padding:16px 20px; font-weight:700; text-decoration:none; border-radius:2px; background:var(--marron);}
    .page-erreur404 .wrapContent .button:hover{color:inherit; background:#8c7d58;}
/* .: animation :. */
    @keyframes animeTop {
        from {top:-50px;}
        to {top:0;}
    }
    @keyframes animeOpacity {
        from {opacity:0;}
        to {opacity:1;}
    }
    .page-erreur404 .wrapPastile{position:relative; top:-50px; animation:animeTop forwards; animation-duration:2s; animation-delay:0.5s;}
    .page-erreur404 .wrapCitation{opacity:0; animation:animeOpacity forwards; animation-duration:2s; animation-delay:2s;}
    .page-erreur404 .wrapContent{opacity:0; animation:animeOpacity forwards; animation-duration:2s; animation-delay:2.5s;}



/* 36 = Media */



/* 37 = Profils */
/* Sommaire */
.profils .spaceTop .banner {margin-bottom:0;}
.profils .colRight {margin-top:90px;}
.content .sommaireProfils {margin-top:30px; overflow:hidden;}
    .content .sommaireProfils li {float:left; padding:0 15px;}
    .sommaireProfils li.odd {margin-right:30px;}
        .content .sommaireProfils a[href^="http"] {background:#fff; border-radius:3px; color:#000; display:block; height:100px; margin-bottom:30px; padding:30px 20px; text-transform:uppercase; transition:all .3s ease-in-out;}
        .content .sommaireProfils a:hover {background-color:var(--marron); color:#fff;}
/* Fiche */
.profils .container-fluid {padding:0;}
.profils .grey {background-color:#edede8;}
.profils .relative {position:relative;}
.profils .last {padding-bottom:40px;}
    .profils .titleBloc {font-size:3em; margin:50px 0; text-align:center; text-transform:uppercase;}
    .profils .grey .col-lg-12 {padding:0;}
        .profils .grey .col-lg-12 > .title {font-size:2.5em; line-height:1; padding:45px 0; text-align:center; text-transform:uppercase;}
        .profils .listNewsProfils,
        .profils .listEventsProfils {clear:both;}

.container-fluid .content {min-height:inherit;}
    .profils .breadcrumb {margin:20px 0 20px;}

            /* Actualités */
            .profils .listNewsProfils .listActu {border-bottom:1px solid #dadada; margin-bottom:50px; overflow:hidden;}
                .profils .listNewsProfils li {margin-bottom:40px;}
                .profils .listNewsProfils li:nth-child(3n+1) {clear:left;}
                    .profils .listNewsProfils li a {color:#000;}
    .profils .grey .actuAll {display:none; /*color:#000; font-size:1.5em; -webkit-transform:translateY(-50px); transform:translateY(-50px);*/}
            /* Agenda */
            .profils .listEventsProfils .listAgenda {}
                .profils .listEventsProfils li {height:auto; margin-bottom:40px;}
                .profils .listEventsProfils li:nth-child(4n+1) {clear:left;}
    .profils .grey .eventAll {-webkit-transform:translateY(-40px); transform:translateY(-40px);}
/* Newsletter */
.profils .newsletter {padding:40px 0; text-align:center;}
    .profils .newsletter .title {font-size:2.5em; margin-bottom:.75em; text-transform:uppercase;}   
    .profils .newsletter p {font-size:1.5em; margin-bottom:1.5em;}
    .profils .newsletter .link {margin:0;}



/* 38 = Plus de sites */
.plusdesites header.header,
.plusdesites footer.footer,
.plusdesites .toolBox {display:none;}

.plusdesites .content {background-color:#2a254b; color:#fff; height:100%; margin:0; padding-right:0!important; width:100%;}
    .plusdesites .content a[href^="http"] {background:none; color:#fff; padding:0;}
        .plusdesites .header {background:url("../Img/logoBlanc-2025.svg") no-repeat 40px 30px; background-size:100px 125px; border-bottom:0; height:150px; position:relative;}

        .plusdesites .header{
            background:url("../Img/logoBlanc-2025.svg") no-repeat 40px 30px, 
            url("../Img/logo_fourqueux_blanc.svg") no-repeat 160px 23px;
            background-size: 100px, 70px, auto, auto;
        }

            .plusdesites .header .close {border:2px solid #fff; border-radius:50%; display:block; height:40px; left:auto; opacity:1; position:relative; right:30px; top:30px; width:40px;}
                .plusdesites .header .close .sgl {color:#fff; font-size:20px; left:8px; position:absolute; top:7px;}

        .plusdesites .body {
            padding: 20px 0; 
            text-align: center;
        }
            .plusdesites .content h2 {font-size:2em; margin-bottom:0; text-transform:uppercase;}
            .plusdesites .content .plusdesites,
            .plusdesites .content .plusdereseaux {margin-bottom:40px; overflow:hidden; position:relative;}

            .plusdesites .content .plusdereseaux {
                display: grid;
                overflow: visible;
            }

            /*.plusdesites .content .plusdesites:nth-child(3) .list-unstyled {width:auto;}
                .plusdesites .content .plusdesites:nth-child(3) .list-unstyled li:nth-child(6) {clear:left;}*/
            .plusdesites .content .body div:nth-child(5) {margin-bottom:0;}
            .plusdesites .content .body div:nth-child(5)::after {background-color:transparent;}
            .plusdesites .content .body .plusdesites:nth-child(2) .list-unstyled {width:912px;}
                .plusdesites .content .list-unstyled {font-size:1em; line-height:inherit;}

            /* Plus de sites */
            .plusdesites .content .plusdesites::after,
            .plusdesites .content .plusdereseaux::after {background-color:#55516f; bottom:0; content:''; display:block; height:1px; left:50%; position:absolute; top:auto; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:75%;}
            .plusdesites .plusdesites .list-unstyled {margin:25px auto 0; width:60%;}
                .plusdesites .plusdesites .list-unstyled li,
                .plusdesites .plusdereseaux .list-unstyled li {display:inline-block;}
                .plusdesites .plusdesites .list-unstyled li {height:180px;}
                    .plusdesites .plusdesites .list-unstyled li a,
                    .owl-plusdesites .plusdesites-link {display:block; font-size:1.333em; font-weight:700; line-height:1; text-align:center; width:180px;}
                        .plusdesites .plusdesites .list-unstyled li a .icone,
                        .plusdesites .plusdereseaux .list-unstyled li a,
                        .owl-plusdesites .plusdesites-link .icone {background-repeat:no-repeat; border-radius:50%; transition:all .3s ease-in-out;}
                            .plusdesites .plusdereseaux .list-unstyled li a .infobulle {
                                display: none;
                            }
                                .plusdesites .plusdereseaux .list-unstyled li a .infobulle::before {
                                    position: absolute;
                                    left: calc(50% - 7px);
                                    top: -14px;
                                    display: block;
                                    content: '';
                                    border: 7px solid #fff;
                                    border-left-color: transparent;
                                    border-right-color: transparent;
                                    border-top-color: transparent;
                                }
                            .plusdesites .plusdereseaux .list-unstyled li a:hover .infobulle {
                                position: absolute;
                                z-index: 1;
                                bottom: -50px;
                                display: flex;
                                background: #fff;
                                border-radius: 4px;
                                padding: 10px 15px;
                                color: #2a254b;
                                font-size: 1.167em;
                                font-weight: 600;
                                line-height: 1;
                                text-transform: uppercase;
                                white-space: nowrap;
                            }
                        .owl-plusdesites .plusdesites-link:hover .icone {
                            transform: translateY(-10px);
                        }

                        .plusdesites .plusdereseaux .list-unstyled li a:hover {background-color:var(--marron)!important; color:#fff!important;}                
                        .plusdesites .plusdesites .list-unstyled li a .icone,
                        .owl-plusdesites .plusdesites-link .icone {background-position:center center; background-size:60px auto; display:inline-block; height:100px; width:100px;}
                            .plusdesites .icone .sgl,
                            .owl-plusdesites .plusdesites-link .sgl {font-size:60px; line-height:100px;}


                            .plusdesites .plu .sgl {font-size:24px; line-height:128px; position:relative; top:-13px;}
                            .plusdesites ._oti .sgl {font-size:30px; line-height:127px; position:relative; top:-12px;}
                            .plusdesites ._musee_archeologie_nationale .sgl {font-size:44px; line-height:114px; position:relative; top:-8px;}
                            .plusdesites ._mas .sgl {font-size:38px; line-height:118px; position:relative; top:-12px;}
                            .plusdesites ._C2L .sgl {font-size:30px; line-height:126px; position:relative; top:-14px;}
                            .plusdesites ._yvelines_1ere .sgl {font-size:24px; line-height:132px; position:relative; top:-15px;}
                            .plusdesites ._syndicats_intercommunaux .sgl {}
                            .plusdesites ._scposgl .sgl {color:#ffffff;}
                            .plusdesites ._psg .sgl {color:#fff;}
                            .plusdesites ._lyceeintsgl .sgl {color:#ffffff;}
                            .plusdesites ._boucles_de_seine .sgl {font-size:24px; line-height:132px; position:relative; top:-13px;}
                            .plusdesites ._syndicats_intercommunaux .sgl {}


                        .plusdesites .plusdesites .list-unstyled li a .text,
                        .owl-plusdesites .plusdesites-link .text {display:block; float:left; padding:10px 5px; width:100%;}
                
            /* Plus de réseaux */
            .plusdesites .plusdereseaux .list-unstyled {
                display: flex;
                align-items: center;
                justify-content: center;
                margin:25px auto 35px; width:50%;
            }
                .plusdesites .plusdereseaux .list-unstyled li a {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    background-position:center center; background-size:auto 26px; height:50px; margin:5px; padding:0; width:50px;
                }
                    .plusdesites .plusdereseaux .list-unstyled li a .sgl {
                        font-size: 26px;
                        line-height: 1;
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a.twitter .sgl {
                        font-size: 22px;
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a.wifi .sgl {
                        font-size: 22px;
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a.acces_internet .sgl {
                        font-size: 30px;
                    }
                .plusdesites .plusdereseaux .list-unstyled li a.ic_fibre {
                    align-items: flex-end;
                }
                    .plusdesites .plusdereseaux .list-unstyled li a.ic_fibre .sgl {
                        font-size: 46px;
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a.ic_5a .sgl {
                        font-size: 18px;
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a .sr-only {height:0; width:0;}



/* 39 = Compte */
.backendlayout-pagets__structure {text-align:center;}
.tx-felogin-pi1 input[type="submit"] {margin-top:1em;}



/* 40 = Commentaires */
.container-fluid .grey {background-color:#edede8; padding:50px 0;}
    .artifica-reactto a[name="comment-form"] {display:none;}
    .artifica-reactto h2 {text-align:center; text-transform:uppercase;}
        .artifica-reactto legend {display:none;}
        .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(2) .form-group,
        .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(3) .form-group {float:left; width:46%;}
        .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(3) .form-group {float:right}
        /* Si erreurs */
        /*.artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(2) .form-group,*/
        .artifica-reactto .form-horizontal .alert + fieldset:nth-child(5) .require:nth-child(2) .form-group,
        .artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(3) .form-group {float:left; width:46%;}
        .artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(3) .form-group {float:right}

            .artifica-reactto .control-label {margin-bottom:5px; text-align:left; width:100%;}
            .artifica-reactto .col-sm-4 {width:100%;}
        .artifica-reactto .submit {background-color:var(--marron); position:relative; /*text-indent:200%;*/ width:100%;}
            .artifica-reactto .submit .fa-send {display:none;}
                /*.artifica-reactto .submit::before {content:"Laisser un commentaire"; left:50%; position:absolute; text-indent:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}*/
    
        .artifica-reactto .comment-list {/*border-top:1px solid #d1d1d1; padding-top:50px;*/}
            .comment-list ul {padding:0;}
            .comment-list ul:last-child {margin:0;}
                .comment-list ul li {border-bottom:1px solid #d1d1d1; margin-bottom:1em; padding:0;}
                .comment-list ul li:last-child {border:0;}
                    .comment-list ul li::before {display:none;}
                    .comment-list ul p {font-size:1em; margin-bottom:10px;}
                    .comment-list ul .replies {border-top:1px solid #d1d1d1; margin:10px 0 10px 40px; padding:10px 0 00;}
                    .comment-list ul .comment-meta {margin-bottom:10px;} 
                    .comment-list .comment-admin-barre {margin-bottom:10px; text-align:right;}
                        .comment-list .comment-admin-barre .button-simple {background-color:var(--bleufonce); border:0; border-radius:3px; color:#fff; font-size:.75em; font-weight:bold; margin-left:10px; padding:5px; text-transform:uppercase;}
                .comment-list .comment-pseudo {font-size:1.125em; margin-right:.75em;}
                .comment-list .comment-date {color:#737373; font-size:1.125em;}
                .comment-list .comment-message {}
                .comment-list .beuser-admin-barre {margin:-2em 0 2em;}
                    .comment-list .beuser-admin-barre .button-simple {color:#fff; font-size:.85em; margin-bottom:0; min-height:auto; padding:5px 10px;}
                    .comment-list .beuser-admin-barre .button-simple:hover {background:#fff; color:#333;}
        .artifica-reactto .form-horizontal {border-top:1px solid #d1d1d1; padding-top:50px;}
        .artifica-reactto .reply .form-horizontal {border:2px solid var(--bleufonce); border-radius:4px; font-size:.75em; margin:10px 10px 0; padding:15px;}
            .artifica-reactto .reply .form-horizontal .text-center {font-size:1.333em; padding:0 20px;}



/* 41 = Annuaires */
/* ÉLUS */
/* Liste */
.directoryList .filters {margin-bottom:35px;}
.barResults .total {border-bottom:1px solid #dadada; font-size:1.5em; padding-bottom:40px; text-transform:uppercase;}
/* Fiche */
.elus.layout-single .titleHeader {background:url(../Img/elus.svg) no-repeat center center; background-size:40px 49px; border:3px solid #fff; border-radius:50%; height:100px;  margin:0 auto; text-indent:200%; white-space:nowrap; width:100px;}
    .elus.layout-single .titleHeader::before {content:'élus'; display:block; font-size:18px; left:50%; position:absolute; text-indent:0; top:112px; transform:translateX(-50%);}
.elus.layout-single .content .breadcrumb {padding:0;}
.elus .singleDirectories .backlink {display:none;}
    .elus.layout-single .singleDirectories .theme {margin:0;}
    .elus.layout-single .singleDirectories .text .title {font-size:4em;}
    .elus.layout-single .singleDirectories .vignetteRight {float:right;}
        .elus.layout-single .singleDirectories .vignetteRight .img-responsive {border:1px solid #dedede; padding:20px 35px; width:100%;}
            .elus.layout-single .singleDirectories .vignetteRight li {background-color:#edede8; font-size:1.333em; padding:20px;}
            .elus.layout-single .singleDirectories .vignetteRight .tel {border-top:1px solid #ddd;}
                .elus.layout-single .singleDirectories .vignetteRight li .icon {display:block; float:left; margin-right:20px; width:20px;}
                .elus.layout-single .singleDirectories .vignetteRight .email .icon {margin-top:4px;}
                .elus.layout-single .singleDirectories .vignetteRight li .link {color:#000;}

    .elus.layout-single .singleDirectories .infos .list-unstyled {border-bottom:1px solid #ddd; margin:0 0 40px;}
        .elus.layout-single .singleDirectories .infos ul li {border-top:1px solid #ddd; line-height:1; overflow:hidden; padding:21px 0;}
            .elus.layout-single .singleDirectories .infos ul li strong {display:block; float:left; font-size:1.125em; width:26%;}
            .elus.layout-single .singleDirectories .infos ul li p {float:right; font-size:inherit; margin:0; width:74%;}

/* Classique */
/* Liste */
.pagelevel-2.annuaires .content .breadcrumb {display:none;}
.pagelevel-2.annuaires .container-filters .container-flex {border:0; height:69px;}
.directoryList .totalresults {border-bottom:1px solid #dadada; font-weight:700; margin-bottom:30px; padding-bottom:30px; text-transform:uppercase;}
.directoryList .directories {margin:0 0 40px; overflow:hidden;}
    .directories li {float:left; width:50%;}
    .directories .liLeft {padding:0 15px 0 0;}
    .directories .liRight {padding:0 0 0 15px;}
        .directories .background {background-color:#edede8; margin-bottom:30px; min-height:250px; padding:60px 30px 20px; position:relative;}
            .directories a {color:#000;}
                .directories .category {background-color:#fff; color:var(--marron); font-weight:bold; height:40px; left:30px; line-height:20px; padding:10px 20px; position:absolute; text-transform:uppercase; top:0;}
                .directories .title {font-size:1.5em; margin-bottom:20px;}
                .directories .address {font-size:1em; margin-bottom:20px; padding:0 0 0 30px; position:relative;}
                .directories .address::before {color:var(--marron); content:'\e93a'; left:0; font-size:20px; position:absolute; top:-4px;}
            .directories .coordonnees {}
                .coordonnees .email,
                .coordonnees .phone,
                .coordonnees .web {display:inline-block; padding:0 0 0 30px; position:relative; text-decoration:underline; transition:all .3s; width:32%;}
                .coordonnees .email:hover,
                .coordonnees .phone:hover,
                .coordonnees .web:hover {color:var(--marron);}
                    .coordonnees .email::before,
                    .coordonnees .phone::before,
                    .coordonnees .web::before,
                    .singleDirectories .col-lg-3 .list-unstyled a::before {color:var(--marron); left:0; font-size:20px; position:absolute; top:-4px;}
                    .coordonnees .email::before,
                    .singleDirectories .col-lg-3 .list-unstyled .email a::before {content:'\e918';}
                .coordonnees .phone {text-decoration:inherit;}
                    .coordonnees .phone::before,
                    .singleDirectories .col-lg-3 .list-unstyled .tel a::before {content:'\e936';}
                .coordonnees .web {}
                    .coordonnees .web::before,
                    .singleDirectories .col-lg-3 .list-unstyled .site a::before {content:'\e94d';}
.annuaires .navSommaire {display:none;}
.pagelevel-1.annuaires .navSommaire {display:block;}
/* Entreprises */
                .directories .siret {font-size:1em; margin:-10px 0 20px;}
/* Filtres */
.annuaires .directoryList .filters {width:100%;}
    .directoryList .container-flex .category {border-left:1px solid #dadada; height:69px; line-height:60px; overflow:hidden; position:relative;}
        .directoryList .container-filters .container-flex .form-control {background:url("../Img/arrow-down.png") no-repeat right 80px top 15px; color:#000; cursor:pointer; font-weight:bold; text-transform:inherit; width:120%;}
    .directoryList .container-flex .mot-cle {border-left:1px solid #dadada; width:57%;}
        .directoryList .container-filters .container-flex .mot-cle .btn {border:0; font-weight:200; text-align:left; text-transform:inherit;}
.singleDirectories .backlink,
.directoryList .backlink {display:inline-block; clear:left; color:#fff; float:left; font-weight:bold; margin:-40px 0 60px 25px; transition:all .3s;}
.directoryList .backlink {display:block; float:none; margin:0 auto 40px; white-space:inherit; width:255px;}
.singleDirectories .backlink:hover,
.directoryList .backlink:hover{background-color:#000; border-color:#000; color:#fff;}
/* Fiche */
.pagelevel-2.annuaires.layout-single .spaceTop .banner {border:0; margin-bottom:35px;}
.pagelevel-2.annuaires.layout-single .content .breadcrumb {display:block; padding:0;}
.singleDirectories .col-lg-8 .title {font-size:4em; margin-bottom:50px;}
.singleDirectories .col-lg-8 .list-unstyled {border-top:1px solid #ddd; margin:0 0 75px;}
    .singleDirectories .col-lg-8 .list-unstyled li {border-bottom:1px solid #ddd; line-height:1; padding:20px 0;}
        .singleDirectories .col-lg-8 .list-unstyled span {display:inline-block; font-size:1.125em; width:25%;}
        .singleDirectories .col-lg-8 .list-unstyled .description p {font-size:1em; margin:0 0 .5em;}

.singleDirectories .col-lg-3 .inscription {display:block;}
.singleDirectories .col-lg-3 .list-unstyled {background-color:#edede8; margin:0 0 75px;}
    .singleDirectories .col-lg-3 .list-unstyled li {border-top:1px solid #ddd; line-height:1; padding:20px;}
    .singleDirectories .col-lg-3 .list-unstyled li:first-child {border:0;}
        .singleDirectories .col-lg-3 .list-unstyled a {color:#000; display:inline-block; padding:0 0 0 30px; position:relative; transition:all .3s;}
        .singleDirectories .col-lg-3 .list-unstyled a:hover {color:var(--marron); text-decoration:underline;}
    .singleDirectories .col-lg-3 .image {border:1px solid #ddd; margin:0;}

.singleDirectories .col-lg-12 {border-top:1px solid #ddd; clear:both; margin-bottom:75px; padding-top:50px;}
    .singleDirectories .col-lg-12 .title {text-align:center; text-transform:uppercase;}
    .singleDirectories .col-lg-12 .row {margin:0 -15px;}
        .singleDirectories .col-lg-12 .row .localisation-title {font-size:1.5em; margin:30px 0 10px; padding:20px 0 0; position:relative;}
        .singleDirectories .col-lg-12 .row .localisation-title::before {background-color:var(--marron); content:''; height:2px; left:0; position:absolute; top:0; width:50px;}
        .singleDirectories .col-lg-12 .row .adresse {font-size:1.333em;}


/* 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;}



/* 43 = MODALES */
dialog {
    border: 0;
    max-height: inherit;
    margin: 0;
    padding: 0;
    max-width: inherit;
}
#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;}


/* 44 = ChatBot */
/* ChatBot */
.WidgetButtonSGEL {z-index:10;}
.modal-cookie-consent-scroll-visible .z-\[2147483647\] {
    z-index: 0;
}

/* 45 = Élections */
body.elections {
    background-color: #5584D8;
}
    .elections .header .artifica-form .white {
        background-color: #5584D8;
    }
        .header .artifica-form .rechercheChamp::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #fff;
        }
        .header .artifica-form .rechercheChamp::-moz-placeholder { /* Firefox 19+ */
            color: #fff;
        }
        .header .artifica-form .rechercheChamp:-ms-input-placeholder { /* IE 10+ */
            color: #fff;
        }
        .header .artifica-form .rechercheChamp:-moz-placeholder { /* Firefox 18- */
            color: #fff;
        }

    .elections .container-fluid .header {
        background-color: transparent;
    }
        .elections .logo img {
            width:104px;
        }
    .elections .content .breadcrumb,
    .elections #wrap .footer {
        display: none;
    }

    .elections .spaceTop .banner {
        min-height: inherit;
        padding-top: 70px;
        background-color: #5584D8;
    }
        .elections .banner .titleHeader {

        }
        .elections .banner img {
            display: none;
        }
.elections .container {
    width: 1400px;
}

.elections .toolBox,
.elections .WidgetButtonSGEL {
    display: none;
}
.elections .content h2 {
    margin-bottom: 20px;
    color: #fff;
    text-align: center;    
}
.elections .content .subtitle {
    display: table;
    margin: 0 auto 40px;
    padding: 5px 12px;
    background-color: #f05f5f;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}
    .elections .subtitle::before {
        content: '#';
    }
.elections .content p.lead {
    padding: 5px 12px;
    background-color: #1a51a4;
    color: #fff;
    font-size: 1rem;
}
.elections .link-bottom,
.elections .link-left {
    color: #fff;
}
.elections .link-bottom {
    display: block;
    border: 2px solid #fff;
    margin: 40px auto;
    padding: 5px 12px;
    width: 220px;
    font-size: 1.5rem;
    text-align: center;    
}
.elections .link-left {
    position: fixed; 
    right: 0;
    top: 50%;
    border-bottom: 2px solid #fff;
    padding: 0 36px 11px 0;
    font-size: 1.2rem;
    transform: translateY(-50%);
}
    .elections .link-bottom::before,
    .elections .link-left::before {
        display: inline-block;
        content: '';
        border: 2px solid transparent;
        border-right-color: #fff;
        border-bottom-color: #fff;
        height: 13px;
        width: 13px;
        transform: rotate(-45deg);
    }        
    .elections .link-bottom::before {
        margin: 0 16px 2px 0;
    }   
    .elections .link-left::before {
        position: absolute;
        left: -25px;
        top: 6px;
    }  

.elections .widget-flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    overflow: hidden;
}
    .elections .widgetExt {
        background-color: #fff;
        padding: 90px 20px 0;
        width: calc(33% - 33px);
        position: relative;
    }
    .elections .instagram {
        padding: 5px;
    }
        .elections .widgetExt::before {
            position: absolute;
            right: 15px;
            top: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            content:'';
            border-radius: 50%;
            height: 55px;
            width: 55px;
            color: #fff;
            font: normal normal normal 32px/1 FontAwesome;
        }
        .elections .widgetExt.twitter::before {
            content: '\f099';
            background-color: #5bc8e7;
        }
        .elections .widgetExt.instagram::before {
            content: '\f16d';
            background-color: #ed6a9c;
        }
        .elections .widgetExt.facebook::before {
            content: '\f09a';
            background-color: #0861b3;
        }
        .twitter-tweet .twitter-tweet-action::before {
            display: none;
        }
        .elections .widgetExt .fb_iframe_widget iframe {
            max-width: celc(100% - 40px);
        }


@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;
}

h1, h2, h3, h4, h5, h6,
.carousel .carousel-inner .infos .category,
.listEvents .category,
.carousel .carousel-inner .infos .date,
.listEvents .date,
.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; }

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

div {padding:1pt 0;}

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



/* MEDIA QUERIES */

@media(min-width:1600px){ /* ================= | ================= | ================= | ================= | ================= | ================= | ================= */
    /* 07 = Page interne */
                .banner figure img {height:auto; max-width:inherit; min-height:350px; min-width:100%;}
}

    
@media(max-width:1600px){

    /* 06 = Accueil */ 
    .home .content .listActu .list-unstyled {margin-bottom:0;}
    /* Boutons "+ de..." */
    .home .container-fluid .content .actuAll,
    .profils .grey .actuAll,
    .home .container-fluid .content .eventsAll,
    .profils .grey .eventAll,
    .home .container-fluid .images .allKiosque,
    .home .container-fluid .allNumerique,
    .profils .container-fluid .allNumerique {background-color:#2a254b; border-radius:3px; clear:both; color:#fff; display:block; height:50px; line-height:31px; margin:0 auto; max-width:1180px; padding:10px 0; position:static; text-align:center;}
    .home .container-fluid .content .actuAll {margin-bottom:40px;}
    .profils .grey .actuAll {}
    .home .container-fluid .content .eventsAll {margin-bottom:0;}
    .profils .grey .eventAll {margin-top:1em;}
    .home .container-fluid .images .allKiosque {margin-bottom:1em;}
        .home #wrap .plus,/* ENLEVER REFONTE 2020*/
        .profils #wrap .plus {display:inline-block; float:none; height:inherit; margin:0; width:inherit;}
        .home .content .actuAll::before,
        .profils .grey .actuAll::before,
        .home .content .eventsAll::before,
        .profils .grey .eventAll::before,
        .home .images .allKiosque::before {width:0;}

    #wrap a:hover .plus {background-color:transparent;}

    /* 37 = Profils */
    .profils .last {padding-bottom:0;}

}

@media(max-width:1400px){

    /* 05 = Header */
    /* Navigation */
    .header .navPrincipal {
        max-width: calc(100% - 125px);
    }
    .header .navPrincipal > .list-unstyled {
        display: flex;
        justify-content: center;
        width: inherit;
    }
        .header .navPrincipal li a {
            margin: 0 10px;
            font-size: 1.5em;
        }

    .elections .container {
        width: inherit;
    }
}


@media(max-width:1250px){
    
    .backendlayout-pagets__page .content .col-sm-8,
    .content .col-sm-12 {padding-left:60px;}    
    .content .singleDirectories .col-sm-12 {padding-left:20px;}

}


@media(max-width:1200px){

    /* 04 = Structure */
    .container {width:100%;}

    /* 05 = Header */
    .header .navPrincipal li a {
        margin: 0 10px!important;
        padding:30px .75em 1em;
    }
    .header .right {width:110px;}

    /* 06 = Accueil */ 
    /* En ce moment *
    /* Actus */
    .home .content .listActu .list-unstyled .col-lg-4 {height:auto; max-height:none;}
    /*.home .content .listActu .list-unstyled .col-lg-4:nth-child(2n + 1) {clear:left;}*/
    /* Agenda */
    .listAgenda .col-lg-5 .calendar {padding:15px; width:100%;}
    /* En images */
    .listRecords .list-unstyled li .title {font-size:1.5em;}
    /* Boutons "+ de..." */
    .home .container-fluid .images .allKiosque {margin:0 20px 1em;}
    .home .container-fluid .content .actuAll {margin:0 20px 40px;}
    .home .container-fluid .content .eventsAll {margin:0 20px;}

    /* 14 = Trombinoscope */
    /*.trombinoscope .col-lg-4:nth-child(3n + 1) {clear:none;}
    .trombinoscope .col-sm-6 {text-align:center;}
    .trombinoscope .col-sm-6:nth-child(2n + 1) {clear:left;}*/
    .trombinoscope a .hovereffect {min-height:230px;}
        .trombinoscope .left {left:0; position:absolute; top:0;}
        .trombinoscope .text {padding:30px 30px 30px 230px; width:auto;}

    /* 18 = Agenda */
    /* Single */
    .layout-single .dateColright .day {font-size:2.5em; margin-right:5px;}
    .layout-single .dateColright .month,
    .layout-single .dateColright .year {font-size:1em;}
    .layout-single .dateColright .month {margin-bottom:-6px;}
    .layout-single .dateColright .separator {font-size:2em;}
  
    .container-filters .container-flex .filtrer {font-size:1.2em;}

    /* 21 = Actualites */
    /* Liste */
    .content .listActu li:nth-child(3n+1) {clear:none;}
    .content .listActu li:nth-child(2n+1) {clear:both;}

    /* 23 = Videotheque */
    /* Liste */
    .videotheque .spaceTop .banner {border-bottom-width:20px;}
    .videotheque .content .cacheCouncil {margin:0 -20px; overflow:hidden; padding:0 20px;}
        .videotheque .content .videoCouncil {padding-bottom:70px;}
        .listVideos .media {height:auto; margin-bottom:10px;}
        .listGallery .title,
        .listVideos .title {font-size:1.5em;}
            /*.videotheque .content .videoCouncil .barFilter {display:none;}*/
    /* Vidéos du conseil municipal */
    .content .videoCouncil::before {bottom:0; height:1000px; left:-20px; top:auto; width:1200px;}
    .content .videoCouncil .col-lg-8 {margin-bottom:1em; padding:0;}

    /* 37 = Profils */
    .profils .listEventsProfils li:nth-child(4n+1) {clear:inherit;}
    .profils .listEventsProfils li:nth-child(3n+1) {clear:left;}

    /* 38 = Plus de sites */
    .plusdesites .plusdesites .list-unstyled,
    .plusdesites .content .body .plusdesites:nth-child(2) .list-unstyled {width:100%;}
    
    /* 41 = Annuaires */
    /* Classique */
    /* Liste */
    .directories .background {padding:60px 20px 20px;}
    .coordonnees .email,
    .coordonnees .phone,
    .coordonnees .web {margin:0 0 .5em; width:100%;}


}

/* RESPONSIVE */
/*-TABLETTE 30%-*/
@media (min-width:768px) and (max-width: 1279px) /* VERSION TABLETTE */ {/************************************************/

  /* 05 = Header */
    .header .navPrincipal li a {font-size:1.5em; padding:30px 1em 1em;}
        .header .navPrincipal .dropdown .dropdown-menu {top:65px;}

    /* 06 = Accueil */ 


  /* 07 = Page interne */
    .banner .date .container {padding:25px 30px;}
        .banner .date .container time,
        .banner .date .container .place {font-size:.75em;}
    .banner .titleHeader {font-size:4em; left:0; margin:0; max-width:none; width:100%;}
    .banner figure {height:350px;}
        .banner img {height:100%; left:50%; max-width:inherit; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:auto;}

  /* RTE */
  .content h1,
  .page-2 .row .row-title,
  .pagelevel-1.agenda .header h1 {font-size:6em; padding-right:0;}
  .content .header .subtitle {/*font-size:3em;*/}
  .content h2 {/*font-size:3em;*/}
  .content h3 {/*font-size:2em;*/}

  /* 08 = Colonne droite */

    
  /* 18 = Agenda / Saison */


  /* 30 = Voxygen */
  /*.home .voxygen-wrapper {right:2%;}*/

    /* 41 = Annuaires */
    /* Fiche */
    .elus.layout-single .titleHeader {left:50%;}
    
}

@media(min-width:992px){

    /* 05 = Header */
    .header .navPrincipal li a {margin:0 25px; padding:30px 0 20px;}

    .header .navPrincipal > ul > li > a {overflow:hidden; padding:30px 0 17px; position:relative;}
    .refonte .header .navPrincipal > ul > li > a {
        padding: 26px 0 22px;
    }
    .header .navPrincipal > ul > li.current > a {color:var(--marron);}
    .header .navPrincipal > ul > li > a::before {background:var(--marron); bottom:0; content:""; height:4px; left:0; position:absolute; right:100%; z-index:-1;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
    .header .navPrincipal > ul > li:hover > a::before/*,
    .header .navPrincipal > ul > li.current > a::before*/ {right:0;}

    /* 2ème niveau */
    .header .navPrincipal .dropdown-menu {background:var(--bleufonce); border:0; border-top:35px solid var(--bleufonce); box-shadow:none; display:none; left:0; margin:0; /*opacity:0;*/ position:fixed; right:0; top:70px;}  
    .header .navPrincipal .dropdown .dropdown-menu {padding:40px 0;}  

    .header .navPrincipal .dropdown:hover .dropdown-menu,
    .header .navPrincipal .dropdown a:focus + .dropdown-menu {display:block;}

    /*.header .navPrincipal .dropdown:hover .dropdown-menu,
    .header .navPrincipal .dropdown a:focus + .dropdown-menu {animation-name:hoverMenu; animation-duration:.3s; animation-fill-mode:forwards; display:block; width:100%;}  

    @keyframes hoverMenu {
        0% {display:none;}
        1% {display:block;}
        100% {display:block; opacity:1;}
    }*/

    .ie11 .header .navPrincipal .dropdown:hover .dropdown-menu,
    .ie11 .header .navPrincipal .dropdown a:focus + .dropdown-menu {display:block; opacity:1;}

        .header .navPrincipal .dropdown-menu li {float:none;}
            .header .navPrincipal .dropdown-menu li a {display:block; font-size:1em; padding:11px 30px 11px 0; /*transition:background-color 1s;*/}
            .header .navPrincipal .dropdown-menu li:hover a {background-color:var(--marron);}
        /* 3ème niveau */
        .header .navPrincipal .dropdown-menu .col-lg-4 {
            max-height: calc(100vh - 145px);
            padding:0; 
            width:33%;
            float:left; 
            overflow: hidden auto;
        }
            .header .navPrincipal .current .dropdown-menu a,
            .header .navPrincipal li:hover .dropdown-menu a {border:0; border-right:1px solid var(--marron); font-size:1.125em; margin:0; position:relative; text-align:right; z-index:1001;}

                .header .navPrincipal .dropdown .dropdown-menu .itemLevel2 .dropdown-menu {background:var(--bleufonce); border:0; display:none; left:100%; padding:0; position:absolute; top:0; width:96%;}
                .header .navPrincipal .dropdown:hover .dropdown-menu .itemLevel2:hover .dropdown-menu {background:var(--bleufonce); display:block; min-height:100%;}
                    .header .navPrincipal .dropdown:hover .dropdown-menu .itemLevel2:hover .dropdown-menu::before {background-color:var(--bleufonce); bottom:0; content:''; display:block; height:300px; left:-500%; position:absolute; right:-500%; top:auto; z-index:-1;}
                    .header .navPrincipal .dropdown .dropdown-menu .itemLevel2 .dropdown-menu .niveau2 {left:29px; position:relative;}
                        .header .navPrincipal .current .dropdown-menu .itemLevel2 .dropdown-menu a,
                        .header .navPrincipal li:hover .dropdown-menu .itemLevel2 .dropdown-menu a {background:var(--bleufonce); border:0; font-size:1em; font-weight:normal; padding:12px 12px 12px 20px; position:relative; text-align:left; text-transform:inherit;}
                        .header .navPrincipal .dropdown-menu .itemLevel2 .dropdown-menu li:hover a {color:var(--marron);}
                        .header .navPrincipal li:hover .dropdown-menu .itemLevel2 .dropdown-menu .itemLevel3.active .itemLevel3 a {color:#fff;}
                        .header .navPrincipal li:hover .dropdown-menu .itemLevel2 .dropdown-menu .itemLevel3.active a,
                        .header .navPrincipal li:hover .dropdown-menu .itemLevel2 .dropdown-menu .itemLevel3.active .itemLevel3.active a {color:var(--marron);}
                        .header .navPrincipal li:hover .dropdown-menu .itemLevel2 .dropdown-menu a::after {background:url("../Img/ic_arrow-right-beige.svg") no-repeat center center; background-size:7px 13px; content:''; height:13px; left:0; position:absolute; top:14px; width:7px;}
                        /* 4ème niveau */
                        .header .navPrincipal .dropdown-menu .itemLevel2 .dropdown-menu .dropdown-menu {left:0; position:relative;}
                            .header .navPrincipal .dropdown-menu .itemLevel2 .dropdown-menu .dropdown-menu .niveau2 {left:0;}
                                .header .navPrincipal .dropdown-menu .itemLevel2 .dropdown-menu .dropdown-menu .niveau2 li a {padding:12px 12px 12px 40px;}
                                .header .navPrincipal .dropdown-menu .itemLevel2 .dropdown-menu .dropdown-menu .niveau2 li a::after {content:'>'; display:block; font-weight:normal; left:20px; position:absolute; top:11px;}

    /* 06 = Accueil */ 
    /* Content */
    .home .container .content {padding-top:200px;}
    .container-fluid .accueil {background-size:cover; margin:0 auto; padding-top:300px;}
    .container-fluid.refonte .accueil {
        padding-top: 265px;
    }

}

/*-MOBILE-*/
@media (max-width:991px) /* VERSION MOBILE*/ {/**************************************************************************/

  /* 04 = Structure */
    .container {width:100%;}

  /* 05 = Header */
    .header .navPrincipal {max-width:inherit; z-index:5;}
    /* Logo */
    .header .logo {float:none; left:50%; position:absolute; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%);}/*EFFACER REFONTE 2020 */
    /*.safari .refonte .header .logo {
        width: 138px;
    }*/

    .refonte .header.srollpage .logo {
        position: static;
        margin-left: 60px;
        float: left;
        transform: none;
    }
        .header .logo a {
            margin:10px 0 0;
        }
        .home .header:hover .logo a {
            margin: 15px 0 0;
        }
        .home .header .logo a {
            /*margin:15px 0 0;*/
        }
        .refonte .header .logo a {/*REFONTE 2020*/
            margin: 10px 0 0;
        }
            .home .logo img {width:auto;}
            .home .refonte .header .logo .img {
                width: 45px;/*width: 76px;*/
            }
            .home .refonte .srollpage .logo .img {
                height: 60px;
                width: 47px;
                margin: 0 5px;
            }
            .home .refonte .header .logo .img-2 {
                height: auto;
                width: 52px;
            }
            .home .refonte .srollpage .logo .img-2 {
                height: 45px;
                width: 33px;
            }
    /* Navigation */
    .header .navPrincipal > .list-unstyled {
        display: block;
    }
        .header .navPrincipal li {float:none;}
        .refonte .header .navPrincipal .button-mobile {/*REFONTE 2020*/
            /*display: none;*//* ENLEVER REFONTE 2020*/
            background-color: var(--bleufonce);
        }
        .refonte .header .navPrincipal .button-mobile-profil {
            padding: 30px 0 10px;
        }
        .refonte .header .navPrincipal .button-mobile-sites {
            padding: 10px 0 30px;
        }        
            .refonte .header .navPrincipal .button-mobile-link {/*REFONTE 2020*/
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
                border-radius: 3px;
                height: 50px;
                margin: 0 auto !important;
                width: 220px;
                color: #404b5d;
            }

    /* menu */
    .header .navbar-toggle {background:#fff; border-radius:50%; left:0; margin-left:15px; position:absolute; top:0;}
    .refonte .header .navbar-toggle {
        margin: 22px 12px;
    }
    .navbar-toggle.collapsed {background-color:var(--bleufonce);}
    .home .refonte .navbar-toggle.collapsed {
        background-color: transparent;
    }
        .navbar-toggle .icon-bar {background-color:var(--bleufonce);}
        .navbar-toggle.collapsed .icon-bar {background-color:#fff;}
        .texteNoir .navbar-toggle.collapsed .icon-bar {background-color:var(--bleufonce);}

    .header .navPrincipal {float:none; left:0; position:absolute; top:100px; width:100%;}
    .refonte .header .navPrincipal {
        top: 80px;
    }
        .navPrincipal .navbar-collapse {padding:0;}
        .safari .navbar-collapse {-webkit-overflow-scrolling:inherit;}
            .navPrincipal .navbar-collapse li {background:var(--bleufonce); width:100%;}
                .header .navPrincipal li a {
                    margin: 0px!important;
                    padding:1em;
                    background-color:var(--bleufonce); 
                    font-size:1.5em;
                    text-align: center;
                }
                    .header .navPrincipal .dropdown-menu {position:static; width:100%;} 
                        .header .navPrincipal .dropdown-menu li a {font-size:.75em;}       
    /* Icônes droite entête */
    .header .lang {display:none;}
    .header .artifica-form {float:right; margin:6px 0 0 0;}
    .header .artifica-form.on .white .rechercheChamp {left:2%; width:68%;}

    /* Bannière */
    .spaceTop .banner {background-color:var(--bleufonce); margin:0; min-height:120px;}
    .page-111 .spaceTop .banner,
    .page-112 .spaceTop .banner,
    .phototheque .spaceTop .banner,
    .videotheque .spaceTop .banner,
    .page-1500 .spaceTop .banner {min-height:190px;}
    .videotheque .spaceTop .banner {border-bottom-width:20px;}
        .banner figure,
        .pagesanscolonne .banner figure {height:140px;}

    /* Recherche */
    .header .artifica-form .rechercheOK {
        left: calc(70% - 50px);
    }


    /* 06 = Accueil */    
    /* Gabarit */
    .home .container-fluid .header {/*EFFACER REFONTE 2020*/
        height: 100px;
    }
    .home .container-fluid.refonte .header {/*REFONTE 2020*/
        /*background-color: var(--bleufonce);*//*Pas au chargement !*/
        height: 80px;
    }
    /* Carrousel*/
    .refonte .container-fluid.info .container {
        display: flex;
        flex-direction: column;
    }
        .refonte .info .info-title {
            position: static;
            height: 70px;
        }
        .refonte .container-fluid.info .carousel {
            height: auto;
            padding: 0;
        }
            .home .refonte .info .container .carousel-inner > .item {
                height: auto;
                margin: 0;
                padding: 0;
                width: 100%;
            }
                .home .refonte .info .text {
                        padding: 0;
                }
                    .refonte .info .carousel .abstract {
                        font-size: 1.167em;
                        line-height: 24px;
                        padding: 0 20px 30px;
                    }
                        .refonte .info .carousel .abstract p {
                            font-size: 1em;
                        }
                    .refonte .info .carousel .info-link {
                        position: static;
                        display: flex;
                        margin: 0 auto 30px;
                    }
            /*.home .refonte .info .carousel-control {
                display: flex;
                align-items: center;
                justify-content: center;
            }
                .home .refonte .info .carousel-control.left {
                    left: auto;
                    right: 50px;
                    top: -52px;
                }
                .home .refonte .info .carousel-control.right {
                    left: auto;
                    right: 0;
                    top: -52px;
                }*/
            .refonte .container-fluid.info .carousel .carousel-indicators {
                margin: 0 auto 20px;
                position: static;
            }
    /* Content */
    .home .container .content {padding-top:200px;}
    .container-fluid .accueil {background-size:cover; margin:0 auto; overflow:hidden;/* Important quand on a beaucoup d'accès directs */ padding-top:45%;}
    .refonte.container-fluid .accueil {
        height: auto;/* 400px */
        min-height: 400px;
        padding-top:150px;
    }
    .profils .dropdown-menu {width:100%;}  
    .accesDirects li a {border-radius:3px;}
    /* sectionForm */
    .accueil .sectionForm,
    .accueil .accesDirects,
    .accueil .flashInfo {max-width:90%;}
        .sectionForm .pageRecherche,
        .refonte .sectionForm .pageRecherche {
            border-radius: 4px;
            width:68%;
            float: none;
            overflow: hidden;
        }

        /*.safari .refonte .sectionForm .pageRecherche {
            display: flex;
            align-items: center;
        }
            .safari .refonte .sectionForm .pageRecherche fieldset {
                height: 20px;
            }*/

            .sectionForm .rechercheChamp {width:100%;}
        .sectionForm .profils,
        .refonte .sectionForm .profils {width:32%;}
            .home .accueil .linkSection {display:none;}
    /* En ce moment */
    /* Actus Filtres */
    .home .selecteur {margin:0 15px;}
    .home .selecteur::before {color:#000; content:'\e950'; font-size:12px; left:auto; position:absolute; right:0px; top:12px;}
    .home .container-fluid .content {padding:30px 0;}
    /* Actus */
    .home .content .listActu .listing {height:auto;}
        .home .content .listActu ul.category {margin:10px 0 35px;}
            .home .content .listActu ul.category li {display:none; padding:.5em 48px;}        
            .home .content .listActu ul.category li.selected,
            .home .content .listActu .open ul.category li {cursor:pointer; display:block; position:relative; z-index:1;}
                .home .content .listActu ul.category li a {display:block;}
                .home .content .listActu ul.category .selected a {display:inline-block; z-index:-1;}
                .home .content .listActu ul.category .selected a::before {display:none;}  
            .home .content .listActu .list-unstyled {display:block; margin-bottom:10px;}
                .home .container-fluid .content figure {display:block; float:left; padding-right:30px; width:50%;}
                .home .listActu .title {clear:none;} 
        .home .content .listActu .dropdown-backdrop {bottom:auto; height:50px; left:auto; position:absolute; right:-14px; top:-6px; width:50px;}
    /* ACTUS REFONTE */
    .home .home-list-news,
    .home .refonte .home-list-agenda {
        padding: 20px 20px 30px;
    }
        .home-list-news .home-news-item, 
        .home-list-agenda .home-agenda-item {

        }
        .home .home-list-news .link,
        .home .home-agenda-item .link {
            display: flex;
            align-items: flex-start;
        }
            .home .refonte .home-news-item .link .figure, 
            /*.home-news-item .link .bodytext,*/
            .home .refonte .home-agenda-item .link .figure/*, 
            .home-agenda-item .link .bodytext*/ {
                min-width: 50%;
            }
            .home-list-news .bodytext .category {

            }
            .home .home-list-news-title, 
            .home .home-list-agenda-title, 
            .images .home-list-kiosque-title, 
            .home .refonte .connectes .connectes-title {
                font-size: 2.5em;
            }
            .home .home-list-news-title,
            .home .home-list-agenda-title {
                position: relative;
                left: 0;
                top: 0;
                display: inline-block;
                margin-bottom: 20px;
            }
                .home .home-list-news-title::before {
                    left: calc(100% + 10px);
                }
                .home .home-list-news-title::after {
                    content: '';
                    position: absolute;
                    right: calc(100% + 10px);
                    top: 50%;
                    height: 1px;
                    width: 50px;
                    background-color: #000;
                    display: block;
                }


    /* Agenda */
    .home .separatorEvents {border-top:0; padding-top:30px;}
    .home .listAgenda {padding:0 15px;}
        .home .listAgenda .list-unstyled {border-bottom:1px solid #dadada; border-top:1px solid #dadada; margin-bottom:30px; padding:20px 0 0;}
            .home .listAgenda li {padding-top:20px;}
                .home .container-fluid .content .listAgenda figure {width:25%;}
                    .home .listAgenda .img-responsive {margin:0 20px 20px 0;}
                    .home .listAgenda .category {font-size:.875em;}
                    .home .listAgenda .title {/*font-size:1em;*/margin-bottom:.25em;}
    .home .refonte .home-list-agenda .container {
        padding: 0;
    }   
    /* Calendrier */
    .listAgenda .col-lg-5 {padding:0;}   
        .listAgenda .col-lg-5 .calendar {background-color:transparent; padding:0; width:100%;}
            .listAgenda .calendar-render {display:none;}
                .calendar .buttons {text-align:inherit;}
                    .calendar .buttons .btn {line-height:27px; margin:0 3.3333% 0 0; padding:9px 0; width:30%;}
    .home .container-fluid .content .eventAll {float:right; font-size:1.125em; line-height:1; margin:-66px 2% 0 0; padding:16px 0; width:33%;}
        .home #wrap .plus {width:auto;}/* ENLEVER REFONTE 2020*/
    /* Restez connecté */
    .home .container-fluid .connectes {min-height:inherit;}
    .refonte .connectes .home-net {/*REFONTE 2020*/
        margin-bottom: 40px;
    }
        .home .container-fluid.refonte .connectes {
            padding:40px 0;
        }
            .home .refonte .connectes .subtilte {
                margin: 0 0 20px;
                font-size: 1.167em;
                font-weight: 400;
            }
        .connectes .linksConnected {width:50%;}
        .connectes .twitter {clear:both; margin-bottom:3em; width:100%;}
            .connectes .follow .widgetExt {width:16.666%;}
                .follow .widgetExt .number {display:none;}
    .home .container-fluid .allNumerique,
    .profils .container-fluid .allNumerique {clear:both; font-size:1.5em; line-height:31px;}
  /* En images */
    .home a[href="#images"].linkSection,
    .home a[href="#connectes"].linkSection,
    .home .listRecords {display:none;}
    .home .container-fluid .images {border-bottom:0; padding-bottom:30px;}
    .home .container-fluid .images::before {display:none; /*background:none; height:170px;*/}
        .home .container .left::before {left:25%;}
        .home .container .right::before {left:auto; right:15%;}
    .home .container .carousel-control {background-image:none; width:10%;}
    .home .container .carousel-inner > .item {height:auto; margin:0 10%; padding:0; width:80%;}
    .home .images .kiosque {padding:30px 0 0;}
        .kiosque .item figure {margin:0 3% 0 0; width:50%; /*float:none; margin:0 auto 20px; max-width:inherit; width:50%;*/}        
        .kiosque .item .text {max-width:40%;}
            .kiosque .item .text .title {margin-top:0;}
                .kiosque .item .text .buttons::before {background-color:var(--marron); height:2px; left:0; width:50px;}                
    .kiosque .carousel-inner {height:auto; margin-bottom:30px;}
    .images .linkSection {bottom:-100px;}    
    /* Liens de section */
    .home .linkSection {font-size:2.5em;}
    /*A FEUILLETER REFONTE 2020*/
    .home .refonte .container-fluid .images {
        margin-bottom: 0;
    }
        .home .refonte .images .kiosque {
            padding: 40px 0;
        }
            .images .home-list-kiosque-title {
                margin-bottom: 40px;
            }
            .refonte .images .kiosque .row {
                display: flex;
                margin: 0 0 30px;
                padding: 0 10px;
                /* overflow: auto hidden; ne fonctionne pas pour iPhone ! */;
                overflow-x: auto;
                overflow-y: hidden;
            }
                .refonte .images .kiosque .row .col-lg-3 {

                }
    /*RESTEZ CONNECTES REFONTE 2020*/
    .home-net .widgetExt {
        flex-wrap: wrap;
    }
        .home-net .widgetExt .col-lg-3 {/*Corrections ancien design avant 2020*/
            margin: 0 0 20px;
            width: 50%;
            clear: none;
        }
            .home-net .widgetExt .col-lg-3 .img-responsive {
                max-width: 100%;
                width: 100%;
            }
    @media (max-width:600px) {
        .home-net .widgetExt .col-sm-6 {
            width: 100%;
        }
    }

    /* 07 = Page interne */
    .banner .date .container {padding:25px 30px;}
        .banner .date .container time,
        .banner .date .container .place {font-size:.75em;}
    .banner .titleHeader {font-size:3em; margin:0; padding:1em 0; position:static; transform:inherit;}
        .spaceTop .banner figure::before {background-color:rgba(42,41,75,1); min-height:inherit;}
        .banner .imgHeader {display:none;}
            .banner img {display:none; /*max-width:inherit; width:auto;*/}
            .banner figure img {display:none;/*height:100%; left:50%; margin-left:-800px; max-width:inherit; position:absolute; width:auto;*/}
    .content p.lead {font-size:2em;}

  /* RTE */
  .content h1, 
  .page-2 .row .row-title,
  .pagelevel-1.agenda .header h1 {font-size:6em; padding-right:0;}
    .content .header .subtitle {/*font-size:3em;*/}
    .content h2 {font-size:2em;}
    .content h3 {font-size:1.2em;}
    .content blockquote {padding:10px;}
        .content blockquote::before {font-size:40px; left:-20px; top:-10px;}
        .content blockquote p {padding:0 15px;}
    .content ul {padding:0 0 1em 45px;}
    .content ul li::before {font-size:16px; height:25px; left:-45px; line-height:22px; top:10px; width:25px;}
    .content ol {padding:0 0 1em 20px;}

    /* 08 = Colonne droite */

    
    /* 09 = Footer */
    /* Menu */
    #wrap .footer,
    .row.footer {height:auto; margin:0;}
        #wrap .footer::before {display:none;}
        #wrap .footer .links {height:200px;}
            #wrap .footer .links .homeSite {background:url("../Img/logoBlanc-2025.svg") no-repeat center center; background-size:100px 125px; display:block; float:left; height:100%; width:50%;}
            #wrap .footer .links .networks {float:right; height:100%; position:relative; width:50%;}

    .footer .menuFooter {margin-bottom:120px; padding-top:40px;}
    .refonte .footer .menuFooter {
        margin: 0;
        padding: 30px 10px;
    }
        .menuFooter ul,
        .menuCopyrights ul {margin-bottom:20px;}
        .refonte .menuFooter .frame > ul {
            flex-wrap: wrap;
        }
        .menuFooter li {width:33%;}
        .refonte .menuFooter li {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            width: 33%;
        }
            .menuFooter li a,
            .menuFooter li.contact a {padding:50px 20% 0; width:100%;}
            .refonte .menuFooter li a {
                font-size: .875em;
                white-space: nowrap;
            }

            .menuFooter li:nth-child(4),
            .menuFooter li:nth-child(5) {display:none;}
            .refonte .menuFooter li:nth-child(4), 
            .refonte .menuFooter li:nth-child(5) {
                display: flex;
            }
                .menuFooter li a .sgl {top:0;}
    .refonte .footer .plusdesites .container {
        padding: 0;
    }
        .refonte .footer .plusdesites .container .col-lg-6 {
            padding: 0 0 20px;
        }
        .refonte .footer .plusdesites .container .col-lg-6:first-child {
            border-bottom: 1px solid #403b5d;
        }
            .refonte .footer .plusdesites .plusdereseaux {
                height: auto;
            }
            .refonte .footer .plusdesites .col-lg-6:first-child .plusdereseaux {
                border-right: 0;
            }
                .refonte .footer .plusdesites .plusdereseaux h2 {
                    margin: 20px 0 15px;
                    font-size: 1.5em;
                }
                .refonte .footer .plusdesites .col-lg-6 .list-unstyled li a {
                    height: 40px;
                    width: 40px;
                }
                    .plusdesites .plusdereseaux .list-unstyled li a .sgl {
                        font-size: 18px;
                        /*font-size: 18px;
                        line-height: 2.3;*/
                    }
                    .plusdesites .plusdereseaux .list-unstyled li a.ic_fibre .sgl {
                        font-size: 36px;
                    }

    /* Copyrights */
    .menuCopyrights ul {display:block; margin:40px 0 60px; text-align:center;}
    .refonte .menuCopyrights .frame > ul {
        flex-wrap: wrap;
    }
        .menuCopyrights li {display:inline-block; margin:5px 10px;}
        .refonte .menuCopyrights li {
            font-size: 1.167em;
        }
        .menuCopyrights li:nth-child(1),
        .menuCopyrights li:nth-child(2),
        .menuCopyrights li:nth-child(6) {display:none;}
        .refonte .menuCopyrights li:nth-child(1),
        .refonte .menuCopyrights li:nth-child(2),
        .refonte .menuCopyrights li:nth-child(6) {
            display:inline-block;
        }
            .menuCopyrights li a {
                display:inline-block;
                white-space: nowrap;
            }

    #wrap .plusdesitesLink {background-color:transparent; border:2px solid #fff; left:20px; line-height:21px; padding:12px 0; position:absolute; right:20px; text-align:center; top:145px;}
    #wrap .accueil .plusdesitesLink {border:0; clear:both; display:block; margin:0 auto; position:static; width:90%;}
    .home .content .actuAll:hover,
    .home .content .eventsAll:hover,
    .home .images .allKiosque:hover {right:0;}
    #wrap .plusdesitesLink:hover {border-radius:3px; right:20px;}    
        #wrap .plusdesitesLink::before {display:none;}/* ENLEVER REFONTE 2020*/
        .home #wrap a:hover .plus {background-color:transparent;}
        #wrap .plusdesitesLink .plus {display:inline-block; float:none; height:inherit; margin:0; width:inherit;}
        #wrap .accueil .plusdesitesLink .plus {width:12px;}

    /* 10 = Sommaire & E-servies */
    /* Sommaire */
    .navSommaire .col-sm-6 {float:none; margin:0; padding:0; width:100%;}
        .content .navSommaire .list {margin-bottom:20px; padding:0 20px;}
            .content .navSommaire .list > a[href^="http"] {float:left; margin:0 1em 0 0;}        
                .content .navSommaire .list figure {position:relative;}        
                .navSommaire .list figure::before,
                .navSommaire .list figure::after,
                .navSommaire .list:hover figure::before {background:none;}
                .navSommaire .list figure::after,
                .navSommaire .list:hover figure::after {background:var(--marron); border-radius:50%; color:#fff; content:'+'; display:block; font-size:18px; height:30px; left:50%; line-height:30px; text-align:center; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:30px;}
                    .content .navSommaire .list .img-responsive {width:100px;}
            .navSommaire .text {background:none; float:left; margin:0; max-width:50%; position:static;}   
                .navSommaire .text .title {display:inline-block; margin-top:1em; position:static;}
                .navSommaire .list:hover .text .title {display:inline-block;}
                    .navSommaire .text a {color:#000; padding:0;}
    /* E-services */
    .navEservices .col-md-4 {border:0; overflow:hidden;}
            .navEservices .list .level2 {box-shadow:none; display:block; min-height:inherit; padding-left:5%; position:static; width:auto;}
                .navEservices .list:first-child .level2 .item-level2 {float:none; height:auto; text-align:left; width:auto;}
                    .navEservices .list:first-child .level2 .link-level2 .eservices-icon {display:none;}     
                .navEservices .list .title a {text-align:left;}
                .navEservices .list:hover .title a {background-color:transparent; color:inherit;}
                    .navEservices .list:hover .title a::after {display:none;}               

        /*.navEservices .col-md-4 .list {overflow:hidden; position:relative;}
                .navEservices .list .title a {padding:25px; text-align:inherit;}
                    .navEservices .list:hover .title a::after {display:none;}
            .navEservices .list .level2 {background-color:#fff; display:none; left:0; margin:0; overflow:hidden; padding:50px 0; position:static; top:70px; width:100%; z-index:1;}
            .navEservices .list:hover .level2 {display:none;}
            .navEservices .list.open > .level2.dropdown-menu {display:block;}
                .navEservices .level2 .itemLevel2 {height:175px;}
                    .navEservices .level2 .linkLevel2 .eservices-icon {background-size:auto 32px; height:75px; width:75px;}*/

    /* 18 = Agenda */
    /* Filtres */
    .container-filters .container-flex .handicap {width:99%;}
        .container-filters .filter .ir {/*background-size:auto 100%; height:auto; width:25%;*/}
    /* Single */
    .layout-single .content .colRight .dateColright {padding:15px;}
    .layout-single .dateColright .day {font-size:2em; margin-right:1px;}
    .layout-single .dateColright .separator {font-size:1.5em;}

  /* 20 = Kiosque */

    /* 22 = Videotheque / Galeries */
    /* Liste */
    .listGallery .col-md-3:nth-child(4n+1),
    .listVideos .col-md-3:nth-child(4n+1) {clear:none;}
    .listGallery .col-md-3:nth-child(odd),
    .listVideos .col-md-3:nth-child(odd) {clear:left;}

    /* 23 = Videotheque */
    /* Liste */
    .listVideos .media {height:auto;}

    /* 24 = Formulaires */
    .content .captcha div.col-md-4 {margin-left:0;}

    /* 25 = Moteur de recherche */
    /* Liste */
    .startpoint ul li {margin-bottom:0;}
        .startpoint ul li .lead {margin-bottom:0;}

  /* 30 = Voxygen */
  .voxygen-wrapper,
  .sansCol .voxygen-wrapper,
  .home .voxygen-wrapper,
  .sansCol.page-7.pagelevel-1 .voxygen-wrapper,
  .sansCol.page-75.pagelevel-2 .voxygen-wrapper {left:15px; right:auto; top:-46px;}
  .voxygen-wrapper {top:0;}
  .sansCol.page-7.pagelevel-1 .voxygen-wrapper,
  .sansCol.page-75.pagelevel-2 .voxygen-wrapper {top:-22px;}

    /* 32 = Diaporama */
    .diaporama .diaporama-controls { display: none; } /* Yann */
    /*.blueimp-gallery-carousel {padding-bottom:56.25%;}
    body:last-child .blueimp-gallery>.play-pause {bottom:15px;}*/

    /* 37 = Profils */
    .profils .listNewsProfils li:nth-child(3n+1) {clear:inherit;}
    .profils .listNewsProfils li:nth-child(2n+1) {clear:left;}
    .profils .listEventsProfils li:nth-child(3n+1) {clear:inherit;}
    .profils .listEventsProfils li:nth-child(2n+1) {clear:left;}

    /* 41 = Annuaires */
    /* Élus */
    /* Fiche */
    .elus.layout-single .titleHeader {background-size:20px auto; height:50px; padding:0; width:50px;}
        .elus.layout-single .titleHeader::before {top:60px;}
    .elus.layout-single .singleDirectories .text .title {font-size:2em; margin:0 20px .5em;}
    .elus.layout-single .singleDirectories .vignetteRight {float:left; margin-bottom:40px;}
    .elus.layout-single .singleDirectories .infos ul li strong {float:none; margin-bottom:.5em; width:auto;}
    .elus.layout-single .singleDirectories .infos ul li p {width:100%;}
    /* Classique */
    /* Liste */
    .directories li {float:none; width:100%;}
    .directories .liLeft,
    .directories .liRight {padding:0;}
    /* Filtres */
    .annuaires .directoryList .filters {width:100%;}
        .directoryList .container-flex .category {width:41%;}
        .directoryList .container-flex .mot-cle {width:41%;}
    /* Fiche */
    .singleDirectories .col-lg-8 .title {font-size:2em;}

    /* ÉLECTIONS */
    .elections .widgetExt {
        width: calc(33% - 10px);
    }

}


@media (max-width:768px) {

    /* 05 = Header */
    /* Icônes droite entête */
    .header .artifica-form.on .white {/*bottom:0; left:0; height:auto; right:0; top:0;*/ z-index:9;}
    /*.header .artifica-form.on .rechercheOK,*/
    .header .artifica-form.off .white .glyphicon-remove {display:none;}
    /* LOGOS */
    .home .refonte .header .logo {
        width: 150px;
    }
        .home .refonte .header .logo a {
            display: flex;
            align-items: center;
            margin: 15px 0 0;
        }
        .home .refonte .srollpage .logo a {
            width: 60px;/*Pour faire remonter boutons de droite*/
        }
            .home .logo .img {
                /*height: 75px;*/
                /*margin: 0 5px;
                width: 60px;*/
            }
            .home .logo .img-2 {
                /*height: 56px;*/
                /*height: 75px;
                margin: -5px 5px 0;
                width: 55px;*/
            }
    /* Accessibilité */
    .refonte .header .header-toolbox {
        display: inline-block;
        margin-right: 0;
    }
    .refonte .header .right .frame {
        margin-right: -160px;
    }

    /* MENU */
    .header .navPrincipal > .list-unstyled {
        display: block;
    }

    /* 06 = Accueil */   
    /* Content */
    .home .container-fluid .content,
    .home .container-fluid .pageScreen .container {padding:0;}
    .home .container-fluid .accueil {background: var(--bleufonce); padding-top:40%;}
    .home .container-fluid.refonte .accueil {/*REFONTE 2020*/
        padding-top: 150px;
    }
        .home .container-fluid .pageScreen .container .row,
        .profils .container-fluid .pageScreen .container .row {margin:0;}
    /* sectionForm */ 
    .sectionForm .pageRecherche {display:none; /*border-radius:3px; float:none; height:60px; margin-bottom:10px; padding:17px; width:100%;*/}/*EFFACER REFONTE 2020*/
    .refonte .sectionForm .pageRecherche {/*REFONTE 2020*/
        display: block;
        border-radius: 4px;
        width: 100%;
        overflow: hidden;
    }
    .sectionForm .profils {margin-bottom:30px; width:100%;}/* REFONTE 2020 */
    .refonte .sectionForm .profils {
        display: none;
    }
        .profils .btn,
        .refonte .profils .btn {border-radius:3px; height:60px; line-height:1; padding:17px;}/* REFONTE 2020 */
            .profils .btn .caret {top:27px;}  
    .sectionForm .rechercheChamp {padding-right:44px; width:100%;}
    /* Actu */
    .home .content .listActu .list-unstyled .col-lg-4 {clear:left;}
    /* ACTUS REFONTE */
    .home-list-news .item-first-news,
    .home-list-news .home-news-item, 
    .home-list-agenda .home-agenda-item {
        margin-bottom: 30px;
    }
        .home .home-list-news .link {
            flex-direction: column;
        }
            .home .home-agenda-item .link .figure {
                margin-right: 20px;
                min-width: 120px;
            }
            .home .refonte .home-news-item .link .figure, 
            .home .refonte .home-news-item .link .bodytext,
            .home .refonte .home-agenda-item .link .figure, 
            .home .refonte .home-agenda-item .link .bodytext {
                padding-right: 0;
                width: 100%;
            }
                .home .refonte .home-news-item .img-responsive,
                .home .refonte .home-agenda-item .img-responsive {
                    width: 100%;
                }
            .home-list-news .bodytext .category,
            .home-agenda-news .bodytext .category {
                font-size: .875em;
            }
            .refonte .home-list-agenda .bodytext .category {
                font-size: .875em;
            }
            .home-list-news .bodytext .title, 
            .home-list-agenda .bodytext .title {
                font-size: 1.125em;
                line-height: 1.3;
            }
            .home-list-news .bodytext .abstract,
            .home-list-agenda .bodytext .abstract {
                display: none;
            }

    /*.header .navPrincipal li a {display:none;}*/
    .accesDirects li a {
        font-size:.75em;
        margin: 0 5px 5px;
        padding: 10px 5px;
    }
    .refonte .accesDirects li a {
        padding: 12px 12px 12px 34px;
    }        
        .accesDirects li a .sgl {
            display:none;
        }
        .refonte .accesDirects li a .sgl {
            display: block;
            left: 8px;
            top: 10px;
            font-size: 16px;
        }

    /* En images */
        .home .container-fluid .content .listActu figure {padding-right:0; width:100%;}
    .home .listActu .title {font-size:1.5em;}
    /*.home .container-fluid .content .actuAll,
    .home .container-fluid .content .eventsAll {background-color:transparent; border-top:1px solid #dadada; color:#000;}*/
    .home .container-fluid .content .actuAll,
    .home .container-fluid .content .eventsAll,
    .home .container-fluid .images .allKiosque,
    .home .container-fluid .allNumerique,
    .profils .container-fluid .allNumerique,
    #wrap .plusdesitesLink {margin-bottom:20px;}
    .home .container-fluid .allNumerique,
    .profils .container-fluid .allNumerique {margin:0 20px 0px;}
    /* Agenda */
    .home .separatorEvents {border:0;}
    /*.home .listAgenda .list-unstyled,
        .home .listAgenda li:last-child {border-bottom:0; margin-bottom:0;}*/
            .home .container-fluid .content .listAgenda figure {padding-right:20px; width:50%;}
                .home .listAgenda .img-responsive {width:100%;}
            .home .listAgenda .title {font-size:1.125em;}
            .calendar .buttons {margin:0 20px;}
                .calendar .buttons .btn {background-color:transparent; margin:0; width:47.5%;}
                .calendar .buttons .btn:nth-child(2) {float:right; margin:0;}
            .home .container-fluid .content .eventAll {float:none; margin:20px 15px; width:auto;}
    /* Kiosque */
    .container .kiosque .carousel {margin:0;}
        .kiosque .carousel-inner {/*height:425px;*/}
            .home .container .carousel-inner > .item {margin:0 auto; width:100%;}
                .kiosque .item figure {float:none; height:270px; margin:0; text-align:center; width:100%;}
                    .kiosque .item figure .img-responsive {height:100%; margin:0 auto; width:auto;}
                .kiosque .item .text {clear:both; float:none; margin:10px 5% 0; max-width:90%; text-align:center;}
                    .kiosque .item .text .title {font-size:1.5em;}
                    .kiosque .item .text .buttons {display:none;}
            .home .container .carousel-control {width:16.66666667%;}
    /* + de numérique */
    .connectes .linksConnected {padding:0 10%; text-align:center; width:100%;}
    .connectes .follow {padding:0 5%;}
    /*RESTEZ CONNECTES REFONTE 2020*/

    
    /* 32 = Diaporama */
    .content .diaporama {margin:0 -30px;}
    .blueimp-gallery > .slides > .slide > .slide-content {margin:0;}
    /* Calendrier */
    .calendar .ui-datepicker .ui-datepicker-current-day::before {left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
    /* Restez connecté */
        .connectes .twitter {display:none;}/*EFFACER REFONTE 2020*/
        .refonte .connectes .twitter {/*EFFACER REFONTE 2020*/
            display: block;
        }

    /* 07 = Page interne */
    .backendlayout-pagets__page .content .col-sm-8,
    .content .col-sm-12 {padding-left:20px;}
    .banner img {height:100%; left:50%; max-width:inherit; position:absolute; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:auto;}
    .content .colRight {margin-top:0;}

    /* 13 = Toolbox */
    .toolBox {
        left:auto;
        right: -60px;
        top: 0; 
        margin-top:0; transition:top .3s; width:60px; z-index:9999;
    }
    .toolBox.visible {
        right: 0;
    }
        .toolBox .list-unstyled {
            display: flex; 
            flex-direction: column; 
            width:100%;
        }
            .toolBox .dropdown-menu {display:block; min-width:inherit; position:static; width:auto;}
            .toolBox .share + .dropdown-menu {display:none; position:absolute;}
            .toolBox .share + .dropdown-backdrop + .dropdown-menu {display:block; left:0; position:absolute; top:50px;}
                .toolBox .fontSize,
                .toolBox .printTool,
                .toolBox .btn .sr-only {display:none;} 
            .refonte .toolBox .btn {
                height: 60px;
                width: 60px;
            }
            .toolBox .close-accessibility {
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #ddd;
                height: 80px;
                width: 60px;
                background-color: transparent;
                color: #000;
                font-size: 18px;
            }

    /* 14 = Trombinoscope */
    .trombinoscope .text {padding:20px 20px 20px 220px;}
        .trombinoscope .text h2 {font-size:1.5em; margin-bottom:20px;}
        .trombinoscope .shortText {font-size:1.2em;}

    /* 17 = Page sans colonne */
    /* Accès rapides */
    .container-fluid.blue {text-align:inherit;}
        .blue .accesDirects {display:block; margin-bottom:3em;}
            .blue .accesDirects li {float:none;}
                .blue .accesDirects li a {background-image:none!important; padding:.5em;} 

  /* 18 = Agenda / Saison */    
    .pagesanscolonne .container-filters {margin:0 0 40px;}
    .moreFilters {color:#000; display:block; font-size:1.5em; left:50%; position:absolute; text-transform:uppercase; top:-45px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
        .moreFilters .plus {background-color:var(--marron); border-radius:50%; color:#fff; display:inline-block; height:30px; line-height:30px; margin:0 5px 0 0; text-align:center; width:30px;}
        #wrap .moreFilters:hover .plus {background-color:var(--marron);}
    .container-filters .container-flex {display:block; height:0; margin:0 -20px;}
    .container-filters .container-flex.open {border:0; height:auto; position:relative; z-index:9;}
        /*.agenda .container-filters .filter,
        .agenda .container-filters .filter:first-child {width:100%;}*/

        #wrap .container-filters .filter,
        #wrap .container-filters .filter:first-child,
        .frame-publications .container-filters .filter,
        .frame-publications .container-filters .filter:first-child {            
            height: 0px; 
            width: 100%;
            overflow: hidden; 
            transition: height .3s; 
        }
        #wrap .container-filters .container-flex.open .filter {
            height:69px;
        }
        .frame-publications .container-filters .container-flex.open .filter {
            border-bottom: 1px solid #dadada; 
        }
        .container-filters .filter.open::before,
        .container-filters .filter.open::after {
            display: none;
        }        
            .container-filters .container-flex .btn,
            .container-filters .filter:first-child .btn {
                position: relative;
                border-bottom: 1px solid #dadada; 
                border-right: 0;  
                background-color: #edede8; 
                text-align: left;
            }
            .container-filters .filter:first-child .btn,
            .frame-publications .container-filters .filter:first-child {
                border-left: 0; 
                border-top: 1px solid #dadada;
            }
                .container-filters .btn-group .btn .sgl {left:auto; position:absolute; right:12px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}            
            .container-filters .container-flex .filtrer {background-color:var(--marron); border:0;}

        .container-flex .open > .dropdown-menu {bottom:auto; position:fixed; top:0; width:100%; z-index:99999;}
        .container-filters .totalresults {padding:1em 0;}
            .container-filters .totalresults b,
            .container-filters .totalresults span {font-size:1.5em; margin-top:25px;}
            .container-filters .totalresults .buttonFiltre,
            .container-filters .right .erase {display:none;}
    /* Liste */
    .pagesanscolonne .listAgenda li {height:auto; margin-bottom:3em; overflow:hidden;}
        .pagesanscolonne .listAgenda li .mobile {float:left; max-width:66%;}
            .pagesanscolonne .listAgenda li figure {float:left; margin:0 20px 20px 0; width:120px;}
            .listAgenda .title {font-size:1.5em;}
    .container-filters .right .criteria {padding:17px 0;}

    /* Single */
    .layout-single .content .col-sm-8 {padding:inherit;}
    .layout-single .content .colRight {padding:15px;}
        .colRight .blocSearch {margin:0 0 30px;}

    .layout-single .dateColright .dateHour p {display:inline-block; margin-left:.25em;}
    .layout-single .content .colRight .dateColright.borderBottom {display:-webkit-flex; display:flex; justify-content:space-around; padding:15px;}


    /* 21 = Actualites */
    /* Filtres */
    /*.container-filters .filter,
    .container-filters .filter:first-child {width:50%;}*/

    /* 22 = Videotheque / Galeries */
    .singleGalerie .container,
    .singleGalerie .list-unstyled .col-md-3 {padding:0;}

    /* 23 = Videotheque */
    /* Liens vidéos */
    .videotheque .spaceTop .banner {border-bottom-width:140px;}
    .videotheque .content .videoCouncil {padding-bottom:0;}
    .videotheque .moreFilters {top:-120px;}
    .videotheque #containerRecordResults .filters {left:0; margin:0 20px; position:absolute; right:0; top:-69px;}
    .content .liensVideos li a {font-size:0; padding:11px 15px;}
        .content .liensVideos li a .sgl {left:0; position:relative; top:0;}


    /* Fiche */
    .singleVideo .embed-responsive {margin:0 0 10px; width:100%;}
    .singleVideo .title {margin:0 0 10px; width:100%;}

    /* 25 = Moteur de recherche */
    /* Colonne droite */
    .colRight .blocSearch {margin:0 -15px 30px;}

    /* 35 = 404 */
    .page-erreur404 .banner {margin-top:20px;}
    .page-erreur404 .wrapLogo {display:inline-block; left:inherit; position:relative; top:inherit;}
    .page-erreur404 .wrapTitle {margin-top:20px;}


    /* 36 = Media */

    /* 41 = Annuaires */
    /* Classique */
    /* Filtres */
    .directoryList .container-filters {margin:0;}
    #wrap .container-filters .container-flex.open .filter {background-color:#edede8;}
    .directoryList .container-filters .container-flex .form-control {margin-top:15px;}
    .directoryList .container-filters .container-flex .filtrer {text-align:center;}
    /* Fiche */
    .singleDirectories {display:flex; flex-direction:column;}
        .singleDirectories .col-lg-8 {order:1;}
            .singleDirectories .col-lg-8 .list-unstyled {margin:0 0 20px;}
        .singleDirectories .col-lg-3 {order:2;}
            .singleDirectories .col-lg-3 .list-unstyled {margin:0 0 20px;}
        .singleDirectories .col-lg-12 {order:3;}
        .singleDirectories .backlink {margin:0 20px 40px; order:4;}
    
    .singleDirectories .col-lg-8 .list-unstyled span {width:35%;}
    .singleDirectories .col-lg-3 .inscription {display:none;}
    .singleDirectories .col-lg-12 {margin-bottom:0;}

    /* ÉLECTIONS */
    .elections .widget-flex {
        flex-direction: column;
    }
        .elections .widgetExt {
            margin-bottom: 20px;
            width: 100%;
        }
            .fb_iframe_widget span {
                margin-bottom: 15px;
            }

}



@media (max-width:480px) {

    /* 05 = Header */
    /* Logo */
        .home .logo img {
            height:80px; 
            margin-top:-10px;
        }
    .home .refonte .header.srollpage .logo {
        width: 80px;
    }

    /* 06 = Accueil */ 
    /* Gabarit */
    .home .container-fluid .header {height:100px;}
    .accueil .flashInfo {margin:0 auto 10px; padding:0 0 .5em;}
        .accueil .flashInfo p {font-size:1.167em;}
    /* sectionForm */ 
    .accueil .sectionForm,/*EFFACER REFONTE 2020*/
    .refonte .accueil .sectionForm {
        height: 50px;
        margin: 0 auto 20px;
    }
        .sectionForm .pageRecherche {
            height: 50px;
            padding: 12px 20px;
        }
        .sectionForm .pageRecherche .sgl {
            right: 16px;
            top: 16px;
        }
        .sectionForm .rechercheOK {
            height: 50px;
            width: 50px;
        }
    .sectionForm .profils {margin-bottom:10px;}
        .profils .btn,
        .refonte .profils .btn {font-size:1.333em; height:40px; padding:10px;}/* REFONTE 2020 */
            .profils .btn .caret,
            .sectionForm .profils .btn .caret {top:17px; right:17px;}
    /* Agenda */
    /* Calendrier */
    .calendar .ui-corner-all,
    .calendar .ui-datepicker-calendar {margin-bottom:0;}
    .calendar .buttons {margin:0;}
        .listAgenda .calendar .buttons .btn,
        .kiosque .item .text .buttons .btn {font-size:1em; padding:6px;} 

    .home .refonte .home-list-agenda .container {
       overflow: visible; 
    }
        .home .refonte .home-list-agenda .flex-center {
            display: flex;
            justify-content: center;
        }
            .home .refonte .home-list-agenda .link-agenda-weekend {
                margin-right: 20px;
                padding: 0 10px;
            }
            .refonte .home-list-agenda .link-agenda-list {
                padding: 0 10px;
            }

    /* 09 = Footer */
    /* Copyrights */
    #wrap .accueil .plusdesitesLink {padding:8px 0;}

    /* 13 = Toolbox */
    .toolBox .list-unstyled li:nth-child(2) {
        margin-right: auto;
    }    
        .toolBox .share {
            display: none;
        }
        .toolBox .dropdown-menu li {
            /*width: 50%;*/
        }

    /* 14 = Trombinoscope */
    .directoryList .number1 .background::before {background-position:right -7px top 0; background-size:35px 43px; height:43px; left:auto; right:75%; top:-8px; width:35px;}
    .trombinoscope a .hovereffect {min-height:auto;}
        .trombinoscope .left {height:auto; position:static; width:25%;}
        .trombinoscope .text {float:left; padding:20px; width:75%;}

    /* 18 = Agenda / Saison */  
    /* Liste */
    .pagesanscolonne .listAgenda li .mobile {max-width:44%;}

    /* 40 = Commentaires */
    .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(2) .form-group,
    .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(3) .form-group {float:none; width:auto;}
    .artifica-reactto .form-horizontal fieldset:nth-child(4) .require:nth-child(3) .form-group {float:none}
    /* Si erreurs */
    .artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(2) .has-error,
    .artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(3) .form-group {float:none; width:auto;}
    .artifica-reactto .form-horizontal fieldset:nth-child(5) .require:nth-child(3) .form-group {float:none}
    .grey .content .col-lg-offset-2.col-lg-8 {padding:0;}
        .grey .content .col-lg-offset-2 .comment-list ul {padding:0;}
            .artifica-reactto .reply .form-horizontal {margin:10px 0 0;}

    /* 41 = Annuaires */
    /* Liste */
    .directoryList .number0 .background::before {left:auto; right:0; top:-40px;}
    .singleDirectories .col-lg-8 .list-unstyled span {margin-bottom:.25em; width:100%;} 

}
/* ARTIFICA 2016 */