/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


/* ==========================================================================
   PLUGINS
   ========================================================================== */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.slick-arrow {appearance: none;-moz-appearance: none;-webkit-appearance: none;border: none;background: none;text-indent: -999em;display: block;position: absolute;background-repeat:no-repeat;background-position: center center; background-size: cover;width:40px;height: 40px;top:50px;outline:0; border: none;cursor:pointer;}
.slick-arrow.slick-prev {background-image:url(../img/arrow-left.svg);left:-40px;}
.slick-arrow.slick-next {background-image:url(../img/arrow-right.svg);right:-40px;}

/* ==========================================================================
   Author's custom styles
   @author: Thomas Rambaud
   @copyright 2019
   @website: http://bonapp.studio
   ========================================================================== */

/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9B9B9B;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #9B9B9B;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #9B9B9B;
}

html {scroll-behavior: smooth;}

html, body {font-family: 'Roboto Condensed', sans-serif;font-size:16px;line-height: 24px;}
body {padding-top:132px;}

a img {outline:0;}

p {margin:0;padding:15px 0;}

h1, h2, h3, h4, h5 {margin:0;padding: 20px 0;}

.input, input, select, textarea {border:solid 1px #e0e0e0;background:#fff;outline:0;padding:15px 20px;display: block;box-sizing: border-box;font-size:14px;font-weight: 700;line-height: 17px;width:100%;border-radius:25px;}
.input {color: #9B9B9B;}
input[type="submit"] {max-width: 250px;margin:auto;display: block;}
form p {padding:8px 0;}
form {margin-top:20px;}

strong {font-weight: 700;}

.single-input {position: relative;}
.single-input > input {padding-right: 100px;}
.single-input button {position: absolute;top:3px;right: 3px;padding-left: 30px;padding-right: 30px;text-transform: uppercase;outline:0;}

.hcontainer {max-width: 1000px;margin:0 auto;}

.toggler {margin-top:8px;}
.toggled {display: none;}

.cta-block {text-align: center;}
.cta, input[type="submit"] {color:#fff;background:#372E57;padding:11px 12px 10px 12px;border-radius: 23px;box-sizing: border-box;border:solid 2px #372E57;transition:all 250ms linear;text-decoration: none;font-weight: 700;display:inline-block;cursor:pointer;text-transform:uppercase;}
.cta:hover, input[type="submit"]:hover {background:#fff;color:#372E57;}

.w20,
.w25,
.w33,
.w50,
.w66,
.w75,
.w80 {float:left;box-sizing: border-box;}
.w20 {width:20%;}
.w25 {width:25%;}
.w33 {width:33.3333%;}
.w50 {width:50%;}
.w66 {width:66.6666%;}
.w75 {width:75%;}
.w80 {width:80%;}

.valign1 {display: table;width:100%;height: 100%;}
.valign2 {display: table-cell;vertical-align: middle;width:100%;height: 100%;}
.valign3 {display: inline-block;width:100%;}

.mobile-only {display: none !important;}

.clearfix::after {content: "";clear: both;display: table;}

.img {background-color:#e0e0e0;}

.alignright {float: right;margin: 0.5em 0 0.5em 1em;padding-top:10px;}
.alignleft {float: left;margin: 0.5em 1em 0.5em 0;padding-top:10px;}
.wp-caption {max-width: 100%;}

.wpcf7-form {max-width: 600px;margin:0 auto;padding:30px 0;}
.wpcf7-form label {font-weight: normal; color:#352D57; font-family: 'Roboto Slab', serif;}
span.wpcf7-not-valid-tip {color:#dc2f2f;font-family: 'Roboto Condensed', sans-serif;font-size:14px;padding-left: 10px;}

.std-agenda-item {}
.std-agenda-item a {font-weight: 700;display: block;text-decoration: none;border-bottom:solid 1px #e0e0e0;margin-bottom:15px;padding-bottom: 15px;}
.std-agenda-item:last-child a {border:none;padding-bottom: 0;margin-bottom: 0;}
.std-agenda-item .date {text-transform: uppercase;display: block;color:#00B6DC;font-size:16px;}
.std-agenda-item .title {font-size:14px;color:#352D57;font-family: 'Roboto Slab', serif;}
.std-agenda-item a:hover .title {text-decoration: underline}

.std-agenda-item-big {border-bottom:solid 1px #e0e0e0;padding-bottom: 20px;margin-bottom: 20px;}
.std-agenda-item-big:last-child {border:none;}
.std-agenda-item-big a {border:none;padding:0;margin:0;}
.std-agenda-item-big .date {float:left;font-weight: 700;color:#999;font-size:14px;text-align: center;width:100px;box-sizing: border-box;padding:4px 0 0 0;}
.std-agenda-item-big .date span:first-child {font-size:28px;display: block;}
.std-agenda-item-big .content {float:right;width:calc(100% - 120px);box-sizing: border-box;}
.std-agenda-item-big .place {font-weight: 700;color:#999;font-size:11px;padding:0;text-transform: uppercase;}
.std-agenda-item-big h3 {font-family: 'Roboto Slab', serif;font-weight: 700;font-size:18px;line-height: 24px;color:#352D57;text-transform: none;padding:0;}
.std-agenda-item-big .desc {color:#000;font-size:14px;line-height: 17px;padding:10px 0;}
.std-agenda-item-big .link {font-weight: 700;text-transform: uppercase;color:#00B6DC;font-size:12px;}
.std-agenda-item-big .link:hover {text-decoration: underline;}

.std-zoom {position: absolute;z-index: 1;opacity: 0;transition:all 800ms linear;}
.std-zoom.active {z-index: 2;opacity: 1;}
.std-zoom h3 {padding:15px;font-weight: 700;font-family: 'Roboto Slab', serif;line-height: 18px;font-size:14px;color:#352D57;}
.std-zoom p {padding:0 15px 15px 15px;font-size:14px;color:#000;line-height: 17px;}
.std-zoom .img {height: 223px;background-repeat: no-repeat;background-size: contain;background-position: center center;background-color: #fff;}
.std-zoom a {text-decoration: none;}
.std-zoom a:hover h3 {text-decoration: underline;}

.std-small-article {margin-bottom: 20px;border-bottom: solid 1px #e0e0e0;padding-bottom: 16px;}
.item:last-child .std-small-article {margin-bottom: 0;padding-bottom: 0;border:none;}
.std-small-article a {text-decoration: none;}
.std-small-article > strong {display: block;color:#999;font-weight: 700;line-height: 29px;font-size:24px;float:left;border-bottom: solid 3px #999;width:24px;padding-bottom:2px;}
.std-small-article > div {float:right;width:calc(100% - 50px);}
.std-small-article .cat-link {font-size:11px;font-weight: 700;color:#00B6DC;line-height: 13px;display: block;padding-bottom:4px;text-transform: uppercase;}
.std-small-article .article-link {font-family: 'Roboto Slab', serif;font-size:14px;line-height: 18px;color:#352D57;display: block;}
.std-small-article .article-link:hover {text-decoration: underline;}

.std-medium-article {}
.std-medium-article a {text-decoration: none;}
.std-medium-article .cat-link,
.std-medium-article .tag-link {font-size:11px;font-weight: 700;color:#00B6DC;line-height: 13px;display: inline-block;padding-bottom:4px;text-transform: uppercase;}
.std-medium-article h3 {font-family: 'Roboto Slab', serif;font-size:18px;line-height: 24px;color:#352D57;font-weight: 700;padding:10px 0 12px 0;}
.std-medium-article h3 a {color:#352D57;}
.std-medium-article a:hover h3,
.std-medium-article h3 a:hover {text-decoration: underline;}
.std-medium-article time,
.std-medium-article .time-like {color: #999;font-weight: 700;text-transform: uppercase;font-size: 11px;line-height: 13px;border-left: solid 1px #979797;display: inline-block;padding-left: 8px;margin-left: 5px;text-decoration: none;}
.std-medium-article .img {background-repeat: no-repeat;background-size: cover;background-position: center center;height: 175px;}
.std-medium-article .metas {padding-top: 13px;}

.std-post {border-bottom: solid 1px #e0e0e0;margin-bottom: 20px;padding-bottom: 20px;}
.std-post:last-of-type {border-bottom: none;}
.std-post .main-link {text-decoration: none;display: block;}
.std-post .img {float:right;width:228px;height:175px;position:relative;transition:all 250ms linear;}
.std-post .img:hover {opacity: 0.8;}
.std-post .img a,
.std-post .img span {display: block;width:100%;height: 100%;position: absolute;top:0;left:0;}
.std-post .main {float:left;width:calc(100% - 228px);box-sizing: border-box;padding-right: 25px;}
.std-post h3 {padding-bottom: 10px;padding-top:5px;}
.std-post .text p {padding:0;margin:0;color:#000;font-size:14px;line-height: 17px;}
.std-post .text {padding-bottom: 10px;}
.std-post .img .is-dossier {display: block;background: rgba(0, 182, 220, 0.85);padding: 5px 10px;display: inline-block;font-style: normal;color: #fff;font-weight: bold;position: absolute;top: 15px;right: 15px;margin-left: -38px;border-radius: 3px;}
.std-post-tags a {display: inline-block;position: relative;margin-right: 10px;padding-right: 5px;}
.std-post-tags a::after {content: ' ';display: inline-block;width: 1px;height: 12px;background: #979797;position: absolute;right: -4px;}
.std-post-tags a:last-child::after {display: none;}
.std-post-hl .img {float:none;width:100%;height: 350px;margin-bottom: 12px;}
.std-post-hl .main {float:none;width:auto;}
.std-post-hl h3 {font-size:21px;}

.cat-link:hover,
.tag-link:hover {text-decoration: underline;}
span.cat-link:hover {text-decoration: none;}

.zooms {height: 360px;position: relative;border:solid 1px #e0e0e0;padding-top:40px;margin-bottom: 25px;}

.close-button {background:none;border:none;outline:0;position: absolute;top: 15px;right:10px;cursor:pointer;transition:all 250ms linear;}
.close-button:hover {opacity: 0.8;}

.popup {position: fixed;top:0;left:0;background:rgba(0,0,0,0.8);width:100%;height: 100%;z-index: 99;}
.popup-content {background:#fff;padding:30px;color: #352D57;max-width: 450px;margin:auto;position: relative;}
.popup-content h2 {text-align: center;font-weight: 700;font-size: 24px;line-height: 29px;color: #352D57;position: relative;margin-bottom: 20px;text-transform: uppercase;}
.popup-content h2:after {content: ' ';display: block;height: 3px;width: 63px;position: absolute;left: 50%;bottom: 5px;margin-left: -31px;background: #FFED00;}
.popup-content .wpb_content_element {margin-bottom: 15px;}

.pagination {text-align: center;margin-top:40px;}
.pagination ul {border:solid 1px #e0e0e0;border-radius:11px;overflow: hidden;}
.pagination ul,
.pagination li {display: inline-block;list-style-type: none;margin:0;padding:0;}
.pagination li {border-right: solid 1px #e0e0e0;}
.pagination li:last-child {border:none;}
.pagination li a,
.pagination li span {display: inline-block;color:#372E57;text-decoration: none;height: 45px;line-height: 45px;width:45px;text-align: center;transition:all 250ms linear;font-size:14px;}
.pagination li a:hover,
.pagination li .current {background:#FFED00;}

.filters {padding:30px 0 25px 0;border-bottom: solid 1px #e0e0e0;margin-bottom: 25px;}
.filters-title {font-weight: 700;color:#372E57;font-size:12px;text-transform: uppercase;padding:0;}
.filters a {font-weight: 700;text-transform: uppercase;font-size:11px;display: inline-block;line-height: 13px;border:solid 1px #e0e0e0;border-radius: 15px;transition:all 250ms linear;color:#9B9B9B;margin-right:5px;margin-bottom:5px;padding:3px 10px 2px 10px;text-decoration:none;}
.filters a:hover,
.filters a.active {background:#FFED00;border-color:#FFED00;color:#000;}

.cc-banner {background:#352D57 !important;}
.cc-window .cc-compliance > .cc-btn {background:#FFF !important;text-transform: uppercase;color:#352D57;}
.cc-banner .cc-message {display: block;line-height: 18px;position: relative;top: 4px;}

h2.long-title {border-bottom: solid 1px #e0e0e0;position: relative;font-size: 24px;line-height: 29px;text-transform: uppercase;color:#352D57;padding-bottom:10px;}
h2.long-title:after {content:' ';display: block;background:#FFED00;height:4px;position: absolute;bottom:-3px;left:0;width:63px;}

.ad.col_left1 {padding:15px 0;margin:20px -30px 20px -30px;border-top:solid 1px #e0e0e0;border-bottom: solid 1px #e0e0e0;}
#content-body.nopadd .ad.col_left1 {margin-left:0;margin-right: 0;margin-top:-5px;border-top:none;padding-top:0;}
.ad.content_footer {padding:15px 0;margin:40px -20px -25px -20px;border-top:solid 1px #e0e0e0;border-bottom: none;}
.ad.publi_info .article-cta {padding:0;margin:0;}
.ad.publi_info {background: rgba(0, 182, 220, 0.08);padding: 15px 0 15px 0;margin-top: -20px;}

.ads-carousel > div {position: relative;}
.ads-carousel.has-bullets .bullets {margin-bottom: 10px;}
.ads-carousel .ad {position: absolute !important;top:0; left: 0; width: 100%;opacity: 0;z-index: 1;transition:all 500ms linear;}
.ads-carousel .ad.active {opacity: 1;z-index: 2;}
.ads-carousel .bullets {top: 0; bottom: auto;}
.ads-carousel-col_right {height: 250px;}
.ads-carousel-col_left {height: 122px;}
.ads-carousel-arche {height: 132px;margin:0 auto;width:1440px;}

.bullets {position: absolute;top:7px;left:0;width:100%;text-align: center;}
.bullets span {width:11px;height:11px;box-sizing: border-box;display: inline-block;transition:all 250ms linear;background:#e0e0e0;border-radius: 50%;cursor:pointer;margin-right: 4px;}
.bullets span:hover,
.bullets span.active {background:#FFED00;}
.bullets span:last-child {margin-right: 0;}

.logo-block {width:267px;margin:auto;}
#site-logo {float:left;margin-right:10px;padding-right:10px;border-right:solid 1px #352D57;}
#site-logo img {width:82px;height: auto;}
.logo-block p {text-transform: uppercase;font-size:16px;line-height: 22px;color:#352D57;padding-top:11px;}

.share-big {padding-bottom: 20px;}
.share-big > span {font-family: 'Roboto Slab', serif;font-size: 14px;line-height: 28px;color: #352D57;font-weight: normal;padding-top: 0;text-transform: uppercase;}
.share-big .share {display: inline-block;}
.share-big .share a {text-decoration: none;margin-right: 5px;transition:all 250ms linear;}
.share-big .share a:hover {opacity: 0.8;}
.share-big .share img {height: 18px !important;width: auto !important;}

#search-form {position: absolute;top:0;left:0;width:100%;height: 100%;background:#fff;transition:all 300ms ease;opacity: 0;z-index: -1;padding:0;margin:0;box-sizing: border-box;}
#search-form.active {z-index: 1;opacity: 1;}
#search-form .single-input {max-width: 500px;margin:37px auto 0 auto;transition:all 350ms linear;}
#search-form .hcontainer {position: relative;}
#search-form-close {background:none;border:none;outline:0;position: absolute;top: 20px;right:0;cursor:pointer;transition:all 250ms linear;}
#search-form-close:hover {opacity: 0.8;}

#site-header {position:fixed;top:0;left:0;width:100%;z-index: 5;background:#fff;}
#site-header > .hcontainer {position: relative;max-width: 1280px;}
#site-header .line {padding:12px 0;box-sizing: border-box;}
#site-header .line + .line {padding-top:0;margin-top:-7px;padding-bottom: 12px;}
#site-header .first-line {height: 89px;transition: all 350ms linear;overflow: hidden;}
#site-header #tools {position: absolute;top:20px; right:0;}
#site-header #tools a {text-decoration: none;display: inline-block;margin:0 8px;transition:all 250ms linear;}
#site-header #tools a:hover {opacity: 0.7;}
#site-header #tools a img {height: 16px;width:auto;}
#site-header #tools .pipe {height:18px;width:1px;background:#352D57;display: inline-block;margin:0 8px;position: relative;top:5px;}
#site-header #tools .rss {margin-right: 0;}
#site-header.smaller {box-shadow: 0px 4px 10px -10px rgba(0,0,0,0.5);}
#site-header.smaller.nav-up .first-line {height: 1px;opacity: 0;padding:8px 0;}
#site-header.smaller.nav-up #search-form .single-input {margin-top:6px;}

#nav1 {text-align: center;position: relative;top:1px;}
#nav1 a {display: inline-block;font-size:14px;color:#352D57;line-height: 14px;text-transform: uppercase;font-weight: 700;text-decoration: none;position: relative;margin-right: 14px;letter-spacing:0.2px;}
#nav1 a:last-child {margin-right: 0;}
#nav1 a::after {content:' ';display: block;background:#FFED00;height:3px;position: absolute;bottom:-8px;left:0;width:1px;opacity: 0;transition:all 375ms ease;}
#nav1 a.active::after,
#nav1 a:hover::after {opacity: 1;width:100%;}
#nav1 a.cta {color:#fff;}
#nav1 a.cta:hover {color:#372E57;}
#nav1 a.cta::after {display: none;}

#nav2 {text-align: center;padding:4px 0 20px 0;}
#nav2 a {display: inline-block;font-family: 'Roboto Condensed', sans-serif;font-size:15px;color:#352D57;line-height: 16px;padding:5px 10px;margin-right: 15px;transition:all 250ms linear;text-decoration:none;border-radius:15px;}
#nav2 a:last-child {margin-right: 0;}
#nav2 a:hover,
#nav2 a.active {background:#FFED00;}

#page-metas {text-align: center;}
#page-metas.padded {padding:20px 0 10px 0;}
#page-metas time,
#page-metas a, #page-metas span {color:#00B6DC;font-weight: 700;text-transform: uppercase;font-size:11px;line-height: 13px;border-right: solid 1px #979797;display: inline-block;padding-right: 10px;margin-right:5px;text-decoration:none;}
#page-metas a:hover {text-decoration: underline;}
#page-metas span:last-child,
#page-metas a:last-child {border-right: none;padding-right: 0;margin-right: 0;}
#page-metas span.current,
#page-metas a.current {color:#352D57;}
#page-metas time {color:#999;}
#page-metas .share {display: inline-block;}
#page-metas .share a {display: inline-block;padding:3px 0;border:none;transition:all 300ms linear;}
#page-metas .share a:hover {opacity: 0.7;}
#page-metas .share img {height: 12px;width:auto;}
#page-metas .home-link img {position: relative;top:-2px;}
#page-metas .home-link:hover {opacity: 0.7;}

#content-container {padding:15px;box-sizing: border-box;background:#fff;position: relative;z-index: 2;}
h1 {font-family: 'Roboto Slab', serif;font-size:30px;line-height: 40px;text-align: center;font-weight: 700;color:#352D57;text-transform: none;max-width: 650px;margin:auto;padding-bottom:30px;}
#page-banner {height: 550px;background-repeat: no-repeat;background-size: cover;background-position: center center;margin-bottom: 10px;}

#content-body {padding:0 50px;}
#content-body.nopadd {padding:0 20px 0 0;}
#content-body.page {max-width: 650px;margin-left:auto;margin-right: auto;}
#content-body .chapo {font-family: 'Roboto Slab', serif;font-size:21px;line-height: 28px;color:#352D57;font-weight: normal;padding-top:0;}
#content-body .Sous-titre-bleu-14 {color:#00B6DC;font-weight: 700;text-transform: uppercase;}
#content-body p a {color:#00B6DC;text-decoration: none;}
#content-body p a:hover {text-decoration: underline;}
#content-body img {max-width: 100%;height: auto;}
#content-body figure {display: block;margin-left:0;margin-right: 0; padding:0;}
#content-body .wp-caption-text,
#content-body figcaption {font-size: 14px;line-height: 19px;padding-top: 9px;}
#content-body .wpb_wrapper h2 {color:#352D57;font-size:21px;font-family: 'Roboto Slab', serif;}
#content-body twitter-widget {margin-left: auto;margin-right: auto;}

#sided-content {padding-top:40px;overflow: hidden;}
#sided-content.lesspadd {padding-top:20px;}
#sided-content #content-body {width:630px;float:left;box-sizing: border-box;border-right: solid 1px #E0E0E0;padding-bottom: 99999px;margin-bottom: -99999px;}

#sidebar {width:calc(100% - 630px); float:right;box-sizing: border-box;padding:0 20px;transform:translate(0, 0);}
#sidebar .widget {border-bottom: solid 1px #e0e0e0;margin-bottom: 0;padding: 15px 0;}
#sidebar .widget:first-child {padding-top:0;}
#sidebar .widget:first-child h2 {padding-top:0;}
#sidebar .widget:last-child {border-bottom: 0;}
#sidebar .widget h2 {font-weight: 700;font-size:18px;line-height: 22px;color:#352D57;position: relative;text-transform: uppercase;padding-bottom: 5px;margin-bottom: 25px;}
#sidebar .widget h2::after {content: ' ';display: block;height: 3px;background:#FFED00;width:63px;bottom:-10px;left:0;position: absolute;}
#sidebar .widget .cta-block {text-align: center;margin:30px 0;}
#sidebar .widget .cta {min-width: 70%;}

#sidebar .widget.annuaire .w50 {text-align: center;padding:5px;}
#sidebar .widget.annuaire .cta {display: block;width:100%;height: 100%;border-radius: 15px;box-sizing: border-box;text-align: center;font-weight: 700;padding-top:30px;}
#sidebar .widget.annuaire a img {transition:all 250ms linear;max-width: 100%;height: auto;}
#sidebar .widget.annuaire a:hover img {opacity: 0.7;}
#sidebar .widget.annuaire .item1 {border-bottom: solid 1px #e0e0e0;border-right: solid 1px #e0e0e0;}
#sidebar .widget.annuaire .item2 {border-bottom: solid 1px #e0e0e0;}
#sidebar .widget.annuaire .item3 {border-right: solid 1px #e0e0e0;}
#sidebar .widget.annuaire .item4 {}

#sidebar .widget.poll .poll-question {padding-top:0;color:#352D57;font-family: 'Roboto Slab', serif;font-weight: 700;font-size:18px;line-height: 24px;padding-bottom: 0;}
#sidebar .widget.poll .poll-answers > div {padding-bottom: 5px;}
#sidebar .widget.poll .poll-answers input {display: inline-block;margin-right: 20px;position: relative;top:3px;width:auto;}
#sidebar .widget.poll .poll-answers span {font-size:14px;line-height: 17px;color:#999;transition:all 250ms linear;}
#sidebar .widget.poll .poll-answers input:checked + span {color:#000;}
#sidebar .widget.poll .result-answer-percent {background: #372E57;height: 3px;margin-bottom: 15px;position: relative;transition:all 1000ms linear;}
#sidebar .widget.poll .result-answer-percent span {position: absolute;right: -36px;font-size: 16px;font-family: 'Roboto Slab', serif;font-weight: 700;color: #372E57;top: -7px;text-align: left;width: 30px;}
#sidebar .widget.poll .results {padding-right: 30px;}
#sidebar .widget.poll .results > p:first-child {padding-bottom: 0;}
#sidebar .widget.poll .result-answer {font-size:14px;}

#sidebar .widget.mostviewed {margin-bottom: 20px;}

#sidebar .ads-carousel {margin: 15px 0 25px 0;}

#commentform .toggled {max-width: 420px;}
#comments ol, 
#comments li {list-style-type: none;padding:0;margin:0;display: block;}
#comments .comments .avatar {width:50px;float:left;}
#comments .comments .avatar img {width:50px;border-radius: 50%;}
#comments .comments .text {width:calc(100% - 65px);float:right;}
#comments .comments h3 {font-weight: 700;display: inline-block;color:#00B6DC;font-size:12px;line-height: 24px;padding:0;}
#comments .comments li {padding:20px 0;border-bottom: solid 1px #e0e0e0;}
#comments .comments li:last-child {border:none;}
#comments .comments cite {font-style: normal;}
#comments .comments .date {font-size:12px;line-height: 24px;color:#999;}
#comments .comments p {margin:0;padding:0;color:#000;font-size:14px;line-height: 18px;}
#comments .comments p a {color:#00B6DC;text-decoration: none;}
#comments .comments p a:hover {text-decoration: underline;}
#comments .comments .sharecomment {padding-top:10px;}
#comments .comments .sharecomment a {font-weight: 700;text-transform: none;font-size:12px;text-decoration: none;}

#nl-social .hcontainer {border-top:solid 1px #e0e0e0;padding-top:25px;margin-top:10px;padding-bottom:50px;}
#nl-social h2 {text-align: center;font-weight: 700;font-size:24px;line-height: 29px;color:#352D57;position: relative;margin-bottom: 30px;text-transform: uppercase;}
#nl-social h2:after {content:' ';display: block;height:3px;width:63px;position:absolute;left:50%;bottom:5px;margin-left:-31px;background:#FFED00;}
#nl-social form {max-width: 412px;margin:auto;}
#nl-social .w33 {position: relative;}
#nl-social .w50:first-child {position: relative;}
#nl-social .w33::after,
#nl-social .w50:first-child::after {content: ' ';display: block;width: 1px;background: #e0e0e0;position: absolute;top: 24px;right: 0;height: 125px;}
#nl-social .w33:last-child::after {display: none;}
#nl-social .shareicons a {text-decoration: none;display: inline-block;margin-right: 30px;transition:all 300ms linear;}
#nl-social .shareicons a:last-child {margin-right: 0;}
#nl-social .shareicons a:hover {opacity: 0.7;}
#nl-social .shareicons a img {height:30px;width:auto;}
#nl-social .shareicons {text-align: center;}
#nl-success {text-align: center;}
#newsletter-cancel {color:#00B6DC;text-decoration: none;}
#newsletter-cancel:hover {text-decoration: underline;}

#site-footer {background:#352D57;padding: 30px 0;font-size:14px;line-height: 17px;color:#fff;position: relative;z-index: 1;}
#site-footer .title {font-weight: 700;text-transform: uppercase;}
#site-footer ul,
#site-footer li {list-style-type: none;padding:0;margin:0;}
#site-footer a {font-size:12px;line-height: 24px;color:#fff;text-decoration: none;}
#site-footer a:hover {text-decoration: underline;}
#site-footer li a {text-transform: uppercase;}
#site-footer .addr {line-height: 24px;padding-top:0;}
#site-footer .mentions {padding-top:30px;}
#site-footer .mentions .w66 {padding-top:10px;}
#site-footer .mentions .w66 a {margin-right: 10px;}
#site-footer .mentions .w66 a:last-child {margin-right: 0;}
#site-footer #footer-agenda {}
#site-footer #footer-agenda a {outline:0;text-decoration: none;}
#site-footer #footer-agenda .month {margin-bottom: 5px;}
#site-footer #footer-agenda .month:before {content: attr(title);display: block;text-transform: uppercase;font-size:12px;}
#site-footer #footer-agenda .month span {width: 10px;height: 5px;border: 1px solid #fff;display: inline-block;margin: 3px 3px 0 0;vertical-align: top;border-radius: 0;box-sizing: border-box;}
#site-footer #footer-agenda .month span.has_event {background: #FFED00;border-color: #FFED00;}
#site-footer #footer-agenda form {display: none !important;}

.ad.arche {width:1440px;height: 132px;margin:0 auto;left:50%;margin-left:-720px;text-align: center;}
.ad.arche a {display: block;text-align: center;}
.ad.arche img {width:auto;height: auto;max-width: 100%;}
.ad.arche + #content-container {}

#readmore {padding-bottom: 20px;border-bottom: solid 1px #e0e0e0;padding-top: 20px;border-top: solid 1px #e0e0e0;margin-top:30px;}
#readmore h2 {position: relative;font-size: 24px;line-height: 29px;text-transform: uppercase;color:#352D57;padding-bottom:10px;margin-bottom: 30px;}
#readmore h2:after {content:' ';display: block;background:#FFED00;height:4px;position: absolute;bottom:-3px;left:0;width:63px;}
#readmore .std-medium-article {padding-right: 44px;padding-left: 44px;border-right: solid 1px #e0e0e0;margin-bottom: 40px;}
#readmore .std-medium-article:last-child,
#readmore .std-medium-article:nth-child(3n) {border-right: 0;}

#main {overflow: hidden;}

#mosaique {}
#mosaique .item {width:33.3333%;float:left;box-sizing: border-box;padding:2px;}
#mosaique .item > div {height: 275px;background-size: cover;background-repeat: no-repeat;background-position: center center;text-align: center;box-sizing: border-box;padding:50px 20px 20px 20px;position:relative;}
#mosaique .item > div::after {content:' ';display: block; background:#352D57;opacity: 0.45;position: absolute;top:0;left:0;width:100%;height:100%;transition:all 450ms ease;}
#mosaique .item:hover > div::after {opacity: 0.85;}
#mosaique .item .cat-link {font-size:12px;font-weight: 700;background:#FFED00;line-height: 11px;display: inline-block;text-transform: uppercase;text-decoration: none;border-radius:15px;color:#000;padding:3px 10px 2px 10px;position:relative;z-index:2;border:solid 2px #FFED00;box-sizing:border-box;transition:all 300ms linear;text-transform:uppercase;}
#mosaique .item .cat-link:hover {transform:scale(1.025);}
#mosaique .item h3 {font-family: 'Roboto Slab', serif;font-size:24px;line-height: 28px;font-weight: 700;position:relative;z-index:2;padding-top:10px;}
#mosaique .item h3 a {color:#fff;color:#fff;text-decoration: none;}
#mosaique .item h3 a:hover {text-decoration: underline;}

#providers {/*border-top:solid 1px #e0e0e0;*/padding-top:20px;margin:30px 0;position: relative;}
#providers h2 {position: absolute;font-size: 12px;font-weight: normal;top: 3px;left: 5px;padding: 0;}
#providers .item {float:left;width:16.6666%;box-sizing: border-box;padding:15px;border-right: solid 1px #e0e0e0;height: 145px;text-align: center;}
#providers .item img {max-width: 100%;height: auto;transition:all 300ms linear;display: inline-block;max-height: 68px;}
#providers .item a {outline: 0;}
#providers .item a:hover img {opacity: 0.8;}
#providers .cta-block {padding-top:40px;}

#blog-title {position: relative;font-size: 24px;line-height: 29px;text-transform: uppercase;color:#352D57;padding-bottom:10px;margin-bottom:30px;padding-top:0;}
#blog-title:after {content:' ';display: block;background:#FFED00;height:4px;position: absolute;bottom:-3px;left:0;width:63px;}
#blog-title span {font-size: 18px;padding-left: 0;position: relative;top: -4px;}

#burger {position: fixed;top:0;right: 0;z-index: 11;width:50px;height: 50px;display: none;background:none;padding-top:7px;}
#burger span {display: block;width: 61%;background: #352D57;height: 3px;margin: 8px auto 0 auto;transition:all 250ms linear;position: relative;}
#burger.active span:first-child {transform:rotate(-45deg);transform-origin: center center;top:11px;}
#burger.active span:first-child + span {transform:rotate(45deg);transform-origin: center center;}
#burger.active span:last-child {opacity: 0;}

#current-cat-mobile {font-family: 'Roboto Slab', serif;text-align: center;color: #352D57;font-size: 14px;text-transform: uppercase;display: none;}

#inscription-newsletter iframe {overflow-x: hidden;}

body.admin-bar #burger,
body.admin-bar #site-header {top:32px;}

.ad.col_right {max-width: 300px;margin-left:auto;margin-right: auto;}

.page-id-16646 .widget.agenda {display: none !important;}


@media screen and (max-width: 1280px) {
    #site-header > .hcontainer {max-width:1000px;}
    #nav1 a {font-size:11px;}
    #nav2 a {font-size:13px;}
    #site-header .line + .line {padding-bottom: 0;}
    #search-form-close {right: 10px;}
}


@media screen and (max-width: 1023px) {
    body.admin-bar #burger,
    body.admin-bar #site-header {top:46px;}
    
    .cta {font-size:14px;padding:8px 12px;}
    
    .std-post .img {width:160px;height: 130px;}
    .std-post .main {width:calc(100% - 163px);padding-right: 15px;}
    .std-post-hl .img {width:100%;height: 220px;}
    .std-post-hl .main {width:auto;padding-right: 0;}
    
    .std-zoom .img {height: 140px;}
    
    #site-header .line + .line {overflow-x: scroll;padding-left: 10px;}
    #site-header #tools {right: 15px;}
    #site-header #tools .pipe,
    #site-header #tools a {margin:0 5px;}
    
    #nav1 {width:1060px;text-align: left;}
    #nav2 a {margin-right: 10px;}
    
    #mosaique .item h3 {font-size:20px;line-height: 23px;}
    #mosaique .item > div {height: 240px;padding-top:30px;}
    
    #providers .item {padding:15px;height: 110px;}
    
    #content-body {padding:0 15px 0 0;}
    #sided-content #content-body {width:470px;}
    
    #sidebar {width:calc(100% - 470px);}
    #sidebar .widget.annuaire .button {height: auto}
    #sidebar .widget.annuaire .cta {padding-top: 11px;}
    
    #site-footer .hcontainer,
    #nl-social .hcontainer {padding-left: 15px;padding-right: 15px;}
    #site-footer #footer-agenda .month span {width:7px;margin-right: 2px;}
    
    #inscription-newsletter iframe {overflow: auto;}
}

@media screen and (max-width: 850px) {
    html {margin-top:0 !important;}
    #wpadminbar {display: none;}
    body.admin-bar #burger,
    body.admin-bar #site-header {top:0;}
}


@media screen and (max-width: 750px) {
    body {padding-top:20px;}
    body.single-post #current-cat-mobile,
    body.single-post #nav2 {display: none !important;}
    
    h1 {font-size:26px;line-height: 32px;}
    
    .mobile-only {display: block !important;}
    .not-on-mobile {display: none !important;}
    
    .std-post .img {width:130px;height: 110px;}
    .std-post-hl .img {width:100%;height: 180px;}
    .std-post .main {width:auto;float:none;}
    
    .std-medium-article time,
    .std-medium-article .time-like {padding-left: 0;margin-left: 0;display: block;border:none;}
    
    .zooms {height: 319px;}
    
    .single-input button {padding:12px;}
    
    .ad.col_right {max-width: 230px;}
    .ad.col_left1 {margin-left: 0; margin-right: 0;}
    .expoprotection-banner-2022 {width: 100% !important; margin-left: 0 !important;}
    
    #current-cat-mobile {display: block;}
    
    #burger {display: block;}    
    
    #mobile-logo-block {padding-bottom: 10px;}
    
    #site-header {top: 0;height: 100%;box-sizing: border-box;width: 100%;right:-101%;left: auto;box-shadow: -4px 4px 10px -10px rgba(0,0,0,0.5);background:#fff;transition:all 300ms ease;}
    #site-header .first-line {overflow: visible;height: auto;}
    #site-header #nav1 {position: relative;top:auto;left:auto;right:auto;padding-top:15%;width:auto;}
    #site-header #nav1 a {display: block;font-size: 16px;color:#352D57;text-align: center;margin-bottom: 30px;}
    #nav1 a::after {bottom:-11px;left:30%;}
    #nav1 a.active::after, #nav1 a:hover::after {width:40%;}
    #site-header .logo-block {margin:0 15px;position: relative;top:10px;left:20px;opacity: 0;visibility: hidden;}
    #site-header #tools {position: relative;top: auto;left: auto;right: 0;width: auto;text-align: center;padding-top: 30px;}
    #site-header #tools .pipe {display: none;}
    #site-header #tools a img {height: 20px;width:auto;margin-right: 10px;}
    #site-header #tools a img:last-child {margin-right: 0;}
    #site-header .line + .line {overflow: auto;padding:0 15px;box-sizing: border-box;}
    #site-header #nav1 a.cta {max-width: 300px;color: #fff;margin: 0 auto;padding: 15px;}
    #site-header #nav1 a.cta:hover {color:#352D57;}
    #burger.active + #site-header {right:0;}
    
    #search-form .hcontainer {max-width: 75%;top:30%;}
    #search-form-close {top:-15px;}
    
    #sided-content #content-body {width:auto;float:none;border:none;padding-left:0;padding-right: 0;margin-bottom: 0;padding-bottom: 0;}
    #sidebar {width:auto;float:none;padding:0;transform: none !important;}
    #sidebar .widget.annuaire .w50 {width: 33.3333%;}
    
    #page-metas time, #page-metas a {padding-right: 7px;margin-right: 2px;}
    
    #mosaique .item {width:50%;}
    #mosaique .item > div {height: 208px;padding:10px;}
    #mosaique .item h3 {font-size:18px;line-height: 20px;}
    #mosaique .item .cat-link {font-size:10px}
    
    #providers .item {width:33.3333%;}
    
    #nl-social .w33,
    #nl-social .w50 {width:auto;float:none;margin-bottom: 30px;}
    #nl-social .w33:last-child,
    #nl-social .w50:last-child {margin-bottom: 0;}
    #nl-social .w33::after,
    #nl-social .w50:first-child::after {display: none;}
    
    #site-footer .w33 {width:auto;float:none;margin-bottom: 30px;text-align: center;}
    #site-footer .w33:last-child {margin-bottom: 0;}
    #site-footer .mentions .w66 {text-align: center;width:auto;float:none;}
    
    #sided-content {padding-top:20px;}
    #page-banner {height: 250px;}
    #content-body .chapo {font-size:19px;}
    
    #blog-title {display: none;}
    
    #readmore .w33 {width:auto;float:none;margin-bottom: 30px;}
}

@media screen and (max-width: 380px) {
    .std-post .img {width:72px;height: 68px;}
    .std-post-hl .img {width:100%;height:140px;}
    
    .pagination {margin-bottom: 20px;}
    .pagination li a, .pagination li span {height: 33px;line-height: 33px;width:31px;}
    
    #site-header #nav1 a {line-height: 20px;margin-bottom: 25px;}
    
    #content-container {padding:7px;}
    #content-body .chapo {font-size: 17px;line-height: 22px;}
    
    #nav2 a {margin-right: 3px;}
    
    #mosaique .item {width:100%;}
    #mosaique .item > div {height: 145px;}
    
    #providers .item {width:50%;}
    #providers .item:nth-child(even) {border-right:none;}
    
    #nl-social .hcontainer {border:none;padding-top:0;}
}

@media (prefers-reduced-motion: reduce) {
    html {scroll-behavior: auto;}
}


/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    #nav1,
    #nav2,
    #burger,
    .share,
    #sidebar,
    .ad.arche,
    .ad,
    #site-footer .w33,
    #readmore,
    #comments,
    #page-banner,
    #tools,
    #page-metas,
    .pagination,
    .std-post .img,
    #providers,
    #nl-social {
        display: none !important;
    }
    
    .std-post .main {
        float:none !important;
        width:auto !important;
    }
    
    #site-footer .mentions .w66 a,
    #site-footer .w33:first-child + .w33 {
        display: block !important;
        width:auto;
    }
    
    #site-header {
        position: relative !important;
    }
    
    #content-body {
        border:none !important;
    }
    
    body {padding-top:0 !important;}
    
    #mosaique .item {
        float:none !important;
        width:auto !important;
    }
    
    *,
    *:before,
    *:after {
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        border: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    a.cat-link:after,
    #site-logo:after {
        display: none !important;
    }
    
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}