/*--------------------------------------------------------------------------------------- */
/* Style Reset - Normalize */
/*--------------------------------------------------------------------------------------- */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,picture,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,picture,main,nav,section,summary,iframe{display:block}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}a:active,embed,object{outline:0}audio,canvas,video{vertical-align:middle;display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,button:focus{outline:thin dotted}abbr[title]{border:0;text-decoration: none}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;display:block;height:0;padding:0;border:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1em}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:100%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}nav ol,nav ul{list-style:none;list-style-image:none;margin:0}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button{padding:0;border:0 none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*--------------------------------------------------------------------------------------- */
/* Styles generaux */
/*--------------------------------------------------------------------------------------- */

/* - - - - - Box-model - - - - - */
	*, *:before, *:after{
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}

	td, th { vertical-align:top; }
	hr{ margin: 1em 0; border-top: 1px solid #ccc; }
	img{ display:block; vertical-align: middle; }
	blockquote{ margin:2em 0; font-style:italic; border-left:2px solid #CCC; padding-left: 1em; }
	blockquote p{margin-bottom:0.5em;}
	cite{ font-weight:bold; }
	q{ font-style:italic; }

	/* Methode de clear float */
	.clear{ clear:both; }
	.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }

	/* Cacher pour les lecteurs d'ecrans et navigateurs */
	.hidden{ display: none !important; visibility: hidden; }
	.champCache{ display: none !important;}

	/* Passe la navigation, pour screen reader */
	.passeNav { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

	/* Correction pour AddThis */
	#_atssh{ top:0; }

/* Body et HTML
--------------------------------------------------------------------------------------- */
	body{
		background:#f1f2f2;
		font:15px/24px 'Roboto', Arial, Helvetica, sans-serif;
		color:#464648;
	}

	body.projet { background: #fff;}
	body.listingProjet { background: #e6e7e8;}

	.grecaptcha-badge{
		visibility: hidden;
	}

	.recaptcha-footer{
		font-size: 80%;
	}

/* Conteneurs
--------------------------------------------------------------------------------------- */
	.conteneur{
		position:relative;
		max-width:1300px;
		width: 100%;
		margin:0 auto;
		padding-left: 20px; padding-right: 20px;
	}
	.conteneur.petit { max-width: 1024px;}

	@media only screen and (min-width: 1064px) {
		.conteneur.petit { padding-left: 0px; padding-right: 0px;}
	}

	@media only screen and (min-width: 1340px) {
		.conteneur { padding-left: 0px; padding-right: 0px;}
	}

	main {
		min-height:500px;
	}

	.noStick main { position: relative;}

	#bg {
		background: #f1f2f2 url(/gx/m/bg.jpg) no-repeat;
	}

/* Titres
--------------------------------------------------------------------------------------- */
	h1, .h1 { margin-bottom:0.5em; font:900 24px/28px 'Roboto', Arial, Helvetica, sans-serif; color:#464648; text-transform: uppercase; }
	h2, .h2 { margin:1em 0 0.5em 0; font:20px/24px 'Roboto', Arial, Helvetica, sans-serif; color:#464648; text-transform: uppercase; }
	h3, .h3 { margin:1em 0 0.5em 0; font:16px/19px 'Roboto', Arial, Helvetica, sans-serif; color:#464648; }
	h4, .h4 { margin:1em 0 0.5em 0; font:15px/18px 'Roboto', Arial, Helvetica, sans-serif; color:#464648; text-transform: uppercase;}

	.h1 { font-weight: normal;}

	@media only screen and (min-width: 768px) {
		h1, .h1 { font-size:36px; line-height: 42px; }
		h2, .h2 { font-size:22px; line-height: 28px; }
		h3, .h3 { font-size:18px; line-height: 24px; }
	}

/* Hyperliens
--------------------------------------------------------------------------------------- */
	a {
		color:#464648;
		text-decoration:none;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s;
	}
	a:hover, a:focus, a:active { color:#666; outline:none; }

/* Textes et CMS
--------------------------------------------------------------------------------------- */
	.banniereInterne {
		width: 100%;
		height: 291px;
		text-align: center;
		background: url(/DATA/NOUVELLE/background-news.jpg) no-repeat bottom center; background-size: cover;
		z-index: 1;
		position: relative;
		margin-bottom: 40px;
	}
	.listing .banniereInterne { margin-bottom: 0;}
	.page_03 { background: url(/bass2/images/la-cuisine-bloc-3-dark.jpg) no-repeat center center; background-size: cover;}
	.page_04 { background: url(/gx/m/banniereInterne_04.jpg) no-repeat top center; background-size: cover;}
	.page_09 { background: url(/gx/m/banniereInterne_09.jpg) no-repeat top center; background-size: cover;}

	.banniereInterne .conteneur { height: 100%;}
	.banniereInterneTexte {
		width: calc(100% - 40px);
		text-align: center;
		position: absolute;
		top:50%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
		z-index: 1;
	}
	.banniereInterneTexte h1 { color:#ffffff;}
	.banniereInterneTexte p { color:#ffffff;}

	@media only screen and (min-width: 768px) {
		.banniereInterneTexte h1 { max-width: 40%; font-size: 36px; line-height: 42px; margin:0 auto 20px auto;}
		.banniereInterneTexte p {
			font-size: 22px;
			line-height: 26px;
			max-width: 80%;
			margin:0 auto;
		}
	}

	@media only screen and (min-width: 1000px) {
		.banniereInterneTexte p { max-width: 40%;}
	}

	.banniereInterne.detail {
		height: 210px;
		background: url(/gx/03/banniereInterne_detail_375.jpg) no-repeat top center;
		background-size: cover;
		margin-bottom: 0;
	}

	.banniereInterne.detail.bass{
		background: url(/gx/03/banniereAccueil_1.jpg) no-repeat bottom center !important;
		background-size: cover !important;
	}

	.banniereInterne.detail.crown{
		background: url(/gx/03/banniereAccueil_7.jpg) no-repeat bottom center !important;
		background-size: cover !important;
	}

	.banniereInterne.detail .banniereInterneTexte {
		text-align: left;
		width: 100%;
		position: relative;
		z-index: 10;
	}
	.banniereInterne.detail .banniereInterneTexte p { color:#fff; margin: 0;}
	.banniereInterne.detail .banniereInterneTexte p.banniereInterneTitre {
		text-transform: uppercase;
		font-size: 24px;
		line-height: 28px;
		font-weight: 400;
		margin: 0 0 20px 0;
	}

	.banniereInterne.detail.vip { height: 290px;}
	.banniereInterne.detail.vip .banniereInterneTexte { width: 100%; margin:0 auto; text-align: center;}
	.banniereInterne.detail.vip .banniereInterneTexte p.banniereInterneTitre { margin:0 auto;}

	.banniereInterne.detail section { }

	.banniereInterneNavigation { display: none;}

	@media only screen and (min-width: 768px) {
		.banniereInterne.detail {
			height: 521px;
			padding-bottom: 80px;
			background: url(/gx/03/banniereInterne_detail_768.jpg) no-repeat top center;
			background-size: cover;
			margin-bottom: 40px;
		}
		.banniereInterne.detail .banniereInterneTexte {
			width: calc(100% - 350px);
			padding:0 40px 0 20px;
			left:0;
			top:60px;
			transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%);
		}
		.banniereInterne.detail .banniereInterneTexte p { max-width: 60%;}
		.banniereInterne.detail .banniereInterneTexte p.banniereInterneTitre {
			font-size: 22px;
			line-height: 26px;
			font-weight: 900;
			max-width: 60%;
		}

		.banniereInterne.detail section {
			text-align: left;
			position: absolute;
			right:30px;
			top:20px;
			transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%);
			width: 350px;
		}

		.banniereInterneNavigation {
			display: block;
			position: absolute;
			bottom: 0px;
			left:0px;
			background: rgba(255,255,255,0.4);
			width: 100%;
			height: 80px;
		}

		.bass .banniereInterneNavigation, .crown .banniereInterneNavigation{
			background: rgba(0,0,0,0.8) !important;
		}
		.banniereInterneNavigation ul {
			list-style: none;
			display: table;
			width: 100%;
			height: 80px;
			padding:0;
		}
		.banniereInterneNavigation ul li { display: table-cell; vertical-align: middle;}
		.banniereInterneNavigation ul.wAuto { width: auto; margin:0 auto;}
		.banniereInterneNavigation ul.wAuto li { padding:0 20px; }
		.banniereInterneNavigation ul li a {
			color:#ffffff;
			border:2px solid transparent;
			padding:15px;
			border-radius: 4px;
			-webkit-transition: border 0.15s linear 0s;
			transition: border 0.15s linear 0s;
		}
		.banniereInterneNavigation ul li a:hover { border:2px solid #fff;}
		.banniereInterne.detail .messageErreur {
			position: absolute;
			top:0px;
			left:-330px;
			width: 100%;
			max-width: 300px;
		}

		.banniereInterne.detail.vip { height: 290px; padding:0;}
		.banniereInterne.detail.vip .banniereInterneTexte{
			width: 100%;
		    text-align: center;
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		    z-index: 1;
		}
		.banniereInterne.detail.vip .banniereInterneTexte p.banniereInterneTitre { max-width: 100%; font-size: 36px; line-height: 42px; margin:0 auto 20px auto;}

	}

	@media only screen and (min-width: 1000px) {
		.banniereInterne.detail {
			background: url(/gx/03/banniereInterne_detail.jpg) no-repeat top center;
			background-size: cover;
		}
		.banniereInterne.detail .banniereInterneTexte {
			top:50%;
			transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
			width: calc(100% - 388px);
		}
		.banniereInterne.detail .banniereInterneTexte p.banniereInterneTitre { font-size: 36px; line-height: 42px;}
		.banniereInterne.detail .banniereInterneTexte p.banniereInterneIntro { font-size: 22px; line-height: 26px;}
		.banniereInterne.detail section { width: 388px;}
		.banniereInterne.detail .messageErreur { }
		.banniereInterneNavigation ul { padding:0px;}

		.banniereInterne.detail.vip { height: 521px;}
		.banniereInterne.detail.vip .banniereInterneTexte p.banniereInterneTitre { font-size: 36px; line-height: 42px;}
	}

	.incTinyMce a{ text-decoration:none; color:#464648;}
	.incTinyMce a:hover { text-decoration: underline;}
	.incTinyMce abbr[title]{border-bottom:1px dotted; }
	.incTinyMce img{ max-width:100%; max-height: 100%; }
	.incTinyMce p { margin-bottom: 20px;}
	.incTinyMce h2, .incTinyMce h3, .incTinyMce h4 { margin:0 0 20px 0;}

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol {
		padding-left: 36px;
		margin-bottom:1em;
		overflow:hidden;
		color:#464648;
	}
	.incTinyMce ul li { margin-left:0px; }
	.incTinyMce ol li { margin-left:0px; }
	.incTinyMce ol ol > li { list-style:lower-alpha; }

	.incTinyMce p strong { color:#464648;}
	.incTinyMce p.intro { font-weight:bold; text-align: center;}

	/* Liste � puce stylable */
	.incTinyMce ul { }
	.incTinyMce ul li {
		list-style: none;
		position: relative;
	}
	.incTinyMce ul li:before {
		content: "";
		width: 4px;
		height: 4px;
		display: block;
		position: absolute;
		left:-11px;
		top:10px;
		border-radius: 4px;
		background:#464648;
	}

	/* Liste incrementale stylable */
	.incTinyMce ol {
		counter-reset: bullet;
		list-style-type: none;
	}
	.incTinyMce ol li{ position:relative; }
	.incTinyMce ol li:before {
		counter-increment: bullet;
		content: counters(bullet,".") ".";
		position:absolute;
		top:0;
		left:-18px;
		color:#464648;
		font-weight: 700;
	}


	/* - - - Image en float - - - */
	.mortaise{
		float:left;
		margin:0.25em 1.25em 1.25em 0;
		text-align:center;
		font-size:12px;
	}
	.mortaise img{ border:3px solid #999; }

	.intro{ font-weight:bold; font-size: 18px; line-height: 27px; }

	.note{ font-size:12px; line-height: 14px; color:#6d6e71;}

	.retour:before {
		content: '<';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-right: 5px;
		margin-bottom: 20px;
		color:#464648;
	}
	.suite:after {
		content: '>';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-left: 5px;
		margin-bottom: 20px;
		color:#464648;
	}
	.vide{
		padding:50px 0;
		text-align:center;
		font:bold 18px/25px Arial, Helvetica, sans-serif;
		color:#000;
	}

	/* Points de suspension a la fin de la fonction couperTexte */
	.hellip{
		white-space:nowrap;
		color:#464648;
		font-size:0.9em;
	}

	/* - - - Responsive video - - - */
	.videoConteneur{ max-width:520px; margin:0 auto; }
	.video{
		position: relative;
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%; /* Ratio 16/9 */
	    padding-top: 30px; /* Hauteur des controles */
	}

	.video iframe, .video object, .video embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	/* - - - Style par d�faut d'un tableau - - - */
	.incTinyMce table{
		margin-bottom: 1em;
		border: 1px solid #666;
	}
	.incTinyMce table caption{font: normal 14px/16px Arial, Helvetica, sans-serif;}
	.incTinyMce table th{
		border: 1px solid #666;
		background: #333;
		font-weight: bold;
		color: #fff;
	}
	.incTinyMce table td, .incTinyMce table th{
		min-width: 50px;
		padding: 0.25em 0.5em;
	}
	.incTinyMce table tr:nth-child(even){ background: #eee; }

/* Fancybox */
.fancybox-overlay-fixed{
	z-index: 8000 !important;
}

/* Icones
--------------------------------------------------------------------------------------- */
	/* Creer une icone sur les liens PDF et RSS */
	.lienPDF{ display:inline-block; margin:1em 0; line-height:30px; }
	.lienPDF:before{
		content:"";
		display:inline-block;
		width:29px;
		height:31px;
		margin-right:6px;
		background:url(/gx/m/icone-pdf.png) 0 0 no-repeat;
		vertical-align:-10px;
	}

	.lienRSS{ display:inline-block; margin:1em 0; font-size: 16px; color:#535355;}
	.lienRSS:hover { color:#ef3f3e;}
	.lienRSS:before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		margin-right:6px;
		background:url(/gx/m/icone-rss.png) 0 0 no-repeat;
		vertical-align:-3px;
	}

/*--------------------------------------------------------------------------------------- */
/* Formulaires */
/*--------------------------------------------------------------------------------------- */
	input, select { vertical-align:middle; }
	input[type=radio], input[type=checkbox]{ vertical-align:-1px; margin-right:5px; }
	input[readonly]{ background-color:#eee; }
	textarea{ resize: vertical; }
	label{ display:block; margin-top: 0.75em; }

	/* Couleur de l'etoile pour champs obligatoires */
	label abbr, .note abbr, .form abbr{
		padding:0 2px;
		border:0 none !important;
		color:#ef3f3e;
		cursor:help;
	}


	/* - - - Input default - - - */
	.form input[type=text], .form input[type=email], .form input[type=password], .form input[type=tel],
	.form input[type=search], .form input[type=url], .form select, .form textarea, span.customSelect, .form select {
		width:100%;
		height:40px;
		padding:5px 10px;
		border:1px solid #dcddde;
		border-radius:3px;
		-webkit-appearance: none;
		font-size:14px;
		color:#6d6e71;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition:box-shadow ease-in-out 0.3s;
		transition:box-shadow ease-in-out 0.3s;
	}

	span.customSelect, .form select { width: 100%!important;}
	.form textarea { padding:10px; height:150px;}

	/* Custom select */
	.avecSelection { height: 40px;}
	.customWrap { width: 100%; position: relative; height: 40px; display: block;}
	.customWrap select { z-index: 20; cursor: pointer;}
	span.customSelect {
	   	padding:7px 10px 0 10px;
	    width:100%!important;
		overflow: hidden;
		text-align: left;
		cursor: pointer;
		font-size: 14px;
		font-weight: 400;
		color:#a7a9ac;
	}
	span.customSelect.customSelectDisabled {
		background: #f4f4f4;
	}
	span.customSelect:before {
		content: '>';
		font-family: 'guifx';
		position: absolute;
		top:50%;
		transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg);
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		right:20px;
		color:#ef3f3e;
	}
	span.customSelect .customSelectInner {
		display: block;
		white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: 100%!important;
    	padding-right: 30px;
	}
	span.customSelect.erreur { border:1px solid #c00; color:#cb3341!important;}
	span.customSelectFocus { border:1px solid #233443;}
	span.customSelectOpen { border:1px solid #233443; width:100%!important;}
	span.customSelectOpen:before {
		transform:translateY(-50%) rotate(-90deg); -webkit-transform:translateY(-50%) rotate(-90deg); -ms-transform:translateY(-50%) rotate(-90deg);
	}

	.estObliglatoire input, .estObliglatoire textarea,
	.estObliglatoire .customWrap { width: calc(100% - 20px)!important; display: inline-block !important;}
	.estObliglatoire select { width: 100%;}
	.estObliglatoire abbr {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		text-align: right;
		width: 20px;
	}

	.estObliglatoire .customWrap abbr{
		right: -20px;
	}

	/* - - - Shadow focus - - - */
	.form input[type=text]:focus, .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=tel]:focus,
	.form input[type=search]:focus, .form input[type=url]:focus, .form select:focus, .form textarea:focus{
		outline:0;
		border:1px solid #464648;
	}

	/* Checkbox */
	.form input[type="checkbox"] {
		position: absolute;
		z-index: -1;
		width: 16px; height: 16px;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	.form input[type="checkbox"] + label {
		cursor: pointer;
		display: inline-block;
		color:#6d6e71;
		font:700 14px/18px 'Roboto', sans-serif;
		margin:0 10px 0 0;
		width: auto;
		float: none;
	}

	.form input[type="checkbox"] + label > span:first-of-type {
		content: '';
		display: inline-block;
		width: 16px; height: 16px;
		margin: -1px 10px 0 0;
		vertical-align: middle;
		cursor: pointer;
		background: url(/gx/m/check_off.png) no-repeat;
		position: relative;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
	}

	.form input[type="checkbox"]:checked + label > span:first-of-type { background: url(/gx/m/check_on.png) no-repeat;}

	.form input[type="checkbox"]:hover + label > span:first-of-type {}
	.form input[type="checkbox"]:checked:hover + label > span:first-of-type {}
	.form input[type="checkbox"]:focus + label > span:first-of-type { }

	.form input[type="checkbox"] + label { position: relative; padding-left: 26px;}
	.form input[type="checkbox"] + label > span:first-of-type { position: absolute; top:-1px; left: 0px;}

	/* Radio */
	.form input[type="radio"] {
		position: absolute;
		z-index: -1;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.form input[type="radio"] + label {
		cursor: pointer;
		display: inline-block;
		color:#6d6e71;
		font:700 14px/18px 'Roboto', sans-serif;
		margin:0 10px 0 0;
		width: auto;
		float: none;
		padding-left: 26px;
		position: relative;
	}
	.form input[type="radio"] + label > span:first-of-type {
		position: absolute;
		top:0px;
		left:0px;
		display: inline-block;
		width: 16px;
		height: 16px;
		vertical-align: middle;
		border: 1px solid #acacac;
		cursor: pointer;
		background: #ffffff;
		border-radius: 100%;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s, border 0.15s linear 0s;
	}

	.form input[type="radio"] + label > span:first-of-type:before {
		background: transparent;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 2px;
		right: 0px;
		bottom: 0px;
		opacity: 1;
		transition:background 0.15s linear; -webkit-transition:background 0.15s linear;
	}

	.form input[type="radio"]:checked + label {}
	.form input[type="radio"]:checked + label > span:first-of-type:before { opacity: 1; background: #ef3f3e; border-color:#ef3f3e;}

	.form input[type="radio"]:hover + label span { border-color:#ef3f3e; background: #f0f1f2;}
	.form input[type="radio"]:hover + label span:before { }

	.form input[type="radio"]:checked:hover + label > span:first-of-type { background: #e1e1e1; }
	.form input[type="radio"]:checked:hover + label > span:first-of-type:before { background: #ef3f3e;}

	/* - - - Placeholders - - - */
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1; color:#a7a9ac; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
	input::-moz-placeholder, textarea::-moz-placeholder { opacity:1; color:#a7a9ac; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1; color:#a7a9ac !important; -webkit-transition: opacity 0.15s linear 0s; transition: opacity 0.15s linear 0s;}

	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity:0; }
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity:0; }
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity:0; }

	/* - - - Buttons - - - */
	button, .button{
		display:inline-block;
		text-decoration:none !important;
		-webkit-transition: background 0.15s linear 0s, color 0.15s linear 0s;
		transition: background 0.15s linear 0s, color 0.15s linear 0s;
	}
	.button {
		margin-top:1em;
		padding:0 15px;
		text-align: center;
		border-radius:3px;
		background: transparent;
		min-width: 150px;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		min-height: 40px;
		color:#464648;
		border:2px solid #464648;
		text-transform: uppercase;
	}

	button:hover, .button:hover,
	button:focus, .button:focus,
	button:active, .button:active{ outline:none; background: #464648; color:#fff; }

	.button.blanc {
		border-color: #fff;
		color:#fff;
		min-height: auto;
		border:none;
		padding:0;
		min-width: auto;
	}

	.button.blanc:hover,
	.button.blanc:focus,
	.button.blanc:active { outline:none; background: none; color:#fff; }

	@media only screen and (min-width: 768px) {
		.button.blanc {
			border:2px solid #fff;
			min-height: 50px;
			line-height: 48px;
			min-width: 150px;
			padding:0 15px;
		}
		.button.blanc:hover,
		.button.blanc:focus,
		.button.blanc:active { outline:none; background: #fff; color:#d13534; }
	}

	#banniereAccueil	.button.blanc {
			border:2px solid #fff;
			min-height: 50px;
			line-height: 48px;
			min-width: 150px;
			padding:0 15px;
		}
	#banniereAccueil	.button.blanc:hover,
	#banniereAccueil	.button.blanc:focus,
	#banniereAccueil	.button.blanc:active { outline:none; background: #fff; color:#d13534; }

	/* - - - Avertissements et erreurs - - - */
	.messageInfo, .messageSucces, .messageAvertissement, .messageErreur {
		margin-bottom:10px;
		padding:10px;
		font-size: 14px; line-height: 18px;
		border:1px solid;
		border-radius:4px;
		text-align:center;
		font-weight:bold;
	}

	.messageInfo{ color:#004868; background-color:#c6edff; border-color:#004868; }
	.messageSucces{ color:#005729; background-color:#dff2bf; border-color:#005729; }
	.messageAvertissement{ color:#790000; background-color:#feefb3; border-color:#790000; }
	.messageErreur{ color:#a9181c; background-color:#fdd; border-color:#a9181c; }

	.erreur, .erreur label, .erreur abbr { color:#c00 !important; }
	.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{ border:1px solid #c00 !important; }

	.form .erreur input:focus, .form .erreur textarea:focus, .form .erreur select:focus,
	.form input.erreur:focus, .form textarea.erreur:focus, .form select.erreur:focus{

	}

	/* - - - Layout - - - */
	.form .col1, .form .col2{
		width: 100%;
		margin-bottom:10px;
		text-align: left;
		position: relative;
	}
	.form .colFull{	position:relative; clear:left;	margin-bottom:10px; }

	.buttonWrap.center { text-align: center;}
	.buttonWrap.left { text-align: left;}
	.buttonWrap.right { text-align: right;}

	@media only screen and (min-width:640px) {
		.form .col1, .form .col2{
			float:left;
			width:48.5%;
		}
		.form .col1{ clear:left; }
		.form .col2{ margin-left:3%; }
	}



/* Sidebar
--------------------------------------------------------------------------------------- */
	#sidebar{
		float:left;
		width:220px;
		height:200px;
		border:1px solid #000;
	}


/* Fil d'Ariane
--------------------------------------------------------------------------------------- */
	#filAriane{
		font:12px/14px Arial, Helvetica, sans-serif;
		color:#464648;
	}

	#filAriane li{ display:inline; margin-right:5px; }
	#filAriane li:before{
		content:'>';
		margin-right:6px;
	}
	#filAriane li:first-child:before{ display:none; }

	#filAriane a{ color:#464648; }
	#filAriane a:hover, #filAriane a:focus, #filAriane a:active{ color:#666; }

	#filAriane li:last-child{ color:#000; }
	#filAriane li:last-child:before{ color:#464648; }


/* Pagination
--------------------------------------------------------------------------------------- */
	.pagination {
		width: 100%;
		clear:both;
		margin:20px 0;
		text-align: center;
		position: relative;
	}

	.pagination a, .module_pagination_pagecourante{
		display:inline-block;
		width:auto;
		text-align:center;
		font-size: 16px;
		font-weight: 600;
		line-height: 40px;
		background-color:transparent;
		color:#535355;
		text-decoration:none;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
		margin:0 5px;
	}

	.pagination .module_pagination_pagecourante{ color:#ef3f3e;}

	.pagination .module_pagination_pagesuivante, .pagination .module_pagination_pageprecedente,
	.pagination .module_pagination_pagepremiere, .pagination .module_pagination_pagederniere {
		position: absolute;
		top:0;
	}

	.pagination .module_pagination_pageprecedente, .pagination .module_pagination_pagepremiere { left:0px; right:auto;}
	.pagination .module_pagination_pagesuivante, .pagination .module_pagination_pagederniere { left:auto; right:0px;}

	.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
	.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
		vertical-align:top;
		width: 40px;
		background:transparent;
		font:normal 16px/36px "guifx", monospace;
		color:#464648;
		border:2px solid #464648;
		border-radius: 2px;
		margin:0;
		position: relative;
	}

	.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a { text-indent: -1px;}
	.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a { text-indent: 1px;}

	.pagination .module_pagination_pagesuivante a:hover, .pagination .module_pagination_pagesuivante a:focus, .pagination .module_pagination_pagesuivante a:active,
	.pagination .module_pagination_pageprecedente a:hover, .pagination .module_pagination_pageprecedente a:focus, .pagination .module_pagination_pageprecedente a:focus,
	.pagination .module_pagination_pagepremiere a:hover, .pagination .module_pagination_pagepremiere a:focus, .pagination .module_pagination_pagepremiere a:focus,
	.pagination .module_pagination_pagederniere a:hover, .pagination .module_pagination_pagederniere a:focus, .pagination .module_pagination_pagederniere a:focus {
		background-color:#464648; color:#fff;
	}
	.pagination a:hover, .pagination a:focus, .pagination a:active{ color:#ef3f3e;}


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
	#listeNouvelle { list-style:none; padding-top: 40px;}
	#listeNouvelle.noTop { padding-top: 0;}
	#listeNouvelle li{
		margin-bottom:0px;
		padding:20px 0;
		background: #ffffff;
	}
	#listeNouvelle li:first-of-type { padding-top: 40px;}
	#listeNouvelle figure { margin-bottom: 20px;}
	#listeNouvelle figure img { max-width: 100%;}
	#listeNouvelle .nouvTexte { padding:0 20px;}
	#listeNouvelle time {
		font-size: 14px;
		line-height: 14px;
		display: block;
		color:#808285;
		margin-bottom: 5px;
	}
	#listeNouvelle .nouvTexte h2 { margin: 0 0 20px 0; font-size: 20px; line-height: 24px;}
	#listeNouvelle .nouvTexte h2 a { color:#333132;}
	#listeNouvelle .nouvTexte h2 a:hover { color:#ef3f3e;}
	#listeNouvelle .nouvTexte p {
		font-size: 14px; line-height: 21px;
	}
	#listeNouvelle .suite{ font-weight:bold; text-decoration:none; }

	@media only screen and (min-width: 768px) {
		#listeNouvelle li { margin-bottom:20px; padding:40px 0;}
		#listeNouvelle li:first-of-type { padding-top: 40px;}
		#listeNouvelle figure { float:left;
			margin:0 30px 0 0;
			max-width: 40%;
		}
		#listeNouvelle .nouvTexte{ margin-left:438px; padding-right: 20px;}
	}


/* 00_110 : Nouvelle details
--------------------------------------------------------------------------------------- */
	#detailNouvelle{}
	#detailNouvelle figure { float: left; margin:0 40px 40px 0;}
	#detailNouvelle figure img {}
	#detailNouvelle time {
		font-size: 14px;
		line-height: 14px;
		display: block;
		color:#808285;
		margin-bottom: 15px;
	}

	/* - - - Boutons de partage - - -  */
	#partage{ margin:2em 0; }
	#partage h3{ margin-bottom:0.5em; }


/* 00_888 : Plan du site
--------------------------------------------------------------------------------------- */
	#plansite ul{ list-style:none; }
	#plansite > ul > li{ margin-bottom:1em; }
	#plansite ul ul{ margin-left:1em; }


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
	/* Banni�re  */
	#banniereAccueil {
		width: 100%;
		z-index: 1;
		position: relative;
		overflow: hidden;
	}

	#banniereAccueil .slideAccueil { background-size: cover;}
	#banniereAccueil img { display: none;}
	#banniereAccueil > ul {
		width: 100%;
		height:210px;
		list-style: none;
		z-index: 2;
		opacity: 0;
		-webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s;
	}
	#banniereAccueil > ul.slick-initialized { opacity: 1;}
	#banniereAccueil > ul > div { height:100%;}
	#banniereAccueil > ul > div > div { height: 100%; position: relative;}
	#banniereAccueil > ul > div > div > div { height: 100%; position: relative;}

	#banniereAccueil .conteneur { height: 100%; position: absolute;right:0;}
	.banniereAccueilTexte {
		width: 100%;
		position: relative;
		z-index: 10;
		top:50%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
	}
	.banniereAccueilTexte p { color:#fff; margin-bottom: 0;}
	.banniereAccueilTexte p.banniereAccueilTitre {
		text-transform: uppercase;
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 6px;
	}
	.banniereAccueilTexte p.banniereAccueilTitre span.bassA { display: inline-block; position: relative;}
	.banniereAccueilTexte p.banniereAccueilTitre span.bassA:before {
		content: '';
		width: 30%;
		background: #fff;
		height: 2px;
		position: absolute;
		top:1px;
		left:50%;
		transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
	}

	.banniereAccueilTexte .logoBanniere{text-align:left;float:left;margin-top:-60px;}
	#banniereAccueil .logoBanniere img{position:relative;width:60%;display:block;left:60px;}

	#banniereAccueil .slick-slide > div { position: relative; height: 100%; width: 100%;}
	#banniereAccueil picture { position: relative; height: 100%; width: 100%;}
	#banniereAccueil picture:before {
		content: '';
		position: absolute;
		z-index: 3;
		width: 100%;
		height:100%;
		background: rgba(0,0,0,0.5);
	}
	#banniereAccueil img {
		position: relative;
		height: 100%;
		width: auto;
		left:50%;
		transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
		z-index: 2;
	}
	#banniereAccueil a.button.blanc { margin-top: 12px;}

.etiquetteAccueil{ background: #ef3f3e;position: absolute;
		top: 0px;
		left:0px;
		font-size: 12px;
		line-height: 16px;
		font-weight: 700;
		text-transform: uppercase;
		color:#fff;
		z-index: 20;
		padding:10px 20px;}


	@media only screen and (min-width: 400px) {
		#banniereAccueil img {
			height: 100%;
			width: 100%;
		}

	}

	@media only screen and (min-width: 768px) {
		#banniereAccueil { height:518px;}
		#banniereAccueil > ul {	height:100%;}
		.banniereAccueilTexte {
			width: calc(100% - 350px);
			padding:0 20px;
			left:0;
			top:60px;
			transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%);
		}
		.banniereAccueilTexte p.banniereAccueilTitre span.bassA:before { height: 2px; top:1px;}
		.banniereAccueilTexte p.banniereAccueilTitre { margin-bottom: 20px;}
		#banniereAccueil a.button.blanc { margin-top: 30px;float: right;
    clear: both;}
		.banniereAccueilTexte p.banniereAccueilIntro { font-size: 22px; line-height: 26px;}
		#banniereAccueil img { position: absolute; width: auto;}
		#banniereAccueil section {
			position: absolute;
			right:30px;
			top:60px;
			transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%);
			width: 350px;
		}
		#banniereAccueil section.formErreur { top:20px; padding-top: 20px;}
		#banniereAccueil section.formErreur h2 { margin-bottom: 10px;}
		#banniereAccueil section button { margin-top: 0;}
		#banniereAccueil .slick-dots { bottom: 30px;}

		.etiquetteAccueil{ background: #ef3f3e;position: absolute;
		top: 15px;

	}
	}

	@media only screen and (min-width: 1000px) {
		#banniereAccueil { height: 877px;}
		#banniereAccueil section {
			left:80px;
			width: 388px;
			top:50%;
			transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
		}
		.banniereAccueilTexte {
			top:50%;
			transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
			/*width: calc(100% - 388px);*/
			width:100%;
			padding: 0 80px 0 60px;
			text-align: right;
		}
		.banniereAccueilTexte p.banniereAccueilTitre { font-size: 60px; line-height: 70px;}
		.banniereAccueilTexte p.banniereAccueilTitre span.bassA:before { height: 4px; top:3px;}
		.banniereAccueilTexte p.banniereAccueilIntro { font-size: 22px; line-height: 26px;}

		.banniereAccueilTexte .logoBanniere{text-align:right;float:right;margin-top:-60px;}
		#banniereAccueil .logoBanniere img{position:relative;width:100%;display:block;left:50%;}

		#banniereAccueil section.formErreur { top:50%; padding-top: 30px;}
		#banniereAccueil section button { margin-top: 1em;}
		#banniereAccueil .slick-dots { bottom: 45px;}

.etiquetteAccueil{ background: #ef3f3e;position: absolute;
		top: 25px;
		left:0px;
		height: 52px;
		font-size: 18px;
		line-height: 16px;
		font-weight: 700;
		text-transform: uppercase;
		color:#fff;
		z-index: 20;
		padding:20px 30px;}
	}

	@media only screen and (min-width: 1024px) and (min-height: 768px) {
		#banniereAccueil { height: 877px; height: calc(100vh - 102px);}
	}

	@media only screen and (min-width: 1340px) {
		.banniereAccueilTexte { padding: 0 80px;}
	}

	.accueilTexte {
		width: 100%;
		padding: 40px 0 0 0;
		text-align: center;
	}
	.accueilTexte > div { max-width: 845px; }
	.accueilTexte h1 { color:#464648; font-size: 24px; line-height: 28px; font-weight: 400;}

	@media only screen and (min-width: 768px) {
		.accueilTexte h1 {font-size: 36px; line-height: 42px;}
	}

	@media only screen and (min-width: 1000px) {
		.accueilTexte {	padding:50px 0 30px 0;}
	}

/* 03_101 : D�tail Projet
--------------------------------------------------------------------------------------- */
	.formContactSpontanne.mobileOnly { display: block;}
	.formContactSpontanne.notMobile { display: none;}

	@media only screen and (min-width: 768px) {
		.formContactSpontanne.mobileOnly { display: none;}
		.formContactSpontanne.notMobile { display: block;}
	}

	#description { padding-bottom: 20px; }
	#description picture { margin-bottom: 20px; position: relative;}
	#description picture img { max-width: 100%; width: 100%;}

	.descriptionTexte {
		position:relative;
		max-width:1024px;
		width: 100%;
		margin:0 auto;
		padding-left: 20px; padding-right: 20px;
	}

	@media only screen and (min-width: 768px) {
		.descriptionConteneur {
			position:relative;
			max-width:1024px;
			width: 100%;
			margin:0 auto;
		}
		#description picture {
			z-index: 20;
			float:left;
			margin:0 0 20px 0;
			left:-20px;
		}
		#description picture img { width: inherit;}
		.descriptionTexte { padding-left: 0px; padding-right: 0px;}
	}

	@media only screen and (min-width: 1064px) {
		#description picture { margin:0 40px 20px 0; left:0;}
		.descriptionTexte { padding-left: 0px; padding-right: 0px;}
		#description picture img { width: 320px;}
	}

	.projetTexte h1 { font-weight: 400;}

	/* Quartier */
	#quartier { padding:40px 0; position: relative; background:#e6e7e8;}

	@media only screen and (min-width: 768px) {
		#quartier {	padding:80px 0 274px 0;}
		.skewBg { position: relative; z-index: 10;}
		.quartierSkew {
			height: 274px;
			width: 100%;
			position: absolute;
			left:0;
		}
		.quartierSkew.top { top:0;}
		.quartierSkew.top div {
		    width: 100%;
		    height: 100%;
		    left: 0px;
		    top: 0px;
		    background: linear-gradient(to right top, #e6e7e8 50%, #ffffff 50%)
		}
		.quartierSkew.bot { bottom: 0px;}
		.quartierSkew.bot div {
		    width: 100%;
		    height: 100%;
		    left: 0px;
		    top: 0px;
		    background: linear-gradient(to left bottom, #e6e7e8 50%, #ffffff 50%)
		}
	}

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

	}

	.galleriePhoto { margin-bottom: 0px;}
	.galleriePhoto ol {
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: box;
		-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row;
		-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	    align-items: stretch;
	    /*justify-content: space-between;*/
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	.galleriePhoto ol li {
		display: block;
	    flex: 0 1 auto;
	    list-style-type: none;
	    margin-bottom: 1px;
	    webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; flex-basis:100%;
	    position: relative;
	    webkit-flex-basis:calc( (100% / 3) - 1px); -moz-flex-basis:calc((100% / 3) - 1px); -ms-flex-basis:calc((100% / 3) - 1px); flex-basis: calc((100% / 3) - 1px);
	}
	.galleriePhoto ol li picture {
		height: 100%;
		width: 100%;
		position: relative;
		display: block;
	}
	.galleriePhoto ol li picture a {
		position: relative;
  		height: 0;
 		padding-top: 56.25%;
 		display: block;
 		overflow: hidden;
	}
	.galleriePhoto ol li img {
		position: absolute;
  		left: 0;
  		right: 0;
  		top:0;
  		max-width: 100%;
  	}

  	@media only screen and (min-width: 768px) {
  		.galleriePhoto {
  			margin-bottom: 100px;
			position:relative;
			max-width:1024px;
			width: 100%;
			margin:0 auto;
			padding-left: 20px; padding-right: 20px;
		}
		.galleriePhoto ol li img { max-width: initial;}
	}

	@media only screen and (min-width: 1064px) {
		.galleriePhoto { padding-left: 0px; padding-right: 0px;}
	}


	/* Plan interactif */
	#plan {
		background-color:#fff;
		position: relative;
		overflow: hidden;
		margin-bottom: 40px;
	}
	#plan h3.h2 {
		text-align: center;
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 50px;
	}

	#plan img { max-width: 100%; width: 100%;}

	.mapBatiment area.vendu { background: pink;}

	.conteneurEtage { position: relative; }
	.rueNord, .rueEst, .rueSud, .rueOuest { position: absolute; z-index: 10; display: none;}
	.rueNord { top: 10px; left: 50%; transform: translate(-50%,0%);}
	.rueEst { top: 50%; right: -48px; transform: translate(0%,-50%);}
	.rueSud { bottom: 10px; left: 50%; transform: translate(-50%,0%);}
	.rueOuest { top: 50%; left: -28px; transform: translate(0%,-50%);}

	@media only screen and (min-width: 768px) {
	    .rueNord, .rueEst, .rueSud, .rueOuest { display: block;}
		.conteneurEtage { padding-top: 30px; padding-bottom: 30px;}
	}

	[id^=mapster_wrap] { margin-left: auto; margin-right: auto;}

	.mapWrap { display: none;}
	.mapWrapMobile { display: block;}
	.mapWrapMobile ul { list-style: none; padding:0 20px;}
	.mapWrapMobile li {
		padding: 20px;
		border-bottom: 1px solid #e6e7e8;
		position:relative;
	}
	.mapWrapMobile li:before {
		content: '>';
	    font: 1em/1em 'guifx', sans-serif;
	    position: absolute;
	    right: 0px;
	    top: 26px;
	    color: #181818;
	}
	.mapWrapMobile li div { display: table; width: 100%;}
	.mapWrapMobile li div span { display: table-cell; vertical-align: top;}
	.mapWrapMobile li div span.voirEtage {
		text-align: right;
		font-weight: bold;
		text-transform: uppercase;
		color:#464648;
		text-decoration: underline;
	}

	@media only screen and (min-width: 768px) {
		.mapWrapMobile { display: none;}
  		.mapWrap {
  			display: block;
  			margin-bottom: 100px;
			position:relative;
			max-width:1024px;
			width: 100%;
			margin:0 auto;
		}
	}

	@media only screen and (min-width: 1064px) {
		#plan {	margin-bottom: 100px;}
		.mapWrap { padding-left: 0px; padding-right: 0px;}
	}


	/* Infobulle */
	.contenuInfobulle {
		background: #ef3f3e;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		padding: 10px 30px;
	}
	.contenuInfobulle.inactif {
		background: #666;
		padding: 10px 30px;
	}

	area.inactif { cursor: default;}

	/* Unit� */
	#unites {
		position: relative;
		overflow: hidden;
		margin-bottom: 85px;
	}
	#unites:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 356px 0 0 1920px;
		border-color: transparent transparent transparent #ffffff;
		position: absolute;
		left:0px;
		top:0px;
	}
	#unites h3.h2 {
		text-align: center;
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	@media only screen and (min-width: 768px) {
		#unites h3.h2 { font-size: 36px; line-height: 42px; margin-bottom: 50px;}
	}

	ol.accordeon { margin: 0; list-style: none; width: 100%;}
	ol.accordeon > li { margin-bottom: 0px; list-style: none; width: 100%;}
	button.accordeonTrigger, button.accordeonTriggerMobile {
		position: relative;
		padding:0;
		margin: 0;
		border: 0;
		outline: 0;
		background: transparent;
		border-bottom: 1px solid #dddddd;
		cursor: pointer;
		display: block;
		width: 100%;
		text-align: left;
	}
	button.accordeonTrigger h4, button.accordeonTriggerMobile h4 {
		margin:0;
		position: relative;
	    width: 100%;
	    text-transform: uppercase;
		font-size: 18px;
		line-height: 22px;
		padding:20px 0;
		margin-bottom: 0;
	}

	button.accordeonTrigger h4 sup { text-transform: none;}
	button.accordeonTrigger h4:after, button.accordeonTriggerMobile h4:after {
	    content: '>';
	    font: 1em/1em 'guifx', sans-serif;
	    position: absolute;
	    right: 0px;
	    top: 22px;
	    color: #181818;
	    transition: color 0.15s linear 0s, transform 0.15s linear 0s;  -webkit-transition: color 0.15s linear 0s, transform 0.15s linear 0s;
	}
	button.accordeonTrigger h4 span { display: inline-block;}

	ol.accordeon > li.actif button.accordeonTrigger h4:after,
	ol.mobileAccordeon > li.actif button.accordeonTriggerMobile h4:after { color:#464648; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);}
	ol.accordeon > li.actif button.accordeonTrigger h4 { color:#464648;}
	ol.accordeon > li .accordeonContenu { display: none; padding-top: 0px; }
	ol.accordeon > li.actif > .accordeonContenu { display: block;}


	/* Mobile */
	button.accordeonTriggerMobile { padding:0 10px;}
	button.accordeonTriggerMobile h4 {
		text-transform: none;
		font-size: 14px;
		line-height: 18px;
	}

	button.accordeonTriggerMobile h4 strong { text-transform: uppercase;}
	button.accordeonTriggerMobile h4 div { display: table; width: 100%; padding-right: 30px;}
	button.accordeonTriggerMobile h4 span { display: table-cell;}
	button.accordeonTriggerMobile h4 span:last-child { text-align: right;}
	button.accordeonTriggerMobile h4:after { top:23px;}

	ol.mobileAccordeon { margin: 0; list-style: none; width: 100%;}
	ol.mobileAccordeon > li.actif button.accordeonTriggerMobile { background: #f0f1f2;}
	ol.mobileAccordeon > li .accordeonContenuMobile { display: none; padding: 30px 10px; }
	ol.mobileAccordeon > li.actif .accordeonContenuMobile { display: block; background: #f0f1f2;}
	.accordeonContenuMobile div { margin-bottom: 30px;}
	.accordeonContenuMobile div.voirFicheComplete { margin-bottom: 0;}

	@media only screen and (min-width: 768px) {
		button.accordeonTrigger h4 { font-size: 24px; line-height: 28px; padding:25px 0;}
		button.accordeonTrigger h4:after { top:25px; right:30px;}
		ol.accordeon > li { margin-bottom: 10px;}
		ol.accordeon > li .accordeonContenu { padding-top: 25px; }

		ol.mobileAccordeon { display: none;}
	}

	.listeModeleTable { display: none;}
	.vendu { color:#bcbec0;}
	.voirFicheComplete { font-weight: bold; text-transform: uppercase;}
	.voirFicheComplete a { color:#464648; text-decoration: underline;}

	@media only screen and (min-width: 768px) {
		.listeModeleTable { width: 100%; display: table;}
		.listeModeleTable tr th, .listeModeleTable tr td {
			color:#464648;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			vertical-align: middle;
		}
		.listeModeleTable tr th { padding: 10px;}
		.listeModeleTable tr td {
			font-size: 13px;
			font-weight: 400;
			text-transform: none;
			padding:10px;
			border-bottom: 1px solid #e6e7e8;
		}
		.listeModeleTable tr:last-child td { border-bottom: none;}

		.listeModeleTable tr td.vendu { color:#bcbec0;}
		.voirFicheComplete { font-weight: bold; text-transform: uppercase;}
		.voirFicheComplete a { color:#464648; text-decoration: underline;}


  		.listeModeleTable tr th, .listeModeleTable tr td {
			font-size: 18px;
			line-height: 23px;
		}
		.listeModeleTable tr td {
			font-size: 16px;
			padding:25px 10px;
		}
	}

	/* Galerie photos */
	#photos { margin-bottom: 100px;}
	#photos h3 { margin-bottom: 40px;}
	.galerie { position: relative; width: 100%;}
	.galerie .imgWrap { max-width: 50%; float: left;}
	.galerie .imgWrap.solo { float: none; margin:0 auto; max-width: 50%;}

	.galerie img {
		position: relative;
		width: 100%;
		max-width: 100%;
		z-index: 2;
	}
	.galerie .bntGalerie {
		display: block;
		position: absolute;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 20;
		margin:0;
		text-align: center;
	}
	.galerie .bntGalerie span {
		display: block;
	    position: absolute;
	    z-index: 15;
	    width: 64px;
	    height: 64px;
	    border-radius: 64px;
	    top: 50%;
	    left: 50%;
	    background: #ffffff;
	    transition: all 0.3s linear;
	    -webkit-transition: all 0.3s linear;
	    transform: translate(-50%,-50%);
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	}
	.galerie .bntGalerie span:hover { background: #464648;}
	.galerie .bntGalerie span:before,.galerie .bntGalerie span:after {
		content: '';
		width: 24px;
		height: 4px;
		background: #464648;
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
	}
	.galerie .bntGalerie span:after {
		width: 4px;
		height: 24px;
	}
	.galerie .bntGalerie span:hover:before,.galerie .bntGalerie span:hover:after { background: #ffffff;}

	.galerie .imgWrap {
		height: 100%;
		width: 100%;
		position: relative;
		display: block;
	}
	.galerie picture {
		position: relative;
  		height: 0;
 		padding-top: 56.25%;
 		display: block;
 		overflow: hidden;
	}
	.galerie img {
		position: absolute;
  		left: 0;
  		right: 0;
  		top:0;
  	}
  	.galerie .vid img { top:-19%;}

  	/*.galerie .vid .mask {
  		content: '';
  		position: absolute;
  	}*/

	.vid span {
		display: block;
		position: absolute;
		z-index: 15;
		width: 64px;
		height:64px;
		border-radius: 64px;
		top: 50%;
		left: 50%;
		background: #ffffff;
		transition:all 0.3s linear; -webkit-transition:all 0.3s linear;
		transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
	}
	.vid span:before {
		content:'';
		position: absolute;
		top:20px;
		left: 22px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12.5px 0 12.5px 25px;
		border-color: transparent transparent transparent #464648;
		transition:border 0.3s linear; -webkit-transition:border 0.3s linear;
	}

	@media only screen and (min-width: 768px) {
		.galerie {
			position:relative;
			max-width:1024px;
			margin:0 auto;
			padding-left: 20px; padding-right: 20px;
		}
		.galerie ol li img { max-width: auto;}
	}

	@media only screen and (min-width: 1064px) {
		.galerie { padding-left: 0px; padding-right: 0px;}
	}


	#stickyInfo {
		display: none;
		width: 100%;
		position: relative;
		background: #d13534;
		padding:0px;
		-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
   		-moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
        box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
        z-index: 100;
        height: 53px;
		top:auto;
		left:auto;
		bottom: auto;
		right:auto;
	}
	#stickyInfo.fixed {
		position: fixed;
		bottom:0;
        left:0;
	}
	#stickyInfo img { width: 25px;}

	.stickyInfoNom {
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
		color:#fff;
		float: left;
		width: calc(100% - 150px);
		margin-top: 15px;
	}
	.stickyInfoLien {
		float: right;
		width: 150px;
		text-align: right;
	}
	.stickyInfoLien a.button { margin:10px 0 0 0;}
	.stickyInfoLien a.button:after {
		content: '>';
		display: inline-block;
		font-family: 'guifx', sans-serif;
		font-weight: normal;
		padding-left: 5px;
		color:#fff;
	}

	@media only screen and (min-width: 768px) {
		#stickyInfo {
			padding:20px;
			height: 90px;
		}
		.stickyInfoNom { font-size: 24px; line-height: 26px; margin-top: 10px;}
		.stickyInfoLien a.button { margin:0;}
		.stickyInfoLien a.button:after { display: none;}
		#stickyInfo img { width: 35px;}
	}

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

	}

	/* VIP */
	.titreVip { margin-bottom: 50px; text-align: center;}
	#imageProjetVIP { margin-bottom: 50px;}
	#imageProjetVIP img { max-width: 100%; width: 100%;}
	#contactFormProjetVIP { margin-bottom: 50px;}
	#contactFormProjetVIP h2 { margin-top: 20px;}

	@media only screen and (min-width: 768px) {
		#contactFormProjetVIP .col1, #contactFormProjetVIP .col2 { width: 100%; margin-left:0;}
		#imageProjetVIP { float: left; width: 50%;}
		#contactFormProjetVIP { float: left; width: 50%; padding-left: 3%;}
	}

	.labelDesktop { display: none!important;}
	.labelMobile { display: inline;}

	#planEtage { margin-bottom: 50px;}
	#planEtage .retour {
		background: #ef3f3e;
		color:#ffffff;
		display: inline-block;
		padding:13px 20px;
		min-height: 40px;
		text-transform: uppercase;
		border-radius: 4px;
		font: 700 14px/20px 'Roboto', sans-serif;
		margin-top: 20px;
	}
	#planEtage h2.h1 { margin:20px 0; text-align: center;}
	#planEtage .retour:before {
		color:#ffffff;
		margin:0;
		font-size: 16px;
		top:1px;
		position: relative;
		font-weight: 400;
	}
	#planEtage .retour:hover { background: #f1f2f2; color:#ef3f3e;}
	#planEtage .retour:hover:before { color:#ef3f3e;}

	@media only screen and (min-width: 768px) {
		#planEtage .retour { margin:0;}
		#planEtage h2.h1 { margin:50px 0 30px 0;}
		.planEtage.versionMobile { display: none;}
		.labelDesktop { display: inline!important;;}
		.labelMobile {display: none!important;;}
	}


	.procedure { margin:50px 0 30px 0; text-align: center;}

	.planUnite { list-style: none; border: 1px solid #e6e7e8; display: none;}
	.planUnite.pasGalerie { display: block;}
	.planUnite li { padding: 40px;}
	.planUnite .slick-prev, .planUnite .slick-next { font-family: "guifx"; color: #464648; font-size: 26px;}
	.planUnite .slick-prev { left: 0; }
	.planUnite .slick-next { right: 0;}
	.planUnite .slick-dots { bottom: auto; top: 4px; z-index: 10;}
	.planUnite .slick-dots li { padding: 0;}
	.planUnite .slick-dots button:before { background: #666;}
	.planUnite .slick-dots li:hover button:before, .planUnite .slick-dots li:focus button:before, .planUnite .slick-dots li:active button:before { background: #888;}
	.planUnite .slick-dots li.slick-active button:before { background: #ef3f3e;}

	#condoDetail { margin: 50px 0;}
	#condoDetail .col1, #condoDetail .col2 { margin-bottom: 25px;}
	#condoDetail h2.h1 { margin-top: 0; text-align: left;}
	#condoDetail .condoTitre {
		color:#464648;
		text-transform: uppercase;
		font:700 18px/22px 'Roboto', sans-serif;
		margin-bottom: 5px;
	}
	#condoDetail .condoValeur {
		color:#464648;
		font:16px/20px 'Roboto', sans-serif;
		margin:0;
	}
	#condoDetail .button { float: left; clear: left; max-width: 270px; width: 100%; font-size: 12px;}
	.blocContenu { margin-bottom: 30px;}
	#condoDetail img { max-width: 100%;}

	@media only screen and (min-width: 768px) {
		#condoDetail { margin: 100px 0;}
		#condoDetail .col1, #condoDetail .col2 { float: left; width: 48.5%;}
		#condoDetail .col1 { clear: left}
		#condoDetail .col2 { margin-left: 3%;}
	}


/* Formulaire
--------------------------------------------------------------------------------------- */
	.moduleFormulaire {
		padding:30px;
		z-index: 10;
		padding:30px 30px 20px 30px;
		background: #fff;
		border:1px solid #e6e7e8;
	}

	#contactFormProjet .logoWrap{
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.moduleFormulaire h2, .titreForm {
		font-size: 18px;
		font-weight:800;
		line-height: 24px;
		color:#464648;
		text-transform: uppercase;
		margin:0 0 20px 0;
	}

	.moduleFormulaire h2 { margin-bottom: 10px;}
	.moduleFormulaire .form input[type="checkbox"] + label { font-size: 13px;}
	.moduleFormulaire .button { margin-top: 0;}

	@media only screen and (min-width: 768px) {
		.moduleFormulaire {
			-webkit-box-shadow: -2px -2px 8px 0px rgba(0, 0, 0, 0.35);
			-moz-box-shadow: -2px -2px 8px 0px rgba(0, 0, 0, 0.35);
			box-shadow: -2px -2px 8px 0px rgba(0, 0, 0, 0.35);
			padding:30px;
		}
	}

	/* Bas de page + Google maps */
	#moduleCarte { width: 100%; margin-top: 40px; background:#fff;}
	/*.noStick #moduleCarte { margin-top: 130px;}*/
	#carteContact { display: none;}
	#moduleCarteForm {
		position: relative;
		z-index: 10;
		width: 100%;
	}
	#moduleCarteForm .moduleFormulaire {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border:none;
		padding:60px 30px 20px 30px;
	}
	.logoWrap { text-align: center; margin-bottom: 20px;}
	#contactFormProjet .logoWrap img{
		display: inline-block;
		max-width: 120px;
	}
	.infoContact {
		margin:0 0 20px 0;
		font-size: 14px;
		line-height: 19px;
	}
	.infoContact a { color:#333132;}
	.infoContact a:hover { text-decoration: underline;}
	#contactFormProjet { text-align: center;}
	#contactFormProjet h2, h2.titreForm { color:#333132; margin-bottom: 5px;}
	#contactFormProjet .button { margin: 5px 0 0 0;}
	#contactFormProjet .avecChoix { line-height: 18px; padding-top: 0px;}
	#contactFormProjet .note { margin:20px 0;}

	@media only screen and (min-width: 640px) {
		#contactFormProjet .avecChoix { padding-top: 9px;}
	}

	@media only screen and (min-width: 768px) {
		#moduleCarteForm .moduleFormulaire { padding:60px 30px;}
		#moduleCarte {
			height: 735px;
			position: relative;
			overflow: hidden;
		}
		#carteContact {
			display: block;
			width: calc(100% - 370px);
			height: 100%;
			position: relative;
			z-index: 2;
		}
		#carteContact.full {
			width: 100%;
		}
		.googleMapInfoWindow {
			overflow: hidden;
			width: auto;
			padding:0px;
			text-align: center;
			max-width: 300px;
		}
		.googleMapInfoWindow img { max-width: 100%; width: 100%;}
		.googleMapInfoWindow a { color:#333132;}
		.googleMapInfoWindow a:hover { text-decoration: underline;}
		img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none;} /* Pour emp�cher les icones de google maps d'�tre d�cal�s */

		#moduleCarteForm {
			position: absolute;
			top:0px;
			height: 100%;
			right:0px;
			width: 370px;
		}
		#moduleCarteForm .moduleFormulaire { padding:20px 30px;}

		#contactFormProjet { text-align: left;}
		#contactFormProjet .messageErreur {
			position: absolute;
		    left: -350px;
		    width: calc(100% - 40px);
		    top: 20px;
		}
		.infoContact { margin:0 0 10px 0;}
		#contactFormProjet .col1, #contactFormProjet .col2 { width: 100%; margin-left:0;}
		#contactFormProjet .avecChoix { line-height: 18px; padding-top: 0px;}
		#contactFormProjet .note { margin:0 0 10px 0;}
	}

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

	}


/* Listing Projets
--------------------------------------------------------------------------------------- */
	.listingProjet {
		width: 100%;
		background: #e6e7e8;
		padding:40px 0 20px 0;
	}
	.listing .listingProjet { padding:40px 0 20px 0;}
	.listingProjet ol {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	.listingProjet ol li {
		width: 100%;
	    background: #ffffff;
	    list-style: none;
	    margin:0 0 20px 0;
	}

	@media only screen and (min-width: 768px) {
		.listingProjet ol li {
			float:left;
			max-width: 100%;
			width:48.69791666666667%;
			margin-right:2.6041666666666668%;
		}
		.listingProjet ol li:nth-child(0n-1) {}
		.listingProjet ol li:nth-child(2n) { margin-right: 0;}
		.listingProjet ol li:nth-child(2n+1) { clear: left;}
	}

	@media only screen and (min-width: 1000px) {
		.listingProjet ol li { width:32.272727272727275%; margin-right:1.5151515151515152%;}
		.listingProjet ol li:nth-child(2n) { margin-right:1.5151515151515152%;}
		.listingProjet ol li:nth-child(2n+1) { clear: none;}
		.listingProjet ol li:nth-child(3n) { margin-right: 0;}
		.listingProjet ol li:nth-child(3n+1) { clear: left;}

		.listingProjetTexte { min-height: 120px;}
	}

	/*@media only screen and (min-width: 768px) {
		.listingProjet ol li {
			float: left;
			width: 48.64583333333333%; margin-right: 2.7083333333333334%;
		}
		.listingProjet ol li:nth-child(2n-0) {margin-right: 0;}
	}
	@media only screen and (min-width: 1024px) {
		.listingProjet ol li,
		.listingProjet ol li:nth-child(2n-0) {
			width: 32.20486111110677%; margin-right: 1.6927083333333332%;
		}
		.listingProjet ol li:nth-child(3n-0) {margin-right: 0;}
	}*/

	.listingProjetImage { position: relative;}
	.listingProjetImage .wrapImage { display: block; width: 100%; height: 100%; position: relative;}
	.listingProjetImage .wrapImage:before {
		content: '';
		background: rgba(0,0,0,0.8);
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 10;
		opacity: 0;
		-webkit-transition: opacity 0.15s linear 0s;
		transition: opacity 0.15s linear 0s;
	}
	.listingProjetImage:hover .wrapImage:before { opacity: 1;}

	.listingProjet ol li img {
		width: 100%;
		max-height: 100%;
		position: relative;
		z-index: 2;
	}
	
 	.listingProjet ol li img {
		width: 100%;
		max-height: 100%;
		height: 300px!important;
		position: relative;
		z-index: 2;
	}

	.listingProjetDisponibilite {
		position: absolute;
		bottom: -25px;
		left:0px;
		min-height: 52px;
		font-size: 16px;
		line-height: 1.3;
		font-weight: 700;
		text-transform: uppercase;
		color:#fff;
		background:#51b34d;
		z-index: 20;
		padding:20px;
	}
	.statut-1 .listingProjetDisponibilite { background: #231f20;}
	.statut-2 .listingProjetDisponibilite { background: #ef8d3e;}
	.statut-4 .listingProjetDisponibilite { background: #51b34d;}
	.statut-5 .listingProjetDisponibilite { background: #ef3f3e;}
	.statut-6 .listingProjetDisponibilite { background: #ef3f3e;}




	.listingProjetTexte {
		position: relative;
		padding:25px 20px;
		z-index: 2;
	}
	.listingProjetTexte h2 {
		margin:25px 0 0 0;
		font-size: 20px;
		line-height: 24px;
		position: relative;
	}
	.listingProjetTexte p { font-size: 14px; line-height: 18px; color:#808285; margin: 0;}

	/* VIP */
	.listingProjet ol li.statut-3, .listingProjet ol li.statut-7  { background: #3d3c3c;}
	.statut-3 .listingProjetInscriptionVIP, .statut-7 .listingProjetInscriptionVIP {
		width: 100%;
   		text-align: center;
		position: absolute;
		top: 50%;
		transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
		text-transform: uppercase;
		z-index: 20;
	}
	.statut-3 .listingProjetInscriptionVIP > span, .statut-7 .listingProjetInscriptionVIP > span {
		color:#464648;
		background: rgba(255,255,255,0.3);
		border-radius: 2px;
		display: inline-block;
		z-index: 5;
		position: relative;
		padding:2px;
	}
	.statut-3 .listingProjetInscriptionVIP > span > span, .statut-7 .listingProjetInscriptionVIP > span > span {
		background: #ffffff;
		padding:13px 14px 9px 14px;
		display: inline-block;
		font-size: 14px;
		line-height: 16px;
		font-weight: 700;
	}
	.statut-3 .listingProjetTexte, .statut-7 .listingProjetTexte { padding-top: 30px; text-align: center; color:#ffffff;}
	.listingProjet ol li.statut-3 .listingProjetImage:after, .listingProjet ol li.statut-7 .listingProjetImage:after {
		content: '';
		position: absolute;
		bottom: -85px;
		right:0;
		width: 0;
		height: 0;
		z-index: 1;
		border-style: solid;
		border-width: 0 265px 85px 0;
		border-color: transparent #333132 transparent transparent;
	}
	.statut-3 .listingProjetTexte h2, .statut-7 .listingProjetTexte h2 { font-weight: 900; color:#fff; margin: 0 0 10px 0;}
	.statut-3 .listingProjetTexte p, .statut-7 .listingProjetTexte p { color:#ffffff;}


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
	.contactInfo {}
	.listeEmploye { margin-bottom: 20px;}

	.listeEmploye p.employeBureau {
		text-transform: uppercase;
		color:#333132;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 0px;
	}
	.listeEmploye p.employeNom { margin-bottom: 0px;}
	.listeEmploye p.employeDescr { margin-bottom: 0px;}
	.listeEmploye p.employeTelephone { margin-bottom: 0;}

	.contactText.col2 {}
	.contactText .texte {}

	@media only screen and (min-width: 768px) {
		.listeEmploye {
			float: left;
			width: 33%;
			padding-right: 3%;
		}
		.contactText.col2 { float: left; width: 60%;}
		.contactText .texte { float: left; width: 47.5%;}
	}

/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
	#piedPage {
		background:#bdbebf;
		padding:15px 0;
		font-size: 14px;
		line-height: 21px;
		text-align: center;
	}

	#piedPage a { color:#ffffff;}
	#piedPage a:hover { color:#6d6e71; text-decoration: none;}

	.referencement{ font-size:11px; }

	.copyrights { color:#ffffff;}
	.copyrights a:hover{ text-decoration:underline; }
	.signatureVortex{ white-space: nowrap; display: block; margin-top: 7px;}

	@media only screen and (min-width: 768px) {
		#piedPage { text-align: left;}
		.signatureVortex { display: inline-block; margin-top: 0;}
	}


/* Menu pied de page
--------------------------------------------------------------------------------------- */
	#menuPied { display: none;}

	@media only screen and (min-width: 768px) {
		#menuPied { display: block;}
		#menuPied li { display:inline-block; padding:0 0 10px 30px; }
		#menuPied a {
			padding:0;
			text-transform: uppercase;
			font-weight:700;
		}
		#menuPied li:first-child{ padding-left:0; }
	}

	body, html { height: 100%;}
	.wrapContenu {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -80px;
	}
	footer, .push { height: 80px;}


/* ==================================================================================== */
/*  Media Queries for Responsive Design  */
/* ==================================================================================== */

/* Styles pour appareils haute resolution */
@media (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* Mobile
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) {

}

/* Tablette portrait
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

}

/* Tablette paysage
--------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1024px) {

}

iframe[name="google_conversion_frame"] { height: 0px!important;}

/* Accueil / Pre-loader */
body.loading { overflow: hidden;}
#preloader {
    position:fixed;
    left: 0px;
    top: 0px;
   	background:rgba(70,70,72,0.95);
    z-index:30;
    width: 100%;
	height:100%;
	/* Fallback */
   	width:100vw;
   	height:100vh;
}
.preloaderWrapPosition {
	position:absolute;
    left:0;
    top:0;
	width: 100%;
	height:100%;
	/* Fallback */
   	width:100vw;
   	height:100vh;
}
.preloaderWrap {
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
}

@-ms-keyframes preloadTopTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);}	50%{ transform:translate(1px,1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-moz-keyframes preloadTopTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);}	50%{ transform:translate(1px,1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-webkit-keyframes preloadTopTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);}	50%{ transform:translate(1px,1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-o-keyframes preloadTopTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);}	50%{ transform:translate(1px,1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@keyframes preloadTopTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);}	50%{ transform:translate(1px,1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-ms-keyframes preloadBotTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(-1px,-1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-moz-keyframes preloadBotTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(-1px,-1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-webkit-keyframes preloadBotTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(-1px,-1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@-o-keyframes preloadBotTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(-1px,-1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
@keyframes preloadBotTriangle-animation{
	0%{ transform:translate(0,0) rotate(0deg);} 50%{ transform:translate(-1px,-1px) rotate(360deg);}
	75%{ transform:rotate(0deg); } 100%{ transform:translate(0,0) rotate(0deg);}
}
.mustoLoad {
	width: 40px;
	height:40px;
	margin: 0 auto 10px auto;
	position: relative;
}
.mustoLoad:before {
	content: '';
	position: absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 38px 38px 0 0;
	border-color: #ef3f3e transparent transparent transparent;
	-ms-animation: preloadTopTriangle-animation 1.5s linear infinite;
	-moz-animation: preloadTopTriangle-animation 1.5s linear infinite;
	-webkit-animation: preloadTopTriangle-animation 1.5s linear infinite;
	-o-animation: preloadTopTriangle-animation 1.5s linear infinite;
	animation: preloadTopTriangle-animation 1.5s linear infinite;
}
.mustoLoad:after {
	content: '';
	position: absolute;
	top:2px;
	left:2px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 38px 38px;
	border-color: transparent transparent #ef3f3e transparent;
	-ms-animation: preloadBotTriangle-animation 1.5s linear infinite;
	-moz-animation: preloadBotTriangle-animation 1.5s linear infinite;
	-webkit-animation: preloadBotTriangle-animation 1.5s linear infinite;
	-o-animation: preloadBotTriangle-animation 1.5s linear infinite;
	animation: preloadBotTriangle-animation 1.5s linear infinite;
}

.chargementTexte { color:#fff;}

#submission-results-wrapper{
	margin-top: 10px;
	display: none;
	border: 3px solid #2bc12b;
	padding-top: 10px;
	padding-bottom: 10px;
}

#submission-results-wrapper p{
	margin-bottom: 0;
}

/* Formulaire Popup */
#contactFormPopup{
	height: auto;
	display: none;
	border: none !important;
	box-shadow: none;
	max-width: 600px
}

#contactFormPopup .logoWrap img{
	max-width: 200px !important;
	margin-left: auto;
	margin-right: auto;
}

#contactFormPopup .infoContact, #contactFormPopup h2{
	text-align: center;
	margin-top: 43px;
    margin-bottom: 30px;
}

#contactFormPopup .infoContact{
	margin-bottom: 25px;
}

#contactFormPopup .infolettre{
	margin-left: 0 !important;
}

.btn-close-popup{
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #d13534;
	display: inline-block;
	text-align: center;
	position: absolute;
	right: -50px;
	top: -50px;
	line-height: 37px;
	transition: all 100ms ease-in;
}

.btn-close-popup:hover{
	background-color: #464648;
}

.btn-close-popup img{
	width: 15px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: inline;
}

.g-recaptcha{
	margin-top: 30px;
}

@media all and (max-width: 768px){
	#description picture{
		display: none;
	}
}