@charset "UTF-8";/*! Copyright Xooloop Studio www.xooloop.fr */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}*,hr{box-sizing:content-box}body,html{display:flex}@keyframes masuperanimation{0%,20%,40%{transform:rotate(0) scale(1)}10%{transform:rotate(5deg) scale(1.2)}30%{transform:rotate(-5deg) scale(1.2)}}@keyframes masuperanimation2{0%,20%,40%{transform:rotate(0) scale(1)}10%{transform:rotate(2deg) scale(1.05)}30%{transform:rotate(-2deg) scale(1.05)}}@font-face{font-family:MaterialIconsEx;src:url(materialdesignicons-webfont-v7.4.47.woff2) format("woff2"),url(materialdesignicons-webfont-v7.4.47.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:MyriadPro;src:url(MyriadPro-Light.woff2) format("woff2"),url(MyriadPro-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:MyriadPro;src:url(MyriadPro-Regular.woff2) format("woff2"),url(MyriadPro-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(avenir-light-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}dfn{font-style:italic}h1{font-size:2em;margin:0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,h1,h2,h3,h4{font-family:MyriadPro,Arial,sans-serif}html{overflow-y:scroll;font-size:62.5%;font-size:calc(1em * .625);flex-direction:column}*{padding:0;margin:0}body{margin:0;font-size:1.5rem;flex-direction:column;min-height:100vh;height:auto}p{line-height:1.2}.clear{clear:both}.hidden{display:none}.paginator a,a.button{display:inline-block;transition:.1s linear}.red{color:red}img.fit-cover{object-fit:cover}h1,h2,h3,h4{font-weight:400;font-style:normal}.left{float:left}.right{float:right}a{background-color:transparent;-webkit-text-decoration-skip:objects;outline:0;color:#007F3F;font-weight:400}a img{border:none}a.url_download{position:relative;padding-right:2.5rem}a.url_download::before{content:"󰥦";font-family:MaterialIconsEx;position:absolute;top:.4rem;right:1.1rem;width:1rem;height:100%;text-align:center;font-size:1.6rem;line-height:1rem}a.button,b,strong{font-family:MyriadPro,Arial,sans-serif}a.button{cursor:pointer;line-height:2;text-align:center;background:#007F3F;color:#fff;text-transform:uppercase;text-decoration:none;padding:1rem 4rem .5rem;font-weight:400;font-size:1.9rem;white-space:nowrap}a.button.with_icon{position:relative}a.button.with_icon::before{content:"";font-family:MaterialIconsEx;position:absolute;top:0;left:1rem;width:2rem;height:100%;text-align:center;font-size:1.7rem;line-height:4rem}a.button.active,a.button:focus,a.button:hover{background:#00994c}a.button.readonly{background:#777}a.button.readonly.active,a.button.readonly:focus,a.button.readonly:hover{background:#777}a.button.button_centered{margin-left:50%;transform:translateX(-50%)}a.button.external{position:relative}a.button.external::before{content:"󰏌";font-family:MaterialIconsEx;position:absolute;top:.6rem;right:1.2rem;width:2rem;height:100%;text-align:center;font-size:1.7rem;line-height:4rem}a.button.url_download{position:relative}a.button.url_download::before{content:"󰥦";font-family:MaterialIconsEx;position:absolute;top:.6rem;right:1.2rem;width:2rem;height:100%;text-align:center;font-size:2rem;line-height:4rem}body,body #header{position:relative}a.button.thinner{line-height:1.5;padding:.5rem 2rem 0rem}a.button.smaller{font-size:1.6rem;line-height:1.8;padding:.5rem 1rem 0rem}a.button.smaller.external,a.button.smaller.url_download{padding-right:4rem}a.button.smaller.external::before,a.button.smaller.url_download::before{top:-.2rem}.line.with2buttons a.button{max-width:45%}a.button.white{border:1px solid #007F3F;background:#fff;color:#007F3F}a.button.white.active,a.button.white:focus,a.button.white:hover{color:#00994c;background:#fff;border-color:#00994c}b,strong{font-weight:700}body #header a#logo h1,body #header a#logo h1.sub{font-family:Avenir,Arial,sans-serif;position:absolute}.paginator{text-align:center;padding:15px 0}.paginator a{border-radius:50%;margin:1.5rem;box-shadow:0 0 3px #fff;height:2rem;width:2rem;border:2px solid #7d8486;background:rgba(255,255,255,.5)}.paginator a.selector-current{border-color:#414141;background:rgba(255,255,255,.8)}.paginator a:hover{border-color:#414141;background:#fff}body{z-index:0}body #header{flex:0 0 auto;z-index:2;height:100px;border-bottom:1px solid #EEE;transition:height .1s linear}body #header a#logo{display:block;height:100%;line-height:40px;text-align:left;position:absolute;top:0;left:4vw;right:4vw}body #header a#logo h1{transition:.1s linear;color:#7d8486;display:block;font-size:3.5rem;letter-spacing:2px;top:1rem;left:100px}body #header a#logo h1.sub{transition:.1s linear;font-style:normal;letter-spacing:0;top:auto;bottom:.3rem;font-size:2.3rem;white-space:nowrap}body #header a#logo::before{left:0;content:"";position:absolute;top:1.5rem;width:75px;height:75px;background:url(../img/SUF_logo.png) no-repeat;background-size:contain}body #header #connectarea{position:absolute;top:0;right:4vw;width:auto;height:3.4rem;display:grid;grid-template-rows:3.4rem;grid-template-columns:auto auto auto auto}body #header #connectarea a{height:2.8rem;font-size:1.5rem;line-height:1.8;padding:.4rem 1rem 0 3rem;margin-left:1rem}body #header #connectarea a::before{content:"";line-height:3.2rem;font-size:1.5rem;top:0;left:.5rem}body #header #connectarea a#button_admin::before{content:"󰒓"}body #header #connectarea a#button_account::before{content:"󰀄"}body #header #connectarea a#button_logout::before{content:"󰗽"}body #header #connectarea a#button_login::before{content:"󰗼"}body #header #connectarea a#don_area{position:relative;text-decoration:none;cursor:pointer;margin-left:0;width:auto;height:3.4rem;line-height:1.1;font-size:1.5rem;color:red;padding:2px 0 0 3.6rem}body #header #connectarea a#don_area::before{position:absolute;font-size:3.4rem;height:3.4rem;width:3.4rem;left:0;top:0;line-height:1;text-align:center;color:red;content:"󰣐";font-family:MaterialIconsEx;animation:masuperanimation 1s infinite}body #header nav#menu{flex:none;z-index:2;position:absolute;right:4vw;bottom:0}body #header nav#menu ul{list-style:none;display:flex}body #header nav#menu ul li.menu{height:100%;margin:0 10px;padding:0 5px;font-family:MyriadPro,Arial,sans-serif;font-size:2.3rem;line-height:50px;text-align:center;transition:.1s linear}body #header nav#menu ul li.menu:last-child{margin-right:0}body #header nav#menu ul li.menu a{text-decoration:none;color:#7d8486;white-space:nowrap;display:block;cursor:pointer;transition:color .1s linear}body #header nav#menu ul li.menu a.active,body #header nav#menu ul li.menu a.current{color:#414141}body #header nav#menu ul li.menu a:hover,body #header nav#menu ul li.menu.current>a{color:#007F3F}body #header nav#menu ul li.menu.more{position:relative;z-index:1}body #header nav#menu ul li.menu.more>ul.submenu{display:none;flex-direction:column;position:absolute;width:auto;height:auto;top:100%;left:0;z-index:1;background:#fff;border-top:4px solid #007F3F;box-shadow:0 1px 4px #ADADAD}body #header nav#menu ul li.menu.more:hover>ul.submenu,html.page_listing .line,html.page_solo .line{display:flex}body #header nav#menu ul li.menu.more>ul.submenu li{text-align:left}body #main{flex:1 0 auto;z-index:1;padding-top:3rem}body #footer{margin:30px 0 10px;text-align:center;flex:0 0 auto}body #footer a#copyright{font-size:1.4rem;color:#bec1c2;transition:color .1s linear}body #footer a#copyright:hover{color:#7d8486}html.page_listing #contentarea{margin:0 4vw;transition:margin .1s linear}html.page_listing .line .list_item,html.page_solo .line .list_item{width:22vw;height:auto;margin:3vh 0;margin-right:4vw;transition:.1s linear}html.page_listing .line .list_item:nth-child(4n),html.page_solo .line .list_item:nth-child(4n){margin-right:0}html.page_listing .line .list_item .image,html.page_solo .line .list_item .image{box-sizing:border-box;width:auto;height:auto;border:1px solid #E5E5E5;overflow:hidden;position:relative;z-index:0;transition:border-color .1s linear}html.page_listing .line .list_item .image img,html.page_solo .line .list_item .image img{display:block;box-sizing:border-box;transform:scale(1);transition:.1s linear;max-width:100%;max-height:100%}html.page_listing .line .list_item .texts,html.page_solo .line .list_item .texts{min-height:80px;text-align:center}html.page_listing .line .list_item .texts h2,html.page_solo .line .list_item .texts h2{line-height:3rem;font-size:2.2rem;color:#7d8486;transition:color .1s linear;font-weight:400;text-transform:uppercase;padding-top:6px}html.page_listing .line .list_item .texts h3,html.page_solo .line .list_item .texts h3{line-height:2.4rem;font-size:1.8rem;color:#7d8486;transition:color .1s linear;font-weight:400}html.page_listing .line .list_item .texts h4,html.page_solo .line .list_item .texts h4{line-height:2rem;font-size:1.6rem;color:#9dA4A6;transition:color .1s linear;font-weight:200}html.page_listing .line .list_item:hover .image,html.page_solo .line .list_item:hover .image{border-color:#414141}html.page_listing .line .list_item:hover .image img,html.page_solo .line .list_item:hover .image img{transform:scale(1.05)}html.page_listing .line .list_item:hover .texts h2,html.page_listing .line .list_item:hover .texts h3,html.page_solo .line .list_item:hover .texts h2,html.page_solo .line .list_item:hover .texts h3{color:#414141}html.page_listing .line .list_item:hover .texts h4,html.page_solo .line .list_item:hover .texts h4{color:#7d8486}html.page_solo #contentarea{margin:0 4vw}html.page_solo #contentarea .error404{max-width:800px;margin:0 auto;display:flex}html.page_solo #contentarea .error404 .image{flex:0 0 auto;width:150px}html.page_solo #contentarea .error404 .image img{max-width:100px;max-height:100px}html.page_solo #contentarea .error404 .texts{flex:1 0 0;text-align:justify;font-size:1.8rem;color:#414141}html.page_solo #contentarea .error404 .texts ol,html.page_solo #contentarea .error404 .texts ul{padding-left:20px}html.page_solo #contentarea .error404 .texts ol li,html.page_solo #contentarea .error404 .texts ul li{margin:10px 0}html.page_solo #contentarea .grid{display:grid;grid-gap:30px;grid-template-columns:30vw 1fr;grid-template-rows:auto auto auto;margin-bottom:30px}html.page_solo #contentarea .grid .links-area{margin-top:20px;display:flex;justify-content:space-arround}html.page_solo #contentarea .grid .links-area .button{flex:1 1 auto;margin:0 5px;white-space:normal;padding:.5rem 1.5rem 0;position:relative}html.page_solo #contentarea .grid .links-area .button:first-child{margin-left:0}html.page_solo #contentarea .grid .links-area .button:last-child{margin-right:0}html.page_solo #contentarea .grid .links-area .button::before{content:"";font-family:MaterialIconsEx;position:absolute;top:12px;color:#fff;line-height:1;font-size:2rem;text-align:left}html.page_solo #contentarea .grid .links-area .button.prev::before{content:"󰅁";left:0}html.page_solo #contentarea .grid .links-area .button.next::before{content:"󰅂";right:0}html.page_solo #contentarea .grid .grid-item.grid-item-title{grid-column:2;grid-row:1}html.page_solo #contentarea .grid .grid-item.grid-item-title h1{text-align:center;font-size:2.6rem;color:#414141;font-weight:400;text-transform:uppercase;line-height:2;margin-bottom:5px;letter-spacing:5px}html.page_solo #contentarea .grid .grid-item.grid-item-title h1.title{background:#007F3F;color:#fff;padding-top:5px}html.page_solo #contentarea .grid .grid-item.grid-item-title h1 a{text-align:center;font-size:2.6rem;color:#414141;font-weight:400;text-transform:uppercase}html.page_solo #contentarea .grid .grid-item.grid-item-image{grid-column:1;grid-row:1/span 3;min-height:30vw}html.page_solo #contentarea .grid .grid-item.grid-item-image .image{width:30vw;height:30vw;border:1px solid #E5E5E5;overflow:hidden;z-index:0;text-align:center;position:relative;box-sizing:border-box}html.page_solo #contentarea .grid .grid-item.grid-item-image .image img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);box-sizing:border-box}html.page_solo #contentarea .grid .grid-item.grid-item-image .image.thumb{flex:0 0 auto;width:8vw;height:8vw;margin-right:3vw;margin-top:30px;cursor:pointer;box-sizing:border-box;transition:border-color .1s linear}html.page_solo #contentarea .grid .grid-item.grid-item-image .image.thumb:nth-child(3n){margin-right:0}html.page_solo #contentarea .grid .grid-item.grid-item-image .image.thumb img{transition:border-color .1s linear;box-sizing:border-box}html.page_solo #contentarea .grid .grid-item.grid-item-image .image.thumb.current,html.page_solo #contentarea .grid .grid-item.grid-item-image .image.thumb:hover{border-color:#414141}html.page_solo #contentarea .grid .grid-item.grid-item-image .thumbs{margin-right:-30px;margin-bottom:30px;display:flex;flex-wrap:wrap}html.page_solo #contentarea .grid .grid-item.grid-item-text{grid-column:2;grid-row:2;text-align:center}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts{font-size:1.8rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h1{text-align:center;font-size:2.6rem;color:#414141;font-weight:400;text-transform:uppercase;line-height:2;margin-bottom:5px;letter-spacing:5px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h1.title{background:#007F3F;color:#fff;padding-top:5px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h1 a{text-align:center;font-size:2.6rem;color:#414141;font-weight:400;text-transform:uppercase}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h2{text-align:center;font-size:3rem;color:#007F3F;font-weight:400;margin-bottom:5px;border-top:1px solid #007F3F;padding-top:20px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h2:first-child{border:none}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h3{text-align:center;font-size:2.4rem;color:#007F3F;font-weight:400;margin-bottom:5px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .titles+.content{margin-top:5rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .titles+.content p{margin-top:3rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content{text-align:justify}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field{display:flex;justify-content:center;max-width:100%}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .name,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .value{flex:0 0 auto;margin:10px 4px;color:#414141;font-size:1.8rem;text-align:center}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .name.name,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .value.name{text-transform:uppercase;font-weight:700;letter-spacing:3px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .value{flex:0 1 auto;text-align:left}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content p{margin-bottom:3rem;text-align:justify;font-family:MyriadPro,Arial,sans-serif;color:#414141;line-height:1.5}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content p a:not(.button){text-decoration:underline}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content ol,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content ul{margin:10px 0;padding:0;padding-left:3rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content ol li,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content ul li{margin-bottom:.7rem;text-align:justify}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table{margin:0 auto;padding:0;border-collapse:collapse;border:1px solid #EEE}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table td{padding:3px 5px;vertical-align:top;border:1px solid #EEE}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table th{padding:8px 3px;vertical-align:top;border:1px solid #EEE;background:#EAEAEA;font-family:MyriadPro,Arial,sans-serif;font-size:2.5rem;color:#000;text-align:center;font-weight:400}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table tr:nth-child(even) td{background-color:#FAFAFA}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.invisible,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.invisible td,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.invisible th{border:none}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.invisible tr:nth-child(even) td{background:0 0}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie th{font-weight:700;vertical-align:middle;text-align:center;background:#777;color:#fff}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie th p{text-align:center}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(1) th{background:#FFF999}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(1) td{background:#FFD}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(2) th{background:#070}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(2) th p{color:#fff}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(2) td{background:#DFD}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(3) th,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(4) th,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(5) th{background:red}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(3) th p,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(4) th p,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(5) th p{color:#fff}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(3) td,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(4) td,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tbody tr:nth-child(5) td{background:#FDD}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content.content_details{margin-top:30px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .disponibilite{font-weight:200;color:#7d8486}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .buttons{margin-top:3rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .buttons a.button{display:block;width:40rem;margin:1rem auto}#formulaire_contact,#formulaire_sapins{display:grid;grid-template-columns:1fr 1fr}#map,html.page_accueil body #footer,html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .popup_container{display:none}html.page_solo #contentarea .grid .grid-item.grid-item-text.justified,html.page_solo #contentarea .grid .grid-item.grid-item-text.justified .texts,html.page_solo #contentarea .grid .grid-item.grid-item-text.justified .texts .content p,html.page_solo #contentarea .grid .grid-item.grid-item-text.justified .texts .content ul li{text-align:justify}.ask_password,html.page_solo.page_solo_contact #contentarea .grid .grid-item.grid-item-text .texts .content p{text-align:center}html.page_solo #contentarea .grid.single_col{grid-gap:30px 0;grid-template-columns:0 1fr;grid-template-rows:auto auto auto}h2.form_title{margin-top:40px}#formulaire_contact{margin:0 auto}#formulaire_contact .widget.widget_custom,#formulaire_contact .widget.widget_mle,#formulaire_contact .widget.widget_notifications,#formulaire_contact .widget.widget_string#subject{grid-column:1/span 2}#formulaire_sapins .widget.widget_custom,#formulaire_sapins .widget.widget_mle,#formulaire_sapins .widget.widget_notifications{grid-column:1/span 2}#formulaire_sondage .line.mle{height:160px}#formulaire_sondage .line.mle textarea{height:100%}#formulaire_login{width:30rem;margin:0 auto}.ask_password{width:300px;margin:10px auto;font-size:1.6rem}#formulaire_change_password,#formulaire_request_password{max-width:60rem;margin:0 auto}.page_solo_contact #map{display:block;height:500px;margin:30px}html.page_accueil body #main{position:relative}html.page_accueil body #main .encart_left{display:block;background:rgba(0,0,0,.6);position:absolute;top:50px;left:50px;z-index:2;max-width:350px;text-align:justify;min-height:40px;color:#fff;padding:20px;line-height:1.2;transition:.1s linear;text-decoration:none;font-size:1.6rem}html.page_accueil body #main .encart_left:hover{background:rgba(0,0,0,.9)}html.page_accueil body #main .encart_don{display:block;background:url(../img/coeur-don.png) center center no-repeat;background-size:contain;position:absolute;top:50px;right:50px;z-index:3;width:200px;height:140px;padding:70px 50px 0;text-align:center;color:#fff;opacity:.8;line-height:1.2;transition:.1s linear;text-decoration:none;font-size:1.6rem;animation:masuperanimation2 1s infinite}html.page_accueil body #main .encart_don:hover{opacity:1}html.page_accueil body #main #main_image{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:1}html.page_accueil body #main #main_image img{z-index:-1;height:100%;width:100%}html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil{position:absolute;top:-1px;left:-1px;height:101%;width:101%;z-index:3}html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container{bottom:20px}html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container .page_selector{border-radius:50%;margin:15px;box-shadow:0 0 3px #fff;height:2rem;width:2rem;border:2px solid #7d8486;transition:.1s linear;background:rgba(255,255,255,.5)}html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container .page_selector.current{border-color:#414141;background:rgba(255,255,255,.8)}html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container .page_selector:hover{border-color:#414141;background:#fff}#popup_alert{position:fixed;z-index:1000;top:200px;min-width:100px;min-width:400px;min-height:80px;background-color:#fff;color:#414141;border:2px solid #7d8486;padding:10px 10px 20px 80px;box-shadow:0 0 20px rgba(255,255,255,.8);left:-20px;transition:all .4s linear 1s;transform:translate(-100%,-100%)}#popup_alert h1{margin-bottom:20px;font-size:2.2em}#popup_alert.appearing{top:50%;left:50%;transform:translate(-50%,-50%)}#popup_alert::before{content:"󰀦";font-family:MaterialIconsEx;position:absolute;top:10px;left:10px;color:#7d8486;opacity:.6;line-height:1;font-size:5rem;text-align:left}#popup_alert .close{position:absolute;z-index:1001;right:5px;top:5px;width:30px;height:30px;cursor:pointer;color:#7d8486;transition:color .1s linear}#popup_alert .close::after{content:"󰅘";font-family:MaterialIconsEx;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1;font-size:2.8rem;text-align:center}#popup_alert .close:hover{color:#414141}.page_listing_album .intro{max-width:80rem;margin:0 auto;text-align:justify}.page_listing_album .intro ul{padding-left:40px}.page_listing_album .content{margin-top:30px}.page_listing_album .albumLister{display:grid;grid-template-columns:1fr 1fr;gap:30px}.page_listing_album .albumLister .album{border:1px dashed #c0dfcf;transition:border-color .1s linear;min-height:250px;min-width:500px;display:flex;padding:20px}.page_listing_album .albumLister .album:hover{border-color:#007F3F}.page_listing_album .albumLister .album .image{flex:none;width:250px;height:250px;margin-right:20px}.page_listing_album .albumLister .album .image img{max-width:250px;max-height:250px;opacity:1;transition:opacity .1s linear}.page_listing_album .albumLister .album .image img:hover{opacity:.9}.page_listing_album .albumLister .album .textes{flex:auto;position:relative;padding-bottom:60px}.page_listing_album .albumLister .album .textes .btns{position:absolute;right:0;bottom:0}.page_listing_album .albumLister .album .textes .btns .button{display:block;margin-top:10px}.page_listing_album .albumLister .album.with2buttons .textes{padding-bottom:95px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .album .textes h2{background-color:#007F3F;color:#fff;padding:8px 5px 5px;line-height:1;border:none;font-size:2.4rem;margin-bottom:10px}.page_solo_album .wall-container img{cursor:pointer;opacity:1!important;transition:opacity .1s linear,width .5s ease 0s,height .5s ease 0s!important}.page_solo_album .wall-container img:hover{opacity:.9!important}.page_solo_album .videoplayer{width:800px;height:480px;border:1px solid #000}.page_solo.page_login #contentarea .intro{font-size:2rem;margin:40px auto;max-width:60rem;text-align:justify;line-height:1.2}.loginArea,.loginArea h1{text-align:center}.loginArea h1{margin-bottom:40px}.loginArea table,.loginArea td,.loginArea th,.loginArea tr{border:none!important;padding:0;background:0 0!important}.loginArea table{margin:0 auto 40px;width:390px;border:1px solid #D5D5D5!important}.loginArea .warning{color:red}.loginArea td.caption{width:120px;font-size:1.4rem;line-height:40px;text-align:left;padding:0 5px;vertical-align:middle;color:#7d8486}.loginArea input{width:260px;line-height:40px;font-size:1.6rem;padding:0 5px;margin:5px 5px 5px 0;font-family:MyriadPro,Arial,sans-serif;border:1px solid #414141;background:#fff}.loginArea #buttonsLine td{text-align:left}.loginArea #buttonsLine td a{width:125px;margin:5px 0;padding:0}.loginArea #buttonsLine td a+a{margin-left:14px}html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas{width:60rem;margin-bottom:60px}html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas td{width:40rem}html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas td:first-child{width:20rem}.black_overlay{position:fixed;top:0;right:0;left:0;bottom:0;background:#010101;z-index:999990}.black_overlay .image_big{z-index:999991;position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:contain}.black_overlay .btn{width:48px;height:48px;border-radius:50%;cursor:pointer;background:rgba(255,255,255,0);transition:background-color .1s linear;z-index:999999;position:absolute;text-decoration:none}.black_overlay .btn:hover{background:rgba(255,255,255,.15)}.black_overlay .btn::after{content:"";color:#fff;font-family:MaterialIconsEx;display:block;width:48px;height:48px;line-height:48px;font-size:24px;text-align:center}.black_overlay .back_btn{top:10px;left:10px}.black_overlay .back_btn::after{content:"󰁍"}.black_overlay .quit_btn{top:10px;right:10px}.black_overlay .quit_btn::after{content:"󰅖"}.black_overlay .dwld_btn{top:10px;right:70px}.black_overlay .dwld_btn::after{content:"󰇚"}.black_overlay .next_btn,.black_overlay .prev_btn{width:33vw;cursor:pointer;z-index:999992;position:absolute;top:0;bottom:0}.black_overlay .next_btn::after,.black_overlay .prev_btn::after{background:rgba(255,255,255,0);transition:background-color .1s linear,color .1s linear;color:rgba(255,255,255,0);font-family:MaterialIconsEx;display:block;width:48px;height:48px;line-height:48px;font-size:24px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%}.black_overlay .next_btn:hover::after,.black_overlay .prev_btn:hover::after{background:rgba(255,255,255,.15);color:#fff}.black_overlay .prev_btn{left:0}.black_overlay .prev_btn::after{left:10px;content:"󰅁"}.black_overlay .next_btn{right:0}.black_overlay .next_btn::after{right:10px;content:"󰅂"}@media screen and (min-width:1025px) and (max-width:1440px){html{font-size:55%;font-size:calc(.55em)}body #header{height:80px}body #header a#logo{line-height:40px}body #header a#logo h1{font-size:3rem;top:0rem;left:80px}body #header a#logo h1.sub{font-size:2.02rem;top:auto;bottom:0rem}body #header a#logo::before{top:1rem;width:60px;height:60px}body #header nav#menu ul li.menu{line-height:40px;margin:0 5px;padding:0 2px}html.page_listing #contentarea .line .list_item .texts h2,html.page_solo #contentarea .line .list_item .texts h2{line-height:24px}.paginator a,html.page_accueil body #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container .page_selector{height:1.6rem;width:1.6rem}.page_listing_album .albumLister .album{min-height:200px;min-width:400px;padding:10px}.page_listing_album .albumLister .album .image{width:200px;height:200px}.page_listing_album .albumLister .album .image img{max-width:200px;max-height:200px}.page_listing_album .albumLister .album a.button{padding:1rem 2rem .5rem}}@media screen and (min-width:769px) and (max-width:1024px){html{font-size:42%;font-size:calc(.42em)}body #header{height:60px}body #header a#logo{line-height:20px}body #header a#logo h1{font-size:2.6rem;top:.7rem;left:65px}body #header a#logo h1.sub{font-size:1.8rem;top:auto;bottom:.4rem}body #header a#logo::before{top:1rem;width:50px;height:50px}body #header nav#menu ul li.menu{line-height:25px;margin:0 5px;padding:0 2px}html.page_listing #contentarea .line .list_item .texts h2,html.page_solo #contentarea .line .list_item .texts h2{line-height:2rem}html.page_listing #contentarea .line .list_item .texts h3,html.page_listing #contentarea .line .list_item .texts h4,html.page_solo #contentarea .line .list_item .texts h3,html.page_solo #contentarea .line .list_item .texts h4{line-height:1.6rem}#formulaire_contact .widget.widget_recaptcha,#formulaire_contact .widget.widget_submitter,#formulaire_sapins .widget.widget_recaptcha,#formulaire_sapins .widget.widget_submitter{grid-column:1/span 2}.page_listing_album .albumLister{gap:10px}.page_listing_album .albumLister .album{min-height:150px;min-width:320px;padding:10px}.page_listing_album .albumLister .album .image{width:150px;height:150px;margin-right:10px}.page_listing_album .albumLister .album .image img{max-width:150px;max-height:150px}.page_listing_album .albumLister .album a.button{padding:1rem 2rem .5rem}}@media screen and (max-width:768px){#popup_alert,body #header #connectarea a#button_admin,body #header #connectarea a#don_area .text,body #header nav#menu ul{display:none}a.button{min-height:2rem;height:auto;line-height:2rem;padding:1rem 2.5rem}a.button.external{padding-right:4.5rem}a.button.external::before{top:-.2rem;right:1.5rem}#menubutton,body #header #connectarea a{display:block;right:10px;opacity:.8;position:absolute}#header,#main{width:100%;margin:0;position:relative}#menubutton{top:54px;width:42px;height:42px;background-color:#80bf9f;border-radius:50%;transition:background-color .1s linear}#menubutton::after{font-size:4rem;content:"󰇙";font-family:MaterialIconsEx;position:absolute;line-height:1;top:50%;left:50%;color:#FFF;transform:translate(-50%,-50%)}#menubutton:hover,.mobile_menu_active #menubutton{background:#007F3F}body #header #connectarea{right:0;width:100%;width:auto;left:0}body #header #connectarea a{top:4px;width:38px;height:38px;border:2px solid #80bf9f;padding:0;margin:0;color:transparent;overflow:hidden;background-color:#fff;border-radius:50%;transition:border-color .1s linear}body #header #connectarea a::before{width:auto;position:absolute;font-size:2.8rem;line-height:1;top:6px;left:0;right:0;text-align:center;color:#80bf9f;transition:color .1s linear}body #header #connectarea a:hover{border-color:#007F3F}body #header #connectarea a:hover::before{color:#007F3F}body #header #connectarea a#button_account{right:60px}body #header #connectarea a#don_area{display:block;position:absolute;border:none;border-radius:0;padding:0;left:auto;right:60px;top:54px;width:42px;height:42px}body #header #connectarea a#don_area::before{font-size:4.2rem;width:42px;height:42px}body #header a#logo{line-height:40px}body #header a#logo h1{position:absolute;left:50%;transform:translate(-50%,0);max-width:300px;font-size:3rem;line-height:28px;top:1.2rem;text-align:center}body #header a#logo h1.sub{font-size:1.4rem;top:auto;bottom:.6rem;text-align:center}body #header a#logo::before{height:75px;width:75px}body #header nav#menu ul{height:auto;position:absolute;border-top:4px solid #007F3F;right:-15px;top:2px;bottom:auto;z-index:100;background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.5)}.mobile_menu_active body #header nav#menu ul{display:block}body #header nav#menu ul li.menu{display:block;flex:none;font-size:3rem;line-height:60px;height:auto;position:static;margin:0;padding:0 0 0 20px;text-align:left}body #header nav#menu ul li.menu.more>a{cursor:default}body #header nav#menu ul li.menu.more>ul.submenu{flex:none;border-top:none;position:static;display:block;margin:0 auto;box-shadow:none;padding:0 20px}body #header nav#menu ul li.menu.more>ul.submenu li.menu{font-size:2.4rem;position:static;display:block}.mobile_menu_active #main{opacity:.5}html.page_accueil #main{position:absolute;top:0;bottom:0;right:0;left:0;margin:0;width:auto;z-index:-1}html.page_accueil #main #main_image{top:141px}html.page_accueil body #main .encart_left{left:5vw;right:5vw;max-width:none;width:80vw;padding:2vw;height:auto}html.page_accueil body #main .encart_don{top:180px;right:5vw}html.page_listing #contentarea{margin:0 10px}html.page_listing #contentarea .line .list_item,html.page_solo #contentarea .line .list_item{display:block;width:100%;height:100%;margin:0 0 40px;transition:.1s linear}html.page_listing #contentarea .line .list_item .image,html.page_solo #contentarea .line .list_item .image{box-sizing:border-box;width:100%;height:100%;max-height:100%}html.page_listing #contentarea .line .list_item .image img,html.page_solo #contentarea .line .list_item .image img{box-sizing:border-box;display:block}html.page_solo #contentarea{margin:0 10px}html.page_solo #contentarea .grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}html.page_solo #contentarea .grid.single_col{grid-template-columns:1fr 0}#formulaire_contact,#formulaire_sapins,.page_listing_album .albumLister{grid-template-columns:1fr}html.page_solo #contentarea .grid .grid-item.grid-item-title{grid-column:1;grid-row:1}html.page_solo #contentarea .grid .grid-item.grid-item-image{grid-column:1;grid-row:2;flex-direction:column;width:100%;min-height:0;height:auto;padding-right:0}html.page_solo #contentarea .grid .grid-item.grid-item-image .image{flex:none;box-sizing:border-box;width:100%;height:auto;display:block;min-height:auto}html.page_solo #contentarea .grid .grid-item.grid-item-image .image img{box-sizing:border-box;display:block;position:relative;transform:none;left:0;top:0;width:100%;height:100%}html.page_solo #contentarea .grid .grid-item.grid-item-image .thumbs{width:100%}html.page_solo #contentarea .grid .grid-item.grid-item-image .thumbs .image.thumb{width:25%;height:auto;margin-right:12.5%;box-sizing:border-box}html.page_solo #contentarea .grid .grid-item.grid-item-image .thumbs .image.thumb img{box-sizing:border-box}html.page_solo #contentarea .grid .grid-item.grid-item-image .thumbs .image.thumb:nth-child(3n){margin-right:0}html.page_solo #contentarea .grid .grid-item.grid-item-text{grid-column:1;grid-row:3}#formulaire_contact .widget,#formulaire_sapins .widget{grid-column:1!important}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .buttons a.button{width:auto}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field{display:block}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .name,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content .technical .field .value{text-align:center}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie td,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie th{font-size:9px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tr th{width:10%}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie tr:first-child th{width:auto}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie a.button{font-size:10px;white-space:normal;padding:.5rem}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts .content table.pedagogie a.button::before{content:""}html.page_solo #contentarea .grid .grid-item .links-area{flex-direction:column;justify-content:flex-start}html.page_solo #contentarea .grid .grid-item .links-area .button{margin:10px 0;padding:1.3rem 2rem 1rem;box-sizing:border-box}html.page_solo_404 #contentarea .error404{flex-direction:column}html.page_solo_404 #contentarea .error404 .image{width:100%;text-align:center;margin-bottom:30px}#formulaire_login,html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas{width:100%}html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas td{width:60%}html.page_solo.page_member #contentarea .grid .grid-item.grid-item-text .texts .content table.datas td:first-child{width:40%}.page_listing_album .albumLister{gap:10px}.page_listing_album .albumLister .album{min-width:auto;min-height:150px;display:flex;margin-bottom:30px}.page_listing_album .albumLister .album .image{width:150px;height:150px;margin-right:10px}.page_listing_album .albumLister .album .image img{max-width:150px;max-height:150px}.page_listing_album .albumLister .album a.button{padding:1rem 1.5rem}.page_listing_album .albumLister .album.with2buttons .textes{padding-bottom:115px}}@media screen and (max-width:480px){a.button{font-size:1.4rem}#menubutton{top:44px;right:10px;width:32px;height:32px}#menubutton::after{font-size:3rem}body #header nav#menu ul li.menu{line-height:40px;padding-left:10px}body #header nav#menu ul li.menu a{font-size:2rem}body #header{height:80px}body #header #connectarea a{top:4px;right:10px;width:28px;height:28px}body #header #connectarea a::before{font-size:2rem;line-height:1;top:5px}body #header #connectarea a#button_account{right:50px}body #header #connectarea a#don_area{top:44px;right:50px;width:32px;height:32px}body #header #connectarea a#don_area::before{font-size:3.2rem;width:32px;height:32px}body #header a#logo{line-height:40px}body #header a#logo h1{font-size:2.2rem;line-height:20px;top:1.2rem;text-align:center}body #header a#logo h1.sub{font-size:1rem;top:auto;bottom:.5rem}body #header a#logo::before{top:1rem;width:60px}body #header #menu{top:75px}html.page_listing #contentarea .line .list_item .texts h2,html.page_solo #contentarea .line .list_item .texts h2{line-height:3rem;font-size:1.8rem}html.page_listing #contentarea .line .list_item .texts h3,html.page_solo #contentarea .line .list_item .texts h3{line-height:2rem;font-size:1.6rem}html.page_listing #contentarea .line .list_item .texts h4,html.page_solo #contentarea .line .list_item .texts h4{line-height:1.8rem;font-size:1.4rem}html.page_solo #contentarea .grid .grid-item.grid-item-image .image,html.page_solo #contentarea .grid .grid-item.grid-item-image .image img{width:auto;height:auto}html.page_solo #contentarea .grid .grid-item.grid-item-text{margin-top:20px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h1{font-size:2.2rem;letter-spacing:2px}html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h2,html.page_solo #contentarea .grid .grid-item.grid-item-text .texts h3{font-size:1.6rem}#formulaire_login .line.submitter a.button.submitter{bottom:0;right:0;width:100%}.g-recaptcha{top:0;bottom:auto}.paginator a{height:1.5rem;width:1.5rem;border:1px solid #7d8486}html.page_accueil #main #main_image .xooloopSlideShow#diaporama_accueil .container .paginator_container .page_selector{height:1.5rem;width:1.5REM;border:1px solid #7d8486}}#banniere{height:100px;text-align:center;background:url(../img/ProjetClanSenegal.jpg) center center no-repeat;background-size:cover}#banniere a{display:block;line-height:100px;height:100%;width:100%;font-size:4rem;color:#fff;text-decoration:none;font-weight:700;background:rgba(0,0,0,.2);transition:background .2s linear}#banniere a:hover{background:rgba(0,0,0,0)}@media screen and (max-width:768px){#banniere a{font-size:2.6rem}}@media screen and (max-width:480px){#banniere a{font-size:1.8rem}}