/*
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:1em;text-transform:uppercase;color:rgba(42,106,130,1);margin:0;}
	#titrepage{font-size:5em;maergin-bottom:20px}

	h2,h3,h4,h5,h6{color:rgba(197,227,234,1);font-weight:bold;font-family:'Open Sans', sans-serif;margin-top:0;}
	h2{font-size:2.5em;}
	h3{font-size:1.3em;}
	h4,h5,h6{color:rgba(221,157,59,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(61,61,61,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(221,157,59,1);}
	summary{display: list-item;cursor: pointer;}
	summary ~ p {margin:1em;padding:1em;background-color:rgba(42,106,130,0.8);color:rgba(247,247,247,1)}
	a:hover, a:focus{color:rgba(197,227,234,1);}
	body{color:rgba(61,61,61,1);background-color:rgba(247,247,247,1);}
	.btn-default:hover {color:rgba(42,106,130,1);background-color:rgba(221,157,59,1);border-color:rgba(42,106,130,1);}
	hr{border-top: 10px solid rgba(247,247,247,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(42,106,130,0.5);color:rgba(221,157,59,1)}
	span.wpcf7-list-item {margin:0 0 1em 0;}
	
	.bouton a,input[type="submit"]{font-size:0.9em;font-family:'Open Sans', sans-serif;background-color:rgba(42,106,130,1);color:rgba(247,247,247,1);font-weight:400;position:relative;border-radius:2em;width:max-content;text-transform:uppercase;display:inline-block;border:2px solid rgba(42,106,130,1);padding:1em 2em;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(247,247,247,1);}

	.bouton a:hover,input[type="submit"]:hover{cursor:pointer;text-decoration:none;background-color:rgba(247,247,247,1);color:rgba(42,106,130,1);}
	.bouton a:hover::before{content:"\0027F6";color:rgba(42,106,130,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;}

	/*rgpd*/
	#eu-cookie-law input {background-color:rgba(42,106,130,1);color:rgba(247,247,247,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(42,106,130,1);font-size:1.2em;text-decoration:none;font-family:'Open Sans', sans-serif;transition : color 0.3s ease-in-out ;}
	header a:hover{color:rgba(221,157,59,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(247,247,247,1);}
	header .logosvg svg .invert{fill:rgba(221,157,59,1);}

	/*footer*/
	footer{display:grid;align-items:center;padding:4em 0 0 0;background-color:rgba(61,61,61,1);}
	footer div{align-items:start;}
	footer h3{margin-bottom:2em;}
	#logofooter{padding:0 0 1em 0 ;max-width:15em;margin-auto;}
	footer a, footer{color:rgba(247,247,247,1) !important;text-decoration:none !important;}
	footer #adr1 span+span{padding-left:25px;display:block;}
	footer h2{font-size:2em;color:rgba(42,106,130,1);}

	footer p{color:rgba(247,247,247,1);font-family:'Open Sans', sans-serif;}
	#footer-menu a{text-decoration:none;color:rgba(247,247,247,1);}
	#footer-menu a:hover{color:rgba(42,106,130,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(42,106,130,1);}
	footer .logosvg svg{fill:rgba(247,247,247,1);margin:0 10em 2em 0;}
	footer .logosvg svg .invert{fill:rgba(221,157,59,1);}


	.bandeausite > div {padding:0.5em 0;}
	.bandeausite p{color:rgba(197,227,234,1);}
	#topsite{background-color:rgba(221,157,59,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(197,227,234,1);border-radius:0;width:100% !important;color:rgba(197,227,234,1);padding:1em 0;margin:1em 0;}
	select{width:100%;background-color:inherit;color:rgba(197,227,234,1);padding:1em;border:none;margin:1em 0;}
	textarea{border:1px solid rgba(197,227,234,1);padding:1em;width:100%;color:rgba(197,227,234,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(42,106,130,1) !important;}

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

	/*couleur2*/
	
		div.couleur2:not(.bouton):not(.bouton2){background-color:rgba(221,157,59,1);}
		.couleur2 h1,.couleur2 h2,.couleur2 h3,.couleur2 h4,.couleur2 h5,.couleur2 h6{color:rgba(42,106,130,1);}
		.couleur2 p,.couleur2 li,.couleur2 label{color:rgba(197,227,234,1);}
		.couleur2:not(.bouton):not(.bouton2) a{color:rgba(42,106,130,1);}.couleur2:not(.bouton):not(.bouton2) a:hover{color:rgba(247,247,247,1);}
		.couleur2 hr{border-top: 1px solid rgba(197,227,234,0.6);}
		.bouton.couleur2 a{background-color:rgba(221,157,59,1);border:2px solid rgba(221,157,59,1);color:rgba(247,247,247,1) !important;}
		.bouton.couleur2 a:hover{color:rgba(221,157,59,1) !important;background-color:rgba(247,247,247,1);}
		.bouton.couleur2 a:hover::before{color:rgba(221,157,59,1);}
		.bouton.couleur2 a:hover::after{background-color:rgba(221,157,59,1);}
		
		.couleur2 blockquote:before,.couleur2 blockquote:after{color:rgba(42,106,130,1);}
		.couleur2 input[type="text"],.couleur2 input[type="email"],.couleur2 textarea, .couleur2 input[type="submit"],.couleur2 select{border-color:rgba(42,106,130,1);}
		.couleur2 .wpcf7 form.sent .wpcf7-response-output {border:none;color:rgba(42,106,130,1);padding: 0.5em;}
		.couleur2 input[type="submit"]{background-color:rgba(42,106,130,1);border:2px solid rgba(42,106,130,1);color:rgba(247,247,247,1) !important;}
		.couleur2 input[type="submit"]:hover{color:rgba(42,106,130,1) !important;background-color:rgba(247,247,247,1);}
		span.couleur2{color:rgba(221,157,59,1);}
			
	/*couleur3 */
		div.couleur3:not(.bouton):not(.bouton2){background-color:rgba(197,227,234,1);}
		.couleur3 hr{border-top: 1px solid rgba(247,247,247,0.6);}
		.couleur3:not(.bouton):not(.bouton2) a{color:rgba(221,157,59,1);}.couleur3:not(.bouton):not(.bouton2) a:hover{color:rgba(247,247,247,1);}
		.couleur3 h1,.couleur3 h2,.couleur3 h3,.couleur3 h4,.couleur3 h5,.couleur3 h6{color:rgba(221,157,59,1);}
		.couleur3 p,.couleur3 li,.couleur3 label{color:rgba(247,247,247,0.8);}
		.bouton.couleur3 a{background-color:rgba(197,227,234,1);border:2px solid rgba(197,227,234,1);color:rgba(247,247,247,1) !important;}
		.bouton.couleur3 a:hover{color:rgba(197,227,234,1) !important;background-color:rgba(247,247,247,1);}
		.bouton.couleur3 a:hover::before{color:rgba(197,227,234,1);}
		.bouton.couleur3 a:hover::after{background-color:rgba(197,227,234,1);}

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


	/*couleur6 fond blanc, titres turquoises, textes noirs, liens turquoises/jaunes */
		div.couleur6:not(.bouton):not(.bouton2) a{color:rgba(42,106,130,1);}.couleur6:not(.bouton):not(.bouton2) a:hover{color:rgba(221,157,59,1);}
		.couleur6 h1,.couleur6 h2,.couleur6 h3,.couleur6 h4,.couleur6 h5,.couleur6 h6{color:rgba(42,106,130,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(221,157,59,1);}
		.couleur7:not(.bouton):not(.bouton2) a{color:rgba(221,157,59,1);}.couleur7:not(.bouton):not(.bouton2) a:hover{color:rgba(197,227,234,1);}


/*frontpage*/
#accueil{position:relative;padding:20px 0;}
#soustitre{color:rgba(61,61,61,1);font-size:0.8em;font-weight:600;text-transform:uppercase;}
span.petit{font-style:italic;text-transform:lowercase;}
#accroche{color:rgba(42,106,130,1);margin:2em 0;font-size:1.5em}
#content{margin-top:8em}


/*blog*/
#previewblog{padding:0;}
.img-blog-cover{aspect-ratio:16/9;border-top:none;border-bottom:0;}
.artcol {background-color: rgba(42,106,130,1);border:10px solid rgba(247,247,247,1);padding:0;border-radius:20px;overflow:hidden;}

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

.artcol span{font-size: 0.8em;color: rgba(221,157,59,1);padding:1em 0em;margin:0;display: inline-block;}
.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(221,157,59,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(42,106,130,1) ;padding-bottom:1em;}
.datearticle{color:rgba(221,157,59,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(42,106,130,1);border-radius:0;color:rgba(247,247,247,1);position:absolute;right:0;top:0;}
.form-control:focus {border-color: rgba(221,157,59,1);box-shadow: 0 0 8px rgba(221,157,59,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(197,227,234,1) ; font-size:1.5em;margin-bottom:1em;font-family:'Open Sans', sans-serif;}


/*aside*/
#barlat{padding-left:1em;margin:0 -1em 4em 1em;border-left:1px solid rgba(197,227,234,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(197,227,234,1);}
#barlat p{color : rgba(221,157,59,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(221,157,59,1);}

#footer-menu {margin:0 0 0 1em;padding:0;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;}


/*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(42,106,130,1);font-family:'Open Sans', sans-serif;}
	#primary-menu > li:hover > a{background-color:rgba(42,106,130,1);color:rgba(247,247,247,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(221,157,59,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(221,157,59,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(42,106,130,1);}
	#primary-menu > li > ul > li > a{font-weight:normal;}

	#primary-menu > .current-menu-item > a{ background-color: rgba(197,227,234,1);}
	#primary-menu ul > .current-menu-item > a{ color: rgba(197,227,234,1);}
	
}


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

/*reseaux*/
.social svg {transition : all 0.2s ease-in-out ;fill :rgba(221,157,59,1);}
.social a{text-decoration:none;display:inline-block;}
.social svg:hover{fill : rgba(247,247,247,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(42,106,130,1);background-color: rgba(247,247,247,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:3px;}
header.scroll #primary-menu > li > a{padding:0.5em 1em;color: rgba(221,157,59,1);}

header.scroll .logosvg svg{fill:rgba(42,106,130,1);height:3em}
header.scroll .logosvg svg .invert{fill:rgba(221,157,59,1);}


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

/*metaslider*/
.metaslider .caption-wrap{background-color:rgba(221,157,59,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(42,106,130,1);height:3.5em}
	header .logosvg svg .invert{fill:rgba(221,157,59,1);}
	#accueil .social{display:none;}

	#acclogo a{margin:0 5em;}
	#logonav, #logonav svg{
		height:2.5em;
		text-align:center;
		margin:0.2em;
		fill:rgba(247,247,247,1) !important;
	}
	
	.headernav{ border-bottom:2px dotted rgba(247,247,247,1);height:3.5em;}	
	
	
	#accueil{padding:0 0.5em;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;margin:0;}
	h1.frontpage{padding:1em 12px;margin:0;}	
	#boutonacc a{margin:1em 0 3em 0;}

	#boutonnav{
		position:absolute;
		top: 1em;
		left: -2.5em;
		width: 1em;		
	}
	.headernav.open #boutonnav{
		width: 2em;		
	}	
	#boutonnav{
		stroke:rgba(61,61,61,1);
		fill:rgba(247,247,247,1);		
	}	
	
	.headernav.open #svgopen,.headernav:not(.open) #svgclose{display:none;}	

	
	#logonav img{padding:1em;border-bottom:1px solid rgba(197,227,234,1);}

	header #site-navigation{cursor:pointer;position:fixed;top:0;transform:translateX(100%);right:0;height:100vh;padding:0;background-color:rgba(42,106,130,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(221,157,59,1);}
	#primary-menu li .current-menu-item > a{ color: rgba(42,106,130,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(61,61,61,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(42,106,130,0.3) !important}
	#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(221,157,59,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(221,157,59,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}
}