/* CSS Standard Artifica */

/******** SOMMAIRE ********************/
/*
/* 00 = FONTS
/* 01 = RESET
/* 02 = STYLES GLOBAUX
/* 03 = STRUCTURE
/* 04 = HEADER
/* 05 = FOOTER
/* 06 = ACCUEIL
/* 07 = PAGE INTERNE
/* 08 = BREADCRUMBS
/* 09 = SHARE & TOOLS
/* 10 = FORMULAIRE
/* 11 = RECHERCHE
/* 12 = ACTUALITÉS
/* 13 = AGENDA
/* 14 = ANNUAIRE
/* 15 = PAGINATION
/* 16 = MÉDIATHÈQUE
/* 17 = DIAPORAMA
/* 18 = VIDÉOTHÈQUE
/* 19 = MODALES
/* 19 = LOGIN
/* 20 = SOMMAIRE
/* 21 = PUBLICATIONS
/* 22 = PROFILS
/* 23 = COOKIE CONSENT
/* 24 = RESPONSIVE
/*
/**************************************/


/* 00 = FONTS */
body .fa {font-size:1em; line-height:inherit; }

/*** Contient 4 icônes que ne possède pas FontAwesome */
@font-face {font-family:'artifica'; font-style:normal; font-weight:normal; src:url('../Fonts/Artifica/artifica.woff?cdjqfq') format('woff'),url('../Fonts/Artifica/artifica.svg?cdjqfq#artifica') format('svg'); }
.icon {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:'artifica'; font-style:normal; font-variant:normal; font-weight:normal; line-height:1; speak:none; text-transform:none; }
.icon-calendar-google::after {content:"\e942"; }
.icon-calendar-windows::after {content:"\e943"; }
.icon-calendar-yahoo::after {content:"\e941"; }
.icon-dailymotion::after {content:"\e902"; }


/* 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; }
img {-ms-interpolation-mode:bicubic; vertical-align:middle; }
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset; }/* Enlève le fond jaune sur Chrome */

/* Taille texte */
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
body {color:#333; font-size:1rem; -webkit-font-smoothing:antialiased; }

/* Surcharges Bootstrap */
address {margin-bottom:1rem; }
.frame {margin:0; padding:0; }
    .site-main .filters {padding-bottom:2rem; }
    .site-main .content,
    .site-main .frame {overflow:hidden; padding-bottom:2rem; }
.newLazyload {opacity:.3; transition:opacity .2s ease-in; }
.list-unstyled {margin:0; padding:0; }
.caption {word-break:normal; }
.ie11 figure > img, .ie11 figure a > img {width:100%;}
.input-group {width:100%; }
input[type="radio"],
input[type="checkbox"] {margin:7px 0 0; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {}
.ui-state-default {transition-property:background-color, border-color, color; }

.alert {margin-bottom:1rem !important; }
.alert .fa {margin-right:0.5rem; }
.frame > .gallery-row:last-child {margin-bottom:2rem; }

/* Bootstrap Package typo3 version 8 */
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}
@media (min-width: 768px) {/* ============================================================== */
 .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {/* ============================================================== */
    .col-sm {
        flex:1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}
@media (min-width: 992px) {/* ============================================================== */

 .col-lg {
        flex:1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }    
}
.bg-success {
    background-color: #dff0d8!important;
}

a.bg-success:hover,a.bg-success:focus {
    background-color: #c1e2b3!important;
}

.bg-info {
    background-color: #d9edf7!important;
}

a.bg-info:hover,a.bg-info:focus {
    background-color: #afd9ee!important;
}

.bg-warning {
    background-color: #fcf8e3!important;
}

a.bg-warning:hover,a.bg-warning:focus {
    background-color: #f7ecb5!important;
}

.bg-danger {
    background-color: #f2dede!important;
}

a.bg-danger:hover,a.bg-danger:focus {
    background-color: #e4b9b9!important;
}
address {
    line-height: 1.55;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
/* Accordéons */
.accordion-button:not(.collapsed) {
    background-color: #ced6de;
}
.accordion-button:is(:focus,:focus-visible) {
    border: 1px solid!important;
    box-shadow: none;
}
.accordion-content-item {
    font-size: 1.1666em;/* 14px pour 12px */
}
/* CSS vidéo St-Gély */
/* Vidéos */
.embed-responsive-16by9 {
  margin-bottom: 2em;
}
  .embed-responsive .container-player-video {
    position: absolute;  
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    background-color: #ccc;
  }
    .container-player-video img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .atfc-cookie-consent-player button.atfc-cookie-consent-player-button {
      background-color: #fff;
    }
    .container-player-video .container-player-play {
      position: absolute;
      left: 50%;
      top: 50%;
      content: "";
      border: 0;
      border-radius: 50%;
      height: 90px;
      width: 90px;
      background-color: rgba(0,0,0,.5);
      background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJwbGF5IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtcGxheSBmYS13LTE0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MjQuNCAyMTQuN0w3Mi40IDYuNkM0My44LTEwLjMgMCA2LjEgMCA0Ny45VjQ2NGMwIDM3LjUgNDAuNyA2MC4xIDcyLjQgNDEuM2wzNTItMjA4YzMxLjQtMTguNSAzMS41LTY0LjEgMC04Mi42eiI+PC9wYXRoPjwvc3ZnPg==);
      background-position: 58% center;
      background-repeat: no-repeat;
      background-size: 40px;
      cursor: pointer;
      overflow: hidden;
      text-indent: 200%;
      white-space: nowrap;
      transform: translateX(-50%) translateY(-50%);
    }
.rte-content .last-update {
  display: block;
  margin-bottom: 1em;
  color: #737373;
  font-size: .875em;
}

/* Surcharge sur tous les affichages */
#wrap .frame {
    position: static;
}
    #wrap .frame-container-default {
        position: static;
        max-width: inherit;
    }
/* Formulaires */
.radio, 
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.form-default .help-block, 
.form-horizontal .help-block {
    display: block;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
}
.form-horizontal .input-group-addon {
    display: none;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #ccc;
}
label {
    font-weight: 700;
}
.form-control, .form-group input[type="file"], .frame-type-felogin_login input[type="text"], .frame-type-felogin_login input[type="password"] {
    border: 1px solid #ccc;
    height: 35px;
    border-radius: 0;
}
.media-left, .media > .pull-left {
    padding-right: 10px;
}
.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0/*15px*/;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}



/* 02 = STYLES GLOBAUX */
noscript {display:block; }
.noscript {background-color:#C00000; color:#FFF; border:1px solid #990000; border-radius:3px; font-size:13px; font-weight:700; margin:0 auto; padding:6px 7px; text-align:center; width:980px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.text-overflow { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Liens */
/*
.download,
.external-link-new-window,
.external-link,
.internal-link-new-window,
.internal-link,
.mail,
.frame-type-textmedia a[target="_blank"] {position: relative;}
.download::after,
.external-link-new-window::after,
.external-link::after,
.internal-link-new-window::after,
.internal-link::after,
.mail::after,
.frame-type-textmedia a[target="_blank"]::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font: normal normal normal 0.75em/1 FontAwesome;  opacity:0; position: absolute; right:-1em; text-rendering: auto; top: -0.3em;}
.download:active::after,
.external-link-new-window:active::after,
.external-link:active::after,
.internal-link-new-window:active::after,
.internal-link:active::after,
.mail:active::after,
.frame-type-textmedia a[target="_blank"]:active::after,
.download:focus::after,
.external-link-new-window:focus::after,
.external-link:focus::after,
.internal-link-new-window:focus::after,
.internal-link:focus::after,
.mail:focus::after,
.frame-type-textmedia a[target="_blank"]:focus::after,
.download:hover::after,
.external-link-new-window:hover::after,
.external-link:hover::after,
.internal-link-new-window:hover::after,
.internal-link:hover::after,
.mail:hover::after,
.frame-type-textmedia a[target="_blank"]:hover::after {opacity:1;}
.internal-link::after {content:"\f0c1"; }
.external-link::after,
.frame-type-textmedia a[target="_blank"]::after,
.external-link-new-window::after,
.external-link::after,
.internal-link-new-window::after {content:"\f08e"; }
.download::after {content:"\f0f6"; }
.mail::after {content:"\f1fa"; }
*/

/* Reset active/focus/hover */
/*a:active,
a:focus,
a:hover,
button:active,
button:focus,
button:hover,
input:active,
input:focus,
input:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover,
.btn:active,
.btn:active:focus,
.btn:active:hover
.btn:focus,
.btn:hover,
.form-control:active,
.form-control:active:focus,
.form-control:active:hover
.form-control:focus,
.form-control:hover {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; color:inherit; outline:none !important; }*/

/* Formulaires */
textarea {resize:vertical; }
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; }
::-ms-clear {display:none; }

/* Typo Resize */
/*.typo_size1 {font-size:50%; }
.typo_size2 {font-size:100%; }
.typo_size3 {font-size:200%; }*/

/* ANIMATIONS */

@keyframes slideDownToTop {0% {margin-top:0; } 50% {margin-top:-5px; } 100% {margin-top:5px; }}
@keyframes slideRightToLeft {0% {left:0; } 50% {left:-5px; } 100% {left:5px; }}
@keyframes slideLeftToRight {0% {margin-right:0; } 50% {margin-right:-5px; } 100% {margin-right:5px; }}


/* TRANSITIONS */
/*** Permet d'améliorer les performances lors de transitions en ciblant précisément les propriétés devant être modifiées. */
/*** Il suffit dans l'élément ciblé de préciser au minimum la ou les valeurs de "transition-property". */
/*** Les éléments listés ci-dessous, soit peuvent recevoir le focus, soit ne sont pas gérés dans les gabarits. */
/*** Utiliser la classe "transition" sur les éléments gérés dans les gabarits et ne pouvant recevoir de focus. */
.ui-state-default,
.owl-dot span,
.owl-prev,
.owl-next,
.owl-prev::before,
.owl-next::after,
.diaporama-controls .prev,
.diaporama-controls .next,
.blueimp-gallery-carousel .fullScreen,
.blueimp-gallery-carousel .play-payse,
.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.diaporama-controls .indicator .item img,
a,
a::before,
a::after,
button,
button::before,
button::after,
input,
textarea,
.transition,
.transition::before,
.transition::after {transition-duration:0.2s; transition-property:none; transition-timing-function:ease; }

/* LOADING */
/*** Reprend les styles de "fa fa-spinner fa-spin" // Changer le "background-color" et le "color" selon le projet,voire aussi le "content" */
.loading {background-color:#f5f5f5; display:block; height:250px; margin:0 auto; max-height:100%; max-width:100%; overflow:hidden; position:relative; width:710px; }
.loading::after {-moz-osx-font-smoothing:grayscale; -webkit-animation:fa-spin 1s infinite steps(8); -webkit-font-smoothing:antialiased; animation:fa-spin 1s infinite steps(8); content:"\f110"; color:#000; display:inline-block; font:normal normal normal 50px/1 FontAwesome; height:50px; left:50%; position:absolute; text-rendering:auto; top:50%; transform-origin:center; margin:-25px 0 0 -25px; width:50px; z-index:10; }

/* Calendrier */
.calendar-render {}
    .calendar-render .ui-datepicker table {margin:0; }
    .calendar-render .ui-widget-content {border:0; width:100%; }
    .calendar-render .ui-widget-header .ui-icon {background-image:none; }
    .calendar-render .ui-datepicker .ui-datepicker-prev,.calendar-render .ui-datepicker .ui-datepicker-next {border:0; height:30px; line-height:30px; text-align:center; width:30px; }
    .calendar-render .ui-datepicker .ui-datepicker-prev.ui-state-hover,.calendar-render .ui-datepicker .ui-datepicker-next.ui-state-hover {border:0; }
    .calendar-render .ui-datepicker .ui-datepicker-title {}
    .calendar-render .ui-datepicker th,
    .calendar-render .ui-datepicker td {padding:0; }
    .calendar-render .ui-state-default {border-radius:50%; border:1px solid transparent; height:34px; line-height:34px; padding:0; text-align:center; width:34px; }
    .calendar-render .ui-state-highlight {background-color:#666; border-color:#666; color:#fff; }
    .calendar-render .ui-state-hover {background-color:#fff; border-color:#666; color:#666; }


/* 03 = STRUCTURE */
body.single .page-header .lead {display:none; }


/* 04 = HEADER */
.navbar-brand {font-size:2rem; height:auto; margin-left:0; padding:0; }
.navbar-brand > img {display:inline-block; }

 /* Skip links */
.skip-links {left:0; position:absolute; list-style-type:none; }
    .skip-item {display:inline-block; left:0; padding:.6em; position:absolute; top:-200px; white-space:nowrap; }
    .skip-item:focus {background:#000; color:#fff; left:0; top:0; z-index:9999; }


/* 05 = FOOTER */



/* 06 = ACCUEIL */
/* Carrousel - Bootstrap */
.carousel {width:100%; }
    .carousel .item {background-color:#333; }
    .carousel-inner, .carousel-inner .item { height:440px; padding:0; }
    .carousel-inner > .item > .carousel-picture { max-width:none; min-width:100%; opacity:0.7; }
    .carousel .carousel-control,
    .carousel .carousel-indicators {opacity:1; }
    .carousel .carousel-control .fa { font-size:3.5rem; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); }
    .carousel .carousel-caption { bottom:auto; left:50%; min-width:80%; padding:0; right:auto; top:50%; transform:translate(-50%,-50%); }


/* 07 = PAGE INTERNE */
/* Titres */
.page-title,
.site-main .lead,
.site-main .frame-title,
.h2,
.h3,
.h4,
.h5,
.frame-type-textmedia h2,
.frame-type-textmedia h3,
.frame-type-textmedia h4,
.frame-type-textmedia h5 {font-weight:bolder; clear:both; line-height:1.3; margin-bottom:1rem; }


.rte-content .frame:first-child .frame-title {margin-top:0;}

.site-main .lead {font-size:1.5rem; font-weight:300; margin-top:1rem; }

/* Divers */
.frame iframe {margin:0 0 2rem; max-height:65vw; max-width:100%; }
.frame .embed-responsive {margin:2rem 0; }
.frame-type-textmedia table,
.frame-type-textmedia blockquote,
.frame-type-textmedia p,
.frame-type-textmedia ol,
.frame-type-textmedia ul {margin-bottom:1rem; }
.frame-type-textmedia ol ol,
.frame-type-textmedia ol ul,
.frame-type-textmedia ul ul,
.frame-type-textmedia ul ol {margin-bottom:0; }
.frame-type-menu_section a:active,
.frame-type-menu_section a:focus,
.frame-type-menu_section a:hover,
.frame-type-textmedia a:active,
.frame-type-textmedia a:focus,
.frame-type-textmedia a:hover {}
.gallery-item a {
   display: block;
   color: #212121;
}
    figure .caption {
        font-size: 1em;
    }
.gallery-item a:is(:focus-visible) {
    outline: 2px solid !important;
}
small,
.small,
.frame-type-textmedia .word-small {font-size:0.875rem; }
.frame-type-textmedia big,
.frame-type-textmedia .word-big {font-size:1.25rem; }
.frame-type-textmedia .important {font-style:italic; font-weight:700; margin-right:4px; }
.frame-type-textmedia .strike {text-decoration:line-through; }

/* Liste non-ordonnée */
.frame-type-textmedia ul li {margin-left:55px; }

/* Liste ordonnée */
.frame-type-textmedia ol {counter-reset:li-counter; list-style-type:none; padding-left:0; }
.frame-type-textmedia ol li {padding-left:55px; position:relative; }
.frame-type-textmedia ol li::after,
.frame-type-textmedia ol li::before {font-weight:700; left:0; position:absolute; text-align:right; top:1px; width:40px; }
.frame-type-textmedia ol li::after {content:"."; left:5px; }
.frame-type-textmedia ol li::before {content:counter(li-counter,decimal); counter-increment:li-counter; }
.frame-type-textmedia ol ol li::before {content:counter(li-counter,lower-alpha); }
.frame-type-textmedia ol ol ol li::before {content:counter(li-counter,lower-greek); }

/* Tableau */
.frame-type-textmedia table {width:100%; }
.frame-type-textmedia table caption {color:#333; font-style:italic; font-weight:700; padding:15px 0; text-align:center; }
.frame-type-textmedia th,.frame-type-textmedia td {color:#333; padding:15px 20px; }
.frame-type-textmedia th {background-color:#e5e5e5; font-weight:700; }
.frame-type-textmedia td {background-color:#f5f5f5; }

/* Citation */
.frame-type-textmedia blockquote {font-size:1rem; padding-left:1rem; }

/* Encarts */
.frame-encart, .frame-encart-fond {border:5px solid #eee; margin:0 0 2rem; padding:1rem; }
.frame-encart *:first-child, .frame-encart-fond *:first-child {margin-top:0; }
.frame-encart > *:last-child, .frame-encart-fond > *:last-child {margin-bottom:0; }
.frame-encart-fond {background-color:#eee; }

/* Retour haut de page*/
.to-page-top {background-color:#333; border-radius:50%; bottom:20px; color:#fff; display:block; height:40px; position:fixed; right:20px; width:40px; z-index:10; }
    .to-page-top .fa {left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); }
    .to-page-top:active .fa,
    .to-page-top:focus .fa,
    .to-page-top:hover .fa {animation-direction:alternate; animation-duration:0.5s; animation-iteration-count:infinite; animation-name:slideDownToTop; color:#fff; }

/* Page précédente */
.previous .fa {position:relative; }
    .previous:active .fa,
    .previous:focus .fa,
    .previous:hover .fa {animation-direction:alternate; animation-duration:0.5s; animation-iteration-count:infinite; animation-name:slideRightToLeft; color:inherit; }

/* Zoom-Dezoom */
.typo_size1 .page-content {font-size:100%; }
.typo_size2 .page-content {font-size:120%; }
.typo_size3 .page-content {font-size:140%; }
.size-up::after {content:"+"; line-height:1rem; position:relative; top:-0.3rem; }
.size-down::after {content:"-"; font-size:1.2rem; font-weight:lighter; line-height:1rem; position:relative; top:-0.45rem; }


/* 08 = BREADCRUMBS */
.breadcrumb {background-color:transparent; font-weight:600; line-height:50px; margin:30px 0;  overflow:hidden; padding-bottom:0; padding-top:0; text-overflow:ellipsis; white-space:nowrap; }
    .breadcrumb .fa {color:#333; display:inline-block; margin:0 2px; vertical-align:middle; }
    .breadcrumb-first {color:#333; display:inline-block; vertical-align:middle; }
    .breadcrumb-link {color:#333; display:inline-block; vertical-align:middle; }
    .breadcrumb-last {color:#333; display:inline-block; font-weight:400;vertical-align:middle; }


/* 09 = SHARE & TOOLS */
.tools-page {display:block; }
    .tools-page .btn-group .dropdown-menu {border:0; padding:0; }
            .tools-page .btn-group .dropdown-menu .btn-group .btn {margin:0 -1px; }


/* 10 = FORMULAIRE */
.form-group .row {margin:0; }
.form-group .help-block,
.form-group .file-infos {clear:left; font-size:.875em; line-height:1; margin-bottom:.5rem; }
.form-group .help-block {text-align:right; }
.form-group .file-uploaded {border:1px solid #999; display:block; padding:5px; }
    .form-group .file-uploaded a {color:#333; }
    .form-group .file-remove label {margin:0; }
    .form-group .checkbox label {display:block; }
.form-group .col-xs-12 .col-sm-4 {padding:0; }
    .form-group .col-xs-12 .col-sm-4 .form-control {padding:6px 0px; }
.form-default .control-label em,
.form-default legend em,
.form-horizontal .control-label em,
.form-horizontal legend em {color:#ff6633; font-size:1rem; font-weight:400; }
/* Sélecteurs filtres */
/*.filters .switch label {border:1px solid #ccc; color:#555; cursor:pointer; height:38px; font-weight:normal; line-height:1.55; margin-bottom:0; padding:6px 12px; }*/
.filters .switch input + label {color:#b5b7ba; font-weight:400; line-height:34px; padding-left:70px; position:relative; top:2px; }
.filters .switch input:checked + label {color:#333; }
    .filters .switch input + label::before, .switch input + label::after {content:""; display:block; position:absolute; }
    .filters .switch input + label::before {background-color:#dedede; border:2px solid #dedede; border-radius:17px; height:34px; left:0; top:0; transition-property:background-color; width:60px; z-index:1; }
    .filters .switch input:checked + label::before {background-color:#ff4d58; border-color:#ff4d58; }
    .filters .switch input + label::after {background-color:#fff; border-radius:50%; height:26px; left:4px; top:4px; transition-property:background-color, left; width:26px; z-index:2; }
    .filters .switch input:checked + label::after {left:30px; }

/* Capcha */
    .captcha .col-sm-4 .form-control {padding:6px 12px; }
    .captcha .serie {margin-top:2em; }
        .captcha .todo,
        .captcha > p {font-size:1.25em; }
        .captcha .serie li {overflow:hidden; position:relative; }
            .captcha .serie .control-label {background-color:#fff; border:1px solid #666; border-radius:5px; box-shadow:0 0 5px #666; color:#333; cursor:pointer; font-size:30px; line-height:50px; padding-top:0; text-align:center; width:50px; }
            .captcha .serie input:checked ~ label {background-color:#666; border-color:#666; box-shadow:none; color:#eee; }
            .captcha .serie input {left:-20px; position:absolute; top:-20px; }
            .captcha .serie input:checked {height:50px; }


/* 11 = RECHERCHE */


/* 12 = ACTUALITÉS */
/* Liste */
/*.page-content .news-list {margin-bottom:30px; }*/
/* Single */
/*
.page-content .single-news,
.page-content .single-event {overflow:hidden; }
    .single-news .list-unstyled,
    .single-event .list-unstyled {margin:0; }
*/


/* 13 = AGENDA */
/* Filtres */
/*.agenda-list .filters {}*/
.criteria .btn .fa-times {margin:0 0 0 10px; }
/* Liste */
/*.page-content .agenda-list {margin-bottom:30px; }*/
/* Single */
/*
.single-event .date {display:block; }
.single-event .media-list {margin-bottom:30px; }
.media-diaporama .diaporama {}
*/


/* 14 = ANNUAIRE */


/* 15 = PAGINATION */


/* 16 = MÉDIATHÈQUE */
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 24px;
    line-height: 1.55;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
}
/* OWL CAROUSEL */
.owl-carousel {display:block; }
    .owl-stage-outer {margin-bottom:20px; }
        .owl-item::after {display:none; }
        .owl-carousel .title {display:none; }
        /* Nav - arrows */
        .owl-prev {float:left; }
        .owl-next {float:right; }
        .owl-prev,
        .owl-next {color:transparent; font-size:0; }
        .owl-prev::before,
        .owl-next::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; border-radius: 50%; color: #333; display: inline-block; font: normal normal normal 32px/1 FontAwesome; height:40px; line-height: 40px; margin-top:-10px; text-align: center; text-rendering: auto; transition-property: background-color, color; width:40px;}
        .owl-prev::before {content:"\f104"; }
        .owl-next::after {content:"\f105"; }
        .owl-prev:hover::before,
        .owl-next:hover::after {background-color:#222; color:#fff; }
        /* Nav - dots */
        .owl-dots {display:flex; justify-content:space-around; margin:0 auto; width:25%; }
        .owl-dot span { background-color: #222; border-radius: 50%; border: 1px solid #222; display: block; height: 15px; transition-property:background-color; width: 15px; }
        .owl-dot.active span {background-color:#fff; }

/* GALLERY */
.gallery-list .thumbnail {height:300px; }


/* 17 = DIAPORAMA */
/* GALERIE */

/* BLUEIMP - GALLERY + CAROUSEL */
.blueimp-gallery-carousel {box-shadow:none; }
.blueimp-gallery-carousel .title {font-size:1rem; font-weight:700; line-height:1; }
.blueimp-gallery-carousel .counter {bottom:0; color:#fff; left:5px; opacity:.5; position:absolute; top:auto; }
.blueimp-gallery-carousel .fullScreen {color:#fff; cursor:pointer; font-size:1.3em; height:50px; left:auto; line-height:50px; opacity:.5; position:absolute; right:0; text-align:center; top:0; transition-property:opacity; width:50px; }
.blueimp-gallery-carousel .fullScreen:active,
.blueimp-gallery-carousel .fullScreen:focus,
.blueimp-gallery-carousel .fullScreen:hover,
.blueimp-gallery-carousel .play-payse:active,
.blueimp-gallery-carousel .play-payse:focus,
.blueimp-gallery-carousel .play-payse:hover {opacity:1; }
/*body:last-child .blueimp-gallery>.play-pause { background-image:none; bottom: 0; color:#fff; height:50px; line-height:50px; right: 0; text-align: center; transition-property:opacity; width:50px;}
body:last-child .blueimp-gallery>.play-pause::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content:"\f04b"; display:inline-block; font-size:24px; line-height:50px; text-rendering: auto;}
body:last-child .blueimp-gallery-playing>.play-pause::before {content:"\f04c";}*/
.blueimp-gallery>.next,
.blueimp-gallery >.prev { border-radius:50%; height: 46px; line-height: 0; text-shadow: none; transition-property: opacity; width: 46px;}
.blueimp-gallery-controls > .next .fa,
.blueimp-gallery-controls > .prev .fa {font-size:30px; line-height:45px;}

/* Vignettes */
.diaporama-controls .indicator {width:80%; }
.diaporama-controls .next,
.diaporama-controls .prev {width:10%; }
.diaporama-controls .indicator,
.diaporama-controls .next,
.diaporama-controls .prev {display:inline-block; vertical-align:middle; }
.diaporama-controls .next,
.diaporama-controls .prev {border:0 !important; border-radius:50% !important; color:#222; cursor:pointer; font-family:monospace; font-size:32px; height:40px; line-height:40px; transition-property:background-color,color; width:40px; }
.diaporama-controls .next::before,
.diaporama-controls .prev::before {color:#484848; }
.diaporama-controls .next:active,
.diaporama-controls .prev:active,
.diaporama-controls .next:focus,
.diaporama-controls .prev:focus,
.diaporama-controls .next:hover,
.diaporama-controls .prev:hover {background-color:#222; border-radius:5px; color:#fff; }
.diaporama-controls .next:active::before,
.diaporama-controls .prev:active::before,
.diaporama-controls .next:focus::before,
.diaporama-controls .prev:focus::before,
.diaporama-controls .next:hover::before,
.diaporama-controls .prev:hover::before {color:#fff; }
.diaporama-controls {text-align:center; }
.diaporama-controls ul {margin:0 !important; padding:0; }
.diaporama-controls ul li {backgrounud-image:none !important;border:5px solid transparent; border-radius:0; cursor:pointer; display:inline-block; padding:0 !important; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; vertical-align:middle; }
.diaporama-controls ul li::before {display:none; }
.diaporama-controls ul li:hover {border-color:#222; }
.diaporama-controls ul li.active {border-color:#e5e5e5; }
    .diaporama-controls ul li img {height:50px; width:auto; }

.blueimp-gallery>.indicator>li {border:5px solid transparent; border-radius:0; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; transition:all 0.2s ease; }
.blueimp-gallery>.indicator>.active,
.blueimp-gallery>.indicator>li:hover {border-color:#222; border-radius:5px; }

/* Galerie full-page */
.blueimp-gallery>.indicator>li {background-size:cover; }
.blueimp-gallery>.close {text-align:center; width:60px; }
    .blueimp-gallery>.close .fa-times {font-size:1.5rem; }


/* 18 = VIDÉOTHÈQUE */



/* 19 = MODALES */
.modal-body .btn-group {margin:0 auto; }
.modal-body iframe {max-height:80vh; }
.modal-content .close {color:#999; filter:alpha(opacity=100); margin:0; opacity:1; }
    .modal-content .close:active,
    .modal-content .close:focus,
    .modal-content .close:hover {color:#333; }
/* Surcharges */
.close {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}
.modal-content .close {
    order: 2;
    margin-left: auto; 
}


/* 20 = LOGIN */


/* 21 = SOMMAIRE */
.menu-summary .thumbnail {border:0; border-radius:5px; margin-bottom:0; overflow:hidden; padding:0; }
    .menu-summary .title {color:#333; font-size:1.5rem; margin-bottom:20px; padding:7px 0; }


/* 22 = PUBLICATIONS */


/* 23 = PROFILS */


/* 23 = COOKIE CONSENT */
/*
.modal-cookie-consent {background-color:rgba(0,0,0,.7); display:block; height:100%; left:0; overflow:hidden; position:fixed; top:0; width:100%; z-index:2000;}
    .modal-cookie-consent-content {background-color:#fff; box-shadow:0 0 3px 7px rgba(0,0,0,.35); height:auto; margin:10% auto 0; max-height:90%; overflow-y:auto; padding:0 0 100px; position:relative; width:60%;}
        .modal-cookie-consent-header h2 {color:#333; font-size:30px; font-weight:bold; padding:30px; text-align:center;}
    .modal-cookie-consent-part1 {}
        #atfc-form-choices p,
        .modal-cookie-consent-body p {font-size:18px; padding:0 40px 1em;}
        .plugin-cookie-consent #atfc-form-choices p {padding:0 0 1em;}
            #atfc-form-choices p a,
            .modal-cookie-consent-body p a {font-weight:bold;}
    .modal-cookie-consent-part2 {display:none;}
        #atfc-form-choices label {display:block; margin-bottom:0;}
            #atfc-form-choices label input {height:18px; margin-right:5px; position:relative; top:3px; width:18px;}
        .modal-cookie-consent-footer {background-color:#eee; bottom:0; height:80px; left:0; position:absolute; right:0; text-align:center; top:auto;}
            .modal-cookie-consent-btn-params,
            .modal-cookie-consent-btn-accept {border:0; bottom:0; display:block; font-size:18px; font-weight:bold;}
            .modal-cookie-consent .modal-cookie-consent-btn-params,
            .modal-cookie-consent .modal-cookie-consent-btn-accept {position:absolute; top:0; width:50%;}
            .modal-cookie-consent-btn-params,
            .modal-cookie-consent-btn-params:hover {left:0;} 
                .modal-cookie-consent-btn-params::before,
                .modal-cookie-consent-btn-accept::before {display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:20px; margin-right:5px; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
                .modal-cookie-consent-part1 .modal-cookie-consent-btn-params::before {content:"\f013";}
                .modal-cookie-consent-part2 .modal-cookie-consent-btn-params::before {content:"\f060";}
            .modal-cookie-consent-btn-accept,
            .modal-cookie-consent-btn-accept:hover {left:auto; right:0;}
            .plugin-cookie-consent .modal-cookie-consent-btn-accept {border-radius:20px; height:40px; line-height:1; margin:1em auto; padding:0 20px;}
                .modal-cookie-consent-part1 .modal-cookie-consent-btn-accept::before,
                .modal-cookie-consent-part2 .modal-cookie-consent-btn-accept::before {content:"\f00c";}
.plugin-cookie-consent-message {background-color:#5cb85c; border-color:#4cae4c; color:#fff; font-size:1.5em; padding:6px 12px;}
*/

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


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

  /* 01 = RESET */
    /*** Reset grille Bootstrap */
    .container {width:1200px; }

}


@media screen and (min-width:992px) {/* DESKTOP - Tous */
  /* 01 = RESET */
    /*** Reset grille Bootstrap */
    .container,[class*="col-"] {padding-left:15px; padding-right:15px; }
    .row {margin-left:-15px; margin-right:-15px; }

    /*** Alignements de colonne */
    .site-main .col-md-3:nth-child(4n+1),
    .site-main .col-md-4:nth-child(3n+1),
    .site-main .col-md-6:nth-child(odd) {clear:left; }

}


@media screen and (max-width:991px) {/* TABLET & MOBILE */

    .col-droite {border-top:1px solid #ddd; padding-top:2rem; }

    /* 18 = DIAPORAMA */
    /* Galerie */
    #galerie .thumbnail {height:auto; }

  /* 01 = RESET */
    /* Reset grille Bootstrap */
    .container,[class*="col-"] {padding-left:10px; padding-right:10px; }
    .row {margin-left:-10px; margin-right:-10px; }

    /* Alignements de colonne */
  .site-main .col-sm-3:nth-child(4n+1),
  .site-main .col-sm-4:nth-child(3n+1),
  .site-main .col-sm-6:nth-child(odd) {clear:left; }

    /* 08 = BREADCRUMBS */
    .breacrumb {line-height:normal; }

    /* 09 = SHARE & TOOLS */
    .tools-page {text-align:center; }
    .tools-page > .btn-group > .btn {margin-top:0; }
}


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

  /* 01 = RESET */
    /*** Alignements de colonne */
  .site-main .col-xs-3:nth-child(4n+1),
  .site-main .col-xs-4:nth-child(3n+1),
  .site-main .col-xs-6:nth-child(odd) {clear:left; }

    /* 06 = ACCUEIL */
    /* Carrousel - Bootstrap */
    .carousel-inner, .carousel-inner .item {height:35vh; min-height:200px; }

    /* 08 = BREADCRUMBS */
    .breadcrumb {line-height:1; }
    .breadcrumb .fa {margin-right:5px; }

}


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

    /* 17 = MÉDIATHÈQUE */
    /* CAROUSEL - OWL */
    .owl-carousel .owl-dots {width:50%; }

}