@font-face {
 font-family: "gabriola";
 src: url("https://www.libelluleliberatrice.fr/wp-content/themes/libellule/css/gabriola.ttf") format("truetype");
 font-style: normal;font-display: swap;
}


/*
custom css, les id et class spécifiques au thème son à inscrire plus bas et du coup à supprimer pour un nouveau thème
*/
html{width:100%;position:relative;height:100%;margin:0;padding:0;overflow-x:hidden}
body{box-sizing:border-box;transition :all 0.5s ease-in-out;overflow-x:hidden;min-height:100vh;font-family:'Open Sans', sans-serif;}
img{max-width:100%;max-height:100%;width:auto;height:auto;}
.row{display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ }
.top .row{align-items:flex-start;}
.row > div {display:grid;min-height:0px;}
.row > div > div{display:grid;align-items:center;}
.row > div:last-of-type{flex-grow:1;}
.full-width-container .full-width-row .container{max-width:1300px;width: 100%;}
.full-width-container.seamless {padding-left: 0 !important;padding-right: 0 !important;}

.center{text-align:center}
.right{text-align:right;}
.alignnone{margin:0 !important;}

.noclick > a{cursor:default}


	/*standard font*/
	
	h1{font-size:3em;margin-top:2em;text-transform:uppercase;color:rgba(135,177,221,1);}
	h2,h3,h4,h5,h6{color:rgba(155,190,227,1);font-weight:bold;font-family:'gabriola';margin-top:0;}
	h2{font-size:2.5em;}
	h3{font-size:1.3em;}
	h4,h5,h6{color:rgba(155,190,227,1);font-size:1.2em;font-weight:medium;}
	ul{padding:0 0 0 2em;}
	p,li,label{font-weight:300;font-family:'Open Sans', sans-serif;color:rgba(2,2,2,1);margin-top:0;}
	p, #content li{margin:0;font-size:1.2em;}
	
	a{font-weight:300;font-family:'Open Sans', sans-serif;font-size:1em;text-decoration: underline;color:rgba(155,190,227,1);}
	summary{display: list-item;cursor: pointer;}
	summary ~ p {margin:1em;padding:1em;background-color:rgba(135,177,221,0.8);color:rgba(255,255,255,1)}
	a:hover, a:focus{color:rgba(224,235,246,1);}
	body{color:rgba(2,2,2,1);background-color:rgba(255,255,255,1);}
	.btn-default:hover {color:rgba(135,177,221,1);background-color:rgba(155,190,227,1);border-color:rgba(135,177,221,1);}
	hr{border-top: 10px solid rgba(255,255,255,0.6);margin: 1em 90% 1em 0;border-radius:5px}
	.wp-video,.mejs-container{width:100% !important}
	header, footer, #content, #accueil{font-size:1em;}
	::selection {text-shadow:none;background:rgba(135,177,221,0.5);color:rgba(155,190,227,1)}
	span.wpcf7-list-item {margin:0 0 1em 0;}
	
	.bouton a,input[type="submit"]{font-size:1.5em;font-family:'gabriola';background-color:rgba(135,177,221,1);color:rgba(2,2,2,1);font-weight:400;position:relative;border-radius:2em;width:max-content;display:inline-block;border:2px solid rgba(135,177,221,1);padding:0.2em 0.8em;text-decoration:none;transition: all 0.5s cubic-bezier(.25,.8,.25,1);margin:0;box-sizing:border-box;}
	.bouton a::before{content:"\00279E";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em;color:rgba(2,2,2,1);}

	.bouton a:hover,input[type="submit"]:hover{cursor:pointer;text-decoration:none;background-color:rgba(255,255,255,1);color:rgba(135,177,221,1);}
	.bouton a:hover::before{content:"\0027F6";color:rgba(135,177,221,1);width:2.2em;}	
	
	.bouton2 a::before{content:"\00279E";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em;}
	.bouton2 a:hover::before{content:"\00279E";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em;}

	blockquote:before{content:"\f10d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:3em;position:absolute;top:0;left:0;z-index:-1}
	blockquote{padding:1em 0em 1em 4em;margin:0;font-size:1em;border:none;position:relative;z-index:1}
	blockquote p{font-size:2em;z-index:2}
	blockquote p{font-size:2em;z-index:2}
	blockquote em{font-size:0.9em;font-weight:normal;display:block;text-align:right;margin:1em 1em 0 0;}
	blockquote:after{content:"\f10e";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1em;position:absolute;bottom:0;right:0;z-index:-1;}

	.round img{border-radius:50%;border: 2px solid rgba(255,255,255,1);}
	
	/*rgpd*/
	#eu-cookie-law input {background-color:rgba(135,177,221,1);color:rgba(255,255,255,1);width: inherit !important;}

	/*header*/
	header{position:absolute;top:0;z-index:2;width:100%;padding:1em;box-sizing:border-box;font-size:1.2em;}
	header a{color:rgba(135,177,221,1);font-size:1.2em;text-decoration:none;font-family:'gabriola';transition : color 0.3s ease-in-out ;}
	header a:hover{color:rgba(155,190,227,1);text-decoration:none;transition : all 0.5s ease-in-out ;}	
	header #logohead{display:block;}
	header #logosticky{display:none;max-height:2em;}
	header .logosvg svg{fill:rgba(255,255,255,1);height:5em}
	header .logosvg svg .invert{fill:rgba(155,190,227,1);height:5em}

	/*footer*/
	footer{display:grid;align-items:center;padding:3em 0 0 0;background-color:rgba(255,255,255,1);}
	footer div{align-items:start;}
	footer h3{margin:1em 0;}
	#logofooter{padding:0 0 1em 0 ;max-width:15em;margin-auto;}
	footer a, footer, footer p{color:rgba(135,177,221,1) !important;text-decoration:none !important;}
	footer #adr1 span+span{padding-left:25px;display:block;}
	footer h2{font-size:2em;color:rgba(135,177,221,1);}

	#footer-menu p, #footer-partenaires p{color:rgba(2,2,2,1);font-family:'Open Sans', sans-serif;}
	#footer-menu a{text-decoration:none;color:rgba(2,2,2,1);}
	#footer-menu a:hover{color:rgba(135,177,221,1);}
	#footer-menu a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f0c1";padding-right:0.5em}

	#adr1 a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f3c5";padding-right:0.5em}
	#telephone a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f095";padding-right:0.5em}
	#email a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f0e0";padding-right:0.5em}
	#adr1,#telephone{margin-bottom:1em;}
	
	footer a:before{test-decoration:none !important;}

	footer a:hover{color:rgba(135,177,221,1);}
	footer .logosvg svg{fill:rgba(2,2,2,1);margin:0 10em 2em 0;}
	footer .logosvg svg .invert{fill:rgba(155,190,227,1);}


	.bandeausite > div {padding:0.5em 0;}
	.bandeausite p{color:rgba(224,235,246,1);}
	#topsite{background-color:rgba(155,190,227,1);margin: 0 -14px;width: calc(100% + 28px);}

	/*form*/
	label, .wpcf7-list-item{width:100%;}
	input[type="text"],input[type="email"]{background-color:inherit;border:none;border-bottom:1px solid rgba(2,2,2,1);border-radius:0;width:100% !important;color:rgba(2,2,2,1);padding:1em 0;margin:1em 0;}
	select{width:100%;background-color:inherit;color:rgba(2,2,2,1);padding:1em;border:none;margin:1em 0;}
	textarea{border:1px solid rgba(2,2,2,1);padding:1em;width:100%;color:rgba(2,2,2,1);border-radius:10px;background-color:inherit;margin:1em 0;}
	div.wpcf7 .ajax-loader {position: absolute;}
	
	

	code{padding:0}
	.wpcf7-mail-sent-ok{border: 2px solid rgba(135,177,221,1) !important;}

	/*couleur1*/
		div.couleur1:not(.bouton):not(.bouton2){background-color:rgba(135,177,221,1);}
		.couleur1 h2,.couleur1 h3,.couleur1 h4,.couleur1 h5,.couleur1 h6{color:rgba(2,2,2,1);}
		.couleur1 p,.couleur1 li,.couleur1 label{color:rgba(255,255,255,1);}
		.couleur1:not(.bouton):not(.bouton2) a{color:rgba(2,2,2,1);}.couleur1:not(.bouton):not(.bouton2) a:hover{color:rgba(255,255,255,1);}
		.couleur1 hr{border-top: 1px solid rgba(224,235,246,0.6);}
		.bouton a{background-color:rgba(135,177,221,1);border:2px solid rgba(135,177,221,1);color:rgba(2,2,2,1) !important;}
		.bouton a:hover{color:rgba(135,177,221,1) !important;background-color:rgba(255,255,255,1);}
		.bouton a:hover::before{color:rgba(135,177,221,1);}
		.bouton a:hover::after{background-color:rgba(135,177,221,1);}
		
		.couleur1 blockquote:before,.couleur1 blockquote:after{color:rgba(155,190,227,1);}
		.couleur1 input[type="text"],.couleur1 input[type="email"],.couleur1 textarea, .couleur1 input[type="submit"],.couleur1 select{border-color:rgba(155,190,227,1);}
		.couleur1 .wpcf7 form.sent .wpcf7-response-output {border:none;color:rgba(155,190,227,1);padding: 0.5em;}
		.couleur1 input[type="submit"]{background-color:rgba(155,190,227,1);border:2px solid rgba(155,190,227,1);color:rgba(255,255,255,1) !important;}
		.couleur1 input[type="submit"]:hover{color:rgba(155,190,227,1) !important;background-color:rgba(255,255,255,1);}
		span.couleur1{color:rgba(135,177,221,1);}	

	/*couleur2*/
	
		div.couleur2:not(.bouton):not(.bouton2){background-color:rgba(155,190,227,1);}
		.couleur2 h1,.couleur2 h2,.couleur2 h3,.couleur2 h4,.couleur2 h5,.couleur2 h6{color:rgba(2,2,2,1);}
		.couleur2 p,.couleur2 li,.couleur2 label{color:rgba(224,235,246,1);}
		.couleur2:not(.bouton):not(.bouton2) a{color:rgba(2,2,2,1);}.couleur2:not(.bouton):not(.bouton2) a:hover{color:rgba(255,255,255,1);}
		.couleur2 hr{border-top: 1px solid rgba(224,235,246,0.6);}
		.bouton.couleur2 a{background-color:rgba(155,190,227,1);border:2px solid rgba(155,190,227,1);color:rgba(2,2,2,1) !important;}
		.bouton.couleur2 a:hover{color:rgba(155,190,227,1) !important;background-color:rgba(255,255,255,1);}
		.bouton.couleur2 a:hover::before{color:rgba(155,190,227,1);}
		.bouton.couleur2 a:hover::after{background-color:rgba(155,190,227,1);}
		
		.couleur2 blockquote:before,.couleur2 blockquote:after{color:rgba(135,177,221,1);}
		.couleur2 input[type="text"],.couleur2 input[type="email"],.couleur2 textarea, .couleur2 input[type="submit"],.couleur2 select{border-color:rgba(135,177,221,1);}
		.couleur2 .wpcf7 form.sent .wpcf7-response-output {border:none;color:rgba(135,177,221,1);padding: 0.5em;}
		.couleur2 input[type="submit"]{background-color:rgba(135,177,221,1);border:2px solid rgba(135,177,221,1);color:rgba(255,255,255,1) !important;}
		.couleur2 input[type="submit"]:hover{color:rgba(135,177,221,1) !important;background-color:rgba(255,255,255,1);}
		span.couleur2{color:rgba(155,190,227,1);}
			
	/*couleur3 */
		div.couleur3:not(.bouton):not(.bouton2){background-color:rgba(224,235,246,1);}
		.couleur3 hr{border-top: 1px solid rgba(255,255,255,0.6);}
		.couleur3:not(.bouton):not(.bouton2) a{color:rgba(155,190,227,1);}.couleur3:not(.bouton):not(.bouton2) a:hover{color:rgba(2,2,2,1);}
		.couleur3 h1,.couleur3 h2,.couleur3 h3,.couleur3 h4,.couleur3 h5,.couleur3 h6{color:rgba(155,190,227,1);}
		.couleur3 p,.couleur3 li,.couleur3 label{color:rgba(2,2,2,1);}
		.bouton.couleur3 a{background-color:rgba(224,235,246,1);border:2px solid rgba(224,235,246,1);color:rgba(2,2,2,1) !important;}
		.bouton.couleur3 a:hover{color:rgba(2,2,2,1) !important;background-color:rgba(255,255,255,1);}
		.bouton.couleur3 a:hover::before{color:rgba(2,2,2,1);}
		.bouton.couleur3 a:hover::after{background-color:rgba(224,235,246,1);}

		.couleur3 blockquote:before,.couleur3 blockquote:after{color:rgba(155,190,227,1);}
		.couleur3 input[type="text"],.couleur3 input[type="email"],.couleur3 textarea, .couleur3 input[type="submit"],.couleur3 select{border-color:rgba(155,190,227,1);}
		.couleur3 .wpcf7 form.sent .wpcf7-response-output {border:none;color:rgba(155,190,227,1);padding: 0.5em;}
		.couleur3 input[type="submit"]{background-color:rgba(155,190,227,1);border:2px solid rgba(155,190,227,1);color:rgba(255,255,255,1) !important;}
		.couleur3 input[type="submit"]:hover{color:rgba(155,190,227,1) !important;background-color:rgba(255,255,255,1);}			
		span.couleur3{color:rgba(224,235,246,1);}
		
	/*couleur5 fond noir, titres blancs, textes blancs, liens jaunes/blancs, boutons noirs*/
		div.couleur5:not(.bouton):not(.bouton2) {background-color:rgba(2,2,2,1);}
		.couleur5 hr{border-top: 1px solid rgba(255,255,255,0.6);}
		.couleur5:not(.bouton):not(.bouton2) a{color:rgba(155,190,227,1);}.couleur5:not(.bouton):not(.bouton2) a:hover{color:rgba(255,255,255,1);}
		.couleur5 h1,.couleur5 h2,.couleur5 h3,.couleur5 h4,.couleur5 h5,.couleur5 h6,.couleur5 p,.couleur5 li,.couleur5 label{color:rgba(255,255,255,1);}
		.bouton.couleur5 a{background-color:rgba(2,2,2,1);border:2px solid rgba(2,2,2,1);color:rgba(255,255,255,1) !important;}
		.bouton.couleur5 a:hover{color:rgba(2,2,2,1) !important;background-color:rgba(255,255,255,1);}
		.bouton.couleur5 a:hover::before{color:rgba(2,2,2,1);}
		.bouton.couleur5 a:hover::after{background-color:rgba(2,2,2,1);}
		
		.couleur5 blockquote:before,.couleur5 blockquote:after{color:rgba(255,255,255,1);}
		.couleur5 input[type="text"],.couleur5 input[type="email"],.couleur5 textarea, .couleur5 input[type="submit"],.couleur5 select{border-color:rgba(255,255,255,1);}
		.couleur5 .wpcf7 form.sent .wpcf7-response-output {border:none;color:rgba(255,255,255,1);padding: 0.5em;}
		.couleur5 input[type="submit"]{background-color:rgba(2,2,2,1);border:2px solid rgba(155,190,227,1);color:rgba(255,255,255,1) !important;}
		.couleur5 input[type="submit"]:hover{color:rgba(2,2,2,1) !important;background-color:rgba(255,255,255,1);}			


	/*couleur6 fond blanc, titres turquoises, textes noirs, liens turquoises/jaunes */
		div.couleur6:not(.bouton):not(.bouton2) a{color:rgba(135,177,221,1);}.couleur6:not(.bouton):not(.bouton2) a:hover{color:rgba(155,190,227,1);}
		.couleur6 h1,.couleur6 h2,.couleur6 h3,.couleur6 h4,.couleur6 h5,.couleur6 h6{color:rgba(135,177,221,1);}

	/*couleur7 fond blanc, titres jaunes, textes noirs, liens jaunes/bleus */
		div.couleur7 h1,.couleur7 h2,.couleur7 h3,.couleur7 h4,.couleur7 h5,.couleur7 h6{color:rgba(155,190,227,1);}
		.couleur7:not(.bouton):not(.bouton2) a{color:rgba(155,190,227,1);}.couleur7:not(.bouton):not(.bouton2) a:hover{color:rgba(224,235,246,1);}


/*frontpage*/


#accueil{position:relative;background:linear-gradient(to right, rgba(135,177,221, 0.6) 0%, rgba(2,2,2, 0.3) 90%), url(https://www.libelluleliberatrice.fr/wp-content/uploads/2024/11/fond.jpg) no-repeat center center;background-size:cover;padding:200px 0;}

#masque{position:absolute;bottom:-1px;right:0;z-index:1;fill:rgba(255,255,255,1);}
#circle1{fill:rgba(135,177,221,1);}
#circle2{fill:rgba(155,190,227,1);}
#circle3{fill:rgba(224,235,246,1);}
#sous-titre{color:rgba(255,255,255,1);font-size:3.5em;font-weight:600;text-transform:uppercase;}
span.petit{font-style:italic;text-transform:lowercase;}
#accroche{color:rgba(255,255,255,1);margin:2em 0;font-size:1.5em}

#content{padding-top:4em;}

/*blog*/
#previewblog{padding:0;}
.img-blog-cover{height:15em;border-top:none;border-bottom:0;}
.artcol {background-color: rgba(135,177,221,1);border:10px solid rgba(255,255,255,1);padding:0;border-radius:50px;overflow:hidden;}

.artcol a{text-decoration:none;}
.artcol h3{color: rgba(255,255,255,1);}

.artcol span{position:absolute;top:-1em;right:1em;font-size: 0.8em;background-color:rgba(255,255,255,1);color: rgba(135,177,221,1);padding: 0.5em 1.5em 0.2em;margin:0;display: inline-block;border-radius:2em;width:13em;}
.artcol a:hover h3{text-decoration:underline;}
.artcol:hover .parallaximg{filter:grayscale(100%);transition:filter 0.2s ease-in-out;}
.artcol .thetexte{padding:2em;}

.fullactu{margin-top:2em;width:100%;}
#blog{align-items:stretch}
#blog .firstart h3{font-size:2em;}
#blog .firstart p{font-size:1.6em;}
#blog .firstart .img-blog-cover{height:30em;}

.apercublog {margin:0;padding:0;display:grid;transition: all 0.3s cubic-bezier(.25,.8,.25,1);align-items:start !important;}
.apercublog h4{float:right;text-align:left;padding:0.5em;transition: all 0.3s cubic-bezier(.25,.8,.25,1);position:relative;top:-1em;right:-1em;width:calc(100% - 1em);color: rgba(155,190,227,1);}
.apercublog a{text-decoration:none;}
.apercublog:hover h4{text-decoration:underline}

#bottomblognav{margin-bottom:4em}
#bottomblognav .right{display:block;text-align:right;}

#fulllistart{position:relative;}
#listart{display:flex;align-items:stretch}
#enlienart, #bottomblognav{padding-top:2em;margin-top:2em;}
.alaune p{color:rgba(135,177,221,1) ;padding-bottom:1em;}
.datearticle{color:rgba(155,190,227,1) ;font-size:0.9em;}
#thearticle{margin:2em 0 4em 0;}

/*single*/
article{width:100%}
.search-form{padding:0;right:0px;top:6em;z-index: 2;}
.search-form input{height:3em;}
.form-group{width:100%;}
.search-form button{height:3em;width:20%;border:none;background-color:rgba(135,177,221,1);border-radius:0;color:rgba(255,255,255,1);position:absolute;right:0;top:0;}
.form-control:focus {border-color: rgba(155,190,227,1);box-shadow: 0 0 8px rgba(155,190,227,0.6);}
.logoblog{width:1em;}
#thearticle {padding-right:1em;margin:0 1em 4em -1em;}
#thearticle .catart{display:block;margin:1em 0 2em 0;}
.htag{color:rgba(224,235,246,1) ; font-size:1.5em;margin-bottom:1em;font-family:'gabriola';}


/*aside*/
#barlat{padding-left:1em;margin:0 -1em 4em 1em;border-left:1px solid rgba(224,235,246,1);}
#barlat ul{padding:0;}
#barlat li{list-style:none;}#barlat li+li{margin-top:0.5em}
#barlat h4{font-size:2em;margin-bottom:0.5em;color : rgba(224,235,246,1);}
#barlat p{color : rgba(155,190,227,1);}
aside{padding: 0.7em 0 0 1em;}
aside+aside{margin-top:2em;}

.taxonomy-description{margin-bottom:2em}

/*404 erreur*/
.bouton.pageerror{padding-top:4em;}
.svgerror {fill:rgba(155,190,227,1);}

#footer-menu {position:relative;} 
#footer-menu li{margin-bottom:0.5em;}
#footer-menu a{text-decoration:none;}
#footer-copy{font-size:0.7em;padding:0.5em;margin-top:4em;text-align:center;}

/*accordeon*/
.sp-easy-accordion .ea-card{
	border-radius:2em;background-color:rgba(255,255,255,1) !important;
}
.sp-easy-accordion .ea-body{
	border-radius:0 0 2em 2em;background-color:rgba(155,190,227,1) !important
}
/*Version bureau uniquement*/
@media only screen and (min-width:769px){
	
	.nonefixe{display:none !important;}

	/*menu principal*/
	#site-navigation ul{margin:0;padding:0;font-size:0.8em}
	#primary-menu > li{list-style:none;}
	
	#primary-menu {margin:0;padding:0em;list-style:none;display:inline-block;}
	#primary-menu a{text-decoration:none !important;padding:0.2em 1em;white-space:nowrap;display:block;color:rgba(255,255,255,1);font-family:'Open Sans', sans-serif;border-radius:2em;}
	#primary-menu > li:hover > a{background-color:rgba(135,177,221,1);color:rgba(255,255,255,1);}                                                                                                    

	/*premier niveau*/
	
	#primary-menu li{position:relative;list-style:none;}	
	#primary-menu > li{display:inline-block;margin:0;box-sizing:border-box}
	#primary-menu > li > a{position:relative;margin:0;left:0;text-align:center;text-transform:uppercase}

	/*deuxième niveau*/
	#primary-menu > li > ul{opacity:0;position:absolute;top:-9999px;left:50%;text-align:left;transform:translateX(-50%);padding:0.5em ;}
	#primary-menu > li > ul:before{content:"";width:0;height:0;display:block;border-right : 0.5em solid transparent; border-bottom : 1em solid rgba(155,190,227,1); border-left : 0.5em solid transparent;margin-left:calc(50% - 0.5em);}

	#primary-menu a:hover ~ ul, #primary-menu ul:hover{z-index:1;opacity:1;top:100%;transition:opacity 0.2s ease-in-out;transition-delay:0.2s}
	#primary-menu ul a{text_align:left;background-color:rgba(155,190,227,1);border-radius:0}
	#primary-menu ul li:first-child a{padding-top:1em;border-radius:0}
	#primary-menu ul li:last-child a{padding-bottom:1em;border-radius:0}

	#primary-menu ul a:hover{color: rgba(135,177,221,1);}
	#primary-menu > li > ul > li > a{font-weight:normal;}

	#primary-menu > .current-menu-item > a{ background-color: rgba(224,235,246,1);color: rgba(2,2,2,1);}
	#primary-menu ul > .current-menu-item > a{ color: rgba(224,235,246,1);}
	
}


/*Elements spécifiques au thème*/
/*recherche*/
.wp-block-search__inside-wrapper{border:1px solid rgba(155,190,227,1) !important;border-radius:3em;padding-right:1em !important;flex-direction: row-reverse;background-color:rgba(255,255,255,1);}
.wp-block-search .wp-block-search__button {border:none;background-color:rgba(135,177,221,0);margin:0;}
.wp-block-search__input-1{border:none;background:none;border-radius:3em !important;}
.wp-block-search__inside-wrapper path{fill : rgba(155,190,227,1);}

/*reseaux*/
.social svg {transition : all 0.2s ease-in-out ;fill :rgba(155,190,227,1);}
.social a{text-decoration:none;display:inline-block;}
.social svg:hover{fill : rgba(255,255,255,1);transition : all 0.2s ease-in-out ;}

#accueil .social{position:absolute;top:200px;right:4em;width: 2em;z-index:2}
#accueil .social svg{display:block;width:50px;margin-bottom:5px;}
footer .social svg{margin-top:1em;width:30px;margin-left:5px;}


/*widget lien entete*/
.headlink{line-height:44px;}

/*scroll*/
header.scroll{z-index:10;padding:0.5em 0.5em 0.5em 1em;position:fixed;top:-20em;border-bottom:1px solid rgba(135,177,221,1);background-color: rgba(255,255,255,1);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transform:translateY(20em);transition : transform 0.8s ease-in-out ;font-size:0.9em;}
header:not(.scroll){transition : transform 0s ease-in-out ;}
header.scroll #primary-menu {margin-top:10px;}
header.scroll #primary-menu > li > a{padding:0.5em 1em;color: rgba(155,190,227,1);}

header.scroll .logosvg svg{fill:rgba(135,177,221,1);height:3.5em}
header.scroll .logosvg svg .invert{fill:rgba(155,190,227,1);}


.up{display:none;position:fixed;bottom:0.6em;right:0.6em;width:2em;height:2em;text-decoration:none !important;font-size:1.5em;z-index:9999}
.up::before{content:"\00F0AA";font-family: "Font Awesome 5 Free";font-weight: 900;color:rgba(155,190,227,1);font-size:2em;}
.scroll.up{display:block;}

/*metaslider*/
.metaslider .caption-wrap{background-color:rgba(155,190,227,0) ;}

/*version mobile */
@media only screen and (max-width:768px){
	
	.nonemob{display:none !important;}

	h2{font-size:1.9em;}
	
	.row > div {width:100%}

	/*menu mobile*/
	body {padding-top: 0;}
	header{position:relative;padding:0.5em;}
	
	header .logosvg svg{fill:rgba(135,177,221,1);height:3.5em}
	header .logosvg svg .invert{fill:rgba(155,190,227,1);}
	#accueil .social{display:none;}

	#acclogo a{margin:0 5em;}
	#logonav, #logonav svg{
		height:2.5em;
		text-align:center;
		margin:0.2em;
		fill:rgba(255,255,255,1) !important;
	}
	
	.headernav{ border-bottom:2px dotted rgba(255,255,255,1);height:3.5em;}	
	
	
	#accueil{padding:50px 0;text-align:center;}
	#headerhr{display:none;}
	#masque{width:inherit;}
	#sous-titre{font-size:3em;margin-top:1em}
	#accroche{margin-bottom:0em;font-size:1em}
	h1{padding:1em 0 0 0;margin:0;}
	h1.frontpage{padding:1em 12px;margin:0;}	
	#boutonacc a{margin:1em 0 3em 0;}

	#boutonnav{
		position:absolute;
		top: 0;
		left: -3em;
		padding:1em;
		width: 2.8em;
	}
	.headernav.open #boutonnav{
		width: 3.5em;		
	}	
	#boutonnav{
		stroke:rgba(2,2,2,1);
		fill:rgba(255,255,255,1);		
	}
	
	.headernav.open #svgopen,.headernav:not(.open) #svgclose{display:none;}	
	
	#logonav img{padding:1em;border-bottom:1px solid rgba(,1);}

	header #site-navigation{cursor:pointer;position:fixed;top:0;transform:translateX(100%);right:0;height:100vh;padding:0;background-color:rgba(135,177,221,1);transition:transform 0.1s;display:inline-block;text-transform: uppercase;z-index:100;box-sizing:border-box;-moz-box-sizing:border-box;}
	header #site-navigation.open{transform:translateX(0);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	header #site-navigation ul {list-style:none;padding-bottom:3em;text-align:left;padding:0 0 1em 1em !important;}
	
	#primary-menu {margin:1em 2em 0 1em;overflow: auto;max-height:calc(100vh - 5em);padding:0em 1em;position:relative;} 
	#primary-menu > li{margin:0;top:0em;padding-top:0;z-index:10;list-style:none;display:block;vertical-align:top;}
	#primary-menu li > a{text-decoration:none;width:100%;transition : color 0.2s ease-in-out;color: rgba(255,255,255,1);}
	#primary-menu li .current-menu-item > a{ color: rgba(135,177,221,1);}
	#primary-menu .sub-menu {margin:0.5em 0 0 0.5em;padding-bottom:1em;}
	#primary-menu .sub-menu li+li{margin-top:0.5em;}
	#primary-menu .sub-menu a{color: rgba(2,2,2,1) !important; }
	
	#primary-menu > li > ul > li > a{position:relative;}
	#primary-menu > li > ul > li > a:before{font-family:'Roboto';content: ".";position: absolute;left:-17px;font-size:3em;top:-40px;}
	#primary-menu ul ul a{position:relative}
	#primary-menu ul ul a:before{content: "_";position: absolute;left:-13px;font-size:1em;bottom:4px;}


	nav.ssnav li {padding:0.5em;}
	nav.ssnav a {text-decoration:none !important;}
		
	li.couleur1:hover .sub-menu li a, li.couleur2:hover .sub-menu li a, li.couleur3:hover .sub-menu li a, li.couleur4:hover .sub-menu li a{background-color:rgba(135,177,221,0.3) !important}
	#titrepage{padding-top:0em;}
	#titrepage h1{margin:4em 0 1em 0;}
	#topsite {margin: 0 50px;}
	#content{padding-top:0;}
	.parralaximg{}
	
	/*header mobile*/
	header #top > :nth-child(1) input {min-width:0;opacity:0;margin-left:3em}
	header #top > :nth-child(1):hover input {opacity:1;transition: all 0.8s}
	header #top > :nth-child(1) .wp-block-search__inside-wrapper{border:1px solid rgba(155,190,227,0) !important;flex-direction:row;margin:0.5em 1.5em 1em 0;padding:0 !important}
	header #top > :nth-child(1):hover .wp-block-search__inside-wrapper{border:1px solid rgba(155,190,227,1) !important;}
	.wp-block-search .wp-block-search__button {font-size:2.5em;padding:0 !important;}

	#col-footer-contact{margin-top:4em;margin-bottom:4em}
	footer h3{font-size:3em;margin-bottom:0.5em}
}