/* David Mathieu 27-10-2015 */
/*
	Mobile First, avec media queries par section
	Border-box
*/

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

	@font-face {
	    font-family: 'droid_serifbold';
	    src: url('../font/droidserif-bold-webfont.woff2') format('woff2'),
	         url('../font/droidserif-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'tex_gyre_scholabold';
	    src: url('../font/texgyreschola-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;

	}

	@font-face {
	    font-family: 'merriweatherregular';
	    src: url('../font/merriweather-regular-webfont.woff2') format('woff2'),
	         url('../font/merriweather-regular-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'brandon_grotesque_regularRg';
	    src: url('../font/brandon_reg-webfont.woff2') format('woff2'),
	         url('../font/brandon_reg-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	  font-family: 'decosurface-marchand';
	  src:  url('../font/icomoon/decosurface-marchand.eot?6px1rr');
	  src:  url('../font/icomoon/decosurface-marchand.eot?6px1rr#iefix') format('embedded-opentype'),
	    url('../font/icomoon/decosurface-marchand.ttf?6px1rr') format('truetype'),
	    url('../font/icomoon/decosurface-marchand.woff?6px1rr') format('woff'),
	    url('../font/icomoon/decosurface-marchand.svg?6px1rr#decosurface-marchand') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
	  /* use !important to prevent issues with browser extensions that change fonts */
	  font-family: 'decosurface-marchand' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;

	  /* Better Font Rendering =========== */
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

	/*.icon-wall-clock:before {content: "\e900";}
	.icon-arrownext:before {content: "\e901";}
	.icon-arrowprevious:before {content: "\e902";}
	.icon-burger:before {content: "\e903";}
	.icon-burgerclose:before {content: "\e904";}
	.icon-call-answer:before {content: "\e905";}
	.icon-facebook:before {content: "\e906";}
	.icon-fax:before {content: "\e907"; font-size: 18px;}
	.icon-houzz:before {content: "\e908"; color: #fff;}
	.icon-instagram:before {content: "\e909";}
	.icon-linkedin:before {content: "\e919";}
	.icon-mail:before {content: "\e91a";}
	.icon-map-marker:before {content: "\e91b";}
	.icon-pin:before {content: "\e951";}
	.icon-pinterest:before {content: "\e952";}
	.icon-twitter:before {content: "\e953";}
	.icon-youtube:before {content: "\e90a"; font-size: 22px; vertical-align: -3px;}*/
	.icon-email:before {content: url(../gx/template2/ic-email.gif); width:15px; height: 11px;}


	.icon-wall-clock:before { content: "\e906";}
	.icon-arrownext:before { content: "\e907";}
	.icon-arrowprevious:before { content: "\e908";}
	.icon-burger:before { content: "\e909";}
	.icon-burgerclose:before { content: "\e90a";}
	.icon-call-answer:before { content: "\e90b";}
	.icon-facebook:before { content: "\e90c";}
	.icon-fax:before { content: "\e90d"; font-size: 18px;}
	.icon-houzz:before { content: "\e90e"; color: #fff;}
	.icon-instagram:before { content: "\e90f";}
	.icon-linkedin:before { content: "\e919";}
	.icon-mail:before { content: "\e91a";}
	.icon-map-marker:before { content: "\e91b";}
	.icon-pin:before { content: "\e951";}
	.icon-pinterest:before { content: "\e952";}
	.icon-twitter:before { content: "\e953";}
	.icon-youtube:before { content: "\e910"; font-size: 22px; vertical-align: -3px;}

	.icon-bien-etre:before { content: "\e900";}
	.icon-calendar:before { content: "\e901";}
	.icon-confort:before { content: "\e902";}
	.icon-location:before { content: "\e903";}
	.icon-passion:before { content: "\e904";}
	.icon-security:before { content: "\e905";}


/*--------------------------------------------------------------------------------------- */
/* 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{color:#090909;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; }
	.ie8 .clearfix { zoom:1; }

	/* Cacher pour les lecteurs d'ecrans 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; }
	.atm-f { height: auto!important;}

	span.skype_pnh_container {display:none !important;}
	span.skype_pnh_print_container {display:inline !important;}

/* Body et HTML
--------------------------------------------------------------------------------------- */
	body{
		background:url(../gx/template2/bg_body.jpg) 50% 0 repeat-y;
		font:400 15px/26px 'Open Sans' ,Arial, Helvetica, sans-serif;
		color:#575757;
	}

/* Conteneurs
--------------------------------------------------------------------------------------- */
	main{min-height:500px; padding:0;}


/* Titres
--------------------------------------------------------------------------------------- */
	h1, .h1 { margin-bottom:0; font:2.400em/100% 'droid_serifbold', serif; color:#090909; text-transform: uppercase;} /* 36 */
	h2, .h2 { margin:0 0 30px 0; font:1.600em 'droid_serifbold', serif; color:#090909; text-transform: uppercase;} /* 24 */
	h3 { margin:1em 0 0.5em 0; font:1.667em/1.280em 'droid_serifbold', serif; color:#090909; text-transform: uppercase;} /* 25 */
	h4 { margin:1em 0 0.5em 0; font:1.333em/1.300em 'droid_serifbold', serif; color:#090909; text-transform: uppercase;} /* 20 */

	@media only screen and (min-width: 768px) {
		h1, .h1 {font:2.800em/100% 'droid_serifbold', serif;} /* 42 */
		h2, .h2 {font:2.333em/40px 'droid_serifbold', serif;} /* 35 */
	}

	@media only screen and (min-width: 1200px) {
		h1, .h1 {font:3em/100% 'droid_serifbold', serif;} /* 45 */
		h2, .h2 {font:2.333em/40px 'droid_serifbold', serif;} /* 35 */
		h4 {font:1.733em/1.154em 'droid_serifbold', serif;} /* 26 */
	}

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


/* Textes et CMS
--------------------------------------------------------------------------------------- */
	.incTinyMce a { text-decoration:underline; font-weight: 700; }
	.incTinyMce a:hover {color:#b5b5b5;}
	.incTinyMce abbr[title]{border-bottom:1px dotted; }
	.incTinyMce img{ max-width:100%; max-height: 100%; height: auto; }

	.incTinyMce p {}

	.incTinyMce p.intro { font-weight: 700;}

	/* - - - Listes - - - */
	.incTinyMce ul, .incTinyMce ol {
		margin-bottom:1em;
		overflow:hidden;
		font:400 1.077em/1.571em 'Open Sans', Arial, sans-serif; /* 14/22 */
		color:#707070;
	}
	.incTinyMce ul li a, .incTinyMce ol li a { display: inline-block;}
	.incTinyMce ul li { position:relative; list-style: none; margin-left:30px; color:#707070;}
	.incTinyMce ul li:before {
	    content: "";
	    width: 5px;
	    height: 5px;
	    position:absolute;
		top:9px;
		left:-11px;
	    background: #2a282a;
	}

	.incTinyMce ul ul, .incTinyMce ol ol { font-size: 1em;}

	/* Liste incrementale stylable */
	.incTinyMce ol {
		counter-reset: bullet;
		list-style-type: none;
	}
	.incTinyMce ol li { position:relative; margin-left:34px; color:#707070;}
	.incTinyMce ol li:before {
		counter-increment: bullet;
		content: counters(bullet,".") ".";
		position:absolute;
		top:0;
		left:-21px;
		color:#2a282a;
		font-weight: 700;
	}
	.incTinyMce ol ol > li { list-style:lower-alpha; }

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

	.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:#149fd9;
		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; }


/* 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; }
	.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{
		padding:0 2px;
		border:0 none !important;
		color:#707070;
		cursor:help;
	}

	.form .note { font-size:0.867em; /* 13 */ font-style: italic; margin:30px 0; }
	.form .note.noMargin {line-height: 1; margin: 4px 0 0 0;}

	.form label {font-size: 1em; margin:0;}

	/* - - - 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, .form input[type=file]{
		width:100%;
		width:100%;
		height:32px;
		padding:5px 15px 15px 0;
		border-radius: 0;
		border:0;
		border-bottom:1px solid #dcddde;
		-webkit-appearance: none;
		color:#575757;
		font:400 1em 'Open Sans', Arial, sans-serif; /* 15 */
		-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 input.champ-petit {width: 100%;}
	.form input.champ-moyen {width: 100%;}

	.form textarea { height:124px;}

	.form input[type=checkbox]{ float:left; margin:1px 1em 0 0; }

	.form input[type=file] {
		padding: 0;
		border:none;
		height: 23px;
		margin-top: 2px;
	}
	.form input[type=file]::-webkit-file-upload-button { width: 125px; visibility: hidden;}
	.en .form input[type=file]::-webkit-file-upload-button {}
	.form input[type=file]::before {
		content: 'Choisissez un fichier';
		display: inline-block;
		background: #fff;
		border: 1px solid #dcddde;
		border-radius: 3px;
		padding: 0 8px;
		outline: none;
		white-space: nowrap;
		-webkit-user-select: none;
		cursor: pointer;
		font-size: 11px;
		color:#000;
		-webkit-transition:color ease-in-out 0.3s;
		transition:color ease-in-out 0.3s;
	}
	.form input[type=file]:hover::before { color:#707070;}
	.form input[type=file]:active::before {}

	/* - - - 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;
		color:#000; font-weight: 600;
		border-bottom:2px solid #000;
	}

	.form__radio-group {
		display: inline-block;
		margin-right: 20px;
	}

	.form__radio-input,
	.form__checkbox-input {
		display: none;
	}

	.form__radio-label,
	.form__checkbox-label {
    position: relative;
		padding-left: 24px;
		cursor: pointer;
  }

	.form__radio-button {
    width: 20px;
    height: 20px;
    border: 2px solid #575757;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
  }

	.form__radio-button::after {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #575757;
		opacity: 0;
		transition: opacity .2s;
	}

  .form__radio-input:checked ~ .form__radio-label .form__radio-button::after {
    opacity: 1;
  }

	.form__checkbox-button {
    width: 20px;
    height: 20px;
    border: 2px solid #575757;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 3px;
  }

	.form__checkbox-button::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 7px;
		height: 12px;
		border-bottom: 3px solid #575757;
		border-right: 3px solid #575757;
		opacity: 0;
		transform: translate(-50%, -60%) rotate(45deg);
		transition: opacity .2s;
	}

	.form__checkbox-input:checked ~ .form__checkbox-label .form__checkbox-button::after {
    opacity: 1;
  }


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

	input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder:focus{ font-weight: 400;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder:focus{font-weight: 400;}
	input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder:focus{font-weight: 400;}

	.erreur input::-webkit-input-placeholder, textarea.erreur::-webkit-input-placeholder{ color:#cc4b4b; }
	.erreur input::-moz-placeholder, textarea.erreur::-moz-placeholder{ opacity:1; color:#cc4b4b;}
	.erreur input:-ms-input-placeholder, textarea.erreur:-ms-input-placeholder{ color:#cc4b4b !important;}



	/* - - - Buttons - - - */
	.button {
		display:inline-block;
		text-decoration:none !important;
		-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
		transition: background 0.3s linear 0s, color 0.3s linear 0s;
	}
	.button {
		border:2px solid #090909;
		margin-top:1em;
		padding:13px 25px;
		background-color:#fff;
		font:700 0.933em 'Open Sans', sans-serif; /* 14 */
		color:#090909;
	}

	.button.retour {text-transform: uppercase;}
	.button.retour:after {display: none;}
	.button.retour:hover:before {color:#fff !important;}

	.button:hover,
	.button:focus,
	.button:active{
		background-color: #090909;
		color:#fff !important;
		outline:none;
	}

	.button.noir {display:table; font:700 0.933em 'Open Sans'; /* 14 */ color:#fff; text-transform: uppercase; margin:20px 0 0 0; border-color:#090909; background:#000;}
	.button.noir:after {color:#fff;}
	.button.noir:hover,
	.button.noir:focus,
	.button.noir:active{
		background-color: #fff;
		color:#000 !important;
		outline:none;
		border:2px solid #090909;
	}
	.button.noir:hover:after {color:#000;}

	/* - - - Avertissements et erreurs - - - */
	.messageInfo, .messageSucces, .messageAvertissement, .messageErreur, .messageFermeture {
		margin-bottom:10px;
		padding:10px;
		border:1px solid;
		text-align:center;
		font:400 14px/21px 'Open Sans', sans-serif;
	}

	.messageInfo{ color:#2f6197!important; background-color:#b9cfe9; border-color:#2f6196; }
	.messageSucces{ color:#81a02c!important; background-color:#e0efb9; border-color:#a6ce39; }
	.messageAvertissement{ color:#918701!important; background-color:#f8f3b8; border-color:#e5d601; }
	.messageErreur{ color:#b10202!important; background-color:#f8b8b8; border-color:#d44141; }
	.messageFermeture{ color:#b10202!important; background-color:none; border:0; padding: 0 !important;}

	.erreur, .erreur label, .erreur abbr { color:#cc4b4b !important; }
	.erreur input, .erreur textarea, .erreur select, input.erreur, textarea.erreur, select.erreur{
		color:#cc4b4b !important; border-bottom:2px solid #cc4b4b !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{
		float:left;
		width:100%;
		margin-bottom:50px;
	}
	.form .colFull{	clear:left;	margin-bottom:50px; }



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

		.form input.champ-petit {width: 33%;}
		.form input.champ-moyen {width: 50%;}
	}


/*--------------------------------------------------------------------------------------- */
/* En-tete */
/*--------------------------------------------------------------------------------------- */
	.conteneurEntete {max-width: 1320px; margin:0 auto;}


	#entete{position:fixed;	background: #fff; z-index: 10;}

	/* Empêche l'entête de ne pas suivre le menu */
	/*.vMenu-open.enteteFixe #entete {position: absolute;}*/

	/* Si l'entête est fixe */
	.enteteFixe #entete {position: fixed; top: 0; left: 0; right: 0; overflow-y:auto;}
	.enteteFixe main {padding-top:50px;}

	#iconeMenu {left:0 !important;}
	.vMenu-open .conteneurMenu {margin-top: 0 !important;}

	@media only screen and (max-height:768px) {
		.vMenu-open .conteneurMenu {margin-top: 0 !important;}
		/*.vMenu-open #entete {height: 100% !important;}*/
	}

	/*
		La classe "enteteFixe" est ajouté au HTML en JS pour le Démo
		Vous devrez créer votre propre entête fixe
	*/

	/* Si Position: fixed; n'est pas supporté */
	.no-fixed.enteteFixe #entete {position: relative;}
	.no-fixed.enteteFixe main {padding-top: 0;}

	#logo{
		position:absolute;
		display:block;
		right: 15px;
		top:15px;
		z-index: 5;
	}
	#logo img { display: inline-block; width: 230px; height: auto; margin:0 3px 0 50px;}

	#hautMarchand { width: 100%; max-width: 1320px; position: relative; background: #090909; z-index: 5; margin:0 auto;}
	#hautMarchand > a {display: none;}
	#nomMarchand {
		padding:0 20px;
		display:flex; justify-content:center; align-items:center;
		width: 100%; height: 50px;
		position: relative;
		z-index: 30;
	}
	#nomMarchand p {
		font:1em/1em 'droid_serifbold'; /* 15 */
		color:#fff;
		text-transform: uppercase;
		margin:0;
	}

	#nomMarchand p a.lienNom {position:relative; /*splay: inline-block;*/ color:#fff;}
	#nomMarchand p a.lienNom:after {content:""; display: inline-block; width:1px; height: 18px; margin: 0 6px; background:#fff; vertical-align:-3px;}
	#nomMarchand p a.lienNom:hover { color:#b5b5b5;}
	#nomMarchand p a.lienRS i {font-size:13px; color:#fff; vertical-align: 0;}
	#nomMarchand p a.lienRS i:hover {color:#b5b5b5;}
	#logoMenu { width: 100%; position: relative; height: 75px; background: #fff; z-index:0;}


	.btnDemandeInfo {display: none;}

	#iconeMenu { top:15px!important;}

	@media only screen and (min-width: 768px) {
		#hautMarchand {display: flex;}
		#hautMarchand > a {display:flex; align-items:center; flex:0 0 auto; font-size: 14px; color:#fff; font-weight: 600; padding:0 20px;}
		#hautMarchand > a:hover {color:#b5b5b5;}
		#nomMarchand {flex:1 1 auto; justify-content:flex-start; width:auto; padding:15px 20px;}
		#nomMarchand p {font-size:1.200em; /* 18 */}
		#nomMarchand p a.lienNom:after {margin:0 15px 0 10px;}
		#nomMarchand p a.lienRS i {font-size: 20px; vertical-align: -1px;}
		.btnDemandeInfo {display:block; float: right; margin:30px 20px 30px 0;}


		#logoMenu {height: 110px;}
		#logo{ position:relative; float: right; right: inherit; top:inherit; padding:0;}
		#logo img { display: inline-block; width: 260px; height: auto; margin:25px 20px 0 0;}

		#iconeMenu {top:25px !important; left:0 !important;}
	}

	@media only screen and (min-width:960px) {
		#iconeMenu {margin-left:0 !important;}
		#logo img {margin-right: 20px;}
	}

	@media only screen and (min-width:1200px) {
		#hautF {background:#000;}
		#hautF .wrap {background:#fff;}
		#hautF .wrap .conteneur {display: flex; flex-direction:row-reverse; }
		#logoMenu {flex:0 0 auto; width: auto; height: 100%; padding:0;}
		#logo{padding:25px 20px;}
		#logo img {margin: 0;}
		.btnDemandeInfo {margin-top: 25px;}
	}

	@media only screen and (min-width:1320px) {
		#logo {padding-right:20px; padding-left: 40px;}
		#nomMarchand {padding-left: 0;}
		#hautMarchand > a {padding-right: 0;}
	}


/* Menu version bureau
--------------------------------------------------------------------------------------- */
	.conteneurMenu {display:flex; width: 100%; max-width: 1320px; margin:20px auto 0 auto;}
		.conteneurMenu .conteneur {width: 100%;}

	#conteneurMenu.sticky {position: fixed; top: 50px; width: 100%; max-width: 100%; margin-top:0; z-index: 10; background: #fff;}

	#main.sticky {padding-top: 125px;}
	#main.sticky #conteneurMenu.sticky .conteneur {max-width: 1320px; margin:0 auto; padding-right:0; padding-left: 0;}

	@media only screen and (min-width:768px) {
		#main.sticky {padding-top: 160px;}
		#main.sticky #logoMenu {height: 70px;}
		#main.sticky .btnDemandeInfo {margin:13px 20px 13px 0;}
		#main.sticky #logo img {margin:13px 20px 0 0;}
		#main.sticky #iconeMenu {top:13px !important;}




		.conteneurMenu .conteneur {padding:0 20px;}
		.vMenu-open .conteneurMenu .conteneur {padding:0 !important;}
	}

	@media only screen and (min-width:1200px) {
		#main.sticky {padding-top: 250px;}
		#main.sticky #logo {padding: 0 20px;}
		#main.sticky .btnDemandeInfo {margin:11px 20px 10px 0;}
		#main.sticky #logo img {margin:5px 0 0 0;}

		.conteneurMenu {/*margin-top: 40px;*/margin-top: 10px;}
	}

	@media only screen and (min-width:1320px) {
		#main.sticky #logo {padding: 0 0 0 20px;}
		.conteneurMenu .conteneur {padding:0;}
	}


	/* Évite que le menu apparaisse lors du chargement de la page */
	#menu {display: none;}

	/*#menu.mobile {display: none !important;}*/
	#menu.mobile li.lang {display: block;}
	#menu.mobile li.complet_only{display:none;}

	.vMenu-open {overflow: hidden;}
	.vMenu-open #menu.mobile {display:block !important; z-index: 10 !important; height:100vh; background:rgba(0,0,0,.6);}
	.vMenu-open #menu.mobile ul {max-height: 78vh; overflow-y:auto;}
	.vMenu-open #logoMenu {z-index: 10 !important;}

	@media only screen and (min-height:600px) {
		.vMenu-open #menu.mobile ul {max-height:81vh;}
	}
	@media only screen and (min-height:700px) {
		.vMenu-open #menu.mobile ul {max-height:100%;}
	}


	#menu.mobile .rsBas {display: flex; justify-content:flex-start; background: #090909;}
	#menu.mobile .rsBas a {padding: 20px 25px 20px 0;}
	#menu.mobile .rsBas a:first-child {padding-left: 20px;}
	#menu.mobile .rsBas a:last-child {padding-right: 20px;}
	#menu.mobile .rsBas a:hover {background: none;}
	#menu.mobile .rsBas a:hover i:before {color: #767676;}
	#menu.mobile .rsBas i {margin:0;}

	@media only screen and (min-width: 768px) {
		#menu.mobile li.lang {display: none;}
	}

	@media only screen and (min-width: 960px) {
		#menu.bureau ul li.mobileOnly {display:none;}
	}

	@media only screen and (min-width: 1200px) {
		#menu.bureau {position: relative; display: flex; flex:1 1 auto; align-items:center; width:auto; height: 100%; background: #fff;}
		#menu.bureau > ul { display: flex; justify-content:flex-start; float: right; width: 100%; padding: 0 20px}
		#menu.bureau.spaceBetween > ul {justify-content:space-between;}
		#menu.bureau > ul > li { display: inline-block; float: none;}
		#menu.bureau > ul > li > a {position:relative; font:700 0.933em 'Open Sans', sans-serif; margin-right: 20px; padding:10px 0;}
		#menu.bureau.spaceBetween > ul > li > a {margin-right: 0;}

		#menu.bureau > ul > li > a:hover {text-decoration: none; }
		#menu.bureau > ul > li > a:hover:before,
		#menu.bureau > ul > li > a.actif:before {
			content:""; display: block; position: absolute; bottom:2px; width: 100%; height: 2px;
			background: #090909;
		}


		.btnDemandeInfo {margin-right:0; padding:10px;}
		#logoMenu {float:right; width: auto;}
		#logo img {width: 180px;}
	}

	@media only screen and (min-width: 1320px) {
		#main.sticky #menu.bureau > ul {padding-left: 0;}
		#menu.bureau > ul > li > a:hover:before,
		#menu.bureau > ul > li > a.actif:before {bottom:-2px;}

		.btnDemandeInfo {padding:13px 25px;}
		#logo img {width: 260px;}
	}

/*--------------------------------------------------------------------------------------- */
/* Contenu principal */
/*--------------------------------------------------------------------------------------- */
	#colPrincipale{width: 100%; max-width: 1320px; margin:0 auto; padding:0;}


	#contenuTexte {
		padding:20px 20px 50px 20px;
		background: #fff;
		float: left;
		width: 100%;
	}

	#contenuTexte.mb {margin-bottom:40px;}

	#contenuTexte.imgInt {padding-right: 0;}
	#contenuTexte.imgInt .incTinyMce {overflow: hidden; padding-right: 20px;}
	/*#contenuTexte.imgInt .incTinyMce {display: flex; flex-direction:column;}*/
	/* #contenuTexte.imgInt .incTinyMce #imgPage img {float: right; margin:20px -20px 0 0;} */
	#contenuTexte.imgInt .incTinyMce #imgPage img {margin: 0 auto;}
	#contenuTexte.imgInt .incTinyMce #imgPage.int.mobOnly {display: block;}
	#contenuTexte.imgInt .incTinyMce #imgPage.int.tabOnly {display: none;}


	#contenuTexte .colTxt {padding-right:20px;}


	#imgPage {width: 100%; margin-bottom:30px;}
	/*#imgPage.int { margin-bottom:30px;}*/
	#imgPage img { max-width:660px; width: 100%;}

	@media only screen and (min-width: 768px) {
		#colPrincipale .conteneur {padding: 0 20px;}

		/*#contenuTexte.imgInt .incTinyMce {flex-direction:row-reverse;}*/

		#imgPage {/*flex:0 0 auto;*/float:right; width: 50%; margin:0 -20px 0 45px;}
		#contenuTexte.imgInt .incTinyMce #imgPage img {margin: 0;}

		#contenuTexte.imgInt .incTinyMce #imgPage.int.mobOnly {display: none;}
		#contenuTexte.imgInt .incTinyMce #imgPage.int.tabOnly {display: block;}
	}

	@media only screen and (min-width: 960px) {
		/*#contenuTexte.imgInt .incTinyMce {display: flex; flex-direction:row-reverse;}*/
		#contenuTexte.imgInt #imgPage {/*flex:0 0 auto;*/float:right; margin:0 -60px 0 60px;}
	}

	@media only screen and (min-width: 1200px) {
		#contenuTexte {padding: 60px 60px 50px 60px;}
		#contenuTexte.mb {margin-bottom:60px;}

		#contenuTexte.imgInt .incTinyMce {padding-right: 60px;}
		#imgPage {margin-right:70px;}
		#imgPage.int { margin-bottom:0;}
	}

	@media only screen and (min-width: 1320px) {
		#colPrincipale .conteneur { padding:0 0 0 0;}
	}


	/* BANNIERE
	--------------------------------------------------------------------------------------- */
	.conteneurBanniereGen {position:relative; display: flex; flex-direction:column; margin:0; padding:0; background: #fff;}
	.conteneurBanniereGen .conteneur {display: flex; justify-content:center; align-items:center; height:300px; text-align: center; padding: 0 20px; background: #fff;}
	.conteneurBanniereGen h1, .conteneurBanniereGen h2.h1 {color:#090909; text-align: center; margin: 40px 0;}


	.conteneurBanniereGen[data-type='ban00'] .conteneur {background:url(../gx/template2/00_tn.jpg) 50% 50% no-repeat;}
	.conteneurBanniereGen[data-type='ban02'] .conteneur {background:url(../gx/template2/02_tn.jpg) 50% 50% no-repeat;}
	.conteneurBanniereGen[data-type='ban03'] .conteneur {background:url(../gx/template2/03_tn.jpg) 50% 50% no-repeat;}
	.conteneurBanniereGen[data-type='ban04'] .conteneur {background:url(../gx/template2/04_tn.jpg) 50% 50% no-repeat;}
	.conteneurBanniereGen[data-type='ban05'] .conteneur {background:url(../gx/template2/05_tn.jpg) 50% 50% no-repeat;}
	.conteneurBanniereGen[data-type='ban06'] .conteneur {/*background:url(../gx/template2/06_tn.jpg) 50% 50% no-repeat;*/ height: auto;}
	.conteneurBanniereGen[data-type='ban16'] .conteneur {background:url(../gx/template2/16_tn.jpg) 50% 50% no-repeat;}

	@media only screen and (min-width: 768px) {
		.conteneurBanniereGen {padding-bottom: 20px;}
		.conteneurBanniereGen, .conteneurBanniereGen .conteneur {margin: 0 20px;}
	}

	@media only screen and (min-width:960px) {
		.conteneurBanniereGen .conteneur {height:380px;}
		.conteneurBanniereGen[data-type='ban00'] .conteneur {background:url(../gx/template2/00.jpg) 50% 50% no-repeat;}
		.conteneurBanniereGen[data-type='ban02'] .conteneur {background:url(../gx/template2/02.jpg) 50% 50% no-repeat;}
		.conteneurBanniereGen[data-type='ban03'] .conteneur {background:url(../gx/template2/03.jpg) 50% 50% no-repeat;}
		.conteneurBanniereGen[data-type='ban04'] .conteneur {background:url(../gx/template2/04.jpg) 50% 50% no-repeat;}
		.conteneurBanniereGen[data-type='ban05'] .conteneur {background:url(../gx/template2/05.jpg) 50% 50% no-repeat;}
		.conteneurBanniereGen[data-type='ban06'] .conteneur {/*background:url(../gx/template2/06.jpg) 50% 50% no-repeat;*/}
		.conteneurBanniereGen[data-type='ban16'] .conteneur {background:url(../gx/template2/16.jpg) 50% 50% no-repeat;}
	}

	@media only screen and (min-width: 1320px) {
		.conteneurBanniereGen {max-width: 1320px; margin: 0 auto;}
	}


/* Cta
--------------------------------------------------------------------------------------- */
	#ctaHaut {
		width: 100%;
		position: relative;
		z-index: 2;
		margin-bottom:40px; padding:0;
	}
	#ctaHaut p {
		color:#fff;
		font:400 14px 'Open Sans', Arial, sans-serif; /* 14/20 */
		margin:0;
		text-align: center;
		-webkit-transition: color 0.3s linear 0s;
		transition: color 0.3s linear 0s;
	}
	#ctaHaut a:hover {text-decoration: none;}

	.ctaHautConteneur {padding:15px; position: relative;}

	.ctaHautConteneur .bandeauImg {
		max-width: 70px;
		height:70px; max-height:70px;
		margin:0 auto;
	}
	.ctaHautConteneur h4 {font-family: 'Open Sans'; color:#fff; font-weight: 700; text-align: center;}
	.ctaHautConteneur .button {margin: 20px auto 0 auto;}

	.ctaHautConteneur.pubGen {margin:40px 20px; padding:18px 15px; border:7px solid #d8d9da; background: #fff; cursor: pointer;}
	.ctaHautConteneur.pubGen img {margin:0 auto 12px auto;}
	.ctaHautConteneur.pubGen p {max-width:655px; font:600 0.933em/1.286em 'Open Sans', sans-serif; /* 14 */ color:#090909; text-align: center; text-transform: uppercase; margin: 0 auto;}
	.ctaHautConteneur.pubGen .tabOnly {display: none;}


	#pubSlider {margin:40px 20px 0 20px; background: #b1d234;}
	#pubSlider .iconePromo {display:flex; justify-content:center; align-items:center;
		width: 70px; height: 70px; font-size: 12px; color:#fff; font-weight: 700; text-transform: uppercase;
		border-radius: 70px; margin: 0 auto; background: #000;
	}

	@media only screen and (min-width: 768px) {
		#ctaHaut {margin-top: 40px;}

		.ctaHautConteneur {display: flex !important; align-items:center; padding:15px 20px; min-height: 50px;}
		.ctaHautConteneur .bandeauImg {flex:0 0 auto; height: auto;}
		.ctaHautConteneur .txtPub {flex: 1 1 auto; padding: 0 40px;}
		.ctaHautConteneur .txtPub h4, .ctaHautConteneur .txtPub p {text-align: left !important; margin:0;}
		.ctaHautConteneur .button.noir {display:flex; align-items:center; flex:0 0 auto; margin:0;}

		.ctaHautConteneur.pubGen {display: flex !important; align-items:center; margin:40px 20px; padding:0 15px;}
		.ctaHautConteneur.pubGen p {font-size: 1em;}
		.ctaHautConteneur.pubGen img {flex:0 0 auto; margin:8px 50px 8px 30px;}

		#colPrincipale .conteneur .ctaHautConteneur.pubGen {margin:40px 0;}
		#colPrincipale .conteneur #pubSlider {margin: 40px 0 0 0;}

		#pubSlider .iconePromo {flex:0 0 70px; margin: 0;}
	}

	@media only screen and (min-width: 960px) {
		.ctaHautConteneur.pubGen .tabOnly {display: block;}
	}


	@media only screen and (min-width: 1200px) {
		#ctaHaut {margin:10px 0;}
		#colPrincipale .conteneur .ctaHautConteneur.pubGen {margin:10px 0;}
		#colPrincipale .conteneur #pubSlider {margin:10px 0 0 0;}
		#pubSlider {margin-top:10px;}
		.ctaHautConteneur {padding: 15px 60px;}
		.ctaHautConteneur .txtPub {padding: 0 80px;}
		.ctaHautConteneur .txtPub h4 {font-size: 38px;}
		.ctaHautConteneur .txtPub p {font-size: 17px;}
	}

	@media only screen and (min-width: 1320px) {
		.ctaHautConteneur.pubGen {margin:10px 0;}
		#pubSlider {margin:0;}
	}


	#ctaInfolettre {
		background: #fff;
		display:flex; width: 100%;
		margin:40px 0 10px 0; padding:20px;
		z-index: 2; position: relative;
	}
	#ctaInfolettre .conteneur {width: 100%; padding:0;}

	#ctaInfolettre i {display: none;}
	#ctaInfolettre p {
		width: 100%;
		font:700 1.200em 'Open Sans', sans-serif;
		color:#090909; text-align: center;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	#ctaInfolettre p span {display: none;}

	#ctaInfolettre .button.noir {margin: 0 auto;}
	/*#ctaInfolettre .button.noir {font-size: 10px; margin:0 auto; padding:10px 25px;}
	#ctaInfolettre .button.noir:after {font-size: 8px; margin-left: 5px;}*/

	@media only screen and (min-width: 768px) {
		#ctaInfolettre {width:auto; margin:40px 20px 10px 20px; padding:26px 20px;}
		#ctaInfolettre .conteneur {display: flex; align-items:center;}
			#ctaInfolettre i {display: block; flex: 0 0 auto; font-size: 30px; color:#a7a7a7; margin-right: 40px;}
			#ctaInfolettre p {flex: 1 1 auto; font-size: 1.333em; /* 20 */ line-height:1.300em; /* 26 */ text-align: left; margin-bottom: 0; padding-right:100px;}
			#ctaInfolettre .button.noir {display:flex; flex-wrap:nowrap; align-items:center; flex: 0 0 auto; font-size: 0.933em; padding: 13px 25px;}
			#ctaInfolettre .button.noir:after {font-size:10px; margin-left: 10px;}
	}

	@media only screen and (min-width:1200px) {
		#ctaInfolettre { margin:10px 20px 10px 20px; padding:26px 60px;}
		#ctaInfolettre p {font-size:1.733em; /* 26 */ line-height: 30px;}
		#ctaInfolettre p span {display: block; font-size: 16px; color:#575757; font-weight: 400; text-transform: none;}
	}

	@media only screen and (min-width:1320px) {
		#ctaInfolettre {max-width: 1320px; margin:10px auto 10px auto; padding-right: 60px; padding-left: 60px;}
	}

	#ctaContact {
		background: #fff;
		width: 100%;
		margin: 20px 0 10px 0; padding:20px;
		position: relative;
		z-index: 2;
		text-align: center;
		display: flex; align-items:center; flex-direction:column;
	}

	#ctaContact p {
		width: 100%;
		font:700 1.231em/1.2em 'Open Sans', sans-serif;
		color:#2a282a;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	#ctaContact p span { color:#2a282a; font-weight: 700;}

	#ctaContact .button { margin:0;}

	@media only screen and (min-width:768px) {
		#ctaContact {width:auto; margin-right: 20px; margin-left: 20px;}
	}


	@media only screen and (min-width: 960px) {
		#ctaContact {flex-direction:row;}
		#ctaContact p {flex: 1 1 auto; font-size: 1.385em; margin:0; text-align: left;}
		#ctaContact .button {flex:0 0 auto;}
	}

	@media only screen and (min-width:1200px) {
		#ctaContact { padding:20px 60px;}
	}


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

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

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

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


/* Pagination
--------------------------------------------------------------------------------------- */
	.pagination{ clear:both; margin:20px 0; }

	.pagination a, .module_pagination_pagecourante{
		display:inline-block;
		width:32px;
		text-align:center;
		font:15px/32px 'Open Sans', sans-serif;
		background-color:#fff;
		color:#2a282a;
		text-decoration:none;
		-webkit-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}

	.pagination .module_pagination_pagecourante{ background-color:#2a282a; color:#fff; }

	.pagination .module_pagination_pagesuivante a, .pagination .module_pagination_pageprecedente a,
	.pagination .module_pagination_pagepremiere a, .pagination .module_pagination_pagederniere a{
		vertical-align:top;
		background:#fff;
		font:13px/32px "guifx", monospace;
		color:#2a282a;
	}

	.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,
	.pagination a:hover, .pagination a:focus, .pagination a:active{ background-color:#2a282a; color:#fff; }


/* 00_100 : Nouvelles
--------------------------------------------------------------------------------------- */
	#listeNouvelle {display: flex; flex-flow: row wrap; list-style:none; width: 100%; padding:0; background: #fff;}

	.listeItem {width: 100%; margin:50px 0 0 0;}
	.listeItem img { width: 100%;}

	.listeItem .date, .listeItem .info {font-size: 13px; font-style:italic; line-height: 50px; border-bottom:3px solid #090909; padding:0 20px; background:#e7e8e9;}
	.listeItem .listeTexte {padding:30px 20px 0 20px; background: #FFF;}
	.listeItem h4 {margin:0 0 15px 0;}
	.listeItem h4 a {display:flex; font:700 16px/100% 'Open Sans'; color:#1b1b1c; text-transform: none;}

	.listeItem .listreIntro {font:400 14px/26px 'Open Sans';}
	.listeItem .lien {display:block; font:700 14px 'Open Sans'; text-decoration:underline; color:#090909; margin-top: 20px;}
	.listeItem .lien:hover {color:#b5b5b5;}



	@media only screen and (min-width:640px) {
		#listeNouvelle {justify-content:space-between;}
		#listeNouvelle article {display: flex;}
		.listeItem {margin-top:50px}

		.listeItem .wrap {flex: 1 0 50%; max-width: 270px;}
		.listeItem .listeTexte {flex:1 1 50%; padding: 0 0 0 40px;}
	}

	@media only screen and (min-width:960px) {
		#listeNouvelle {justify-content:flex-start;}
		.listeItem {flex: 0 0 48%; margin-right: 4%;}
		.listeItem:nth-child(2n){margin-right:0;}
		.listeItem .listeTexte {padding: 0 0 0 20px;}
	}


/* 00_110 / 00_200 : Nouvelle details / Promotion details
--------------------------------------------------------------------------------------- */
#detailNouvelle h1 { margin-bottom: 0.5em;}
	#detailNouvelle figure img, #detailPromotion figure img{ margin:2em auto; }

#detailPromotion h1 {margin-bottom: 0.5em;}

	.dateDetail {font-size: 13px; font-style:italic;}
	#articleImage {
	    float: right;
	    margin: 0 0 30px 0;
	    width: 100%;
	    max-width: 100%;
	}

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


	@media only screen and (min-width: 768px) {
		#articleImage { margin: 0 0 30px 30px; width: 330px;}
	}



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


/* 01_100 : Accueil
--------------------------------------------------------------------------------------- */
	/* - - - INFORMATION CONTACT - - - */
	#infoMarchandAccueil {margin-bottom:40px; padding:0 20px; background:#fff;}
	#infoMarchandAccueil .conteneur {padding-bottom: 20px;}

	.banniereAccTitre {margin-bottom: 70px;}
	.banniereAccTitre.slick-slider {flex:1 1 850px; height:100%; overflow: hidden; margin:0 0 40px 0; z-index: 0;}

	.slick-dots {max-width: 875px;}

	#infoMarchandAccueil picture {top:0; bottom:0; width: 100%; max-width:768px; height: 355px; margin:auto; overflow: hidden;}
	#infoMarchandAccueil picture img {/*width: 100%;*/}
	.banniereAccTitre .banniereTxt {position:absolute; left:20px; top:20px; max-width: 477px;}
	.banniereAccTitre .banniereTxt h2, .banniereAccTitre .banniereTxt p {color:#fff; margin:0; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}


	.banniereAccTitre .banniereTxt h2 {font-size: 28px; line-height: 50px; margin-bottom: 20px;}
	@media screen and (min-width:375px){
		.banniereAccTitre .banniereTxt h2 {font-size:33px;}
	}
	@media screen and (min-width:948px){
		.banniereAccTitre .banniereTxt h2 {font-size:42px;}
	}

	/*    Bannière PROMO    */
	.banniere-promo {
		flex: 1 1 auto;
		height: 496px;
		position: absolute;
		top:0;
		text-align: center;
		width:100%;
	}

	.banniere-promo .fanion {
		height: 100px;
		width: 100px;
		position: relative;
		margin-right:auto;
		margin-left:auto;
	}

	@media screen and (min-width:977px){
		.banniere-promo .fanion {
			height: 180px;
			width: 180px;
		}
	}

	.banniere-promo_txt2{
		font-family: merriweatherregular;
		font-weight:400;
		color:#fff;
		text-shadow: -2px 2px 5px rgba(0,0,0,0.5);

	}

	.banniere-promo_txt1{
		font-family: merriweatherregular;
		font-weight:400;
		color:#fff;
		text-shadow: -2px 2px 5px rgba(0,0,0,0.5);
	}

	.banniere-promo_txt3,
	.banniere-promo_txt4{
		font-family: brandon_grotesque_regularRg;
		font-weight:200;
		text-shadow: 2px 1px 2px #333333;
		color:#fff;
	}

	.banniere-promo_txt1.fr, .banniere-promo_txt2.en{
		display: block;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 3px;
	}

	.banniere-promo_txt2.fr,.banniere-promo_txt1.en {
		display: block;
		line-height: 1;
        text-transform: uppercase;
		letter-spacing: 5px;
		font-size:38px;
	}

	.banniere-promo_txt3 {
		display: block;
        text-transform: uppercase;
		font-size:26px;
	}

	.banniere-promo_txt4 {
		display: block;
        text-transform: uppercase;
		font-size:20px;
	}

	.banniere-promo_txt1 a:hover ,
	.banniere-promo_txt2 a:hover,
	.banniere-promo_txt3 a:hover,
	.banniere-promo_txt4  {
		text-decoration:none!important;
	}

	.banniere-promo_txt1.fr{font-size:50px;font-weight: bold;}
	.banniere-promo_txt2.fr{font-size:50px; margin-top:50px;font-weight: bold;}
	.banniere-promo_txt3.fr{font-size:19px; margin-top:40px;}
	.banniere-promo_txt4.fr{font-size:15px;}

	.banniere-promo_txt1.en{font-size:70px;font-weight: bold;}
	.banniere-promo_txt2.en{font-size:60px; margin-top:50px;font-weight: bold;}
	.banniere-promo_txt3.en{font-size:19px; margin-top:40px;}
	.banniere-promo_txt4.en{font-size:15px;}

	@media only screen and (min-width:768px) {
		.banniere-promo_txt2.fr{margin-top:65px;}
		.banniere-promo_txt3.fr{margin-top:50px;}

		.banniere-promo_txt2.en{margin-top:65px;}
		.banniere-promo_txt3.en{margin-top:30px;}
	}

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

		.banniere-promo_txt1.fr{font-size:70px; margin-top:5px;}
		.banniere-promo_txt2.fr{font-size:60px;}
		.banniere-promo_txt3.fr{font-size:20px; margin-top:21px;}
		.banniere-promo_txt4.fr{font-size:20px; }

		.banniere-promo_txt1.en{font-size:70px; margin-top:16px; line-height:0.8em;}
		.banniere-promo_txt2.en{font-size:60px; margin-top:40px;}
		.banniere-promo_txt3.en{font-size:20px;}
		.banniere-promo_txt4.en{font-size:20px;margin-top:11px; letter-spacing:2px;}
	}

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

		.banniere-promo { position:absolute; top:0;}
		.banniere-promo_txt1.fr{font-size:70px; margin-top:5px;}
		.banniere-promo_txt2.fr{font-size:60px;}
		.banniere-promo_txt3.fr{font-size:28px; margin-top:45px; letter-spacing:3px;}
		.banniere-promo_txt4.fr{font-size:18px; margin-top:11px; letter-spacing:3px;}

		.banniere-promo_txt1.en{font-size:70px; margin-top:16px;}
		.banniere-promo_txt2.en{font-size:60px; line-height:0.8em;}
		.banniere-promo_txt3.en{font-size:30px; margin-top:45px; letter-spacing:2px;}
		.banniere-promo_txt4.en{font-size:25px;margin-top:11px; letter-spacing:2px;}
	}

	/*LB - 10 janvier 2024 : mis en commentaire pour remettre le texte de la banniere promo en blanc, à voir pour la prochaine promo */
	/*.slick-slide:nth-child(2) .banniere-promo_txt1,
	.slick-slide:nth-child(2) .banniere-promo_txt2,
	.slick-slide:nth-child(2) .banniere-promo_txt3,
	.slick-slide:nth-child(2) .banniere-promo_txt4{
		color:#000!important;
		font-weight: bold;
		text-shadow: -1px 2px 5px rgba(255,255,255,0.5);
	}*/

	/* FinBannière */

	.colAdresse {width: 100%; padding:90px 10px 10px 10px; background: #d8d9da;}

	.colAdresse h1 {
		margin:0 0 20px 0;
		color:#090909;
		font:1.667em/1.280em 'droid_serifbold'; /* 25 */
		text-align:center; text-transform: uppercase;
	}
	.colAdresse div.addSection {position:relative; width:100%; padding: 75px 20px 30px 20px; background: #fff; }
	.colAdresse i.icon-pin {position:absolute; top:-40px; left:calc(50% - 45px); font-size:80px; color: #090909;}
	.colAdresse .addSection div {
		padding:0;
		margin:0;
		min-height: 32px;
		position: relative;
		top:-2px;
		text-align: center;
	}
	.colAdresse .addSection p {
		color:#575757;
		font:400 1em/1.667em 'Open Sans', Arial, sans-serif; /* 15/25 */
		margin:0; text-align: center;
	}

	.colAdresse .wrapAddSectionSolo {margin-top: 30px !important;}
	.colAdresse .wrapAddSectionSolo .solo p {display:inline;text-align: left;}
	.colAdresse .wrapAddSectionSolo .solo i {display: inline; color:#2a282a; font-size: 15px; margin-right: 10px; vertical-align: top;}

	.colAdresse .button { padding:10px; width:auto; text-align: center; margin: 20px auto 0 auto;}

	@media only screen and (min-width: 768px) {
		#infoMarchandAccueil {padding:0; margin: 0 20px;}
		#infoMarchandAccueil .conteneur {display:flex; margin:0;}
		#infoMarchandAccueil picture {position:relative; top:inherit; bottom:inherit; height: auto; margin:0 auto;}
		.banniereAccTitre {flex:0 0 50%; margin-bottom:0;}

		.wrapAddSection {display: flex; height: 100%;}
		.colAdresse {/*display: flex;*/ flex: 0 0 50%; margin-left: 20px;}
		.colAdresse div.addSection {display: flex; flex-direction:column; height: 100%;}

		.colAdresse .button { width: auto;}

		.banniereAccTitre.slick-slider {margin-bottom:0;}
	}

	@media only screen and (min-width:960px) {
		.banniereAccTitre {flex:1 1 auto;}
		#infoMarchandAccueil picture {max-width: 100%;}
		.colAdresse {flex: 0 0 380px;}
		.colAdresse .addSection div {text-align: center;}
	}

	@media only screen and (min-width:1200px) {
		#infoMarchandAccueil picture {max-width: 100%; margin:0;}
		.banniereAccTitre {flex:1 1 850px;}
		.colAdresse {flex: 0 0 380px; margin-left: 40px;}
	}

	@media only screen and (min-width:1360px) {
		#infoMarchandAccueil {margin:0;}
		#infoMarchandAccueil picture {margin-left: 20px;width:850px;}
		.colAdresse {margin-right: 20px;}
	}

	@media only screen and (max-width:600px){
		#infoMarchandAccueil picture{
			height: 460px;
		}
	}
	/* - - - NOTRE EXPERTISE - - - */
	#notreExpertise {margin-bottom: 20px; width: 100%;}
	.colExpertise {padding:55px 20px 50px 20px; background: #fff;}
	.colExpertise h2 {font-size:35px; margin: 0 0 45px 0;}
	.introExpertise .button.noir {margin:40px 0;}

	.introExpertise picture.imgExpertise.mobOnly {display: block;}
	.introExpertise picture.imgExpertise.tabOnly {display: none;}

	@media screen and (min-width:768px){
		.introExpertise picture.imgExpertise {margin-right: -20px;}
	}
	@media screen and (max-width:767px){
		.introExpertise picture.imgExpertise {margin: 0 auto;width: 90%;}
	}
	@media screen and (max-width:695px){
		.introExpertise picture.imgExpertise {
			width:100%;
		}
	}
	/*.colImgExpertise {display:flex; justify-content:flex-end; padding:0 0 50px 0; background: #fff;}
	.colImgExpertise picture {width: calc(100% - 20px); overflow: hidden;}*/


	@media only screen and (min-width: 768px) {
		#notreExpertise {/*display:flex; flex-direction:row;*/ width: auto; margin: 20px;}
		.colExpertise {/*flex:0 0 50%;*/ padding:55px 20px 50px 20px; overflow: hidden;}
		.introExpertise picture.imgExpertise {float: right; width: 50%; margin:0 -20px 20px 20px;}
		/*.colImgExpertise {flex:0 0 50%; overflow: hidden;}
		.colImgExpertise picture {width: 100%; padding-top: 50px;}*/

		.introExpertise .button.noir {margin:40px 0 0 0;}

		.introExpertise picture.imgExpertise.mobOnly {display: none;}
		.introExpertise picture.imgExpertise.tabOnly {display: block;}
	}

	@media only screen and (min-width: 960px) {
		.colExpertise, .colImgExpertise {padding-bottom: 50px;}
		.colExpertise {flex:0 0 50%;}
		/*.colImgExpertise {flex:0 0 50%; overflow: hidden;}*/
		.introExpertise picture.imgExpertise {margin-left: 60px;}
		.introExpertise .button.noir {margin-bottom: 0;}
	}

	@media only screen and (min-width: 1200px) {
		#notreExpertise {margin-top: 10px; margin-bottom: 10px;}
		.colExpertise {padding-right:60px; padding-left: 60px;}
		.colImgExpertise picture {margin-left:60px; padding-top:60px;}
		.introExpertise picture.imgExpertise {margin-right:-60px;}
	}

	@media only screen and (min-width: 1320px) {
		#notreExpertise {margin:0 0 5px 0;}
		/*.colExpertise { padding-right: 100px; padding-left: 60px;}*/
		.introExpertise picture.imgExpertise {margin-left: 100px;}
	}




/* 02_100 : À propos
--------------------------------------------------------------------------------------- */
#equipe {float: left; width: 100%; padding: 20px; background: #fff;}
	#equipe h2.h1 { margin:0 0 0.75em 0;}
	#equipe ol.listeEmploye {display: flex; flex-flow: row wrap; list-style:none; width: 100%;}
	#equipe ol.listeEmploye .info {min-height:135px; line-height:100%; padding:20px;}
	#equipe ol.listeEmploye .info h3 {font:700 16px 'Open Sans'; text-transform: none; margin:0;}
	#equipe ol.listeEmploye .info p {color:#090909; line-height:16px; margin:15px 0 0 0;}
	#equipe ol.listeEmploye .intro {font:700 14px/22px 'Open Sans'; color:#090909;}
	#equipe ol.listeEmploye .descr {font:400 14px/26px 'Open Sans';}


@media only screen and (min-width:640px) {
	.listeEmploye {justify-content:space-between;}
	.listeEmploye .listeItem {display: flex;}
	.listeEmploye .listeItem .wrap {flex: 1 0 50%; max-width: 270px;}
	.listeEmploye .listeItem .listeTexte {flex:1 1 50%;}
}

@media only screen and (min-width:960px) {
	.listeEmploye {justify-content:flex-start;}
}

@media only screen and (min-width:1200px) {
	#equipe {padding: 60px;}
}


/* 03_100 : Produits
--------------------------------------------------------------------------------------- */
#sectionProduit {position: relative;}

.ctaProd {
	position: relative;
	z-index: 1;
	list-style: none;
	padding: 0;
	margin: 25px 0 0 -15px;
	overflow: hidden;
	text-align: center;
	list-style: none;

	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ctaProd li {
	position: relative;
	margin-top: 15px;

	max-width: 50%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 50%;
	-moz-box-flex: 0;
	-moz-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.ctaProd .listingWrapPad { height: 100%; padding-left:15px;}
.listingWrap { position: relative; height: 100%;}

.ctaProd h2 {
	color:#fff;
	position: absolute;
	top:50%;
	left:50%;
	padding:0 10px 20px 10px;
	width: 100%;
	z-index: 20;
	font-family: 'tex_gyre_scholabold', sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0);
	-webkit-perspective: 1000;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
}
.ctaProd h2:before {
	content: '';
	background:#fff;
	position: absolute;
	height:2px;
	width:60px;
	bottom:0;
	left:50%;
	transform: translate3d(-50%,0,0); -webkit-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0);
	-webkit-perspective: 1000;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
}
.ctaProd a {
	color:#fff;
	display: block;
	height:100%;
	width: 100%;
	position: relative;
}
.ctaProd .photoCta {
	position: absolute;
	min-height: 100%;
	width: 100%;
	z-index: 10;
	overflow: hidden;
}
.ctaProd .photoCta:before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left:0;
	z-index: 12;
	background: rgba(0,0,0,0.3);
}
.ctaProd .photoCta img {
	max-width: none;
	min-width: 100%;height: 100%;
	position: absolute;
	top:0;
	left:50%;
	z-index: 11;
	transform: translate3d(-50%,0,0) scale(1); -webkit-transform: translate3d(-50%,0,0) scale(1); -ms-transform: translate3d(-50%,0,0) scale(1);
	-webkit-perspective: 1000;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
	-webkit-transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
	transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.ctaProd li:hover .photoCta img {
	transform: translate3d(-50%,0,0) scale(1.1); -webkit-transform: translate3d(-50%,0,0) scale(1.1); -ms-transform: translate3d(-50%,0,0) scale(1.1);
}
.ctaProd .placeholder {
	position: relative;
	z-index: 1;
	max-width:100%; min-height: 200px;
}

@media only screen and (min-width: 768px) {
	.ctaProd { margin-left: -30px;}
	.ctaProd .listingWrapPad { padding-left:30px;}
    .ctaProd li {
    	margin-top: 30px;
		max-width: 33.3333%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.3333%;
		-moz-box-flex: 0;
		-moz-flex: 0 0 33.3333%;
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
	}
	.ctaProd .placeholder { min-height: 290px;}
	.ctaProd h2 { font-size: 24px; line-height: 24px; padding-left: 20px; padding-right: 20px;}
}

@media only screen and (min-width: 1200px) {
	.ctaProd .placeholder { min-height: 355px;}
	.ctaProd {margin-top: 30px;}
}



/* 05_100 : Réalisations
--------------------------------------------------------------------------------------- */
#realisation { width: 100%;}

	#realisation #contenuTexte {float: none; padding-bottom: 50px;}
	#realisation img {max-width: 100%;}
	#realisation .images img{
		display: inline-block;
		margin: 10px 20px 10px 0px;
		float: left;
	}
	#realisation .realisationItem{margin-top:60px}
	#realisationSlider {visibility: hidden; margin: 0 auto; padding-bottom:10px; z-index: 0;}
	#realisationSlider a { display: block; width: 100%; height: 100%;}
	#realisationSlider img {float:right; max-width: 100%;}

	#realisationSlider.slick-initialized { visibility: visible;}
	#realisationSlider .slick-prev:hover, #realisationSlider .slick-next:hover {border:2px solid #090909;}

	.wrapCarrousel {position:relative;}
	.wrapPaging {display:flex; justify-content:flex-end; align-items:center;}
		.wrapBouton {display: flex; flex:0 0 72px;}
			.slick-next, .slick-prev {position: inherit !important; right: inherit !important; left: inherit !important;}
			.slick-next:hover, .slick-prev:hover,
			.slick-next:focus, .slick-prev:focus {border:2px solid #2a282a;}
			.slick-next {margin-left: 1px;}
			.slick-prev {margin-right: 1px;}
		#paging {flex:1 1 auto; font:600 15px 'Open Sans'; color:#090909; text-align: center; padding-left: 72px}

@media screen and (min-width:960px){
	#realisationSlider{
		width: 100%;
	}

}
@media screen and (max-width:959px){
	#realisationSlider{
		width: 50%;
	}
	.wrapPaging{
		width: 50%;
		margin: 0 auto;
	}
}
@media screen and (max-width:425px){
	#realisationSlider{
		width:90%;
		margin: 0 auto;
	}
	.wrapPaging{
		width: 90%;
		margin: 0 auto;
	}

}

@media only screen and (min-width: 960px) {
	#realisation #contenuTexte {flex-direction:row; }
	#realisation .colTxt {padding-right:50px;}
	/*#realisationSlider {flex:0 0 50%; max-width:660px; overflow: hidden;}*/
	.wrapCarrousel {flex:0 0 50%; max-width:660px; overflow: hidden;}
}

@media only screen and (min-width: 1200px) {
	#realisation .colTxt {flex:1 1 auto; padding-right:100px;}
	#realisationSlider {flex:0 0 660px; overflow: hidden;}
}


/* 06_100 : Nous joindre
--------------------------------------------------------------------------------------- */
	#contactInfos {width: 100%; position: relative;}
	.colInfoContact {
		background: #fff;
		width: 100%;
		padding: 20px;
	}

	.colInfoAdresse, .colHeureOuverture {width: 100%; text-align: center;}
	.colInfoAdresse h2 {font-size:25px; line-height: 100%; }
	.colInfoAdresse address h3 {
		margin: 0;
		line-height: 1.571em;
	}
	.colInfoAdresse address p {
		margin-bottom: 30px;
	}
	.colInfoAdresse address p a {font-family: "Open Sans"; color:#090909; font-weight: 700; text-decoration: underline; word-break:break-word;}
	.colInfoAdresse address p a:hover {color:#b5b5b5;}
	.colInfoAdresse p i {color:#090909; margin-right: 10px;}

	.colHeureOuverture {height:100%; text-align: center; padding:20px; background:#d8d9da;}
	.colHeureOuverture h3 {font-size:25px; line-height:100%; margin-top: 0;}
	.colHeureOuverture #listeHeures {width: 100%; }
	.colHeureOuverture #listeHeures .jour {display:flex; min-width: 50px; padding: 7px 0;}
	.colHeureOuverture #listeHeures > div.messageFermeture > div {display:block; font-size: 14px; padding:20px 0 0 0;}

	#listeHeures a[href^="mailto:"] {
		overflow-wrap: break-word;
		word-wrap: break-word;

		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;

		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.colInfoAdresse .icon-pin {display: flex; justify-content:center; font-size:80px; color:#090909; margin-bottom:20px;}
	.colHeureOuverture .icon-wall-clock {display: flex; justify-content:center; font-size:67px; color:#090909; margin-bottom: 20px;}

	.colJour, .colHeure {flex:0 0 auto;}
	.colHeure {text-align: right;}
	.colSpace {flex:1 1 auto; height:19px; border-bottom: 2px dotted #575757; margin:0 5px;}


	.contact3 {margin:30px 0;}
	.contact3 h3{ margin-bottom:0.5em; }
	.contact3 .listeMode { margin-bottom:10px; }
	.contact3 .listeMode li { display:inline-block; }

	#carteGoogle {
		width: 100%;
		margin-bottom:40px; padding: 0 20px 20px 20px;
		background:#fff url(ajax-loader.gif) no-repeat center center;
	}
	#carteGoogle iframe { max-width: 100%; width: 100%;}

	#carteContact {
		height: 200px;
		max-width: 100%;
		width: 100%;
		min-height: 200px;
	}

	.listeReseaux { list-style: none; margin-bottom: 15px;}
	.listeReseaux li { display: inline-block;}
	.listeReseaux li a {
		display: inline-block;
		border-radius: 32px;
		color:#fff;
		padding:0;
		margin-right:20px;
		-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
		transition: background 0.3s linear 0s, color 0.3s linear 0s;
		font-size:18px;
	}
	.listeReseaux li:last-child a {margin-right: 0;}
	.listeReseaux a i:before {color:#090909; margin:0 auto; position: relative;}
	.listeReseaux a.tw i:before { left: 1px; top:1px; }
	.listeReseaux a.yt i:before { }
	.listeReseaux a i:hover:before {color:#b5b5b5;}


	@media only screen and (min-width: 768px) {
		.colInfoContact {display: flex; justify-content:space-between;}
		.colInfoContact.succMultiple {display: block; background:#fff;}
		.colInfoAdresse, .colInfoContact .wrap {flex:0 1 47.5%;}

		.colHeureOuverture {position:relative; margin-bottom: 0;}
		.colHeureOuverture .icon-wall-clock {display: flex; justify-content:center; font-size:67px; color:#090909; margin-bottom: 40px;}

		.colInfoAdresse {position:relative; padding-top:20px;}
		.colInfoAdresse .icon-pin {display: flex; justify-content:center; font-size:80px; color:#090909; margin-bottom:27px;}
	}


	@media only screen and (min-width:1200px) {
		#contactInfos {display: flex; /*margin-bottom: 60px;*/ padding: 0 20px 20px 20px; background: #fff;}
		.colInfoContact {flex:1 1 56%; margin-bottom: 0; padding-left: 10px; padding-bottom: 10px; background:#d8d9da;}
		.colInfoAdresse {flex:1 0 48%; max-width: 360px; text-align: center; margin-top:85px; padding:75px 10px 20px 10px; background: #fff;}
		.colInfoAdresse .icon-pin {position: absolute; top:-40px; left:calc(50% - 40px);}
		.colInfoAdresse h2 {margin-bottom: 40px;}
		.colHeureOuverture {padding:50px 20px 40px 40px; background: none;}

		.colInfoContact .wrap {flex:1 1 auto;}
		#carteGoogle {display:flex; flex:1 1 36%; max-width: 480px;
			float: none;
			border-left:30px solid transparent;
			vertical-align: top;
			width: calc(100% - 652px);
			width: -webkit-calc(100% - 652px);
			position: relative; padding: 0; margin-bottom: 0;
		}
		#carteGoogle iframe { height: 100%;}
		#carteContact {max-width: 480px; height: 100%!important; position: absolute;}

		#formContact fieldset, #formCovid fieldset {max-width: 940px;}
	}

	@media only screen and (min-width:1320px) {
		#contactInfos {display: flex;}
		.colInfoContact .wrap {flex:0 0 380px;}
		.colInfoAdresse {max-width: inherit;}
	}


	.form h3 { margin: 0 0 5px 0;}

	#contactForm .buttonWrap, #covidForm .buttonWrap { text-align: right;}
	#contactForm button, #covidForm button { display: inline-block;}


	.colInfoAdresse.fullW {flex:1 1 100%; max-width: 100%; margin:0; padding:0;}
	.succursaleListe { list-style: none; margin-top: 0;}
	.succursaleListe li { margin-bottom: 40px;}
	.succursaleListeImg { margin-bottom: 40px;}
	.succursaleListeImg img { max-width: 100%; width: 100%; height:auto;}
	.succursaleListeInfo h3 {
		color: #707070;
		margin: 0 0 10px 0;
		line-height: 1.571em;
	}
	.succursaleListeInfo p {
		color: #707070;
	    font: 400 1.077em/1.571em 'Open Sans', sans-serif;
	   	margin: 0;
	}
	.succursaleListe li a { }

	@media only screen and (min-width: 640px) {
		.succursaleListeImg { margin:0; float: left; width: 40%;}
		.succursaleListeInfo { padding-left: 40px; float: left; width: 60%; text-align: left;}
	}


/*--------------------------------------------------------------------------------------- */
/* Pied de page */
/*--------------------------------------------------------------------------------------- */
	#piedPage {
		background: #000;
		font:400 0.933em/1.429em 'Open Sans', sans-serif; /* 14 */
		color:#fff;
	}
	#piedPage ul {flex:1 1 50%; column-count:2;}
	#piedPage ul li {list-style: none;}
	#piedPage ul li a {font-size:14px; color:#b9b9b9; line-height: 24px;}
	#piedPage ul li a:hover {color:#fff;}

	.bas1 .conteneur, .bas2 .conteneur {display:flex; justify-content:center; width: 100%; padding:20px;}
	.bas2 .conteneur .wrap {width: 100%;}
	.bas2 .conteneur .wrap a {color:#b9b9b9;}
	.bas2 .conteneur .wrap a {
		margin-right: 1.5rem;
	}
	.bas2 {display:flex; border-top:1px solid #363636;}
	.bas2 .rsBas {display: none;}

	.copyrights { width: 100%; display: block; font-size:12px; color:#b9b9b9; margin-top: 15px;}
	.copyrights a { color:#b9b9b9; margin: 0 !important;}
	.copyrights a:hover {color:#fff;}
	.copyrights strong { display: block;}
	.signatureVortex{ white-space: nowrap; /*display: block;*/}

	@media only screen and (min-width: 768px) {
		.bas1 .conteneur {flex-direction:row;}
			#piedPage ul {display:flex; justify-content:space-between; column-count:inherit;}
			#piedPage ul:first-child {margin:0;}
			#piedPage ul li {margin: 0;}


		.bas2 .conteneur .wrap {display: flex; flex-direction:column-reverse; align-items: center;}
			.copyrights {font-size:14px; /* 14 */ text-align: center; margin:0;}
	}


	@media only screen and (min-width: 960px) {
		.bas1 .conteneur {display:flex; flex-direction:row;}
		.bas1 .conteneur ul {display: flex; flex:1 1 50% !important; justify-content:space-between !important; column-count: inherit;}
		.bas2 .conteneur {flex-direction:row-reverse; justify-content:flex-end;}
		.bas2 .conteneur .wrap {display: flex;justify-content:flex-end; flex:1 1 auto;}

		.bas2 .rsBas {display:block; flex:0 0 auto;}
		.bas2 .rsBas i {font-size: 20px; color:#fff; margin-left:15px;}
		.bas2 .rsBas i:hover, .icon-houzz:hover:before {color:#b5b5b5;}

		#piedPage ul {flex:0 0 auto; margin-bottom:0 !important;}
		#piedPage ul li {margin: 0;}
		.copyrights {width: auto; margin-right: 25px;}
	}

	@media only screen and (min-width: 1200px) {
		.bas2 .conteneur .wrap {flex-direction:row-reverse;}
		.bas2 .rsBas i {margin-left:25px;}
	}

	@media only screen and (min-width:1320px) {
		.bas1 .conteneur, .bas2 .conteneur {max-width:1320px; margin:0 auto; padding: 20px 0;}
	}



/*--------------------------------------------------------------------------------------- */
/* FORM COVID 17_100 */
/*--------------------------------------------------------------------------------------- */
.conteneur-question {
	display: inline-block;
	margin-top:40px;
}

ol.liste-question li::before {
	left: -2em;
}

ol.liste-question .erreur * { color:#cc4b4b !important; }

abbr[title] {
	border-bottom: 1px dotted;
}

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



/* ==================================================================================== */
/*  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) {

}