/* Polices locales via font-face
--------------------------------------------------------------------------------------- */
	@font-face {
		font-family: 'appartementBoutique';
		src: url('../font/appartementBoutique.eot?967z2x');
		src: url('../font/appartementBoutique.eot?967z2x#iefix') format('embedded-opentype'),
			url('../font/appartementBoutique.ttf?967z2x') format('truetype'),
			url('../font/appartementBoutique.woff?967z2x') format('woff'),
			url('../font/appartementBoutique.svg?967z2x#appartementBoutique') format('svg');
		font-weight: normal;
		font-style: normal;
	}


/* 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 généraux
--------------------------------------------------------------------------------------- */
	/* - - - - - Box-model - - - - - */
	*, *:before, *:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	button, button:before, button:after{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Correction Fancybox */
	.fancybox-wrap, .fancybox-wrap *{
		-moz-box-sizing: content-box !important;
		-webkit-box-sizing: content-box !important;
		-safari-box-sizing: content-box !important;
		box-sizing: content-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; }

	/* Méthode de clear float */
	.clear{ clear:both; }
	.clearfix:after{ visibility:hidden; display:block; font-size:0; content:'.'; clear:both; height:0; }
	.ie8 .clearfix { zoom:1; }

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

	/* 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; }


	/* Fixe espacement inline-block | Si on ne peut pas retirer les espaces blancs en programmation */
	.ie8 .ibfix {letter-spacing: -1em; word-spacing: -1em;}
	.ie8 .ibfix > * {letter-spacing: normal; word-spacing: normal;}

	.ibfix {display: table; table-layout: fixed; font-size: 0rem; width: 100%;}
	.ibfix > * {font-size: 1rem; zoom: 1;}


/* Body et HTML
--------------------------------------------------------------------------------------- */
	html, body {}
	body {background:#fff; font: 400 13px/120% Lato, Arial, sans-serif; color:#444;}


/* Conteneurs
--------------------------------------------------------------------------------------- */
	.conteneur {
		position:relative; max-width: 1000px; margin:0 auto;
		padding-left: 20px; padding-right: 20px;
	}

	main {min-height:500px; background: #fff;/* overflow: hidden;*/ }

	.divContenu {padding-top: 30px; padding-bottom: 30px; overflow: hidden;}


	@media only screen and (min-width: 768px) {
		.divContenu {padding-top: 50px; padding-bottom: 50px;}
	}
	@media only screen and (min-width: 960px) {
		/*main { overflow: initial; }*/
		.conteneur { padding: 0; }
		.divContenu {padding-top: 100px; padding-bottom: 100px; }
	}


/* Titres
--------------------------------------------------------------------------------------- */
	h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font: 400 13px/100% Lato, Arial, sans-serif; margin-bottom:1em; color: #000;}
	h1,.h1 {
		color: #57873f;
		font: 900 30px Lato;
		text-transform: uppercase;
	}
	h2,.h2 {
		color: #221f1f;
		font: 400 30px Lato;
		text-transform: uppercase;
	}
	h3,.h3 {
		color: #8aac21;
		font: 700 23px Lato;
	}
	h4,.h4 {
		color: #221f1f;
		font: 900 18px Lato;
		text-transform: uppercase;
	}

	/* Titre avec horloge */
	h2.avecHorloge:before {
		content: "\e906"; font-family: "appartementBoutique"; margin-right: 5px;
		font-size: 15px; display: inline-block; vertical-align: top; color: #57873f;
	}

	.titre1 {
		color: #221f1f;
		font: 400 20px Lato;
		text-align: center;
		text-transform: uppercase;
	}

	@media only screen and (min-width: 768px) {
		h1,.h1 { font-size: 47px; }
	}

/* Hyperliens
--------------------------------------------------------------------------------------- */
	a {
		color:#57873f;
		text-decoration:none;
		font-weight: 700;
		-webkit-transition: color 0.15s linear 0s;
		transition: color 0.15s linear 0s;
	}
	a:hover, a:focus, a:active {text-decoration: underline; outline:none;}


/* Textes et CMS
--------------------------------------------------------------------------------------- */
	.incTinyMce abbr[title] {border-bottom:1px dotted;}
	.incTinyMce img {max-width:100%; max-height: 100%;}
	/*.incTinyMce strong {font-weight: 400; color: #000;}*/

	.incTinyMce p {
		color: #888;
		font: 400 17px/1.6 'Open sans';
	}

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol {margin-bottom:1em;}
	.incTinyMce ul li {
		color: #888;
		font: 400 17px/1.6 'Open sans';
		margin-left: 20px;
	}

	/* Liste 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,".") ".";
		color:#8a8b8c; font-size: 10px; font-weight: 700; margin-right: 5px;
	}

	.incTinyMce ul {list-style-type: none;}
	.incTinyMce ul li {position:relative;}
	.incTinyMce ul li:before {
		content: ""; width: 4px; height: 4px; border-radius: 100%; margin-right: 5px;
		display: inline-block; background: #8a8b8c; vertical-align: middle;
	}

	/* - - - 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;}

	/* Image responsive */
	figure {position: relative;}
	figure img {width: auto; max-width: 100%; height: auto;}

	.intro {	}

	.note {font-size:13px;}

	.vide {
		padding:50px 0; text-align:center;
		font-size: 18px; line-height: 25px; font-weight: 700;	color:#000;
	}

	/* Points de suspension a la fin de la fonction couperTexte */
	.hellip {
		white-space:nowrap;
		color:#57873f;
		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;}
	.incTinyMce table caption {}
	.incTinyMce table th {color: #57873f;}
	.incTinyMce table td, .incTinyMce table th {min-width: 50px; padding: 0.25em 0.5em;}

	/* Code */
	code {background: #eee; padding: 10px; color: #555; display: block;}


/* Icônes
--------------------------------------------------------------------------------------- */
	[class^="icone-"], [class*=" icone-"] {
		font-family: 'appartementBoutique' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icone-loupe:before 							{content: "\f002";}
	.icone-fleche-gauche:before 			{content: "\f104";}
	.icone-fleche-droite:before 			{content: "\f105";}
	.icone-fleche-haut:before 				{content: "\f106";}
	.icone-fleche-bas:before 					{content: "\f107";}
	.icone-fleche-droite-gros:before 	{content: "\e900";}
	.icone-fleche-gauche-gros:before 	{content: "\e901";}
	.icone-telephone:before 					{content: "\e902";}
	.icone-twitter:before 						{content: "\e903";}
	.icone-courriel:before 						{content: "\e904";}
	.icone-facebook:before 						{content: "\e905";}
	.icone-horloge:before 						{content: "\e906";}
	.icone-linkedin:before 						{content: "\e907";}
	.icone-marqueur:before 						{content: "\e908";}
	.icone-pinterest:before 					{content: "\e909";}


/* Icone hamburger
--------------------------------------------------------------------------------------- */
	#iconeMenu {
		position: absolute;
		right: 15px; top: 20px;
		height: 50px; width: 50px;
		padding: 15px 13px;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		cursor: pointer; outline: none;
		background: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-tap-highlight-color: transparent;
	}
	#iconeMenu:selection {background: transparent;}

	#iconeMenu > span {padding: 8px 0; display: block; position: relative;}

	#iconeMenu > span span:before,
	#iconeMenu > span span:after,
	#iconeMenu > span span {
		height: 3px; width: 100%;
		background-color: #000; content: "";
		border: none; display: block;
		-webkit-transition: transform 0.5s ease;
		transition: transform 0.5s ease;
	}

	#iconeMenu > span span:before {position: absolute; top: 0;}
	#iconeMenu > span span:after {position: absolute; bottom: 0;}
	#iconeMenu > span span {}

	/* Animation de l'icône */
	.csstransforms.vMenu-open #iconeMenu > span {position: relative; top: -1px;}
	.csstransforms.vMenu-open #iconeMenu > span span:before {
		top: 50%;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.csstransforms.vMenu-open #iconeMenu > span span:after {
		top: 50%; bottom: auto;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.csstransforms.vMenu-open #iconeMenu > span span {background: none;}


	@media only screen and (min-width: 768px) {
		#iconeMenu {display: none;}
	}


/* 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: none;}

	/* Couleur de l'etoile pour champs obligatoires */
	label abbr, .note abbr {
		padding:0 2px;
		border:0 none !important;
		color:#8aac21;
		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, .divListeDeroulante label.customSelect {
		width:100%;
		height:35px;
		padding:5px 10px;
		background: #e8e8e8;
		border: none;
		border-radius: 10px;
		font: 600 13px 'Open sans';
		color:#898989;
		-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;
	}

	.form textarea {min-height: 35px; height:80px;}

	.form input[type=checkbox] {}


	/* - - - 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, .divListeDeroulante label.customSelect.focus {outline:0; border: 1px solid #8aac21;}


	/* Select stylisé maison */
	.divListeDeroulante {}
	.divListeDeroulante select {width: 100%;}
	.divListeDeroulante select option {}

	/* Select stylisé | Sera appliqué seulement si JS est activé */
	.divListeDeroulante label.customSelect {
		display: block; position: relative; overflow: hidden; margin: 0;
		padding-top: 0; padding-bottom: 0;
		padding-right: 30px; line-height: 35px;
		font-family: Arial, sans-serif;
	}

	.divListeDeroulante label.customSelect:before {
		content: "\f107"; font-family: "appartementBoutique"; display: block; font-size: 15px; line-height: 10px;
		position: absolute; top: 50%; margin-top: -5px; right: 10px; color: #221f1f;
	}

	.divListeDeroulante label.customSelect span.texte {word-break: break-all; display: block;}
	.divListeDeroulante label.customSelect select {
		position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%;
		opacity: 0; filter: alpha(opacity=00);
		border: none; outline: none;
	}


	/* - - - Placeholders - - - */
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#999; font-style:normal; }
	input::-moz-placeholder, textarea::-moz-placeholder{ opacity:1; color:#999; font-style:normal; }
	input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#999 !important; font-style:normal; }


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

	.messageInfo {color:#006592; background-color:#c6edff; border-color:#006592;}
	.messageSucces {color:#004D07; background-color:#dff2bf; border-color:#004D07;}
	.messageAvertissement {color:#7a440a; background-color:#ffffb3; border-color:#7a440a;}
	.messageErreur {color:#c00; background-color:#fdd; border-color:#c00;}

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


	/* - - - Layout - - - */
	.form .col1, .form .col2, .form .colFull {margin-bottom: 1em;}

	.form .col1 > label, .form .col2 > label, .form .colFull > label {
		color: #000;
		display:inline-block;
		font: 600 14px 'Open Sans';
		margin-bottom: 3px;
	}

	@media only screen and (min-width: 768px) {
		.form .col1, .form .col2 {float:left; width: 50%;}
		.form .col1 {clear:left; padding-right: 7px;}
		.form .col2 {padding-left: 7px;}
		.form .colFull {clear:left;}
	}


/* Boutons
--------------------------------------------------------------------------------------- */
	.bouton, a.bouton, button.bouton {
		background: #57873f;
		border-radius: 10px;
		display: inline-block;
		position: relative; color: #fff;
		font: 700 16px/1 Lato, Arial, sans-serif;
		padding: 13px 0;
		text-align: center;
		vertical-align: middle; text-transform: uppercase;
		text-decoration:none !important;
		-webkit-transition: background 0.15s linear 0s;
		transition: background 0.15s linear 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}

	.bouton:hover, a.bouton:hover, button.bouton:hover,
	.bouton:focus, a.bouton:focus, button.bouton:focus,
	.bouton:active, a.bouton:active, button.bouton:active {
		background: #669236;
		cursor: pointer;
		outline:none;
	}

	.bouton.gris, a.bouton.gris, button.bouton.gris {background: #8a8b8c;}

	.bouton.gris:hover, a.bouton.gris:hover, button.bouton.gris:hover,
	.bouton.gris:focus, a.bouton.gris:focus, button.bouton.gris:focus,
	.bouton.gris:active, a.bouton.gris:active, button.bouton.gris:active,
	.bouton.gris.actif, a.bouton.gris.actif, button.bouton.gris.actif {background: #000;}

	/* Avec icône loupe */
	.bouton.mauve.avecLoupe:after,
	.bouton.gris.avecLoupe:after {content: "\f002"; font-family: "appartementBoutique"; margin-left: 5px; line-height: 0; position: relative; top: 1px;}


	/* Bouton choix de langues */
	.btnLangue {
		display: inline-block; border: 0; outline: 0; background: #fff;
		width: 30px; height: 30px; border-radius: 100%; text-transform: uppercase;
		font-size: 10px; font-weight: 400; line-height: 31px; color: #000;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.btnLangue:hover {background: #8a8b8c; color: #fff; text-decoration: none;}


	/* Boutons carrousel */
	.btnFleche {border: 0; padding: 0; margin: 0; background: none; outline: none;}
	.btnFleche:before {font-family: "appartementBoutique"; font-size: 40px; color: #c4c5c5; }
	.btnFleche.gauche:before {content: "\e901";}
	.btnFleche.droite:before {content: "\e900";}

	.btnFleche:hover:before {color: #57873f;}

	@media only screen and (min-width: 768px) {
		.bouton, a.bouton, button.bouton {
			padding: 13px 30px;
			width: auto;
		}
	}

/* En-tete
--------------------------------------------------------------------------------------- */
	#entete {position: relative; z-index: 50;}

	#entete .divLogo {
		background: #fff;
		padding: 25px 0;
		text-align: center;
	}

	#logo {
		display: inline-block;
		width: 60%;
	}
	#logo img {max-width: 100%; height: auto;}

	#entete .divMenu {background: #000; display: none;}
	#entete .divMenu.ouvert {display: block;}


	@media only screen and (min-width: 768px) {
		#entete .divMenu {
			background: #000; background: rgba(34,31,31,0.9);
			position: absolute; top: 100%; right: 0; left: 0; display: block; overflow: visible!important;
		}
		#entete .divMenu.fixe {position: fixed; top: 0;}

		#logo {
			height: 85px;
			width: 300px;
		}
	}


/* Menu principal
--------------------------------------------------------------------------------------- */
	#menu {text-align: center;}
	#menu > ul > li {list-style: none; position: relative;}
	#menu > ul > li:first-child {}
	#menu > ul > li.li-texte > a {
		color: #fff;
		display: block;
		font-size: 16px;
		line-height: 1;
		font-weight: 400;
		padding: 20px 0;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
	}

	#menu > ul > li:hover .sousMenu { opacity: 1; height: auto;}
	#menu > ul > li:hover a { display: block;}
	#menu .sousMenu { position: absolute; top: 100%; left: 0; right: 0; background: rgba(0,0,0,0.8); color: #fff;  opacity: 0;  transition: 0.3s; display: none; z-index: 2;}
	#menu .sousMenu a { color: #fff; display: inline-block; width: 100%; padding: 20px 0; display: none;}


	@media only screen and (min-width: 768px) {
		#menu > ul > li { display: inline-block; }

		#menu > ul > li.li-texte > a { padding: 20px 15px; }

		#menu .mobile { display: none;}
		#menu .sousMenu { display: inline-block!important; height: 0;}
	}
	@media only screen and (min-width: 1000px) {
		#menu {}
		#menu > ul > li.li-texte > a {padding: 20px 50px;}
		#menu > ul > li.li-texte > a:hover { color: #888; }
		#menu > ul > li.li-texte > a.actif { color: #8aac21; }
	}


/* Menu secondaire
--------------------------------------------------------------------------------------- */
	#menuSec {float: right;}
	#menuSec ul {}
	#menuSec ul li {display: inline-block; font-size: 11px; vertical-align: middle; margin-left: 10px;}
	#menuSec ul li:first-child {margin-left: 0;}
	#menuSec ul li a {}


/* Contenu principal
--------------------------------------------------------------------------------------- */
	/* Bannière */
	.divBanniere {position: relative;}

	.divBanniere .divListeBanniere {
		position: relative; height: 270px; overflow: hidden;
		/* background: url("../DATA/BANNIERE/0_768.jpg") no-repeat center center; */
	}
	.divBanniere .divListeBanniere ul.listeBanniere {}
	.divBanniere .divListeBanniere ul.listeBanniere li {
		display: block; height: 100%; float: left;
		width: 100%; width: 768px; height: 270px;
	}

	.divBanniere .divPagination {position: relative; z-index: 5; margin-top: -50px; padding-bottom: 30px; display: none;}

	.divBanniere .divPagination .btnFleche {position: absolute; bottom: 15px; z-index: 5; outline: none; display: none;}
	.divBanniere .divPagination .btnFleche.gauche {left: -75px;}
	.divBanniere .divPagination .btnFleche.droite {right: -75px;}

	.divBanniere .divPagination ul { text-align: center; }
	.divBanniere .divPagination ul li {
		padding-top: 20px;
		list-style: none; display: inline-block; width: 15.95744680851064%; margin-left: 0.851063829787234%;
	}
	.divBanniere .divPagination ul li:first-child {margin-left: 0;}
	.divBanniere .divPagination ul li button {
		display: block; background: #57873f; outline: 0;
		max-width: 100%; height: auto;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}
	.divBanniere .divPagination ul li button img {
		border: 1px solid #d5d6d6; max-width: 100%; height: auto;
		-webkit-transition: all 0.15s linear 0s;
		transition: all 0.15s linear 0s;
	}

	.divBanniere .divPagination ul li button:hover {}
	.divBanniere .divPagination ul li button:hover img {opacity: 0.2;}

	/*.divBanniere .divPagination ul li.slick-current button*/
	.divBanniere .divPagination ul li.slick-active button {
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}


	@media only screen and (min-width: 768px) {
		.divBanniere .divListeBanniere {height: 675px; /* background: url("../DATA/BANNIERE/0.jpg") no-repeat center center;*/ }
		.divBanniere .divListeBanniere ul.listeBanniere li {width: 1920px; height: 675px;}
		.divBanniere .divPagination {display: block;}
	}


	/* Formulaire de contact */
	.divFormContact {margin-top: -50px;}
	.divFormContact .divForm {
		position: relative;
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 0 13px rgba(0, 0, 0, 0.7);
		padding: 25px;
	}

	.divFormContact .divForm .divBas {}
	.divFormContact .divForm .divBas p {color: #8a8b8c;}
	.divFormContact .divForm .divBas .bouton {width: 100%;}


	@media only screen and (min-width: 768px) {
		.divFormContact {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; margin-top: 0;}

		.divFormContact .divForm:before {
			background: url(../gx/01/feuille2.png) no-repeat;
			content: '';
			height: 94px;
			width: 80px;
			position: absolute;
			top: -20px; right: -60px;
			z-index: -1;
		}
		.divFormContact .divForm:after {
			background: url(../gx/01/feuille1.png) no-repeat;
			content: '';
			height: 91px;
			width: 86px;
			position: absolute;
			bottom: -20px; left: -60px;
			z-index: -1;
		}
		.divFormContact .divForm {
			float: right;
			margin-top: 110px;
			width: 465px;
		}

		.divFormContact .divForm .divBas {}
		.divFormContact .divForm .divBas p {width: 250px; float: left;}
		.divFormContact .divForm .divBas .bouton {float: right; width: auto;}
	}


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */

	.accueil-titre1 {
		color: #221f1f;
		display: block;
		font: 400 30px Lato;
	}
	.accueil-titre2 {
		color: #221f1f;
		display: block;
		font: 300 30px Lato;
	}

	.divAccueil {position: relative; overflow: hidden; margin-left: -20px;}
	.divAccueil .divImage {
		position: relative; padding-left: 20px; margin-top: 20px;
		background: url("../gx/01/bg.png") right top no-repeat;
		padding-top: 660px; max-width: 525px;
	}

	.divAccueil .divImage p {
		position: relative; color: #000;
		font: 400 18px Lato;
		margin-left: 25px; padding-bottom: 15px;
		border-bottom: 1px solid #8aac21;
		text-transform: uppercase;
	}
	.divAccueil .divImage strong { font-weight: 900; }
	.divAccueil .divImage p:before {
		content: ""; display: block; width: 6px; height: 6px; border-radius: 100%;
		background: #8aac21; position: absolute; bottom: 10px; right: 0;
	}

	.divAccueil .divTexte {position: relative; z-index: 2; padding-left: 20px;}



	@media only screen and (min-width: 768px) {
		.divAccueil {}
		.divAccueil .divImage {width: 45%; max-width: auto; margin-top: 0;}

		.divAccueil .divTexte { width: 55%; float: right; }
		.divAccueil .divTexte h1 { margin-left: -60px; }

	}
	@media only screen and (min-width: 960px) {
		.divAccueil {margin-left: 0;}
		.divAccueil .divImage {width: 55%; padding-left: 0; background-position: 0 0;}
		.divAccueil .divImage p {margin-left: 45%;}

		.divAccueil .divTexte {width: 48%; padding-left: 70px;}
	}


/* 03_100 : Les appartements
--------------------------------------------------------------------------------------- */
	/* Menu des onglets */
	#menuOnglet {margin-bottom: 20px;}
	#menuOnglet ul {}
	#menuOnglet ul li {margin-bottom: 20px; list-style: none;}
	#menuOnglet ul li button {width: 100%;}


	@media only screen and (min-width: 768px) {
		#menuOnglet ul li {float: left; width: 48.8212%; margin-left: 2.35765%;}
		#menuOnglet ul li:first-child,
		#menuOnglet ul li:nth-child(odd) {margin-left: 0;}
	}
	@media only screen and (min-width: 960px) {
		#menuOnglet ul li {width: 23.2318%;}
		#menuOnglet ul li:nth-child(odd) {margin-left: 2.35765%;}
		#menuOnglet ul li:first-child,
		#menuOnglet ul li:nth-child(4n+1) {margin-left: 0;}
	}


	/* Onglets */
	.divListeOnglet {margin-bottom: 20px;}

	.divListeOnglet ul.listeOnglet {}
	.divListeOnglet ul.listeOnglet > li {list-style: none;visibility: hidden; position: absolute;left: -999em;}
	.divListeOnglet ul.listeOnglet > li.actif {visibility: visible;position: relative;left:0;}

	.divListeOnglet ul.listeOnglet > li .divGauche {}
	.divListeOnglet ul.listeOnglet > li .divGauche .divIntro {}
	.divListeOnglet ul.listeOnglet > li .divGauche .prix { font-size: 17px; font-weight: 400; color: #888;}
	/* .divListeOnglet ul.listeOnglet > li .divGauche .prix span {color: #57873f;} */
	.divListeOnglet ul.listeOnglet > li .divGauche .divDescr {margin-top: 20px;}

	.divListeOnglet ul.listeOnglet > li .divDroite {margin-top: 20px;}


	@media only screen and (min-width: 768px) {
		.divListeOnglet ul.listeOnglet > li .divGauche {float: left; width: 40%; margin-right: 3%;}
		.divListeOnglet ul.listeOnglet > li .divDroite {float: right; width: 57%; margin-top: 0;}
	}

	/* Carrousel de photos d'unité */
	.divCarrouselUnite {
		position: relative; overflow: hidden;
		margin: 0 auto; max-width: 530px;
	}
	.divCarrouselUnite a {float: left; max-width: 100%; height: auto;}
	.divCarrouselUnite a img {max-width: 100%; height: auto;}

	.divCarrouselUnite .btnFleche {position: absolute; top: 50%; margin-top: -20px; z-index: 5; outline: none;}
	.divCarrouselUnite .btnFleche.gauche {left: 10px;}
	.divCarrouselUnite .btnFleche.droite {right: 10px;}


/* 09_100 : Nous joindre
--------------------------------------------------------------------------------------- */
	/* Adresse */
	.divAdresse address {}
	.divAdresse address h4 {
		font: 700 15px Lato;
		margin-bottom: 5px;
	}
	.divAdresse address p  {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.divAdresse address p:before {color: #8aac21; font-family: "appartementBoutique"; font-size: 12px; margin-right: 8px;}
	.divAdresse address p:nth-child(2):before {content: "\e908";}
	.divAdresse address p:nth-child(3):before {content: "\e902";}
	.divAdresse address p:nth-child(4):before {content: "\e904";}

	#contactInfos .divAdresse {margin-bottom: 30px;}

	.carte {
		display: block;
		height: 300px;
		width: 100%;
		margin-bottom: 30px;
	}


/* Pied de page
--------------------------------------------------------------------------------------- */
	.divPied {
		background: #221f1f; color: #888;
		position: relative; padding-top: 30px; padding-bottom: 30px;
	}
	.divPied .divAdresse {}
	.divPied .divAdresse address h4 {color: #fff;}
	/* .divPied .divAdresse address + a {margin-top: 21px; display: inline-block;}*/

	.divPied .divAdresse a { color: #888; }

	.reseauxSociaux { float: right;}
	.reseauxSociaux a { display: inline-block;  margin-left: 2px; vertical-align: middle;}


	/* Menu pied de page */
	#menuPied {margin-top: 20px;}
	#menuPied > ul {}
	#menuPied > ul > li {display:inline-block; margin-left: 10px;}
	#menuPied > ul > li:first-child {margin-left: 0;}
	#menuPied > ul > li > a {display: block; color: #fff; font-size: 26px;}
	#menuPied > ul > li > a:hover {text-decoration: none; color: #8a8b8c;}

	/* Copyrights */
	.divCopyright {
		background: #221f1f;
		border-top: 1px solid #444242;
		padding: 15px 0;
		font-size: 14px;
		color: #888;
	}
	.divCopyright .referencement {font-size:11px;}
	.divCopyright a { color: #8a8b8c; font-weight: 400; }
	.divCopyright a:hover { color: #fff; text-decoration: none; }
	.divCopyright .lienPartager {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTRiZmY3ZC1mYzI0LWFkNDQtODIwNi0wYWRiMTExN2JkNWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTU4RTQ5NzJDMTU2MTFFNjg5MDk5RkZGQUE1RDAyMUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTU4RTQ5NzFDMTU2MTFFNjg5MDk5RkZGQUE1RDAyMUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmMTNiODVmZS03ZWNjLTQyMWEtYTdiMi1kMzE0MTI2ZGU0MmQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZTlhZTdhYS05MzE5LTExNzktYjc0My1jYzAzM2Q3NWFiNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6R7BJqAAAAKklEQVR42mIMb7dnQAP/kdiMyBJMDCQA2ilmQXMjPvfT2BmMQyzoAAIMAAuyBTZlxeN6AAAAAElFTkSuQmCC) no-repeat right center;
		color: #57873f;
		float: right;
		font: 700 14px 'Open sans';
		text-transform: uppercase;
		padding-right: 15px;
	}
	.divCopyright .lienPartager:hover {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MTRiZmY3ZC1mYzI0LWFkNDQtODIwNi0wYWRiMTExN2JkNWYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTgyOUEwNDJDNjA1MTFFNkE0NjFDNjZDNEE5QzNGOTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTgyOUEwNDFDNjA1MTFFNkE0NjFDNjZDNEE5QzNGOTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NThFNDk3MUMxNTYxMUU2ODkwOTlGRkZBQTVEMDIxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NThFNDk3MkMxNTYxMUU2ODkwOTlGRkZBQTVEMDIxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq1RGd8AAAAqSURBVHjaYkybZMaABv4jsRmRJZgYSAC0U8yC5kZ87qexMxiHWNABBBgALIcFR8hFZ/IAAAAASUVORK5CYII=) no-repeat right center;
		color: #669236;
	}

	.copyrights {
		display: block;
		margin-bottom: 10px;
	}




	@media only screen and (min-width: 768px) {
		.copyrights { display: inline; }
		.lien-plan { margin-left: 20px; }

		/* Menu pied de page */
		#menuPied {position: absolute; top: 50%; margin-top: -13px; right: 20px;}
	}