/*
Theme Name: Nous Sommes Massy
Description: 2019-2020
Author: Adrien M
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Raleway|Open+Sans|Noto+Serif|DM+Serif+Display|Libre+Caslon+Text&display=swap');

@-webkit-keyframes bounce{
	0%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
	40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}
@keyframes bounce{
	0%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
	40%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}
}

body {font-family:"Raleway",sans-serif; color:#3e3e3e;}

a {color:inherit;}
a:hover {text-decoration:none; font-weight:bold; color:inherit;}
a.link {text-decoration:underline;}
a.wp-block-button__link {opacity:0.85;}
a.wp-block-button__link:hover {opacity:1; transition:all .5s;}

p {margin-bottom:0;}

h1, h2, h3, h4, h5, h6 {font-family:"DM Serif Display","Raleway",system-ui,-apple-system,sans-serif;}
/* font-family:'DM Serif Display', serif; */

figure {margin:0;}
figure img {object-fit:cover;}
figure:not(.is-resized) img {max-width:100%; width:auto; max-height:100%; height:auto;}

/*figure.wp-block-embed-facebook.aligncenter.wp-block-embed.is-type-video.is-provider-facebook {text-align: center;}*/
.wp-block-embed {text-align:center;}
/*.wp-block-embed iframe {width:calc(100% - 100px); height:calc((100vw - 1000px) * 0.5625);}*/

.wp-block-embed-youtube > .wp-block-embed__wrapper {position:relative;padding-top:56.25%;text-align:center;}
.wp-block-embed-youtube > .wp-block-embed__wrapper > iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

svg {fill:currentColor;}

.blinking-dot {width: 12px; height: 12px; background-color: #3F91B0; border-radius: 50%; display: inline-block; animation: pulse 2s infinite;}
@keyframes pulse {
    0% { transform: scale(0.95); opacity: 0.7; }
    50% { transform: scale(1.2); opacity: 1; }
    100% { transform: scale(0.95); opacity: 0.7; }
}

form p {margin-bottom: 1rem !important; line-height:1.5rem !important;}
form .legal {line-height:normal !important; font-size:0.8rem; color:#7f7f7f; text-align:justify;}

.menu-item .fas {margin-right:4px; font-size:1.1rem;}

ul.wp-block-social-links {padding:0;}
ul.wp-block-social-links > li.wp-social-link:before {content:none;}

.menu-social-container ul.menu {display:inline; list-style:none;}
.menu-social-container ul.menu li {display:inline-block; margin-right:15px;}
.menu-social-container ul.menu li:last-child {margin:0;}
.menu-social-container a {display:block; width:25px; height:25px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; line-height:150px;}
.social.facebook {background-image:url('assets/images/facebook.svg');}
.social.twitter {background-image:url('assets/images/twitter.svg');}
.social.instagram {background-image:url('assets/images/instagram.svg');}

div.wpcf7-response-output {margin:2rem 0 !important; border:0 !important; padding:1rem !important; background-color:#ff0000; font-size:1.1rem; font-weight:bold;}
/* background-color:rgba(70,180,80,0.20); border:2px solid #46b450; */
div.wpcf7-response-output.spotlight {display:none !important; background-color:#fff !important; color:#000; font-family:system-ui, -apple-system; font-size:16px; font-weight:normal;}
form.wpcf7-form.sent > * {display:none;}
form.wpcf7-form.sent .wpcf7-response-output {display:block !important; background-color:#46b450;}
/*form.wpcf7-form.invalid .wpcf7-response-output, form.wpcf7-form.unaccepted .wpcf7-response-output {display:block; background-color:#ff0000;}*/
div.wpcf7-mail-sent-ok {background-color:#e9fbe2;}
div.wpcf7-mail-sent-ng {background-color:#ff7676;}
div.wpcf7-mail-sent-ng {background-color:#ff7676;}
div.wpcf7-spam-blocked {background-color:#fff;}
div.wpcf7-validation-errors {background-color:#fffde3;}

.grecaptcha-badge {display:none!important;}

.logo {display:block; background-position:center; background-repeat:no-repeat; background-size:contain;}

.title-section {text-transform:lowercase; color:#65A54B; font-weight:bolder; opacity:0.5;}

.urgent {border-color:#ffa500; font-weight:900; color:#ffa500;}
.urgent:before {margin-right:4px; font-family:'Font Awesome 5 Free'; content:'\f0e7';}
.urgent:hover {border-color:#ffa500 !important;}
.important {font-weight:900;}
.important:before {margin-right:4px; font-family:'Font Awesome 5 Free'; content:'\f069';}

/* article/post */
article header {margin-bottom:20px;}
article header .heading {margin-bottom:10px; text-align:center;}
article header .heading .suptitle {margin-bottom:5px; font-size:0.8rem;}
article header .heading .suptitle.breadcrumbs > li {padding-left:0; padding-right:0;}
article header .heading .suptitle.breadcrumbs > li:after {content:"/"; padding-left:5px; color:#aaa;}
article header .heading .suptitle > li, section.articles article .suptitle li {margin:0; padding:7px; font-family:inherit; font-size:0.65rem;}
article header .heading .suptitle .category, section.articles article .suptitle .category {background-color:#b82e3d; color:#fff; text-transform:uppercase;}
article header .heading .title {margin:15px 0;}
article header .heading .subtitle {margin-top:5px; font-size:0.8rem; color:#999;}
article.category-agenda header .heading .subtitle {font-size:1.1rem; color:#000;}

article header.with-featured-image {display:flex; flex-direction:column-reverse;}
article header.with-featured-image > figure {width:100%; background-color:#f2f2f2;}

/* content for post or page */
/* colors variation:
- default, moderate yellow (= vert) : #bfd745 ; rgba(191,215,69,0.5)
- verysoftred : #f2c0c0 ; rgba(242,192,192,0.5)
- grayishblue : #a9b0d0 ; rgba(169,176,208,0.5)
*/
article .content h1 {margin:3rem 0 1rem 0; border-bottom:10px solid #f2f2f2; padding-bottom:10px; font-size:2rem; text-transform:none;}
article .content h2 {margin:3rem 0 1rem 0; font-size:1.5rem;}
article .content h3 {margin:1rem 0; font-size:1.3rem;}
article .content h4 {margin:1rem 0; font-size:1rem;}
article .content h2.continue, article .content h3.continue {margin:1rem 0;}
article .content h2.highlight, article .content h3.highlight, article .content h4.highlight {display:inline-block; padding:3px 10px; background-color:#bfd745; color:#000;}
article .content h2.highlight.verysoftred, article .content h3.highlight.verysoftred, article .content h4.highlight.verysoftred {background-color:#f2c0c0;}
article .content h2.highlight.grayishblue, article .content h3.highlight.grayishblue, article .content h4.highlight.grayishblue {background-color:#a9b0d0;}
article .content h2.slogan, article .content h3.slogan, article .content h4.slogan {margin:2rem 0;}

article .content .continue {margin-bottom:0 !important;}

article .content p {margin-bottom:1.5rem; line-height:1.5rem;}
article .content p.intro {margin-bottom:2rem; line-height:1.75rem; font-weight:bold; color:#3f91b0;}
article .content p.intro:first-child {font-size:1.2rem; line-height:2rem;}
article .content p.intro.black {color:#000;}
article .content p.focus {font-size:1.1rem; font-weight:bold; color:#3f91b0;}
article .content p.continue {margin-bottom:0;}
article .content p.x-minus {margin-bottom:0.5rem!important;}
article .content p.minus {margin-bottom:1rem;}
article .content p.small-box {padding:0.5em 1.5em;}
article .content p.calameo {width:100%; height:500px; margin:0 auto;}
article .content .details {line-height:1.25;}
article .content .details.has-background {padding:0.8em 1em; text-align:justify;}
article .content .details.index {margin-left:2.5rem; margin-bottom:0.25rem;}
article .content .details .label {background-color:#3F91B0;margin-right:5px;border-radius: 30px;padding:1px 3px;font-size:0.8rem;color:#fff;}

article .content .high-strong strong, article .content .high-strong b {background:linear-gradient(to top, transparent, transparent 0px, rgba(191,215,69,0.4) 0px, rgba(191,215,69,0.4) 6px, transparent 6px, transparent); font-weight:normal;}
article .content .high-strong.verysoftred strong, article .content .high-strong.verysoftred b {background:linear-gradient(to top, transparent, transparent 0px, rgba(242,192,192,0.4) 0px, rgba(242,192,192,0.4) 6px, transparent 6px, transparent);}	
article .content .high-strong.grayishblue strong, article .content .high-strong.grayishblue b {background:linear-gradient(to top, transparent, transparent 0px, rgba(169,176,208,0.4) 0px, rgba(169,176,208,0.4) 6px, transparent 6px, transparent);}	
article .content .high-strong.darkmoderateblue strong, article .content .high-strong.darkmoderateblue b {background:linear-gradient(to top, transparent, transparent 0px, rgba(63,145,176,0.3) 0px, rgba(63,145,176,0.3) 6px, transparent 6px, transparent);}

article .content a {border-bottom: 1px solid #ccc; font-weight:bold; transition:all .5s ease;}
article .content a:hover:not(.wp-block-button__link) {border-color:#b82e3d; border-width:2px; color:#b82e3d; text-decoration-color:#b82e3d; transition:all .5s ease;}
article .content h2 a, article .content h3 a, article .content h4 a {border-bottom:0;}
article .content section.childs a {border:0; font-weight:inherit; transition:none;}
article .content section.childs a:hover {color:inherit; transition:none;}

article .content div.form {padding:1rem; background-color:rgba(0,0,0,.1);}

article .content .wp-block-button__link {font-size:inherit;}
article .content .is-style-outline .wp-block-button__link, article .content .wp-block-button__link.is-style-outline {color:#3f91b0;}
article .content .is-style-outline.black .wp-block-button__link, article .content .wp-block-button__link.is-style-outline.black {color:#000;}
article .content .box .wp-block-button {margin-bottom:0;}
article .content .box .is-style-outline .wp-block-button__link, article .content .box .wp-block-button__link.is-style-outline {color:#fff;}

/* -- LISTS -- */
article .content > ul {padding-left:2rem; list-style:none;}
article .content ul li {position:relative; margin-bottom:1rem;}
article .content ul li:before {display:inline-block; position:absolute; left:-2rem; width:2rem; font-weight:900; text-align:center; content:'- ';}
article .content ul.toc li:before {display:none;}
article .content ul.raw {list-style:inherit;}
article .content ul.raw li {position:static;}
article .content ul.raw li:before {display:none;}
article .content ul.nobullets {list-style:none; padding-left:0;}
article .content ul.stick li {margin-bottom:0;}
article .content ul.light li:before {font-weight:normal;}
article .content ul.blackbullets li:before {color:black !important;}
article .content ul.moderateyellow li:before {color:#bfd745;}
article .content ul.verysoftred li:before {color:#f2c0c0;}
article .content ul.grayishblue li:before {color:#a9b0d0;}
article .content ul.angle-double-right li:before {font-family:'Font Awesome 5 Free'; content:'\f101';}
article .content ul.check-circle, article .content ul.times-circle, article .content ul.question-circle {padding-left:3rem;}
article .content ul.check-circle li:before {left:-3rem; width:3rem; font-family:'Font Awesome 5 Free'; font-size:2rem; color:#008000; content:'\f058';}
article .content ul.times-circle li:before {left:-3rem; width:3rem; font-family:'Font Awesome 5 Free'; font-size:2rem; color:#d75a4a; content:'\f057';}
article .content ul.question-circle li:before {left:-3rem; width:3rem; font-family:'Font Awesome 5 Free'; font-size:2rem; color:#ff7b00; content:'\f059';}

/* -- IMAGES -- */
/* ancien style
article .content .wp-block-image figcaption {margin-top:0; padding:10px; background-color:#c1cd61; font-size:0.95rem;}
article .content .wp-block-image figcaption strong {padding:0 0.1rem; background-color:rgba(255,255,255,0.7); font-weight:normal;}
*/
article .content div.wp-block-image {margin-bottom:1.5rem;}
article .content figure.wp-block-image, article .content figure.wp-block-post-featured-image {margin-bottom:2rem;}
article .content .wp-block-image.nomarge {margin:0 !important;}
article .content .wp-block-image.fluid {width:100%; text-align:center;}
/*article .content .wp-block-image.fluid figure {margin-bottom:1.5rem;}*/
article .content .wp-block-image.borders {border:1px solid #f2f2f2;}
article .content .wp-block-image figcaption {margin-top:0; margin-bottom:0.5rem; font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:0.85rem;/* text-align:right;*/}
article .content .wp-block-image figcaption span {margin-left:5px; font-size:0.6rem; color:#777;}
article .content .wp-block-gallery ul {padding:0;}
article .content .wp-block-gallery ul li:before {display:none;}

article .content .wp-block-media-text>.wp-block-media-text__content {padding:0 0 0 15px;}
article .content .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {padding:0 15px 0 0;}

/* -- ?? -- */
article .content .s {}

/* -- BLOCKQUOTE -- */
article .content blockquote {margin:3rem 0;}
article .content blockquote > p:first-child {position:relative;}
article .content blockquote > p:first-child:before, article .content blockquote > p:first-child:after {position:absolute; font-family:'FontAwesome'; font-size:1.5rem; opacity:0.35; /*color: rgba(0,0,0,0.1);*/}
article .content blockquote > p.quote:first-child:before {content:"\f10d"; margin-left:-35px;}
article .content blockquote > p.quote:first-child:after {content:"\f10e"; margin-left:10px;}
article .content blockquote > p {margin-bottom:0.5rem; font-family:"DM Serif Display",system-ui,-apple-system,sans-serif !important; font-size:2rem; line-height:2.1rem;}
article .content blockquote > cite {line-height:1.25rem; font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important; font-style:normal;}
/* variations */
article .content blockquote.lightgrayishgreen {background-color:#ebf4e7; color:#23391a;}
article .content blockquote.short {padding:0.8rem; font-size:0.9rem;}
article .content blockquote.short > p {line-height:1.3rem;}

/*
article .content blockquote {margin:1.1rem 3rem; padding:2rem; background-color:#bfd745; font-style:italic;}
article .content blockquote > p {margin-bottom:0.5rem; font-size:1.3rem; text-align:justify;}
*/
/* à refaire (cf pages Programme/Projet) */
body.page article .content .wp-block-quote {padding:1rem; font-style:italic;}
body.page article .content .wp-block-quote > p {font-size:1rem; line-height:inherit;}
body.page article .content .wp-block-quote > cite {font-size:0.8rem; font-style:normal;}
body.page article .content .wp-block-quote > cite:before {content:"\002014 ";}
body.page article .content .wp-block-pullquote {margin:3rem auto; padding:0; font-family:"Noto Serif", sans-serif; color:#95ab25;}
body.page article .content .wp-block-pullquote > blockquote {position:relative; margin:0; padding:0; background-color:transparent; font-size:2rem; font-weight:bolder; font-style:normal; text-align:center;}
body.page article .content .wp-block-pullquote > blockquote:before {content:""; display:block; position:absolute; z-index:-1; top:-10%; left:0; right:0; margin:0 auto; width:80%; height:120%; transform:rotate(1.5deg); background-color:rgba(230,239,182,0.5);}
body.page article .content .wp-block-pullquote > blockquote > p {margin:0; font-size:inherit; text-align:inherit;}
body.page article .content .wp-block-pullquote > blockquote > cite {font-size:0.6rem;}
body.page article .content .wp-block-pullquote.red {color:#e01a5c;}
body.page article .content .wp-block-pullquote.red > blockquote:before {background-color:rgba(248,196,213,0.5);}
body.page article .content .wp-block-pullquote.blue {color:#7cb2bf;}
body.page article .content .wp-block-pullquote.blue > blockquote:before {background-color:rgba(203,224,230,0.5);}

/* article .content .wp-block-button {margin-bottom:2rem;} - retiré le 31/08/2025 */

article .content hr {margin:2rem 0;}

article .content .wp-block-spacer.space-small {height:2rem !important;}
article .content .wp-block-spacer.space-medium {height:4rem !important;}

article .content .wp-block-group {margin-bottom:2rem;}
article .content .wp-block-group .wp-block-group__inner-container > * {margin-bottom:0;}
article .content .wp-block-group.box-highlight {padding:15px; background-color:#bfd745;}
article .content .wp-block-group.box-highlight.verysoftred {background-color:#f2c0c0;}
article .content .wp-block-group.box-highlight.grayishblue {background-color:#a9b0d0;}
article .content .wp-block-group.box-highlight .title {margin:0 0 15px 0;}
article .content .wp-block-group.box-highlight .single {margin-bottom:1.5rem;}
article .content .wp-block-group.box-notepaper {/*border-left:10px solid #f2f2f2;*/ margin:0 auto; width:95%; padding:10px 10px 5px 10px; background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); text-align:justify;}
article .content .wp-block-group.box-notepaper .wp-block-group__inner-container > * {margin-bottom:1rem;}
article .content .wp-block-group.box-notepaper strong {background:none; font-weight:bold;}
article .content .wp-block-group.box-notepaper ul li:before {color:#000;}
article .content .wp-block-group.box-notepaper .date {margin-bottom:2rem; text-align:right;}
article .content .wp-block-group.box-notepaper .destination {margin-bottom:1.5rem; padding-bottom:0.5rem;}
article .content .wp-block-group.box-notepaper .subject {margin-bottom:2.2rem; font-weight:bolder;}
article .content .wp-block-group.box-notepaper .dear {margin-bottom:2rem;}

/*article .content .wp-block-group.box-notepaper p:first-child:first-letter {float:left; font-size:3rem;}*/

/*** refondre en .box ici ***/

/***** ANCIEN CADRE *****/
article .content .wp-block-group.engagement {margin-bottom:4rem;}
article .content .wp-block-group.engagement h3 {display:inline-block; margin:0 0 10px 0; padding:3px 10px; background-color:#bfd745; color:#000;}
article .content .wp-block-group.engagement p {margin-bottom:1rem;}
article .content .wp-block-group.engagement strong {background:linear-gradient(to top, transparent, transparent 0px, rgba(191,215,69,0.5) 0px, rgba(191,215,69,0.5) 6px, transparent 6px, transparent);}
article .content .wp-block-group.engagement ul {padding:0; list-style:none;}
article .content .wp-block-group.engagement ul li {margin-bottom:20px; text-align:justify;}
article .content .wp-block-group.engagement ul li:before {content:"- ";}

article .content .wp-block-group.engagement ul.sign li {padding-left:65px; background-repeat:no-repeat; background-position:5px 5px; background-size:auto 3rem;}
/* sign correct */
article .content .wp-block-group.engagement ul.sign.cross li {background-image:url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxjaXJjbGUgc3R5bGU9ImZpbGw6I0Q3NUE0QTsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPgo8cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIHBvaW50cz0iMTYsMzQgMjUsMjUgMzQsMTYgICAiLz4KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7IiBwb2ludHM9IjE2LDE2IDI1LDI1IDM0LDM0ICAgIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=');}
article .content .wp-block-group.engagement ul.sign.alert li {background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDBDMTE0LjUxMiwwLDAsMTE0LjQ5NywwLDI1NmMwLDE0MS40ODgsMTE0LjQ5NywyNTYsMjU2LDI1NmMxNDEuNDg4LDAsMjU2LTExNC40OTcsMjU2LTI1NiAgICBDNTEyLDExNC41MTIsMzk3LjUwMywwLDI1NiwweiBNMjQ5LjUwNywzNTYuMzk5Yy0xMi40MTEsMC0yMS45MzUtMTAuMzkxLTIxLjkzNS0yMi4yMjRjMC0xMi4xMjMsOS44MTMtMjIuMjI0LDIxLjkzNS0yMi4yMjQgICAgczIyLjIyNCwxMC4xMDEsMjIuMjI0LDIyLjIyNEMyNzEuNzMxLDM0Ni4wMDcsMjYxLjkxOCwzNTYuMzk5LDI0OS41MDcsMzU2LjM5OXogTTI4Mi40MSwyNDQuMTIzICAgIGMtMTUuODc0LDEyLjQxMS0xNi4xNjIsMjEuMDctMTYuMTYyLDM2LjA3OGMwLDUuNDg0LTIuODg3LDExLjgzNC0xNy4wMywxMS44MzRjLTExLjgzMywwLTE1Ljg3NC00LjMzLTE1Ljg3NC0xOS4zMzggICAgYzAtMjQuODIyLDEwLjk2OC0zNi42NTcsMTkuMzM5LTQzLjg3M2M5LjUyNC04LjA4MiwyNS42ODgtMTcuMDI5LDI1LjY4OC0zMi42MTRjMC0xMy4yNzgtMTEuNTQ1LTE5LjYyNy0yNS45NzctMTkuNjI3ICAgIGMtMjkuNDQsMC0yMy4wOSwyMi4yMjQtMzguNjc2LDIyLjIyNGMtNy43OTMsMC0xNy4zMTgtNS4xOTUtMTcuMzE4LTE2LjQ1MmMwLTE1LjU4NSwxNy44OTYtMzguNjc2LDU2Ljg2LTM4LjY3NiAgICBjMzYuOTQ1LDAsNjEuNDc4LDIwLjQ5NCw2MS40NzgsNDcuNjI0QzMxNC43MzcsMjE4LjQzMywyOTAuMjA0LDIzOC4wNjEsMjgyLjQxLDI0NC4xMjN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRjdCMDAiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==');}
article .content .wp-block-group.engagement ul.sign.correct li {background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDM0Mi41MDggMzQyLjUwOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQyLjUwOCAzNDIuNTA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBkPSJNMTcxLjI1NCwwQzc2LjgzNywwLDAuMDAzLDc2LjgxOSwwLjAwMywxNzEuMjQ4YzAsOTQuNDI4LDc2LjgyOSwxNzEuMjYsMTcxLjI1MSwxNzEuMjYgICBjOTQuNDM4LDAsMTcxLjI1MS03Ni44MjYsMTcxLjI1MS0xNzEuMjZDMzQyLjUwNSw3Ni44MTksMjY1LjY5NywwLDE3MS4yNTQsMHogTTI0NS4zNzEsMTM2LjE2MWwtODkuNjksODkuNjkgICBjLTIuNjkzLDIuNjktNi4yNDIsNC4wNDgtOS43NTgsNC4wNDhjLTMuNTQzLDAtNy4wNTktMS4zNTctOS43NjEtNC4wNDhsLTM5LjAwNy0zOS4wMDdjLTUuMzkzLTUuMzk4LTUuMzkzLTE0LjEyOSwwLTE5LjUyMSAgIGM1LjM5Mi01LjM5MiwxNC4xMjMtNS4zOTIsMTkuNTE2LDBsMjkuMjUyLDI5LjI2Mmw3OS45NDQtNzkuOTQ4YzUuMzgxLTUuMzg2LDE0LjExMS01LjM4NiwxOS41MDQsMCAgIEMyNTAuNzY0LDEyMi4wMzgsMjUwLjc2NCwxMzAuNzY5LDI0NS4zNzEsMTM2LjE2MXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwODAwMCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+');}
/* colors variations */
article .content .wp-block-group.engagement.verysoftred h3 {background-color:#f2c0c0;}
article .content .wp-block-group.engagement.verysoftred strong {background:linear-gradient(to top, transparent, transparent 0px, rgba(242,192,192,0.5) 0px, rgba(242,192,192,0.5) 6px, transparent 6px, transparent);}
article .content .wp-block-group.engagement.grayishblue h3 {background-color:#a9b0d0;}
article .content .wp-block-group.engagement.grayishblue strong {background:linear-gradient(to top, transparent, transparent 0px, rgba(169,176,208,0.5) 0px, rgba(169,176,208,0.5) 6px, transparent 6px, transparent);}
/****************************************/

article .comment {margin-top:50px; padding:30px; background-color:#f2f2f2;}
article .comment h1 {font-size:2rem;}

article .cards {display:flex; flex-wrap:wrap;}
article .cards .card {margin:0 2px 10px 2px; flex:1; background-color:#fafafa;}
article .cards .card.thumbnail {background-color:#fff;}
article .cards .card .image-frame {height:10rem; overflow:hidden;}
article .cards .card .image-frame .image {height:100%; background-color:#f2f2f2; background-repeat:no-repeat; background-position:center; background-size:cover;}
article .cards .card:hover .image-frame .image {transform:scale(1.2); transition:all .5s;}
article .cards .card h1 {margin:0; padding:1rem; font-size:1rem;}

/* list articles/posts for index, archive et page */
.articles article {margin-bottom:15px; padding-bottom:10px;}
.articles article a {display:block; height:100%; text-decoration:none;}
.articles article a:hover {font-weight:inherit;}
/* display:flex; */
.articles article .image-frame {position:relative; display:block; justify-content:center; align-items:center; overflow:hidden; background-color:#f2f2f2;}
.articles article .image-frame .image {width:100%; height:100%; object-fit:cover;}
.articles article a:hover .image-frame .image {transform:scale(1.2); transition:all .5s;}
.articles article .suptitle {position:relative; margin:-1rem 0 0 1rem; padding:0;}
.articles article .suptitle .category {box-shadow: 0 0 6px rgba(0,0,0,.3);}
.articles article .title {margin:5px 0 0 0; padding:5px; font-size:1.1rem;}
.articles article .title time {display:block; margin-bottom:3px; font-size:0.9rem;}
.articles article .subtitle {margin:0; padding:0 5px; font-size:0.7rem;}
.articles article .excerpt {padding:5px; font-size:0.95rem; text-align:justify;}
.articles article .readmore {opacity:0.85; margin:5px 0 0 5px; padding:5px 5px 5px 20px; background:transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDk2IDk2IiBoZWlnaHQ9Ijk2cHgiIGlkPSJhcnJvd19yaWdodCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgOTYgOTYiIHdpZHRoPSI5NnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTIsNTJoNjIuMzQ0TDUyLjg4OCw3My40NTZjLTEuNTYyLDEuNTYyLTEuNTYyLDQuMDk1LTAuMDAxLDUuNjU2YzEuNTYyLDEuNTYyLDQuMDk2LDEuNTYyLDUuNjU4LDBsMjguMjgzLTI4LjI4NGwwLDAgIGMwLjE4Ni0wLjE4NiwwLjM1Mi0wLjM5MSwwLjQ5OC0wLjYwOWMwLjA2Ny0wLjEwMSwwLjExNC0wLjIxLDAuMTcyLTAuMzE1YzAuMDY2LTAuMTI0LDAuMTQyLTAuMjQyLDAuMTk1LTAuMzczICBjMC4wNTctMC4xMzUsMC4wODktMC4yNzUsMC4xMjktMC40MTVjMC4wMzMtMC4xMTEsMC4wNzYtMC4yMTcsMC4wOTktMC4zMzFDODcuOTczLDQ4LjUyNSw4OCw0OC4yNjMsODgsNDhsMCwwICBjMC0wLjAwMy0wLjAwMS0wLjAwNi0wLjAwMS0wLjAwOWMtMC4wMDEtMC4yNTktMC4wMjctMC41MTktMC4wNzgtMC43NzRjLTAuMDI0LTAuMTItMC4wNjktMC4yMzEtMC4xMDQtMC4zNDkgIGMtMC4wMzktMC4xMzMtMC4wNjktMC4yNjgtMC4xMjMtMC4zOTdjLTAuMDU4LTAuMTM5LTAuMTM2LTAuMjY1LTAuMjA4LTAuMzk2Yy0wLjA1NC0wLjA5OC0wLjA5Ny0wLjE5OC0wLjE1OS0wLjI5MiAgYy0wLjE0Ni0wLjIyMS0wLjMxNC0wLjQyNy0wLjUwMS0wLjYxNEw1OC41NDQsMTYuODg4Yy0xLjU2Mi0xLjU2Mi00LjA5NS0xLjU2Mi01LjY1Ny0wLjAwMWMtMS41NjIsMS41NjItMS41NjIsNC4wOTUsMCw1LjY1OCAgTDc0LjM0Myw0NEwxMiw0NGMtMi4yMDksMC00LDEuNzkxLTQsNEM4LDUwLjIwOSw5Ljc5MSw1MiwxMiw1MnoiLz48L3N2Zz4=') no-repeat left center; background-size:15px; filter:invert(64%) sepia(0%) saturate(2077%) hue-rotate(37deg) brightness(94%) contrast(90%); font-size:0.7rem; font-weight:bold; text-transform:uppercase;}
.articles article a:hover .readmore {opacity:1; text-decoration:underline; transition:all .5s;}
.articles article.page .title {margin-top:5px; font-size:1rem;}
.articles article.page .excerpt {padding:2px 5px; font-size:0.8rem;}

.articles.headline {margin-bottom:30px; border-bottom:2px solid #f2f2f2; padding-bottom:20px;}
.articles.headline article {margin-bottom:0;}
.articles.headline article .title {font-size:2rem;}
.articles.headline article .title time {font-size:1.4rem;}
.articles.headline article .readmore {color:inherit;}

.articles.list article a {padding-bottom:15px;}
.articles.list article.sticky {color:#fff;} /* color:#b82e3d; */
.articles.list article.sticky a {background-color:#3f91b0;} /* background-color:#f2f2f2; */
.articles.list article.sticky a > * {margin-left:10px;}
.articles.list article.sticky a > .image-frame {margin-left:inherit!important;}
.articles.list article.sticky .readmore {filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(315deg) brightness(105%) contrast(103%); color:#b82e3d;}
/* filter:invert(27%) sepia(87%) saturate(1405%) hue-rotate(326deg) brightness(81%) contrast(97%); color:#b82e3d; */

.articles.list article .image-frame {aspect-ratio:16/9;}
/*modifié le 07/09/2024 .articles.list article .image-frame {max-height:183px;}*/

section.spotlights {margin:30px 0; padding:20px 15px;}
.articles section.spotlights {margin:0 0 30px 0; padding:0;}
.spotlights {background-color:#ebf4e7; font-size:0.9rem;}
.spotlights > .widget {line-height:1rem;}
.spotlights > .widget > .title {display:block; margin-bottom:5px; font-size:0.7rem; font-weight:bold; text-transform:uppercase; letter-spacing:-0.5px; color:#23391a;}
.spotlights > .widget > .title:after {display:inline-block; margin-left:5px; font-family:'Font Awesome 5 Free'; content:'\f107';}
.spotlights ul.menu {margin:0; display:flex; flex-wrap:wrap; padding:0; list-style:none;}
.spotlights ul.menu > li {margin-bottom:5px;}
/* à supprimer - mis en class générique
section.spotlights ul.menu > li.urgent {font-weight:900; color:#ffa500;}
section.spotlights ul.menu > li.urgent:before {margin-right:4px; font-family:'Font Awesome 5 Free'; content:'\f0e7';}
section.spotlights ul.menu > li.important {font-weight:900;}
section.spotlights ul.menu > li.important:before {margin-right:4px; font-family:'Font Awesome 5 Free'; content:'\f069';}
*/
/* .spotlights a:hover {border-bottom:1px solid #23391a; color:#23391a; transition:all .5s;} */

nav.navigation.toplist {margin-bottom:20px; padding:3px 10px; background-color:#f2f2f2; font-size:0.8rem; color:#999;}
nav.navigation.pagination {margin:5px 0; border-top:1px solid #f2f2f2; padding-top:20px; color:#999;}
nav.navigation.pagination .page-numbers {border:1px solid #f2f2f2; padding:5px 10px;}
nav.navigation.pagination .page-numbers.current {background-color:#f2f2f2; font-weight:bold;}
nav.navigation.pagination .page-numbers.prev, nav.navigation.pagination .page-numbers.next {display:none!important;}

.comment-form-cookies-consent {font-size:0.9rem;}

/* couverture / en-tête */
#cover {position:relative; width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; background-color:#495668; color:#fff; font-size:0.9rem;}
#cover .bg-container {position:absolute; top:0; left:0; right:0; bottom:0; margin:0; width:100%; height:100%; overflow:hidden; filter:opacity(0.5);}
#cover .bg-container .image {width:100%; height:100%; object-fit:cover;}
#cover .right {text-align:left;}
#cover .widget {margin-bottom:20px;}
#cover .widget.basic {margin-bottom:0;}
#cover .widget p {margin-bottom:5px;}
#cover .widget p.link {margin-top:15px;}
#cover .widget h1 {font-weight:bold;}
#cover .widget h2 {margin:10px 0 3px 0; font-size:1.1rem;}
#cover .widget hr {width:6rem; height:4px; margin:0; background-color:#fff; text-align:left;}
#cover .widget ul.menu {display:flex; margin:0; padding:0; list-style:none;}
#cover .widget form p {margin:5px 0 !important;}
#cover .widget form .legal {font-size:0.7rem; color:#fff;}
#cover .widget form .wpcf7-response-output {margin:0; border:none; padding:5px 10px; background-color:rgba(255,255,255,.3) !important;}
#cover .menu-social-container a {width:30px; height:30px;}
#cover .menu-social-container .social {filter:invert(95%) sepia(100%) saturate(0%) hue-rotate(143deg) brightness(104%) contrast(105%);}
#cover a.go-top {display:block; left:50%; bottom:20px; width:25px; height:25px; margin:0 auto; background:transparent url('assets/images/arrow-down.svg') no-repeat center; background-size:cover; filter:invert(95%) sepia(100%) saturate(0%) hue-rotate(143deg) brightness(104%) contrast(105%); opacity:0.5; -webkit-animation-name:bounce; animation-name:bounce; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite;}

body>.header-banner {padding:10px 0; background-color:#ffffcc;}

body>header {background-color:#fff;} /* box-shadow:0 0 6px rgba(0,0,0,.3); */
/* body>header * {transition:.2s ease;} */
body>header .supheader {overflow:hidden; padding:5px 0; background-color:#c3d200; font-size:0.65rem;  letter-spacing:0.05rem; font-weight:bold; color:#555; text-transform:uppercase;}
body>header .menu-toggle {display:none;}
body>header .header-brand {padding:5px 0;}
body>header .logo {width:100%; height:5rem; margin:0 auto;} /* ancien height 100px au 24/09/2023 ; puis 80px */
body>header.sticky-on {border-bottom:3px solid #f2f2f2;}
body>header.sticky-on .menu-toggle {display: block;}
body>header.sticky-on .logo {} /* ancien height 60px au 24/09/2023 */

body>.header-nav {padding-top:5px; font-size:0.9rem; text-transform:uppercase;}
body>.header-nav .menu-toggle {margin-right:10px;}
body>.header-nav .menu-header-nav {flex-wrap:inherit; white-space:nowrap;}
body>.header-nav .menu-item {border-bottom:3px solid transparent; padding:2px 7px;  transition:all .2s ease;}
body>.header-nav .menu-item:hover {border-color:#000;}

body>section.menu {background-color:#f1f1f1;}
body>section.menu > .container {display:grid; grid-template-columns:repeat(4,25%); grid-template-rows:repeat(4,auto); padding-top:5px; padding-bottom:5px;}
body>section.menu > .container > * {overflow:hidden;}

body>section.menu > .container > .test {grid-area:1 / 2 / 3 / span 2; background-color:#000;}

body>section.menu > .container > .colx2 {grid-column:span 2;}
body>section.menu > .container > .colx3 {grid-column:span 3;}
body>section.menu > .container > .colx4 {grid-column:span 4;}

body>section.menu > .container > .rowx2 {grid-row:span 2;}
body>section.menu > .container > .rowx3 {grid-row:span 3;}
body>section.menu > .container > .rowx4 {grid-row:span 4;}

/*
olf menu
body>header .header-menus {font-size:0.7rem;}
body>header .header-nav {font-weight:bold; text-transform:uppercase;}
body>header .header-nav .nav {display:inherit; padding:0;}
body>header .header-nav .nav .nav-item {text-align:right;}
body>header .header-nav .nav .nav-item a {display:block; position:relative; padding:2px 0; font-weight:inherit;}
body>header .header-nav .nav .nav-item a:hover {color:#000;}
*/

/*
.subheader {padding:5px 0; background-color:#3f91b0; font-size:0.8rem; font-weight:bold; color:#fff;}
.subheader.vert {background-color:#65a54b;}
.subheader.rouge {background-color:#b82e3d;}
.subheader.jaune {background-color:#ffff66;}
.subheader.very-soft-cyan {background-color:#B7DFE9; color:#000;}
*/
.subheader {font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:0.8rem;}
.subheader p.has-background {padding:0.8rem;}

/*
body>main {}
body>main h1, body>main h2, body>main h3, body>main h4, body>main h5, body>main h6 {font-family:'DM Serif Display', serif;}
*/

body>main>.container>.extra-margins {margin-top:30px;}

body.home>main {margin-top:30px;}

body.single>main, body.page>main {margin-top:20px;}

body.single article.category-communiques-de-presse .title h1 {margin:1rem 0; color:#b82e3d;}
body.single article.category-communiques-de-presse .title .subtitle {font-size:0.9rem; color:#b82e3d;}

body.category-agenda .time-period.today {color:#4CAF50;}
body.category-agenda .time-period.today .blinking-dot {background-color:#4CAF50; width: 15px; height: 15px;}

/*
body.single article.category-la-lettre-info header {background-image:url('assets/images/nsm-pattern-category-la-lettre-info.png');}
*/

body.page .title-section {text-transform:none;}
body.page article .childs {margin-top:50px;}
body.page article .siblings {margin-top:50px; border-top:10px solid #f2f2f2; padding-top:30px;}

/*** NEX STYLE PAGE AND POST ***/
body.template-singular-large article header {margin:0; padding:25px 0; background-color:#3f91b0; color:#fff; text-align:left;}
body.template-singular-large article header .suptitle {margin-bottom:1.5rem; font-size:0.8rem; font-weight:bolder; text-transform:uppercase;}
body.template-singular-large article header .suptitle.path {text-align:left;}
body.template-singular-large article header .suptitle.path:before {margin-right:.5rem; opacity:.5; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f0da";}
body.template-singular-large article header .suptitle.path > .path-item:after {opacity:.85; padding-left:.5rem; content:"/";}
body.template-singular-large article header .title {margin:0; font-size:2.1rem;}
body.template-singular-large article header .subtitle {margin-top:1rem; font-family:"DM Serif Display",serif; font-size:1.1rem;}
body.template-singular-large article header .detail {margin-top:1.5rem; font-size:0.85rem;}
body.template-singular-large article header .detail li {vertical-align:middle;}
/*
body.template-singular-large article.category-agenda header .event {margin:2rem 0 0 0; font-size:1.1rem;}
body.template-singular-large article.category-agenda header .event>* {display:block;}
*/
body.template-singular-large article.category-agenda header .detail {/*font-size:1.1rem;*/}
body.template-singular-large article.category-agenda header .detail .date {font-weight:bold;}
body.template-singular-large article.category-agenda header .detail .date span:before {content:none;}
body.template-singular-large article.category-agenda header .detail .date span {display:block;}
body.template-singular-large article header .detail .share {display:block; font-size:1.3rem;}
body.template-singular-large article header .detail .share a {margin:0 1px;}
body.template-singular-large article header .detail .share .telegram, body.template-singular-large article header .detail .share .facebook-menssenger {font-size:1.1rem;}
body.template-singular-large article .mainbar {padding:0;}
body.template-singular-large article .mainbar > * {padding:0 15px;}
body.template-singular-large article .mainbar .title-section {color:#3f91b0;}
body.template-singular-large article .image_featured {margin:0 auto; padding:0;}
body.template-singular-large article .content {background-color:#fff; padding:15px;}
/* fix css global */ body.template-singular-large article .content h1 {border-bottom:none;}
body.template-singular-large article .content > *:first-child {margin-top:0.5rem;}
body.template-singular-large article .content > figure:first-child {margin:-15px -15px 2.5rem -15px;}
body.template-singular-large article .content h1, body.template-singular-large article .content h2, body.template-singular-large article .content h3, body.template-singular-large article .content h4 {display:inline-block; padding:3px 10px; background-color:#3f91b0; font-family:"Raleway",system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif; color:#fff;}
body.template-singular-large article .content h1.raw, body.template-singular-large article .content h2.raw, body.template-singular-large article .content h3.raw, body.template-singular-large article .content h4.raw {font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color:black;}
body.template-singular-large article .content h1.raw:not(.has-background), body.template-singular-large article .content h2.raw:not(.has-background), body.template-singular-large article .content h3.raw:not(.has-background), body.template-singular-large article .content h4.raw:not(.has-background) {padding:0; background:none !important;}
body.template-singular-large article .content h1.light, body.template-singular-large article .content h2.light, body.template-singular-large article .content h3.light, body.template-singular-large article .content h4.light {border-bottom: 2px solid #3f91b0;color:#3f91b0;}
body.template-singular-large article .content .wp-block-heading > a {text-decoration:none;}
body.template-singular-large article .content p.raw strong {background:none !important; font-weight:bolder;}
body.template-singular-large article .content strong, body.template-singular-large article .content b {background:linear-gradient(to top, transparent, transparent 0px, rgba(63,145,176,0.4) 0px, rgba(63,145,176,0.4) 6px, transparent 6px, transparent); font-weight:normal;}
body.template-singular-large article .content strong.raw, body.template-singular-large article .content b.raw {background:none !important; font-weight:bolder;}
body.template-singular-large article .content ul li:before {color:#3f91b0;}
body.template-singular-large article .content .box {padding:1rem; background-color:#3f91b0; color:#fff;}
body.template-singular-large article .content .formal-box {font-family:Arial, sans-serif; font-size:0.95rem; line-height:1.2rem; text-align:justify; color:#555;}
body.template-singular-large article .content .formal-box h2, body.template-singular-large article .content .formal-box h3, body.template-singular-large article .content .formal-box h4 {margin-bottom: 5px; padding:0; background:none; font-family:inherit; font-weight:bold; color:#3f91b0; text-align:left;}
body.template-singular-large article .content .formal-box .bottom {margin-bottom:10px;}
body.template-singular-large article .content .formal-box li {margin-bottom:10px;}
body.template-singular-large article .content .wp-block-group {padding:1rem;}
body.template-singular-large article .content .wp-block-group.slim {padding:0;}
body.template-singular-large article .content .wp-block-group__inner-container > .wp-block-heading {margin-top:0; margin-bottom:0.5rem;}
body.template-singular-large article .content .wp-block-columns.is-layout-flex {gap:1rem;}
body.template-singular-large article .content .wp-block-column > .wp-block-heading {margin-top:0; margin-bottom:0.5rem;}

body.template-singular-large article .content .portrait, .portrait * {margin-bottom:0 !important;}
body.template-singular-large article .content .portrait > figure {min-width:80px !important;}
body.template-singular-large article .content .portrait > .description {min-width:70% !important; padding-top:0 !important; padding-bottom:0 !important; gap:0 !important;}

body.template-singular-large article .districts {margin:1rem 0;}
body.template-singular-large article .districts .district {padding:5px 10px; background-color:#3f91b0; font-size:0.85rem; text-transform:uppercase; color:#fff;}
body.template-singular-large article .districts .district:before {margin-right:4px; font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f3c5";}
body.template-singular-large article .spotlights {margin:30px 0; padding:0;}
body.template-singular-large article .comments {margin-top:50px; padding:30px; background-color:rgba(63,145,176,0.2);}
body.template-singular-large article .comments .title-section {opacity:1; color:#3f91b0;}
body.template-singular-large article .related {margin-top:50px;}
body.template-singular-large article .related.articles.list article {margin:0;}
body.template-singular-large article .sidebar {padding-top:15px;}

body.template-singular-large article .content form h1,
body.template-singular-large article .content form h2,
body.template-singular-large article .content form h3,
body.template-singular-large article .content form h4 {padding:0; border-bottom: 2px solid #3f91b0; background:none !important; font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; color:#3f91b0;}

body.template-singular-large form input.btn {font-size:1.2rem !important;}
/******/

body.archive main header.heading {margin:5px 0 25px 0; padding:5px;}
body.archive main header.heading .breadcrumbs {margin-bottom:10px; font-size:0.8rem;}
body.archive main header.heading h1 {font-size:3rem; text-transform:none;}
body.archive main header.heading .description {font-size:0.9rem; text-align:justify;}

body.search section.search-form {margin-bottom:30px;}

body.error404 main > div.container {padding:40px 15px;}

aside.sidebar {margin-top:40px;}
aside.sidebar .widget_search, aside.sidebar .widget_recent_entries {margin-bottom:50px;} /* border-top:2px solid #f2f2f2; padding-top:10px; */
aside.sidebar .widget .wp-block-separator {margin:1rem 0 0.5rem 0; opacity:0.5;}
aside.sidebar .widget>.title {margin-bottom:10px; font-family:'DM Serif Display',serif; font-size:1.5rem;}
aside.sidebar .widget>ul {list-style:none; padding:0;}
aside.sidebar .widget>ul>li {margin-bottom:15px; line-height:20px;}
aside.sidebar .widget>ul>li .post-date {font-size:0.7rem; color:#888;}
aside.sidebar .widget_search label {opacity:0.5; color:#65a54b;}
aside.sidebar .widget_recent_entries>ul li {margin-bottom:5px;}

/* -- */
article .testimonial {margin:0 auto; width:90%;}
article .testimonial > .wp-block-media-text__content {padding:0; background-color:#bfd745;}
/* -- */

/* -- SimpleTOC -- */
article .content .simpletoc ul {list-style:inherit;}
article .content .simpletoc ul li {margin-bottom:0;}
article .content .simpletoc ul li:before {display:none;}
/* -- */

/* -- GutenTOC - Table of Content Gutenberg Block -- */
article .content .gutentoc {background:none; border:none; padding:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:inherit;}
article .content .gutentoc.quiet {background-color:#ebf4f7; padding:5px;}
article .content .gutentoc.pl-5 {padding-left:1rem!important;}
article .content .gutentoc.pb-5 {padding-bottom:1rem!important;}
article .content .gutentoc.pr-5 {padding-right:1rem!important;}
article .content .gutentoc.pt-5 {padding-top:1rem!important;}
article .content .gutentoc .gutentoc-toc-title {font-size:inherit; font-weight:bold;}
article .content .gutentoc #open {display:none;}
article .content .gutentoc ul {list-style:inherit;}
article .content .gutentoc ul li {margin-bottom:0;}
article .content .gutentoc ul li:before {display:none;}
/* -- */

body>section.bottom {margin-top:50px;}
body>section.bottom>.container {border-top:5px solid #f2f2f2; padding-top:20px;}
body>section.bottom .title-section {font-family:'DM Serif Display', serif;}
/*body>section.bottom .area {margin-top:20px;}*/

body>footer {margin-top:50px; padding:30px 0; background-color:#f2f2f2; font-size:0.7rem; text-align:center;}
body>footer ul.menu {display:flex; margin:0 auto; padding:0; list-style:none;}
body>footer .footer-nav {margin-top:30px; font-size:0.6rem; text-align:center; text-transform:uppercase;}
body>footer .footer-nav .nav .nav-item {margin-right:10px;}
body>footer .footer-nav .nav .nav-item:last-child {margin:0;}

/* extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	body>header .header-top>.container {padding:0 30px;}
	
	body.template-singular-large article header {padding-bottom:1px;}
	
	body.template-singular-large article .content > figure:first-child > figcaption {padding:0 15px; font-size:0.7rem !important;}
	
	article .content .wp-block-image.fluid .alignleft, article .content .wp-block-image.fluid .aligncenter, article .content .wp-block-image.fluid .alignright {display:inherit; float:none; margin-left:auto; margin-right:auto;}
}

/* medium devices and more */
@media (min-width: 768px) {
	article header .heading {margin:0; padding:40px 0;}
	article header .heading .suptitle > li {padding:10px; font-size:0.75rem;}
	article header.with-featured-image {flex-direction:row; align-items:center; height:25rem;}
	article header.with-featured-image .heading {margin-left:-10rem; margin-bottom:0; width:100%; padding:40px; background-color:#fff;}
	article header.with-featured-image > figure {min-width:70%; height:100%;}
	article .content .wp-block-image.fluid {width:auto;}
	article .content .wp-block-image.left, article .content .wp-block-image.right {margin:.5rem 0;}
	article .content .wp-block-image.left {float:left; margin-right:1rem;}
	article .content .wp-block-image.right {float:right; margin-left:1rem;}


	section.spotlights > .widget > .title {float:left; margin-bottom:0; margin-right:10px;}
	section.spotlights > .widget > .title:after {content:'\f105';}
	section.spotlights ul.menu > li {margin-right:2rem;}

	#cover {font-size:1rem;}
	#cover .widget h2 {font-size:1.2rem;}

	body>header .supheader {white-space:nowrap; font-size:0.9rem; letter-spacing:0.4rem;}
	body>header .logo {height:8rem;} /* ancien height 130px au 24/09/2023 */
	body>header .header-menus {font-size:1rem;}
	/*
	body>header .header-nav .nav {display:flex;}
	body>header .header-nav .nav .nav-item {text-align:center;}
	body>header .header-nav .nav .nav-item a {padding:10px 0;}
	body>header .header-nav .nav .nav-item a:after {content:""; display:block; position:absolute; bottom:0; z-index:-1; width:100%; height:0; background-color:#f2f2f2; transition:height .2s ease;}
	body>header .header-nav .nav .nav-item a:hover:after {height:100%;}
	*/

	.subheader {font-size:inherit;}

	section.articles article .title {font-size:1.5rem;}
	section.articles article .title time {font-size:1.1rem;}
	section.articles article.page .title {font-size:1.2rem;}

	aside.sidebar {margin-top:0;}

	body.single>main, body.page>main {margin:0;}

	body.singular-cover article header {margin:0;}
	body.singular-cover article header.with-featured-image {display:block; height:auto;}
	body.singular-cover article header.with-featured-image > figure {height:25rem;}
	body.singular-cover article header.with-featured-image .heading {display:inline-block; margin:-5rem 0 0 3%; max-width:90%; min-width:65%;}

	/* à refaire (cf pages Programme/Projet) */
	body.page article .content .wp-block-quote {padding:2rem;}
	body.page article .content .wp-block-quote > p {font-size:1.2rem;}
	body.page article .content .wp-block-quote > cite {font-size:0.9rem;}
	body.page article .content .wp-block-pullquote {margin:4rem auto; width:80%;}
	body.page article .content .wp-block-pullquote > blockquote:before {top:-20%; height:140%;}
	
	body.template-singular-large article header {padding:50px 0 175px 0;}
	body.template-singular-large article header .suptitle {margin-bottom:2rem; font-size:0.9rem;}

	body.template-singular-large article header .suptitle a {border-bottom:0px solid #fff; transition:all .2s ease;}
	body.template-singular-large article header .suptitle a:hover {border-bottom-width:3px;}

	body.template-singular-large article header .title {font-size:3.5rem;}
	body.template-singular-large article header .subtitle {font-size:1.3rem;}
	body.template-singular-large article header .detail {font-size:0.9rem;}
	body.template-singular-large article.category-agenda header .detail .date span:before {opacity:.85; padding:0 .5rem; content:"\00007C";}
	body.template-singular-large article.category-agenda header .detail .date span {display:inline-block;}
	body.template-singular-large article header .detail .share {display:inline-block;}
	body.template-singular-large article .mainbar {margin-top:-140px;}
	body.template-singular-large article .image_featured {width:70%;}
	body.template-singular-large article.has_sidebar .image_featured {width:auto;}

	body>footer {font-size:0.8rem;}
	body>footer .footer-nav {font-size:0.7em;}
}

/* *** custom adhoc *** */
.has-white-color:not(.has-white-background-color), .has-white-color:not(.has-white-background-color) *:not(.has-white-background-color):not(.has-inline-color) {color:#fff!important;}
.wp-block-separator {border-top:1px solid rgba(0,0,0,.1); border-bottom:none;}

.w100p {width:100%;}

body.template-singular-large article .content .formal-box,
body.template-singular-large article .content .formal-box h2,
body.template-singular-large article .content .formal-box h3,
body.template-singular-large article .content .formal-box h3,
body.postid-5571 p, body.postid-5571 li,
body.postid-5634 p, body.postid-5634 li,
body.postid-5735 p, body.postid-5735 li,
body.postid-5766 p, body.postid-5766 li,
body.postid-5877 p, body.postid-5877 li,
body.postid-5962 p, body.postid-5962 li,
body.postid-6006 p, body.postid-6006 li,
body.postid-6034 p, body.postid-6034 li,
body.postid-6139 p, body.postid-6139 li,
body.postid-6165 p, body.postid-6165 li,
body.postid-6204 p, body.postid-6204 li,
body.postid-6242 p, body.postid-6242 li,
body.postid-6299 p, body.postid-6299 li,
body.template-singular-large-system-ui p,
body.template-singular-large-system-ui li,
body.template-singular-large-system-ui figcaption,
body.template-singular-large-system-ui form label,
body.template-singular-large-system-ui form .form-control,
body.template-singular-large-system-ui form .form-text,
body.template-singular-large-system-ui form input.btn,
body.page.template-singular-large p, body.page.template-singular-large li,
body.page-id-2834 p, body.page-id-2834 li, body.page-id-2834 .form-group, body.page-id-2834 .form-check
{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;}

body.postid-5571.template-singular-large article .content strong, body.postid-5571.template-singular-large article .content b,
body.postid-5634.template-singular-large article .content strong, body.postid-5634.template-singular-large article .content b,
body.postid-5735.template-singular-large article .content strong, body.postid-5735.template-singular-large article .content b,
body.postid-5766.template-singular-large article .content strong, body.postid-5766.template-singular-large article .content b,
body.postid-5877.template-singular-large article .content strong, body.postid-5877.template-singular-large article .content b,
body.postid-5962.template-singular-large article .content strong, body.postid-5962.template-singular-large article .content b,
body.postid-6006.template-singular-large article .content strong, body.postid-6006.template-singular-large article .content b,
body.postid-6034.template-singular-large article .content strong, body.postid-6034.template-singular-large article .content b,
body.postid-6139.template-singular-large article .content strong, body.postid-6139.template-singular-large article .content b,
body.postid-6165.template-singular-large article .content strong, body.postid-6165.template-singular-large article .content b,
body.postid-6204.template-singular-large article .content strong, body.postid-6204.template-singular-large article .content b,
body.postid-6242.template-singular-large article .content strong, body.postid-6242.template-singular-large article .content b,
body.postid-6299.template-singular-large article .content strong, body.postid-6299.template-singular-large article .content b,
body.template-singular-large-system-ui article .content strong, body.template-singular-large-system-ui article .content b,
body.page.template-singular-large article .content strong, body.page.template-singular-large article .content b,
body.page-id-2834.template-singular-large article .content strong, body.page-id-2834.template-singular-large article .content b
{background:none !important; font-weight: bold !important;}

body.postid-5571 article .content a,
body.postid-5634 article .content a,
body.postid-5735 article .content a,
body.postid-5766 article .content a,
body.postid-5877 article .content a,
body.postid-5962 article .content a,
body.postid-6006 article .content a,
body.postid-6034 article .content a,
body.postid-6139 article .content a,
body.postid-6165 article .content a,
body.postid-6204 article .content a,
body.postid-6242 article .content a,
body.postid-6299 article .content a,
body.template-singular-large-system-ui article .content a,
body.page.template-singular-large article .content a,
body.page-id-2834 article .content a
{border:none; font-weight:inherit; text-decoration:underline; text-decoration-color:inherit;}

body.postid-5571 article .content h2 a, 
body.postid-5571 article .content h3 a
{text-decoration:none;}

body.template-singular-large-system-ui .wp-block-button__link {font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; text-decoration:none !important;}

body.template-singular-large-system-ui figcaption {font-size:0.85rem;}

body.template-singular-large article .content .formal-box h2 {margin:10px 0 5px 0; font-size:1.25rem;}
body.template-singular-large article .content .formal-box h3 {margin:10px 0 5px 0; font-size:1.1rem;}

body.page.template-singular-large article .content .wp-block-quote {position:relative; padding:1rem 1rem 1rem 1.5rem;}
body.page.template-singular-large article .content .wp-block-quote:before {content:"\f10d"; position:absolute; top:0; left:0; font-family:"Font Awesome 5 Free"; font-weight:900; color:#3f91b0;}

.wpcf7-list-item {display:block;}
.wpcf7-acceptance .wpcf7-list-item {display:inline-block;}

.btn-nsm {color:#fff; background-color:#3f91b0; border-color:#3f91b0;}
.btn-nsm:hover {color:#555; background-color:#c3d200; border-color:#c3d200;}
.btn-nsm-dark-moderate-blue {color:#fff; background-color:#465F9D; border-color:#465F9D;}
.btn-nsm-dark-blue-eu-election {color:#fff; background-color:#0b4da0; border-color:#0b4da0;}
.btn-nsm-dark-blue-eu-election:hover {color:#0b4da0 !important; border-color:#0b4da0 !important;}