*,::before,::after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased}picture,video,canvas,svg{display:block;max-width:100%;margin:0;line-height:0}picture{max-width:inherit}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;object-fit: cover;line-height:0}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul{margin:0;padding:0;list-style:none}a{display:inline-block;text-decoration:none;color: black}#root,#__next{isolation:isolate}

:root {
--main-color : #001d3b;
--focus-color: #ff4400;	
--second-color : #d3d0cb;
--third-color : #e5e3df;
--fourth-color : #d1d0cd;

--grid-gap-large:1.375rem;
--grid-gap-medium:.9375rem;
--grid-gap:.9375rem;
--grid-gap-small:.5rem;
--border-radius:25px;
    
--font-primary: 'Figtree', sans-serif;
--font-secondary: 'EB Garamond', serif;
--text-base-size: 1.250em;
--body-line-height: 1.5em;

--font-size-80: 5rem;--font-size-70: 4.375rem;--font-size-60: 3.750rem;--font-size-50: 3.125rem;--font-size-40: 2.5rem;--font-size-30: 1.875rem;--font-size-26: 1.750rem;--font-size-24: 1.5rem;--font-size-20: 1.250rem;--font-size-18: 1.125rem;--font-size-16: 1rem;--font-size-14: .875rem;--font-size-12: .750rem;--font-size-11: .6875rem;	

--ratio: 1.4;
--s0: clamp(1.125rem,1rem + 0vw,1rem);
--s1: clamp(1.375rem,1.19rem + 0.32vw,1.41rem);
--s2: clamp(1.625rem,1.39rem + 0.85vw,2rem);
--s3: clamp(2rem,1.61rem + 1.7vw,2.83rem);
--s4: clamp(2.5rem,1.83rem + 3.04vw,4rem);
--s5: clamp(3.0rem,2.04rem + 5.07vw,5.65rem);
--line-height: 1.4;
--line-height-small: calc(0.9*var(--ratio));
--line-height-large: calc(1.2*var(--ratio))}
    
@media (-webkit-device-pixel-ratio: 1.25) {:root{zoom: 0.8}}
@media (-webkit-device-pixel-ratio: 1.50) {:root{zoom: 0.666667}}
    
body {
min-height: 100vh;
background: #eee;
font:normal 400 var(--text-base-size) var(--font-primary);
line-height: var(--body-line-height);
color:black;
text-rendering: optimizeSpeed;
font-smooth: always;
-webkit-font-smoothing: antialiased}

.spip-admin-float {font-family: arial}


/* FONTS
/* -------------------------- */
@font-face {font-family: 'Figtree';font-style: normal;font-weight:300 900;font-display: swap;src: url("/squelettes/fonts/figtree_full.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face {font-family: 'EB Garamond';font-style: normal;font-weight: 400 800;font-display: swap;src: url("/squelettes/fonts/ebGaramond-normal_full.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

body div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {background: black; opacity: .55}
body div#tarteaucitronAlertBig:before {content: ''} 
body div#tarteaucitronRoot div#tarteaucitronAlertBig {
background: linear-gradient(180deg, #222 0%, black 100%);	
padding: .9375rem 0;
font-family: var(--font-primary)}
body div#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
display: block;
margin-bottom: .875rem;	
font-size: var(--s0);	
text-align: center;
font-family: var(--font-secondary) !important}
body #tarteaucitronRoot .tarteaucitronAllow,
body #tarteaucitronRoot .tarteaucitronDeny,
body #tarteaucitronAlertBig #tarteaucitronCloseAlert{
padding: 8px 10px !important;
margin: 5px;	
border-radius: 3px;
font-size: 14px!important;	
font-family: var(--font-primary)!important;
text-transform: uppercase;
font-weight: 600}
body #tarteaucitronAlertBig #tarteaucitronPersonalize2 {font-size: 14px!important}
body #tarteaucitronRoot .tarteaucitronAllow {background: #00c176!important;box-shadow: 0px 0 7px rgb(0 0 0 / .25);}
body #tarteaucitronRoot .tarteaucitronDeny {background: #ce1836!important}
body #tarteaucitronAlertBig #tarteaucitronCloseAlert {
background: none;
border:1px solid rgb(255 255 255 / .3);	
padding: 8px 10px 7px !important;	
color: white}
    
/* DEFAULT
/* -------------------------- */
button,
.button {
-webkit-appearance: none;
border-radius: 0;
text-align: inherit;
background: none;
box-shadow: none;
padding: 0;
cursor: pointer;
border: none;
color: inherit;
font: inherit}

button:focus,
.button:focus,
input:focus,
select:focus {outline: none}

.button:active,
.btn--primary:active,
.btn--secondary:active {transform: scale(.95)}

.btn--primary {
vertical-align: middle;
margin-top: .9375rem;	
padding-left: .75rem;	
padding-right: .75rem;	
font-size: var(--font-size-12);
font-weight: 600;	
text-transform: uppercase;
letter-spacing: 1px;	
line-height: 30px;
border-radius: 15px;	
color: white;
background: var(--focus-color)}

.btn--secondary {
border-bottom: 3px solid var(--main-color);
font-size: var(--font-size-14);	
font-weight: 600;	
color: black}

input::-webkit-input-placeholder {color: #ccc}
input::-moz-placeholder {color: #ccc}
input:-ms-input-placeholder {color: #ccc}
input::placeholder {color: #ccc}

hr {width: 100%;border: none;border-top:1px solid rgba(255,255,255,.1)}
sup {font-size: 60%!important}    
.scaleHover {overflow: hidden}

    
/* ===================================================================
 *  HOME
 *
 * ------------------------------------------------------------------- */
.mainGrid, .autoGrid {display: grid}
.mainGrid {grid-template-columns: .9375rem repeat(12, minmax(10px, 1fr)) .9375rem}
.autoGrid {--min-column-size:10px;grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size),  100%), 1fr))}

.error {
display: grid;	
place-items:center;	
max-width: 45em;
margin-inline:auto; 	
height: 100vh;
padding: 1.875rem;
text-align: center}
.error .title {font-size: 3rem}
.error .title strong {
display: block;
margin-bottom: 1.875rem;
margin-top: .5rem;	
font-size: 1.5rem;
line-height: 1.5em}
.error .supTitle {
position: relative;
display: block;
margin-bottom: 1.875rem;
padding-top: .9375rem;
font-size: .875rem;
text-transform: uppercase}
.error .supTitle::after {
content: '';
position: absolute;
height: 3px;
width: 50px;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
background: var(--main-color)}
.error .arrow_btn {
display: flex;
justify-content: space-between;
align-items: center;
padding:.5rem .9375rem;
margin-inline:auto;
margin-top: 1.875rem;
width:180px;	
background: var(--main-color)}

.sidebar {
z-index: 9;	
position: fixed;
right: 0;
height: 100%;
width: 260px;
background: var(--third-color);
font-family: var(--font-secondary)}
header .logo {grid-column: 1 / span 10}
.logo a {padding: 0 1rem}
.sidebar .logo {
display: block;
padding: .750rem 1.650rem}
.slogan-side,
.slogan {
display: block;
font-family: var(--font-secondary);	
font-size: var(--font-size-12);
letter-spacing: 1px;		
text-transform: uppercase;
line-height: 1.2em;	
color: #666}
.slogan-side {margin-top: .250rem}
.slogan {display: none}
.sidebar a {color: var(--main-color)}
.menu-content {
position: relative;
height: 100%;
width: 100%;
/*overflow-y: scroll*/}
.menu-content::-webkit-scrollbar {display: none;}
.menu-items {
height: 100%;
width: 100%;
padding: 0 var(--grid-gap);	
list-style: none;
transition: all 0.4s ease}
.submenu-active .menu-items {transform: translateX(-50%);}
.menu-title {
display: flex;
align-items: center;
font-size:var(--font-size-12);
text-transform: uppercase;
color: var(--main-color);
padding: .750rem .5rem}
.menu-title svg {margin-right: .5rem}
li.item:not(:last-child) {border-bottom: 1px solid rgb(0 0 0 / .1)}
.item a,
.submenu-item {
display: inline-block;
width: 100%;
padding: .625rem;
font-family: var(--font-primary);
font-size: var(--font-size-16);
font-weight: 500;
line-height: 1.25em}
.submenu-item {
display: flex;
justify-content: space-between;
align-items: center;	
color: var(--main-color);
cursor: pointer}
.submenu {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: -100%;
height: calc(100% + 100vh);
background: var(--third-color);
display: none}
.show-submenu ~ .submenu {display: block}
.submenu .menu-title {
font-family: var(--font-primary);	
font-size: var(--font-size-12);
font-weight: 700;	
line-height: 1.250em;	
letter-spacing: 1px;	
cursor: pointer}
.menu-rub,
.submenu .item a {
padding:.625rem .5rem;
font-family: var(--font-secondary);	
font-size: var(--font-size-16);
font-weight: 400;
line-height: 1.25em;
color: var(--main-color)}
.menu-rub {
font-family: var(--font-primary);	
font-size: var(--font-size-16);
font-weight: 500;	
color: rgb(0 0 0 / .35);
border-bottom: 5px solid rgb(0 0 0 / .1)}
.item.on a,.submenu-item.on {background: rgb(255 255 255 / .5)}

.navbar,
.main {
right: 260px;
width: 100%;
transition: all 0.5s ease;
z-index: 10}
.sidebar.close ~ .navbar,
.sidebar.close ~ .main {right: 0;width: 100%}
.navbar {
z-index: 99;
position: fixed;
top: 0;	
align-items: center;
background: var(--main-color)}
.navbar #sidebar-close {
display: inline-block;
padding: .9375rem;
margin-right: -.9375rem;	
color: #fff;	
cursor: pointer}
.burger {
grid-column: span 2/ -2;
height: 60px;
text-align: right}
.main {	
position: relative;
padding-top: 60px;	
background: white}

.footer {
grid-column: 1 / -1;
padding-top: var(--grid-gap-large);	
padding-bottom: var(--grid-gap-large);	
background: var(--main-color)}
footer .brain {display: none}
.mentions,
.social {
grid-column: 2 / -2;
text-align: center}
.mentions {margin-top:var(--grid-gap)}
.mentions,
.mentions a {
font-size: var(--font-size-12);
line-height: var(--line-height);	
color: var(--second-color)}
.social a {padding:var(--grid-gap)}

.slider-header, .slider-bg, .univers-content {grid-row: 1}
.slider-bg, .seo-bg, .univers-content, .univers-bg, .domaines-bg {grid-column: 1 / -1}

.slider-header {
z-index: 1;
grid-column: 2 / -2;
align-self: center;
text-align: center}
.slider-header .title {
font-size: var(--s2);
color: white}
.slider-bg {background: black}
.slider-bg img {opacity: .7}

.home_seo {background: var(--second-color)}
.seo-bg, .univers-bg, .domaines-bg {display: none}
.seo-header, .seo-picture {grid-column: 2 / -2; }
.footer.advert { background:#b64747; padding: 25px}
.advert-header {grid-column: 2 / -2; color:white; }
.advert-header p { font-size: 14px; padding: 5px 0}
.seo-picture, .univers-picture {
overflow: hidden;	
border-bottom-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius)}
.seo-header h1 {
margin-top: 1.875rem;
margin-bottom: 0.9375rem;
font-size: var(--s2);
font-weight: 600}
.seo-header p {font-family: var(--font-secondary)}
.seo-header :is(h1, p) {
line-height: var(--line-height);	
color: var(--main-color)}
.seo-header p, .seo-picture {margin-bottom: 1.875rem}

.home_univers, .home_domaines {padding-top: 1.875rem; padding-bottom: 1.875rem}
.univers-content, .zoom-content, .domaines-content {grid-column: 3 / -3}
.home_univers h2 {
margin: 1.5rem 0;		
font-size: var(--s2);
font-weight: 600;	
line-height: var(--line-height-small)}
.home_univers h3, .domaines-content li {
margin-bottom: 1.875rem;		
font-size: var(--font-size-14);
font-weight: 500;	
line-height: var(--line-height-small);	
text-transform: uppercase}
.home_univers span {
display: inline-block;
margin-bottom: .9375rem;	
width: 1.875rem;
height: 2px;	
background: var(--focus-color)}

.home_domaines {background: var(--fourth-color)}
.zoom-content {padding-bottom: 1.875rem; text-align: center}
.zoom-content img {margin-bottom: .9375rem}
.zoom-content h2 {
margin-bottom: .9375rem;		
font-family: var(--font-secondary);
font-size: var(--font-size-12);	
line-height: var(--line-height);
text-transform: uppercase;
letter-spacing: 2px;	
color: white}
.zoom-content h3 a {
font-size: var(--s3);	
line-height: var(--line-height-small);
color: var(--main-color)}

.domaines-content {
padding: 1.250rem .9375rem;	
background: #eaeaea;	
border-bottom-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius)}
.domaines-content h2 {
margin-bottom:.9375rem;			
font-size: var(--s2);	
font-weight: 600;	
line-height: var(--line-height-small)}
.domaines-content p {
margin-bottom: 1.875rem;		
font-family: var(--font-secondary);	
line-height: var(--line-height)}

.univers-content ul {border-top:1px solid white; list-style: disc;}

.domaines-content ul {border-top:1px solid white}
.domaines-content li {margin-bottom:0; border-bottom:1px solid white}
.domaines-content li a {display: block;padding-top:.9375rem; padding-bottom:.9375rem}

.home_comments {background: var(--second-color)}
.home_comments > * {grid-column: 2 / -2}
.home_comments .autoGrid {
--min-column-size: 22rem;
grid-gap: var(--grid-gap-large)}
.home_comments h2 {
padding: var(--grid-gap-large) 0;	
font-size: var(--s2);
font-weight: 600;	
line-height: var(--line-height-small);	
color: var(--main-color)}
.home_comments .comment {
display: flex;
align-items: center;
justify-content: space-between;
border-top-left-radius: 0;	
font-size: var(--font-size-16)}
.home_comments .comment strong {color: var(--main-color)}
.comment img {margin-left: var(--grid-gap)}
.home_comments .btn {padding: var(--grid-gap-medium) 0 var(--grid-gap-large); text-align: center}

.row_actus .rub-content {--column-count: 2}
.row_actus .rub-header {text-align: left}
.row_actus h2 a {
font-size: var(--s2);	
font-weight: 600}

/* ARTICLE
/* ---------------------------------------------------------------- */
::selection {
background: rgb(18 21 108 / .5);	
color:white}

.rub-header, .rub-content,
.card-header, .card-content {grid-column: 2 / -2}
.rub-content,
.card-content {
--column-count: 2;
display: grid;
gap:var(--grid-gap-large);
grid-template-columns: repeat(var(--column-count), 1fr)}
.rub-content :is(h2, h3) {
margin-top: var(--grid-gap-small);	
font-family: var(--font-secondary);	
font-size: var(--font-size-16);
line-height: var(--line-height-small)}

.card-logo {position: relative}
.card-logo .date {
display: inline-block;
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
padding: var(--grid-gap-small);
background: var(--second-color);
font-size: var(--font-size-12);
text-transform: uppercase;
letter-spacing: 1px;	
font-weight: 600;	
line-height: var(--line-height-small)}

.page_article-compose article {background: var(--second-color)}
.page_article-simple .art-header,
.page_article-compose .art-header,
.rub-header {margin-top: var(--grid-gap-large)}
.rub-header,
.rub-content {margin-bottom: var(--grid-gap-large)}

h1, h2, h3, h4 {font-weight: 400}
p, h5, li, .texteencadre-spip {line-height: var(--line-height)}

.art-header,
.art-logo,
.art-text {grid-column: 2 / -2}
.art-bg {grid-column: 1 / -1; display: none}
.card-logo,
.art-logo,
.art-album picture,
.art-text picture {
overflow: hidden;
border-top-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius)}
.card-logo {
border-radius: var(--border-radius);
border-bottom-left-radius: 0}
.art-text picture {border-bottom-right-radius: var(--border-radius)}
.art-logo {margin-top: var(--grid-gap-large)}
.page_article-simple .art-logo {border-radius: 0}

.art-content {
grid-column: 1 / -1;
margin-top: var(--grid-gap-large)}
.art-content > * {margin-inline:auto}
.art-text {
padding: var(--grid-gap-large) var(--grid-gap-medium);
background: white}
.art-album {
--min-column-size: 16rem;	
grid-column: 2 / -2;
grid-gap: var(--grid-gap-large);
margin-top: var(--grid-gap-large)}

.rub-header,
.art-header {text-align: center}
.art-header :is(.parent, .date) {
margin-bottom: var(--grid-gap-medium);
font-family: var(--font-secondary);
font-size: var(--font-size-14);
letter-spacing: 4px;	
text-transform: uppercase;
color: white}
.art-header .date {color: #666}
 
.seo-header h1, :is(.rub-header, .art-header) h1, .art-text h2, .rub-content :is(h2, h3) {hyphens: auto}

:is(.rub-header, .art-header) h1 {font-size: var(--s3);line-height: 1.15em; color: var(--main-color)} 
:is(.rub-header, .art-header) h1, .art-text :is(h2, h3, h4){font-weight: 600} 
.art-text h2 {font-size: var(--s2); line-height: 1.2em; color: var(--main-color)}   
.art-text h3 {font-size: var(--s1); line-height: 1.35em} 
.art-text h4 {font-size: var(--s0); line-height: 1.35em} 
:is(.rub-chapo, .art-chapo) p {
margin-top: var(--grid-gap-medium);	
font-family: var(--font-secondary);
color: var(--main-color)}
.art-text h5 {font-size: var(--s0)} 
.art-text :is(p, ul) {font-family: var(--font-secondary);color: #555}
.page_article-simple :is(.rub-header, .art-header) h1,
.page_article-simple :is(.rub-chapo, .art-chapo) p {color: black}

.art-text strong {color: var(--main-color); font-weight: 400; background: white}
.art-text i {font-style: normal;color: black}

.art-text :is(p, ul, blockquote) + :is(h2, h3, h4, h5){margin-top: 1.75em}
.art-text :is(p, ul, h2, h3, h4, h5, .texteencadre-spip, blockquote, table) {margin-bottom:.75em}
.art-text picture {margin:1.5rem auto}    

.art-text .texteencadre-spip {
position: relative;
overflow: hidden;
padding:var(--grid-gap-medium);
margin: 1.5em 0;
border:1px solid var(--main-color);
border-radius: 20px;
border-top-left-radius: 0;
font-size: var(--font-size-18);	
color: var(--main-color);
background:none}

.art-text .texteencadre-spip :is(h2, h3, h4, h5) {
line-height: 1.35em;
text-transform: none;
font-size: var(--s2)}

.art-text .texteencadre-spip :is(ul, p) {color: var(--main-color);font-size: var(--font-size-18);	}

.art-text ul.spip {
padding-left:0;
list-style-position:inside}
.art-text ul.spip li {margin-bottom: .125rem}
.art-text ul.spip li::marker {
content:"\002022";
font-size: 1.125rem;
color: black}

.art-text blockquote {
padding-left: 1.5rem;
margin: 1.5rem;
margin-left: 0;	
border-left: 5px solid var(--main-color);
color: black}
.art-text blockquote p {color: black}  

.art-text :is(.texteencadre-spip, blockquote) :is(p, ul):last-child {margin-bottom: 0}  

:is(.art-chapo, .art-text) a {color: black; text-decoration: underline} 
:is(.art-chapo, .art-text) a:active {background-color: rgb(205 203 146 / .5)}
:is(.art-chapo, .art-text) a:is(:hover, :focus) {outline: none}

.scrollToTop {
padding-right: var(--grid-gap);	
padding-bottom: var(--grid-gap-large);
background: white;	
text-align: right}
.scrollToTop a {
text-decoration: underline;
font-size: var(--font-size-12);
text-transform: uppercase;
color: black}

.next_prev,
.next_prev nav {padding-bottom: var(--grid-gap-large)}
.next_prev,
.next_prev .title {
grid-column: 1 / -1;
background: var(--second-color)}
.next_prev .title {
padding: var(--grid-gap-large) 0;	
font-family: var(--font-secondary);
font-size: var(--s3);
line-height: var(--line-height-small);	
color: var(--main-color);	
text-align: center}
.next_prev strong,
.comment strong {
display: block;
margin-bottom: var(--grid-gap-small);	
font-family: var(--font-primary);
font-size: var(--font-size-12);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;	
line-height: var(--line-height-small);	
color: white}
.next_prev img {margin-left: var(--grid-gap)}
.next_prev nav {
--min-column-size: 22rem;
grid-column: 2 / -2;	
grid-gap: var(--grid-gap-large)}
.next_prev a,
.comment {
padding: var(--grid-gap-medium);
border: 1px solid white;
border-radius: 20px;	
font-family: var(--font-secondary);	
font-size: var(--font-size-18);
line-height: 1.25em;	
color: var(--main-color)}
.next_prev :is(.precedent, .precedent-vide) {border-top-left-radius: 0}
.next_prev :is(.suivant, .suivant-vide) {border-top-right-radius: 0}
.precedent, .suivant {display: flex; align-items: center; justify-content: space-between}

@media only screen and (min-width: 52.375rem) {.precedent-vide, .suivant-vide {border-radius: 20px;background: rgb(0 0 0 / .1)}}

/* CH?? - FORMULAIRE
/* ---------------------------------------------------------------------------------- */
.formulaire_spip{display:block;max-width:75rem;margin:0 auto;text-align:left}.formulaire_spip fieldset{position:relative;width:100%;height:100%;background:none;border:none;border-top:10px solid rgb(0 0 0 / .2);padding:0;padding-top:var(--grid-gap-medium)}.formulaire_spip legend{display:block;padding:0 var(--grid-gap-medium);margin-inline:auto;font-size:var(--font-size-24);font-weight:600;text-transform:uppercase;text-align:center;color:var(--main-color)}.formulaire_spip .editer label{display:block;margin-bottom:.75rem;font-family:var(--font-secondary);line-height:1.1em}.coordonnees{margin-bottom:var(--grid-gap-large)}.coordonnees .editer-groupe{display:grid;grid-template-columns:1fr;grid-gap:var(--grid-gap-medium)}.formulaire_spip :is(input[type=email],input[type=text],select,textarea){width:100%;padding:.5rem;background-color:#eee;height:60px;border:none;border-radius:5px;font-size:var(--font-size-20);line-height:var(--line-height)}.formulaire_spip textarea{min-height:300px}.formulaire_spip .boutons{text-align:center}.formulaire_spip [type="submit"]{cursor:pointer;width:100%;height:60px;line-height:60px;border:none;border-radius:5px;background:var(--focus-color);font-size:var(--font-size-20);font-family:var(--font-primary);text-transform:uppercase;color:#FFF}.formulaire_spip [type="submit"]:hover,.formulaire_spip [type="submit"]:focus{outline:none}.formulaire_spip [type="submit"]:active{transform:scale(0.97)}.formulaire_spip .explication p,.formulaire_spip p.explication{margin-top:var(--grid-gap-small);margin-bottom:var(--grid-gap-medium);font-size:var(--font-size-12)}.reponse_formulaire{background:#00c176;padding:1.875rem;margin:1.875rem 0;font-size:1.25rem;line-height:1.333em;text-align:center;color:#000}.reponse_formulaire.reponse_formulaire_erreur{background:#ce1836;color:#fff}.reponse_formulaire p{margin-bottom:0}.reponse_formulaire.reponse_formulaire_ok p,.reponse_formulaire.reponse_formulaire_erreur p{margin-bottom: 0;color:#fff}.erreur_message{display:inline-block;font-size:.875rem;line-height:1.5em;color:#ff5252}.statut .erreur_message{display:block;margin-bottom:.25rem;margin-top:-.5rem}.erreur_message + input[type=text]{border:1px solid #ff5252}


/* CH?? - PLAN DU SITE
/* ---------------------------------------------------------------------------------- */
.plan a {display: block}.plan ul.spip  {list-style:none;margin-bottom:1.5rem}.plan ul.spip li ul.spip ul.spip {margin-bottom:0}.plan h2 {padding: var(--grid-gap-medium);background:var(--third-color);font-size: var(--s0);text-transform: uppercase;letter-spacing: 1px;	line-height: 1.3em;font-weight: 600;color:var(--main-color)}.plan h2 a {color: var(--main-color)}.plan h3 a {padding: .9375rem;background:#eee;font-size: var(--s1);line-height: 1.3em;font-weight: 600}.plan ul.spip li strong a  {background:#eee;padding:var(--grid-gap);font-size:var(--font-size);font-weight: 400;color: black}.plan ul.spip ul.spip li strong a  {background: none;border-bottom:1px solid rgba(0,0,0,.1);padding:var(--grid-gap);font-size:var(--font-size);font-weight: 400;text-transform: uppercase}.plan ul.spip li {border-bottom:1px solid rgba(0,0,0,.1)}.plan ul.spip li:last-child {border-bottom: none}.plan ul.spip > li > a {padding: var(--grid-gap) var(--grid-gap) var(--grid-gap) var(--grid-gap-medium);font-size: var(--font-size);font-family: var(--font-secondary)}