/*
Theme Name: STENEGRE
Theme URI: https://www.stenegre-demoussage-entretien.fr
Author: dg& design
Author URI: contact@dg&-design.com
Description: Spécialiste du nettoyage de façades
Version: 1.0
*/
/* RESET CSS*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}

@media screen and (min-width:300px) {	

/* GENERAL */
	html {overflow-x:hidden !important; min-width:200px;}
	body {width:100%; background:#fff; font-family:Arial;max-width:100%;}
	.clear {clear:both;}
	.wrap {display:block; max-width:1400px; margin:0 auto;}
	.wraportfolio{display:block; max-width:1200px; margin:0 auto;}
	.wraptxt {display:block; max-width:1000px; margin:0 auto;}
	.wrapcontact {display:block; max-width:800px; margin:0 auto;}
	
/* HEADER */
	#containfo {display:block; float:left; width:100%; height:50px; background:rgb(136,198,78); background:linear-gradient(57deg, rgba(136,198,78,1) 0%, rgba(30,133,195,1) 100%); }
	.contacthaut {display:block; float:right; width:auto; height:50px; line-height:50px; vertical-align:center; margin-right:40px; color:#ffffff; text-decoration:none !important; font-size:1em; font-weight:700;}
	.contacthaut2 {display:block; float:right; width:auto;  height:50px; line-height:50px; vertical-align:center; margin-right:40px; color:#ffffff; text-decoration:none !important;}
	.contacthaut a:link {text-decoration:none; color:#ffffff; }
	.contacthaut a:hover {text-decoration:none; color:#88c64f; }
	.picthautphone {display:block; float:left; width:50px; height:50px; margin-right:10px; background:url(img/picto-phone-blc.png) center no-repeat; background-size:50%;}
	.picthautmail {display:block; float:left; width:50px; height:50px; margin-right:10px; background:url(img/picto-mail-blc.png) center no-repeat; background-size:50%;}
	nav {width:100%;}
	.quadmenu-navbar-nav {border-bottom:5px solid #2486c4 !important; }
	.quadmenu-navbar-toggle {margin-right:40px !important;}
	
/* SCROLL TO TOP */
	:root {--red:#1e85c3;}
	.progress-wrap {position:fixed; right:40px; bottom:120px; height:60px; width:60px; cursor:pointer; display:block; border-radius:30px; box-shadow:inset  0 0 0 5px rgba(30,133,195,0.5); z-index:10000; opacity:0; visibility:hidden; transform:translateY(15px); -webkit-transition:all 200ms linear; transition:all 200ms linear; background:rgba(255,255,255,0.3)}
	.progress-wrap.active-progress {opacity:1; visibility:visible; transform:translateY(0);}
	.progress-wrap::after {position:absolute; font-family:arrow_symbols_1regular; content:''; font-weight:900; text-align:center; line-height:51px; font-size:24px; color:red; left:0; top:0; height:60px; width:60px; cursor:pointer; display:block; z-index: 1; background:url(img/flechehaut.png) center no-repeat;}
	svg {overflow:visible !important;}
	.progress-wrap svg path {fill:none;}
	.progress-wrap svg.progress-circle path {stroke:var(--red);stroke-width:10;}
	
/* DIAPO */	
	#diapo {display:block; max-width:100%; height:auto; padding:40px 20px; margin:100px auto 0; min-width:250px; overflow:hidden}
	#n2-ss-2item1 {background:RGBA(255,255,255,0.65)!important; margin:40px auto 0; font-size:2em !important; width:60%; padding:10px !important;}
	#n2-ss-2 {font-size:0.8em !important}
	.n2-ss-layer {position:absolute !important; top:10px!important; font-size:0.8em !important}
	
/* PICTO */	
	#picto {display:block; float:left; width:100%; height:auto; padding:50px 0; text-align:center; font-size:0; font-size:0; min-width:300px; overflow:hidden}
	.quatre {display:inline-block; width:25%; min-width:300px; font-size:1em; font-size:1rem;}
	.containpicto {display:block; max-width:100%; margin:10px;}
	.picto img {display:block; max-width:70%; height:auto; margin:0 auto;}
	.pictotext p {display:block; float:left; color:#2486c4 !important; text-align:center; font-size:1.4em; font-weight:700; text-align:center; width:100%; }
	.quatre:nth-child(odd) .pictotext p {color:#88c64f !important;}
	
/* TEXTE */	
	#texte  {display:block; float:left; width:100%; height:auto; margin:50px 0; padding:100px 0; background:rgb(136,198,78); background:linear-gradient(57deg, rgba(136,198,78,1) 0%, rgba(30,133,195,1) 100%); min-width:300px; overflow:hidden}
	.textetext { display:block; max-width:100%; padding:20px; min-width:250px;}
	h2 {font-size:2.4em; font-weight:700; color:#ffffff; margin-bottom:20px}
	p {font-size:1.4em; font-weight:400; color:#ffffff;}
	
/* REALISATION */
	#portfolio {display:block; float:left; width:100%; height:auto; padding:50px 0; font-size:0; font-size:0; text-align:center; min-width:300px; overflow:hidden}
	.trois {display:inline-block; width:33.33%; min-width:300px; font-size:1em; font-size:1rem;}
	.containportfolio {display:block; max-width:100%; height:auto; margin:20px; position:relative;}
	.portfolio {display:block; width:100%;}
	.portfolio img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto; border:none;}	
	.description {width:100%; height:100%; background:rgba(30, 133, 195, 0.8); z-index:10; position:absolute; top:0; left:0; display:none; float:left; text-decoration:none;}
	.description:hover {display:block; float:left;}
	.boutplus {display:block; height:35px; width:35px; background:url(img/picto-loupe.png) center no-repeat; background-size:contain; margin:20px auto 20px; }
	.bg {top:0; left:0 height:100%; width:100%; background:#000;}
	.description h2 {max-width:100%; margin:0px 20px 5px 20px; height:auto; color:#ffffff; font-size:0.9em; text-transform:uppercase; text-align:left; border-bottom:1px solid #ffffff; text-decoration:none; padding-bottom:5px;}
	.description h3 {max-width:100%; padding:0 20px; height:auto; color:#88c64f; font-size:0.8em; text-align:left; text-decoration:none;}
	.contain-plus {position:absolute; bottom:80px; width:100%; text-align:center; color:#fff;}
	.plus {width:100%; text-align:center; color:#fff; text-decoration:none; background:#62CCF0; border:1px solid #fff; padding:7px 10px; text-align:center; text-transform:uppercase; font-size:1.1em;}
	.plus:hover {background:#58595B;}
	
/* FICHE REALISATION */
	.fiche {display:block; float:left; width:100%; padding:100px 0;  min-width:300px; overflow:hidden}
	.fiche-titre {display:block; float:left; width:100%; font-size:1.8em; text-align:left; margin:0 0 10px 0; border-bottom:1px solid grey; padding-bottom:10px; color:grey;}
	.fiche-cat {display:block; float:left; width:100%; text-align:left; font-size:1.4em; color:#62CCF0; border-bottom:1px solid grey; padding-bottom:10px; margin-bottom:10px;}
	.fiche-desc {display:block; float:left; width:100%; text-align:justify; border-bottom:1px solid grey; padding-bottom:10px; margin-bottom:10px; color:grey;}
	.linkun {display:block; float:left; width:100%; text-align:left; color:#62CCF0; border-bottom:1px solid grey; margin-bottom:10px; font-size:1.2em;}
	.linktxt {display:block; float:left; text-align:left; color:grey; font-size:0.8em; padding-top:6px; margin-right:10px;}
	.linkun a{display:block; float:left; color:#62CCF0; padding-bottom:10px; font-size:1.2em; text-decoration:none;}
	.linkun a:hover {color:grey;}
	.fiche-img {display:block; float:left; width:100%; height:auto; margin:10px 0; min-width:300px;}
	.fiche-img img {display:block; max-width:100%; height:auto; min-width:300px;}
	.fiche-img-plus {display:block; float:left; width:100%; height:auto; margin:10px 0;}
	.fiche-img-plus img {display:block; max-width:100%; height:auto;}
	.contbookfiche {display:block; width:auto; float:right; margin:10px 0;}
	
/* FILTRES REALISATION */
	.filtretitle {display:block; width:100%; min-width:300px; overflow:hidden}
	.contfiltretitle {display:block; width:100%;}
	.contfiltretitle h4 {font-size:1.6em; font-size:1.6rem; max-width:100%; padding:10px 30px; color:#2486c4;}
	.contfiltre {display:block; max-width:100%; padding:10px 30px;}
	.controls {font-size:0em; font-size:0rem;}
	.control {display:inline-block; width:auto; height:auto; cursor:pointer; font-size:0.9rem; font-weight:300; color:#424243; transition:background 150ms; padding:5px 10px; border:none; margin:0; text-transform:uppercase;}
	.control:hover {background:#88c64f; color:#ffffff;}
	.mixitup-control-active {background:#2486c4; color:#ffffff;}
	.mixitup-control-active[data-toggle]:after {background:transparent;}
	.filtre {display:block; width:100%;text-align:left; margin-bottom:20px;}
	.filtre span {display:inline-block; }

/* LOAD MORE BOUTON ---------------------------------------------------------------------------------------------------------------------------- */
	.load-more-wrapper {display:block; width:100%; font-size:1em; font-size:1rem; margin:30px 0 0 0;}
	.load-more {display:block; border:1px solid #2486c4; background:#ffffff; padding:10px 30px; font-size:1.4em; font-size:1.4rem; font-weight:300; text-align:center; margin:0 auto; color:#2486c4; margin-top:30px;}
	.load-more:hover {background:#2486c4; color:#ffffff;}

/* PREC / NEXT */
	#wrap-fleche {width:auto;}
	#prev-left {display:block; float:left;}
	#next-right {display:block; float:left; margin-left:20px;}
	#retour  {display:block; float:left; margin-left:20px;}
	#prev-left a, #next-right a, #retour a{border:1px solid #424243; color:#424243; display:inline-block; font-size:1.4em; font-weight:300;  outline:medium none; padding:10px 30px; margin-top:10px; text-decoration:none;}
	#prev-left a:hover, #next-right a:hover, #retour a:hover{background:#424243; color:#ffffff;}
	#navig-wrap {width:1180px; display:block; margin:0 auto;}	

/* CONTACT */	
	#contact  {display:block; float:left; width:100%; height:auto; margin:50px 0; padding:100px 0; background:rgb(136,198,78); background:linear-gradient(-57deg, rgba(136,198,78,1) 0%, rgba(30,133,195,1) 100%); min-width:200px; overflow:hidden;}
	#field_byvlg_label {margin-top:40px !important;}
	#frm_form_2_container label {color:#ffffff !important; font-size:1.2em !important;}
	#frm_form_2_container input {border:none !important; border-color:none !important; border-radius:0 !important;}
	.frm_primary_label {color:#ffffff !important; font-size:1.2em !important;}
	.frm_description {color:#ffffff !important; font-size:1em !important;}
	.frm_checkbox {display:block; float:left; width:25%; min-width:150px; font-size:1em !important}
	.frm_button_submit {background:#88c64f !important; color:#ffffff !important; border:none !important; border-radius:0 !important; box-shadow:none !important; font-size:1.2em !important; font-weight:500 !important;}
	.frm_button_submit:hover {background:#2486c4 !important; color:#ffffff !important; border:none !important; border-radius:0 !important; box-shadow:none !important;}
	.frm_required {color:#88c64f !important;}
	
/* ADRESSE */
	footer{display:block; float:left; width:100%; height:auto; padding:100px 0; font-size:0em; font-size:0rem; text-align:center; min-width:300px; overflow:hidden}
	.textetext h3 {color:#ffffff; font-size:2.2em;}
	.textetext h4 {color:#ffffff; font-size:1.8em; margin-bottom:40px;}
	.deux {display:inline-block; width:50%; min-width:300px; font-size:1em; font-size:1rem; }
	.logoinfocontact {display: block; max-width:100%; padding:20px;}	
	.logo  {display:block; text-align:center; background:url(img/stenegre_logo_moy.png) center top no-repeat; width:100%; min-height:250px; background-size:contain;}
	.infosinfocontact {max-width:100%; padding:20px; }	
	.ligneinfocontact {display:block; float:left; width:100%; margin-top:20px; min-width:280px; overflow:hidden; overflow-wrap: break-word;}
	.pictocontact {display:block; float:left; width:auto;}
	.pictocontact img {height:30px; width:auto; margin-right:20px;}
	.textcontact {width:auto; float:left; display:block; color:#1e85c3 !important; font-size:1.2em; }
	.textcontact p {color:#1e85c3 !important; font-size:0.7em ;  overflow-wrap: break-word;}
	.textcontact p a {text-decoration:none; color:#2486c4; font-size:0.7em !important; }
	.textcontact p a:hover {color:#88c64f;}
	.adresse  {display:block; float:left; width:50%;}
	.continfo {display:block; width:100%; background:green; margin:20px 0;}
	.containline {display:block; float:left; max-width:100%; padding:20px;}
	.pictobas {display:block; float:left;}
	.pictobas img {display:block; max-width:25px; margin:0 auto; float:left;}
	.infoadresse {display:block; float: left; width:auto; min-width:250px; margin-left:20px;}
	#infocontact {display:block; float:left; width:100%; height:auto; padding:50px 0;}
	
/* MENTIONS */
	.mentun {margin:50px 0;}
	.contmentun h5 {font-size:2em; color:#2486c4;}
	.contmentun h6 {font-size: 1.4em; color:#ffffff;}
	.contmentun p {font-size: 1em; color:#ffffff;}

/* 404 */	
	#texte404 {text-align:center; width:100%;}
	#texte404 h1 {text-align:center; width:100%; font-size:3.4em; color:#2486c4;}
	#texte404 h2 {text-align:center; width:100%; font-size:2.4em; color:#ffffff;}
	#texte404 p {text-align:center; width:100%; font-size:1.2em; color:#ffffff; margin-bottom:40px;}
	.valid404 {border:2px solid #ffffff; color:#ffffff; text-decoration:none; padding:10px 20px;}
	.valid404:hover {background:#2486c4;}
	
/* LEGAL */	
	#legal {display:block; float:left; width:100%; height:80px;  background:rgb(136,198,78); background:linear-gradient(57deg, rgba(136,198,78,1) 0%, rgba(30,133,195,1) 100%); margin:10px 0 0;}
	.wraplegal {display:block; max-width:1200px; margin:0 auto;}
	a:hover.email {color:#ffdc40;}
	#footermention {display:block; font-size:0.9em; color:#fff; line-height:20px; vertical-align:middle; float:left; margin:0 auto; text-align:left; width:100%; text-align:center; margin-top:15px;}
	#footermention a.ment {padding: 0 10px; color:#000000; text-decoration:none;}
	#footermention a.rgpd {padding: 0 10px 0 0; color:#000000; text-decoration:none;}
	#footermention a.admi {padding: 0 0 0 10px; color:#000000; text-decoration:none;}
	#footermention p {padding: 10px 0; color:#fff;}
	#footermention a:visited {color:#fff;}
	#footermention a:hover {color:#ffdc40;}
	#footermention a:active {color:#ffdc40;}
	#footersign {display:block;  font-size:0.8em; line-height:30px; vertical-align:middle; text-align:right; width:100%; text-align:center;}
	#footersign a {color:#fff; text-decoration:none; width:100%;}
	#footersign a:visited {color:#fff;}
	#footersign a:hover {color:#ffdc40;}
	#footersign a:active {color:#ffdc40; padding:40px 0;}		

/* TOP */
	.top {text-decoration:none; background:rgba(255,220,64,0.65); border:2px solid #4d4e4f; color:#4d4e4f; display:inline-block; font-size:1.4em; font-weight:700; letter-spacing:2px; outline:medium none; padding:7px; z-index:1002; position:fixed; bottom:10px; right:10px;}
	.top:hover {background:rgba(255,220,64,0.95);}	
}

@media screen and (min-width:460px) {
	.trois {min-width:400px;}
}

@media screen and (min-width:600px) {
	.deux {min-width:400px;}
	.textcontact {width:auto; float:left; display:block; color:#1e85c3 !important; font-size:1em; }
	.textcontact p {font-size:0.95em ;}
	.textcontact p a {font-size:0.7em !important; }
	#n2-ss-2item1 {margin-top:60px; font-size: 2.4em !important; width:50% !important}
	#n2-ss-2 {font-size:0.9em !important }
	.n2-ss-layer {top:10px!important; font-size:1em !important}


	.boutplus {display:block; height:50px; width:50px; background:url(img/picto-loupe.png) center no-repeat; background-size:contain; margin:80px auto 20px; }
	.bg {top:0; left:0 height:100%; width:100%; background:#000;}
	.description h2 {max-width:100%; margin:0px 40px 5px 40px; height:auto; color:#ffffff; font-size:1em; text-transform:uppercase; text-align:left; border-bottom:1px solid #ffffff; text-decoration:none; padding-bottom:5px;}
	.description h3 {max-width:100%; padding:0 40px; height:auto; color:#88c64f; font-size:1em; text-align:left; text-decoration:none;}
	.contain-plus {position:absolute; bottom:80px; width:100%; text-align:center; color:#fff;}
	.plus {width:100%; text-align:center; color:#fff; text-decoration:none; background:#62CCF0; border:1px solid #fff; padding:7px 10px; text-align:center; text-transform:uppercase; font-size:1.1em;}
	.plus:hover {background:#58595B;}

}
	
@media screen and (min-width:1024px) {
/* ADRESSE */
	.textcontact p a {font-size:0.9em !important;}
	#n2-ss-2item1 {margin-top:160px; font-size:2.7em !important; width:90% !important; padding:10px 0 !important;}
	#n2-ss-2 {font-size:1.1em !important }
	.n2-ss-layer {top:20px !important; font-size:1.1em !important }


}

@media screen and (min-width:1366px) {
/* ADRESSE */
	.textcontact p a {font-size:1.1em !important;}
}