/* compact [
	plugins/auto/typoenluminee/v4.0.2/css/enluminurestypo.css
	local/cache-scss/nwex-cssify-b3e40b3.css?1788268947
] 79.6% */

/* plugins/auto/typoenluminee/v4.0.2/css/enluminurestypo.css */
.texteencadre-spip{color:#003;background:#EEF;border-bottom:2px solid #06C;border-left:1px solid #39F;border-right:2px solid #06C;border-top:1px solid #39F;margin:1em 0;padding:.25em .5em}
.caractencadre-spip{color:#F60;font-weight:700}
.caractencadre2-spip{color:#009;font-weight:700}
acronym.spip_acronym{cursor:help;border-bottom:1px dotted}
a[hreflang]:after{content:"\0000a0[" attr(hreflang) "]";color:#999;background:transparent;font-size:x-small}
sub,sup,sup.typo_exposants{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup,sup.typo_exposants{top:-.5em}
sub{bottom:-.25em}
.smallcaps{font-variant:small-caps}

/* local/cache-scss/nwex-cssify-b3e40b3.css?1788268947 */
@charset "UTF-8";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;box-sizing:border-box}
dl,dt,dd,ol,ul,li{list-style:none;list-style-type:none}
a{color:#000;text-decoration:underline}
a:hover{opacity:0.7}
i{font-style:italic}
html{scroll-behavior:smooth}
body{font-family:Helvetica,sans-serif;font-size:14px;overflow-x:hidden;color:#494949}
.spip-admin-float{position:absolute;top:96vh!important;font-size:.7em}
#icone_travaux{top:90vh!important}
@media only screen and (max-width:1100px){.spip_documents{max-width:80%;clear:both;margin:0 auto}
.spip_documents img{width:100%;height:auto}}
.spip_documents_left{float:left;margin:0 1em 0 0}
.spip_documents_right{float:right;margin:0 0 1em 1em}
@media only screen and (max-width:1100px){.spip_documents_right{float:none;margin:0}}
div.clearfix{width:100vw;height:0;border:0;clear:both}
#header{background-color:transparent;width:100vw;height:180px;padding:10px 0 0;position:sticky;z-index:1000;top:0}
#header > #navmain{width:100vw;height:80px;background-color:#FFF;padding:7px 0 10px;margin:0;position:absolute;top:0;left:0;z-index:10000}
#header > #navmain > div{width:100vw;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}
#header > #navmain > div div a img.spip_logo{display:inline-block;width:300px;height:auto;margin:0 0 0 -10px}
@media only screen and (max-width:1100px){#header > #navmain > div div a img.spip_logo{width:150px;margin:40px 0 0 -5px}}
#header > #navmain > div > .menu{position:absolute;top:0;left:0;z-index:20;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#FFF}
#header > #navmain > div > .menu > li{width:100%;padding:.6em 0 0;overflow:hidden}
#header > #navmain > div > .menu > li > a{text-transform:uppercase;font-family:Helvetica,sans-serif;font-size:1.5em;text-align:center;display:inline-block;width:100%;height:100%;padding:.2em 0 .6em;color:#000;text-decoration:none}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu > li > a{padding:.2em 0 .6em .4em;font-size:1.3em;text-align:left}}
#header > #navmain > div > .menu > li > a:hover,#header > #navmain > div > .menu > li > a.on{opacity:0.4}
#header > #navmain > div > .menu > li.logomenu img{width:300px;height:auto;margin:5px 0 0 -10px}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu > li.logomenu img{width:150px;margin:50px 0 0 -5px}}
#header > #navmain > div > .menu-button-container{z-index:30;height:30px;width:30px;margin:20px 50px 0 0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media only screen and (max-width:1100px){#header > #navmain > div > .menu-button-container{margin:20px 20px 0 0}}
#header > #navmain > div > .menu-button-container > .menu-button,#header > #navmain > div > .menu-button-container > .menu-button::before,#header > #navmain > div > .menu-button-container > .menu-button::after{display:block;position:absolute;background-color:#666;width:30px;height:4px;transition:transform 400ms cubic-bezier(0.23,1,0.32,1);border-radius:2px;content:""}
#header > #navmain > div > .menu-button-container > .menu-button::before{margin-top:-8px}
#header > #navmain > div > .menu-button-container > .menu-button::after{margin-top:8px}
#header > #navmain > div #menu-toggle{display:none;width:30px;height:30px}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button::before{margin-top:0px;transform:rotate(405deg)}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button{background:#FFF}
#header > #navmain > div #menu-toggle:checked + .menu-button-container .menu-button::after{margin-top:0px;transform:rotate(-405deg)}
#header > #navmain > div #menu-toggle ~ .menu{height:0;margin:0;padding:0;border:0;transition:height 400ms cubic-bezier(0.23,1,0.32,1)}
#header > #navmain > div #menu-toggle ~ .menu > li{border:0}
#header > #navmain > div #menu-toggle:checked ~ .menu{height:50vh;padding-bottom:2em;transition:height 400ms cubic-bezier(0.23,1,0.32,1)}
main{width:70vw;height:auto;margin:0 auto;font-size:1em;position:relative;z-index:900;top:10px}
@media only screen and (max-width:1100px){main{width:90vw;margin:0 auto 3rem}}
main.accueil{top:-100px;background-color:#FFF;width:100vw;height:auto}
main.accueil > .art-top{width:100vw;height:auto;margin:0 0 2rem;position:relative;display:flex;flex-direction:row;justify-content:space-between}
@media only screen and (max-width:1100px){main.accueil > .art-top{flex-direction:column}}
main.accueil > .art-top div.img-top{position:relative;width:50vw;float:left}
@media only screen and (max-width:1100px){main.accueil > .art-top div.img-top{float:revert;width:100vw}}
main.accueil > .art-top div.img-top img{width:100%;height:auto}
@media only screen and (max-width:1100px){main.accueil > .art-top div.img-top img{width:100%}}
main.accueil > .art-top div.img-top.copy::after{border:0;right:0!important;bottom:3px}
main.accueil > .art-top div.text-top{z-index:100;width:50vw;margin:2em 0 0}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top{position:relative;top:0;width:100vw}}
main.accueil > .art-top div.text-top .titre-top{padding:1em 1em 0;margin:1em 0 6em -6vh;background-color:#FFF}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top .titre-top{margin:0 auto 3em}}
main.accueil > .art-top div.text-top .titre-top h1{display:inline-block;font-size:2.6em;font-weight:700;line-height:1.1em;margin:.5em 0 0}
main.accueil > .art-top div.text-top .titre-top h1 > span:nth-child(2){font-style:normal;font-size:.6em}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top .titre-top h1 > span:nth-child(2){font-size:.6em}}
main.accueil > .art-top div.text-top .titre-top h1 > span:nth-child(5){display:block;text-align:right;font-style:normal;font-size:.6em}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top .titre-top h1 > span:nth-child(5){font-size:.6em}}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top .titre-top h1{font-size:1.7em}}
main.accueil > .art-top div.text-top h3{width:60%;margin:0 auto;color:#CF3E4D;font-size:1.6em;font-weight:400}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top h3{width:90%;margin:1em 0 0 .7em}}
main.accueil > .art-top div.text-top h4{font-size:1.2em;font-weight:700;margin-top:40px}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top h4{margin:1em}}
main.accueil > .art-top div.text-top p{width:60%;margin:0 auto 1em;font-size:1.15em;line-height:1.3em}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top p{width:90%;margin:0 1em 1em}}
main.accueil > .art-top div.text-top ul{margin:0 0 1em 2em}
@media only screen and (max-width:1100px){main.accueil > .art-top div.text-top ul{margin:0 0 1em 2em}}
main.accueil > .art-top div.text-top ul li{list-style-type:"—";list-style-position:inside}
main.accueil .art-deux{display:none}
main.accueil .art-deux div{width:90%;margin:0 auto;clear:both}
main.accueil .art-deux div h2{padding:40px 0 0;text-align:left;font-size:2.4em;font-weight:700;font-style:normal}
main.accueil .art-deux div h2 > span{font-style:italic}
@media only screen and (max-width:1100px){main.accueil .art-deux div h2{font-size:1.55em}}
main.accueil .art-deux div p{font-size:1.2em;line-height:1.3em;margin:0 0 1em}
main.accueil .art-trois{margin:9rem auto 2rem;display:flex;flex-direction:row;justify-content:space-around;width:100%}
@media only screen and (max-width:1100px){main.accueil .art-trois{margin:4rem auto 1rem;flex-direction:column;width:100%}}
main.accueil .art-trois div{position:relative;width:49vw}
@media only screen and (max-width:1100px){main.accueil .art-trois div{width:90%;margin:0 auto}
main.accueil .art-trois div:nth-child(1){order:2}
main.accueil .art-trois div:nth-child(2){order:1}}
main.accueil .art-trois div h2{margin:0 2em 1em;text-align:right;font-size:2.4em;font-weight:700;text-transform:uppercase;line-height:1.1em}
@media only screen and (max-width:1100px){main.accueil .art-trois div h2{font-size:1.55em;margin:.5em .2em 1em 0}}
main.accueil .art-trois div h2 > span{font-style:italic}
main.accueil .art-trois div h3{margin:0 5em .2em}
@media only screen and (max-width:1100px){main.accueil .art-trois div h3{margin:1em 2em .2em 0}}
main.accueil .art-trois div h3 > span:nth-child(1){display:inline-block;font-size:1.4em;font-weight:700;color:#FFF;background-color:#AAA;padding:1px}
main.accueil .art-trois div h3 > span:nth-child(2){display:block;margin-top:.2em;font-size:1em;font-weight:400}
@media only screen and (max-width:1100px){main.accueil .art-trois div h3 > span:nth-child(2){clear:left}}
main.accueil .art-trois div p{font-size:1em;line-height:1.3em;margin:0 7em 1em}
@media only screen and (max-width:1100px){main.accueil .art-trois div p{margin:0 0 1em}}
main.accueil .art-trois div img{width:100%;height:auto}
@media only screen and (max-width:1100px){main.accueil .art-trois div img{margin:0;width:100%}}
@media only screen and (max-width:1100px){main.accueil .art-trois div.copy{width:100%}}
main.accueil .art-trois div.copy::after{right:0px!important;bottom:3px}
main.accueil .art-actus{margin:1em auto 0}
main.accueil .art-actus h2{padding:0;margin:0 0 1em 6.8em;text-align:left;font-size:2.4em;font-weight:700;text-transform:uppercase}
@media only screen and (max-width:1100px){main.accueil .art-actus h2{font-size:1.75em;margin:0 0 1em 1em}}
main.accueil .art-actus h2 > span{font-style:italic}
main.accueil .art-actus article{width:70vw;margin:1em auto;padding:1em 2em 2em;border:1px solid #DDD}
@media only screen and (max-width:1100px){main.accueil .art-actus article{width:90vw;padding:1em}}
main.accueil .art-actus article h2{margin:.5em 0 .2em;font-size:1.2em;font-weight:700;text-transform:unset;color:#CF3E4D}
main.accueil .art-actus article h2 > span{font-style:italic}
main.accueil .art-actus article .datactu{font-size:1.1em;line-height:1.2em}
main.accueil .art-actus article .basactu{font-size:1.1em;font-style:italic}
main.accueil .art-actus article p{font-size:1.2em;line-height:1.3em;margin:0 0 1em}
main.accueil .copy::after{content:"©NWEX";position:absolute;bottom:0px;right:0;z-index:1000;background-color:#FFF;color:#666;padding:8px 10px 7px;font-size:.9em;font-weight:700}
@media only screen and (max-width:1100px){main.accueil .copy::after{right:10px!important}}
main.accueil .boutonlien{width:100%}
main.accueil .boutonlien > a{display:block;width:fit-content;height:100%;text-decoration:none;padding:1em 2em;margin:0 auto 1em;border:1px dashed #666;background-color:#FFF;color:#666}
main.accueil .boutonlien > a:hover{background-color:#666;color:#FFF;opacity:1}
main .list-actus{width:70vw;margin:0 auto}
@media only screen and (max-width:1100px){main .list-actus{width:90vw}}
main .list-actus h2{padding:0;margin:0 0 1em 1em;text-align:left;font-size:2.4em;font-weight:700;text-transform:uppercase}
main .list-actus h2 > span{font-style:italic}
main .list-actus article{width:100%;margin:1em auto;padding:1em 2em 2em;border:1px solid #DDD}
@media only screen and (max-width:1100px){main .list-actus article{padding:1em}}
main .list-actus article h2{margin:.5em 0;font-size:1.2em;font-weight:700;text-transform:unset;color:#CF3E4D}
main .list-actus article h2 > span{font-style:italic}
main .list-actus article .datactu{font-size:1.1em;line-height:1.2em}
main .list-actus article .basactu{font-size:1.1em;font-style:italic}
main .list-actus article p{font-size:1.2em;line-height:1.3em;margin:.5em 0 1em}
main > article{margin:0 0 50px}
main h1{font-size:2.4em;font-weight:700;text-transform:uppercase;margin:0 0 1em}
@media only screen and (max-width:1100px){main h1{font-size:1.75em}}
main h2{font-size:1.5em;font-style:bold;text-align:left;margin:0 0 1em}
@media only screen and (max-width:1100px){main h2{font-size:1.2em}}
main h2.citation{position:relative;width:fit-content;font-size:1.6em;font-weight:700;color:#FFF;background-color:#AAA}
@media only screen and (max-width:1100px){main h2.citation{margin-bottom:2em}}
main h2.citation > span{position:absolute;right:0;bottom:-25px;font-size:.7em;font-weight:400;color:#666;background-color:#FFF}
main h3.spip{margin:.5em 0;font-size:1.4em;font-weight:700}
@media only screen and (max-width:1100px){main h3.spip{margin:1em}}
main h3.spip sc{display:block;font-size:.6em;font-variant:small-caps}
main h4.spip{margin:.5em 0;font-size:1em;font-weight:700}
@media only screen and (max-width:1100px){main h4.spip{margin:1em 1em 0 0}}
main p{font-size:1.2em;line-height:1.3em;margin:0 0 1em;clear:left}
main p > a{white-space:nowrap}
main p > img.gwf{display:block;margin:0 auto}
@media only screen and (max-width:1100px){main p img{max-width:80%}}
main p strong{font-weight:700}
main .bio{float:left;width:50vw;margin:0 0 0 2em;padding:1em 1.5em 2em;border:1px solid #DDD;font-size:1.2em;line-height:1.3em}
@media only screen and (max-width:1100px){main .bio{width:90vw;margin:1em auto}}
main .spip_documents_left .spip_doc_legende{display:none}
main li{font-family:Helvetica,sans-serif;font-size:1.3em;line-height:1.4em;list-style:square inside;margin:0 0 1em}
main li strong{font-weight:700}
main li .in{display:inline-block;position:relative;bottom:2px;font-size:.6em;line-height:1.3em;padding:.2em .35em 0;border-radius:3px;text-decoration:none;color:#FFF;background-color:#0d66a7}
main li .in:hover{opacity:0.8}
main li sub{position:relative;bottom:2px;font-size:.3em;margin:0 0 0 .2em}
#footer{position:relative;clear:both;width:100vw;height:auto;margin:6rem 0 2rem;background-color:#FFF;display:flex;flex-direction:column;justify-content:flex-start}
@media only screen and (max-width:1100px){#footer{margin:0 0 2rem}}
#footer.accueil{top:-30px;margin:0}
@media only screen and (max-width:1100px){#footer.accueil{top:-60px}}
#footer .foottop{width:100%;height:auto}
#footer .foottop > img{z-index:10;width:100%;height:auto}
#footer .footcont{width:98%;height:auto;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between}
@media only screen and (max-width:1100px){#footer .footcont{flex-direction:column}}
#footer .footcont div{width:33%;height:auto;padding:1em 0 .5em}
@media only screen and (max-width:1100px){#footer .footcont div{width:90%;margin:0 auto}}
@media only screen and (max-width:1100px){#footer .footcont div.footgauche{border-bottom:1px dotted #DDD}}
#footer .footcont div.footgauche > div#ecoindex-badge{margin:0;padding:0;float:left;clear:left;max-width:125px}
#footer .footcont div.footgauche > div#gwf{float:left;clear:left;width:125px}
#footer .footcont div.footgauche > div#gwf img{width:100%}
#footer .footcont div.footgauche p{clear:left;margin:1em 2em 0 0}
@media only screen and (max-width:1100px){#footer .footcont div.footgauche p{margin:1em 0}}
#footer .footcont div.footgauche hr{margin:1em 0 1.8em;float:left;clear:both;width:70%;height:0;box-sizing:border-box;border:0 none transparent;border-top:1px dotted #DDD}
@media only screen and (max-width:1100px){#footer .footcont div.footcentre{border-bottom:1px dotted #DDD}}
#footer .footcont div.footcentre a{text-decoration:underline}
#footer .footcont div.footcentre a:hover{text-decoration:underline}
#footer .footcont div.footcentre p{margin:1em 0}
#footer .footcont div.footdroite a{text-decoration:none}
#footer .footcont div.footdroite a:hover{text-decoration:underline}
#footer .footcont div.footdroite span > a{text-decoration:underline!important}
#footer h2{font-size:1.2em;font-weight:700;margin:0 0 1em}
#footer ul li{font-size:1em}
#footer strong{font-weight:700}
#footer hr{margin:2em 0 0;float:left;clear:both;width:70%;height:0;box-sizing:border-box;border:0 none transparent;border-top:1px dotted #DDD}
#footer p{clear:left}
.formulaire_formidable,.formulaire_newsletter{width:60%;margin:1em auto}
@media only screen and (max-width:1100px){.formulaire_formidable,.formulaire_newsletter{width:95%;margin:0 auto}}
.formulaire_formidable .editer,.formulaire_newsletter .editer{margin:0 0 1em}
.formulaire_formidable .editer label,.formulaire_newsletter .editer label{display:inline-block;float:left;position:relative;top:.2em;width:20%;font-size:1.3em;color:#666}
@media only screen and (max-width:1100px){.formulaire_formidable .editer label,.formulaire_newsletter .editer label{width:90%;margin:0 auto .3em;text-align:center}}
.formulaire_formidable .editer input,.formulaire_newsletter .editer input{display:inline-block;width:70%;border:0;padding:.3em 1em;font-size:1.2em;background-color:#EEE}
@media only screen and (max-width:1100px){.formulaire_formidable .editer input,.formulaire_newsletter .editer input{width:90%;margin:0 auto}}
.formulaire_formidable .editer textarea,.formulaire_newsletter .editer textarea{display:inline-block;width:70%;border:0;padding:.3em 1em;font-size:1.2em;background-color:#EEE}
@media only screen and (max-width:1100px){.formulaire_formidable .editer textarea,.formulaire_newsletter .editer textarea{width:90%;margin:0 auto}}
.formulaire_formidable .submit,.formulaire_newsletter .submit{border:1px dashed #666;background-color:#FFF;padding:1em;margin:0 0 0 20%;color:#666}
.formulaire_formidable .submit:hover,.formulaire_newsletter .submit:hover{color:#FFF;background-color:#666}
@media only screen and (max-width:1100px){.formulaire_formidable .submit,.formulaire_newsletter .submit{margin:0 0 0 40%}}

