@charset "utf-8";@font-face{font-family:'TeXGyreAdventor';font-weight:normal;font-style:normal;src:local('TeXGyreAdventor'), local('TeXGyreAdventor-Regular'), url('//cdn.sfdermato.org/webfont/texgyreadventor/regular.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/texgyreadventor/regular.woff') format('woff');font-display:swap;}@font-face{font-family:'TeXGyreAdventor';font-weight:bold;font-style:normal;src:local('TeXGyreAdventor'), local('TeXGyreAdventor-Bold'), url('//cdn.sfdermato.org/webfont/texgyreadventor/bold.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/texgyreadventor/bold.woff') format('woff');font-display:swap;}@font-face{font-family:'TeXGyreAdventor';font-weight:normal;font-style:italic;src:local('TeXGyreAdventor'), local('TeXGyreAdventor-Italic'), url('//cdn.sfdermato.org/webfont/texgyreadventor/italic.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/texgyreadventor/italic.woff') format('woff');font-display:swap;}@font-face{font-family:'TeXGyreAdventor';font-weight:bold;font-style:italic;src:local('TeXGyreAdventor'), local('TeXGyreAdventor-BoldItalic'), url('//cdn.sfdermato.org/webfont/texgyreadventor/bolditalic.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/texgyreadventor/bolditalic.woff') format('woff');font-display:swap;}@font-face{font-family:'Lato';font-weight:normal;font-style:normal;src:local('Lato'), local('Lato-Regular'), url('//cdn.sfdermato.org/webfont/lato/regular.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/lato/regular.woff') format('woff');font-display:swap;}@font-face{font-family:'Lato';font-weight:bold;font-style:normal;src:local('Lato'), local('Lato-Bold'), url('//cdn.sfdermato.org/webfont/lato/bold.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/lato/bold.woff') format('woff');font-display:swap;}@font-face{font-family:'Lato';font-weight:normal;font-style:italic;src:local('Lato'), local('Lato-Italic'), url('//cdn.sfdermato.org/webfont/lato/italic.woff2') format('woff2'), url('//cdn.sfdermato.org/webfont/lato/italic.woff') format('woff');font-display:swap;}.hyphens{text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}.waiting{cursor:wait;}.pointer{cursor:pointer;}.warning{color:red;}.highlight{text-decoration:underline;}.superscript{position:relative;top:-0.5em;font-size:80%;}.sep{margin-top:2em;padding-top:2em;border-top:1px dotted #0082a3;}eeetodo,.eeetodo{background:red;color:white;}.tooltip{display:inherit;position:relative;font-size:1rem;}.tooltip:hover:after{position:absolute;padding:.75em 1em;z-index:98;color:#fff;font-size:.6em;line-height:1.2em;text-transform:none;content:attr(data-tooltip);background:#333;background:rgba(0,0,0,0.9);border-radius:3px;}.tooltip:hover:before{position:absolute;z-index:99;content:"";border:solid;border-color:#333 transparent;border-color:rgba(0,0,0,0.9) transparent;}.tooltip.bottom.left:hover:before{border-width:7px 7px 0 7px;left:0;bottom:100%;}.tooltip.bottom.right:hover:before{border-width:7px 7px 0 7px;right:0;bottom:100%;}[data-tooltip]:hover::after{position:absolute;padding:.75em 1em;z-index:98;color:#fff;font-size:.85em;line-height:1.2em;text-transform:none;content:attr(data-tooltip);background:#333;background:rgba(0,66,82,0.88);border-radius:3px;}figure[data-tooltip],figure[data-tooltip] img{position:relative;cursor:zoom-in;}figure[data-tooltip]::before{position:absolute;display:inline-block;content:" ";width:16px;height:16px;background:url('//media.sfdermato.org/reco/template/search.svg') no-repeat center center;background-size:contain;right:1.5rem;top:1.5rem;z-index:1;transition:all 0.3s ease-in-out;}figure[data-tooltip]:hover::before{display:none;}figure[data-tooltip]:hover::after{top:1.5rem;left:1.5rem;}progressread{position:fixed;top:0;display:block;width:100%;height:4px;background:transparent;margin:0;padding:0;z-index:100;}progressread div{display:none;height:4px;background:purple;}progressread div[style]{display:block;}vimeo,youtube{position:relative;display:block;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}vimeo img,youtube img{width:100% !important;height:auto;max-height:max-content !important;}vimeo iframe,vimeo object,vimeo embed,youtube iframe,youtube object,youtube embed{position:absolute;top:0;left:0;width:100%;height:100%;}@keyframes showtip{0%{opacity:0;top:0em;}40%{opacity:0;top:0em;}95%{opacity:1;top:.6em;}100%{opacity:.95;top:.5em;font-size:14px;}}@keyframes showdown{0%{opacity:0;top:0em;}40%{opacity:0;top:0em;}95%{opacity:1;top:2.8em;}100%{opacity:.95;top:2.5em;font-size:14px;}}*,body,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,a{box-sizing:border-box;text-decoration:none;margin:0;padding:0;outline:none;-webkit-font-smoothing:antialiased;}html{height:100%;overflow-y:scroll;background:#39c4e6;}html.hidescroll{overflow-y:hidden;}html.dark{background:#111;}html,body{width:100%;font-family:"Century Gothic", "TeXGyreAdventor", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;font-size:14px;line-height:1.2em;color:#707070;}body{height:calc(100vh - 6rem);padding:0 0 0 1rem;}@media screen and (max-width: 800px){body{padding:1rem 0 0 0;}}body#homepage{height:100vh;}hr{border-top:1px dashed #8e8e8e;color:transparent;margin:2em 0;}h1.warning,h2.warning,h3.warning{color:red;}p,li p,blockquote p{margin:0 0 1em 0;}blockquote,q{font-size:0.9em;font-style:italic;}address{font-style:normal;}ol,ul{overflow:hidden;}ul:not(.list),ol:not(.list),ul:not(.list) li,ol:not(.list) li{list-style:inside;list-style:none;}ul + br,ol + br{clear:both;}ul.list{width:550px;}ul.list li{padding:0 0 5px 20px;}ul.list li p{width:530px !important;}a{color:#707070;text-decoration:none;}a img,img{outline:none;border:none;}sup{line-height:0;font-size:75%;}table th{padding:.5rem;}figure{position:relative;margin:1.66em auto;}figure img.schema{padding:1.1666666666667rem;border:1px solid #707070;}figure figcaption{font-size:.8em;}p + figure{margin-top:2em;}pre{max-width:100%;white-space:normal;padding:1rem;border:1px dotted red;color:red;}html{_background:#2672ec url('//media.sfdermato.org/reco/picto/noie.png') no-repeat center center;}body{_display:none;}#noie{font-size:1.5rem;color:#fff;}#noie h1,#noie p{padding:1rem;}#noie a{color:inherit;}header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;width:100%;max-width:100%;height:auto;padding:.5rem;background:white;z-index:70;}header a{display:block;height:5rem;width:5rem;border-radius:3px;transition:color 0.3s ease-in-out, background 0.3s ease-in-out;}header a:first-child{flex:1;display:flex;justify-content:flex-start;align-items:center;padding-left:22px;text-transform:uppercase;}header a:first-child img{height:50px;max-width:100%;}header a:first-child h1{font-size:.9rem;line-height:1.2;padding-left:1em;margin-left:.5em;min-width:340px;color:#eb7437;border-left:3px solid #39c4e6;letter-spacing:1px;}header a:first-child h1 span{display:block;font-size:1.33em;color:#0082a3;letter-spacing:0;}@media screen and (max-width: 640px){header a:first-child{flex-direction:column;justify-content:center;height:auto;padding:0;order:4;}header a:first-child h1{min-width:0;padding:1em;margin-left:0;text-align:center;border:none;margin-bottom:1em;}header a:first-child img{margin:1em auto 0 auto;padding:1em 1em 0;height:7em;}}header a:nth-child(2){background:url('//cdn.sfdermato.org/img/flag/en.svg') no-repeat center;}header a:nth-child(2):lang(en){background-image:url('//cdn.sfdermato.org/img/flag/fr.svg');}header a:nth-child(3){background:url('//media.sfdermato.org/reco/template/help.svg') no-repeat center;}header a:nth-child(2),header a:nth-child(3){background-size:50%;border:1px solid #707070;transition:all 0.3s ease-in-out;}header a:nth-child(2):hover,header a:nth-child(3):hover{border-color:#ffba00;}header a:nth-child(2):focus,header a:nth-child(3):focus{border-color:purple;}header a[href="#close"],header a[href="#menu"]{background:#39c4e6 url('//media.sfdermato.org/reco/template/menu.svg') no-repeat center;}header a[href="#close"]:hover,header a[href="#menu"]:hover{background-color:#ffba00;}header a[href="#close"]:active,header a[href="#menu"]:active{background-color:purple;}header a[href="#close"]{display:none;background:#eb7437 url('//media.sfdermato.org/reco/template/close.svg') no-repeat center;background-size:40%;}@media screen and (max-width: 880px){header{justify-content:flex-end;}header a:first-child{width:100%;flex:auto;margin-bottom:.5rem;}}header a + a{margin-left:.5rem;}nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column;width:100%;min-height:calc(100% - 6rem);margin:0;padding:0;font-size:1rem;font-weight:bold;color:#fff;background:#004252;overflow:hidden;z-index:100;}nav a{display:block;padding:2.1em 2em 2.1em 8.4rem;line-height:1.1em;color:#fff;transition:color 0.3s ease-in-out, background 0.3s ease-in-out;}nav a small{color:#39c4e6;}@media screen and (max-width: 640px){nav a small br{display:none;}}nav a:hover{color:#eee;background-color:rgba(0,0,0,0.1);}@media screen and (max-width: 1024px){nav a{padding:2.1em 2em;}}nav > ul{font-weight:normal;font-size:1.2em;}nav > ul > li{width:100%;line-height:1.4em;background-image:url('//media.sfdermato.org/reco/template/see.svg');background-repeat:no-repeat;background-size:24px;background-position:4.25rem 40px;border-bottom:1px solid #80b4cf;transition:color 0.3s ease-in-out, background 0.3s ease-in-out;}nav > ul > li:first-child{border:none;}nav > ul > li.about{background-image:url('//media.sfdermato.org/reco/template/cdp_logo_w-filled.svg');background-position:4rem center !important;background-size:35px;}@media screen and (max-width: 1024px){nav > ul > li{background-image:none !important;}}nav #selection > a{display:none;padding-right:8rem;}nav #selection > a::after{content:" :";white-space:nowrap;}nav #selection > a::after:lang(en){content:":";}nav #selection > ul{padding:0 1em;}nav #selection > ul > li{color:#0082a3;background:#efefef;}nav #selection > ul > li > a{padding:1em 2em 1em 7rem;color:#eb7437;background:#fff;border:none;}@media screen and (max-width: 1024px){nav #selection > ul > li > a{padding-left:1em;}}nav #selection > ul .tab li:nth-child(2) a::before{content:"☰";color:#0082a3;}nav #selection > ul li li a{font-size:1rem;padding:1em 1em 1em 0;font-weight:bold;color:#707070;border-bottom:1px solid #0082a3;white-space:nowrap;transition:none;}nav #selection > ul li li a::before{content:"➜ ";margin-left:6rem;display:inline-block;width:3em;text-align:center;color:#bbb;}@media screen and (max-width: 1024px){nav #selection > ul li li a::before{margin-left:0;}}nav #selection > ul li li a::after{content:"";}nav #selection > ul li li a:hover{background:#ddd;color:#5c5c5c;}@media screen and (max-width: 640px){nav #selection > ul{padding:0;}}body:not(#homepage) #menu:not(:target) ~ nav{height:auto;min-height:0;}body:not(#homepage) #menu:not(:target) ~ nav li{display:none;}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child{display:block;}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on{height:auto;background:#f2f2f2;border-top:1px solid #ddd;font-size:1rem;}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on a{font-size:2.2em;min-height:3rem;padding:1rem 2.5rem .4rem calc(2.5rem + 84px);line-height:1em;text-transform:uppercase;color:#0082a3;background:none;overflow:hidden;}@media screen and (max-width: 1024px){body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on a{padding-left:2.5rem;}}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on a::before{content:"";}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on span{display:inline-block;}body:not(#homepage) #menu:not(:target) ~ nav > ul > li:first-child li.on time{display:block;float:left;font-size:.4em;color:#00b6e4;width:100%;display:inline-block;line-height:2em;}#menu:target ~ progressread{display:none;}#menu:target ~ header{width:auto;position:absolute;right:0;background:#004252;justify-content:flex-end;}#menu:target ~ header a{display:none;}#menu:target ~ header a[href="#close"]{display:block;background-color:transparent !important;}@media screen and (max-width: 640px){#menu:target ~ header{background:transparent;}}#menu:target ~ nav{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;min-height:calc(100vh - 6rem);}#menu:target ~ nav li li span,#menu:target ~ nav li li time{display:none;}#menu:target ~ nav #selection a{transition:color 0.3s ease-in-out, background 0.3s ease-in-out;}#menu:target ~ nav #selection > a{display:block;cursor:default !important;}#menu:target ~ nav #selection > a:hover{background-color:transparent !important;}#menu:target ~ nav #selection > a:focus{color:inherit !important;}#menu:target ~ nav + h1{display:none;}#menu:target ~ main{display:none;}#menu:target ~ footer{padding:0;}#menu:target ~ footer copyright,#menu:target ~ footer a.top{display:none;}#menu:target ~ footer sitenavigationelement{flex-direction:column;padding-left:0;}#menu:target ~ footer sitenavigationelement > a{margin-left:0 !important;padding:2.1em 2.2em 2.1em 8.4rem !important;text-align:left;font-weight:bold;color:#39c4e6;border-bottom:1px solid #80b4cf !important;border-left:none !important;}#menu:target ~ footer sitenavigationelement > a:first-child{display:none;}@media screen and (max-width: 1024px){#menu:target ~ footer sitenavigationelement > a{padding-left:2.2em !important;}}body[data-tree] #menu:not(:target) ~ nav{display:block;}body[data-tree] #menu:not(:target) ~ nav #selection,body[data-tree] #menu:not(:target) ~ nav #selection > ul,body[data-tree] #menu:not(:target) ~ nav #selection ul li.on,body[data-tree] #menu:not(:target) ~ nav > ul{display:block !important;}body[data-tree] #menu:not(:target) ~ nav #selection ul{padding:0;}body[data-tree] #menu:not(:target) ~ nav #selection a.on{font-weight:bold;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;font-size:1rem;width:100%;height:auto;padding:.66em 2.5em 0 calc(2.5rem + 84px);background:#004252;z-index:60;}@media screen and (max-width: 1024px){body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab{padding-left:2.5rem;}}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li{display:inline-block;width:auto;height:3em;margin:0;padding:0;transition:color 0.3s ease-in-out, background 0.3s ease-in-out;}@media screen and (max-width: 800px){body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li{width:100%;max-width:50%;}}@media screen and (max-width: 640px){body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li{max-width:100%;}}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a{display:inline-block;font-size:1rem !important;font-weight:normal;height:3em;padding:0 1em !important;border-left:1px solid #0082a3;border-bottom:0;line-height:3em !important;color:#fff;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a::before,body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a::after{display:none;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a:hover{color:#39c4e6;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a:active{background:purple;color:#fff;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li a.on{background:#fff !important;color:#004252 !important;border-left-color:transparent !important;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab li.back a.on{background:#0082a3 !important;color:#fff !important;}body[data-tree] #menu:not(:target) ~ nav #selection ul li.on .tab:target{height:auto;}a.button{display:inline-block;}.btn{display:inline-block;padding:.2em .5em;color:#707070;background:none;border:1px solid #707070;border-radius:3px;cursor:pointer;transition:all 0.3s ease-in-out;}.btn.min{font-size:.75em;}.btn.on{background:#eb7437;color:#fff;border-color:#eb7437;}.btn:hover{background:#eb7437;border-color:#eb7437;color:white;}.btn:active{background:purple;}body > h1{display:block;font-size:2.2em;width:100%;min-height:3rem;padding:1rem 2.5rem .4rem calc(2.5rem + 84px);line-height:1em;text-transform:uppercase;color:#0082a3;background:#f2f2f2;border-top:1px solid #ddd;overflow:hidden;z-index:70;}@media screen and (max-width: 1024px){body > h1{padding-left:2.5rem;}}body > h1 small{float:left;font-size:.4em;color:#00b6e4;width:100%;display:inline-block;line-height:2em;}body > h1 + ul{position:relative;display:none;width:100%;height:56px;padding:0 2.5rem 0 calc(2.5rem + 84px);color:#fff;background:#004252;z-index:60;font-size:1rem;}body > h1 + ul li{width:auto;margin:0;padding:0;border-top:10px solid #004252;transition:all 0.3s ease-in-out;}body > h1 + ul li a{display:inline-block;padding:10px 1em 0;color:inherit;border-left:1px solid #0082a3;height:3.3em;line-height:1.75em;}body > h1 + ul li a:active{background:purple;color:#fff;}body > h1 + ul li a.on{background:#fff;color:#004252;border-left-color:transparent;}body > h1 + ul li:first-child{display:none;}body > h1 + ul li.back a.on{background:#0082a3;color:#fff;}body > h1 + ul:target{height:auto;}main{position:relative;display:block;flex:1;width:100%;min-height:calc(100vh - 12rem);color:#707070;background:white;z-index:75;transition:all 0.3s ease-in-out;}main + a{position:fixed;display:block;top:auto;left:auto;bottom:1rem;right:1rem;width:3rem;height:3rem;margin:0;border:4px solid #39c4e6;border-radius:50%;background:#0082a3 url('//media.sfdermato.org/reco/template/arrow-up.svg') no-repeat center center;z-index:1000;transition:all 0.3s ease-in-out;opacity:0;}main + a:hover{background-color:#fff;border:4px solid #fff;}main + a:active{background-color:purple;}main + a.on{opacity:1;}@media screen and (max-width: 1024px){main + a:hover{background-color:purple;border-color:#39c4e6;}}main.aside{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;}main address .region{display:none;}main address .tel::before{content:"Tél. ";}main address .tel::before:lang(en){content:"Tel.: ";}main article{flex:1;max-width:890px;margin-left:6rem;padding:4rem 2.5rem;color:#707070;font-size:1.2em;line-height:1.5em;font-family:'Lato';font-weight:normal;}@media screen and (max-width: 1024px){main article{margin-left:0;}}main article h2{margin:.5em 0 1em 0;font-size:1.5em;}main article h3{margin:2.5em 0 .75em 0;font-size:1.2em;color:#eb7437;text-transform:uppercase;}main article h3.biblio + ul li{display:block;padding:0;background:url('//media.sfdermato.org/reco/template/arrow-right.svg') no-repeat 0 1.5em !important;padding-left:2em;}main article h3.biblio + ul li + li{border-top:1px dotted #707070;}main article h3.biblio + ul a{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:nowrap;width:100%;padding:1em 0;}main article h3.biblio + ul a p{flex:1;}main article h3.biblio + ul a p time{font-size:.75em;}main article h3.biblio + ul a filesize{width:4rem;margin-left:3.5rem;text-align:center;}main article h3.biblio + ul a filesize img{vertical-align:middle;padding:0 .3em;max-height:2em;width:auto !important;}@media screen and (max-width: 800px){main article h3.biblio + ul a{flex-direction:column;}main article h3.biblio + ul a filesize{width:100%;text-align:left;margin-bottom:1em;margin-left:0;}}main article h2 + p em{font-size:.7em;margin-left:.2em;}@media screen and (max-width: 1024px){main article h2 + p em{display:block;}}main article p{color:#474747;text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}main article p.next{margin-top:4em;text-align:left;}main article p.next a{margin-bottom:.3em;}main article img{position:relative;width:100%;max-width:100%;}main article img.zoom{cursor:zoom-in;}main article img.full{cursor:zoom-out;}main article figure{width:100%;margin-bottom:1em;}main article figure figcaption,main article figure legend{font-size:.8em;color:#bbb;line-height:1.2em;}main article filesize{float:right;}main article sup,main article sub{line-height:0;color:inherit !important;}main article sup a,main article sub a{color:inherit;}main article sup.note,main article sub.note{color:#39c4e6 !important;}main article sub.none,main article sup.none{color:inherit !important;}main article pre.ordo{white-space:pre-wrap;}main article .ordo{font-size:1.1rem;margin:0 0 .5em 0;padding:1rem;color:#282923;border-color:#ddd;background:#efefef;}main article .ordo .ttt{font-family:Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;}main article .ordo.duration{margin:0;}main article .ordo.duration + p{background:#707070;color:#fff;padding:0 .5em;height:2em;line-height:2em;font-size:.8em;}main article ul{margin-bottom:1em;}main article ul li{padding-left:1em;background:url('//media.sfdermato.org/reco/template/arrow-right.svg') no-repeat 0 .5em;}main article ul li a{color:inherit;}main article ul li a:hover{color:#eb7437;}main article ul li + li{margin-top:.5rem;}main article table{width:100%;margin-bottom:1rem;border-collapse:collapse;font-size:.8em;line-height:1.2em;}main article table caption{text-align:left;caption-side:top;text-transform:uppercase;background:#0082a3;color:#fff;padding:2px .5rem;font-size:.8em;}main article table pre{color:#282923;border-color:#ddd;background:#efefef;white-space:pre-wrap;}main article table pre + pre{margin-top:1px;border-top:1px dotted #666;}main article table tr{border-collapse:collapse;}main article table tr[data-visuel]{cursor:pointer;}main article table tr[data-visuel]:hover td{background:#eee;}main article table tr[data-visuel] + tr{display:none;}main article table td{padding:.5rem;border:1px solid #0082a3;border-collapse:collapse;}main article table.toggle caption{padding:0;}main article table.toggle caption a{display:block;min-height:2.4rem;align-items:center;padding:.3em .3em .3em 3.5em;color:#fff;background:#0082a3 url('//media.sfdermato.org/reco/template/read.svg') no-repeat .8em center;background-size:1.5rem;}main article table.toggle caption span{display:block;}main article table.toggle thead{font-size:1.25em;}main article table.toggle thead,main article table.toggle tbody{display:none;}main article table.toggle table td:first-child{width:25%;}main article table.toggle [data-grade]{margin-bottom:1em;}main article table:target thead,main article table:target tbody{display:block;}main article dl{font-size:.8em;line-height:1.2em;background:#f2f2f2;overflow:hidden;margin-bottom:1rem;padding:1.5rem;}main article dl dt{float:left;width:4em;color:#eb7437;}main article dl dd{float:left;width:calc(100% - 2em);}main article dl.note{padding:0;}main article dl.note dt{padding:.5rem .5rem .5rem 1.5rem;}main article dl.note dd{padding:.5rem 1.5rem .5rem .5rem;}main article dl.note dt{color:#39c4e6;}main article dl.note dt:target,main article dl.note dt:target + dd{background:purple;color:#fff;}main article dl.note dd{width:calc(100% - 4em);flex:1;}main article dl dd + dt,main article dl dd + dt + dd{margin-top:.5em;}main article dl.gallery{font-size:1rem;background:transparent;padding:0;}main article dl.gallery h4{font-size:1.2em;padding:.8em 0 .3em;}main article dl.gallery dt,main article dl.gallery dd{float:none;width:100%;color:#707070;font-size:1.25em;background:#f2f2f2;padding:1.5rem;}main article dl.gallery dt{font-size:1.5em;margin-top:1em;padding-bottom:.33em;font-weight:bold;}main article dl.gallery dd{font-size:1em;padding-top:0;margin-top:0;}main article dl.gallery figure{margin:.25em auto;}main article dl.gallery figure img{width:100% !important;max-width:100% !important;max-height:100vh;padding:.5em;}main article dl.gallery figcaption{margin-top:.33em;font-size:1em;}main article dl.gallery copyrightHolder{font-size:.75em;color:#aaa;}main article dl.gallery figures{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;}main article dl.gallery figures.col2 figure{width:48.8%;}main article dl.gallery figures.col3 figure{width:31.7%;}main article dl.gallery figures.col4 figure{width:23.2%;}main article dl.gallery figures.col3,main article dl.gallery figures.col4 figure::after{display:none;}main article dl.gallery figures figure{margin:0 0 1rem 0;}main article dl.gallery figures figure + figure{margin-left:1rem;}main article dl.gallery dt + dd > figures:first-child{padding-top:.75em;}main article [data-grade]{padding-left:.75rem;padding-bottom:2.5rem;position:relative;border-left:5px solid #707070;}main article [data-grade]::before{position:absolute;content:"GRADE " attr(data-grade);display:inline-block;text-transform:uppercase;font-size:.75rem;bottom:0;font-weight:bold;}main article [data-grade]::before:lang(en){content:"STAGE " attr(data-grade);}main article [data-grade=a]{border-color:#0082a3;}main article [data-grade=b]{border-color:#eb7437;}main article [data-grade=b1]{border-color:#ff9255;}main article [data-grade=b2]{border-color:#ffb073;}main article [data-grade=c]{border-color:#39c4e6;}main article [data-grade=d]{border-color:#ffba00;}main article [data-grade=ae]{border-color:#707070;}main .insert{padding:2rem;border:1px solid #999;background:#eee;margin:0 0 1em 0;}main ol.source{font-size:.8em;line-height:1.24;margin:1.6em 0;}main ol.source li{list-style:decimal outside;margin-left:1em;}main ol.source li + li{margin-top:.5em;}main aside{position:sticky;top:0;width:100%;max-width:400px;padding:5.75rem 2.5rem 2rem;border-left:1px dotted #bbb;}main aside img[src="//cdn.sfdermato.org/img/logo/centre-de-preuves-en-dermatologie.svg"]{max-width:50%;margin:0 auto;}@media screen and (max-width: 1000px){main aside{max-width:100%;margin-top:1rem;border-top:1px dotted #bbb;border-left:none;}}main aside h3{font-family:"Century Gothic", "TeXGyreAdventor", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;color:#707070;margin:0 0 1rem 0;}main aside > ul{width:100%;overflow:hidden;}main aside > ul li{width:100%;margin-top:1px;color:#707070;background:#dedede;border-radius:3px;transition:all 0.3s ease-in-out;}main aside > ul li.rat + .sum{margin-top:.8rem;}main aside > ul li:hover{color:#fff;background-color:#39c4e6;}main aside > ul li a{display:block;width:100%;height:100%;color:inherit;padding:1rem 1rem 1rem 2rem;background:url('//media.sfdermato.org/reco/template/arrow-right.svg') no-repeat 1rem 1.25em;transition:all 0.3s ease-in-out;}main aside > ul li a:focus{background-color:purple;}main aside > ul+ h3{margin-top:2em;}main aside div{margin:0 0 3em 0;padding:1rem;border:1px solid #a2a2a2;font-family:"Lato";}main aside div h4{font-family:"Century Gothic", "TeXGyreAdventor", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;}main aside div li + li{margin-top:1em;}main aside p.org{margin-top:5.75rem;}main aside p.org a{display:block;}main aside p.org + address{line-height:1.5;}main aside p.org + address .region{display:none;}main aside p.org + address .tel{white-space:nowrap;}body:not(#homepage) main,body:not(.tree) main{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-wrap:wrap;}@media screen and (max-width: 1024px){main header{width:100%;}main article hr + p .btn{margin-top:.3em;margin-left:0;display:block;text-align:center;}main ul#thematiques{display:none;}main header div{position:relative;}main header nav.algorithm{width:660px;padding:10vh 0 0 0;zoom:60%;}main header nav.toc{font-size:1rem;left:1em;top:1em;}main > h1{margin-top:0;}main aside a.url{display:block;}main aside img[src="//cdn.sfdermato.org/img/logo/centre-de-preuves-en-dermatologie.svg"]{display:block;max-width:50%;margin:0 auto;}main #switch{display:block;font-size:1rem;margin:0;width:100%;}main #switch li.hide{display:block;}main #switch li.wide{display:none;}}@media screen and (max-width: 800px){main section{font-size:1.25em;max-width:100%;overflow-x:auto;}main aside address{text-align:center;}body#homepage main article{padding:4rem .5rem;}body.biblio main article li p{text-align:left;}}article > h2:first-of-type + p{margin-top:-1em;margin-bottom:2em;}article > h2:first-of-type + p a.btn{font-size:.66em;height:2em;line-height:2em;margin-top:-0.75em;padding:0 .5em;text-transform:uppercase;background:#eee;}article > h2:first-of-type + p a.btn:first-child{padding:0 .5em 0 1.8em;background:#fff url('//media.sfdermato.org/reco/template/arrow-left.svg') no-repeat .75em center;background-size:.5em;}article > h2:first-of-type + p a.btn:hover{background-color:#eb7437;background-position:-1em center;padding-left:.5em;}article > h2:first-of-type + p a.btn:active{background-color:purple;}ul.institution{overflow:hidden;margin-top:4em;}ul.institution li{display:block;float:left;padding:0;background:none;width:100%;max-width:15%;height:100px;}ul.institution li + li{margin:0 0 0 1em;padding-left:1em;}ul.institution li a{display:inline-block;width:100%;height:100%;}ul.institution li img{width:100%;}body.address aside address div{margin:0;padding:0;border:none;}@keyframes algomove{from{top:-60px;opacity:0;}to{top:0;opacity:1;}}@keyframes shine{0%{color:#004252;}2%{color:#fff;opacity:1;}5%{color:#004252;}7%{color:#fff;}95%{opacity:1;}100%{opacity:0;}}main .ee{position:absolute;bottom:-1rem;left:50%;display:block;width:24px;height:24px;background-size:contain !important;margin:0 auto;margin-left:-12px;border-radius:12px;cursor:pointer !important;z-index:1;transition:all 0.3s ease-in-out;}main .ee.ee-next{background:url('//media.sfdermato.org/reco/template/next.svg') no-repeat center center;}main .ee.ee-next + ul{margin-top:20px;}main .ee.ee-prev{background:url('//media.sfdermato.org/reco/template/prev.svg') no-repeat center center;}main .ee.ee-read{background:url('//media.sfdermato.org/reco/template/read.svg') no-repeat center center;}main .ee a{width:100%;height:100%;display:block;background:none;}main figure.slide{margin:0 auto;padding:2em 0 4em 0;border-top:1px dotted #39c4e6;max-width:300px;display:block;text-align:center;-webkit-animation:showtip 0.6s cubic-bezier(0.390,0.575,0.565,1.000) 1.8s both;animation:showtip 0.6s cubic-bezier(0.390,0.575,0.565,1.000) 1.8s both;}main figure.slide img{border:none;max-width:100%;}main figure.slide figcaption{color:#fff;}main > figure.slide figcaption{font-size:1em;}body.slide main{display:block !important;text-align:center;background:#0082a3;overflow:hidden;overflow-x:auto;scrollbar-color:#39c4e6 #0082a3;}body.slide main article{width:100%;max-width:100%;margin:0;padding:4rem 8.5rem;}body.slide main article > h2{color:#fff;}body.slide main feedback{display:none;}body.tree main{display:block !important;text-align:center;background:#0082a3;overflow:hidden;overflow-x:auto;scrollbar-color:#39c4e6 #0082a3;}body.tree main article{padding-top:2rem;display:inline-block;margin-left:0 !important;}body.tree main article:focus{cursor:crosshair;}@media screen and (max-width: 1024px){body.tree main{padding-left:0;}}body.tree main p.down,body.tree main p.info{display:block;text-align:center;font-size:14px;font-family:'Lato';}body.tree main p.info{margin:2em auto;-webkit-animation:showtip 0.5s cubic-bezier(0.390,0.575,0.565,1.000) 2s both;animation:showtip 0.5s cubic-bezier(0.390,0.575,0.565,1.000) 2s both;}body.tree main p.info span{display:inline-block;margin:.1em;padding:.33em .66em;color:#004252;background:#ffba00;border-radius:3px;}body.tree main p.down{-webkit-animation:showdown 0.4s ease-in-out 2.1s both;animation:showdown 0.4s ease-in-out 2.1s both;}body.tree main p.down a{color:#fff;}body.tree main p.down:hover{background:#fff;}body.tree main p.down:hover a{color:#0082a3;}body.tree main ul.algorithm{animation-name:algomove;animation-duration:1.33s;transition:all 0.3s ease-in-out;display:block;width:659px;margin:0 auto;padding-top:6vh;text-align:center;overflow:hidden;}body.tree main ul.algorithm > li{padding:0 1em;transition:all 0.3s ease-in-out;}body.tree main ul.algorithm > li [data-tree="end_empty"]{padding-bottom:3em;}body.tree main ul.algorithm li{display:block;float:left;width:100%;min-height:152px;margin-top:0;padding:0;text-align:center;background:none;opacity:.25;transition:all 0.3s ease-in-out;}body.tree main ul.algorithm li.disease{position:relative;}body.tree main ul.algorithm li.disease i{bottom:auto;top:-36px;margin-left:-10px;}body.tree main ul.algorithm li.disease i a{background:none;}body.tree main ul.algorithm li:hover{opacity:1 !important;}body.tree main ul.algorithm li a{padding:.3em;background:#0082a3;width:100%;}body.tree main ul.algorithm li a.on,body.tree main ul.algorithm li a:hover{color:#ffe400;}body.tree main ul.algorithm li ul{display:none;width:100%;}body.tree main ul.algorithm li[data-num="0"]{width:100%;opacity:1;}body.tree main ul.algorithm li[data-level="1"]{display:block;float:left;width:33.3333% !important;text-align:center;}body.tree main ul.algorithm li[data-level="1"].active{opacity:1;}body.tree main ul.algorithm li[data-level="1"].active > ul li{opacity:1;}body.tree main ul.algorithm li[data-level="3"]{text-transform:uppercase;}body.tree main ul.algorithm li[data-level="3"] a{color:#fff;}body.tree main ul.algorithm li[data-level="3"] a.on{color:#ffba00;}body.tree main ul.algorithm li h3.label a{color:#39c4e6;}body.tree main ul.algorithm li.inter{border-bottom:1px dotted #fff;}body.tree main ul.algorithm li[data-ee="open"],body.tree main ul.algorithm li[data-ee="close"]:hover{opacity:1 !important;}body.tree main ul.algorithm li[data-ee="close"]:not([data-level="2"]){opacity:.25 !important;}body.tree main ul.algorithm li[data-ee="close"]:not([data-level="2"]):hover{opacity:1 !important;}body.tree main ul.algorithm li[data-ee="open"] > * > .ee{transform:rotate(180deg);bottom:-40px;}body.tree main ul.algorithm li[data-state="opened"]{opacity:1;}body.tree main ul.algorithm li[data-state="opened"] > ul{display:block;}body.tree main ul.algorithm li[data-tree="end_empty"]{background:url('//media.sfdermato.org/reco/template/tree_end_empty.svg') no-repeat center top;}body.tree main ul.algorithm li[data-tree="full_empty"]{background:url('//media.sfdermato.org/reco/template/tree_full_empty.svg') no-repeat center top;}body.tree main ul.algorithm li[data-tree="vertical_empty"]{background:url('//media.sfdermato.org/reco/template/tree_vertical_empty.svg') no-repeat center top;}body.tree main ul.algorithm li h3.label + ul{display:block !important;}body.tree main ul.algorithm li li[data-tree="end_empty"][data-ee="open"]{background:url('//media.sfdermato.org/reco/template/tree_vertical_empty.svg') no-repeat center top;}body.tree main ul.algorithm h1,body.tree main ul.algorithm h2,body.tree main ul.algorithm h3,body.tree main ul.algorithm h4,body.tree main ul.algorithm h5{position:relative;display:flex;height:84px;width:100%;align-items:center;justify-content:center;font-size:1rem;line-height:1.1em;font-weight:normal;color:#fff;text-transform:uppercase;}body.tree main ul.algorithm h1 ul,body.tree main ul.algorithm h2 ul,body.tree main ul.algorithm h3 ul,body.tree main ul.algorithm h4 ul,body.tree main ul.algorithm h5 ul{display:none;}body.tree main ul.algorithm h1{background:none;}body.tree main ul.algorithm h2{height:70px;margin-bottom:2em;cursor:pointer;}body.tree main ul.algorithm h2:hover a{color:#ffe400;}body.tree main ul.algorithm h2 + ul li{padding:0;min-height:110px;}body.tree main ul.algorithm h3{margin:0;}body.tree main ul.algorithm h4{font-weight:bold;}body.tree main ul.algorithm h4 i{bottom:-0.5rem;}body.tree main ul.algorithm h4 + ul{margin-top:66px;}body.tree main ul.algorithm a{color:inherit;}body.tree main ul.algorithm + figure figcaption{font-size:1em;}body.toc main{background:#0082a3;}body.toc main figure,body.toc main p.info,body.toc main i,body.toc main h1{display:none;}body.toc main ul.algorithm{position:relative;font-size:1rem;padding:0;margin:0;font-weight:normal !important;line-height:1.5em !important;}body.toc main ul.algorithm a{color:#fff;width:auto;}body.toc main ul.algorithm a br{display:none;}body.toc main ul.algorithm ul{padding-left:2em;border-left:1px dotted #39c4e6;}body.toc main ul.algorithm li{background:none;}body.toc main ul.algorithm h2,body.toc main ul.algorithm h3,body.toc main ul.algorithm h4,body.toc main ul.algorithm h5{margin:0 0 1em;}body.toc main ul.algorithm h2::first-letter,body.toc main ul.algorithm h3::first-letter,body.toc main ul.algorithm h4::first-letter,body.toc main ul.algorithm h5::first-letter{text-transform:capitalize;}body.toc main ul.algorithm h2{margin-top:1em;font-family:"Century Gothic", "TeXGyreAdventor", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;}body.toc main ul.algorithm h3 a{color:#57e2ff;}body.toc main ul.algorithm .dymo{padding:0 !important;background:none;}body.toc main ul.algorithm small{font-size:inherit;}body.toc main ul.algorithm br + small{margin-left:.3em;}body[data-tree="ucs"] [data-grade="ae"]::before{position:absolute;content:"Avis d’expert";display:inline-block;text-transform:uppercase;font-size:1rem;bottom:0;font-weight:bold;color:#707070;}body[data-tree="ucs"] [data-grade="ae"]::before:lang(en){content:"Expert advice";}#hs_toc li[data-num=PR12] > h3.label:first-child{color:#ff0;}body.toc ul.algorithm{margin-left:6rem;}#homepage > nav,#homepage > h1{display:none;}#homepage main{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:row;align-items:center;min-height:calc(100vh - 6rem);padding:2rem;background:#006883 url('//media.sfdermato.org/reco/template/cdp_logo_w_transparent.svg') no-repeat center;background-size:80%;}@media screen and (max-width: 1024px){#homepage main{flex-direction:column;align-items:flex-start;}}#homepage main article{font-size:1rem;max-width:939px;margin-left:4em;}@media screen and (max-width: 1280px){#homepage main article{margin-left:0;}}@media screen and (max-width: 1024px){#homepage main article{padding:2rem 0;}}@media screen and (max-width: 800px){#homepage main article{font-size:.8rem;}}#homepage main article h1{display:block;font-size:3em;line-height:1.1;font-family:"Century Gothic", "TeXGyreAdventor", "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura, sans-serif;font-weight:normal;color:#ffe400;padding:0;background:none;text-transform:none;}#homepage main article h1 strong{font-size:2em;width:100%;display:inline-block;}#homepage main article h1 strong:lang(en){font-size:1.5em;}#homepage main article h1 small{color:#fff;font-size:1em;line-height:1.3em;}@media screen and (max-width: 800px){#homepage main article h1{font-size:1.5em;}}#homepage main aside{padding-top:2rem;}#homepage main aside h3{color:#fff;}#homepage main aside a{color:#004252;}#homepage main aside li:hover{background:#ffba00;}#homepage main aside li:hover a:focus{color:#fff;}@media screen and (max-width: 1024px){#homepage main aside{padding:2rem 0;}}.hidandshow,.proposition,#proposition{display:none;padding:2rem;background:#eee;border:1px solid #707070;border-radius:3px;}.hidandshow:target,.proposition:target,#proposition:target{display:block;}.hidandshow a[href="#close"],.hidandshow a[href="#fermer"],.proposition a[href="#close"],.proposition a[href="#fermer"],#proposition a[href="#close"],#proposition a[href="#fermer"]{display:inline-block;float:right;margin:0 0 1em 1em;}.hidandshow h3:first-of-type,.proposition h3:first-of-type,#proposition h3:first-of-type{margin-top:0;}.hidandshow h4,.proposition h4,#proposition h4{font-size:1.2em;margin:2em 0 .5em 0;}.hidandshow h3 + h4,.proposition h3 + h4,#proposition h3 + h4{margin-top:1em;}.hidandshow sub,.hidandshow sup,.hidandshow li,.proposition sub,.proposition sup,.proposition li,#proposition sub,#proposition sup,#proposition li{color:inherit !important !important;}.hidandshow em.note,.proposition em.note,#proposition em.note{font-size:.8em;display:block;padding:0 0 0 1em;margin:.3em 0 1em;line-height:1.3em;}.hidandshow li[data-mid],.proposition li[data-mid],#proposition li[data-mid]{background:none;list-style:none;margin:.5em 0 .5em -1em;color:darkgoldenrod !important;font-weight:bold;text-transform:uppercase;}.hidandshow ol,.proposition ol,#proposition ol{list-style:decimal !important;padding-left:1em;}.hidandshow ol 		li,.proposition ol 		li,#proposition ol 		li{list-style:decimal !important;padding-left:1em;}.hidandshow ol li + li,.proposition ol li + li,#proposition ol li + li{margin-top:.33em;}#about ul.institution li{background-repeat:no-repeat;background-position:center;background-size:contain;}#about ul.institution li:nth-child(1){background-image:url('//media.sfdermato.org/reco/template/sfd_logo.svg');}#about ul.institution li:nth-child(2){background-image:url('//media.sfdermato.org/reco/content/institution/cedef.png');}#about ul.institution li:nth-child(3){background-image:url('//media.sfdermato.org/reco/content/institution/fffcedv.png');}#about ul.institution li:nth-child(4){background-image:url('//media.sfdermato.org/reco/content/institution/has.png');}#cheatsheet article ul.table{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column;}#cheatsheet article ul.table li{width:100%;}#cheatsheet article ul.table li + li{margin-top:1px;}#cheatsheet article ul.table li{width:100%;padding:1em;background:none;}#cheatsheet article ul.table li:nth-child(1){border-left:.5em solid #0082a3;}#cheatsheet article ul.table li:nth-child(2){border-left:.5em solid #eb7437;}#cheatsheet article ul.table li:nth-child(3){border-left:.5em solid #39c4e6;}#cheatsheet article ul.table li:nth-child(4){border-left:.5em solid #707070;}#cheatsheet article ul strong{display:inline-block;}body:not(#cheatsheet) main article ul.table{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;display:table;flex-wrap:nowrap;justify-content:center;align-items:stretch;border-collapse:collapse;}body:not(#cheatsheet) main article ul.table li{display:table-cell;background:none;padding:1rem;border:1px solid #a2a2a2;text-align:left;}body:not(#cheatsheet) main article ul.table li + li{margin:0;}body:not(#cheatsheet) main article ul.table h4{display:block;border-bottom:1px solid #707070;padding-bottom:.5em;margin-bottom:.5em;}body:not(#cheatsheet) main article ul.table p{text-align:left;}#glossary article abbr{font-weight:bold;}#glossary article abbr::after{content:attr(title);display:block;font-weight:normal;}#sitemap article h4{margin:1em 0 .4em 0;}#sitemap article .cap li::first-letter{text-transform:uppercase;}#sitemap article ul ul{margin-left:1rem;}body[data-tree] > h1{display:none;}body[data-tree] main > h1 + ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;}body.cc article li{color:#474747;}body.cc article li sub,body.cc article li sup{color:#474747 !important;}#hs_toc ul.algorithm li[data-num="PR12"].inter h3{color:#ffba00;}#hs_lesion article h4{display:inline-block;height:2em;padding:0 1em;font-size:.8em;line-height:2em;background:#eb7437;color:#ff3;border-radius:3px 3px 0 0;}#hs_lesion article h4 + dl.gallery:before{content:" ";display:block;border-top:1px solid #eb7437;margin:0;}#hs_lesion article dl + h4{margin-top:2em;}body[data-tree="ucs"]:not(.tree) main article sup{color:inherit !important;}footer{position:relative;padding:2rem;color:#ffba00;background:#004252;z-index:10;}footer SiteNavigationElement{display:flex;width:100%;padding-left:90px;}@media screen and (max-width: 1024px){footer SiteNavigationElement{padding-left:0;}}footer SiteNavigationElement a{color:#ffba00;transition:all 0.3s ease-in-out;}footer SiteNavigationElement a:hover{color:#fff;}footer SiteNavigationElement a + a{margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(0,0,0,0.25);}footer SiteNavigationElement copyright{display:inline-block;margin-left:2rem;color:#0082a3;}footer SiteNavigationElement copyright a{color:inherit;}footer SiteNavigationElement copyright a span{display:none;}footer SiteNavigationElement > a:first-child::after{content:"↗";position:relative;top:-0.5em;font-size:80%;margin-left:.2em;}footer SiteNavigationElement a.top{flex:1;width:30%;text-align:right;}footer SiteNavigationElement a.top img{margin-left:.5em;}footer SiteNavigationElement a.top::before{content:"Remonter ";}footer SiteNavigationElement a.top:lang(en)::before{content:"Up ";}vcard{display:none;}@media screen and (max-width: 800px){footer{padding:2rem;}footer sitenavigationelement{padding:0;}}@media screen and (max-width: 800px){footer sitenavigationelement{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column;}footer sitenavigationelement copyright,footer sitenavigationelement a.top,footer sitenavigationelement > a{font-size:1em;width:100%;margin:0 !important;padding:1em 2em !important;line-height:1.2;text-align:center;border:none !important;border-top:1px dotted #ffba00 !important;}footer sitenavigationelement > a:first-child{border:none !important;}footer sitenavigationelement > a:first-child::before{content:"VISITER LE SITE DE ";}footer sitenavigationelement > a:first-child::before:lang(en){content:"";}footer sitenavigationelement > a:nth-child(2)::after{content:" DU SITE";}footer sitenavigationelement > a:nth-child(2)::after:lang(en){content:"";}footer sitenavigationelement > a.top img{margin:0;}footer sitenavigationelement > a.top::before{content:"";}footer sitenavigationelement copyright{order:10;}}body.popin{display:flex;align-items:center;justify-content:center;min-height:100%;padding:0;background:#111;}body.popin > a.close{display:flex;width:100%;align-items:center;justify-content:center;min-height:100%;padding:1rem;}body.popin > a.close::after{position:absolute;display:inline-block;content:" ";width:24px;height:24px;background:url('//media.sfdermato.org/reco/template/close.svg') no-repeat center center;background-size:contain;right:1.3rem;top:1.3rem;z-index:10000;cursor:pointer;transition:all 0.3s ease-in-out;}body.popin #totop,body.popin progressread,body.popin > nav,body.popin > h1,body.popin > header,body.popin > main,body.popin > main + a,body.popin > footer{display:none !important;}body.popin img{cursor:pointer;max-width:100%;max-height:96vh;z-index:1100;}body.popin img.poped{cursor:zoom-out;}feedback{font-size:1rem;display:block;margin:3em 0 1em 0;padding-top:2em;border-top:1px solid #707070;color:#3e3e3e;}feedback button{display:inline-block;padding:.2em .5em;color:#707070;background:none;border:1px solid #707070;border-radius:3px;cursor:pointer;transition:all 0.3s ease-in-out;}feedback button.min{font-size:.75em;}feedback button.on{background:#eb7437;color:#fff;border-color:#eb7437;}feedback button:hover{background:#eb7437;border-color:#eb7437;color:white;}feedback button:active{background:purple;}feedback button[disabled]{cursor:default;border-color:#999;background:#999;}feedback ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;flex-direction:column;}feedback ul li{min-height:1em;}feedback ul li + li{margin-left:0;background:none;}feedback ul li:last-child{display:none;}feedback ul li:last-child textarea,feedback ul li:last-child input{font-size:1em;display:block;width:100%;margin:0 0 .5em 0 !important;padding:.5em;border:1px solid #7a7a7a;font-family:'Lato';color:#707070;}feedback ul li:last-child h4{margin-bottom:.3em;}feedback ul li:last-child p{margin:1em 0 .5em 0;line-height:1.2;}feedback ul li:last-child p em{font-size:.9em;}feedback.on li{display:block !important;}feedback.on li:nth-child(2){display:none !important;}feedback.yes li:nth-child(2){visibility:hidden;}feedback.done li:nth-child(4){opacity:.4;}@media screen and (max-width: 800px){feedback{font-size:1.2rem;}feedback button{font-size:1.2em;}}