/* CSS Maison des Arts Malakoff - Artifica */

/* root */
:root {
    --gallery-gap: 30px;
}

/* RESET =====*/
body {background-color:#fff;color:#231f20;font-family:'CooperHewitt', Arial, sans-serif;font-size:16px;font-weight:400;}
textarea {resize:none;}
abbr[title],
abbr[data-original-title] {border-bottom:0;text-decoration:none;}
button,
input,
select,
textarea {color:inherit;font-family:inherit;font-size:inherit;}
a,
a:is(:focus,:hover,:active) {color:inherit;}
a:is(:focus,:hover,:active),
button:is(:focus,:hover,:active),
input:is(:focus,:hover,:active),
select:is(:focus,:hover,:active),
textarea:is(:focus,:hover,:active),
.btn:is(:focus,:hover,:active),
.btn:active:focus,
.btn:active:hover,
.form-control:is(:focus,:hover,:active),
.form-control:active:focus,
.form-control:active:hover {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;font:inherit;outline:none !important;}

/* Surcharges */
body, .htmlarea-content-body {
    font-size: 16px;
    line-height: 1.55;
    color: #333;
    background-color: #fff;
}
a {
    background-color: transparent;
    color: #231f20;
    text-decoration: none;
}
a, 
a:is(:focus,:hover,:active) {
    color: #231f20;
}
a:hover,
a:focus {
    text-decoration: none;
}
.frame {/* Pour inherit */
    color: #231f20;
}
.frame a[class=""], 
.frame a:not([class]) {
	color: inherit;
}
.frame a[class=""]:hover, 
.frame a:not([class]):hover {
    color: #231f20;
}
.frame-container {
    padding: 0;
}
.textmedia, .textpic {
    gap: 30px;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.row.row-margin {
    margin: 0;
}
.frame-container-default {
    padding: 0;
    max-width: inherit;
}
.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;
}
.col-xs-12 {
    width: 100%;
}
@media (min-width: 992px) {
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
}
@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
}
@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

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

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

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

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

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

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

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

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

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

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

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

    .col-md-1 {
        width: 8.33333333%
    }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
    .visible-sm {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs {
        display: block !important;
    }
}

.text-danger {
    color: #a94442!important;
}
.bg-danger {
    background-color: #f2dede!important;
}
.bg-danger {
    margin-bottom: 30px;
    padding: 15px;
}

.gallery-row {
    gap: 0 30px;
}
    .content .gallery-item [href$=".jpg"]:not(.lightbox)::after,
    .content .gallery-item [href$=".jpeg"]:not(.lightbox)::after {
        display: none;
    }
        .gallery-item figure,
        figure {
            margin-bottom: 1em;
        }

ul, ol {
    margin-top: 0;
    margin-bottom: 12px;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
	.list-inline > li {
	    display: inline-block;
	    padding-right: 5px;
	    padding-left: 5px;
	}
.textmedia-text>*:last-child, .textpic-text>*:last-child {
	margin-bottom: inherit;
}
.frame > *:last-child {
    margin-bottom: 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none/*inset 0 1px 1px rgba(0, 0, 0, 0.075)*/;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control.select-action-change {
    appearance: auto;
}
@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.55;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.frame-header {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.1;
    color: inherit;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 24px;
    margin-bottom: 12px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    margin-top: 0;
}
.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.caret {
    margin-left: 5px;
}
.eventsList .caret {
    vertical-align: 6px;
    position: relative;
    right: -35px;
    transform: scale(0.75, 1.5);
}
/* 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;
    }
    .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%);
    }
/* Nav-Tab */
.nav-tabs {
    margin-bottom: 1.5em;
}
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    .frame .nav-tabs > li > a.active, 
    .frame .nav-tabs > li > a.active:hover, 
    .frame .nav-tabs > li > a:hover, 
    .frame .nav-tabs > li > a.active:focus, 
    .frame .nav-tabs > li > a:focus {
        background-color: #000;
        color: #fff;
    }
/* A11Y */
a:focus-visible,
button:focus-visible,
.pagination:not(.js) a.btn:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}


/* Divers _____*/
.extbase-debugger {position:relative;z-index:9999;}
.caption {color:inherit;word-break:normal;}
.strong {font-weight:700;}
.frame {clear:both;margin:0;padding:0;}
.pageContent .frame,
.pageAside .frame {margin-bottom:30px;}
.list-inline {margin-bottom:0;}
.bg-danger {margin-bottom:30px;padding:15px;}

/* Transitions _____*/
.logo,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .prev,
.btn-default,
.btn-primary,
.carousel-owl .owl-next,
.carousel-owl .owl-next::before,
.carousel-owl .owl-prev,
.carousel-owl .owl-prev::before,
.content a,
.content a::after,
.content a::before,
.diaporama-controls .next,
.diaporama-controls .prev,
.directoriesList .title::after,
.directoriesList .title::before,
.eventsList .img-responsive,
.eventsList .link::after,
.eventsSingle .seebio,
.form-horizontal .form-contro,
.form-horizontal .form-control,
.fullScreen,
.mediaListDefault .icon,
.menuList .link::after,
.menuList .link::before,
.mozaic .icon,
.mozaic img,
.navbar-collapse,
.navbar-toggle .icon,
.pagination:not(.js) .btn,
.recordsListInline a,
.searchFilters .link,
.searchForm .form-control ~ .close,
.searchForm .form-control,
.searchForm .submit,
.searchList .link::after,
.toPageTop,
.toolsPage .btn-link {transition-duration:0.2s;transition-property:none;transition-timing-function:ease;}

/* Surcharges Bootstrap Package ancienne version */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 20px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}
.navbar-toggle {
    height: 34px;
    width: 34px;
    padding: 0;
}

/* FORMULAIRES =====*/
textarea {resize:vertical;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset;}
::-ms-clear {display:none;}
/* RESET FOR CUSTOM CHECKBOX & RADIO
[type="checkbox"],[type="radio"] {appearance:none;}
[type="checkbox"]::-ms-check,[type="radio"]::-ms-check {display:none;}
*/
/* RESET FOR CUSTOM SELECT
select {appearance:none;}
select::-ms-expand {display:none;}
*/
.form-horizontal textarea {resize:none;}
.form-horizontal legend {
    font-size: 1em;
    font-weight: 700;
}
.form-horizontal .radio input[type="radio"] {margin:0 5px 0 -15px;position:relative;top:1px;}
.form-horizontal .radio label {
    /*font:400 17px/1.3 'Source Sans Pro', Arial, sans-serif;*/
}
.form-horizontal .control-label {
    color:#033333;
    font:600 1em/2.1 'Montserrat', Arial, sans-serif;
}
.form-horizontal .input-group.row {margin:0;width:100%;}
.form-horizontal .form-control {border-color:#231f20;border-style:solid;border-width:0 0 3px 0;box-shadow:none;transition-property:border-bottom-width;}
.form-horizontal .form-control:focus {border-style:double;}
.form-horizontal .input-group-addon {display:none;}
.form-horizontal .list-inline > li {font-weight:700;padding:0 3px;}
.form-horizontal .obligatoires {font-size:16px;font-style:italic;}
.form-horizontal .control-label em,
.form-horizontal .obligatoires {
    color: #D22747/*#a94442*/;
    font-size: .875em;
    font-style:italic;
}

/* BUTTONS =====*/
/* Default _____*/
.btn-default {background-color:#231f20;border:2px solid #231f20 !important;border:0;color:#fff;display:block;font-size:1em;font-weight:400;height:40px;line-height:36px !important;padding:0 20px;position:relative;text-transform:lowercase;transition-property:background-color, color;}
.btn-default .icon {font-size:1.125em;margin-right:5px;vertical-align:-2px;}
.btn-default:active,.btn-default:focus,.btn-default:active:hover,.btn-default:focus:hover,.btn-default:hover {background-color:#fff;color:#231f20;}
/* Primary _____*/
:is(.btn-primary,.btn-default.submit) {background-color:#231f20;
    border:0!important;
    font-size:1em;font-weight:700;height:31px;
    line-height:31px!important;
    padding:0 10px;position:relative;transition-property:background-color, color, padding;}
:is(.btn-primary,.btn-default.submit):active,
:is(.btn-primary,.btn-default.submit):focus,
:is(.btn-primary,.btn-default.submit):active:hover,
:is(.btn-primary,.btn-default.submit):focus:hover,
:is(.btn-primary,.btn-default.submit):hover {background-color:#fff;color:#231f20;font-weight:700;padding:0 15px;}
:is(.btn-primary,.btn-default.submit)::before,
:is(.btn-primary,.btn-default.submit)::after {bottom:0;color:#231f20;font-size:31px;font-weight:400;position:absolute;top:0;}
:is(.btn-primary,.btn-default.submit)::before {content:"[";left:-2px; top:0!important;}
:is(.btn-primary,.btn-default.submit)::after {content:"]";right:-2px; top:0!important;}
:is(.btn-primary,.btn-default.submit):active::before,
:is(.btn-primary,.btn-default.submit):focus::before,
:is(.btn-primary,.btn-default.submit):active:hover::before,
:is(.btn-primary,.btn-default.submit):focus:hover::before,
:is(.btn-primary,.btn-default.submit):hover::before,
:is(.btn-primary,.btn-default.submit):active::after,
:is(.btn-primary,.btn-default.submit):focus::after,
:is(.btn-primary,.btn-default.submit):active:hover::after,
:is(.btn-primary,.btn-default.submit):focus:hover::after,
:is(.btn-primary,.btn-default.submit):hover::after {top:-8px;}

/* RETOURS ===== */

/* Page précédente _____*/
.toPagePrevious {}

/* Haut de page _____*/
.toPageTop {}

/* COOKIES =====*/
#cookie-bar {bottom:0;box-shadow:0 0 5px #333;font:normal 400 14px/1.5 'CooperHewitt',Arial,sans-serif;left:0;padding:10px 10px 0;position:fixed;right:0;z-index:1000;}
#cookie-bar .text-right {white-space:nowrap;}
#cookie-bar .cb-enable,
#cookie-bar .cb-disable,
#cookie-bar .cb-policy {color:#fff;display:inline-block;font-size:14px;height:30px;line-height:30px;margin-bottom:12px;padding:0 10px;transition-property:background-color;}
#cookie-bar .cb-enable {background-color:#398439;border-color:#398439;}
#cookie-bar .cb-disable {background-color:#d43f3a;border-color:#d43f3a;}
#cookie-bar .cb-policy {background-color:#31708f;border-color:#31708f;}
#cookie-bar .cb-enable:active,
#cookie-bar .cb-disable:active,
#cookie-bar .cb-policy:active,
#cookie-bar .cb-enable:focus,
#cookie-bar .cb-disable:focus,
#cookie-bar .cb-policy:focus,
#cookie-bar .cb-enable:hover,
#cookie-bar .cb-disable:hover,
#cookie-bar .cb-policy:hover {background-color:#fff;color:#333;}
/* Cookie consent */
.modal-cookie-consent-content .modal-cookie-consent-btn-params, 
.modal-cookie-consent-part2 .modal-cookie-consent-footer button:disabled {
	color: #333;
}
.modal-cookie-consent-footer button:is(:focus-visible,:focus,:hover,:active) {
	font-size: 1.125em;
	font-weight: 700;
}
.modal-cookie-consent-footer .modal-cookie-consent-btn-params:is(:focus-visible,:focus,:hover,:active) {
	font-weight: 400;
}

/* PAGINATION =====*/
.pagination {display:block;text-align:center;}
.pagination:not(.js) .btn {
    border-radius:50% !important;border-width:4px;font-weight:700;height:40px;line-height:36px;padding:0;transition-property:border;width:40px;
    box-shadow: none;
}
.pagination:not(.js) .current {border-color:#231f20;}
.pagination:not(.js) .btn:hover {border-color:#231f20;border-style:double;}
.pagination:not(.js) .btn-info .btn-title {color:#333;}
/*.pagination:not(.js) .prev,*/

/* MODALES =====*/
.modal-header {padding:15px 45px 15px 15px;position:relative;}
.modal-header .title {color:#333;font-weight:700;font-size:1.5em;margin:0;}
.modal-header .close {
    color:#999;filter:alpha(opacity=100);margin:0;opacity:1;position:absolute;right:10px;top:10px;transition-property:color;
    border: 0;
    height: 40px;
    width: 40px;
    background-color: transparent;
    font-size: 1.5rem;
}
.modal-header .close:active,
.modal-header .close:focus,
.modal-header .close:hover {color:#333;}
.modal-body .btn-group {margin:0 auto;}
.modal-body .btn-group .btn {padding:0 20px;}
.modal-body .btn-group .btn .icon {margin-right:10px;}
.modal-body iframe {background:url(../Img/loader.svg) no-repeat center center;max-height:80vh;}
#popup > h1:first-child {display:none;}
#popup .btn {padding:0 20px;}
.modal-footer {text-align:center;}

/* SKIP LINKS =====*/
.skip-links {
    left:0; position:absolute;list-style-type:none;
    top: 0;
}
.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;}

/* LOADING =====*/
.loading {background-color:#fff;display:block;height:250px;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:710px;}
.loading::after {background:url(../Img/loader.gif) no-repeat center center;background-size:150px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10;}

/* BLUEIMP - DIAPORAMA ===== */
.mediaListdiaporama .title {border-bottom:4px solid #231f20;font-size:1.5em;font-weight:700;margin:30px 0 15px;padding:0 0 15px;text-transform:lowercase;}
body .blueimp-gallery > .indicator > li {border-radius:0;height:40px;margin:6px 3px 0;transition-property:opacity;width:72px;}
body .blueimp-gallery > .slides > .slide-loading {background-image:url(../Img/loader.gif);background-size:150px;}
body .blueimp-gallery {box-shadow:none;margin:0;min-height:480px;padding:0;}
body .blueimp-gallery > .prev,body .blueimp-gallery > .next {background-color:transparent;border:0;border:0;color:#fff;height:40px;opacity:1;text-shadow:none;transition-property:background-color;width:40px;}
body .blueimp-gallery > .prev:hover,body .blueimp-gallery > .next:hover {background-color:#231f20;opacity:1;}
body .blueimp-gallery > .prev .icon,body .blueimp-gallery > .next .icon {font-size:40px;line-height:40px;margin:0;}
body .blueimp-gallery > .next {right:10px;text-indent:2px;}
body .blueimp-gallery > .prev {left:10px;text-indent:-2px;}
body .blueimp-gallery > .slides > .slide > .slide-content {width:100%;max-width:100%;max-height:100%;}
body .blueimp-gallery > .play-pause {display:none;}
body .blueimp-gallery > .title {border:0;margin:0;opacity:0.5;padding:0;text-transform:none;transition-property:opacity;}
body .blueimp-gallery > .title:hover {opacity:1;}
body .fullScreen {color:#fff !important;cursor:pointer;height:50px;line-height:50px;opacity:0.5;position:absolute;right:0;text-align:center;text-decoration:none !important;top:0;transition-property:opacity !important;width:50px;z-index:1;}
body .fullScreen:hover {opacity:1;}
body .fullScreen .icon {display:block;font-size:25px;}
body .diaporama a::after {display:none;}
body .diaporama-controls {padding:20px 50px 0;position:relative;}
body .diaporama-controls .prev,body .diaporama-controls .next {display:none;}
body .diaporama-controls .item {border-radius:3px;border:4px solid transparent;cursor:pointer;display:inline-block;margin:0 !important;padding:0 !important;transition-property:border-color;vertical-align:middle;}
body .diaporama-controls .item::before {content:none !important;}
body .diaporama-controls .active {border-color:#333;border-radius:0;cursor:default;}
/* Surcharges */
body .blueimp-gallery a:hover {
    border: 0;
}
.diaporama-controls .item {
    max-width: 80px;
    aspect-ratio: 72 / 40;
    overflow: hidden;
}
    .diaporama-controls .item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

/* RTE CONTENT ===== */
.pageTitle,
.pagePicture,
.content blockquote,
.content h1,
.content h2,
.content .frame-header h2:last-child,
.content h3,
.content .frame-header h3:last-child,
.content h4,
.content .frame-header h4:last-child,
.content h5,
.content .frame-header h5:last-child,
.content ol,
.content .frame-header ol:last-child,
.content p,
.content .frame-header p:last-child,
.content table,
.content .frame-header table:last-child,
.content ul,
.content .frame-header ul:last-child,
.content .encart,
.content .encartDroite,
.content .encartFond,
.content .encartGauche {margin:0 0 30px;}

/* Divers _____*/
.content .text-center,
.content .align-center {text-align:center;}
.content .text-left,
.content .align-left {text-align:left;}
.content .text-right,
.content .align-right {text-align:right;}
.content .text-justify,
.content .align-justify {text-align:justify;}
small,
.content .word-small {font-size:0.75em;}
.content big,
.content .word-big {font-size:1.25em;}
.content .important {font-style:italic;font-weight:700;margin-right:4px;}
.content .strike {text-decoration:line-through;}

/* Liens _____*/
.content a,
.textmedia-text a,
.frame .content a[class=""], 
.frame .content a:not([class]),
.frame .textmedia-text a[class=""], 
.frame .textmedia-text a:not([class]) {
    border-bottom:1px double #231f20;transition-property:border-bottom-width;
    color: #231f20;
}
.content .encartFond a,
.frame .content .encartFond a {border-bottom-color:#fff;}
.content a:hover,
.frame .content a:hover,
.frame .textmedia-text a[class=""]:hover, 
.frame .textmedia-text a:not([class]):hover {border-bottom-style:double;border-bottom-width:3px;}

.pageAside :is(h2,h3,h4,h5) a,
.pageAside .frame :is(h2,h3,h4,h5) a,
.pageAside :is(h2,h3,h4,h5) a:not([class]),
.pageAside .frame :is(h2,h3,h4,h5) a:not([class]) {
    border: 0;
    text-decoration: none;
}

/* Titre _____*/
.pageTitle {text-transform:lowercase;}
.pagePicture {margin:0 auto 30px;}
.pagePicture + small {display:block;margin:-20px auto 30px;}
.lead {font-size:1.5em;font-weight:400;}

.content .embed-responsive,
.content iframe {margin-bottom:30px;max-width:100%;}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {clear:both;line-height:1.3;}
.pageTitle {font-size:2.25em;font-weight:700;margin:0 0 30px;}
.content h1 {font-size:2.25em;font-weight:700;margin:0 0 10px;}
.content h2 {font-size:1.5em;font-weight:700;}
.pageAside h2,
.pageAside .frame-header > h2:last-child {
    border-bottom:4px solid #231f20;font-size:1.5em;font-weight:700;
    margin-bottom: 12px;
    padding-bottom:15px;text-transform:lowercase;
}
.content h3 {font-size:1.125em;font-weight:700;}
.content h4 {font-size:1em;font-weight:700;}
.content h5 {font-size:1em;font-weight:700;}

/* Liste non-ordonnée _____*/
.content ul {padding-left:18px;}

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

/* Tableau _____*/
.content table {width:100%;}
.content thead th,
.content thead td {border-bottom:2px solid #231f20;}
.content tfoot th,
.content tfoot td {border-top:2px solid #231f20;}
.content th,
.content td {padding:5px;}
.content tbody tr:nth-child(even) th,
.content tbody tr:nth-child(even) td {background-color:#eee;}

/* Citation _____*/
.content blockquote {border-left:0;font-size:1.125em;padding:0 30px;position:relative;}
.content blockquote > * + * {margin-top:-15px;}
.content blockquote *:first-child::before,
.content blockquote *:last-child::after {-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font:normal normal 0.75em/1 'artifica' !important;display:inline-block;speak:none;text-transform:none;vertical-align:super;}
.content blockquote *:first-child::before {content:"\e931";margin-right:5px;}
.content blockquote *:last-child::after {content:"\e932";margin-left:5px;}

/* Encarts _____*/
.content .encartDroite,
.content .encartGauche,
.content .encart {border:4px solid #231f20;padding:30px 30px 0;margin:0 0 30px;}
.content .encart {clear:both;}
.content .encartDroite {clear:right;float:right;margin-left:30px;}
.content .encartGauche {clear:left;float:left;margin-right:30px;}
.content .encartDroite,
.content .encartGauche {width:46%;width:calc(50% - 30px);}
.content .encartFond {background-color:#eee;}

/* TÉLÉCHARGEMENTS =====*/
.mediaListDefault .title {border-bottom:4px solid #231f20;font-size:1.5em;font-weight:700;margin:30px 0 15px;padding:0 0 15px;text-transform:lowercase;}
.mediaListDefault a {border-bottom-width:0 !important;display:block;min-height:34px;padding-top:8px;padding-left:50px;position:relative;}
.mediaListDefault a::after {content:none !important;}
.mediaListDefault .icon {border-radius:50%;border:4px solid #231f20;display:block;height:34px;left:0;line-height:30px;position:absolute;text-align:center;top:0;transition-property:background-color, color;width:34px;}
.mediaListDefault .icon::before {font-size:24px;font-weight:700;}
.mediaListDefault a:active .icon,.mediaListDefault a:focus .icon,.mediaListDefault a:hover .icon {background-color:#231f20;color:#fff;}

/* OUTILS DE PARTAGE =====*/
.toolsPage {margin:5px 0;}
.toolsPage .btn-link {border-radius:50% !important;color:#231f20;font-size:1.2em;height:40px;padding:0;transition-property:background-color, color, transform;width:40px;
    text-decoration: none;
}
.toolsPage .btn-link .icon::before {line-height:40px;}
.toolsPage .btn-link:active,
.toolsPage .btn-link:focus,
.toolsPage .btn-link:hover {background-color:#231f20;color:#fff;transform:scale(1.3);}

/* NAVIGATION LATERALE =====*/
.siteHeader {text-transform:lowercase;}
.siteHeader a {
    color:inherit;font-weight:700;white-space: nowrap;
    display: block;
}
.navbar-collapse,
.navbar-collapse.in {padding:0;overflow:visible;}
.logo {
	position: relative;
	width: 140px;
	font-size: 20px;
}
.motto {display:block;font-size:0.9em;letter-spacing:0.03em;line-height:1.2;padding-top:8px;text-align:center;}
.motto span {letter-spacing:0.09em;}
.motto span::after,
.motto span::before {border:1px solid #231f20;content:"";display:inline-block;vertical-align:middle;width:13px;}
.motto span::after {margin-left:7px;}
.motto span::before {margin-right:7px;}
.menuPrimary::before,
.menuSecondary li:nth-child(2n + 1)::before {border-top:4px solid #231f20;content:"";display:block;margin-top:40px;padding-top:10px;width:26px;}
.menuList .link::before,
.menuList .link::after {display:inline-block;opacity:0;transition-property:opacity, margin, padding;}
.menuList .link::before {content:'[';margin-left:-0.55em;}
.menuList .link::after {content:']';margin-right:-0.55em;}
.menuList .link:active::before,
.menuList .link:hover::before,
.menuList .link:focus::before {opacity:1;padding-right:0.1em;margin-left:0;}
.menuList .link:active::after,
.menuList .link:hover::after,
.menuList .link:focus::after {opacity:1;padding-left:0.1em;margin-right:0;}
.menuList .active {color:#fff;position:relative;}
.menuList .active::after {background-color:#231f20;bottom:0;content:"";display:block;height:24px;left:-30px;position:absolute;right:0;z-index:-1;}
.menuList .active::before {content:none;}
.recordsListInline .list-unstyled.list-inline li {margin:30px -5px 0;}
.recordsListInline .list-unstyled.list-inline a {border-radius:50%;border:4px solid #231f20;display:block;font-size:20px;height:34px;line-height:26px;margin:0;text-align:center;transition-property:background-color, color, transform;width:34px;
	color: #231f20;
}
.recordsListInline .list-unstyled.list-inline a:is(:focus,:hover,:active) {background-color:#231f20;color:#fff;transform:scale(1.3);}

/* RECHERCHE =====*/
.searchForm .submit {
    transition-property:background-color;position:absolute;font-size:1em;
    box-shadow: none;
}
.searchForm .submit:is(:focus,:hover,:active) {background-color:#231f20 !important;color:#fff;}

/* RETOUR HAUT PAGE =====*/
.toPageTop {background-color:#fff;border-radius:50%;border:4px solid #231f20;bottom:30px;display:block;font-size:26px !important;height:40px;line-height:34px !important;margin:0;position:fixed;right:30px;text-align:center;transition-property:background-color, color;width:40px;z-index:10;}
.toPageTop:active,
.toPageTop:focus,
.toPageTop:hover {background-color:#231f20;color:#fff;}

/* MOSAÏQUE =====*/
.mozaic {overflow:hidden;position:relative;}
.mozaic .link {border:4px solid #231f20;display:block;text-align:center;}
.mozaic .title {font-weight:700;margin:0;text-align:center;text-transform:lowercase;white-space:nowrap;}
.mozaic .icon {border-radius:50%;border:4px solid #231f20;display:inline-block;font-size:20px;height:34px;line-height:26px;margin:0;transition-property:background-color, color, transform;width:34px;}
.mozaic .link:focus,
.mozaic .link:hover {color:inherit;}
.mozaic .link:focus .icon,
.mozaic .link:hover .icon {background-color:#231f20;color:#fff;transform:scale(1.3);}

/* ASIDE =====*/
.siteAside {
	display: flex;
	border-color:#231f20;
	border-style:solid;
	border-width:4px 0;
	color:#231f20;
}

/* AGENDA - LISTING =====*/
.eventsList {text-align:left;}
.eventsList .listTitle {font-size:1.5em;font-weight:700;margin:30px 0 15px;text-transform:lowercase;}
.eventsList .dropdown,
.eventsList .filters {text-align:right;margin-bottom:30px;}
.eventsList #allAgendas,
.eventsList .form-control {border:4px solid #231f20;color:#231f20;font-size:1.125em !important;font-weight:400 !important;height:40px;padding:0 40px 0 0;text-transform:lowercase;}
.eventsList #allAgendas {background-color:#fff;padding-left:4px;}
.eventsList .caret {vertical-align:6px;position:relative;right:-35px;transform:scale(0.75,1.5);}
.eventsList .dropdown-menu {left:auto;right:0;top:38px;width:195px;}
.eventsList .dropdown-menu > li > a {padding:0 5px;text-transform:lowercase;}
.eventsList .dropdown-menu > li > a:hover {background-color:#666;color:#fff;}
.eventsList .link {border-top:4px solid #231f20;color:#231f20;display:block;padding:15px 0 60px;}
.eventsList .link::after {border-radius:50%;border:4px solid transparent;content:"+";display:block;float:right;font-size:2em;font-weight:700;height:36px;line-height:30px;text-align:center;transition-property:border-color;width:36px;}
.eventsList .link:active::after,
.eventsList .link:focus::after,
.eventsList .link:hover::after {border-color:#231f20;}
.eventsList .picture {background-color:#231f20;margin-bottom:10px;}
.eventsList .img-responsive {transition-property:opacity;}
.eventsList .link:active .img-responsive,
.eventsList .link:focus .img-responsive,
.eventsList .link:hover .img-responsive{opacity:0.5;}
.eventsList .picture + .caption .category {
    margin-top: -3px/*-7px*/;
}
.eventsList .category {display:inline-block; font-size:1.125em; font-weight:700; margin-bottom:10px; text-transform:lowercase;}
.eventsList .title {font-size:1.875em; font-weight:700; margin-bottom:10px; text-transform:lowercase;}
.eventsList .datePeriod {display:block;font-size:1.25em;font-weight:700;margin:0 0 10px;}
.eventsList .datePeriod .separator {border:2px solid #231f20;display:inline-block;margin:0 3px;vertical-align:0.25em;width:20px;}
.eventsList .artists {display:block; font-weight:700; text-transform:lowercase; margin:0 0 10px;}
.eventsList .artist+.artist::before {content:", ";margin-left:-2px;}
.eventsList .abstract {font-weight:400;}

.pageAside .eventsList {margin-top:60px;}
.pageAside .eventsList .link + .link {border-top:4px solid #231f20;padding-top:12px;}

/* AGENDA - SINGLE =====*/
.eventsSingle .pageTitle {margin:0 0 10px;}
.eventsSingle .pagePicture{margin:20px 0;}
.eventsSingle .pagePicture + small{margin-top:-10px;}
.eventsSingle .datePeriod {display:block;font-size:1.25em;font-weight:700;margin:0 0 10px;}
.eventsSingle .datePeriod .separator {background-color:#231f20;display:inline-block;height:3px;margin:0 3px;vertical-align:0.25em;width:20px;}
.eventsSingle .artists {display:block; font-weight:700; margin:0 0 10px;}
.eventsSingle .categories {font-weight:700;font-size:20px;}
.eventsSingle .category + .category,
.eventsSingle .name + .name {margin-left:10px;position:relative;}
.eventsSingle .category + .category::before,
.eventsSingle .name + .name::before {content:"-";position:absolute;top:0;}
.eventsSingle .name + .name::before {left:-9px;}
.eventsSingle .category + .category::before {left:-10px;}
.eventsSingle .seebio {border-bottom:1px double #231f20; text-transform:lowercase; transition-property:border-bottom-width;}
.eventsSingle .seebio:active,
.eventsSingle .seebio:focus,
.eventsSingle .seebio:hover {border-bottom-width:3px;}

.btnAddToMyAgenda {clear:both;margin-top:20px;width:100%;}

/* ANNUAIRE - LISTING =====*/
.directoriesList .totalresults {font-size:1.875em;font-weight:700;margin-bottom:30px;}
.directoriesList .col-sm-4:nth-child(4n+1) {clear:both;}
.directoriesList .filters {text-align:right;margin-bottom:30px;}
.directoriesList .form-control {border:4px solid #231f20;color:#231f20;font-size:1.125em !important;font-weight:400 !important;height:40px;padding:0;text-transform:lowercase;}
.directoriesList .link {border-top:4px solid #231f20;color:#231f20;display:block;min-height:70px;padding:0;position:relative;}
.directoriesList .img-responsive {
    margin:7px 0 0;
    aspect-ratio: 73 / 49;
}
.directoriesList .category {display:block;font-weight:300;margin-bottom:10px;}
.directoriesList .title {font-size:1.125em;font-weight:700;margin:15px 0;}
.directoriesList .title::before,
.directoriesList .title::after {opacity:0;}
.directoriesList .title::before {content:"[";margin-right:-6px;transition-property:margin-right,opacity;}
.directoriesList .title::after {content:"]";margin-left:-6px;transition-property:margin-left,opacity;}
.directoriesList .link:active .title::before,
.directoriesList .link:focus .title::before,
.directoriesList .link:hover .title::before {margin-right:6px;opacity:1;}
.directoriesList .link:active .title::after,
.directoriesList .link:focus .title::after,
.directoriesList .link:hover .title::after {margin-left:6px;opacity:1;}

/* ANNUAIRE - SINGLE =====*/
.directoriesSingle .img-responsive {margin-bottom:20px;}

/* RECHERCHE =====*/
/* Filtres _____*/
.searchFilters .icon {margin-right:5px;}
.searchFilters .link {border-bottom:1px double #231f20;display:block;height:37px;margin:5px 0;padding:5px 0;transition-property:border-bottom-width;}
.searchFilters .link.current {font-weight:700;}
.searchFilters .link:active,
.searchFilters .link:focus,
.searchFilters .link:hover {border-bottom-width:3px;}

/* Résultats _____*/
.searchList .link {display:block;padding:30px 0 30px 3.5em;position:relative;}
.searchList .link::after {border-radius:50%;border:4px solid transparent;content:"+";display:block;float:right;font-size:2em;font-weight:700;height:36px;line-height:30px;text-align:center;transition-property:border-color;width:36px;}
.searchList .link:active::after,
.searchList .link:focus::after,
.searchList .link:hover::after {border-color:#231f20;}
.searchList .icon {font-size:2em;left:0;position:absolute;top:20px;}
.searchList .title {border-bottom:4px solid #231f20;font-size:1.5em;font-weight:700;line-height:1.3;padding-bottom:5px;}
.searchList .abstract {}

/* DIVERS =====*/
.pageAside .directoriesList .link,
.pageAside .eventsList .link {border-width:0;padding-top:0;}

/* Tabulations */
.nav-tabs {border:0;}
	.nav-tabs > li > a,
	.nav-tabs > li.active > a {background-color:rgba(0,0,0,0); border:2px solid #000; color:#000; cursor:pointer; font-weight:700; height:30px; line-height:1; margin: 0 10px 10px 0; padding:6px 15px; transition:background-color .3s;}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li > a:hover,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li > a:focus {background-color:rgba(0,0,0,1); border:2px solid #000; color:#fff;}

/* FOOTER _____ */
.siteFooter.row {
	margin: 30px 0 0;
}
@media screen and (min-width: 992px) {
    .siteFooter.row {
        margin: 30px 30px 0 210px;
    }
}
/* textes */
.siteFooter :is(.frame-type-textmedia,.frame-type-text) > *:last-child {
    margin-bottom: 2em;
}
/* Listes de logos */
.siteFooter .row .pictos {
    padding: 0;
}
    .siteFooter .logos .list-unstyled {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 25px;
    }
    	.logos .img-responsive {
    		width: auto;
    	}
    	.col-md-4 .logos .img-responsive {/* PNG */
    	    max-height: 30px;
    	    max-width: 160px;	    
    	}
    	.col-md-4 .logos img[src$=".svg"] {/* SVG */
    	    min-height: 29px;
    	    min-width: 31px;
    	    /*max-height: inherit;
    	    max-width: inherit;*/
    	}
    	.col-md-5 .logos .img-responsive {/* PNG */
    	    max-height: 60px/*25px*/;
    	    max-width: 120px/*80px*/;

    	    /*max-height: 45px/*25px*/;
    	    /*max-width: 110px/*80px*/;
    	}
    	.col-md-5 .logos img[src$=".svg"] {/* SVG */
    	    min-height: 30px;
    	    min-width: 32px;
    	    /*max-height: inherit;
    	    max-width: inherit;*/
    	}
    	.col-md-3 .logos .img-responsive {
    		min-width: 220px;
    	}
    .col-md-3 .logos li {
    	margin-left: auto;
    }


/* LG =====*/
@media screen and (min-width:1201px) {
    .container-fluid {max-width:1200px;width:100%;}
    .form-horizontal fieldset, .container, .container-fluid, [class*="col-"] {padding-left:15px;padding-right:15px;}
    .row {margin-left:-15px;margin-right:-15px;}
}

/* MD & LG =====*/
@media screen and (min-width:992px) {
    body::before {background-color:#fff;background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00fff', GradientType=0);content:"" !important;display:block;height:100px;left:210px;position:fixed;right:30px;top:0;z-index:8;}

    /* NAVIGATION LATERALE _____ */
    .listMenus {height:100%;left:0;
    	overflow-x: hidden/*visible*/;
    	overflow-y:auto;padding:210px 0 30px 30px;position:fixed;top:0;width:210px;}
    .logo {background:-moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 1%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );height:240px;left:0;padding:30px;position:fixed;top:0;width:210px;z-index:1;}

    /* ASIDE _____ */
    .siteAside {background-color:#fff;height:40px;line-height:32px;left:210px;position:fixed;right:30px;top:30px;z-index:20;}
    .pageAside {min-height:1000px;padding-top:60px;}
    .pageAside::before {border-left:1px solid #ccc;content:"";display:block;height:1000px;position:absolute;left:-15px;top:0;}
    .multitools {position:absolute;right:15px;text-align:right;top:0;}

    /* FOOTER _____ */
    .siteFooter {border-top:4px solid #231f20;font-size:0.75em;line-height:1.34;margin:30px 30px 0 210px;padding-top:20px;position:relative;z-index:5;}
    .siteFooter .col-md-6 {text-align:center;}
    .siteFooter .col-md-6 .pictos {display:table;table-layout:fixed;width:100%;}
    .siteFooter .col-md-6 .frame {display:table-cell;padding:0 20px;text-align:center;vertical-align:middle;}
    .siteFooter .picto {display:inline-block;margin:0 auto;}
    .siteFooter .col-md-3 .picto {margin-top:10px;}/*margin-top:30px;*/
    /*.siteFooter .col-md-6 .picto + .picto {margin-top:5px;}*//**/
    /* Images */
    	#c13 .img-responsive {width:120px;}/*width:150px;*/
    	#c14 .img-responsive {width:40px;}/*width:60px;*/
    	#c17 a:nth-child(1) .img-responsive {position:relative; top:-9px; width:100px;}/*width:120px;*/
    	#c17 a:nth-child(2) .img-responsive {width:120px;}/*width:140px;*/
    	#c18 .img-responsive {width:60px;}/*width:80px;*/

    /* CONTENT _____ */
    .siteContent {margin:100px 30px 0 210px;}
    .siteContent > .container {margin:0 auto;padding:0;}
    .pageMain {min-height:1000px;}

    /* MOSAÏQUE _____ */
    .mozaic {height:690px;height:43vw;}
    .mozaic .item {height:33.33333%;position:absolute;width:25%;}
    .mozaic .item:nth-child(1) {left:0;top:0;}
    .mozaic .item:nth-child(2) {left:0;top:33.33333%;}
    .mozaic .item:nth-child(3) {left:0;top:66.66666%;}
    .mozaic .item:nth-child(4) {left:25%;top:16.666665%;}
    .mozaic .item:nth-child(5) {left:25%;top:49.999995%;}
    .mozaic .item:nth-child(6) {left:50%;top:0;}
    .mozaic .item:nth-child(7) {left:50%;top:33.33333%;}
    .mozaic .item:nth-child(8) {left:50%;top:66.66666%;}
    .mozaic .item:nth-child(9) {left:75%;top:0;height:16.666665%;}
    .mozaic .item:nth-child(10) {left:75%;top:16.666665%;}
    .mozaic .item:nth-child(11) {left:75%;top:49.999995%;}
    .mozaic .item::after, .mozaic .item::before {border:2px solid #fff;content:"";display:block;position:absolute;z-index:5;}
    .mozaic .item:nth-child(1)::after {left:0;right:0;top:0;}
    .mozaic .item:nth-child(1)::before {bottom:0;left:0;top:0;}
    .mozaic .item:nth-child(2)::after {bottom:60px;left:0;top:4px;}
    .mozaic .item:nth-child(2)::before {bottom:-4px;left:4px;width:60px;}
    .mozaic .item:nth-child(3)::after {bottom:0;height:60px;left:0;}
    .mozaic .item:nth-child(3)::before {height:60px;right:-4px;top:4px;}
    .mozaic .item:nth-child(4)::after {left:0;height:71px;top:44px;}
    .mozaic .item:nth-child(4)::before {top:4px;right:-4px;height:60px;}
    .mozaic .item:nth-child(5)::after {top:0;right:0;width:60px;}
    .mozaic .item:nth-child(5)::before {content:none;}
    .mozaic .item:nth-child(6)::after {left:4px;right:0;top:0;}
    .mozaic .item:nth-child(6)::before {right:-4px;bottom:0;height:60px;}
    .mozaic .item:nth-child(7)::after {bottom:0;height:60px;left:0;}
    .mozaic .item:nth-child(7)::before {bottom:-4px;right:0;width:60px;}
    .mozaic .item:nth-child(8)::after {content:none;}
    .mozaic .item:nth-child(8)::before {content:none;}
    .mozaic .item:nth-child(9)::after {left:4px;right:-4px;top:0;}
    .mozaic .item:nth-child(9)::before {bottom:0;right:-4px;top:0;}
    .mozaic .item:nth-child(10)::after {bottom:0;right:-4px;top:4px;}
    .mozaic .item:nth-child(10)::before {content:none;}
    .mozaic .item:nth-child(11)::after {bottom:0;height:60px;left:0;}
    .mozaic .item:nth-child(11)::before {bottom:0;right:-4px;top:4px;}
    .mozaic .link {height:calc(100% + 4px);overflow:hidden;width:calc(100% + 4px);}
    .mozaic .title {font-size:1.75em;font-size:1.75vw;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);}
    .mozaic img {height:auto;left:50%;opacity:0;position:relative;top:50%;transform:translate(-50%, -50%);transition-property:opacity;width:100%;z-index:10;}
    .mozaic .link:focus img, .mozaic .link:hover img {opacity:1;outline:0;}

    /* RECHERCHE _____ */
    #c1 {
    	position: absolute;
    	right: 0;
    	/*clear:none;
    	float:right;*/
    	height:32px;
    	width:25%;
    }
    .searchForm .form-control, .searchForm .submit {height:32px;margin:0;padding:0;}
    .searchForm .form-control {
        position: relative;
        z-index: 1;
        border-color:#231f20;border-style:solid;border-width:0 0 0 3px;position:relative;text-indent:10px;top:-3px;transition-property:border-left-color, opacity;opacity:0;width:100%;
        background-color: #fff;}
    .searchForm:hover .form-control, .searchForm .form-control:focus {opacity:1;}
    .searchForm .form-control:focus {box-shadow:none;}
    .searchForm .submit {background-color:#fff;border:0;position:absolute;right:0;top:0;transition-property:background-color;width:36px;z-index:1;}
    .searchForm .form-control:focus + .btn, .searchForm:hover .btn {background-color:#fff;}
    .searchForm .form-control ~ .close {display:none;}

    /* FLASH INFOS _____ */
    .animationHeader {
        animation: typing 8s steps(100, end);
        display: inline-block;
        float: left;
        overflow: hidden;
        position: relative;
        /*text-overflow: ellipsis;*/
        white-space: nowrap;
        /*width: 75%;*/width: 100%;
    }/* ex #c4 */
    @keyframes typing {from {width:0;} to {width:100%;}}

    /* DIVERS _____ */
    .eventsList .col-xs-12:nth-child(3n+1) {clear:both;}
    .eventsList.news .col-xs-12:nth-child(3n+1) {clear:none;}
    .eventsList.news .col-xs-12:nth-child(4n+1),
    .directoriesList .col-xs-12:nth-child(4n+1) {clear:both;}
}

/* XS & SM & MD =====*/
@media screen and (max-width:1200px) {
    .form-horizontal fieldset, .container, .container-fluid, [class*="col-"] {padding-left:10px;padding-right:10px;}
    .row {margin-left:-10px;margin-right:-10px;}
    .form-group.row, [class*="col-"] > .row {margin-left:0;margin-right:0;}
    .getpost {padding:10px 10px 0;}
    .pageAside::before {left:-10px;}
}

/* MD =====*/
@media screen and (min-width:992px) and (max-width:1200px) {
    .btnAddToMyAgenda {font-size: 0.8em;padding: 0 12px;}
}

/* SM =====*/
@media screen and (min-width:768px) and (max-width:991px) {
    /* DIVERS _____ */
    .eventsList .col-xs-12:nth-child(2n+1) {clear:both;}
}

/* XS & SM =====*/
@media screen and (max-width:991px) {
    body {background-color:#fff;}
    .navshowing .siteAside,
    .navshowing .siteContent,
    .navshowing .siteFooter {border-width:0;height:0;margin:0;overflow:hidden;padding:0;}
    .navshowing .searchForm,
    .navshowing .toPageTop,
    .navshowing .logo {opacity:0;}
    .navshowing .siteHeader::after {background:#231f20 none;bottom:0;height:auto;opacity:0.75;top:0;z-index:11;}
    .logo {font-size:15px;transition-property:width;width:112px;z-index:2;}
    .logo.affix-top {position:relative;}
    .logo .motto {transition-property:font-size, opacity;}
    .logo.affix {height:50px;overflow:hidden;width:85px;}
    .logo.affix .motto {opacity:0;font-size:0.7em;}
    .topPageLike {font-weight:700;font-size:15px;width:112px;}
    .navbar-toggle .icon {transition-property:opacity;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    .navbar-toggle .icon-tool-close, .navbar-toggle.collapsed .icon-tool-menu {opacity:1;}
    .navbar-toggle.collapsed .icon-tool-close, .navbar-toggle .icon-tool-menu {opacity:0;}
    .navbar-collapse {background-color:#fff;left:0;height:auto !important;padding:15px !important;position:fixed;right:50px;top:0;transition-property:left, right !important;z-index:12;}
    .navbar-collapse.collapse {display:block;left:-100%;position:absolute;right:100%;}
    .navbar-collapse.collapse.in {left:0;right:50px;}

    /* HEADER _____ */
    .siteHeader {padding:15px 0 15px 15px;}
    .siteHeader::before {background-color:#fff;content:"";display:block;height:70px;left:0;position:fixed;top:0;right:0;z-index:1;}
    .siteHeader::after {background:-moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00fff', GradientType=0);content:"";display:block;height:10px;left:0;position:fixed;top:70px;right:0;z-index:1;}
    [data-bs-target="#navigation"] {font-size:24px;height:50px;margin:0;padding:0;position:fixed;right:50px;top:0;width:50px;z-index:13;}

    /* RECHERCHE _____ */
    .searchForm {left:0;position:fixed;right:0;top:0;z-index:1;}
    .searchForm .form-control, .searchForm .submit {height:50px;margin:0;padding:0;position:absolute;top:0;}
    .searchForm .form-control {border:0;right:0;text-indent:65px;width:50px;background-color:transparent;transition-property:width;z-index:2;}
    .searchForm .form-control:focus {background-color:#fff;width:100%;}
    .searchForm .submit {background-color:#fff;font-size:1em;left:100%;margin-left:-50px;transition-property:left, margin-left;width:50px;z-index:1;}
    .searchForm .form-control + .submit:active, .searchForm .form-control:focus + .submit {left:0;margin-left:0;z-index:3;}
    .searchForm .form-control ~ .close {color:#231f20;height:50px;line-height:50px;position:relative;text-align:center;width:50px;opacity:0;transition-property:opacity;z-index:-1;}
    .searchForm .form-control:focus ~ .close {opacity:1;z-index:3;}
    .searchFilters .list-unstyled { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
    .searchFilters .item { min-width:280px;}

    /* MOSAÏQUE _____ */
    .mozaic {padding:10px;}
    .mozaic .item {float:left;width:50%;}
    .mozaic .link {margin:5px;}
    .mozaic .title {font-size:1.2em;height:80px;line-height:80px;}

    /* ASIDE _____ */
    .siteAside {margin:20px 15px 30px;padding:5px 0;}
    .pageAside {padding-top:10px;}
    .multitools {text-align:center;}

    /* FOOTER _____ */
    .siteFooter {border-top:4px solid #231f20;font-size:0.8em;margin-top:30px;padding-top:30px;text-align:center;}
    /* Listes de logos */
	.siteFooter .logos .list-unstyled {
	    justify-content: center;
	}
		.col-md-3 .logos li {
			margin-left: 0;
		}
    /*.siteFooter .img-responsive {
    	margin: 15px auto;
    }*/
    .siteFooter .pictos .frame {display:inline-block;max-width:30%;padding:0 2%;vertical-align:middle;}
}

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

    .content .encartDroite, .content .encartGauche {float:none;margin-left:0;margin-right:0;width:auto;}
    .table-responsive {border:0;}
    .pageTitle {font-size:2em;}
    body .blueimp-gallery {min-height:60vw;}
    .directoriesList .col-xs-12:nth-child(2n+1) {clear:both;}

    /* FOOTER _____ */
    .siteFooter .col-xs-12 {
		margin-bottom: 20px;
    }
}

/* Captcha */
.captcha .todo {
  margin-bottom: 2em; 
  font-size: 1.25em;
}
.captcha .serie {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    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;
  }
#form-fieldset-captcha legend,
.form-horizontal .container-fluid > fieldset > legend {
    /*margin-bottom: 25px;
    font-size: 1.5em;
    line-height: 1.333;*/
    display: block;/* Surcharges ancien BP */
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 1.125em;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
    #form-fieldset-captcha legend span {
        margin-left: 3px;
        color: #231f20;
    }
.form-horizontal .captcha {
  padding: 0;
  background-color: #fefefe;
}
    .form-horizontal .captcha p {
        margin-bottom: 25px;
    }
.captcha .serie {
    margin: 0 0 50px;
}
    .list-inline > li:not(:last-child) {
        margin-right: 10px;
    }
        .form-horizontal .captcha .serie .control-label {
            border: 2px dashed #231f20;
            border-radius: 0;
            height: 50px;
            width: 50px;
            color: #231f20;
            font-size: 1.5em/*.9375em*/;
            line-height: 50px;
        }
        .form-horizontal .captcha .serie .control-label:hover {
            border: 2px solid #231f20;
            line-height: 48px;
        }
        .form-horizontal .captcha .serie input:checked ~ label.control-label {
            border-color: #231f20;
            border-style: solid;
            background-color: #fefefe;
            color: #231f20;
            font-weight: 700;
        }
        .form-horizontal .captcha .serie input:focus-visible ~ label.control-label {
            border: 3px double #231f20;
        }
.text-center .submit {
    margin: 0 auto;
}
/* Accessibilité */
.form-horizontal .obligatoires {
    margin: 0 0 50px;
    /*color: #231f20;*/
    /*text-align: left !important;*/
}
.form-group .control-label > span {
  color: #231f20;
  line-height: 1;
}
.form-group .control-label > span[aria-hidden="true"] {
    margin-left: 3px;
    color: #D22747;
}
.form-group .control-label > span.help-block {
    margin-top: 5px;
    color: #666;
    font-size: .75em;
    font-weight: 400;
    line-height: 1.6666;
}
/* Erreurs */
.form-horizontal .has-error {
    border-left: 5px solid #D22747;
    padding-left: 10px;
}
.form-horizontal .error,
.form-horizontal .has-error p.error {
    margin-bottom: 0;
    color: #D22747;
}


/* POLICES =====*/
@font-face {font-family:'CooperHewitt';src:url('../Fonts/CooperHewitt/cooperhewitt-bold.woff') format('woff'), url('../Fonts/CooperHewitt/cooperhewitt-bold.svg#cooperhewitt-bold') format('svg');font-weight:700;font-style:normal;}
@font-face {font-family:'CooperHewitt';src:url('../Fonts/CooperHewitt/cooperhewitt-bolditalic.woff') format('woff'), url('../Fonts/CooperHewitt/cooperhewitt-bolditalic.svg#cooperhewitt-bolditalic') format('svg');font-weight:700;font-style:italic;}
@font-face {font-family:'CooperHewitt';src:url('../Fonts/CooperHewitt/cooperhewitt-book.woff') format('woff'), url('../Fonts/CooperHewitt/cooperhewitt-book.svg#cooperhewitt-book') format('svg');font-weight:400;font-style:normal;}
@font-face {font-family:'CooperHewitt';src:url('../Fonts/CooperHewitt/cooperhewitt-bookitalic.woff') format('woff'), url('../Fonts/CooperHewitt/cooperhewitt-bookitalic.svg#cooperhewitt-bookitalic') format('svg');font-weight:400;font-style:italic;}
@font-face {font-family:'CooperHewitt';src:url('../Fonts/CooperHewitt/cooperhewitt-light.woff') format('woff'), url('../Fonts/CooperHewitt/cooperhewitt-light.svg#cooperhewitt-light') format('svg');font-weight:100;font-style:normal;}