@charset "utf-8";
/* RESET CSS */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: none;
		font-size: 100%;
		vertical-align: baseline;
	}
	
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	
	html, body{
		width:100%; 
		height:100%;
		-webkit-font-smoothing: subpixel-antialiased;
		filter: alpha(opacity=99);
	
		text-rendering: optimizeLegibility; 
	}
	
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
/* CLASS IMG SEO */
img.seo-mask{display: block;opacity: 0;width: 100%;height: 100%;/*position: absolute;top:0;left:0;z-index: -1;*/}
/* CLASS BORDER COLOR */

	/* 100% */
		.border-mauve			{ border-color: rgba(158,45,93,1)!important; 		}
		.border-rose			{ border-color: rgba(181,36,91,1)!important; 	}
		.border-jaune			{ border-color: rgba(230,180,11,1)!important; 	}
		.border-vert			{ border-color: rgba(155,184,68,1)!important; 	}
		.border-bleu			{ border-color: rgba(106,131,201,1)!important; 	}
		.border-black			{ border-color: rgba(34,34,39,1)!important; 		}
		.border-black-full		{ border: solid 1px rgba(34,34,39,1)!important; 		}
		.border-grey			{ border-color: rgba(100,100,100,1); 	}
		.border-lightGrey		{ border-color: rgba(201,201,201,1); 	}
		.border-ultraLightGrey	{ border-color: rgba(230,230,230,1); 	}
		.border-mauveGrey		{ border-color: rgba(134,134,153,1); 	}
		.border-white			{ border-color: rgba(255,255,255,1); 	}

/* CLASS BACKGROUND COLOR */

	/* 100% */
		.background-mauve			{ background-color: rgba(158,45,93,1); 		}
		.background-rose			{ background-color: rgba(181,36,91,1); 	}
		.background-jaune			{ background-color: rgba(230,180,11,1); 	}
		.background-vert			{ background-color: rgba(155,184,68,1); 	}
		.background-bleu			{ background-color: rgba(106,131,201,1); 	}
		.background-black			{ background-color: rgba(34,34,39,1); 		}
		.background-grey			{ background-color: rgba(100,100,100,1); 	}
		.background-lightGrey		{ background-color: rgba(201,201,201,1); 	}
		.background-ultraLightGrey	{ background-color: rgba(230,230,230,1); 	}
		.background-mauveGrey		{ background-color: rgba(134,134,153,1); 	}
		.background-white			{ background-color: rgba(255,255,255,1); 	}

	/* 80% */
		.background-mauve-8			{ background-color: rgba(158,45,93,0.8); 	}
		.background-rose-8			{ background-color: rgba(181,36,91,0.8); 	}
		.background-jaune-8			{ background-color: rgba(230,180,11,0.8); 	}
		.background-vert-8			{ background-color: rgba(155,184,68,0.8); 	}
		.background-bleu-8			{ background-color: rgba(106,131,201,0.8); 	}
		.background-black-8			{ background-color: rgba(34,34,39,0.8); 	}
		.background-black-5			{ background-color: rgba(34,34,39,0.5); 	}
		.background-grey-8			{ background-color: rgba(100,100,100,0.8); 	}
		.background-lightGrey-8		{ background-color: rgba(201,201,201,0.8); 	}
		.background-ultraLightGrey-8{ background-color: rgba(230,230,230,0.8); 	}
		.background-mauveGrey-8		{ background-color: rgba(134,134,153,0.8); 	}
		.background-white-8			{ background-color: rgba(255,255,255,0.8); 	}
	
	/* MOTIFS */
		.background-rayure			{
			background-color: rgba(255,255,255,0.8);
			background-image: url(../imgs/themes/default/tapisserie-rayures-grises-v4.png);
			background-repeat: repeat;
			background-position: left top;
			display: block;
			margin: 0px;
			padding: 0.01%;
			/*min-height: 450px;*/
			width: 100%;
			position: relative;
		}

/* CLASS TEXTE COLOR */

	/* 100% */
		.txt-mauve			{ color: rgba(158,45,93,1); 	}
		
		.txt-rose			{ color: rgba(69,0,28,1); 		}	/*	181,36,91	*/
		.txt-jaune			{ color: rgba(89,55,14,1); 		}	/*	230,180,11	*/
		.txt-vert			{ color: rgba(65,77,28,1); 		}	/*	155,184,68	*/
		.txt-bleu			{ color: rgba(22,37,77,1); 		}	/*	106,131,201	*/
		
		.txt-black			{ color: rgba(34,34,39,1); 		}
		.txt-grey			{ color: rgba(100,100,100,1); 	}
		.txt-lightGrey		{ color: rgba(201,201,201,1); 	}
		.txt-ultraLightGrey	{ color: rgba(230,230,230,1); 	}
		.txt-mauveGrey		{ color: rgba(134,134,153,1); 	}
		.txt-white			{ color: rgba(255,255,255,1); 	}
		
		
	/* SPECIAL LINK HOME */
	
		a.txt-rose:link,a.txt-rose:visited			{ color: rgba(181,36,91,1) !important; 	}
		a.txt-jaune:link,a.txt-jaune:visited		{ color: rgba(230,180,11,1) !important; 	}
		a.txt-vert:link,a.txt-vert:visited			{ color: rgba(155,184,68,1) !important; 	}
		a.txt-bleu:link,a.txt-bleu:visited			{ color: rgba(106,131,201,1) !important; 	}

		h3 a.txt-rose:link,h3 a.txt-rose:visited		{ color: rgba(69,0,28,1) !important; 	}
		h3 a.txt-jaune:link,h3 a.txt-jaune:visited		{ color: rgba(89,55,14,1) !important; 	}
		h3 a.txt-vert:link,h3 a.txt-vert:visited		{ color: rgba(65,77,28,1) !important; 	}
		h3 a.txt-bleu:link,h3 a.txt-bleu:visited		{ color: rgba(22,37,77,1) !important; 	}
	
	
	

	/* 80% */
		.txt-mauve-8		{ color: rgba(158,45,93,0.8); 	}
		.txt-rose-8			{ color: rgba(181,36,91,0.8); 	}
		.txt-jaune-8		{ color: rgba(230,180,11,0.8); 	}
		.txt-vert-8			{ color: rgba(155,184,68,0.8); 	}
		.txt-bleu-8			{ color: rgba(106,131,201,0.8); }
		.txt-black-8		{ color: rgba(34,34,39,0.8); 	}
		.txt-grey-8			{ color: rgba(100,100,100,0.8); }
		.txt-lightGrey-8	{ color: rgba(201,201,201,0.8); }
		.txt-ultraLightGrey-8{ color: rgba(230,230,230,0.8); }
		.txt-mauveGrey-8	{ color: rgba(134,134,153,0.8); }
		.txt-white-8		{ color: rgba(255,255,255,0.8);	}

/* LIEN PAR DEFAULT */

	a:link,a:visited		{ color: rgba(34,34,39,1); }
	a:hover,a:focus,a:active{ color: rgba(100,100,100,1); }
	

	
/* BALISES FONTS */

		h1{font-size:1.5em;font-weight:700;}		/*24px*/
		h2{font-size:1.125em;font-weight:700;}	/*18px*/
		h3{font-size:0.875em;font-weight:400;}	/*14px*/
		h4{font-size:0.750em;font-weight:400;}	/*12px*/
		h5{font-size:0.625em;font-weight:300;}	/*10px*/
		h6{font-size:0.563em;font-weight:300;}	/*9px*/
		
		p{font-size:0.850em;font-weight:300;}	/*13px*/

/* CLASS FONT CASSE */
	.txt-uppercase	{ text-transform: uppercase; }
	.txt-lowercase	{ text-transform: lowercase; }
	.txt-capitalize	{ text-transform: capitalize; }
	.txt-default	{ text-transform: none; }

/* CLASS TABLE */

	.bloc-tbl {display:table;}
	.bloc-tbl-row {display:table-row;}
	.bloc-tbl-cell {display:table-cell;}




/* CLASS STRUCTUREL */

	.border-radius-6{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.border-radius-50{
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	
/* HEADER */

	header{
		width:100%;
		min-width:320px;
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: rgba(34,34,39,1);
		background-color: #FFF;
		margin: 0px;
		padding: 0%;
		height: 50px;
		position: absolute;
		z-index: 9999999;
		left: 0px;
		top: 0px;
	}
	header.sticky {

    position: fixed;
	}
	
	header::after{
		content:'';
		width:100%;
		height:10px;
		position:absolute;
		bottom:-9px;
		left:0px;
		background-image: url(../imgs/themes/default/shadow-down.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
/* LOGO HEADER + FIRST-NAV */

	header #logo {
		display: inline-block;
		height: 40px;
		background-image: url(../imgs/themes/default/logo-stratevent.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		padding: 0px;
		width: 89px;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 5px;
	}
	
	nav.nav-top{
		display:inline-block;
		vertical-align:top;
		/*position:relative;*/	
		text-align:center;
		width:-webkit-calc(100% - 120px);
		width:-moz-calc(100% - 120px);
		width:-o-calc(100% - 120px);
		width:calc(100% - 120px);
	}
	
	nav.nav-top ul{
		padding-top: 100px;
		position: fixed;
		z-index: 999;
		left: -100%;
		top: 0;
		height: 100%;
		background-color: rgba(34,34,39,0.8);
		color: #FFF;
		width: 60%;
		min-width: 260px;
		
				
		-ms-transition: all 0.5s ease-out; /* Safari */
		-webkit-transition: all 0.5s ease-out; /* Safari */
    	transition: all 0.5s ease-out;
	}
	nav.nav-top ul.active{

		left: 0%;

	}

	nav.nav-top ul.triangle-down-left:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		right: -5em;
		top: 0em;
		border-right: 5em solid transparent;
		border-bottom: 100em solid rgba(34,34,39,0.8);
	}
	

	#search-tools.triangle-down.active::after {
		content: '';
		position: absolute;
		bottom: -50px;
		width: 0;
		height: 0;

		border-left: 000px solid transparent;
		border-right: 100vw solid transparent;
		border-top: 50px solid #9E2D5D;
	}
	
	nav.nav-top ul li{
		display:block;
		text-align: left;
	}
	
	nav.nav-top ul li a {
		color: #FFF;
		text-decoration: none;
		line-height: 40px;
		margin-left: 20px;
		display: inline-block;
		position: relative;
		width: auto;
	}
	
	header nav.nav-top ul li a span{
		position:absolute;
		bottom:5px;
		left:50%;
		width:0%;
		height:4px;
		background-color: rgba(34,34,39,1);
		
		-ms-transition: all 0.5s ease-out; /* Safari */
		-webkit-transition: all 0.5s ease-out; /* Safari */
    	transition: all 0.5s ease-out;
	}
	
	header nav.nav-top ul li a:hover span,header nav.nav-top ul li a:focus span,header nav.nav-top ul li a:active span,header nav.nav-top ul li a.active span{

		left:0%;
		width:100%;

	}
	
	#bloc_lang{
		position: fixed;
		top: 0;
		/*left: 20px;*/
		left: -100%;
		z-index: 9999;
		height: 50px;
		line-height: 50px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFF;
	    padding-bottom: 5px;
		font-size: 0.875em;
				
		-ms-transition: all 0.5s ease-out; /* Safari */
		-webkit-transition: all 0.5s ease-out; /* Safari */
    	transition: all 0.5s ease-out;
	}
	#bloc_lang.active{

		left: 20px;

	}
	#bloc_lang a::after{
		content:'/';
		padding-left: 10px;
	}
	#bloc_lang a{
		padding-left:10px;
	}
	#bloc_lang a:link, #bloc_lang a:visited {
		color: rgba(255,255,255,1);
		text-decoration:none;
	}
	#bloc_lang a:last-child::after{
		display:none;
	}
	

	
	header nav.nav-top a.num-tel {
		right: 105px;
		line-height: 45px;
		text-decoration: none;
		position: absolute;
		font-size: 0.85em;
	}
	nav.nav-top .coup-de-coeur{
		position: absolute;
		width: 50px;
		height: 50px;
	
		right: 50px;
		color: #FFF;
		top: 0px;
		background-color: rgba(1,1,1,0.8);
	}
	nav.nav-top .coup-de-coeur::before{
		font-size: 2.2em;
    	line-height: 50px;
	}
	
	nav.nav-top .coup-de-coeur a{
		
		font-weight:400;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		font-size: 0.75em;
		line-height: 50px;
		text-align: center;
		text-decoration:none;
		color:#FFF;
	}
	nav.nav-top .coup-de-coeur a span:last-child{
		display:none;
	}
	
/* BT-BURGER */
	#bt-burger{
		width: 30px;
		height: 30px;
		text-indent: -999px;
		border: none;
		position: absolute;
		z-index: 9999;
		top: 10px;
		right: 10px;
		overflow:hidden;
		outline:none;
		background-color: transparent;
		cursor:pointer;
	}
	#bt-burger::before{
		content:'';
		width: 30px;
		height: 6px;
		background-color: rgba(1,1,1,1);
		position:absolute;
		top:0px;
		left:0px;
		
		-ms-transform: rotate(0deg); /* IE 9 */
    	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    	transform: rotate(0deg);
		
		-ms-transition: all 0.2s ease-out; /* Safari */
		-webkit-transition: all 0.2s ease-out; /* Safari */
    	transition: all 0.2s ease-out;
		
	}
	#bt-burger::after{
		content:'';
		width: 30px;
		height: 6px;
		background-color: rgba(1,1,1,1);
		position:absolute;
		top:24px;
		right:0px;
		
		-ms-transform: rotate(0deg); /* IE 9 */
    	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    	transform: rotate(0deg);
		
		-ms-transition: all 0.2s ease-out; /* Safari */
		-webkit-transition: all 0.2s ease-out; /* Safari */
    	transition: all 0.2s ease-out;
	}
	#bt-burger span{
		width: 30px;
		height: 6px;
		background-color: rgba(1,1,1,1);
		position:absolute;
		top:12px;
		left:0px;
		opacity:1;
		
		-ms-transition: all 0.2s ease-out; /* Safari */
		-webkit-transition: all 0.2s ease-out; /* Safari */
    	transition: all 0.2s ease-out;
	}
	
	#bt-burger.active::before{
		top:12px;
		left:0px;
		
		-ms-transform: rotate(-45deg); /* IE 9 */
    	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    	transform: rotate(-45deg);
	}
	#bt-burger.active::after{
		top:12px;
		right:0px;
		
		-ms-transform: rotate(45deg); /* IE 9 */
    	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    	transform: rotate(45deg);
	}
	#bt-burger.active span{
		opacity:0;
	}
	
	
	
/*  TOOLS SEARCH  */	
	
	
	#search-tools{
		position:absolute;
		top:55px;
		left:0px;
		z-index: 999999;
		margin:0px;	
		padding:0px;
		width:100%;
		min-height: 50px;
		/*display:none;*/
	}

	header.sticky + #search-tools{
		position:fixed;
	}
	

	.home header + #search-tools {
		display: none;
	}
	.home header.sticky + #search-tools {
		display: block;
	}
	
	#bt-search{
		width: 30px;
		height: 40px;
		overflow: hidden;
		text-indent: -999px;
		position: absolute;
		top: 10px;
		right: 10px;
		border: none;
		background: transparent;
		cursor: pointer;
		outline: none;
	}
	
	#bt-search::before {
		text-indent: 0px;
		position: absolute;
		display: block;
		content: "\e986";
		right: 0px;
		top: 0px;
		width: 30px;
		height: 40px;
		line-height: 40px;
		font-size: 1.5em;
		color: #FFF;
	}
	
	#bt-search span{
		display: block;
		position: absolute;
		right: 0px;
		top: 6px;
		text-indent: 0px;
		font-size: 0.75em;
		color: #FFF;
	}
	
	#search-tools div form {
		height: 40px;
		overflow: hidden;
		padding: 10px;
		padding-bottom: 0px;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
		
				
		-ms-transition: all 0.2s ease-out; /* Safari */
		-webkit-transition: all 0.2s ease-out; /* Safari */
    	transition: all 0.2s ease-out;
	}
	#search-tools.active div form {
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: calc(100% - 20px);
 
		height: auto;
		/*overflow: visible;*/
	}
	
	#search-tools div form select{
		width:-webkit-calc(50% - 10px);
		width:-moz-calc(50% - 10px);
		width:-o-calc(50% - 10px);
		width:calc(50% - 10px);
		margin-right:10px;
		margin-bottom:10px;
		background-color: transparent;
		border: none;
		color: #FFF;
		border-bottom: solid 3px #FFF;
	}
	
	#search-tools.active div form select:first-child{
		margin-right: 50%;
	}
	

/*  BANDEAU HEADER TPL */
section{
    position: relative;
    width: 100%;
    padding: 0.01%;
}
section.zone1{
	
	/*height: 30%;*/
	min-height:250px;
	z-index: 1;
	left: 0px;
	top: 0px;	
	overflow:hidden;
}

.home section.zone1{
	
	/*height: 60%;*/
	min-height:550px;
	z-index: 1;
	left: 0px;
	top: 0px;	
}

.bandeau{
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: fixed;
    top: 0;
    left: 0;

}
section.zone1 .bandeau::after{
    content: '';
    background-image: url(../imgs/themes/default/shadow-up.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    margin: auto;
    padding: 0px;
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}


section.zone1 .bandeau{ height:250px;position: relative;}

body.home{
    overflow-x: hidden;
}
.home section.zone1 .bandeau {
    height: 435px;
    position: relative;
}

.home section.zone1 .bandeau div h1{
    position: absolute;
    left: 10px;
    top: 80px;
    color: #FFF;
    right: 10px;
    
    line-height: 40px;
	
}


.home section.zone1 .bandeau div h1 span {
    display: block;
    background-color: rgba(34,34,39,0.8);
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
    margin-left: 0px;
}
.home section.zone1 .bandeau div h1.e404 span {
	font-size: 0.75em !important;
    line-height: 21px !important;
    padding: 6px !important;
}
.home section.zone1 .bandeau div h1 span.title-big {
    display: inline-block;
    z-index: 9;
    margin-left: auto;
	font-size:0.75em;
    left: 50%;
    position: relative;
    -ms-transform: rotate(-7deg) translateX(-50%);
    -webkit-transform: rotate(-7deg) translateX(-50%);
    transform: rotate(-7deg) translateX(-50%);
}

.home section.zone1 .bandeau div h1 span.title-small {
    text-align: center;
    width: 100%;
    font-size: 0.75em;
    font-weight: 300;
    
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
}
section.zone1 .bandeau div h1{
    position: absolute;
    left: 10px;
    top: 130px;
    color: #FFF;
    right: 10px;
    
    line-height: 40px;
	
}




section.zone1 .bandeau div h1 span {
    display: block;
    background-color: rgba(34,34,39,0.8);
    line-height: 30px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
    margin-left: 0px;
	clear: both;
    float: left;
}

section.zone1.devis .bandeau div h1 span {

    line-height: 30px;
	
}
section.zone1 .bandeau div h1 span.title-big2 {
    text-align: left;
    /*width: 100%;
    font-size: 0.75em;*/


	margin-bottom:5px;
}

section.zone1 .bandeau div h1 span.title-small {
    text-align: left;
    /*width: 100%;*/
    font-size: 0.583em;
    font-weight: 300;
    margin-bottom: 0px;
}



section.zone1 .bandeau div h1 span.title-txt-small {
    text-align: left;
    /* width: 100%; */
    font-size: 0.5em;
    font-weight: 300;
    margin-bottom: 0px;
    /*background-color: transparent;*/
    line-height: 14px;
}


/* BOUTON GLOBAL */
section.delimit{
	padding-top:0.01%;
	padding-bottom:0.01%;	
	
}

section div a.more-infos-page:link,section div a.more-infos-page:visited  {
    display: block;
    margin: auto;
    width: 70px;
    height: 60px;
    text-align: center;
    font-size: 0.85em;
	text-decoration: none;
	color: rgba(34,34,39,1);
	margin-top: 30px;
    margin-bottom: 30px;
}
section div a.more-infos-page:focus,section div a.more-infos-page:active, section div a.more-infos-page:hover  {

	color: rgba(158,45,93,1);

}
section div a.more-infos-page span{
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border: solid 1px;
    text-decoration: none;
	margin:auto;
	
}
section div a.more-infos-page span::before {
    font-size: 1.8em;
    line-height: 40px;
}
.parallax-window {
    
    background: transparent;
}


/* BLOC CENTRAL HOME */


.bloc-global {
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}


.bloc-home-actu, .bloc-home-tendance {
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
	margin-bottom:20px;
}


.bloc-home-actu h2, .bloc-home-tendance h2{
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
    line-height: 40px; 

}





.bloc-home-actu ul{
	margin-top:20px;
	display:block;
}
.bloc-home-actu ul li{
    overflow: hidden;
	margin-bottom:20px;
	display:block;
	background-color:#FFF;
	height:100px;
	position:relative;
}

.bloc-home-actu ul li a						{ display:table; text-decoration:none;height: 100%;}
.bloc-home-actu ul li a span				{ display:table-cell; vertical-align:middle;}

.bloc-home-actu ul li a span.img-actu		{ 
	width:165px;    
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
											}
											
.bloc-home-actu ul li a span.content-actu	{ 
	padding-bottom: 5px; 
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
	
		width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: -ms-calc(100% - 200px);
    width: calc(100% - 200px);


}
.bloc-home-actu ul li a span.content-actu h3	{ 
	font-weight:700;

}

.bloc-home-actu ul li a span p.date-actu	{ color: rgba(100,100,100,1); font-size: 0.75em; font-weight: 400; }
.bloc-home-actu ul li a span p.txt-actu 	{
    color: rgba(34,34,39,1);
    font-size: 0.8em;
    overflow: hidden;
    height: 26px;
	width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: -o-calc(100% - 190px);
    width: -ms-calc(100% - 190px);
    width: calc(100% - 190px);
    line-height: 14px;
    margin-top: 5px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: none;
}



/* MODULE TENDANCES */



.lst-tendances {
    height: 380px;
    width: 100%;
	overflow: hidden;
}

.bloc-produit {
    height: 355px;
    width: 100%;
    margin: 0px;
	margin-bottom: 20px;
    padding: 0px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    position: relative;
	background-color: rgba(255,255,255,1);
	cursor: pointer;
	
		-ms-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.bloc-produit:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(34,34,39,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(34,34,39,0.4);
box-shadow: 0px 0px 10px 0px rgba(34,34,39,0.4);
}
.bloc-produit a span.cross-infos {
	color: #222227;
	text-decoration: none;
	font-weight: 200;
    font-size: 1.2em;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
	width:  20px;
	height: 20px;
	border: 1px solid #222227;
	background-color: #FFF;
	    position: absolute;
    margin-left: 50%;
    left: -10px;
    z-index: 999;
    bottom: -12.5px;
	-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
}
a.icon-coeur-plein{
    position: absolute !important;
    z-index: 99999;
    display: block !important;
    top: 10px;
    width: auto !important;
    height: auto !important;
    right: 10px;
    color: #FFF;
    font-size: 1.5em;
    text-decoration: none !important;
}

a.icon-coeur-plein .path1::before { color: rgba(158,45,93,0.1);/*display:none;*/}

a.icon-coeur-plein:hover .path1::before,
a.icon-coeur-plein:focus .path1::before,
a.icon-coeur-plein.add .path1::before { color: rgba(158,45,93,0.7);/*display:none;*/}

.bloc-produit:nth-child(even) {
	margin-bottom: 0px
	
}

.bloc-produit .block-img-pdt-event {
	height: 200px;
    width: 100%;
	overflow:hidden;
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	
}
.bloc-produit .block-img-pdt-event a {
	display: block;
    height: 100%;
}
.bloc-produit .block-img-pdt-event a img{
	display: block;
	opacity: 0;
}
.bloc-produit .bloc-theme-txt a{
	
	text-decoration: none;
	color:#222227;
	
    display: block;
    height: 100%;
    padding-top: 40px;
	
}
.bloc-produit .bloc-theme-txt a p{
	padding-left:5px;
	padding-right:5px;
	font-weight:400;
	line-height: 18px;
	font-size: 0.850em;
/*	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	margin-top:0px;
	
/*	-ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;*/
}
.bloc-produit .bloc-theme-txt a h3{
	font-weight:700;
	line-height: 20px;
	padding-bottom: 10px;
	
    margin-top: 10px;
/*	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
	padding-left:5px;
	padding-right:5px;
}
.bloc-produit .bloc-theme-txt a h3::after{
	content: "";
	margin: auto;
    margin-top: 10px;
    display: block;
    width: 40%;
	border-bottom: solid 1px #222227;
}
.bloc-produit .bloc-theme-txt a p.txt-infos-prod		{	margin-top:10px;	}
.bloc-produit .bloc-theme-txt a p.txt-infos-prod span	{	font-weight:700;	}
.bloc-produit .bloc-theme-txt 							{
    width: 100%;
    height: 200px;
    position: absolute;
	overflow: hidden;
    bottom: 0px;
    left: 0px;
    text-align: center;

}



.bloc-produit .bloc-theme-txt.background-rose-8					{	background-color: rgba(181,36,91,1);	}
.bloc-produit .bloc-theme-txt.background-rose-8:after			{	border-bottom-color: rgba(181,36,91,1) !important;	}


.bloc-produit .bloc-theme-txt.background-jaune-8				{	background-color: rgba(230,180,11,1);	}
.bloc-produit .bloc-theme-txt.background-jaune-8:after			{	border-bottom-color: rgba(230,180,11,1) !important;	}


.bloc-produit .bloc-theme-txt.background-bleu-8					{	background-color: rgba(106,131,201,1);	}
.bloc-produit .bloc-theme-txt.background-bleu-8:after			{	border-bottom-color: rgba(106,131,201,1) !important;	}


.bloc-produit .bloc-theme-txt.background-vert-8					{	background-color: rgba(155,184,68,1);	}
.bloc-produit .bloc-theme-txt.background-vert-8:after			{	border-bottom-color: rgba(155,184,68,1) !important;	}







.bloc-produit .bloc-theme-txt,.bloc-produit:active .bloc-theme-txt 											{	bottom: 0px;		}
.bloc-produit .bloc-theme-txt a p,.bloc-produit:active .bloc-theme-txt a p									{	margin-top:0px;		}
.bloc-produit .bloc-theme-txt a p.txt-infos-prod,.bloc-produit:active .bloc-theme-txt a p.txt-infos-prod	{	margin-top:10px;	}

.bloc-produit .bloc-theme-txt:after 	{
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    display: block;
    width: 0;
    height: 0;
    border-left: 380px solid transparent;
    border-bottom: 35px solid rgba(255,255,255,1);
}

.bloc-theme-txt.background-rose-8 a						{	color:#45001C;	text-decoration:none;	}


.bloc-theme-txt.background-vert-8 a						{	color:#414D1C;	text-decoration:none;	}


.bloc-theme-txt.background-bleu-8 a						{	color:#16254D;	text-decoration:none;	}


.bloc-theme-txt.background-jaune-8 a						{	color:#59370E;	text-decoration:none;	}

 
 
 #zone4 .bandeau{height:140px;position: relative; }





/* OBJET RESPONSIVE */
	.no-mobile{display:none;}
	a.lien-plus-infos{
	    float: right;
    line-height: 40px;
    font-size: 0.85em;	
	}
	



/* BLOC FOOTER */ 
	
	footer a:link,footer a:visited{ color:#FFF;    text-decoration: none;}
	footer a:hover,footer a:focus,footer a:active{color:rgb(34, 34, 39);    text-decoration: none;}
	
	.infos-footer{
		width:100%;
		min-height:320px;
		position:relative;
		    padding: 0.001%;
		padding-top:40px;
		overflow: hidden;
		
	}
	.infos-footer::before{
		content: '';
		width: 100%;
		height: 10px;
		position: absolute;
		top: 0px;
		left: 0px;
		background-image: url(../imgs/themes/default/shadow-down.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.infos-footer::after{
		content: '';
		width: 100%;
		height: 10px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		background-image: url(../imgs/themes/default/shadow-up.png);
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	/* Adresse */

	
	.bloc-adresse {
		display: inline-block;
		width: -webkit-calc(50% - 40px);
		width: -moz-calc(50% - 40px);
		width: -o-calc(50% - 40px);
		width: -ms-calc(50% - 40px);
		width: calc(50% - 40px);
		min-height: 100px;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 30px;
		vertical-align: top;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 5px;
		padding-bottom: 0px;
		
		overflow: hidden;
	}
	.bloc-adresse:nth-child(4n+4){
	
		margin-right:0px;
		
	}
	
	
	
	.bloc-adresse h3			{}
	.bloc-adresse p.s-titre		{margin-top:10px;margin-bottom:10px;}
	.bloc-adresse p				{}

	.bloc-adresse p	a			{
			display: inline-block;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	footer hr {
		/* width: 100%; */
		height: 1px;
		background-color: #FFF;
		border: none;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}
	
	/* Modules */
	


	.bloc-simple {
		display: block;
		width: -webkit-calc(25% - 10px);
		width: -moz-calc(25% - 10px);
		width: -o-calc(25% - 10px);
		width: -ms-calc(25% - 10px);
		width: calc(100% - 20px);
		min-height: 100px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		vertical-align: top;
		text-align: left;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0px;
		padding-bottom: 0px;
	}
	.bloc-simple:nth-child(2n+2){
	
		margin-right:0px;
		
	}
	.bloc-simple.no-mobile {
		display: none;
	}
	
	.bloc-simple ul li{
		display: inline;
	}
	
	.bloc-simple ul li a{
		display: inline-block;
		color: rgba(158,45,93,1);
		width: 30px;
		height: 30px;
		background-color: #FFF;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		margin-top: 10px;
		margin-right: 10px;
		border:solid 1px transparent;
	}
	.bloc-simple ul li a:hover,.bloc-simple ul li a:focus,.bloc-simple ul li a:active{

		background-color: transparent;
		color:#FFF;
		border:solid 1px #FFF;
	}
	
	.bloc-simple p a.bt-job{
		display: block;
		width: 100%;
		height: 30px;
		color: #FFF;
		font-size: 1.2em;
		text-align: left;
		line-height: 30px;
		margin-top: 10px;
		margin-right: 10px;
		text-decoration: underline;
	}
	.bloc-simple p a.bt-job:hover, .bloc-simple p a.bt-job:focus, .bloc-simple p a.bt-job:active{color: rgb(34, 34, 39);}
	.bloc-simple p a.bt-job span{
		width: 30px;
		height: 30px;
		margin-left: 10px;
		text-align: center;
		line-height: 30px;
		display: inline-block;
		font-size: 2em;
		vertical-align: middle;
	}
	
	
	.bloc-double {
		display: block;
		width: -webkit-calc(100% - 20px);
		width: -moz-calc(100% - 20px);
		width: -o-calc(100% - 20px);
		width: -ms-calc(100% - 20px);
		width: calc(100% - 20px);
		min-height: 100px;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		vertical-align: top;
		text-align: left;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0px;
		padding-bottom: 0px;
	}
	
	/* Formulaire Leads */
	#post_lead {
		float: right;
		background-color: transparent;
		border: solid 1px #FFF;
		color: #FFF;
		width: 32px;
		height: 32px;
		line-height: 30px;
		padding: 0;
		outline: none;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		margin-top:10px;
		vertical-align: top;
	}
	#post_lead::before {
		font-size:1.5em;
	}
	#post_lead:hover::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: rgba(00,00,00,0.20);
	}
	#post_lead::after {
		content: '';
		display: block;
		width: 0%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 50%;
		background-color: rgba(00,00,00,0);
		-ms-transition: all 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}
	
	#mail_lead{
		background-color: #FFF;
		border: none;
		color: #9E2D5D;
		height:30px;
		padding-left:10px;
		margin-right:10px;
		width: -webkit-calc(100% - 60px);
		width: -moz-calc(100% - 60px);
		width: -o-calc(100% - 60px);
		width: -ms-calc(100% - 60px);
		width: calc(100% - 60px);
		margin-top:10px;
		vertical-align: top;
	}
	
	#mail_lead::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #9E2D5D;
	}
	#mail_lead::-moz-placeholder { /* Firefox 19+ */
	  color: #9E2D5D;
	}
	#mail_lead:-ms-input-placeholder { /* IE 10+ */
	  color: #9E2D5D;
	}
	#mail_lead:-moz-placeholder { /* Firefox 18- */
	  color: #9E2D5D;
	}
	
	/* Liens footer */
	.lst-link-footer{
		width:100%;
		height:80px;
		line-height:40px;
	}
	

	.lst-link-footer p {
		float: none;
		text-align: center;
	}

	.lst-link-footer ul {
		font-size: 0.750em;
		text-align: center;
		float: none;
	}
	
	.lst-link-footer ul li{
		display:inline;
	}
	
	.lst-link-footer ul li a{
		display:inline-block;
		padding-left: 10px;
		text-decoration: none;
		color:#FFF;
	}
	.lst-link-footer ul li a::after{
		content:'/';
		margin-left: 10px;	
	}
	
	
	.adapt-txt-size{
		font-size:60%;
	}
	
	
@media screen and (min-width: 375px) {

	.adapt-txt-size{
		font-size:90%;
	}
	header nav.nav-top a.num-tel {
			font-size: 1em;
			right: 110px;
	}
	
	header #logo {
	
		width: 110px;
	
	}
	.home section.zone1 .bandeau div h1 span.title-big {

		font-size:0.85em;
	}
	
	/*.bloc-produit .bloc-theme-txt:after 	{border-left: 40em solid transparent;}*/
	.bloc-produit .bloc-theme-txt:after {
		content: "";
		position: absolute;
		top: 10px;
		left: 0px;
		display: block;
		width: 0;
		height: 0;
		border-left: 480px solid transparent;
		border-bottom: 35px solid rgba(255,255,255,1);
	}

}
@media screen and (min-width: 480px) {
	.lst-tendances .bloc-produit {
		width: 49%;
		margin-right: 1%;
		display: block;
		float: left;
		vertical-align: top;
	}

}
@media screen and (min-width: 658px) {
	
	/*.bloc-produit .bloc-theme-txt:after 	{border-left: 60em solid transparent;}*/
	
	section.zone1.devis .bandeau div h1 span {
	
		line-height: 40px;
		
	}
	
	.lst-tendances .bloc-produit {
		width: 49%;
		margin-right: 2%;
		display: block;
		float: left;
		vertical-align: top;
	}
	
	.lst-tendances .bloc-produit:nth-child(even) {
		margin-right: 0%;
	}
	
	
	.logos-clients .lst-logos-clients .item-logos-clients {
		width: -webkit-calc(16.6% - 12px);
		width: -moz-calc(16.6% - 12px);
		width: -o-calc(16.6% - 12px);
		width: -ms-calc(16.6% - 12px);
		width: calc(16.6% - 12px);
		height: 83px;
		border: solid 1px rgba(201,201,201,1);
		overflow: hidden;
		display: inline-block;
		margin-right: 12px;
		margin-bottom: 16px;
	}
	.logos-clients .lst-logos-clients .item-logos-clients:nth-child(6n+0) {
    	margin-right: 0px;
	}
	
	
	.bloc-home-actu ul li a span p.txt-actu 	{
		color: rgba(34,34,39,1);
		font-size: 0.8em;
		overflow: hidden;
		height: 30px;
		width:auto;
		line-height: 14px;
		margin-top: 5px;
		font-weight: 400;
		text-overflow: ellipsis;
		white-space: normal;
		display: block;
	}
	


}

@media screen and (min-width: 768px) {
	.adapt-txt-size{
		font-size:100%;
	}
	header #logo {
	
		width: 115px;
		margin-left: 10px;
	
	}
	nav.nav-top {

		width: -webkit-calc(100% - 125px);
		width: -moz-calc(100% - 125px);
		width: -o-calc(100% - 125px);
		width: calc(100% - 125px);
	}
	
	.bandeau { position: relative; }
	
	.bloc-global {

		position:relative;
		margin-top: 30px;
		margin-bottom: 30px;
	
	}
	
	
	
	.lst-link-footer p {
		float: left;
		text-align: left;
		margin-left: 10px;
	}
	.lst-link-footer ul {
		text-align: left;
		float: right;
		margin-right: 10px;
	}
	
	section.zone1{
	
		/*height: 30%;*/
		min-height:300px;
		z-index: 1;
		left: 0px;
		top: 0px;	
		overflow:hidden;
	}
	section.zone1 .bandeau{ height:300px;position: relative;}
	
	section.zone1 .bandeau div h1{
		position: absolute;
		left: 10px;
		top: 170px;
		color: #FFF;
		right: 10px;
		
		line-height: 40px;
		
	}
	
	section.zone1 .bandeau div h1 span.title-txt-small {
		    width: 85%;
		line-height: 20px;
		font-size: 0.583em;
	}
	section.zone1 .bandeau div h1 span.title-big2 {
	
		margin-bottom:10px;
	}
	
	section.zone1 .bandeau div h1 span {

		line-height: 40px;

	}
	
	


}

@media screen and (min-width: 1024px) and (orientation: landscape) {

/* HEADER */
	
	header{ height: 90px; }
	
	header.sticky{
		height: 60px;
		position: fixed;
		z-index: 9999999;
		left: 0px;
		top: 0px;
	}
/* LOGO HEADER + FIRST-NAV */

	header #logo{
		height:50px;
		width: 150px;
		margin-top: 20px;
		margin-bottom: 20px;		
	}
	header.sticky #logo{
		height:40px;
		width: 120px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	header.sticky #bloc_lang{
		display:none;
	}
	
	header.sticky nav.nav-top ul { margin-top: 0px; }
	
	header.sticky nav.nav-top a.num-tel {
		z-index:99999;
		right: 130px;
		top: 15px;
	}
	header.sticky nav.nav-top a.num-tel::after {
		content:'/';
		margin-left: 10px;
	}
	header.sticky nav.nav-top a.contact {top: 16px;}
	
	
	.contact.no-mobile{display:block;}	
	
	header nav.nav-top{
		width:-webkit-calc(100% - 170px);
		width:-moz-calc(100% - 170px);
		width:-o-calc(100% - 170px);
		width:calc(100% - 170px);
	}
	header nav.nav-top ul{
		padding-top: 0px;
		height: 50px;
		margin-top: 20px;
		position: relative;
		left: auto;
		top: auto;
		background-color: transparent;
		/* color: #FFF; */
		width: auto;
		max-width: 85%;
	}
	nav.nav-top ul.triangle-down-left:after {display:none;}
		
		
	header nav.nav-top ul li{
		display:inline;
		line-height:50px;
		text-align: center;
	}
	header nav.nav-top ul li a{
		position:relative;
		display:inline-block;
		text-decoration:none;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 6px;
		margin-left: 0px;
	}
	
	header nav.nav-top ul li a::after{
		content: "";
		width: 6px;
		height: 1px;
		background-color: rgba(34,34,39,1);
		position: absolute;
		right: -6px;
		top: 51%;
	}
	
	header nav.nav-top ul li:last-child a::after, header nav.nav-top ul li:nth-child(4n+0) a::after{
		display:none;
	}
	
	header nav.nav-top ul li a:link,header nav.nav-top ul li a:visited									{ color: rgba(34,34,39,1); }
	header nav.nav-top ul li a:hover,header nav.nav-top ul li a:focus,header nav.nav-top ul li a:active	{ color: rgba(34,34,39,1); }

	
	
	#bloc_lang{
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 0.75em;
		left: auto;
		z-index: 9999;
		height: auto;
		line-height: inherit;
		border: none;
		padding: 0;
	}
	#bloc_lang.active {
		left: auto;
	}

	#bloc_lang a{
		padding-left:5px;
	}
	#bloc_lang a::after{
		padding-left: 5px;
	}
	
	#bloc_lang a,header nav.nav-top a.num-tel,header nav.nav-top a.contact{text-decoration:none;}
	
	header nav.nav-top a.num-tel{
		position: absolute;
		right: 10px;
		top: 35px;
		line-height: inherit;
	}

	
	header nav.nav-top a.contact{
		position: absolute;
		right: 10px;
		top: 60px;
		color: rgba(34,34,39,1);
	}
	header nav.nav-top a.contact:hover,header nav.nav-top a.contact:focus,header nav.nav-top a.contact:active{
		color: rgba(158,45,93,1);
	}
	
	#bloc_lang a:link,#bloc_lang a:visited{ 
		color: rgba(34,34,39,1); 
	}
	#bloc_lang a:hover,#bloc_lang a:focus,#bloc_lang a:active{ 
		color: rgba(158,45,93,1);
		
	}
	#bloc_lang a:hover::after,#bloc_lang a:focus::after,#bloc_lang a:active::after{ 
		color: rgba(34,34,39,1);

	}
	
	header nav.nav-top .coup-de-coeur {
		position: absolute;
		overflow: hidden;
		width: 40px;
		height: 40px;
		right: 10px;
		color: rgba(34,34,39,1);
		top: auto;
    	bottom: -36px;
		background-color: #FFF;
		-moz-box-shadow: 0px 5px 5px 0px #656565;
		-webkit-box-shadow: 0px 5px 5px 0px #656565;
		-o-box-shadow: 0px 5px 5px 0px #656565;
		box-shadow: 0px 2px 4px 0px rgba(101, 101, 101, 0.7);
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	
	header nav.nav-top .coup-de-coeur::before {
		/*font-size: 2.2em;*/
		line-height: 40px;
		position: absolute;
		top: 1px;
		left: 2.5px;
	}
	
	header nav.nav-top .coup-de-coeur a {
		
		font-weight:400;
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		font-size: 0.75em;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		color: #9E2D5D;
		border-right: none;
	}
	
	
	
	
	
	
	
	
	.home header nav.nav-top .coup-de-coeur {
		position: absolute;
		overflow: hidden;
		width: 120px;
		height: 40px;
		right: 10px;
		color: rgba(158,45,93,1);
		top: auto;
    	bottom: -36px;
		background-color: #FFF;
		-moz-box-shadow: 0px 5px 5px 0px #656565;
		-webkit-box-shadow: 0px 5px 5px 0px #656565;
		-o-box-shadow: 0px 5px 5px 0px #656565;
		box-shadow: 0px 2px 4px 0px rgba(101, 101, 101, 0.7);
		filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	
	.home header nav.nav-top .coup-de-coeur::before {
		/*font-size: 2.2em;*/
		line-height: 40px;
		position: absolute;
		top: 1px;
		left: 5px;
	}
	
	.home header nav.nav-top .coup-de-coeur a {
		
		font-weight:400;
		
		position: absolute;
		left: 0;
		top: 0;
		width: 45px;
		font-size: 0.75em;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		color: #9E2D5D;
		border-right: solid 1px #9E2D5D;
	}
	
	
	
	
	
	
	
	header.sticky nav.nav-top .coup-de-coeur {
		width: 40px;

	}
	
	header.sticky nav.nav-top .coup-de-coeur::before {
		/*font-size: 2.2em;*/
		line-height: 40px;
		position: absolute;
		top: 1px;
		left: 2.5px;
	}
	
	header.sticky nav.nav-top .coup-de-coeur a {
		width: 40px;
		border-right: none;
		
	}
	
	
	
	nav.nav-top .coup-de-coeur a span:last-child {
		display: block;
		position: absolute;
		top: 0px;
		left: 55px;
		line-height: 15px;
		text-align: left;
		padding-top: 5px;
		font-size: 1.1em;
	}
	
	
	/*  TOOLS SEARCH  */	
	
	.home header + #search-tools {display:none;}
	.home header.sticky + #search-tools {display:block;}
	
	#search-tools{ top:95px; }
	header.sticky + #search-tools {top: 65px;}
	
	#search-tools div form{ }
	
	
	
	#search-tools div form select{
		font-size:0.75em;
		    width: 180px;
			margin-right: 5px;
			margin-bottom: 10px;
	}
	#search-tools.active div form select:first-child {
		margin-right: 5px;
	}
	#search-tools div form select:first-child{
		   /* width: 120px;*/
	}
	#search-tools div form select:last-child{
		    margin-right: 0px;
	}

/* BANDEAU HOME */


.home section.zone1 .bandeau{ height:500px;position: relative;}
.home section.zone1 .bandeau div h1{
    top: 160px;
	right: auto;
}
.home section.zone1 .bandeau div h1 span{
	display:block;
	background-color: rgba(34,34,39,0.8);
	line-height:40px;
	padding: 0px;
    padding-left: 10px;
    padding-right: 20px;
	margin-bottom: 10px;
	margin-left:0px;
	

}
.home section.zone1 .bandeau div h1 span.title-small{

	width:515px;

}
.home section.zone1 .bandeau div h1 span.title-big{

	display: inline-block;
	z-index: 99999;
	margin-left:50px;
	left:auto;
    -ms-transform: rotate(-7deg) translateX(0%);
    -webkit-transform: rotate(-7deg) translateX(0%);
    transform: rotate(-7deg) translateX(0%);
}	
	
	
	



/* MODULE TENDANCES */
	
	
.lst-tendances{
    height: 340px;
    width: 100%;
    padding-top: 20px;
	overflow: visible;
}
.bloc-produit {
    height: 335px;
}

.lst-tendances .bloc-produit {
    width: 48%;
    margin-right: 4%;
    display: block;
    float: left;
    vertical-align: top;
}

.lst-tendances .bloc-produit:nth-child(even) {
    margin-right: 0%;
}
.bloc-produit .block-img-pdt-event {
	height: 145px;
	
}
.bloc-produit .bloc-theme-txt:after 	{
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    display: block;
    width: 0;
    height: 0;
    border-left: 25em solid transparent;
    border-bottom: 20px solid rgba(255,255,255,1);
	-ms-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
/* FOOTER */
	footer hr {
		/* width: 100%; */
		height: 1px;
		background-color: #FFF;
		border: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.bloc-adresse {
		display: inline-block;
		width: -webkit-calc(25% - 25px);
		width: -moz-calc(25% - 25px);
		width: -o-calc(25% - 25px);
		width: -ms-calc(25% - 25px);
		width: calc(25% - 25px);
		min-height: 100px;
		margin-right: 20px;
		margin-left: 0px;
		margin-bottom: 30px;
		vertical-align: top;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 5px;
		padding-bottom: 0px;
	}
	
	.bloc-double {
		display: inline-block;
		width: -webkit-calc(50% - 20px);
		width: -moz-calc(50% - 20px);
		width: -o-calc(50% - 20px);
		width: -ms-calc(50% - 20px);
		width: calc(50% - 20px);
		min-height: 100px;
		margin-left: auto;
		margin-right: 20px;
		margin-bottom: 20px;
		vertical-align: top;
		text-align: left;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0px;
		padding-bottom: 0px;
	}
	.bloc-simple {
		display: inline-block;
		width: -webkit-calc(25% - 10px);
		width: -moz-calc(25% - 10px);
		width: -o-calc(25% - 10px);
		width: -ms-calc(25% - 10px);
		width: calc(25% - 10px);
		min-height: 100px;
		margin-right: 20px;
		margin-left:auto;
		margin-bottom: 20px;
		vertical-align: top;
		text-align: left;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0px;
		padding-bottom: 0px;
	}
	.bloc-simple.no-mobile {
		display: inline-block;
	}	
	
	.lst-link-footer p {
		float: left;
		text-align: left;
		margin-left: 0px;
	}
	.lst-link-footer ul {
		
		float: right;
		margin-right: 0px;
	}
		/* Liens footer */
	.lst-link-footer{
		width:100%;
		height:40px;
		line-height:40px;
	}

/* OBJET RESPONSIVE */
	.yes-mobile{display:none;}
	header nav.nav-top ul li.yes-mobile{display:none;}
}



@media screen and (min-width: 1025px) {
.bloc-produit .bloc-theme-txt a p {
    padding-left: 5px;
    padding-right: 5px;
    font-weight:400;
    line-height: 18px;
    font-size: 0.850em;
   /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 50px;
    -ms-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;*/
}


.bloc-produit .bloc-theme-txt 							{
    width: 100%;
    height: 220px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
	-ms-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.bloc-produit .bloc-theme-txt.background-rose-8							{	background-color: rgba(255,255,255,1);	}
.bloc-produit .bloc-theme-txt.background-rose-8:after					{	border-bottom-color: rgba(255,255,255,1) !important;	}

.bloc-produit:hover .bloc-theme-txt.background-rose-8					{	background-color: rgba(181,36,91,1);	}
.bloc-produit:hover .bloc-theme-txt.background-rose-8:after				{	border-bottom-color: rgba(181,36,91,1) !important;	}


.bloc-produit .bloc-theme-txt.background-jaune-8						{	background-color: rgba(255,255,255,1);	}
.bloc-produit .bloc-theme-txt.background-jaune-8:after					{	border-bottom-color: rgba(255,255,255,1) !important;	}

.bloc-produit:hover .bloc-theme-txt.background-jaune-8					{	background-color: rgba(230,180,11,1);	}
.bloc-produit:hover .bloc-theme-txt.background-jaune-8:after			{	border-bottom-color: rgba(230,180,11,1) !important;	}


.bloc-produit .bloc-theme-txt.background-bleu-8							{	background-color: rgba(255,255,255,1);	}
.bloc-produit .bloc-theme-txt.background-bleu-8:after					{	border-bottom-color: rgba(255,255,255,1) !important;	}

.bloc-produit:hover .bloc-theme-txt.background-bleu-8					{	background-color: rgba(106,131,201,1);	}
.bloc-produit:hover .bloc-theme-txt.background-bleu-8:after				{	border-bottom-color: rgba(106,131,201,1) !important;	}


.bloc-produit .bloc-theme-txt.background-vert-8							{	background-color: rgba(255,255,255,1);	}
.bloc-produit .bloc-theme-txt.background-vert-8:after					{	border-bottom-color: rgba(255,255,255,1) !important;	}

.bloc-produit:hover .bloc-theme-txt.background-vert-8					{	background-color: rgba(155,184,68,1);	}
.bloc-produit:hover .bloc-theme-txt.background-vert-8:after				{	border-bottom-color: rgba(155,184,68,1) !important;	}







.bloc-produit:hover .bloc-theme-txt,.bloc-produit:active .bloc-theme-txt 											{	bottom: 0px;		}
.bloc-produit:hover .bloc-theme-txt a p,.bloc-produit:active .bloc-theme-txt a p									{	margin-top:0px;		}
.bloc-produit:hover .bloc-theme-txt a p.txt-infos-prod,.bloc-produit:active .bloc-theme-txt a p.txt-infos-prod		{	margin-top:10px;	}

.bloc-produit .bloc-theme-txt:after 	{
    content: "";
    position: absolute;
    top: 10px;
    left: 0px;
    display: block;
    width: 0;
    height: 0;
    border-left: 250px solid transparent;
    border-bottom: 20px solid rgba(255,255,255,1);
    -ms-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.bloc-theme-txt.background-rose-8 a						{	color:#45001C;	text-decoration:none;	}


.bloc-theme-txt.background-vert-8 a						{	color:#414D1C;	text-decoration:none;	}


.bloc-theme-txt.background-bleu-8 a						{	color:#16254D;	text-decoration:none;	}


.bloc-theme-txt.background-jaune-8 a						{	color:#59370E;	text-decoration:none;	}

 }