@charset "UTF-8";
/*
bleu :				#00A5DE rgba(0,165,222,1.00)
bleu-vert :			#40B494 rgba(64,180,148,1.00)
vert : 				#A2D31C rgba(162,211,28,1)
jaune :		 		#FFCD1C rgba(255,205,28,1)
gradient : 
background: rgb(0,165,222);
background: linear-gradient(45deg, rgba(0,165,222,1) 0%, rgba(64,180,148,1) 33%, rgba(162,211,28,1) 66%, rgba(255,205,28,1) 100%);
*/
/*!salonsett.com*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}input{outline:none}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}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}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}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{padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}fieldset{border:none}ul{list-style:none}/*!guillements*/q:before{content:open-quote}q:after{content:close-quote}*:lang(fr)>*{quotes:"\00AB\00A0" "\00A0\00BB"}*:lang(en)>*{quotes:"\201C" "\201D"}
/*!outdated*/#outdated{width:100%;padding:10px 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;color:#fff;background-color:#f25648}#outdated a,#outdated a:visited{color:#fff;text-decoration:underline}#outdated a:hover{color:#fff}
/* EU Cookies */.divascookies{display:none;position:fixed;left:0;bottom:0;width:100%;z-index:999999;background:#00A5DE;color:#fff}.divascookies>.divascookies-banner-container{position:relative;padding:1em 2em;overflow:hidden;text-align:center;font-weight:normal}.divascookies p.divascookies-banner-text{position:relative;font-size:1em;line-height:1.325;display:inline-block;padding:0 0 .5em 0}span.divascookies-policy-link a{white-space:nowrap;color:#fad0d4; text-decoration:none;transition:color .3s ease 0s}span.divascookies-policy-link a:hover{color:#ffffff;text-decoration:none;}.divascookies p.divascookies-banner-text span{font-size: 80%}.divascookies-banner-container>.divascookies-accept-button-container{display:block}.divascookies-accept-button-container>.divascookies-accept-button-text{display:inline-block;font-size:1em;line-height:1;cursor:pointer;background:#fff;color:#00A5DE;padding:.317em 1.317em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;transition:background-color .3s ease 0s}.divascookies-accept-button-container>.divascookies-accept-button-text:hover{background:#f7b2b8;color:#fff!important}
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */*,*:after,*::before{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}

html{font-size:100%;height: 100%;}
body{width:100%;height:100%;font-family: 'Space Grotesk', sans-serif;font-style:normal;font-weight:400;line-height:1;background:#fff;color:#000}
body{min-height: 100%;}
body.overflow{overflow:hidden;}
header{width:100%}
#navigation{width:100%; background:#40B494;background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%);color:#ffffff;height:2.188em;line-height:2.188em;text-align: center}
#hero{width: 100%; height: 350px; background: #A2D31C url(../images/loader-s.png) center center no-repeat;}
#sidebar{padding-left: 2em}
#content{padding: 3em 0 4em 0}
.item-page{padding-right: 2em}
@media only screen and (max-width:768px){
	#navigation{display: none}
	#hero{height:50%;margin-top: 100px; background-size:5%}
	#idmenu-114 #hero,#idmenu-114 #hero{height:60%;margin-top: 100px; background-size:5%}
	#content{padding: 2em 0}
	#sidebar{padding-left:0}
	.item-page{padding-right:0}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){#hero{height:400px;background-size:5%}}
@media only screen and (min-width:1024px){#hero{height:75%;margin-top: 5%; background-size:5%}}

/* Typo */
h1{font-size: 3em;font-weight:700;line-height:1.2; margin: 0; padding: 0}
h2{margin:0;padding:0; position: relative}

h3{font-size:1.125em;font-weight: 400; color: #fff; background: #00A5DE;margin-bottom: 1em;padding: .325em 0;display: inline-block;position: relative;z-index:1}
.item-page h3:after{content:"";position:absolute;top:0;left:-10px;width:20px;height:100%; background: #00A5DE;z-index: -1;border-radius: 50% 0 0 50%}
.item-page h3:before{content:"";position:absolute;top:0;right:-10px;width:20px;height:100%; background: #00A5DE;z-index: -1;border-radius: 0 50% 50% 0}
.item-page h3:not(:first-child){margin-top:1.5em}

h4{font-size:1.525em; font-weight:400; color:#A2D31C;border-left:3px solid #A2D31C;margin:1em 0 .525em 0;padding-left: .325em}
.item-page h4:not(:first-of-type) {margin:1.525em 0 .525em 0 !important}
#sidebar h4{padding:0; margin:  0; background: #A2D31C; color: #fff; display: block}

h5.trianle{font-size:1em;height: 1.5em; line-height: 1.5em; font-weight: 400; color: #fff; background: #A2D31C;margin-bottom: .325em;padding:0 .325em;display: inline-block;position: relative;z-index:0}
h5.trianl:before{content:"";position:absolute;top:0;right:-1em;width:1em;height:1.5em; background: transparent;z-index: -1;border-right: 1em solid transparent;
  border-bottom: 1.5em solid #A2D31C}


p{margin:0;padding:0;line-height:1.3;}
p,li{font-size:1em;line-height:1.325}
.item-page p { line-height: 1.375em; margin-bottom: .835em}
.gradient-text {background-color: #CA4246;background-image: linear-gradient(45deg,#FFCD1C 0%,#A2D31C 33%,#40B494 66%, #00A5DE 100%);background-size: 100%;background-repeat: repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent}
/* Liens */
a{margin:0;padding:0;text-decoration:none}
a:active,a:hover{outline-width:0px}a:active,a:hover,a:focus{outline-style:none}a:focus{outline-width:medium}
a{transition:color .3s linear}
a.dotted{display: inline;border-bottom: 1px dotted #74767b;}
.story a{color: #fff}
.anim-all{transition:all .3s linear}
.anim-back{transition:background .3s linear}

.item-page a,.blog a,.cat-children a{color:#000104;border-bottom: 1px dotted rgba(0,1,4,.5)}
.item-page a:hover,.blog a:hover,.cat-children a:hover{color: #00A5DE;border-bottom: 1px dotted rgba(239,101,113,1.00)}
.item-page a.nope{border-bottom: none}

/* PopUp */
#popup_this{display: none}
#popup_this {width: 600px; top: 50%;left: 50%;text-align:center;margin-top: -50px;margin-left: 0;background:#40B494;background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%);position: fixed;box-shadow:0 0 8px 0 rgba(0,0,0,.3);border-radius:10% }
.b-close {width: 25px; height: 25px; line-height: 25px; text-align: center; color: #00A5DE;background: #fff;position: absolute;right:1rem;top:1rem;cursor: pointer; border-radius: 100%}
#popup_this .custom-popup {padding: 3rem 2rem}
#popup_this .badge-link {padding: 0 0 2em 0}
#popup_this .badge-link .svg-inline--fa{color: #fff; font-size: 7em;transform: rotate(-8deg)}
#popup_this h2,#popup_this p{color: #fff}
#popup_this h2{font-size: 2em; font-weight: 700; text-shadow: none;margin: 0 0 .325em 0; line-height: 1.2}
#popup_this p{ margin-top:1.4em; margin-bottom: 2.5em; padding: 0 2em;line-height: 1.5}
#popup_this a.signup{ text-align: left; padding: .325em 1em;color: #A2D31C;background:rgba(255,255,255,1.00); border-radius: 20px}
#popup_this a.signup:hover{background:rgba(255,255,255,.9)}
#popup_this a {color: #fff}
#popup_this .settApp a{display:inline-block}
#popup_this .settApp img{width: 100px; height: auto}
#popup_this .settApp h2{font-size: 1.325em}
@media only screen and (max-width: 768px) {
	#popup_this {width: 90% !important;}
	#popup_this .custom-popup {padding:2.5rem 1rem}
    #popup_this h2{font-size: 1.5rem;}
    #popup_this .custom-popup {padding: 3rem 1.5rem}
    #popup_this p{padding: 0;}
}

/* Header */
.header--fixed{position:fixed;z-index:8;left:0;top:0;height:auto;background-color: rgba(255,255,255,1)}
.headroom{transition:all .50s ease-in-out;will-change:transform}
.headroom--pinned{transform:translateY(0)}
.headroom--unpinned{transform:translateY(-100%)}
.headroom--top{background-color: rgba(255,255,255,1)}
.headroom--not-top{background-color: rgba(255,255,255,1)}
@media only screen and (max-width: 768px) {header{}}
@media only screen and (min-width: 1024px) {}

#col-header{height: 120px; padding:1em 0;}
#header-logo{width:40%;height:auto;}
.custom-logo{width: 100%}
.col-container {display:flex;flex-wrap:nowrap; align-items: center}
.col-justify{justify-content:space-between !important}
.custom-logo #logo{width:28%;}
#logo a,#logo img{display: block}
.custom-logo #tag-line{margin-left:.825em;width:auto}
.custom-logo #tag-line p{color:#565352;font-size: 93.8%;line-height:120%}
@media only screen and (max-width:768px){
	header{box-shadow:0 0 8px 0 rgba(0,0,0,.8)}
	#col-header{height: 100px; padding:.500em 0}
	.custom-logo #logo{width:20%;}
	.custom-logo #tag-line p{font-size: 85%}
}
@media only screen and (min-width: 1024px) {
	#col-header{width:90%;margin:0 auto}
}

#fedes-swipper{width: 35%;height: auto; background: #fff; box-shadow:0 0 8px 0 rgba(0,0,0,.2)}
.custom-federation{height: 90px;}
.custom-federation a,.custom-federation img{display: block}
.custom-federation p{font-size: 40%; font-style: italic}

#header-bar{width:15%;height:auto;padding: 0}
.mod-languages{width: 100%; text-align: right}
.mod-languages ul{padding: 0}
.mod-languages ul li{display: inline-block}
.mod-languages ul li a{margin-left:.200em;display:block;text-align:center; opacity: .5}
.mod-languages ul li a:hover{opacity:1}
.mod-languages ul li.lang-active a{opacity: 1}

.custom-follow{width: 100%; text-align: right; padding: .125em 0 .225em 0}
.custom-follow a{width: 20px; height: 20px;display: inline-block;margin-left:.300em;}
.custom-follow a img {filter: none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);transition: all 300ms ease;}
.custom-follow a img:hover {filter: none;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);}

.custom-register{overflow:hidden; width: 100%; text-align: center}
.custom-register button{width: 100%;display:block;padding:0; border: none;line-height:1.5em; cursor: pointer;}
.custom-register button .svg-inline--fa{margin-right: .325em}
.custom-register button.user{background:#00A5DE;color:#fff;border:1px solid #00A5DE;border-radius: 2em}
.custom-register button.user:hover{background:#fff;color:#00A5DE;border-radius: 2em}

.custom-visitor{overflow:hidden; width: 100%; text-align: center; padding: .225em 0 0 0}
.custom-visitor button{width: 100%;display:block;padding:0; border: none;line-height:1.5em; cursor: pointer;}
.custom-visitor button .svg-inline--fa{margin-right: .325em}
.custom-visitor button.user{background:#A2D31C;color:#fff;border:1px solid #A2D31C;border-radius: 2em}
.custom-visitor button.user:hover{background:#fff;color:#A2D31C;border-radius: 2em}

/* Header */
.custom-video{position: relative;width: 100%; height: 100% !important;overflow: hidden;z-index: 2;}
.custom-video video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;z-index: 9}


/* Hide Play button + controls on iOS */
video::-webkit-media-controls {display:none !important;}
.overlay-desc {position: absolute;width: 100%; height:100%;bottom: 0; left: 0;z-index: 801; text-align: center;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));}
.overlay-desc{display:flex;flex-direction: column;justify-content: space-around;justify-content: center;align-items: center}

.divfadein {display: none;}
.overlay-img{position: absolute;bottom:-20px;left:50%;margin-left: -45px; height: 45px;width: 90px;background:red; z-index: 801;border-top-left-radius: 90px;
  border-top-right-radius: 90px;}
.over{background: rgba(0,0,0,.3);position: absolute;top: 0; right: 0; bottom: 0; left: 0; z-index: 800}

.overlay-desc{color: #fff}
.overlay-desc span.edition{font-size:100%;background:#40B494; padding: .220em .800em; border-radius: 2.188em}

.custom-video h1{text-shadow: .125em .125em .250em rgba(0,0,0,.4)}
.overlay-desc h1 {font-size:2rem;line-height: 120%}
.overlay-desc h2 {font-size:3.525rem;line-height:1; color: #fff;margin:0;padding: 0;letter-spacing: -.063rem; font-weight: 700}
.overlay-desc h2 span.small{font-size:50%}
.overlay-desc p{}

.strap:before{content:"";position:absolute;top:0;right:0;width:5%;height:.325em;background: #00A5DE}
#clock{display: inline-block; overflow: hidden;}
.clock-wrapper{float: left; margin-left: 5px}
.count{font-size:112.5%; background: #A2D31C;width: 40px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center}
.label{display: block; text-align: center; font-size:65%; padding: .225em 0; opacity: .8}

p.wraper-cta{font-size: 18px;margin-top:2rem;}
.custom-video a.signup{text-align: left; padding: .325em 1em;color: #fff;background: rgb(0,165,222);background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%); border-radius: 20px;transition:background .3s linear}
.custom-video a.signup:hover{background:rgba(64,180,148,1.00)}

@media only screen and (max-width:768px){
	#header-logo{width:100%;height:auto;}
	#fedes-swipper,#header-bar{display: none}
	.overlay-desc span.line1{font-size:80%;}
	.overlay-desc h1{font-size:110%;text-shadow: .125em .125em .250em rgba(0,0,0,1)}
	.overlay-desc span.line3{font-size:200%; letter-spacing:normal; line-height: 120%}
	.overlay-desc span.line4{font-size:100%; line-height: 100%}
	.overlay-desc span.line5{display: none}
	.overlay-desc h2{font-size:85%}
	.fnhpa{width: 40px; height: auto}
	.count{font-size:100%; width: 40px; height: 30px; line-height: 30px;}

}
/* Header */
.masonry,.blog,.blog-featured{padding:0; -moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em;}
.item-masonry,.blog-new .items-row{display:inline-block;background:#fff;margin:0 0 2em;width:100%;height: auto}
.blog .items-leading{column-span: all; margin-bottom: 2em}
.blog-featured .items-row{background:#fff;margin:0 0 2em;box-shadow:0 0 8px 0 rgba(0,0,0,.1);border-radius:1rem;overflow: hidden}
.blog .items-row{box-shadow:0 0 8px 0 rgba(0,0,0,.3)}
.blog .items-row img{max-width:100%;width:100%;height:auto}
.box-shadow{width: 100%; height: auto; box-shadow:0 0 8px 0 rgba(0,0,0,.3)}

/* Masonry Accueil */
.box-img{position: relative;width: 100%; overflow: hidden}
.box-img .image{vertical-align: bottom;display: block;transition: transform .1s;}
.box-overlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity:0;transition: .5s ease;background:transparent;z-index: 1; cursor: pointer}
.box-img:hover .box-overlay {opacity:1;transition: .5s ease;background: rgb(0,165,222);background: linear-gradient(45deg, rgba(255,205,28,.6) 0%, rgba(162,211,28,.6) 33%, rgba(64,180,148,.6) 66%, rgba(0,165,222,.6) 100%);}
.box-img:hover .image{-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);}
.box-overlay .text {color: #fff;font-size: 20px;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.box-details{padding: 1rem 1rem 2rem 1rem;display: block}
.box-details h2{font-size: 1.325em;margin-bottom:1em; color: #A2D31C}
.box-details p{margin-bottom: 1em}
.box-details a{color: #00A5DE; background:#fff ;padding:.317em 1.317em; border: 1px solid #00A5DE;border-radius:2rem;}
.box-details a:hover{color: #fff; background:#00A5DE ;border-radius:2em}


/*Ecosett*/
.blog-ecosett .items-row{display:inline-block;margin:0 0 2em;width:100%;height: auto}

@media only screen and (max-width:768px){
	.blog-featured {padding: 0;-moz-column-gap: 2em 0;-webkit-column-gap: 2em 0;column-gap: 2em 0;-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
	.blog-new .items-row{box-shadow:none}
	.box-details{min-height: auto; display: block}
}
@media only screen and (max-width:767px){
	.item{margin:0;box-shadow:none}
}
@media only screen and (min-width: 900px) {
	.masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
}
@media only screen and (min-width: 1100px) {
	.masonry{padding: 0;-moz-column-gap: 3em;-webkit-column-gap: 3em;column-gap: 3em;-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
	.blog {padding: 0;-moz-column-gap: 2em;-webkit-column-gap: 2em;column-gap: 2em;-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
	.blog-featured {padding: 0;-moz-column-gap: 2em;-webkit-column-gap: 2em;column-gap: 2em;-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
}

.random-image-home img,.random-image-sidebar img{max-width:100%;width:100%;height:auto;vertical-align: bottom;display: block}

/*CLASS*/
.row{margin:0 auto}.col-100{width:100%}.col-90{width:90%;max-width:1140px}.col-5{width: 5%}.col-10{width: 10%}.col-15{width: 15%}.col-20{width:20%}.col-22{width:22%}.col-23{width:23%}.col-25{width:25%}.col-30{width:30%}.col-33{width:33.3333333%}.col-35{width:35%}.col-45{width:45%}.col-40{width:40%}.col-50{width:50%}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-74{width:74%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}

@media only screen and (max-width:768px){
	.col-70,.col-65,.col-50,.col-30,.col-25,.col-20{width:100%}
	#content .col-75{width:100%}
	#content .col-25{width:100%;}
	.maincolumn{margin-bottom: 2em}
}

/*CLASS Images*/
.responsive{max-width:100%;width:100%;height:auto}
.responsive_h{max-height:100%;height:100%;width:auto}
/* CLASS Texte */
.left{float: left}.right{float: right}
.text-right{text-align: right}
.text-left{text-align: left}
.text-justify{text-align: justify}
.clear{clear: both}
.text-center{text-align: center}
.italic{font-style: italic}
.upper{text-transform: uppercase}
.small{font-size: 81.3%;line-height:125.0%}
.large{font-size:125.0%}
.weight-light{font-weight: 400}
/*CLASS Affichage et margies*/
.flex{display:flex;flex-direction: row;flex-wrap:nowrap;}
.flex-align{justify-content: space-around;justify-content: center;align-items: center;}
.flex-align-v{align-items: center;}
.img-carre{margin: 0 5%}
.margin-X1{margin-top: .5em}
.margin-X2{margin-top: 1em}
.margin-X3{margin-top: 1.5em}
.margin-X4{margin-top: 2em}
.marginBot-X2{margin-bottom: 1em}
.padding-X1{padding: .5em}
.padding-X2{padding: 1em}
.padding-X3{padding: 1.5em}
.padding-X4{padding: 2em}
.marge-rX2{margin-right:1em}
.rwd-line{display:inline}
.rwd-block{display:block}
.infographie{padding: 4em}
.infographie-small{padding: 2em}
/*CLASS Couleurs*/
.bleu{color:#0abaee}
.vert{color:#A2D31C}
.rose{color:#00A5DE}
.back-rose{background:#00A5DE; color: #fff}
.back-green{background:#A2D31C; color: #fff}
.back-gray{background: #f2f2f2}
/*CLASS Animation*/
.rotate {transform: rotate(-10deg)}
.rotate-inverse {transform: rotate(10deg)}
/*CLASS UL & li*/
ul.default{ margin:.325em; padding:0; list-style: none}
ul.default li{line-height:1.5}
@media only screen and (max-width:768px){
	.infographie{padding: 1em 0}
	.infographie-small{padding: 1em 0}
	.img-carre{margin: 0}
}
/*BURGER*/
.burger{width:50px;height:50px;position:fixed;top:5px;right:5px;border-radius:50%;z-index:10; background:#40B494;background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%)}
.burger span {position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;top: 50%;left: 50%;margin-left: -15px;}
.burger span, .burger span::before, .burger span::after {display: block;width: 30px;height: 3px;background-color: #fff;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.burger span::before, .burger span::after {position: absolute;content: ""}
.burger span::before { top: -9px; }.burger span::after { top: 9px; }
.burger.clicked span { background-color: transparent; }
.burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg)}
.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg)}
.burger.clicked span:before, .burger.clicked span:after { background-color: #fff; }
.burger:hover{cursor:pointer; }
@media only screen and (max-width:768px){
	.burger{display: block}
}

/*NAV*/
nav{background-color: #fff;position: fixed;z-index: 9;top: 0;right: 0;height: 100%;max-width: 515px;width:100%;padding: 40px 0 0 0;overflow-y: auto;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition:transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}

@media (min-width: 667px) {nav { padding: 40px 0 0 0; }}

.logo-mobile{width: 25%; height: auto; padding: 1em}
.tag-mobile{width: 75%;padding: 1em 1em 1em 0}
.tag-mobile p{font-size: 80%}
.hide-menu-accordion { background: #fff}
.hide-menu-accordion-box {width: 100%;}
.hide-menu-accordion-toggle .son-menu {display: none;transition: all .2s ease-out;}
.anim{transition: all .2s ease-out;}

.son-menu{background: #fff}
.hide-menu-accordion li {text-align: left;}
.hide-menu-accordion ul li a,.hide-menu-accordion .toggle{display: block;color: #fff; padding:.725em}
.hide-menu-accordion ul li ul li a {display: block;} 

.hide-menu-accordion-box li{background: rgba(134,188,36,1.00); border-bottom: 1px solid rgba(255,255,255,.4)}
.hide-menu-accordion-box li:hover{background: rgba(134,188,36,.8)}
.hide-menu-accordion-box li:last-child {border-bottom:none}
.hide-menu-accordion-box li li{background: rgba(134,188,36,.7)}

.hide-menu-accordion-box li.pink{background: rgba(239,101,113,1.00)}
.hide-menu-accordion-box li.pink:hover{background: rgba(239,101,113,.8)}

.hide-menu-accordion-toggle{position: relative}
.arrow{position: absolute; top:5px; right: .725em; color: #fff}

.mobile-follow{width: 100%; text-align: center; padding: 1em 0 .325em 0}
.mobile-follow a{width: 25px; height: 25px;display: inline-block;margin-right:.500em;}
.mobile-follow a:last-child {margin-right:0}
.mobile-follow a img {filter: none;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);transition: all 300ms ease;}
.mobile-follow a img:hover {filter: none;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);}

.sub{padding: .325em 0}
.sub a{color:#000104;border-bottom: 1px dotted rgba(0,1,4,.5)}
.sub a:hover{color: #A2D31C;border-bottom: 1px dotted rgba(134,188,36,1.00)}

/*  OVERLAY */
.overlay {position: fixed;top: 0;left: 0;z-index: 8;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #fff;opacity: 0;visibility: hidden;}
.overlay.show {opacity: 0.8;visibility: visible}

/*  FONT Awesome  */
.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.fa-fw,.fa-layers,.fa-li{text-align:center}.fa-layers,.fa-stack,.svg-inline--fa{display:inline-block}.svg-inline--fa{font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center}.fa-layers{height:1em;position:relative;vertical-align:-.125em;width:1em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

/*Menu*/
.moduletable-dropdown {width:100%; margin:0 auto}.moduletable-dropdown ul{width:auto}
.moduletable-dropdown ul li {position:relative; display: inline-block;z-index:2000;border-left: 1px solid rgba(255,255,255,.3)}
.moduletable-dropdown ul li:last-child {border-right: 1px solid rgba(255,255,255,.3)}
.moduletable-dropdown ul li a{display:block;color:#fff;height:2.188rem;line-height:2.188rem;padding:0 .5rem;background:transparent;}
.moduletable-dropdown ul li a:hover{background:#00A5DE}
.moduletable-dropdown > ul > li.active:before{content:"";position:absolute;width: 0;height: 0;border-style: solid}
.moduletable-dropdown > ul > li.active:before{top:0;left:50%; margin-left:-4px;border-width: 4px 4px 0 4px;border-color: #fff transparent transparent transparent;}
.moduletable-dropdown > ul > li > ul > li.active:before{content:"";position:absolute;top:0;top:50%;margin-top:-4px;width:0;height:0;border-style:solid;border-width:4px 4px 4px 4px;border-color:transparent transparent transparent #fff}
.moduletable-dropdown > ul > li > ul > li > a{font-size:1rem; letter-spacing: -.030rem}
.moduletable-dropdown ul ul{display:none;width:250px;position:absolute;top:100%;left:0;background:#00A5DE;padding:0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3)}
.moduletable-dropdown ul ul li{float:none;width:100%;background:transparent;text-align:left;border-left:none;border-top:1px solid rgba(255,255,255,.3)}
.moduletable-dropdown ul ul li:last-child {border-right:none;border-bottom:none}
/*Sous-menu*/
.moduletable-dropdown ul ul li a{color:#fff;height:2.5rem;line-height:2.5rem;padding:0 .8rem;letter-spacing: normal}
.moduletable-dropdown ul ul li a:hover{color:#fff;background:#f9828c; background: rgba(255,255,255,.1)}
.moduletable-dropdown ul li:hover > ul{display:block}
.moduletable-dropdown ul li:hover .drop-btn{color:#fff;background:#00A5DE}
.moduletable-dropdown ul li ul li:hover .drop--btn{color:#fff;background:#00A5DE}
/*Logo Home*/
.moduletable-dropdown ul li.item-114 a,.moduletable-dropdown ul li.item-115 a{padding:0 1.500em !important;text-indent:-9999px;background:transparent url(../images/home.png) no-repeat center center;background-size: contain}
.moduletable-dropdown ul li.item-114 a:hover,.moduletable-dropdown ul li.item-115 a:hover{background:#00A5DE url(../images/home.png) no-repeat center center;background-size: contain}

/*Swipper*/
.custom-swipper,.swiper-container {width:100%;height: 100% !important}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}
.swiper-invisible-blank-slide{visibility:hidden}
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:60px;height:60px;margin-top:-30px;z-index:10;cursor:pointer;text-align: center;vertical-align: middle; line-height: 60px;color:#000;opacity:.3}
.swiper-button-next:hover,.swiper-button-prev:hover{opacity:.5}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto; background: #fff;border-radius: 50%;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;background: #fff;border-radius: 50%;}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px;left:50%; margin-left: -100px; width:200px;}
.swiper-container-horizontal>.swiper-pagination-bullets:before{content:"";position:absolute;top:-10px;left:50px;width: 100px;height: 100px;background:#fff; z-index: -1;border-radius: 50%;}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#e84f0f}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-pagination-lock{display:none}
/*Fédés Swipper*/
#fedes-swipper .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
#fedes-swipper .swiper-slide:nth-child(1){width: 20%}
#fedes-swipper .swiper-slide:nth-child(2){width: 20%;padding: .325em}
#fedes-swipper .swiper-slide:nth-child(3){width: 20%; }
#fedes-swipper .swiper-slide:nth-child(4){width: 20%;padding:0 1.2em}
#fedes-swipper .swiper-slide:nth-child(5){width: 20%;padding:0 1.2em}
#fedes-swipper .swiper-slide:nth-child(6){width: 15%; padding:0 .4em}
#fedes-swipper .swiper-slide:nth-child(7){width: 20%; padding:0 1em}
#fedes-swipper .swiper-slide:nth-child(8){width: 25%;padding: .325em }
#fedes-swipper .swiper-slide:nth-child(9){width: 25%; padding:0 1em}
#fedes-swipper .swiper-slide:nth-child(10){width: 25%; padding: .325em}
#fedes-swipper .swiper-slide:nth-child(11){width: 25%;padding: .325em }

/*Sidebar*/
#sidebar .custom-sidebar,#sidebar .random-image-sidebar,#sidebar .search-sidebar{box-shadow:0 0 8px 0 rgba(0,0,0,.3); margin-bottom: 2em}
#sidebar img{vertical-align:bottom}
#sidebar .random-image-sidebar a {display: block; overflow: hidden}
#sidebar .random-image-sidebar a img{transition:transform .15s ease}
@media only screen and (max-width:768px){
	#sidebar .custom-sidebar,#sidebar .random-image-sidebar,#sidebar .search-sidebar{box-shadow:none; margin-bottom: 2em}
}

/*Hero*/
.scene{position: relative; width: 100%; height: 100%;}
.story{width:100%;height:auto; padding:5em 0 5em 0;position:absolute;bottom:0;left:0;background:url(../images/gradient-bottom.png) bottom repeat-x;background-size:contain;}
.story h1,.story h2{color:#fff; font-size: 2.513em}
@media only screen and (max-width:768px){
	.story{padding:5em 1em 2em 1em;}
	.story h1,.story h2{color:#fff; font-size: 1.325em}
}

.default-hero{background:url(../images/default-x3.jpg) center center;background-size:cover;}
.eco{background:url(../images/eco-action-x3.jpg) center center;background-size:cover;}
body#idmenu-318 .le-salon{background:url(../images/eco-action-x3.jpg) center center;background-size:cover;}
/*ngagement Fédé*/
body#idmenu-340 .scene.eco{background:url(../images/eco-action-x3.webp) center center;background-size:cover;}
body#idmenu-341 .scene.eco{background:url(../images/eco-federation-x3.webp) center center;background-size:cover;}
body#idmenu-342 .scene.eco{background:url(../images/eco-partenaire-x3.webp) center center;background-size:cover;}
body#idmenu-343 .scene.eco{background:url(../images/eco-action-x3.webp) center center;background-size:cover;}
.phototheque{background:url(../images/phototeque-x3.jpg) center center;background-size:cover;}
.le-salon-fede{background:url(../images/lesalon-federations-x3.webp) center center;background-size:cover;}
body#idmenu-200 .le-salon{background:url(../images/lesalon-federations-x3.webp) center center;background-size:cover;}
.exposer{background:url(../images/exposer-x3.webp) center center;background-size:cover;}
/*Demande information*/
body#idmenu-159 .scene.exposer{background:url(../images/contact-infos-x3.webp) center center;background-size:cover;}
.visiter{background:url(../images/visiter-x3.webp) bottom center;background-size:cover;}
/*Demande de badge*/
body#idmenu-157 .scene.visiter{background:url(../images/badge-x3.webp) center bottom;background-size:cover;}
body#idmenu-207 .scene.visiter{background:url(../images/badge-x3.webp) center bottom;background-size:cover;}
body#idmenu-150 .scene.visiter{background:url(../images/visiter-soirees-x3.webp) center center;background-size:cover;}
/*JEUX*/
body#idmenu-356 .scene.jeux{background:url(../images/jeux-concours_2024-desktop.png) bottom center;background-size:cover;}

@media only screen and (max-width:768px){
	body#idmenu-356 .scene.jeux{background:url(../images/jeux-concours_2024-mobile.png) bottom center;background-size:cover;}
}
/*actus*/
body#idmenu-332 .visiter{background:url(../images/actus-x3.webp) center center;background-size:cover;}
.programme{background:url(../images/programme-x3.webp) center center;background-size:cover;}
.liste-exposant{background:url(../images/liste-exposant-x3.webp) center center;background-size:cover;}
.le-salon{background:url(../images/lesalon-x3.webp) center bottom;background-size:cover;}
.nouveautes{background:url(../images/nouveautes-x3.jpg) center center;background-size:cover;}
.contact{background:url(../images/contact-x3.jpg) center center;background-size:cover;}
.settdor{background:url(../images/settdor-laureat2023-x3.jpg) top center;background-size:cover;}
/*Nominés Sett d'Ord*/
body#idmenu-153 .scene.settdor{background:url(../images/settdor-inscription-x3.webp) top center;background-size:cover;}
body#idmenu-154 .scene.settdor{background:url(../images/settdor-trophees-x3.webp) top center;background-size:cover;}
body#idmenu-210 .scene.settdor{background:url(../images/setdor-nomines-x3.jpg) top center;background-size:cover;}
.pratiques{background:url(../images/pratiques-x3.jpg) center center;background-size:cover;}
/*Restauration*/
body#idmenu-338 .scene.pratiques{background:url(../images/restauration-x3.jpg) top center;background-size:cover;}
body#idmenu-366 .scene.settapp{background:url(../images/sett_appV2-x3.jpg) center center;background-size:cover;}
.presse{background:url(../images/presse-x3.jpg) center center;background-size:cover;}
.expert{background:url(../images/expert-x3.webp) center center;background-size:cover;}
.ecosett{background:#fff url(../images/ecosett-x3.jpg) center center;background-size:cover;}

.equipement{background:url(../images/slider-equipement-x3.jpg) center center;background-size:cover;}
.chr{background:url(../images/slider-chr-x3.jpg) center center;background-size:cover;}
.espace-vert{background:url(../images/slider-vert-x3.jpg) center center;background-size:cover;}
.hebergement{background:url(../images/slider-hebergement-x3.jpg) center center;background-size:cover;}
.jeux{background:url(../images/slider-jeux-x3.jpg) top center;background-size:cover;}
.piscine{background:url(../images/slider-piscine-x3.jpg) center center;background-size:cover;}
.conference{background:url(../images/conference-x3.webp) center center;background-size:cover;}

/*Login*/
.modal{position:absolute;z-index:10000;top:0;left:0;visibility:hidden;width:100%;height:100%;}
.modal.is-visible {visibility: visible;}
.modal-overlay {position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .8);visibility: hidden;opacity: 0;transition: visibility 0s linear 0.3s, opacity 0.3s;}
.modal.is-visible .modal-overlay {opacity: 1;visibility: visible;transition-delay: 0s;}
.modal-wrapper {position: absolute;z-index: 9999;top: 6em;left: 50%;width: 20em;margin-left: -10em;background-color: #fff;box-shadow:0 0 8px 0 rgba(0,0,0,.3)}
.modal-transition {transition: all 0.3s 0.12s;transform: translateY(-10%);opacity: 0;}
.modal.is-visible .modal-transition {transform: translateY(0);opacity: 1;}
.modal-header{position: relative;background: #00A5DE;}
.modal-header{padding: 2em;}
.modal-content {padding: 1em 2em;}
.modal-contant .custom{background: red}
.pretext h2{font-size: 1em;font-weight: 400; color: #00A5DE; margin: 0 0 .325em 0; line-height: 1.2}
.pretext p{font-size: 85%;margin: 0 0 1.325em 0}
.pretext a.alink {color: #00A5DE}
.modal-close {position: absolute;top:.325em;right:.325em; background: transparent; border: none; color:#fff;cursor: pointer; z-index: 5;opacity: 1;}
.modal-close:hover {opacity: .5}
.modal-close .fa-times-circle{width:1.25em;height:1.25em}
.modal-heading .svg-inline--fa{float: left; margin-right:.325em}
.modal-heading{font-size: 1.525em;font-weight: 400; color:#fff;display:block; text-transform: uppercase; letter-spacing: 1px}

/*banner*/
.bannergroup{width: 100%; padding: 3em 0 0 0; text-align: center}
.banneritem{margin: 0 auto;width: auto;height: auto;}
.banneritem img{background: #fff; box-shadow:0 0 8px 0 rgba(0,0,0,.2);}

.bannergroup_sidebar{width: 100%; padding:0;text-align: center; margin-bottom: 2em}
.bannergroup_sidebar .banneritem a{display: block}
.bannergroup_sidebar .banneritem img{max-width:100%;width:100%;height:auto}

@media only screen and (max-width:768px){
	.banneritem img{width: 100%; max-width: 100%; height: auto; background: #fff; box-shadow:none}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){#hero{height:400px;background-size:5%}}
@media only screen and (min-width:1024px){#hero{height:75%;margin-top: 5%; background-size:5%}}

/* EXPERT FHNPA */
#expert .h3-bottom{margin-bottom:.625em}


ul.simple-list{padding: 2em 5em !important}
ul.simple-list>li{position:relative;margin-bottom:10px;padding-left:.625em;min-height:3em;border-left:2px solid #A2D31C;font-size:100%}
ul.simple-list>li span{position:absolute;top:0;left:-1em;width:.8em;font-size:3em;line-height:1;font-weight:700;text-align:right;color:#A2D31C}

#divtohide{margin:0 0 1.5em 0}
#hidepwd{margin:1.5em 0}

#divtohide{width: 100%; text-align: center}
#divtohide{display: flex;justify-content: center;align-items:center}

#expert .logo-arbre{width: 80px; height: auto}
#expert #wrapper-input{padding:0;margin:0;width:auto;text-align:left}
#expert input#pwd{color:#595959;font-size:.75em;padding:.313em;box-sizing:border-box;text-align:left;border:5px solid #A2D31C;border-radius:5px}
.wrapper-info p{font-size:1.225em;font-weight:400;color:#A2D31C;border-left:3px solid #A2D31C;margin:0 .525em;padding: .125em 0 0 .325em}
::-webkit-input-placeholder{color:#919191}:-moz-placeholder{color:#919191}
::-moz-placeholder{color:#919191}:-ms-input-placeholder{color:#919191}


#hidepwd{display:none}
#expert a.button{background:#00A5DE;color:#fff;border-radius: 20px}


#expert a.button-pdf,#expert a.button-pdf:active,#expert a.button-pdf:focus,#expert a.button-pdf:visited{background:#A2D31C;padding:.325em 1em}
#expert a.button-pdf:hover{background:#A2D31C}
#expert {line-height:1.3;}
#expert .portrait-line{padding: 1rem 0; border-bottom: 1px solid #d8d8d8}
#expert .expert-photo{width: 12%}
#expert .expert-detail{width: 40%; padding: 0 1rem}
#expert .expert-desc{width: 48%; padding: 0 1rem}
#expert .expert-cat{font-size:12px;color: #fff; background:#40B494; padding:.225rem .8rem;display: inline-block;margin-bottom: .5rem; border-radius: 12px}
#expert .expert-text{font-size:87.5%;margin-top: .3rem; color: rgba(54,53,53,1.00)}

#expert h2{font-size:1.125em;font-weight: 400; color: #fff; background: #00A5DE;margin-bottom: 1em;padding: .325em 0;display: inline-block;position: relative;z-index:1}
#expert h2:after{content:"";position:absolute;top:0;left:-10px;width:20px;height:100%; background: #00A5DE;z-index: -1;border-radius: 50% 0 0 50%}
#expert h2:before{content:"";position:absolute;top:0;right:-10px;width:20px;height:100%; background: #00A5DE;z-index: -1;border-radius: 0 50% 50% 0}
#expert h2:not(:first-child){margin-top:2em}

#expert .formResponsive p{margin: 0; padding: 0}
#expert .expert-rdv{margin-top: 2rem}
#expert .large-title{color:#A2D31C;font-size: 2rem; font-weight: bold}
p.picto-expert{color:#00A5DE;font-size: 1.325em}
p.picto-top{margin-top: 2em !important}
.expert-mtop{margin-top: .325em}

#expert .formResponsive{ padding-top:0 !important}
#expert .formResponsive p.formRed{color:#b35050; padding-bottom: .325rem}
#expert .formResponsive input.rsform-error,#expert .formResponsive input.rsform-error:focus,#expert .formResponsive textarea.rsform-error,#expert .formResponsive textarea.rsform-error:focus{border-color:#b35050}
#expert .rsformgrid6{width:50%;float:left}
#expert  p.rsformVerticalClear{width: 100%;overflow: hidden}
#expert  p.rsformVerticalClear:hover{background: rgba(247,247,247,1.00)}
#expert .formResponsive input[type=checkbox],#expert .formResponsive input[type=radio]{background:#fff;line-height:normal;margin:2px 10px 0 0;float:left;cursor:pointer}


#idmenu-336 .thanks,#idmenu-166 .thanks{width: 600px; top: 30%;left: 50%;text-align:center;margin-left:-300px;background:#40B494;background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%);position: fixed;box-shadow:0 0 8px 0 rgba(0,0,0,.3);border-radius:10%; padding: 2em; z-index: 99999}
#idmenu-336 .thanks p,#idmenu-336 .thanks p.thanks-title,#idmenu-336 .thanks a{color: #fff}
#idmenu-166 .thanks p,#idmenu-166 .thanks p.thanks-title,#idmenu-166 .thanks a{color: #fff}
.thanks-close{width: 25px; height: 25px; line-height: 25px; text-align: center; color: #00A5DE;background: #fff;position: absolute;right:-.125rem;top:-.125rem;cursor: pointer; border-radius: 100%}
.display-none{display: none}
@media only screen and (max-width: 768px) {
	#idmenu-336 .thanks,#idmenu-166 .thanks{width: 600px; top: 30%;left: 50%;text-align:center;margin-left:-300px;background:#40B494;background: linear-gradient(45deg, rgba(255,205,28,1) 0%, rgba(162,211,28,1) 33%, rgba(64,180,148,1) 66%, rgba(0,165,222,1) 100%);position: fixed;box-shadow:0 0 8px 0 rgba(0,0,0,.3);border-radius:10%; padding: 2em; z-index: 99999}
}

.numberCircle {display:inline-block;line-height:30px;text-align:center;border-radius:50%;background:#000;color:#a2c62b;font-size:14px;width:30px;height:30px;font-weight:700;margin-right:.125em}

.numberCircle span {
  display: inline-block;
  padding-top: 50%;
  padding-bottom: 50%;
  margin-left: 8px;
  margin-right: 8px;
}

/*Page Badge visiteurs*/
.welcome{margin: 0 auto;}
.welcome-title{width: 65%;margin: 0 auto;}
.welcome h1{font-size: 34px; line-height: 1.2; margin: 32px 0; padding: 0}
.gradient-text {background-color: #CA4246;background-image: linear-gradient(45deg,#FFCD1C 0%,#A2D31C 33%,#40B494 66%, #00A5DE 100%);background-size: 100%;background-repeat: repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.welcome-account{margin: 0; padding: 32px;}
.new{font-size: 12px; background: #40b494; color: #fff; padding: 5px 10px; border-radius: 20px}
.welcome-link{display: flex;flex-direction: row;justify-content: center; margin-top:32px; overflow: hidden}
.welcome-link .btnValid{letter-spacing:1px;text-decoration: none;font-size: 24px;font-weight: 600;width: 350px;color: #fff;cursor: pointer;margin: 0px 20px;text-align:center;border: none;background-size: 300% 100%;border-radius: 20px;padding: 50px 50px;text-transform: uppercase;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;background-image: linear-gradient(to right, #ffcd1c, #a2d31c, #40b494, #00a5de);text-shadow: 1px 2px 3px rgba(0,0,0,0.2);-moz-box-sizing:border-box;box-sizing:border-box;}
.welcome-link .btnValid:hover{color: #fff;text-decoration:none;background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition: all .4s ease-in-out;}


@media only screen and (max-width:768px){
	.welcome-title{width: 100% !important;margin: 0 auto;}
    .welcome-link{display: flex;flex-direction: column}
    .welcome-link .btnValid{width:100%; margin: 1rem 0}
}