/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}
button,hr,input{overflow:visible;}progress,sub,sup{vertical-align:baseline;}[type="checkbox"],[type="radio"],legend{box-sizing:border-box;padding:0;}html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}details,main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,select{text-transform:none;}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button;}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0;}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px;}fieldset{padding:0.35em 0.75em 0.625em;}legend{color:inherit;display:table;max-width:100%;white-space:normal;}textarea{overflow:auto;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item;}[hidden],template{display:none;}
// If we use tailwind :
// Fonts and reset css// All scss utilities (variables,functions,mixins,placeholders)// Global theme css (body and general classes,links,buttons,titles,ckeditor text)// Page content wrapper,header,footer,breadcrumbs// Various reusable componentes//@todo make separated css files and libraries when possible

////@todo make separated css files and libraries when possible
.Banner-wrapper{display:flex;padding:0.6rem 2rem;align-items:flex-start;gap:2rem;background-color:$color-primary--second;color:$color-primary;margin:0;&.alert{background-color:$color-error--light;color:$color-error;.BannerContent__wysiwyg{a:not(.btn):not(.btn--secondary){color:$color-error;}ul:not(.splide__pagination) li:not(.splide__slide,.Taxonomy)::before{background-color:$color-error;}ol li:not(.splide__slide,.Taxonomy)::before{background-color:$color-error;}}}.Banner-content{margin:0;max-width:100%;text-align:left;font-size:1.8rem;line-height:2.4rem;font-weight:400;color:currentColor;font-family:$fontNormal;flex:1;.Banner__title,h2{font-size:1.8rem;font-weight:700;margin:0.5rem 0;color:currentColor;line-height:2.4rem;font-family:inherit;}p{display:inline;font-family:$fontNormal;}&__wysiwyg{@extend %_ckeditor;a:not(.btn):not(.btn--secondary){color:$color-primary;}ul,ol{margin-top:0.5rem}ul:not(.splide__pagination) li:not(.splide__slide,.Taxonomy)::before{top:.8rem;background-color:$color-primary;}ol li:not(.splide__slide,.Taxonomy)::before{top:0;background-color:$color-primary;}}}.Banner-close{position:static;transform:none;text-indent:0;flex:0 0 auto;width:2.4rem;height:2.4rem;margin-top:0.2em;&:before{content:none;}&:after{content:'';display:inline-block;width:2.4rem;height:2.4rem;mask-image:url($urlShort + 'close.svg');mask-size:contain;mask-repeat:no-repeat;flex:none;background-color:currentcolor;}}}
// Vadiables slider
// Arrow
$arrow-bg:transparent;$arrow-bg--hover:$color-black;$arrow-border-color:$color-black;$arrow-border-style:solid;$arrow-border-width:.1rem;$arrow-border-color--hover:$arrow-bg--hover;$arrow-size--width:5rem;$arrow-size--height:auto;$arrow-size--mobile:5rem;$arrow-radius:2.2rem;$arrow-color:$color-white;$arrow-color--hover:$color-white;$arrow-font-size:3.3rem;$arrow-font-size--mobile:2.7rem;// Pagination
$pagination-gap:.5rem;$pagination-bg:$color-primary;$pagination-bg--active:$color-secondary;$pagination-width:.6rem;$pagination-height:.6rem;$pagination-width--active:1rem;$pagination-height--active:1rem;$pagination-radius:50%;$pagination-radius--active:50%;// Slide
.splide{display:flex;flex-direction:column;&:not(.is-overflow) .splide__list{&:not(:has(article)){justify-content:flex-start;}}&:not(.is-overflow) .splide__slide:last-child{margin:0 !important;}&__arrows{display:flex;justify-content:center;gap:3rem;}&__arrow{width:$arrow-size--width;height:$arrow-size--height;border:$arrow-border-width $arrow-border-style $arrow-border-color;color:$arrow-color;background:$arrow-bg;opacity:1;padding-block:0.8rem;padding-inline:0.8rem;border-radius:$arrow-radius;@include tablet{width:$arrow-size--width;height:$arrow-size--height;}[class^="icon-"]{font-size:$arrow-font-size;color:currentcolor;@include tablet{font-size:$arrow-font-size--mobile;}// à supprimer quand font svg sera ok
      &::before{display:none;}svg{max-height:max-content;transform:none;fill:white;}// fin à supprimer}&:hover:not(:disabled),&:focus-visible{color:$arrow-color--hover;background:$arrow-bg--hover;opacity:1;border-color:$arrow-border-color--hover;}&--prev,&--next{position:static;transform:none;color:$color-black;&::after{content:'';display:inline-block;vertical-align:middle;width:2.5rem;height:2.4rem;margin:auto 0;mask-image:url($urlShort + 'arrow-right.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;transition:tranform .35s;}}&--prev{&::after{mask-image:url($urlShort + 'arrow-left.svg');}}}&__slide{padding-bottom:.1rem;.Media--svg img{vertical-align:baseline;}}&__pagination{position:relative;bottom:0;display:flex;align-items:center;margin:2rem auto 0;padding:0;column-gap:$pagination-gap;> li{display:flex;&::before{display:none!important;}}&__page{width:$pagination-width;height:$pagination-height;margin:0;border-radius:$pagination-radius;background:$pagination-bg;opacity:.5;&:hover,&:focus-within,&.is-active{background:$pagination-bg--active;opacity:1;}&.is-active{width:$pagination-width--active;height:$pagination-height--active;border-radius:$pagination-radius--active;transform:none;}}}&__track{margin-bottom:3rem;order:-1;}}
.GridLayoutFeedWrapper{background-color:$color-white;height:8.5rem;& .GridLayoutFeed,& .GridLayoutFeed__slider{display:none;}&.home{height:25rem;}&.processed{height:auto;.GridLayoutFeed:not(.isEmpty){display:grid;}.GridLayoutFeed__slider:not(.isEmpty){display:flex;}}}.GridLayoutFeed{&.isEmpty{display:none;}}.GridLayoutFeed,.GridLayoutFeed__slider{background-color:$color-white;& ~ *:not([class^="hidden"]){position:relative;}.ThreeElements{gap:0;.ThreeElements__title{//transform Translation breaks hover on pseudo element
      margin-top:0;margin-bottom:-0.2rem;font-size:3.8rem;}.ThreeElements__title,.ThreeElements__link{width:100%;}.ThreeElements__footer{margin-top:1rem;}&:hover,&:focus-within,&:focus-visible{background-color:$color-light;.ThreeElements__title{margin-top:-0.2rem;margin-bottom:0;}}&__link{color:$color-black;text-decoration:none;display:flex;flex-wrap:wrap;}}}@include more-than($desktop-min-width){.GridLayoutFeed{background-color:$color-white;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;position:relative;margin-bottom:-0.1rem;margin-right:-0.1rem;&::after{content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:0.1rem;background-color:$color-white;}.ThreeElements__title{line-height:4rem;}& > *{border-right:0.1rem solid $color-primary;border-bottom:0.1rem solid $color-primary;&:nth-child(1),&:nth-child(2){grid-row:1 / span 2;}&:not(:nth-child(1),:nth-child(2)){.ThreeElements__title{font-size:$font-size--5;line-height:2.4rem;}}}}}@include screenMaxWidth($desktop-min-width){.GridLayoutFeed{border-bottom:0.1rem solid $color-primary;.ThreeElements__title{font-size:$font-size--2-mobile;line-height:1;}}}.GridLayoutFeed__slider{margin-bottom:-0.1rem;@include screenMaxWidth(480px){.splide__slide{width:100% !important;}}.splide__slide:not(:last-of-type) .ThreeElements{border-right:0.1rem solid $color-black;}.splide__track{margin-bottom:0;border-bottom:0.1rem solid $color-black;@include tablet{padding:0 6.1rem !important;}}.splide__arrow__wrapper{position:absolute;z-index:2;height:calc(100% - 0.1rem);top:0;width:6.1rem;display:flex;align-items:center;padding:1rem;background-color:#fff9;transform:translateX(0);transition:transform 0.250ms ease-in-out;&.disabled{opacity:1;.splide__arrow{border-color:#a7acb2;color:#a7acb2;}}}.splide__arrow__wrapper--prev{left:0;border-right:0.1rem solid $color-black;}.splide__arrow__wrapper--next{right:0;border-left:0.1rem solid $color-black;&.disabled{opacity:1;.splide__arrow{border-color:#a7acb2;color:#a7acb2;}}}.splide__arrow{padding-inline:0.5rem;padding-block:0;height:3.2rem;opacity:1;background:white;&:hover,&:focus-visible{background-color:$color-black;}}@include screenMaxWidth(540px){&.onMiddleSlides{.splide__slide > .ThreeElements{border-right:none;}}}}.GridLayoutFeedWrapper:not(.home){.ThreeElements__title{margin-bottom:0;}.ThreeElements__footer{display:none;}.splide .ThreeElements__title{//margin:4rem 0 2rem;font-family:$font-title;line-height:1.2;color:$color-title;font-size:1.8rem;font-weight:400;}&.whattodo_nantes{.splide .ThreeElements__title{font-family:$fontExtended;font-size:1.6rem;}}.splide__track{padding:0 6.1rem !important;}}
.Node{&__header,&__paragraphs{max-width:$paragraph-content-max-width;width:100%;@include screenMaxWidth($site-content-max-width){max-width:100%;}}}
// Variables
$nodeTeaserNews-content-padding:2rem 0 0;$nodeTeaserNews-cover-height:18rem;$nodeTeaserNews-cover-height--mobile:20rem;// Date
$nodeTeaserNews-date-color:$color-black;$nodeTeaserNews-date-f-size:1.6rem;$nodeTeaserNews-date-f-weight:500;$nodeTeaserNews-date-margin:0 0 0 auto;// Chapo
$nodeTeaserNews-desc-margin:1rem 0 0;// No image
$nodeTeaserNoImage-padding:0 0 2.5rem;$nodeTeaserNoImage-padding--mobile:0;.NodeNewsTeaser{.splide__slide &{height:100%;}border:0.1rem solid $color-black;background-color:$color-white;border-radius:0.7rem;padding:2rem;display:flex;flex-wrap:wrap;flex-direction:column;position:relative;.NodeTeaser{&__link{flex-direction:column;}&__cover{height:$nodeTeaserNews-cover-height;overflow:hidden;margin:-2rem -2rem 0;border-radius:0.7rem 0.7rem 0 0;img{aspect-ratio:346/180;}@include mobile{height:$nodeTeaserNews-cover-height--mobile;}}&__content{display:flex;flex-direction:row;flex-wrap:wrap;padding:$nodeTeaserNews-content-padding;flex:1;}&__date{margin:$nodeTeaserNews-date-margin;font-size:$nodeTeaserNews-date-f-size;font-weight:$nodeTeaserNews-date-f-weight;color:$nodeTeaserNews-date-color;time{width:max-content;display:block;}}&__chapo{margin:$nodeTeaserNews-desc-margin;}&__thematics{margin-block-start:auto;margin-right:auto;.thematic{background-color:$color-black;font-family:$fontCondensed;color:$color-white;font-size:1.8rem;font-weight:400;line-height:1.2;padding:.45rem 1rem .1rem 1rem;width:fit-content;border-radius:1.3rem;}}&__thematics,&__date{margin-top:auto;}&__title{font-weight:600;font-size:$font-size--4;margin-bottom:4rem;flex:1 0 100%;@include mobile{font-size:3.6rem;margin-bottom:2rem;}a{color:currentColor;&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}}}}&:not(:has(.NodeTeaser__cover img)){.NodeTeaser{&__content{padding:0;}&__cover{display:none;}}}}.NodeTeaserNoImage{padding:$nodeTeaserNoImage-padding;border-bottom:$color-gray solid .1rem;@include mobile{padding:$nodeTeaserNoImage-padding--mobile;border-bottom:none;}}
.Node{&__subContent{.content-satisfaction{position:relative;z-index:1;max-width:545px;margin:auto;padding:3.5rem 0;&:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(var(--vw,1vw) * 100);height:100%;background-color:$color-primary;}[type=submit]{margin:auto;}.captcha__description{color:$color-white;}.form-item-captcha-response{color:$color-white;}.webform-confirmation__message,.webform-confirmation__back a{color:$color-white;}.form-item--error-message{background:white;border-radius:.3rem;padding:1rem 1.5rem;}}h3{position:relative;font-size:$font-size--4;margin:0 0 2rem;text-align:center;color:$color-white;}form{position:relative;z-index:1;}.fieldset.webform-composite-hidden-title{margin:0;}.fieldset-wrapper{display:flex;justify-content:center;}.webform-options-display-two-columns{display:flex;width:100%;justify-content:center;column-gap:1rem;margin:0;}.form-item.form-type-radio{grid-template-columns:auto;position:relative;text-transform:uppercase;appearance:none;cursor:pointer;border-radius:0;justify-content:center;align-items:center;width:fit-content;height:fit-content;min-height:4rem;transition:.25s ease-in-out;label{font-family:$fontCondensed;font-size:2rem;font-weight:600;cursor:pointer;padding:.5rem 1rem .2rem;height:100%;line-height:1.6;}input{z-index:-1;position:absolute;}}.form-item.form-type-radio:first-child{background-color:$color-black;border:.1rem solid $color-black;&:focus-within{outline:0.2rem solid $color-white;outline-offset:0.2rem;}label{color:$color-white;}}.form-item.form-type-radio:last-child{background-color:$color-white;border:.1rem solid $color-white;&:focus-within{outline:0.2rem solid $color-white;outline-offset:0.2rem;}label{color:$color-black;}}.form-item{label,p,a{color:$color-white;}a.btn:hover{color:$color-black;}}.text-count-wrapper{color:$color-white;}}&:not(.hasSideBar){.Node{&__header,&__paragraphs{margin:auto;}}}}body.page-node-type-page,body.page-node-type-big-project,body.page-node-type-news,body.page-node-type-help,body.page-node-type-service,body.page-node-type-cafeteria-list,body.page-node-type-episode,body.page-node-type-equipment,body.page-node-type-association,body.page-node-type-school-strike-page,body.page-node-type-elected-officials-agenda{#Page{background:$color-primary--second;}.Node{&__header,&__paragraphs{max-width:$paragraph-content-max-width;width:100%;}&__chapo{text-align:left;}&__paragraphs{margin-bottom:4rem;}}}*.hasSideBar{.Node__content{position:relative;min-height:20rem;}.Node__sidebar{float:right;margin-left:2rem;width:34rem;@include tablet{float:none;margin-left:0;width:auto;}& + .Node__mainContent{display:flow-root;}&__return{margin-bottom:2rem;}}.ParagraphFeed:not(:is(.ParagraphManualNewsFeed,.ParagraphManualEventsFeed,.ParagrahFeed--news,.ParagrahFeed--projects,.ParagrahFeed--equipments)) .splide__track{overflow:hidden;@include mobile{overflow:visible;}}}
.Node__related-content{padding-block-end:8rem;padding-block-start:4rem;background-color:white;&__title{padding:0 2.5rem;text-align:center;max-width:95rem;margin:0 auto 4rem;}& > a{margin:0 auto;}.splide{width:100%;margin:0 auto;padding:0 2rem;max-width:$site-content-max-width;&__track{overflow:visible;}+ .btn{margin-top:3rem;}}.splide__slide:not(:has(article)){width:100%!important;text-align:center;}section:not(.splide){margin:0 auto;padding:0 2rem;max-width:$site-content-max-width;.splide__slide:only-child{flex-shrink:1;width:33.33%;@include tablet{width:50%;}@include mobile{width:100%;}}}}
.NodeTeaser{&__link{display:flex;text-decoration:none;&:hover,&:focus-within{text-decoration:none;}}&__cover{order:-1;figure,picture{width:100%;height:100%;}img{width:100%;height:100%;object-fit:cover;}}&__title{margin:$nodeTeaser-title-margin;font-size:$nodeTeaser-title-f-size;font-weight:$nodeTeaser-title-f-weight;color:$nodeTeaser-title-color;}&__chapo{margin:$nodeTeaser-desc-margin;font-size:$nodeTeaser-desc-f-size;font-weight:$nodeTeaser-desc-f-weight;color:$nodeTeaser-desc-color;}&__thematics{max-width:70%;& > ul{display:flex;flex-wrap:wrap;gap:1rem;}ul li{display:inline-flex;width:fit-content;padding:$nodeTeaser-tag-padding;border-radius:$nodeTeaser-tag-radius;font-size:$nodeTeaser-tag-f-size;font-weight:$nodeTeaser-tag-f-weight;color:$nodeTeaser-tag-color;text-transform:$nodeTeaser-tag-f-transform;background:$nodeTeaser-tag-bg;}}&__date{max-width:25%;font-size:$nodeTeaser-date-f-size;font-weight:$nodeTeaser-date-f-weight;color:$nodeTeaser-date-color;font-family:$fontCondensed;line-height:2.4rem;}&__address{font-size:$nodeTeaser-address-f-size;font-weight:$nodeTeaser-address-f-weight;color:$nodeTeaser-address-color;}&__details{display:flex;}}
.ThreeElements{position:relative;display:flex;flex-wrap:wrap;gap:1rem;padding:2rem;background-color:$color-white;&__footer{display:flex;gap:0.6rem;justify-content:space-between;width:100%;}&__title{margin-block-start:0;font-size:$font-size--3;font-family:$font-title;font-weight:600;text-wrap:balance;flex:1 0 100%;}&__title a,&__link{outline-width:0;outline-style:solid;text-decoration:none;color:$color-black;}&__title a::before,&__link::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;outline-offset:0.2rem;outline-color:inherit;}&__title a:focus-visible::before,&__link:focus-visible::before{outline-style:solid;}&__thematic,&__date{margin-top:auto;line-height:normal;}&__thematic{margin-right:auto;background-color:$color-black;font-family:$fontCondensed;color:$color-white;font-size:1.6rem;font-weight:400;line-height:1.2;padding:.45rem 1rem .1rem 1rem;width:fit-content;border-radius:1.3rem;}&__date{flex:0 0 auto;font-size:1.6rem;letter-spacing:0.05rem;font-family:$fontCondensed;line-height:2.4rem;margin-left:auto;}.splide &{height:100%;.ThreeElements__title{font-size:$font-size--5;line-height:2.4rem;}.ThreeElements__title a:focus-visible::before{outline-offset:-0.4rem;}}}
$background-colors:('blue':(bg:$color-primary,text:$color-white),'grey':(bg:$color-light,text:$color-text),'orange':(bg:$color-tertiary,text:$color-text),'green':(bg:$color-secondary,text:$color-text));.Node__paragraphs{& > .Paragraph{margin-bottom:$p-margin-bottom;@include mobile{margin-bottom:3rem;}}> .container{> .Paragraph:not([class*="bg-"],.ParagraphMeshPromo){margin-bottom:$p-margin-bottom;@include mobile{margin-bottom:3rem;}}> .Paragraph[class*="bg-"] + .Paragraph:not([class*="bg-"],.ParagraphMeshPromo){margin-top:$p-margin-bottom;@include mobile{margin-top:3rem;}}}}.Paragraph{width:100%;@each $name,$styles in $background-colors{&.bg-#{$name}{position:relative;> *{position:relative;}&:before{content:'';height:100%;width:calc(var(--vw,1vw) * 100);position:absolute;top:0;left:50%;transform:translateX(-50%);background-color:map-get($styles,bg);}@for $i from 1 through 6{h#{$i}{color:map-get($styles,text);}}.Paragraph{&__title,&__description,a{color:map-get($styles,text);}}:focus-visible,.is-focus-in .splide__arrow:focus{outline-color:map-get($styles,text);}}}&.is-spotlight{border:1px solid $color-primary;background-color:$color-white;padding:3rem 3.5rem;color:$color-primary;border-radius:.6rem;@for $i from 1 through 6{h#{$i}{color:$color-primary;}}.Media__legend{color:$color-primary;}.btn--secondary{border-color:$color-black;}}.disable-auto{width:100%;}.disable-auto__click{flex:1 0 100%;position:relative;width:100%;min-height:40rem;display:flex;padding-inline:2rem;background-color:$color-black;color:$color-white;align-items:center;justify-content:center;cursor:pointer;span{font-family:$fontCondensed;background:#fff;color:#000;font-weight:bold;padding:1.2rem 1.1rem 0.8rem;text-transform:uppercase;line-height:normal;}&:hover,&:focus-visible{text-decoration-color:transparent;}}&__title{margin:0 0 2rem;}h3{margin:0 0 2rem;}img{max-width:100%;}iframe{min-height:15rem;width:100%;}&__links{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 0;}}.wysiwyg,.ParagraphWysiwyg{@extend %_ckeditor;}
@font-face{font-family:"PictosFont";src:url(/themes/custom/nantes/assets/static/fonts/PictosFont.woff?1c45487eaf0c40c67b8d61a4c8720100=) format("woff"),url(/themes/custom/nantes/assets/static/fonts/PictosFont.woff2?1c45487eaf0c40c67b8d61a4c8720100=) format("woff2"),url(/themes/custom/nantes/assets/static/fonts/PictosFont.svg?1c45487eaf0c40c67b8d61a4c8720100=#PictosFont) format("svg");}span[class^="icon-"]:before,span[class*=" icon-"]:before{font-family:PictosFont !important;font-style:normal;font-weight:normal !important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-home:before{content:"\f102";}.icon-filter:before{content:"\f103";}.icon-facebook:before{content:"\f104";}.icon-edit-pencil:before{content:"\f105";}.icon-clock:before{content:"\f106";}.icon-check-circle:before{content:"\f107";}.icon-calendar:before{content:"\f108";}.icon-blockquote-open:before{content:"\f109";}.icon-blockquote-close:before{content:"\f10a";}.icon-arrow-right:before{content:"\f10b";}.icon-arrow-right-thin:before{content:"\f101";}.icon-arrow-left-thin:before{content:"\f102";}.icon-question-mark-circle:before{content:"\f103";}.icon-navigation:before{content:"\f104";}.icon-eye-empty:before{content:"\f10c";}.icon-cancel:before{content:"\f10d";}.icon-file:before{content:"\f10e";}.icon-arrow-left:before{content:"\f10f";}.icon-pin-alt:before{content:"\f110";}.icon-menu:before{content:"\f111";}.icon-loupe:before{content:"\f112";}.icon-double-chevron-right:before{content:"\f113";}.icon-double-chevron-left:before{content:"\f114";}.icon-chevron-right:before{content:"\f115";}.icon-chevron-left:before{content:"\f116";}
// Handles classes for icon in button,add the name of the icon.svg,the class will be .btn--icon--{icon_name};$icons:loupe,telegram,arrow-right-blue,send,close;button:not[class^="splide__"],[type="button"]:not[class^="splide__"]{border:none;background:transparent;appearance:none;cursor:pointer;}.button,.btn,.cta-primary{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;min-height:4rem;padding:$btn-padding;border:$btn-border-width $btn-border-style $btn-border-color;border-radius:$btn-border-radius;font-family:$btn-font-family;font-size:$btn-font-size;line-height:$btn-font-line-height;font-weight:$btn-font-weight;color:$btn-color;text-decoration:none;text-transform:$btn-text-transform;appearance:none;cursor:pointer;background-color:$btn-bg;word-break:break-word;transition:{duration:$duration;timing-function:$timing;}span{display:contents;font-weight:400;}@include mobile{padding:$btn-padding--mobile;font-size:$btn-font-size--mobile;}&:hover,&:focus-visible{color:$btn-color--hover;background-color:$btn-bg--hover;border-color:$btn-border-color--hover;}&--secondary,.cta-secondary{padding:$btn-second-padding;border-radius:$btn-second-border-radius;color:$btn-second-color;background-color:$btn-second-bg;border-color:$btn-second-border-color;border-width:$btn-second-border-width;@include mobile{padding:$btn-second-padding--mobile;}&:hover,&:focus-visible{color:$btn-second-color--hover;background-color:$btn-second-bg--hover;border-color:$btn-second-border-color--hover;}}&--tertiary{padding:$btn-third-padding;border-radius:$btn-third-border-radius;font-weight:$btn-third-font-weight;color:$btn-third-color;background-color:$btn-third-bg;border-color:$btn-third-border-color;border-width:$btn-third-border-width;&::before{width:1.4rem;height:1.4rem;margin:auto;content:'';inset:0;mask-image:url($urlShort + 'arrow-right-blue.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;}&:hover,&:focus-visible{color:$btn-third-color--hover;background-color:$btn-third-bg--hover;border-color:$btn-third-border-color--hover;}}// svg@each $icon in $icons{&--icon--#{$icon}{&::before,&::after{display:inline-block;width:1.8rem;height:1.8rem;margin:auto;inset:0;mask-image:url($urlShort + '#{$icon}.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;@include mobile{width:1.6rem;height:1.6rem;}}}}&--icon--left{&::before{content:'';}&::after{display:none;}}&--icon--right{&::before{display:none;}&::after{content:'';}}// à supprimer (peut-être car on gère le border radius dans les btn/secondary/tertiary)
  &--square{border-radius:0;}&--rounded{border-radius:.4rem;}&--half-rounded{border-radius:2.2rem;}// fin à supprimer

  &--variant{font-weight:$btn-variant-font-weight;color:$btn-variant-color;// à voir pour remplacer par un btn--variant?  car utilisable à plusieurs endroits
    background-color:$btn-variant-bg;border-color:$btn-variant-border-color;&:hover,&:focus-visible{color:$btn-variant-color--hover;background-color:$btn-variant-bg--hover;border-color:$btn-variant-border-color--hover;}}}.btn--close{display:$btn-close-display;align-items:$btn-close-align-items;padding:$btn-close-padding;border:$btn-close-border;font-family:$btn-font-family;font-size:$btn-font-size;font-weight:$btn-font-weight;color:$btn-close-color;background:$btn-close-background;gap:$btn-close-gap;cursor:$btn-close-cursor;&::after{display:inline-block;width:$btn-close-icon-width;height:$btn-close-icon-height;content:"";mask-image:url($urlShort + 'xmark.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;}&:hover{text-shadow:$btn-close-text-shadow--hover;}}.bt-popin--search,:not([hidden]).bt-popin--search{&::after{background-color:#ffffff;mask-image:url($urlShort + 'search.svg');}}
html{scroll-behavior:smooth;}div .hasSummary{[id]{scroll-margin-top:calc(var(--header-height,8rem) * 2 + var(--custom-toolbar-offset,0px));}body.js-scrolled &{[id]{scroll-margin-top:calc(var(--header-height,8rem) + var(--custom-toolbar-offset,0px));}}body.gin--horizontal-toolbar &{--custom-toolbar-offset:calc(var(--gin-toolbar-y-offset) / 2 - 6px);}}#NodeSummary{padding:2rem;background-color:$color-white;margin-bottom:2rem;h2{font-weight:300;color:$color-black;*{font-weight:inherit;color:currentColor;}}#SummaryTrigger{padding:0;}@include more-than($tablet-width){#SummaryTrigger{pointer-events:none;}&.sticky{position:fixed;width:34rem;top:calc(var(--total-header-y-offset,8rem) + 1rem);overflow-y:auto;overflow-x:hidden;}&.sticky.overflowed{height:calc(100vh - var(--total-header-y-offset,0px) - 2rem);}&.scrollEnd{position:absolute;bottom:0;top:auto;}&.sticky.scrollEnd{height:auto;}}h2{margin-top:0;font-size:$font-size--4;}ul{font-size:$font-size--6;}ul li{line-height:1.5;padding-block:0.8rem;padding-inline:2rem;margin-inline:-2rem;&.active{border-left:0.3rem solid $color-primary;}}ul li a{text-decoration:none;color:$color-black;display:block;}ul li.active a{font-weight:700;color:$color-primary;padding-inline-start:1rem;}//Tablet / Mobile behavior@include tablet{h2{margin-bottom:0;display:flex;align-items:center;pointer-events:none;font-size:2.8rem;line-height:2.4rem;*{line-height:inherit;}&::after{display:inline-block;height:2rem;content:'';min-width:3rem;mask-image:url($urlShort + 'arrow-down-big.svg');mask-size:auto;mask-repeat:no-repeat;mask-position:center;background-color:$color-black;pointer-events:none;}}#SummaryTrigger{flex:1;text-align:left;pointer-events:auto;position:relative;font-weight:300;margin-block-end:-0.2rem;padding-block-start:0.2rem;&::after{content:"";position:absolute;top:-2rem;bottom:-2rem;left:-2rem;right:-5rem;}}#SummaryNav{display:none;}&.js-summaryNav-open{h2{margin-bottom:2rem;&::after{transform:rotateX(180deg);}}#SummaryNav{display:block;}}}}
.contentHeader{position:relative;padding:6rem 0 3rem;margin-bottom:3rem;@include mobile{padding:3.5rem 0;margin-bottom:0;}h1{margin:0 auto 2rem;max-width:90rem;text-align:center;font-family:$fontCondensed;font-size:8.8rem;font-weight:300;line-height:1;@include mobile{font-size:6.6rem;}}}.Node{&__header{@include tablet{margin-top:4rem;}}&__date{max-width:90rem;margin:2rem auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 2rem;font-size:1.8rem;line-height:2.6rem;}&__chapo{margin:0 0 3rem;font-family:$fontCondensed;font-size:$font-size--3;font-weight:400;line-height:4.2rem;text-align:center;@include mobile{font-size:3.2rem;line-height:3.4rem;}}&__keywords{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;&:nth-last-of-type(1){margin-bottom:1rem;}&:has(+ .Node__chapo){margin-bottom:3rem;}a,.thematic{background:$color-black;border:.1rem solid $color-black;color:$color-white;font-family:$fontCondensed;font-size:1.8rem;line-height:1;font-weight:500;min-height:2.8rem;padding:.45rem 1rem .3rem 1rem;border-radius:3rem;display:flex;align-items:center;text-decoration:none;}a{&:hover,&:focus-visible{background:$color-white;color:$color-black;}}}&__city{margin-top:1.5rem;display:flex;gap:1rem;a{font-family:$fontCondensed;color:$color-black;font-size:1.8rem;font-weight:600;text-transform:uppercase;text-decoration-color:transparent;&:hover,&:focus-visible{text-decoration-color:$color-black;}}}&__unique_office,&__services_help_perimeter{border:.1rem solid $color-black;background:$color-white;margin-bottom:1rem;.blockTitle{font-family:$fontCondensed;font-size:2.2rem;font-weight:600;line-height:2.4rem;}}&__unique_office{display:flex;align-items:center;.blockContent{padding:2rem;a{margin-top:2rem;}}.Media{width:12rem;height:100%;flex:none;}img{width:auto;height:100%;}a:not(.button)[target=_blank]{flex-direction:row-reverse;&::after{margin-left:auto;margin-right:.5em;width:2rem;height:2rem;}}}&__services_help_perimeter{padding:2rem;.blockText{margin-top:1rem;font-size:1.8rem;line-height:2.6rem;}}&__links_area{margin-bottom:4rem;a{font-weight:600;font-size:2.2rem;line-height:2.4rem;color:$color-black;padding:0 5rem 0 2rem;text-decoration:none;margin-bottom:1rem;min-height:8.5rem;background-color:$color-light;position:relative;display:flex;align-items:center;&:last-child{margin-bottom:0;}&::before{@extend %_arrow-right;position:absolute;right:1.5rem;top:0;bottom:0;margin:auto;}&::after{display:none;}&[target="_blank"]{span:after{@extend %_externalLink;}}&:hover,&:focus-visible{padding:0 4.5rem 0 2.5rem;}}}&__list_page_link{margin-bottom:3rem;a{display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;min-height:4rem;padding:$btn-padding;border:$btn-border-width $btn-border-style $btn-border-color;border-radius:$btn-border-radius;font-family:$btn-font-family;font-size:$btn-font-size;line-height:$btn-font-line-height;font-weight:$btn-font-weight;color:$btn-color;text-decoration:none;text-transform:$btn-text-transform;appearance:none;cursor:pointer;background-color:$btn-bg;transition:{duration:$duration;timing-function:$timing;}@include mobile{padding:$btn-padding--mobile;font-size:$btn-font-size--mobile;}&:hover,&:focus-visible{color:$btn-color--hover;background-color:$btn-bg--hover;border-color:$btn-border-color--hover;}}}}
.Media{display:flex;&:has(figcaption){flex-direction:column;}picture{display:contents;}&__legend{font-family:$fontCondensed;font-size:2rem;line-height:normal;margin-block:1rem;&__value{display:inline-block;}a{color:$color-primary;text-decoration:underline;text-decoration-color:currentColor;transition:.25s ease-in-out;&:hover,&:focus{text-decoration-color:transparent;}}}&.MediaRemoteVideo,&.MediaVideo{flex-wrap:wrap;iframe{background:#000;}}}.splide__slide .Media__legend{margin-bottom:-0.2rem;}.ParagraphMedia .splide__slide{display:flex;justify-content:flex-start;align-items:flex-start;}.ParagraphMedia .splide__slide .MediaImage{display:block;width:100%;& > *:not(figcaption){display:block;text-align:left;}img{//width:100%;aspect-ratio:34.6 / 20;object-fit:cover;}picture{text-align:left;}}
.ParagraphMedia{// Nothing

  &--media{.splide__slide:only-child{width:100%;}}&--media_audio{figure{flex:1 0 100%;}audio,iframe{width:100%;}iframe{margin:2rem 0;}}&--media_audio,&--media_videos{.paragraph__media{display:flex;flex-wrap:wrap;gap:2rem;}}&--media_videos.Paragraph{.Media{flex:1 0 100%;}.Media__wrapper{height:0;position:relative;padding-bottom:56.25%;width:100%;flex:1 0 auto;}.media-oembed-content{height:100%;position:absolute;width:100%;}iframe,video{position:absolute;width:100%;height:100%;top:0;left:0;min-height:auto;}.disable-auto{flex:1 0 auto;position:relative;width:100%;min-height:40rem;display:flex;padding-inline:2rem;background-color:$color-black;color:$color-white;justify-content:center;button{color:inherit;text-decoration:underline;}&.processed{height:0;padding-bottom:56.25%;width:100%;min-height:auto;.player{max-width:100%!important;height:100%!important;}.media-oembed-content{height:100%!important;width:100%!important;position:absolute;iframe,video{height:100%!important;width:100%!important;}}}}}}.ParagraphMedia .splide__track:not(.splide__track--slide) .splide__slide .MediaImage img{aspect-ratio:auto;}
.ParagraphUsefulLinks{display:flex;flex-direction:column;align-items:center;row-gap:2rem;flex:1;text-align:center;justify-content:space-between;&__description{max-width:24rem;width:100%;font-family:$fontCondensed;font-size:2.3rem;line-height:1;font-weight:600;}}
.NodeHub,.Node404{.Node__paragraphs > .container{.ParagraphWysiwyg{position:relative;margin:0;padding-block:6rem;text-align:center;&:before{content:'';height:100%;width:calc(var(--vw,1vw) * 100);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;background-color:$color-light;}.Paragraph__links{justify-content:center;}}}}
// variables
$quickAccess-media-width:4rem;$quickAccess-media-height:$quickAccess-media-width;$quickAccess-media-width--mobile:4rem;$quickAccess-media-height--mobile:$quickAccess-media-width--mobile;.block-quick-access{.Media{width:$quickAccess-media-width;height:$quickAccess-media-height;@include mobile{width:$quickAccess-media-width--mobile;height:$quickAccess-media-height--mobile;}img{width:100%;height:100%;object-fit:cover;}}}ul:has(.TaxonomyQuickAccess){display:grid;grid-template-columns:repeat(5,1fr);gap:2rem 1.5rem;padding:0 7rem;max-height:100%;@include tablet{gap:1.5rem;grid-template-columns:repeat(3,1fr);}@include mobile{grid-template-columns:repeat(2,1fr);padding:0;}li{position:relative;min-height:20rem;max-width:20.5rem;top:0;transition:$duration ease-in-out;@include mobile{min-height:16rem;}&:hover,&:focus-visible{top:-1rem;@include mobile{top:0;}}}}.TaxonomyQuickAccess{&__link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;border:.1rem solid $color-primary;border-radius:.7rem;text-align:center;background:$color-white;color:$color-text;text-decoration:none;width:100%;height:100%;@include mobile{padding:1rem;}&::after{display:none!important;}}&__text{font-size:2rem;line-height:2.3rem;color:$color-black;margin-top:2rem;min-height:4.7rem;@include mobile{margin-top:1rem;min-height:4rem;font-size:1.9rem;line-height:2rem;}}&__icon{order:-1;img{height:6rem;width:auto;@include mobile{height:4rem;}}}}
// CUSTOM PROPERTIES

$xs-width:480px;$mobile-width:719px;$desktop-min-width:991px;//992px might be the minimum for laptop / desktops
$paragraph-width:840px;$tablet-width:1179px;$tablet-width-min:720px;$site-content-max-width:1320px;$screenSizes:("--bp-xs":$xs-width,"--bp-mobile":$mobile-width,"--bp-tablet":$tablet-width,"--bp-min-desktop":$desktop-min-width,"--bp-desktop":$site-content-max-width);:root{--header-height:80px;--mobile-width:719;@each $name,$screenSize in $screenSizes{#{$name}:#{$screenSize};}// colors
  --color-primary:#005AE1;--color-secondary:#00CA64;--color-tertiary:#FF674A;--color-primary--rgb:0,90,225;--color-secondary--rgb:0,202,100;--color-primary--second:#F0F6FF;--color-secondary--second:#D9F7E8;--color-secondary--second-2:#DFFFEF;//Background of commitments on Homepage
  --color-secondary--second-2--mobile:#EBFBF3;//Background of commitments on Homepage (mobile)
  --color-tertiary--second:#FFECE8;--color-error:#C60505;--color-error--light:#FFE6E6;// colors basics
  --color-white:#ffffff;--color-light:#F7F7F7;--color-gray:#343434;--color-gray--dark:#343434;// Meilleur nom à trouver
  --color-gray--darker:#3A3A3A;--color-dark:black;--color-black:black;// Forms
  --form-item-spacing:2rem 0;--form-label-font-size:1.6rem;--form-label-font-weight:500;--form-label-spacing:1rem;--form-label-color:var(--color-dark);--form-input-background:var(--color-white);--form-input-min-height:4.8rem;--form-input-placeholder-color:var(--color-gray--darker);--form-input-border-color:var(--color-gray--dark);--form-input-border-style:solid;--form-input-border-width:0.1rem;--form-input-border-radius:0.2rem;--form-input-padding-y:1rem;--form-input-padding-x:2rem;--form-input-font-size:1.8rem;--form-input-border-color--focus:var(--color-black);--form-input-border:var(--form-input-border-width) var(--form-input-border-style) var(--form-input-border-color);--form-input-border--focus:var(--form-input-border-width) var(--form-input-border-style) var(--form-input-border-color--focus);--form-description-spacing:0.5rem;--form-description-font-size:1.2rem;--form-select-box-shadow:0 0 1.6rem 0.5rem rgb(0 0 0 / 6%);--form-select-option-padding-y:1.2rem;--form-select-option-padding-x:2rem;--form-select-padding-right:3.4rem;--form-select-indicator-right:1rem;--form-select-indicator-color:var(--color-primary);--form-select-option-background-color--active:var(--color-tertiary);--form-select-option-color--active:var(--color-secondary);--form-select-multiple-padding-y:0.8rem;--form-select-multiple-padding-x:2rem;--form-select-multiple-offset:-1.2rem;--form-select-multiple-item-margin-right:1.2rem;--form-select-multiple-item-color:var(--color-secondary);--form-select-multiple-item-background-color:var(--color-tertiary);--form-select-multiple-remove-button:var(--color-secondary);--form-select-multiple-remove-button-margin-left:0.4rem;--form-select-multiple-remove-button-padding-y:0;--form-select-multiple-remove-button-padding-x:0.6rem;--form-select-multiple-remove-button-background-color:var(--color-tertiary);--form-checkbox-label-font-weight:400;--form-checkbox-input-color:var(--color-secondary);--form-checkbox-label-font-size:1.8rem;--outline-offset:0rem;--outline-style:solid;--outline-width:0.4rem;--outline-color:var(--color-tertiary);--outline:var(--outline-width) var(--outline-style) var(--outline-color);}
.region--content:has(.user-login-form),.region--content:has(.user-pass),.region--content:has(.user-register-form){padding:10rem 2.5rem;max-width:$paragraph-content-max-width;width:100%;margin:auto;@include mobile{max-width:100%;}.openid-connect-login-form{display:flex;flex-direction:column;row-gap:1rem;align-items:center;div:first-child{input{background-color:$color-white;color:$color-black;&:hover,&:focus-visible{background-color:$color-black;color:$color-white;}}}input{min-width:20rem;}}}[data-drupal-messages]{padding:3rem 2.5rem;max-width:$paragraph-content-max-width;width:100%;margin:auto;[role="contentinfo"]{border:1px solid $color-primary;background-color:$color-white;padding:3rem 3.5rem;color:$color-primary;border-radius:.6rem;}}
$breadcrumb-item-spacing-y:0.8rem;$breadcrumb-item-spacing-x:2rem;$breadcrumb-icon-width:0.8rem;$breadcrumb-icon-height:1.1rem;$breadcrumb-icon-margin-right:1.2rem;$breadcrumb-icon-margin-left:1.2rem;$breadcrumb-icon-vertical-align:-0.45rem;.breadcrumb{background-color:$color-black;left:0;width:100%;padding:$breadcrumb-item-spacing-y $breadcrumb-item-spacing-x;font-size:1.4rem;white-space:nowrap;overflow:hidden;ol{display:flex;flex-wrap:nowrap;overflow:hidden;}ol li{position:relative;display:flex;align-items:center;counter-increment:li-counter;min-width:7rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;line-height:normal;&:first-child{min-width:4.5rem;}}ol li > *{color:$color-white;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}ol li:not(:first-child)::before{display:inline-block;width:$breadcrumb-icon-width;height:$breadcrumb-icon-height;content:"";margin-right:$breadcrumb-icon-margin-right;margin-left:$breadcrumb-icon-margin-left;mask-size:contain;mask-image:url($urlShort + "chevron-right-light.svg");mask-repeat:no-repeat;mask-position:center;vertical-align:0;background:#fff;flex-shrink:0;}a{font-weight:400;text-decoration-color:transparent;&:hover,&:focus-visible{text-decoration-color:currentColor;}&:focus-visible{outline-offset:.2rem;outline:.2rem solid #005ae1;}}[aria-current="page"]{font-weight:700;}}
.Footer{background-color:$color-white;//Top footer
  &__top{padding:5rem 0;display:flex;border-top:.1rem solid $color-black;> .container{display:flex;column-gap:10%;@include tablet{flex-wrap:wrap;row-gap:4rem;}@include mobile{flex-direction:column;}}}&__content,&__bottom{*:focus-visible{outline-color:$color-white;}}//Middle footer
  &__left{max-width:43rem;width:100%;padding:4rem 0 2rem;@include mobile{display:flex;flex-direction:column;}}&__content{background-color:$color-black;@include mobile{padding:2rem 0 4rem;}> .container{display:flex;justify-content:space-between;column-gap:1rem;@include mobile{flex-direction:column;}}&__split{width:.1rem;background-color:$color-white;@include mobile{display:none;}}}&__others-links{padding:9rem 0 4rem;max-width:27rem;width:100%;@include mobile{padding:0;max-width:35rem;margin-top:5rem;}nav ul li{a{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem 1rem 0;color:$color-white;font-size:1.6rem;line-height:1.3;font-weight:500;text-decoration:none;border-bottom:.1rem solid $color-white;@include mobile{padding:2rem 2rem 2rem 0;}&[target="_blank"]{&::before{display:none;}&::after{position:absolute;right:1.4rem;}}&::before{content:'';position:absolute;right:0;margin:auto 0;width:.8rem;height:1.3rem;mask-image:url($urlShort + 'chevron-right.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;}&:hover,&:focus-visible{padding:1rem;@include mobile{padding:2rem 2rem 2rem 0;}}}&:first-child a{border-top:.1rem solid $color-white;}}}&__socials{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:6rem;@include mobile{margin-top:3rem;}a{background:$color-white;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:1px;padding:.4rem 0;&::after{display:none !important;}.icon,svg{height:100%;width:auto;max-width:1.8rem;max-height:1.8rem;display:flex;}}}&__cityMetropolis{display:flex;@include mobile{flex-direction:column;row-gap:5rem;order:1;}&__wrapper{display:flex;flex-direction:column;row-gap:1.3rem;flex:1;padding-right:2rem;&:last-child{padding-right:0;}}&__logo{img{height:5.5rem;width:auto;}}&__address{color:$color-white;font-size:1.6rem;line-height:2.4rem;font-weight:500;}&__phone a{color:$color-white;font-size:1.6rem;line-height:1;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:0.4rem;&:hover,&:focus-visible{text-decoration-color:$color-white;}}&__links{display:flex;flex-direction:column;row-gap:.5rem;a{color:$color-white;font-size:1.6rem;line-height:normal;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:0.4rem;&:hover,&:focus-visible{text-decoration-color:$color-white;}}}}&__contact{margin-top:4rem;@include mobile{order:3;margin-top:2rem;}.btn{border-color:$color-white;&:hover,&:focus-within{color:$color-white;background-color:transparent;border-color:$color-white;}}}&__helpLink{margin-top:3rem;@include mobile{order:2;margin-top:4rem;}a{color:$color-white;font-size:1.6rem;font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:0.4rem;&::before{content:'';display:inline-block;margin-right:.5rem;width:1.6rem;height:1.6rem;mask-image:url($urlShort + 'eye.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentcolor;}&:hover,&:focus-visible{text-decoration-color:$color-white;}}}#block-nantes-footer{width:100%;max-width:32rem;padding:9rem 0 4rem;@include mobile{padding:0;margin-top:2rem;max-width:35rem;}ul{display:flex;flex-direction:column;row-gap:1.4rem;@include mobile{row-gap:.8rem;}li{@include mobile{display:flex;}a{text-transform:uppercase;color:$color-white;font-size:1.6rem;font-weight:400;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:0.4rem;&:hover,&:focus-visible{text-decoration-color:$color-white;}}}}}//Bottom footer
  &__bottom{padding:1.3rem 0;background-color:$color-gray;h2{margin:-1px;padding:0;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}@include mobile{padding:2.5rem 0 10.5rem;}nav{ul{display:flex;flex-wrap:wrap;justify-content:center;column-gap:4rem;align-items:baseline;@include mobile{align-items:center;flex-direction:column;row-gap:1.5rem;}li{display:flex;> a,> span,> button{font-family:$fontCondensed;color:$color-white;font-size:1.6rem;line-height:normal;font-weight:500;text-transform:uppercase;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:0.4rem;cursor:pointer;&:hover,&:focus-visible{text-decoration-color:$color-white;}}}}}}}
$form-checkbox-label-font-size:1.8rem;$form-checkbox-label-font-weight:400;$form-checkbox-input-color:$color-black;$form-checkbox-width:1.4rem;$form-checkbox-height:1.4rem;$form-checkbox-checked-width:1rem;$form-checkbox-checked-height:1rem;$form-checkbox-input-transform:translateY(.5rem);.form-item.form-type-radio{display:grid;grid-template-columns:1em auto;gap:1rem .5rem;margin:1rem 0;label{font-size:$form-checkbox-label-font-size;font-weight:$form-checkbox-label-font-weight;line-height:inherit;margin-bottom:0;}}input[type="radio"]{display:grid;width:1.4rem;height:1.4rem;margin:0;border:0.1rem solid $form-checkbox-input-color;border-radius:50%;color:$form-checkbox-input-color;appearance:none;background-color:$color-white;font:inherit;place-content:center;transform:$form-checkbox-input-transform;&::before{width:1rem;height:1rem;border-radius:50%;box-shadow:inset 1rem 1rem $color-primary;transition:120ms transform ease-in-out;content:'';transform:scale(0);}&:checked::before{transform:scale(1);}&:focus-visible{outline:$outline;outline-offset:$outline-offset;}}
.form-item{display:flex;flex-wrap:wrap;margin:$form-item-spacing;font-size:1.8rem;line-height:2.6rem;& > *{flex:1 0 100%;}.description{font-size:$form-description-font-size;line-height:normal;margin-top:$form-description-spacing;}.messages--error{font-size:1.8rem;}}label{font-size:$form-label-font-size;line-height:2.6rem;font-weight:$form-label-font-weight;color:$form-label-color;margin-bottom:$form-label-spacing;}input{box-sizing:border-box;&::placeholder{color:$form-input-placeholder-color;opacity:1;}}input:user-invalid,input[aria-invalid="true"]{border-color:$form-error-border-color;}.form-item--error-message{color:$color-error;grid-column:1 / -1;}input:user-valid,input[aria-invalid="false"]{border-color:$form-success-border-color;}.search-text-wrapper{input:user-valid,input[aria-invalid="false"],input:user-invalid,input[aria-invalid="true"]{border-color:$color-black;}}.views-exposed-form{input:user-valid[type="checkbox"],input[aria-invalid="false"][type="checkbox"],input:user-invalid[type="checkbox"],input[aria-invalid="true"][type="checkbox"]{border-color:$color-black;}}.js-form-item:not(.form-item-gdpr):has(>input[required="required"]):not(.form-item-search) label::after{content:'*';color:currentColor;display:inline-block;}.js-form-item.form-item-gdpr:has(>input[required="required"]):not(.form-item-search) label p:last-child::after{content:'*';color:currentColor;display:inline-block;}[type="text"],[type="password"],[type="date"],[type="email"],[type="number"],[type="url"],[type="tel"],[type="time"],.form-color-output,textarea,select{font-size:1.8rem;padding:$form-input-padding-y $form-input-padding-x;border:$form-input-border;border-radius:$form-input-border-radius;min-height:$form-input-min-height;width:100%;&:focus,&:focus-visible{border:$form-input-border--focus;outline:$outline;outline-offset:$outline-offset;}}[type=date]{appearance:none;color:$color-text;background:url($urlShort + 'calendar-empty.svg') no-repeat right 1.5rem center $color-white;background-size:2.4rem;&::-webkit-calendar-picker-indicator{opacity:0;}@supports (-moz-appearance:none){// remove icon background in Firefox since default date icon can't be hidden
    background: $color-white;
  }
}


.webform-button--submit {
  font-size: 2.6rem!important;
  min-height: 4.7rem;
}

.text-count-wrapper {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

//Captcha
.captcha {
  padding: 0;

  &__title {
    display: none;
  }
  &__description {
    font-size: 1.8rem;
    line-height: normal;
  }
}

[role="alert"] {
  font-size: 1.8rem;
  line-height: normal;
  color: $color-error;

  a {
    color: $color-error;
  }
}

// File
.form-managed-file {
  .webform-managed-file-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  a {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    min-height: 4rem;
    padding: 1rem 1rem 1rem 4.5rem;
    font-family: $fontNormal;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    color: $color-white;
    text-decoration: none;
    appearance: none;
    cursor: pointer;
    background-color: $color-primary;
    margin: 0 0 1rem;
    transition: {
      duration: $duration;
      timing-function: $timing;
    }

    @include mobile {
      font-size: $btn-font-size--mobile;
    }

    &::before {
      content: '';
      display: inline-block;
      height:2.4rem;
      width: 2.4rem;
      position: absolute;
      left: 1rem;
      mask-image: url($urlShort + 'check.svg');
      mask-size:contain;
      mask-repeat: no-repeat;
      mask-position: center;
      background-color: currentColor;
    }

    &:hover,
    &:focus-within {
      color: $btn-color--hover;
      background-color: $btn-bg--hover;
      border-color: $btn-border-color--hover;
    }
  }
}

.form-type-webform-document-file {
  label {
    padding-left: 4.5rem!important;
    position: relative;
    margin-bottom: 1rem;
    font-size: 2.6rem!important;
    min-height: 4.7rem !important;

    &::before {
      content: '';
      display: inline-block;
      height:2.4rem;
      width: 2.4rem;
      position: absolute;
      left: 1rem;
      mask-image: url($urlShort + 'download.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentColor;}}> label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;min-height:0!important;}}.webform-element-description{line-height:1.8rem;}.form-file{font-size:1.8rem;}.webform-document-file{.form-submit{background:none;border:none;color:$color-black;text-decoration:underline;text-decoration-color:currentColor;padding:1rem 0;text-transform:capitalize;font-family:$fontNormal;font-size:1.8rem;transition:$duration;&:hover,&:focus-visible{text-decoration-color:transparent;}}}.required-mark{font-size:1.2rem;line-height:normal;}
//Variables
$menu-max-width:40rem;$menu-padding-top:8rem;$menu-padding-bottom:8rem;$menu-padding-left:10rem;$menu-padding-right:10rem;.js-open-menu{.panel-header--nav{display:block;position:absolute;}}.panel-header--nav{display:none;background-color:$color-black;padding:$menu-padding-top $menu-padding-right $menu-padding-bottom $menu-padding-left;transition:.45s;@include tablet{padding:6rem 2.5rem;overflow-x:hidden;}@include mobile{padding:6rem 2.5rem 11rem;}&.panel-header .btn--icon--close{color:$color-white;}}.main-menu{position:relative;max-width:$menu-max-width;height:100%;width:100%;display:flex;flex-direction:column;row-gap:5rem;@include tablet{max-width:100%;row-gap:5rem;min-height:calc(100% + 8rem);height:auto;}&:has(li.active){> li:not(.active){> a,> button{opacity:.5;}}}> li{> a,> button{position:relative;display:block;text-decoration:none;font-family:$fontCondensed;font-size:4.4rem;font-weight:600;line-height:4.6rem;text-align:left;cursor:pointer;&:not(.button)[target=_blank]:after{width:0.8em;height:0.8em;}@include tablet{font-size:4.2rem;width:100%;}}&.has-children{padding-right:3rem;@include tablet{padding-right:0;}> a,> button{@include tablet{padding-right:2rem;}&::after{content:'';width:1.3rem;height:4.6rem;display:inline-block;position:absolute;margin-left:1.7rem;mask-image:url($urlShort + 'arrow-right-big.svg');mask-size:contain;mask-repeat:no-repeat;mask-position:center;background-color:currentcolor;@include tablet{right:0;bottom:0;top:0;margin:auto 0;}}}}&:has(.rubrique-que-faire){a{font-family:$fontExtended;color:$color-tertiary;font-size:3.6rem;font-weight:900;line-height:3.8rem;@include tablet{font-size:3.2rem;}}}&.active{.submenu{opacity:1;visibility:visible;@include tablet{left:0;visibility:visible;overflow:initial;min-height:calc(100% + 8rem + 6rem);height:auto;}}}}li{a,button{color:$color-white;padding:0;&:focus-visible{outline-width:0.1rem;outline-style:solid;outline-color:initial;}}}}.submenu{position:absolute;height:auto;min-height:100%;width:calc((var(--vw,1vw) * 100) - $menu-padding-left - $menu-padding-right - $menu-max-width);left:$menu-max-width;top:0;padding-left:5rem;background:$color-black;opacity:0;visibility:hidden;transition:.35s;@include tablet{left:100vw;width:100%;height:100%;padding:0 0 16rem 0;z-index:2;overflow:hidden;}> button{display:none;@include tablet{display:flex;align-items:center;cursor:pointer;color:$color-white;font-size:1.8rem;line-height:2.5rem;margin-bottom:2rem;&:before{content:'';display:inline-block;vertical-align:text-top;margin-right:1rem;width:1.5rem;height:2.5rem;mask-image:url($urlShort + 'arrow-right-big.svg');mask-size:contain;mask-repeat:no-repeat;background-color:currentcolor;transform:rotate(180deg);transition:$duration;}}}> .submenu__parent-item{margin-bottom:4rem;span{display:block;font-family:$fontCondensed;font-size:3.8rem;font-weight:600;line-height:4rem;color:$color-white;}a{display:block;margin-top:.5rem;font-size:1.8rem;font-weight:400;line-height:2.6rem;text-decoration-color:currentColor;@include tablet{font-size:2.2rem;line-height:3.2rem;}&:hover,&:focus-visible{text-decoration-color:transparent;}}}}.submenu__list{column-count:1;column-gap:5rem;&:has(li:nth-child(8)){column-count:2;@include tablet{column-count:1;}}> li{margin-bottom:1.5rem;> a,> button{font-size:2.2rem;line-height:3.6rem;text-decoration-color:transparent;text-underline-offset:0.4rem;&:hover,&:focus-visible{text-decoration-color:currentColor;}}}}.submenu__list-bottom{margin:1.5rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem 5rem;> li{width:calc(50% - 2.5rem);@include tablet{width:100%;}}.submenu__bottom{font-size:22px;font-weight:600;&::before{content:'';display:inline-block;width:2.4rem;height:2.4rem;vertical-align:middle;mask-size:contain;mask-repeat:no-repeat;background-color:currentColor;margin-right:.8rem;}&.map{&::before{mask-image:url($urlShort + 'leaflet-map.svg');}}&.heart{&::before{mask-image:url($urlShort + 'hand-heart.svg');}}}}

.SearchBlock{width:100%;form{position:relative;display:flex;margin-bottom:5rem;.form-wrapper:has([type="submit"]){position:relative;background-color:$color-black;cursor:pointer;height:4.7rem;margin-top:auto;@include mobile{width:4.5rem;height:4.7rem;border:.1rem solid $color-black;transition:$duration;}&::before{content:'';position:absolute;display:inline-block;width:2.4rem;height:2.4rem;margin:auto 0;top:0;bottom:0;left:1rem;mask-image:url($urlShort + 'search.svg');mask-size:contain;mask-repeat:no-repeat;background-color:$color-white;transition:$duration;}&:hover,&:focus-within{background-color:$color-white;&::before{background-color:$color-black;}}}[type="submit"]{font-size:2.6rem;padding-left:4.5rem;height:100%;background:transparent;@include mobile{position:absolute;padding:0;width:100%;height:100%;overflow:hidden;border:0;font-size:0;line-height:0;}}.form-type-search-api-autocomplete{flex:1;margin:0;input{padding:.2rem 1rem .2rem 1.5rem;width:100%;height:4.7rem;border-radius:3px 0 0 3px;font-size:1.8rem;border:1px solid $color-black;border-right:none;color:$color-black;}}}p{font-family:$fontCondensed;font-weight:600;font-size:2.2rem;text-transform:uppercase;@include mobile{text-align:center;}}&__list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 6rem;margin-top:2rem;@include mobile{grid-template-columns:repeat(1,1fr);}a{position:relative;padding-left:0;padding-right:2.5rem;display:flex;align-items:center;color:$color-text;font-size:1.8rem;text-decoration:none;&:hover,&:focus-visible{padding-left:1rem;padding-right:1.5rem;}&::after{@extend %_arrow-right;position:absolute;right:0;top:.4rem;}}}}//Autocomplete
.SearchBlock{form{.ui-autocomplete{width:100%!important;top:47px;left:0;padding:2rem;}.ui-widget-content a{color:$color-black;text-decoration:none;display:block;}.ui-widget.ui-widget-content{background-color:$color-white;border:.1rem solid $color-black;border-top:none;min-height:200px;overflow-y:auto;}.ui-menu .ui-menu-item{font-size:1.8rem;line-height:2.4rem;border-bottom:.1rem solid black;padding-bottom:1rem;margin-bottom:.5rem;position:relative;&:hover{background:none;}&:last-child{margin-bottom:0;}&.ui-state-disabled{opacity:1;text-decoration:underline;font-size:1.6rem;line-height:2.2rem;font-weight:600;margin-top:3rem;color:$color-black;border-bottom:none;}&.ui-state-focus{outline:2px solid $color-primary;background:none;}&.ui-state-disabled{cursor:pointer !important;pointer-events:unset !important;}}}.SearchAutocomplete{&::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}&__thematic{color:$color-white;background-color:$color-black;border-radius:1.3rem;width:fit-content;padding:.45rem 1rem .1rem;font-family:$fontCondensed;font-size:1.8rem;font-weight:400;line-height:1.2;display:block;margin-top:.5rem;}}}@include mobile{.panel-header--search{.SearchBlock form .ui-widget.ui-widget-content{min-height:0;max-height:330px!important;}}}
$header-top-border-color:$color-white;$header-top-font-weight:700;$header-top-font-size:1.6rem;$header-top-padding-x:2rem;$header-top-padding-y:0;$header-top-line-height:2.4rem;$header-top-navigation-ul-padding:$navigation-ul-padding;$header-top-navigation-list-style:$navigation-list-style;$header-top-navigation-link-text-decoration:$navigation-link-text-decoration;.top-header{font-size:$header-top-font-size;font-weight:$header-top-font-weight;a{display:inline-block;line-height:$header-top-line-height;color:currentcolor;text-decoration:$header-top-navigation-link-text-decoration;border-left:0.1rem solid $header-top-border-color;&:hover,&:focus-visible{text-decoration:underline;text-underline-offset:0.4rem;}}}