@font-face {
 font-family: "Open sans";
 src: url("https://davelopweb.fr/wp-content/themes/davelopweb/font/OpenSans.ttf") format("truetype");
 font-style: normal;font-display: swap;
}

@font-face {
 font-family: "Josefyn sans";
 src: url("https://davelopweb.fr/wp-content/themes/davelopweb/font/JosefynSans.ttf") format("truetype");
 font-style: normal;font-display: swap;
}


/*
custom css, les id et class spécifiques au thème sont à inscrire plus bas 
*/

html{width:100%;position:relative;height:100%;margin:0;padding:0;overflow-x:hidden;font-size:14px;}
body{box-sizing:border-box;transition :all 0.5s ease-in-out;overflow-x:hidden;font-size:1em;}
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;}.row > div > div{display:grid;align-items:center;}
.full-width-container .full-width-row .container,.full-width-container .full-width-row .container .ti-reviews-container-wrapper{max-width:1400px;}

.full-width-container.seamless {padding-left: 0 !important;padding-right: 0 !important;}

.center{text-align:center}.right{text-align:right;}
.shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
#filariane{padding:1.5em 0;font-size:0.9em;}
strong {font-weight: 600;}

/* header*/
header{width:100%;padding:1em;top:0;z-index:11;left:0;position:fixed;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-transition : all 0.5s ease-in-out infinite;-moz-transition : all 0.5s ease-in-out ;-o-transition : all 0.5s ease-in-out ;transition : all 0.5s ease-in-out ;}
header #acclogo a{transform:translate(-100px);opacity:0;transition : all 0s ease-in-out ;}
header svg{max-height:2em;}

header.scroll #acclogo {width:3em;}
header.scroll #acclogo a{opacity:1;transform:translate(0px);transition : all 0.5s ease-in-out ;}
#top{flex-direction:row-reverse}
header.scroll #top{flex-direction:row}

/*logo*/
svg .firstgrad{stop-color:rgba(162,181,163,1);}
svg .secondgrad{stop-color:rgba(131,180,141,1);}
header.scroll svg .invert{fill:rgba(249,249,249,1);}
footer svg .invert{fill:rgba(249,249,249,1);}

/*footer*/
footer{display:grid;align-items:center;min-height:100vh;padding:8em 0 0 0;font-size:0.8em;}
#logofooter{max-width:50%;margin-bottom:1em;transform:translate(-100px);opacity:0;transition : all 0.5s ease-in-out ;}
footer.scrollfooter #logofooter{margin:auto;opacity:1;transform:translate(0px);}

#lienlogo{margin:2em 0;}
#lienlogo img{height:4em;}
#lienlogo a+a{margin-left:2em;}

/*standard font*/
.bouton a,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .page-numbers
{position:relative;font-weight:normal;width:max-content;text-transform:uppercase;display:inline-block;border:none;padding:0.5em 1.5em;text-decoration:none;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
.bouton a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover,.woocommerce input.button:hover, .page-numbers:hover
{transform:translateY(-3px);cursor:pointer;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);text-decoration:none;}
.bouton:not(.tel):not(.next):not(.prev) a:before,.woocommerce #respond input#submit:before, .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce button.button.alt:before,.woocommerce input.button:before,.page-numbers:before
{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f35d";padding-right:0.5em;}

.tel a:before{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f095";padding-right:0.5em}
.sms a:before{content:"\f4ad";}
p{margin:0;}#content li + li {padding-top: 0.1em;}
.alignnone{margin:0 !important;}


	/*Défaut*/
	h1,.sous-titre,h2,h3,h4,h5,h6{color:rgba(52,76,76,1);font-weight:600;font-family:'Josefin Sans', sans-serif;}
	h1{font-size:1.1em;color:rgba(131,180,141,1);}
	h2{font-size:1.5em;font-weight:200;font-style:italic;letter-spacing:3px;text-align:center;}
	h3{font-size:3em;color:rgba(52,76,76,1);text-transform:uppercase;margin-bottom:1em;text-align:center;}
	h3::after{content:"";height:10px;border-radius:0;width:50px;display:block;background-color:rgba(131,180,141,1);margin:auto;margin-top:1em}
	h4,h5,h6{font-size:1.5em;}
	h4{color:rgba(131,180,141,1);}
	
	summary{font-size:1.5em;}
	em{font-style:normal;font-weight:bold;}
	strong{font-weight:normal;}
	.wyn p {font-size:15em;line-height:1em;}
	.sous-titre p{font-size:2.5em;margin-bottom:0.5em;line-height:1.2em;}
	#explain{display:block;font-size:1em;font-style:italic;margin-bottom:1em}

	ul{padding:0 0 0 2em;}
	p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{margin-top:2em;}
	p,li,label{font-weight:400;font-family:'Open Sans', sans-serif;font-size:1.1em;color:rgba(52,76,76,1);line-height:1.8em}
	a{font-weight:400;font-family:'Open Sans', sans-serif;font-size:1em;text-decoration: underline;color:rgba(131,180,141,1);}
	summary{display: list-item;cursor: pointer;}summary ~ ol{margin-top: 1em;padding-left: 2em;}
	summary ~ p {margin:1em;padding:1em;background-color:rgba(131,180,141,0.8);color:rgba(249,249,249,1)}
	a:hover{color:rgba(2,2,2,1);}
	body{color:rgba(2,2,2,1);background-color:rgba(249,249,249,1);}
	.bouton a{background-color:rgba(52,76,76,1);color:rgba(249,249,249,1);}
	.bouton a:hover{background-color:rgba(247,0,0,1) !important;color:rgba(249,249,249,1) !important;}
	.btn-default:hover {color:rgba(131,180,141,1);background-color:rgba(52,76,76,1);border-color:rgba(131,180,141,1);}
	hr{border-top: 1px solid rgba(52,76,76,0.6);margin: 0 10%;}
	.wp-video,.mejs-container{width:100% !important}
	#accesrapide{position:relative;z-index:2}
	#accesrapide > div{width:100%;position:absolute;padding:1em;background-color:rgba(249,249,249,1);color:rgba(131,180,141,1);right: 0;bottom:0;font-size:0.9em;}

	/*rgpd*/
	#eu-cookie-law input {background-color:rgba(131,180,141,1);color:rgba(249,249,249,1);width: inherit !important;}	

	/*header*/
	header{background-color:rgba(52,76,76,0);}
	header.scroll{background-color:rgba(52,76,76,1);box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	header.scroll nav a{color:rgba(244,244,244,1);}
	header nav a{color:rgba(52,76,76,1);}
	header nav a:hover, header.scroll nav a:hover{color:rgba(131,180,141,1);}	
	header.scrollfooter{background:linear-gradient(30deg,rgba(131,180,141,1),rgba(162,181,163,1));box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	header.scrollfooter nav a{color:rgba(2,2,2,1);}
	header.scrollfooter nav a:hover{color:rgba(249,249,249,1);}	

	/*form*/
	label{width:100%;}
	input[type="text"],input[type="email"],input[type="number"]{border:1px solid rgba(52,76,76,1);border-radius:0;width:100% !important;color:rgba(52,76,76,1);padding:1em;}
	input[type="submit"]{font-family:'Josefin Sans', sans-serif;text-transform:uppercase;background-color:rgba(131,180,141,1);color:rgba(244,244,244,1);display:inline-block;border:none;padding:0.5em 1.5em;font-size:1.1em;text-decoration:none;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin:0;box-sizing:border-box;-moz-box-sizing:border-box;}
	input[type="submit"]:hover{cursor:pointer;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);text-decoration:none;transform:translateY(-3px);}
	select{width:100%;background-color:rgba(244,244,244,1);color:rgba(52,76,76,1);padding:1em;border:none;}
	textarea{border:1px solid rgba(52,76,76,1);padding:1em;width:100%;color:rgba(52,76,76,1);}
	
	/*CDC plugin - a deplacer*/
	#cdc_down{margin-top:1em;}
	#cdc h3{margin:0;}
	#cdc img{max-width:inherit;max-height:10em;padding:3em 0;margin:auto;box-sizing:border-box;-moz-box-sizing:border-box;transition :all 0.2s ease-in-out;}
	#cdc .couleur1 img{padding:1em 0;}
	#onglets textarea::placeholder{font-weight:900;font-family: "Font Awesome 5 Free";}
	#menucdc{width:100%;list-style:none;margin:0;text-align:center;padding:0;height:4em}
	#menucdc li{position:relative;font-weight:bold;padding:0.5em 2em;margin:0;display:inline-block;color:rgba(131,180,141,1);}
	#menucdc li:before{color:rgba(52,76,76,1);font-size:0.8em;position:absolute;bottom:0;right:calc(50% - 0.5em);font-family: "Font Awesome 5 Free";font-weight: 900;font-size:2em;content:"\f00c";color:rgba(52,76,76,1);}
	#menucdc li:after{color:rgba(52,76,76,1);content:"ça c'est fait";font-size:0.8em;position:absolute;bottom:3em;right:0em;transform: rotate(-10deg);}
	#menucdc li.actif{font-size:1.5em;border-bottom: 1px solid rgba(52,76,76,1);}
	#menucdc li.actif ~ li{color:rgba(131,180,141,1);}
	#menucdc li.actif ~ li:before,#menucdc li.actif ~ li:after,#menucdc li.actif:before,#menucdc li.actif:after{content:"";}
	.ongletcdc{display:none;opacity:0;transform:translateX(-100px);transition: transform,opacity 1s cubic-bezier(.25,.8,.25,1);}.ongletcdc > div {cursor:pointer;}
	.ongletcdc.actif{display:block;opacity:1;transform:translateX(0);}
	.bouton.navcdc{display:block;}
	.ongletcdc .hidden{display:none;}
	.ongletcdc > .row > div{position:relative;}
	.select{opacity:0.4;border:0.5em solid rgba(249,249,249,1);text-align:center;background-color:rgba(244,244,244,1);padding:2em;transition :background-color 0.3s ease-in-out;}
	.select:not(.unique):before{font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1.5em;content:"\f067";position:absolute;top:0;right:5px;color:rgba(52,76,76,1);}
	.select.couleur1{opacity:1;}
	.select.couleur1:before{font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1.5em;content:"\f00c";position:absolute;top:0em;right:5px;color:rgba(52,76,76,1);}
	.noselect{border:0.5em solid rgba(249,249,249,1);text-align:center;padding:5em 2em 2em 2em;transition :background-color 0.3s ease-in-out;cursor:default;}
	.noselect:before{font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1.5em;content:"\f00d";position:absolute;top:0em;right:5px;color:rgba(249,249,249,1);}
	.noselect #dispo{display:none;}
	.select #nodispo{display:none;}
	.boutonnavcdc{margin-top:2em;display:flex;height:4em}
	#prec:before{content:"\f060";}
	#cdc textarea{margin-bottom:1em;}

	code{padding:0}
	.wpcf7-mail-sent-ok{border: 2px solid rgba(131,180,141,1) !important;background-color:rgba(52,76,76,1) !important;color:rgba(249,249,249,1);}

	/*couleur principale 6*/
	.couleur6:not(.bouton){background:rgba(162,181,163,1);}
	.couleur6 hr{border-top: 1px solid rgba(249,249,249,0.6);}
	.couleur6 a{color:rgba(249,249,249,1);}.couleur6	a:hover{color:rgba(131,180,141,1);}
	.couleur6 h1,.couleur6 h2,.couleur6 h3,.couleur6 h4,.couleur6 h5,.couleur6 h6,.couleur6 p,.couleur6 li,.couleur6 label{color:rgba(249,249,249,1);}
	.couleur6 .bouton a, .bouton.couleur6 a{background:rgba(249,249,249,1);color:rgba(162,181,163,1);}
	.bouton.couleur6 a{background:rgba(162,181,163,1);color:rgba(249,249,249,1);}
	.couleur6 input[type="text"],.couleur6 input[type="email"],.couleur6 input[type="number"],couleur6 textarea{border:none;color:rgba(249,249,249,1);}
	.couleur6 input[type="submit"],.couleur6 select{background:rgba(52,76,76,1);color:rgba(162,181,163,1);}
	.bordercouleur6 {border: 1px solid rgba(162,181,163,0.6);}
	.bordercouleur6 .wyn p{color : rgba(162,181,163,1);}
	.couleur6 .tarif div{border-right-color:rgba(249,249,249,1) !important;}

	/*couleur principale 1*/
	.couleur1:not(.bouton) {background:rgba(131,180,141,1);}
	.couleur1 h1,.couleur1 p,.couleur1 li,.couleur1 label{color:rgba(244,244,244,1);}
	.couleur1 h2,.couleur1 h3,.couleur1 h4,.couleur1 h5,.couleur1 h6{color:rgba(244,244,244,1);}
	.couleur1 h3::after{background-color:rgba(244,244,244,1);}

	.couleur1 a{color:rgba(52,76,76,1);}
	.couleur1 hr{border-top: 1px solid rgba(244,244,244,0.6);}
	.couleur1 .bouton a, .bouton.couleur1 a{background:rgba(249,249,249,1);color:rgba(131,180,141,1);}
	.bouton.couleur1 a{background:rgba(131,180,141,1);color:rgba(249,249,249,1);}
	.couleur1 input[type="text"],.couleur1 input[type="email"],.couleur1 input[type="number"],.couleur1 textarea{border:none;color:rgba(131,180,141,1);}
	.couleur1 input[type="submit"],.couleur1 select{background:rgba(244,244,244,1);color:rgba(131,180,141,1);}
	.bordercouleur1 {border: 1px solid rgba(131,180,141,0.6);}
	.bordercouleur1 .wyn p{color : rgba(131,180,141,1);}
	.couleur1 .tarif div{border-right-color:rgba(249,249,249,1) !important;}

	/*couleur principale 2*/
	.couleur2:not(.bouton) {background:rgba(52,76,76,1);border-color:rgba(249,249,249,1);}
	.couleur2 h1,.couleur2 h2,.couleur2 h3,.couleur2 h4,.couleur2 h5,.couleur2 h6,.couleur2 p,.couleur2 li,.couleur2 label{color:rgba(249,249,249,1);}
	.couleur2 a{color:rgba(131,180,141,1);}.couleur2 a:hover{color:rgba(244,244,244,1);}
	.couleur2 hr{border-top: 1px solid rgba(244,244,244,0.6);}
	.couleur2 .bouton a, .bouton.couleur2 a{background:rgba(249,249,249,1);color:rgba(52,76,76,1);}
	.bouton.couleur2 a{background:rgba(52,76,76,1);color:rgba(249,249,249,1);}
	.couleur2 input[type="text"],.couleur2 input[type="email"],.couleur2 input[type="number"],couleur2 textarea{border:none;color:rgba(52,76,76,1);}
	.couleur2 input[type="submit"],.couleur2 select{background:rgba(131,180,141,1);color:rgba(52,76,76,1);}
	.bordercouleur2 {border: 1px solid rgba(52,76,76,0.6);}
	.bordercouleur2 .wyn p{color : rgba(52,76,76,1);}
	.couleur2 .tarif div{border-right-color:rgba(249,249,249,1) !important;}


	/*couleur principale 3*/
	.couleur3:not(.bouton) {background:rgba(244,244,244,1);}
	.couleur3 hr{border-top: 1px solid rgba(131,180,141,0.6);}
	.couleur3 a{color:rgba(131,180,141,1);}.couleur3	a:hover{color:rgba(52,76,76,1);}
	.couleur3 h1,.couleur3 h3,.couleur3 h4,.couleur3 h5,.couleur3 h6,.couleur3 p,.couleur3 li,.couleur3 label{color:rgba(52,76,76,1);}
	.couleur3 h2{color:rgba(131,180,141,1);}
	.couleur3 .bouton a, .bouton.couleur3 a{background:rgba(131,180,141,1);color:rgba(244,244,244,1);}
	.bouton a.couleur3{background:rgba(244,244,244,1);color:rgba(249,249,249,1);}
	.couleur3 input[type="text"],.couleur3 input[type="email"],.couleur3 input[type="number"],couleur3 textarea{border:none;color:rgba(52,76,76,1);}
	.couleur3 input[type="submit"],.couleur3 select{background:rgba(52,76,76,1);color:rgba(244,244,244,1);}
	.bordercouleur3 {border: 1px solid rgba(244,244,244,0.6);}
	.couleur3 .tarif div{border-right-color:rgba(52,76,76,1) !important;}

	/*couleur principale 4 - noir et blanc*/
	.couleur4:not(.bouton) {background:rgba(2,2,2,1);}
	.couleur4 hr{border-top: 1px solid rgba(249,249,249,0.6);}
	.couleur4 a{color:rgba(131,180,141,1);}.couleur4	a:hover{color:rgba(249,249,249,1);}
	.couleur4 h1,.couleur4 h2,.couleur4 h3,.couleur4 h4,.couleur4 h5,.couleur4 h6,.couleur4 p,.couleur4 li,.couleur4 label{color:rgba(249,249,249,1);}
	.couleur4 .bouton a, .bouton.couleur4 a{background:rgba(249,249,249,1);color:rgba(2,2,2,1);}
	.couleur4 input[type="text"],.couleur4 input[type="email"],.couleur4 input[type="number"],couleur4 textarea{border:none;color:rgba(2,2,2,1);}
	.couleur4 input[type="submit"],.couleur4 select{background:rgba(249,249,249,1);color:rgba(2,2,2,1);}
	.bordercouleur4 {border: 1px solid rgba(249,249,249,0.6);}
	.couleur4 .tarif div{border-right-color:rgba(52,76,76,1) !important;}
	
	/*couleur principale 5 - blanc et noir*/
	.couleur5:not(.bouton) {background:rgba(249,249,249,1);}
	.couleur5 hr{border-top: 1px solid rgba(52,76,76,0.6);}
	.couleur5 a{color:rgba(52,76,76,1);}.couleur5	a:hover{color:rgba(52,76,76,1);}
	.couleur5 h1,.couleur5 h2,.couleur5 h3,.couleur5 h4,.couleur5 h5,.couleur5 h6,.couleur5 p,.couleur5 li,.couleur5 label{color:rgba(52,76,76,1);}
	.couleur5 .bouton a, .bouton.couleur5 a{background:rgba(52,76,76,1);color:rgba(249,249,249,1);}
	.couleur5 input[type="text"],.couleur5 input[type="email"],.couleur5 input[type="number"],couleur5 textarea{border:none;color:rgba(249,249,249,1);}
	.couleur5 input[type="submit"],.couleur5 select{background:rgba(52,76,76,1);color:rgba(249,249,249,1);}
	.bordercouleur5 {border: 1px solid rgba(2,2,2,0.6);}
		
	/*couleur principale 7 - dégradé vert bleu*/
	.couleur7:not(.bouton) {background:linear-gradient(30deg,rgba(162,181,163,1),rgba(131,180,141,1));}
	.couleur7 hr{border-top: 1px solid rgba(52,76,76,0.6);}
	.couleur7 a{color:rgba(52,76,76,1);}.couleur7	a:hover{color:rgba(52,76,76,1);}
	.couleur7 h1,.couleur7 h2,.couleur7 h3,.couleur7 h4,.couleur7 h5,.couleur7 h6{color:rgba(52,76,76,1);}
	.couleur7 p,.couleur7 li,.couleur7 li a,.couleur7 label{color:rgba(249,249,249,1);}
	
	.couleur7 .bouton a, .bouton.couleur7 a{background:linear-gradient(to right,rgba(162,181,163,1),rgba(131,180,141,1));color:rgba(249,249,249,1);}
	.couleur7 input[type="text"],.couleur7 input[type="email"],.couleur7 input[type="number"],couleur7 textarea{border:none;color:rgba(249,249,249,1);}
	.couleur7 input[type="submit"],.couleur7 select{background:rgba(52,76,76,1);color:rgba(249,249,249,1);}
	.bordercouleur6 {border: 1px solid rgba(162,181,163,0.6);}
	
	/*couleur principale 8 - bleu plus clair  et blanc - articles recents*/
	.couleur8:not(.bouton) {background:rgba(247,0,0,1);}
	.couleur8 hr{border-top: 1px solid rgba(249,249,249,0.6);}
	.couleur8 a{color:rgba(131,180,141,1);}.couleur8	a:hover{color:rgba(249,249,249,1);}
	.couleur8 h1,.couleur8 h2,.couleur8 h3,.couleur8 h4,.couleur8 h5,.couleur8 h6,.couleur8 p,.couleur8 li,.couleur8 label{color:rgba(249,249,249,1);}
	.couleur8 .bouton a, .bouton.couleur8 a{background:rgba(249,249,249,1);color:rgba(247,0,0,1);}
	.couleur8 input[type="text"],.couleur8 input[type="email"],.couleur8 input[type="number"],couleur8 textarea{border:none;color:rgba(247,0,0,1);}
	.couleur8 input[type="submit"],.couleur8 select{background:rgba(249,249,249,1);color:rgba(247,0,0,1);}
	.bordercouleur8 {border: 1px solid rgba(247,0,0,0.6);}
	.couleur8 .tarif div{border-right-color:rgba(249,249,249,1) !important;}
	
	
	/*couleur principale 9*/
	.couleur9:not(.bouton) {background:rgba(76,121,124,1);}
	.couleur9 hr{border-top: 1px solid rgba(249,249,249,0.6);}
	.couleur9 a{color:rgba(52,76,76,1);}.couleur9	a:hover{color:rgba(249,249,249,1);}
	.couleur9 h1,.couleur9 h2,.couleur9 h3,.couleur9 h4,.couleur9 h5,.couleur9 h6,.couleur9 p,.couleur9 li,.couleur9 label{color:rgba(249,249,249,1);}
	.couleur9 .bouton a, .bouton.couleur9 a{background:rgba(249,249,249,1);color:rgba(76,121,124,1);}
	.couleur9 input[type="text"],.couleur9 input[type="email"],.couleur9 input[type="number"],couleur9 textarea{border:none;color:rgba(76,121,124,1);}
	.couleur9 input[type="submit"],.couleur9 select{background:rgba(249,249,249,1);color:rgba(76,121,124,1);}
	.bordercouleur9 {border: 1px solid rgba(76,121,124,0.6);}	
	.couleur9 .tarif div{border-right-color:rgba(249,249,249,1) !important;}
	
	
	
/*frontpage accueil*/
#accueil{display:flex;align-items:center;position:relative;margin:0;min-height:100vh;font-size:1em;background: url() no-repeat center center;background-color:rgba(244,244,244,1);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#accueil > div{z-index:9}
#accueil > div.ztop{z-index:10;}
#accueil #titre{display:block;color:rgba(52,76,76,1);font-family:'Josefin Sans', sans-serif;margin:0;}
#accueil #titre span{color:rgba(131,180,141,1);}
#imglogo {max-width:400px;margin-bottom:2em}#titrepage svg{max-width:100px;}
#accueil h1{display: inline-block;margin:0;color:rgba(131,180,141,1);font-size:2em;}
#accueil #titre p{font-size:5em;margin-bottom:1em;text-transform:uppercase}

#titrepage{padding:8em 0 2em 0;}
#ecranacc{margin-bottom:2em;max-width:500px}
#entete{background: url() no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width:20vw;height:20vw;position:fixed;top:-10px;right:0;border-bottom-left-radius :40vw;}
#entete.entete-portfolio{background: url(https://davelopweb.fr/wp-content/uploads/2019/10/tablette_graphique.jpg) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;width:30vw;height:30vw;position:fixed;top:-10px;right:0;border-bottom-left-radius :40vw;border:10px solid rgba(52,76,76,1);border-right:none;}
#charte{position:absolute;bottom:0;right:0;z-index:9;width:100vw}
#masque{position:absolute;bottom:-1px;right:0;z-index:1;width:100vw;fill:rgba(247,0,0,1);}

.bandeauarticle{background: url() no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height:400px;width:100%;margin:1em 0;}

.roundimg{border:1px solid rgba(52,76,76,1);}
#textacc.ok svg{margin-right:1em;}

/*blog*/
#blog{padding:4em 0;}
#previewblog{padding:2em 0;}
.apercublog {margin:2em;padding:1em;display:grid;transition: all 0.3s cubic-bezier(.25,.8,.25,1);align-items:start !important}
.apercublog a{text-decoration:none;}
.apercublog .excerpt{margin-top:1em;}

.img-blog-cover{height:10em;margin-bottom:1.5em}
.apercublog .img-blog-cover{margin:-1em -1em 3em -1em} .apercublog:hover .img-blog-cover{opacity:0.5;}
.apercublog:hover{transform:translateY(-3px);}
#singlepost{padding:4em 0;}
#bottomblognav .right{display:block;text-align:right;}
#sidebar{border-left:1px solid rgba(52,76,76,1);align-items: start;padding:0 0 0 2em}
#thearticle{padding-right:2em}
.search-form{width:100%;border:1px solid rgba(131,180,141,1);padding:0;position:relative;margin-bottom:2em}
.search-form input{border:none;height:3em}
.form-group{width:80%;margin-bottom:0;}
.search-form button{height:3em;width:20%;border:none;background-color:rgba(131,180,141,1);border-radius:0;color:rgba(249,249,249,1);position:absolute;right:0;top:0;}
.form-control:focus {border-color: rgba(52,76,76,1);box-shadow: 0 0 8px rgba(52,76,76,0.6);}
h2.titrearticle{line-height: 1.8em;font-size: 1.1em;font-style: inherit;}
.portfolio{padding:4em 0;}
.widget_categories .cat-item-60{display:none;}
.art_date{color:rgba(52,76,76,0.8);font-size:0.9em;font-style: italic;text-align:right}


/*portfolio*/
.apercuportfolio {padding:6em;position:relative;overflow:hidden}
.band_portfolio {
    position: absolute;
    padding: 0.5em;
    top: 44px;
    left: -165px;
    white-space: nowrap;
    color: rgba(244,244,244,1) !important;
    transform: rotate(-37deg);
    width: 500px;
}
.boutonportfolio{padding-top:1em;}
.page-numbers.current,.page-numbers.dots{background-color: rgba(131,180,141,1) !important;}

/*catégories*/
.widget_categories ul{list-style:none;padding:0;}
.widget_categories a{padding:0.5em;text-decoration:none;color:color:rgba(249,249,249,1);background-color:rgba(131,180,141,1);;}

/*404 erreur*/
#pageerror{padding:4em 0}
#pageerror .bouton{padding-top:4em;}
.svgerror {fill:rgba(131,180,141,1);}

/*page protégée*/
#protectedpage{padding:4em 0;}

/*icone before*/
.homemenu a::before{font-weight:900;content:"\f0c0";font-family: 'Font Awesome 5 Free';padding-right:0.5em;display: inline-block;width:1.6em}
.site-internet a::before{font-weight:900;content:"\f19a";font-family: 'Font Awesome 5 Brands';padding-right:0.5em;display: inline-block;width:1.6em}
.dave a::before{font-weight:900;content:"\f007";font-family: 'Font Awesome 5 Free';padding-right:0.5em;display: inline-block;width:1.6em}
.refonte-site a::before{font-weight:900;content:"\f0ac";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.maintenance  a::before{font-weight:900;content:"\f0ad";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.assistance a::before{font-weight:900;content:"\f1eb";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.assistancepro a::before{font-weight:900;content:"\f508";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.green a::before{font-weight:900;content:"\f06c";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.assistancew a::before{font-weight:900;content:"\f0f1";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.reseaux-sociaux a::before{font-weight:900;content:"\f164";font-family: 'Font Awesome 5 Free';padding-right:0.5em;display: inline-block;width:1.6em}
.conseil a::before{font-weight:900;content:"\f2b5";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.cloud a::before{font-weight:900;content:"\f0c2";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.flyers a::before{font-weight:900;content:"\f0c0";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.logoserv a::before{font-weight:900;content:"\f06e";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.crealogo a::before{font-weight:900;content:"\f044";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.calibration a::before{font-weight:900;content:"\f108";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.cable a::before{font-weight:900;content:"\f201";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.projet a::before{font-weight:900;content:"\f15c";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.mentions a::before{font-weight:900;content:"\f15c";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.euro a::before{font-weight:900;content:"\f153";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.facebook::before{content:"\f082";font-family: "Font Awesome 5 Brands";font-weight: 900;padding-right:0.5em;display: inline-block;width:1.6em}
.twitter::before{content:"\f099";font-family: "Font Awesome 5 Brands";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em}
.instagram::before{content:"\f16d";font-family: "Font Awesome 5 Brands";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em}
.newsletter::before{content:"\f0e0";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em}
.linkedin::before{content:"\f08c";font-family: "Font Awesome 5 Brands";font-weight: 900;padding-right:0.5em;display:inline-block;width:1.6em}


.boutique a::before{font-weight:900;content:"\f54f";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.panier a::before{font-weight:900;content:"\f291";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}
.compte a::before{font-weight:900;content:"\f508";font-family: "Font Awesome 5 Free";padding-right:0.5em;display: inline-block;width:1.6em}


.compte a:hover::before,.panier a:hover::before,.boutique a:hover::before,.assistancepro a:hover::before,.homemenu a:hover::before,.green a:hover::before,.site-internet a:hover::before,.refonte-site a:hover::before,.maintenance  a:hover::before,.assistance a:hover::before,
.assistancew a:hover::before,.dave a:hover::before,.reseaux-sociaux a:hover::before,.conseil a:hover::before,.cloud a:hover::before,.flyers a:hover::before,
.logoserv a:hover::before,.crealogo a:hover::before,.calibration a:hover::before,.cable a:hover::before,.projet a:hover::before,.mentions a:hover::before,
.euro a:hover::before,.facebook:hover::before,.linkedin:hover::before,.twitter:hover::before,.instagram:hover::before,.newsletter:hover::before
{font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f0da";transition : all 0.2s ease-in-out ;width:1.6em;display:inline-block;transform:translate(0.2em);}

footer .facebook, footer .linkedin,footer .twitter,footer .instagram, footer .newsletter{display:inline-block;margin:1em; text-decoration:none;font-size:2em}

.profil{border:5px solid rgba(52,76,76,0.8);}


/*animation*/

#titrepage h1, #titrepage p,#textacc svg,#titrepage svg,#textacc #titre,#textacc #boutonacc {opacity:0;transform:translate(-100px);transition-timing-function: ease-out;transition: 0.6s;}
#titrepage p {color:rgba(52,76,76,1) !important;display:inline-block;margin: 0 1em;line-height: 1.5em;vertical-align:top;max-width:75%}
#textacc.ok svg,#titrepage.ok svg{opacity:1;transform:translate(0);transition-delay: 200ms;}
#titrepage.ok p,#textacc.ok #titre{opacity:1;transform:translate(0);transition-delay: 400ms;}
#entete{transform:translate(5vw,-5vw);opacity:0;transition-timing-function: ease-out;transition: 0.6s;z-index:8;overflow:hidden;}
#entete div{font-size:1.2em;padding:5em 1em 1em 3em;background-color:rgba(244,244,244,0.8);color:rgba(244,244,244,1);text-align:right;text-decoration:none;font-weight:bold;}

#textacc.ok #boutonacc, #titrepage.ok h1{opacity:1;transform:translate(0);transition-delay:500ms;transition-property:transform,opacity;}
#textacc.scroll svg, #titrepage.scroll svg{opacity:0;transform:translate(-100px);transition-timing-function: ease-out;transition: 0.6s;}


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


/*Element spécifiques au thème*/
blockquote{padding:0;margin:2em 0;border: none;display: inline-block;position:relative;}
blockquote p{padding:1em 3em;display: inline-block;font-style: italic;}
blockquote::before{content:"\f10d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 2em;position:absolute;top:0;left:0;}
blockquote::after{content:"\f10e";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 2em;position:absolute;bottom:0;right:0;}
.tableautarif > div {border-bottom:1px solid rgba(52,76,76,1);margin-bottom:1em;padding-bottom:1em}
.space{height:2em;}
.pro img{max-width: 50%;}
.tarifs{margin:0 -2em;text-align:center;padding:2em;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.tarif p{line-height:1em;font-family:'Josefin Sans', sans-serif;}
.tarif .row > div:nth-child(2){border-right:5px solid;}
.mockup, .category-yucca .look,.category-wordpress .look{
  background-color: rgba(52,76,76,1); 
  border-radius: 0;
  padding: 15px;
  box-shadow: 0 10px 30px rgba(2,2,2,0.3);
  position: relative;}
  
  .mockup::after,.category-yucca .look::after,.category-wordpress .look::after{
	content:"";
  background-color: rgba(52,76,76,1); 
  border-radius: 0px;
  width:110%;
  height:25px;
  box-shadow: 0 10px 30px rgba(2,2,2,0.3);
  position:absolute;
  bottom:-20px;
  Left:-5%}
  
.category-yucca .look,.category-wordpress .look{
  border-radius: 0;
  padding: 8px;}
  
.category-yucca .look::after,.category-wordpress .look::after{
  border-radius:0;
  height:15px;
  bottom:-10px;
  }
  
  

/*woocommerce*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt,.woocommerce input.button {background-color:rgba(131,180,141,1);color:rgba(249,249,249,5);}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover,.woocommerce button.button.alt:hover, .woocommerce input.button:hover {background-color:rgba(247,0,0,1);color:rgba(249,249,249,5);}
.woocommerce ul.products li.product a img {background-color:rgba(244,244,244,1); padding:1em;}

.page-boutique{padding:4em 0;}
.page-boutique img{margin:auto;}
.page-boutique h2{margin-top:1em;}
.page-boutique #description-product{padding-left:2em;}
.quantity{display:inline-block;}
.woocommerce-message{border:none;background-color:rgba(76,121,124,1);color:rgba(244,244,244,1);margin:0;display:block !important;}
.woocommerce-message:before{color:rgba(244,244,244,1);}
.prix-boutique{font-size:2em;color:rgba(76,121,124,1);}
.button+a{margin-bottom:0.5em;color:rgba(2,2,2,1);}
.gallerie-boutique{padding:1em;margin:auto;}

.cart{margin-top:2em;}


.sujetsingle{
margin-top:2em;
font-style:italic;	
}
#sommaire{
	padding: 2em;
	background-color:rgba(52,76,76,0.3);
	margin-bottom: 2em;
}
#sommaire summary{
	margin-bottom: 1em;
}
#toclist {list-style:none}
.toc2 {font-weight:700}
.toc3 {margin-left:1.5em}
.toc3+.toc2,.toc2+.toc2 {margin-top:1em}

.metaslider .caption-wrap{
    display:none !important;
}
.metaslider img
{
	filter:grayscale(1);
}

.metaslider img:hover
{
	filter:grayscale(0);
}

.staff img{border-radius:0;border: 2px solid rgba(249,249,249,1);filter:grayscale(1);}
.staff img:hover{border: 2px solid rgba(249,249,249,1);filter:grayscale(0);}

.ecole img{filter:grayscale(1);display:inline-block;width:50%}
.ecole img:hover{filter:grayscale(0);}

.wpcf7-spinner{position:absolute;}

/*vcard*/
.vcard svg{}
/*reseaux*/
.social,.vcard {align-items:baseline !important}
.social svg,.vcard svg {transition : all 0.2s ease-in-out ;}
.social a,.vcard a{text-decoration:none;display:inline-block;}
.social svg:hover,.vcard svg:hover{fill : rgba(249,249,249,1);transition : all 0.2s ease-in-out ;}
#content .social svg,#content .vcard svg {fill :rgba(131,180,141,1);display:block;width:40px;margin:10px;}

/*Version bureau uniquement*/
@media screen and (min-width:769px){
	
	.nonefixe{display:none !important;}

	/*menu principal*/
	#site-navigation{position:absolute;bottom:0;width:100%;font-size:0.8em;}
	#site-navigation ul{margin:0;padding:0;}
	#primary-menu > li{list-style:none;}
	
	#primary-menu {margin:0;padding:0em;list-style:none;display:inline-block;}
	#primary-menu .nonehead {display:none;}

	#primary-menu a{text-decoration:none !important;padding:0.5em 1em;white-space:nowrap;display:block;font-family:'Open Sans', sans-serif;}
	#primary-menu > li:hover > a{color:rgba(131,180,141,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:30px;left:100%;text-align:left;transform:translateX(-50%);padding:0.5em ;pointer-events:none;}
	#primary-menu a:hover ~ ul, #primary-menu ul:hover{z-index:1;opacity:1;left:50%;transition:all 0.1s ease-in-out;transition-delay:0.1s;pointer-events:auto}
	#primary-menu ul a{text_align:left;background-color:rgba(131,180,141,1);color:rgba(249,249,249,1);border-radius:0px}
	#primary-menu ul li:first-child a{padding-top:1em;}
	#primary-menu ul li:last-child a{padding-bottom:1em;}

	#primary-menu ul a:hover{color: rgba(52,76,76,1) !important;}
	#primary-menu ul li:hover a{background-color: rgba(249,249,249,1);}

	#primary-menu > li > ul > li > a{font-weight:normal;}

	#primary-menu > .current-menu-item > a{ color: rgba(247,0,0,1);}
	#primary-menu .bouton{margin-top:-0.5em;}
	
	header.scroll #primary-menu > li > a{color:rgba(131,180,141,1);}
	header.scroll #primary-menu > li:hover > a{color:rgba(244,244,244,1);}
	header.scroll #primary-menu > .bouton a{background-color:rgba(244,244,244,1);color:rgba(52,76,76,1) !important;}
	header.scroll #primary-menu > .bouton:hover a{color:rgba(131,180,141,1) !important;}

	
	header.scrollfooter #primary-menu > li > a{color:rgba(52,76,76,1);}
	header.scrollfooter #primary-menu ul a{text_align:left;background-color:rgba(244,244,244,1);color:rgba(52,76,76,1);}
	header.scrollfooter #primary-menu ul a:hover{color: rgba(244,244,244,1);}
	header.scrollfooter #primary-menu ul li:hover a{background-color: rgba(131,180,141,1);}
	header.scrollfooter .bouton a{display:none !important;}
	
	.quotesize{font-size:1.5em}	
	.move > *{opacity:0;transform:translate(-100px);transition-property:transform,opacity;transition-timing-function: ease-out;transition: 0.6s;}
	.movethis > *{opacity:1;transition-property:transform,opacity;transform:translate(0);}
	.movethis > :nth-child(1){transition-delay:100ms;}
	.movethis > :nth-child(2){transition-delay:200ms;}
	.movethis > :nth-child(3){transition-delay:300ms;}
	.movethis > :nth-child(4){transition-delay:400ms;}
	.movethis > :nth-child(5){transition-delay:500ms;}
	.movethis > :nth-child(6){transition-delay:600ms;}
	.movethis > :nth-child(7){transition-delay:700ms;}
	.movethis > :nth-child(8){transition-delay:800ms;}
	
	#mentionsfooter{margin-top:4em;}

}
/*version tablette */
@media screen and (min-width:768px) and (max-width:1400px){
	
	html{font-size:0.8em;}
	.full-width-container .full-width-row .container,.full-width-container .full-width-row .container .ti-reviews-container-wrapper{max-width:1000px;}
	#mentionsfooter{margin-top:4em;}
}
	
	
/*version mobile */
@media screen and (max-width:768px){

	#ecranacc,#accesrapide,#entete,.rank-math-breadcrumb,#textacc svg,#titrepage svg{display:none;}
	.staff img{max-width:50%;filter:grayscale(0);}
	.staff .col-sm-2{width:50%;}
	#masque {
		  position: relative;
		}
	html,body{font-size:1em;}
	#accueil{min-height:10vh;padding: 0;}
	#accueil h1{font-size:1em;}
	#accueil #titre p{font-size:2em;}

	#boutonacc a:before{display:none;text-align:center}
	#textacc{text-align:center;padding:10em 1em}
	.nonemob{display:none !important;}
	.sous-titre,.sous-titre > p{text-align:center}
	.sous-titre > p{font-size:2em;line-height:1.2em}
	#explain p {font-size:0.8em}
	#imglogo{display:none;}
	
	footer{min-height:10vh;padding:2em 0 1em 0;}
	h1{font-size:2em;text-align:center}
	#filariane h1{font-size:1em;}
	h2{font-size:1em;}
	h3{font-size:1.5em;}
	h4{font-size:1.2em;}
	h6{font-size:1em;}
	
	.excerpt{display:none;}
	header{background-color:rgba(244,244,244,1);}
	.full-width-container .full-width-container{padding:0 !important;}
	.tarifs{padding:1em;}
	.row > div {width:100%}
	.tarif .row > div:nth-child(1) {width:20%}
	.tarif .row > div:nth-child(2) {width:60%}
	.tarif .row > div:nth-child(3) {width:20%}
	
	
	
	hr{margin:1em 15%;}

	/*menu mobile*/
	.headernav, #logonav, #logonav svg{height:4em;text-align: left;margin:0;}
	
	.headernav::before{font-weight:900;border-radius 0;position:absolute;top:0px;right:-2em;font-size:1.3em;padding:10px;font-family: 'Font Awesome 5 Free';text-align:center;content:"\f0c9";color:rgba(247,0,0,1);-moz-box-sizing:border-box; /* Firefox */-webkit-transition : all 0.5s ease-in-out infinite;-moz-transition : all 0.5s ease-in-out ;-o-transition : all 0.5s ease-in-out ;transition : all 0.5s ease-in-out ;} 
	.headernav.open::before{border-radius:0;content:"\f00d";right:0px;background-color:rgba(52,76,76,1);color:rgba(247,0,0,1);box-shadow:none;}
	#logonav svg{padding:1em;border-bottom:1px solid rgba(244,244,244,1);}
	#logonav, #logonav svg{
		height:2.5em;
		text-align:center;
		margin:0.2em;
		fill:rgba(247,0,0,1) !important;
	}




	header nav{cursor:pointer;position:fixed;top:0;right:100%;left:-90%;height:100vh;padding:0;background-color:rgba(131,180,141,1);display:inline-block;text-transform: uppercase;z-index:100;max-width:90%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-transition : left 0.5s ease-in-out infinite;-moz-transition : left 0.5s ease-in-out ;-o-transition : left 0.5s ease-in-out ;transition : left 0.5s ease-in-out ;}
	header nav.open{left:0;right:inherit;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
	header nav ul {list-style:none;padding:0 0 0 1em;;text-align:left;}
	#primary-menu {margin:0 0.5em;overflow: auto;max-height:100vh;padding:0em 1em;position:relative;} 
	#primary-menu > li{margin:0;top:0em;z-index:10;list-style:none;display:block;vertical-align:top;}
	#primary-menu > li+li{padding-top:1.5em;}
	#primary-menu li > a{text-decoration:none;width:100%;-webkit-transition : all 0.2s ease-in-out;-moz-transition : all 0.2s ease-in-out ;-o-transition : all 0.2s ease-in-out ;transition : all 0.2s ease-in-out;color: rgba(244,244,244,1);}
	#primary-menu a::before{color:rgba(244,244,244,1);}
	#primary-menu li .current-menu-item > a{ color: rgba(131,180,141,1);}

	nav.ssnav li {padding:0.5em;}
	nav.ssnav a {text-decoration:none !important;}

	/*footer menu mobile*/
	.footernav{height:3em;text-align:center;position:absolute;bottom:-3em;left:0;width:100%;display:flex; }
	.footernav > div{width:50%;display:inline-block;font-size:1.5em;padding:0.25em;line-height:1.5em}
	.footernav > div+div{border-left:1px solid rgba(52,76,76,1)}
	.footernav .option{display:none;line-height:1em;color:rgba(249,249,249,1);}
	.footernav .option a{color:rgba(249,249,249,1) !important;}
	.footernav .onglet.this .option{display:block;}
	.footernav .onglet.this{background-color:rgba(244,244,244,1);color:rgba(52,76,76,1);}
	.footernav .onglet:not(.this) {background-color:rgba(52,76,76,1);color:rgba(244,244,244,1);}
	.option{font-size:0.5em;position: absolute;bottom:4em;width: 100%;left: 0;background-color:rgba(52,76,76,1);padding:1em;}
	.option ul{display:flex;padding-top:1em}
	.option li{width:33%;font-size:1.5em;}

	/*header mobile*/
	header .col-sm-2{text-align:center}
	.bouton a,input[type="submit"]{width:70%;margin:0.2em 0;font-size:1em;}
	#topblognav{display:none;}
	a.next,a.prev{left:0;right:0;}
	header #acclogo a{max-height:2em;opacity:1;transform: translate(0);text-align:center;}
	header #acclogo svg{max-height:2em;}
	
	/*footer mobile*/
	#mentionsfooter{margin-top:4em;font-size:0.8em}
	
	/*animation inversée*/
	#lienlogo{display:none;}
	#titrepage{padding-top:5em;}
	#thearticle {padding:2em; border-bottom:1px solid rgba(52,76,76,1);margin-bottom:2em}
	#sidebar {padding: 0 2em;}
	#singlepost {padding: 2em 0;}
	#clientconfiance .col-sm-2{width:33%;}

	/*cdc mobile*/
	#menucdc{font-size:0.6em;margin:0;}
	#menucdc li{padding:0.5em 0.3em;}
	.select,.noselect{min-height:12em;padding:3em 0.5em 1em 9em;border-bottom:none;font-size:0.8em;}
	#cdc img{position:absolute;left:0.3em;top:0.1em;padding:2em 3em;max-width:8em;}
	.boutonnavcdc{display:block;margin:1em 0;}
	.select.couleur1::before,.noselect::before,.select:not(.unique)::before {top: 0;right: 0.2em;}
	
	#logofooter{margin:auto;transform:translate(0px);opacity:1;}

}