/*
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;background-color:rgba(245,242,240,1);}
img{max-width:100%}
.row{display:flex;flex-wrap:wrap;align-items:stretch;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ }
.top .row{align-items:baseline;}
.row > div {display:grid;}.row > div > div{display:grid;align-items:center;}
.full-width-container .full-width-row .container{max-width:1100px;width: 100%;}
.center{text-align:center}strong{font-weight:400;}
.shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.shadow a:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.alignnone{margin:0 !important;}


.round i{background-color: rgba(247,250,252,1);box-shadow: 3px 3px 5px rgba(12,58,62, 0.5),-3px -3px 5px rgba(255,255,255, 0.2);border-radius:50%; font-size:10em;padding:0.5em 0;width:2em;height:2em;margin:auto;text-align:center;}



	/*standard font*/
	.bouton a{border-radius:14px;color:rgba(12,58,62,1);font-weight:600;position:relative;width:max-content;text-transform:uppercase;display:inline-block;border:none;padding:0.8em 1em;text-decoration:none;transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin:0;box-sizing:border-box;-moz-box-sizing:border-box;box-shadow: 3px 3px 5px rgba(12,58,62, 0.5),-3px -3px 5px rgba(255,255,255, 0.2);}
	.bouton a:hover{cursor:pointer;text-decoration:none;}

	h1,h2,h3,h4,h5,h6{color:rgba(12,58,62,1);font-weight:300;font-family:'Open sans', sans-serif;text-transform: uppercase;line-height:1.5em;}
	h1{font-size:4em;color:rgba(247,250,252,1);margin-bottom:0;font-weight:bold;}
	h1.page:after{display:block;content:"";height:10px;width:50%;transform:translateX(-15%);background-color:rgba(100,224,88,1);border-radius:10px;}
	
	h2{font-size:3em;color:rgba(12,58,62,1);font-weight:200;margin-top:0;}
	h1.page,h2.page{color:rgba(51,51,51,1);}	
	h3{font-size:1.5em;font-weight:bold;}
	h4,h5,h6{color:rgba(51,51,51,1);font-size:1em;}
	ul{padding:0 0 0 2em;}
	p,li,label{font-weight:400;font-family:'Open sans', sans-serif;font-size:1.2em;color:rgba(12,58,62,1);}
	p{margin:0;}
	a{font-weight:400;font-family:'Open sans', sans-serif;font-size:1em;text-decoration: underline;color:rgba(51,51,51,1);}
	summary{display: list-item;cursor: pointer;}
	summary ~ p {margin:1em;padding:1em;background-color:rgba(100,224,88,0.8);color:rgba(247,250,252,1)}
	a:hover, a:focus{color:rgba(12,58,62,1);}
	body{color:rgba(12,58,62,1);background-color:rgba(247,250,252,1);}
	.btn-default:hover {color:rgba(100,224,88,1);background-color:rgba(51,51,51,1);border-color:rgba(100,224,88,1);}
	hr{border-top: 1px solid rgba(51,51,51,0.6);margin: 3em 25%;}
	.wp-video,.mejs-container{width:100% !important}
	header, footer, #content, #accueil{font-size:1em;}
	::selection {text-shadow:none;background:rgba(100,224,88,0.5);color:rgba(51,51,51,1)}
	span.wpcf7-list-item {margin:0 0 1em 0;}
	
	
	/*rgpd*/
	#eu-cookie-law input {background-color:rgba(100,224,88,1);color:rgba(247,250,252,1)}

	/*header*/
	header{position:absolute;top:0;z-index:2;width:100%;padding:0 1em;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 nav a{color:rgba(247,250,252,1);}
	header nav a:hover{color:rgba(51,51,51,1);}	
	#acclogo img{max-height:10em;padding:1em 0;transition : all 0.2s ease-in-out ;opacity:0}
	header.scroll{background-color:rgba(51,51,51,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(100,224,88,1);}
	header.scroll #acclogo img{max-height:4em;padding:1em 0;opacity:1}

	/*footer*/
	footer{display:grid;align-items:center;padding:0;}
	footer .colfoot{padding:2em;}
	footer .colfoot.sombre{background-color:rgba(247,250,252,0.2);}
	footer div{align-items:start;}
	#logofooter{padding:1em 3em;}
	footer h3{text-align:center;padding-bottom:0.5em;margin-top:0;}
	footer a{color:rgba(247,250,252,1);}
	footer #mentionsfooter{padding:1em 0;}

	/*form*/
	label{width:100%;}
	input[type="text"],input[type="email"]{border:1px solid rgba(51,51,51,1);border-radius:0;width:100% !important;color:rgba(51,51,51,1);padding:1em;}
	input[type="submit"]{border:none;font-family:'Open sans', sans-serif;text-transform:uppercase;background-color:rgba(100,224,88,1);color:rgba(245,242,240,1);display:inline-block;padding:0.85em;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(100,224,88,1);color:rgba(51,51,51,1);padding:1em;border:none;}
	textarea{border:1px solid rgba(51,51,51,1);padding:1em;width:100%;color:rgba(51,51,51,1);margin-top:4px}
	div.wpcf7 .ajax-loader {position: absolute;}

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

	/*couleur principale 1*/
	.couleur1{background-color:rgba(100,224,88,1);}
	.couleur1 h1,.couleur1 h2,.couleur1 h3,.couleur1 h4,.couleur1 h5,.couleur1 h6,.couleur1 p,.couleur1 li,.couleur1 label{color:rgba(245,242,240,1);}
	.couleur1 a{color:rgba(51,51,51,1);}
	.couleur1 hr{border-top: 1px solid rgba(245,242,240,0.6);}
	.couleur1 .bouton a, .bouton.couleur1 a{background-color:rgba(247,250,252,1);color:rgba(100,224,88,1);}
	.couleur1 input[type="text"],.couleur1 input[type="email"],.couleur1 textarea{border:none;color:rgba(100,224,88,1);}
	.couleur1 input[type="submit"],.couleur1 select{background-color:rgba(245,242,240,1);color:rgba(100,224,88,1);}
	.couleur1 .wpcf7 form.sent .wpcf7-response-output {border:none;background-color:rgba(247,250,252,1);color:rgba(100,224,88,1);padding: 0.5em;}


	/*couleur principale 2*/
	.couleur2{background-color:rgba(51,51,51,1);}
	.couleur2 h1,.couleur2 h2,.couleur2 h3,.couleur2 h4,.couleur2 h5,.couleur2 h6,.couleur2 p,.couleur2 li,.couleur2 label{color:rgba(247,250,252,1);}
	.couleur2 a{color:rgba(100,224,88,1);}.couleur2	a:hover{color:rgba(245,242,240,1);}
	.couleur2 hr{border-top: 1px solid rgba(245,242,240,0.6);}
	.couleur2 .bouton a, .bouton.couleur2 a{background-color:rgba(247,250,252,1);color:rgba(51,51,51,1);}
	.couleur2 input[type="text"],couleur2 input[type="email"],couleur2 textarea{border:none;color:rgba(51,51,51,1);}
	.couleur2 input[type="submit"],couleur2 select{background-color:rgba(100,224,88,1);color:rgba(51,51,51,1);}
	.couleur2 .wpcf7 form.sent .wpcf7-response-output {border:none;background-color:rgba(247,250,252,1);color:rgba(51,51,51,1);padding: 0.5em;}

	/*couleur principale 3*/
	.couleur3{background-color:rgba(245,242,240,1);}
	.couleur3 hr{border-top: 1px solid rgba(100,224,88,0.6);}
	.couleur3 a{color:rgba(100,224,88,1);}.couleur3	a:hover{color:rgba(51,51,51,1);}
	.couleur3 h1,.couleur3 h2,.couleur3 h3,.couleur3 h4,.couleur3 h5,.couleur3 h6,.couleur3 p,.couleur3 li,.couleur3 label{color:rgba(51,51,51,1);}
	.couleur3 .bouton a, .bouton.couleur3 a{background-color:rgba(100,224,88,1);color:rgba(245,242,240,1);}
	.couleur3 input[type="text"],couleur3 input[type="email"],couleur3 textarea{border:none;color:rgba(51,51,51,1);}
	.couleur3 input[type="submit"],couleur3 select{background-color:rgba(51,51,51,1);color:rgba(245,242,240,1);}

	/*couleur principale 4 - noir et blanc*/
	.couleur4 {background-color:rgba(12,58,62,1);}
	.couleur4 hr{border-top: 1px solid rgba(247,250,252,0.6);}
	.couleur4 a{color:rgba(100,224,88,1);}.couleur4	a:hover{color:rgba(247,250,252,1);}
	.couleur4 h1,.couleur4 h2,.couleur4 h3,.couleur4 h4,.couleur4 h5,.couleur4 h6,.couleur4 p,.couleur4 li,.couleur4 label{color:rgba(247,250,252,1);}
	.couleur4 .bouton a, .bouton.couleur4 a{background-color:rgba(247,250,252,1);color:rgba(12,58,62,1);}
	.couleur4 input[type="text"],couleur4 input[type="email"],couleur4 textarea{border:none;color:rgba(12,58,62,1);}
	.couleur4 input[type="submit"],couleur4 select{background-color:rgba(247,250,252,1);color:rgba(12,58,62,1);}
	
/*frontpage*/
#accueil{position:absolute;top:0;left:0;width:100%;margin-top:6vw}
#headacc,#masque{position:relative;}

/*blog*/
#blog{padding:4em 0;}
#blog div{align-items:start;}
#previewblog{padding:4em 0;}
.img-blog-cover{height:15em;margin:-1em -1em 0 -1em;}

.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(51,51,51,1);}
.apercublog a{text-decoration:none;}
.apercublog:hover h4{text-decoration:underline}

#singlepost{padding:4em 0;}
#bottomblognav .right{display:block;text-align:right;}
#sidebar{border-left:1px solid rgba(51,51,51,1);align-items: start;padding:1em 0 0 2em}
#sidebar ul{list-style:none;}

#thearticle{padding-right:2em}
.search-form{padding:0;position:fixed;margin-bottom:2em;right:40px; top:7em;z-index: 2;}
.search-form input{border:1px dashed rgba(100,224,88,1);height:3em;}
.form-group{width:100%;}
.search-form button{height:3em;width:20%;border:none;background-color:rgba(100,224,88,1);border-radius:0;color:rgba(247,250,252,1);position:absolute;right:0;top:0;}
.form-control:focus {border-color: rgba(51,51,51,1);box-shadow: 0 0 8px rgba(51,51,51,0.6);}
.logoblog{width:1em;}
.artcol {margin: 1em;border: 1px dashed rgba(100,224,88,1);}
.artcol h3{font-size:1.1em;padding:0 1em;}

/*page exemple*/

.plugin{font-size:0.9em;color: rgba(100,224,88,1);}
.plugin span{color: rgba(51,51,51,1);}
.plugin span:after{font-weight:900;padding: 0 6px 0 10px;font-family: 'Font Awesome 5 Free';text-align:center;content:"\f192";}



/*404 erreur*/
#pageerror{padding:4em 0}
#pageerror .bouton{padding-top:4em;}

#footer-menu {margin:0 0 0 1em;padding:0;position:relative;} 
#footer-menu li{margin-bottom:0.5em;}
#footer-menu a{text-decoration:none;}

/*reseaux*/
.social svg {width:100px;margin-left:5px;fill : rgba(100,224,88,1);transition : all 0.2s ease-in-out ;}
.social svg:hover{fill : rgba(245,242,240,1);color: rgba(245,242,240,1);transition : all 0.2s ease-in-out ;}
.social a{text-decoration:none;display:inline-block;margin:0 10px}
.social{margin-bottom:2em}

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

/*menu principal*/
#site-navigation{text-align:right;}
#primary-menu {margin:0em;padding:0em;position:relative;list-style: none;transition : all 0.5s ease-in-out ;display:inline-block;}
#primary-menu {margin:0em;padding:0em;}
#primary-menu > li{position:relative;line-height:2em;margin:0;padding:1em;font-weight:500;list-style:none;display:inline-block;}
#primary-menu > li+li{border-left:1px dashed rgba(100,224,88,1);}
#primary-menu a,#footer-menu a,#primary-menu a:hover,#footer-menu a{text-decoration:none !important;}

/*sous menu principal*/
#primary-menu ul{transition : all 0.2s ease-in-out ;transform: translateY(-1000px);z-index:1;border-top:4px solid rgba(100,224,88,1);background-color:rgba(51,51,51,0.6);text-align:left;margin:0;left:0;position:absolute;opacity:0;padding:0.5em;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ -webkit-transition: max-height ease-in-out 0.5s;-moz-transition: max-height ease-in-out 0.5s;transition: max-height ease-in-out 0.5s;}
#primary-menu li:hover ul{opacity:1;transform: translate(0);}
#primary-menu ul li{padding:0;list-style:none;display:block;-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 ;}
#primary-menu ul a{white-space: nowrap;position:relative;left:0;display:block;padding:0.5em 0em;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */ border:none;}
#primary-menu .current-menu-item > a{ color: rgba(51,51,51,1);}
}

/*version mobile */
@media only screen and (max-width:768px){
	.nonemob{display:none !important;}
	#accueil{position:relative;margin:0 1em;}
	
	footer{min-height:10vh;padding:2em 0 1em 0;}
	#accueil #titre {font-size:2em;}
	
	h1{font-size:3em;}
	h2{font-size:2em;}
	h3{font-size:1.5em;}
	h4{font-size:1em;}
	.excerpt{display:none;}
	#boutonacc{display:none;}
	header{background-color:rgba(51,51,51,1);}
	.full-width-container .full-width-container{padding:0 !important;}
	.tarifs{padding:1em;}
	.row > div {width:100%}
		
	/*menu mobile*/
	.headernav, #logonav, #logonav img{height:4em;text-align: left;margin:0;}
	.headernav:before{font-weight:900;border-radius:0 0 0.5em 0;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);position:absolute;top:0px;right:-2em;font-size:1.3em;padding:10px;font-family: 'Font Awesome 5 Free';text-align:center;content:"\f0c9";background-color:rgba(100,224,88,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 0 0 0.5em;content:"\f053";right:0px;background-color:rgba(51,51,51,1);color:rgba(100,224,88,1);box-shadow:none;}
	#logonav img{padding:1em;border-bottom:1px solid rgba(245,242,240,1);}

	header nav{cursor:pointer;position:fixed;top:0;left:-90%;height:100vh;padding:0;background-color:rgba(51,51,51,1);display:inline-block;text-transform: uppercase;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%;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;margin:0;}
	#primary-menu {margin:0em;overflow: auto;max-height: calc(100vh - 4em);padding:0em 1em;position:relative;} 
	#primary-menu > li{margin:0;top:0em;padding-top:1.5em;list-style:none;display:block;vertical-align:top;}
	#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(245,242,240,1);}
	#primary-menu a::before{color:rgba(245,242,240,1);}
	#primary-menu .current-menu-item > a{ color: rgba(100,224,88,1) !important;}

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

	/*header mobile*/
	header .col-sm-2{text-align:center}
	.bouton a{width:100%;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: left;margin-left: 1em;}
	header #acclogo img{max-height:2em;}

	/*animation inversée*/
	.move .scrollfade > .container > .row > div:nth-child(1){transition-delay: 0ms;}
	.move .scrollfade > .container > .row > div:nth-child(2){transition-delay: 150ms;}
	.move .scrollfade > .container > .row > div:nth-child(3){transition-delay: 300ms;}

	/*footer mobile*/
	#lienlogo{display:none;}
	#titrepage{padding-top:6em;}
	#thearticle {padding:2em; border-bottom:1px solid rgba(51,51,51,1);margin-bottom:2em}
	#sidebar {padding: 0 2em;}
	#singlepost {padding: 2em 0;}
	#clientconfiance .col-sm-2{width:33%;}

	/*couleur principale 1*/
	.mobilecouleur1{background-color:rgba(100,224,88,1);}
	.mobilecouleur1 h1,.mobilecouleur1 h2,.mobilecouleur1 h3,.mobilecouleur1 h4,.mobilecouleur1 h5,.mobilecouleur1 h6,.mobilecouleur1 p,.mobilecouleur1 li,.mobilecouleur1 label{color:rgba(245,242,240,1);}
	.mobilecouleur1 a{color:rgba(51,51,51,1);}
	.mobilecouleur1 hr{border-top: 1px solid rgba(245,242,240,0.6);}
	.mobilecouleur1 .bouton a, .bouton.mobilecouleur1 a{background-color:rgba(247,250,252,1);color:rgba(100,224,88,1);}
	.mobilecouleur1 input[type="text"],.mobilecouleur1 input[type="email"],.mobilecouleur1 textarea{border:none;color:rgba(100,224,88,1);}
	.mobilecouleur1 input[type="submit"],.mobilecouleur1 select{background-color:rgba(245,242,240,1);color:rgba(100,224,88,1);}
	.mobilecouleur1 .wpcf7 form.sent .wpcf7-response-output {border:none;background-color:rgba(247,250,252,1);color:rgba(100,224,88,1);padding: 0.5em;}



}


.scrollfade .row > div{
	transform:translate(100px);
	opacity:0;
	transition-timing-function: ease-out;
	transition:0.6s;
}
.move .scrollfade .row > div{
	transform:translate(0);opacity:1;transition-delay: 1100ms;
}
.move .scrollfade  .row > div:nth-child(2){
	transition-delay: 1000ms;
}
.move .scrollfade  .row > div:nth-child(3){
	transition-delay: 900ms;
}
.move .scrollfade  .row > div:nth-child(4){
	transition-delay: 800ms;
}

#blog .cat-item{list-style:none;padding:2em;border:2px solid rgba(51,51,51,1);margin:1em 0;}
.wiki{margin:4em 0;}
.wiki .row{align-items:stretch;}
.listwiki{margin:1em;padding:2em}