/*** default styles */
* {box-sizing : border-box;  padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: underline;}
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: 'Open Sans', sans-serif;font-size: 1.6em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #008cd9;}

body{}

#header, #menu, #main, #footer {width : 100%;}

.page {
	width : 100%;
	max-width : 1200px;
	margin : 0 auto;
}

.page_min {
	width : 100%;
	max-width : 920px;
	margin : 0 auto;
}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col1-4,
.col1-6,
.col5-6 {float : left;}

.col{width: 100%; }
.col5-6{width: 83.34%;}
.col3-4{width: 75%;}
.col1-2{width: 50%;}
.col1-3{width: 33.33%;}
.col2-3{width: 66.66%;}
.col1-4{width: 25%;}
.col1-6{width: 16.66%;}

.flexParent {
    display: flex;
    flex-wrap: wrap;
}

.flex1-1,
.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-4 { 
    display: flex;
}

.flex{width: 100%; }
.flex1-1{width: 100%;}
.flex3-4{width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4{width: 25%;}

.column2 {
	-moz-column-gap: 20px;
	-moz-columns: 2 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 2 auto;
}

.column3 {
	-moz-column-gap: 20px;
	-moz-columns: 3 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 3 auto;
}

.padding{padding: 10px;}
.padding_medium{padding: 30px;}
.padding_big{padding: 10px 150px;}
.padding_cercle{padding: 100px 10px;}
.padding_div_header{padding: 5px 10px;}

/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #58585a; color : #fff;}
.bg_gris_clair {background-color : #ebebeb; color : #000;}
.bg_blanc {background-color : #fff; color : #000;}
.bg_green{background-color: #becf00; color: #fff;}
.bg_bleu{background-color: #006b90; color: #fff;}
 
.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #000;}   
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #fff;} 

.bg_degrade_vert{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#becf00+33,8e9900+100 */
	background: #becf00; /* Old browsers */
	background: -moz-linear-gradient(top,  #becf00 33%, #8e9900 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #becf00 33%,#8e9900 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #becf00 33%,#8e9900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#becf00', endColorstr='#8e9900',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.bg_degrade_bleu{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#becf00+33,8e9900+100 */
	background: #becf00; /* Old browsers */
	background: -moz-linear-gradient(top,  #006B90 33%, #00435a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #006B90 33%,#00435a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #006B90 33%,#00435a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006B90', endColorstr='#00435a',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.green_color{color: #becf00;}
.bleu_color{color: #006b90;}

.cercle_blanc{
	border-radius:50%;
	width: 100%;
	max-width: 500px;
	height: 500px;
	background-color: #fff;
}

.border_left_green{border-left: 1px solid #becf00;}
.border_top_green{border-top: 1px solid #becf00;}
.border_top_bleu{border-top: 1px solid #006B90;}
.border_top_blanc{border-top: 1px solid #fff;}

.border_green{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #becf00;
}

.section {padding : 20px 0;}
.section_medium {padding : 40px 0;}
.section_big {padding : 60px 0;}
.section_first{padding: 308px 0 80px 0;}

.img_100{
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

.float_right {float : right;}
.float_left {float : left;}

.align_center {text-align : center;}
.align_right {text-align : right;}

.margin_auto{margin: 0 auto;}

.height_100vh{
	/*height: calc(100vh - 54px);*/
	height: 100vh;
}

.position_relative{
	position: relative;
}

/*** header  *****************************************/
header{
	position: absolute;
	top: 0;
	z-index: 1000;
	width: 100%;
	-moz-box-shadow: 0px 0px 10px 0px #656565;
	-webkit-box-shadow: 0px 0px 10px 0px #656565;
	-o-box-shadow: 0px 0px 10px 0px #656565;
	box-shadow: 0px 0px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#erreur header.nav-fix, #mentions_legales header.nav-fix{min-height: 54px;}

	#logo_header{
		position: absolute;
		z-index: 100;
		top: 0;
		left: 5px;
		display: none;
	}
	#accueil #logo_header{display: block;}
	
	#rs_header{
		position: absolute;
		z-index: 100;
		top: 0;
		right: 5px;
		
	}

	a#logo .img_100{
		display : block;
	}
	
#main-logo{
	padding-bottom: 20px;
}

.nav-fix {
	z-index : 3000;
	bottom : inherit; 
	top : 0px;
	max-width: none;
	position: fixed;
	width: 100%;
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
}

.nav-intemediaire {
	top : -95px;
}

.nav-fix #main-logo{display: none;}
.nav-fix #logo_header{display: block;}


	/*** menu *****************************************/
	nav li {
		display: inline-block;
		font-weight: 300;
		padding : 0 10px;
	}
		nav li a{
			padding: 10px 0;
			display: block;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			transition: all 0.5s;
		}
			
		nav li a:focus, nav li a:hover,
		#contact nav li#nav-contact a,
		#realisations nav li#nav-realisations a,
		#actualites nav li#nav-actualites a,
		#nettoyage nav li#nav-nettoyage a,
		#multiservices nav li#nav-multiservices a,
		#societe nav li#nav-societe a,
		#accueil nav li#nav-accueil a {
			border-top: 5px solid #becf00;
			border-bottom: 5px solid #becf00;
			text-decoration: none;
		}
	
/*** accueil  *****************************************/	
#accueil_nettoyage{
	background: transparent url(/style/accueil/nettoyage-casals-nettoyage.jpg) no-repeat left center;
	background-size: cover;
	position: relative;
}

#accueil_mutilservices{
	background: transparent url(/style/accueil/multiservices-casals-nettoyage.jpg) no-repeat left center;
	background-size: cover;
	position: relative;
}

	.content_accueil{
		position: absolute;
		z-index: 400;
		top: 50%;
		left: 50%;
		transform : translate(-50%,-50%); 
		-webkit-transform : translate(-50%,-50%);
	}

#logo_accueil{
	position: absolute;
	z-index: 200;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%); 
	-webkit-transform : translate(-50%,-50%);
}

#next_section{
	-webkit-border-top-left-radius: 65px;
	-webkit-border-top-right-radius: 65px;
	-moz-border-radius-topleft: 65px;
	-moz-border-radius-topright: 65px;
	border-top-left-radius: 65px;
	border-top-right-radius: 65px;
	background-color: #fff;
	position: absolute;
	z-index: 200;
	bottom: 0;
	left: 50%;
	transform : translate(-50%,0); 
	-webkit-transform : translate(-50%,0);
	width: 5%;
	height: 5%;
}

	#next_section a{
		display: block;
	}

#activites_accueil{position: relative;}	
	
#activites_accueil::after{
	display: block;
	position: absolute;
	right: 0px;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #006b90;
	content: '';
}

	#activites_accueil_multiservices{
		position: relative;
		z-index: 500;
	}

#garanties_accueil{
	background: transparent url(/style/accueil/garanties-casals-nettoyage.jpg) no-repeat left center;
	background-size: cover;
}

ul.list_tel{
	position: absolute;
	z-index: 200;
	top: 40%;
	left: 50%;
	transform : translate(-50%,-40%); 
	-webkit-transform : translate(-50%,-40%);
}

ul.list_tel li{
	color: #bdcf00;
	font-weight: 700;
	font-size: 200%;
	text-transform: uppercase;
}
ul.list_tel li::before{
	font-family: fontAwesome;
	padding-right: 10px;
}
	ul.list_tel li#list_tel_fixe::before{content: '\f095';}
	ul.list_tel li#list_tel_portable::before{content: '\f10b';}
	
	ul.list_tel li a{
		text-decoration: none;
		color: #bdcf00;
	}
	
	
/*** nettoyage  *****************************************/
.rond-vert{
	border-radius: 50%;
	width: 100%;
	height: 175px;
	background-color: #becf00;
	max-width: 176px;
}

.rond-blanc{background-color: #fff!important;}
.rond-bleu{background-color: #006B90!important;}

a.loupe{
	display: block;
	position: relative;
}
	a.loupe span{
		display: block;
		position: absolute;
		z-index: 100;
		transform : translate(-50%,-50%); 
		-webkit-transform : translate(-50%,-50%);
		left: 50%;
		top: 50%;
		font-size: 400%;
		color: rgba(255,255,255,0.6);
	}
	


/*** realisations  *****************************************/
.picto_localisation{
	font-size: 90%;
}
	.picto_localisation::before{
		font-family: fontAwesome;
		content: '\f041';
		color: #becf00;
		padding-right: 10px;
	}

.imgRealisation{
	display: block;
	position: relative;
	overflow: hidden;
	max-height: 220px;
}

	.imgRealisation img{
		margin: 0 auto;
		display : block; 
		line-height : 1; 
		width : 100%;
		max-width: inherit;
	}
	
.grid-sizer  {
	width : 33.33%;
	padding : 10px 10px 10px 10px;
	box-sizing : border-box;
	line-height : 1;
	float : left;
	position: absolute;
}

/*** liste + paragrahe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
	}
	
	.section  p {margin-bottom : 0.5em;}
	
	.img_100 {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}
	
	p.intro{
		font-size: 110%;
	}
	
	ul.list_activites{
		text-align: center;
	}
	
		ul.list_activites li{
			padding: 10px 5px;
			display: inline-block;
			font-size: 80%;
		}

/*** footer  *****************************************/ 
footer{
	font-size: 90%;
}

.nav-mentions li, .nav_rs li{
	display : inline-block;
}

	.nav-mentions li a, .nav_rs li a{padding : 0 5px;}

	.nav-mentions li a {font-size : 90%;}

		.nav-mentions li:last-child a{
			border-left : 1px solid; 
		}
			
ul.list_footer li::before{
	font-family: fontAwesome;
	padding-right: 10px;
	color: #becf00;
	float: left;
}
	ul.list_footer li.list_footer_adresse::before{content: '\f041';}
	ul.list_footer li#list_footer_tel::before{content: '\f095';}
	ul.list_footer li#list_footer_fax::before{content: '\f1ac';}
	ul.list_footer li#list_footer_mail::before{content: '\f0e0';}
	
	ul.list_footer li span{
		color: #000;
		display: block;
		overflow: hidden;
	}

/*** titre *****************************************/
h1 {
	font-size: 200%;
	text-transform: uppercase;
	font-weight: 700;
}
	h1.titre_thin, h2.titre_thin, h3.titre_thin{font-weight: 300;}

	.picto_titre::before{
		font-family: fontAwesome;
		padding-right: 10px;
	}
	.picto_gamme::before{content: '\f1e0';}
	.picto_nettoyage::before{content: '\f043';}
	.picto_multiservices::before{content: '\f0ad';}
	.picto_chantier::before{content: '\f0a9';}
	.picto_garantie::before{content: '\f087';}
	.picto_contact::before{content: '\f0e0';}
	.picto_actualites::before{content: '\f1ea';}
	.picto_societe::before{content: '\f0c0';}
	.picto_mentions::before{content: '\f0f6';}
	.picto_erreur::before{content: '\f071';}
	.picto_chiffres::before{content: '\f200';}

h2{
	font-size: 200%;
	text-transform: uppercase;
	font-weight: 700;
}
	h2.titre_accueil{
		text-transform: uppercase;
		color: #fff;
		font-weight: 700;
	}


h3{
	font-size: 120%;
	text-transform: uppercase;
	font-weight: 600;
}

h3.titre_realisation{
	text-transform: none;
	font-size: 100%;
	font-weight: 700;
}

h4{
	font-size : 90%;
}
	h4.sousTitre{
		margin: 5px 0;
	}
		h4.sousTitre span{
			background-color: #006b90;
			padding: 2px 5px;
			color: #fff;
			font-weight: 300;
		}

h4.titre_type{
	color: #fff;
	padding: 2px 5px;
}
		
h4.type_nettoyage{background-color: #BECF00;}
h4.type_multiservices{background-color: #006B90;}

/*** lien *****************************************/
a.btn_suite {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: 300;	
	padding : 5px 10px;
	background : #becf00;
	color : #fff!important;
	font-size: 120%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: none;
}

a.btn_suite_bleu {
	background : #006b90!important;
	color : #fff!important;
}

a.btn_suite_blanc_green{
	background : #fff;
	color : #becf00!important;
}

a.btn_suite_blanc_bleu{
	background : #fff!important;
	color : #006b90!important;
}

a.btn_suite:focus, a.btn_suite:hover,
a.btn_suite_bleu:focus, a.btn_suite_bleu:hover{background-color: #b3b3b3!important;}
a.btn_suite_blanc_green:focus, a.btn_suite_blanc_green:hover,
a.btn_suite_blanc_bleu:focus, a.btn_suite_blanc_bleu:hover{color: #b3b3b3!important; background-color: #fff!important;}

	
	a.btn_suite_gris {		
		background : grey;
		color : #fff;
	}
	
	
	a.btn_suite_orange {		
		background : orange;
		color : #000;
	}
			
			
		a.pdf::before {
			font-family : fontAwesome; 
			content : "\f1c1"; 
			padding-right : 5px;
		}


/*** actualités  *****************************************/
.uneActu .bg_gris_clair {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}
	.uneActu:hover .bg_gris_clair, .uneActu:focus .bg_gris_clair {
		background : #C1C1C1;
		color : #000;
	}

h2.titreArticle{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 150%;
}

.resumeArticleAccueil{
	color: #000;
}

.resumeArticle{font-style: italic;}

.imgActu{
	display: block;
	height: 150px;
	position: relative;
}

.uneActu img{
	max-height: 100%;
	margin: 0 auto;
}

.imgActu span{
	position : absolute; 
	top : 50%; 
	left : 50%; 
	transform : translate(-50%,-50%);
	text-transform : uppercase; 
	color : rgba(146,143,143,0.5);
	font-weight : 300;
	text-align : center;
	font-size : 95%;
}

.imgActu span::before{
	content : '\f030';
	font-family : fontAwesome;
	display : block;
	font-size : 200%;
	color : rgba(146,143,143,0.5);
}


/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}


/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%; 
	position: fixed;
	background: transparent;
	/*padding: 4px 0;*/
	min-height: 42px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	padding : 6px 10px;
	position: absolute;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 60%;
	text-transform : uppercase;
	display: block;
	font-weight: 300;
	background : #006b90;
	z-index: 800;
	text-align : center;
	width: 100%;
}

a.meanmenu-reveal::before {
	content : "\f0c9"; 
	font-family : fontAwesome;
	text-align : center;
	padding-right : 5px;
	font-size : 250%; 
}

.mean-container a.meanclose { top : 5px;}
.mean-container a.meanclose::before { display : none;}

.mean-container a.meanmenu-reveal span {
	position : relative;
	top : -5px;
}


.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #E9E9E9;
	/*margin-top: 44px;*/
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 100%;
	box-sizing : border-box; 
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #000;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


.cn-cookie {
   display: block;
   position: fixed;
   min-width: 100%;
   height: auto;
   z-index: 100000;
   font-size: 12px;
   line-height: 18px;
   bottom : 0;
   left: 0;
   text-align: center;
   color: rgb(255, 255, 255);
   background-color: rgba(0, 0, 0, 0.7);
}

.cn-cookie div {padding: 5px;}
.cn-cookie a {
  font-family: sans-serif;
  display: inline-block;
  margin-right: 0.3em;
  line-height: 20px;
  font-size : 90%;
  color: #fff;
  text-align: center;
  padding: 0 5px;
  text-decoration: none;
  border : 1px solid #fff;
  outline: none;
}


/*********************** responsive  ***************************************/
@media all and (max-width: 960px) {
	
	.mean-container a.meanclose { top : 0px;  background: #626263;}
	#accueil header{padding-top: 0;}
	header{position: relative; padding-top: 60px;}
	.section_first{padding: 0;}
	.col1-2, .col1-3, .col2-3, .col1-4 , .col3-4, .col1-6, .col5-6  {float : none; width : 100%; }
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;}
	.nav-fix{display: none;}
	nav li a:focus, nav li a:hover{border: none;}
	#next_section, #activites_accueil::after{display: none;}
	#activites_accueil{padding: 0;}
	#activites_accueil .col1-2{padding: 20px 0;}
	.cercle_blanc .col1-3{
		float: left;
		width: 33.33%;
	}
	.height_100vh {
		height: calc(100vh / 2);
	}
}




@media all and (max-width: 620px) {
	
	h1 {padding : 0;}
	.padding { padding : 10px;}
	.sans_titre {padding-top : 0;}
	.page {padding : 0;}
	
	#accueil_nettoyage a.btn_suite, #accueil_mutilservices a.btn_suite {display : none;}
	#accueil_mutilservices h2{padding-top: 50px;}
	.padding_big{padding: 10px 20px;}
	ul.list_activites li{display: block;}
	
}