/*!
 * Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html { box-sizing: border-box; margin: 0; padding: 0; line-height: 1; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent;}
/*html {  font-family: sans-serif; line-height: 1.15;}*/

*, *::before, *::after { box-sizing: inherit;}
@-ms-viewport { width: device-width;}

body { margin: 0; padding: 0; font-size: 1rem; font-weight: normal; line-height: 1;}
/* body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #212529; background-color: #fff; line-height: 1.5;}*/

article, aside, dialog, figcaption, footer, header, hgroup, main, nav, section, form, p, figure { margin: 0; padding: 0; display: block;}
/* figure { margin: 0 0 1rem;}*/
/* p { margin-top: 0; margin-bottom: 1rem;}*/

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: inherit; font-weight: normal; line-height: 1; color: inherit;}
/*h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.1;}*/
h1 { font-size: 2.5rem;}
h2 { font-size: 2rem;}
h3 { font-size: 1.75rem;}
h4 { font-size: 1.5rem;}
h5 { font-size: 1.25rem;}
h6 { font-size: 1rem;}

a { color: inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -ms-touch-action: manipulation; touch-action: manipulation;}
a:hover { color: inherit; text-decoration: underline;}
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none;}
a:not([href]):not([tabindex]):focus { outline: 0;}
/* a { color: #007bff;}*/
/* a:hover { color: #0056b3;}*/

b { font-weight: bolder;}
strong { font-weight: bolder;}

img { margin: 0; padding: 0; border: 0; vertical-align: middle; border-style: none;}
sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; bottom: -.25em;}
sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; top: -.5em;}
small { font-size: 80%; font-weight: inherit;}

ul, ol, dl { margin: 0; padding: 0; display: block;}
/* ul { margin-top: 0; margin-bottom: 1rem;}*/
/* ol { margin-top: 0; margin-bottom: 1rem;}*/
/* dl { margin-top: 0; margin-bottom: 1rem;}*/
/* ol ol, ul ul, ol ul, ul ol { margin-bottom: 0;}*/
li { margin: 0; padding: 0;}
dd { margin-bottom: .5rem; margin-left: 0;}
dt { font-weight: bold;}

table { border-collapse: collapse;}
th { text-align: left;}

fieldset { min-width: 0; padding: 0; margin: 0; border: 0;}
legend { width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; display: block;}

label { -ms-touch-action: manipulation; touch-action: manipulation;}
/* label { display: inline-block; margin-bottom: .5rem;}*/

select { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; text-transform: none; -ms-touch-action: manipulation; touch-action: manipulation;}
optgroup { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}

textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; overflow: auto; resize: vertical; -ms-touch-action: manipulation; touch-action: manipulation;}

input { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; -ms-touch-action: manipulation; touch-action: manipulation; overflow: visible; outline: 0;}
input[type="radio"],
input[type="checkbox"] { box-sizing: border-box; padding: 0;}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox;}
[type="number"] { -moz-appearance: textfield;}
[type="number"]:hover,
[type="number"]:focus { -moz-appearance: number-input;}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
/* [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;}*/
[type="search"] { outline-offset: -2px; -webkit-appearance: none;}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

button { margin: 0; padding: 0; border: 0; background-color: transparent; font-family: inherit; font-size: inherit; line-height: inherit;
		-ms-touch-action: manipulation; touch-action: manipulation; overflow: visible; text-transform: none; -webkit-appearance: button; cursor: pointer;}
button:focus { outline: 0;}
/* button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;}*/
button::-moz-focus-inner { padding: 0; border-style: none;}
html [type="button"] { -webkit-appearance: button;}
[role="button"] { -ms-touch-action: manipulation; touch-action: manipulation;}
[type="reset"] { -webkit-appearance: button;}
[type="reset"]::-moz-focus-inner { padding: 0; border-style: none;}
[type="submit"] { -webkit-appearance: button;}
[type="submit"]::-moz-focus-inner { padding: 0; border-style: none;}
[type="button"]::-moz-focus-inner { padding: 0; border-style: none;}
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button;}

abbr[title],
abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0;}
address { margin-bottom: 1rem; font-style: normal; line-height: inherit;}
area { -ms-touch-action: manipulation; touch-action: manipulation;}
blockquote { margin: 0 0 1rem;}
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #868e96; text-align: left; caption-side: bottom;}
dfn { font-style: italic;}
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); box-sizing: content-box; height: 0; overflow: visible;}
mark { padding: 0.2em; background-color: #fcf8e3;}
output { display: inline-block;}
progress { vertical-align: baseline;}
summary { -ms-touch-action: manipulation; touch-action: manipulation; display: list-item;}
svg:not(:root) { overflow: hidden;}
template { display: none;}

kbd { font-size: 1em; font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #212529; border-radius: 0.2rem;}
pre { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 90%; margin-top: 0; margin-bottom: 1rem; color: #212529; overflow: auto; display: block; }
code { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f8f9fa; border-radius: 0.25rem;}
samp {  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;}
kbd kbd { padding: 0; font-size: 100%; font-weight: bold;}
pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0;}
a > code { padding: 0; color: inherit; background-color: inherit;}

[hidden] { display: none !important;}
[tabindex="-1"]:focus { outline: none !important;}

.clearfix::after { display: block; clear: both; content: "";}
.hidden { display: none !important;}
.clear { float: none; clear: both; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; border: 0; font-size: 0; outline: 0; overflow: hidden;}

/*! jQuery UI - v1.12.1 - 2017-11-23
* http://jqueryui.com
* Datepicker */
.ui-datepicker { width: 17em; padding: 0; display: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;  -webkit-box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5); -moz-box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5); -o-box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5); box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5);}
.ui-datepicker .ui-datepicker-header {	position: relative;	padding: .3em 0; background-color: #354651;	color: #fff; font-weight: 500;	border-bottom: solid 1px #6e7a80;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {	position: absolute;	top: 5px; width: 1.8em;	height: 1.8em;	transition: all 0.6s ease;	background-color: transparent;}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{	background-color: transparent;}
.ui-datepicker .ui-datepicker-prev span{ background:url(../img/contact/calendar.left.arrow.png) center center no-repeat;}
.ui-datepicker .ui-datepicker-next span{ background:url(../img/contact/calendar.right.arrow.png) center center no-repeat;}
.ui-datepicker .ui-datepicker-prev { left: 2px;}
.ui-datepicker .ui-datepicker-next { right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover { left: 1px;}
.ui-datepicker .ui-datepicker-next-hover { right: 1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; width: 11px; height:11px; left: 50%;	margin-left: -5px;	top: 50%; margin-top: -5px;	cursor: pointer;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em;	text-align: center;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 45%;}
.ui-datepicker table { width: 100%;	font-size: .8em; border-collapse: collapse;	margin: 0 0 .4em;}
.ui-datepicker th {	padding: .7em .3em;	text-align: center;	font-weight: 500; border: 0; background-color: #354651;	color: #fff; text-transform: uppercase;}
.ui-datepicker td {	border: 0; padding: 0;}
.ui-datepicker td span,.ui-datepicker td a { display: block; padding: 1em .2em;	text-align: center;	text-decoration: none;}
.ui-datepicker .ui-icon {	display: block;	text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em;}
ui-widget {	font-size: 1em;}
.ui-widget-content { background: #ffffff; color: #354651;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #354651; text-decoration: none;}
.ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-button:hover, .ui-button:focus { background: #edede9;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #eb8328; font-weight: normal; color: #ffffff;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #edede9;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { color: #bdbdbd;}
/*
* CAFPI WWW CSS | MASTER
* Last update : 06/12/2017
* by franck.netillard@gmail.com | Plug@ll
*/

/*
* FONTS
*/

	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-weight: normal;
		src: url('../fonts/montserrat/montserrat-v11-latin-regular.ttf');
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/montserrat/montserrat-v11-latin-300.ttf');
		font-weight: 300;
		font-style: normal;
	}

	@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/montserrat/montserrat-v11-latin-500.ttf');
		font-weight: 500;
		font-style: normal;
	}

	@font-face {
		font-family: 'Montserrat';
		src: url('../fonts/montserrat/montserrat-v11-latin-700.ttf');
		font-weight: 700;
		font-style: normal;
	}

	@font-face {
		font-family: 'Playfair Display';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/playfair_display/playfair-display-v12-latin-regular.eot');
		src: local('Playfair Display'), local('PlayfairDisplay-Regular'),
			url('../fonts/playfair_display/playfair-display-v12-latin-regular.ttf') format('truetype'),
			url('../fonts/playfair_display/playfair-display-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/playfair_display/playfair-display-v12-latin-regular.woff2') format('woff2'),
			url('../fonts/playfair_display/playfair-display-v12-latin-regular.woff') format('woff'),
			url('../fonts/playfair_display/playfair-display-v12-latin-regular.svg#PlayfairDisplay') format('svg');
	}

/**/

html, body { font-family: 'Montserrat', sans-serif;}
body { width: 100%; height: auto; background: #fff; color: #354651; overflow-x: hidden;}
img { display: block;}

.table { width: 100%; max-width: 100%; display: table;}
.table-cell { text-align: center; vertical-align: middle; display: table-cell;}

@media (min-width: 992px) { .no-mobile { display: block;}}
@media (max-width: 991px) { .no-mobile { display: none;}}

/*
* WRAPPER
*/

	@media (min-width: 992px) { .wrapper-default { width: 96%; max-width: 1160px; margin: 0 auto;}}
	@media (max-width: 991px) { .wrapper-default { width: auto; margin: 0 1em;}}

	@media (min-width: 1681px) { .wrapper-larger { width: 96%; max-width: 1600px; margin: 0 auto;}}
	@media (max-width: 1680px) { .wrapper-larger { width: 100%; margin: 0;}}

/*
* H1 | H2 | H3 | > text <
*/
	/* @media */

		@media (min-width: 992px){
			html { font-size: 16px;}
			h1 { font-size: 3.125em;}
			h2 { font-size: 2.625em;}
			h3 { font-size: 1.25em;}
			.h1 { font-size: 3.125em;}
			.h2 { font-size: 2.625em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-big { font-size: 1.75em;}
			.text-bigger { font-size: 1.5em;}
			.text-big { font-size: 1.25em;}
			.text-medium { font-size: 1.125em;}
			.text { font-size: 1em;}
			.text-small { font-size: 0.875em;}
			.text-very-small { font-size: 0.688em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			html { font-size: 16px;}
			h1 { font-size: 2.25em;}
			h2 { font-size: 2em;}
			h3 { font-size: 1.3em;}
			.h1 { font-size: 2.25em;}
			.h2 { font-size: 2em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-big { font-size: 1.5em;}
			.text-bigger { font-size: 1.4em;}
			.text-big { font-size: 1.3em;}
			.text-medium { font-size: 1.125em;}
			.text { font-size: 1em;}
			.text-small { font-size: 0.875em;}
			.text-very-small { font-size: 0.688em;}
		}
		@media (max-width: 767px){
			html { font-size: 16px;}
			h1 { font-size: 1.8em;}
			h2 { font-size: 1.5em;}
			h3 { font-size: 1.25em;}
			.h1 { font-size: 1.8em;}
			.h2 { font-size: 1.5em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-big { font-size: 1.4em;}
			.text-bigger { font-size: 1.313em;}
			.text-big { font-size: 1.25em;}
			.text-medium { font-size: 1.125em;}
			.text { font-size: 1em;}
			.text-small { font-size: 0.875em;}
			.text-very-small { font-size: 0.688em;}
		}
		@media (max-width: 575px){
			html { font-size: 14px;}
			h1 { font-size: 1.786em;}
			h2 { font-size: 1.714em;}
			h3 { font-size: 1.571em;}
			.h1 { font-size: 1.786em;}
			.h2 { font-size: 1.714em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.571em;}
			.text-very-big { font-size: 1.429em;}
			.text-bigger { font-size: 1.286em;}
			.text-big { font-size: 1.143em;}
			.text-medium { font-size: 1.071em;}
			.text { font-size: 1em;}
			.text-small { font-size: 0.786em;}
			.text-very-small { font-size: 0.688em;}
		}
		@media (max-width: 360px){
			html { font-size: 12px;}
			h1 { font-size: 1.75em;}
			h2 { font-size: 1.667em;}
			h3 { font-size: 1.5em;}
			.h1 { font-size: 1.75em;}
			.h2 { font-size: 1.667em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.5em;}
			.text-very-big { font-size: 1.417em;}
			.text-bigger { font-size: 1.25em;}
			.text-big { font-size: 1.083em;}
			.text-medium { font-size: 1em;}
			.text { font-size: 1em;}
			.text-small { font-size: 0.833em;}
			.text-very-small { font-size: 0.688em;}
		}

/*
* PAGINER
*/

	.paginer { margin-top: 2em;}
	.paginer > .table { margin: 0 auto;}
	.paginer > .table > .table-cell { width: 30px; height: 30px; cursor: pointer;}
	.paginer > .table > .table-cell > button { width: 15px; height: 15px; background-color: #354651; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block;}
	.paginer > .table > .table-cell > button { -webkit-transition: width 0.3s, height 0.3s; transition: width 0.3s, height 0.3s;}
	.paginer > .table > .table-cell > button.large { width: 20px; height: 20px;}
	.paginer > .table > .table-cell > button.active { width: 20px; height: 20px; background-color: #eb8328;}

/*
* DARTH
*/

	.darth { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: #000; opacity: 0.7; z-index: 99; display: none;}

/*
* POPIN
*/

	.popin  { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 103; display: none;}
	.popin > .table-cell { width: 100%; height: 100vh;}
	.popin > .table-cell > .popin-wrapper { position: relative; max-height: 90vh; background-color: #fff; display: none; overflow-y: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	.popin > .table-cell > .popin-wrapper > .close { position: absolute; width: 40px; height: 40px; background: url(../img/popin/close.png) center no-repeat; cursor: pointer;}
	.popin > .table-cell > .popin-wrapper > h2 { margin-bottom: 1em; font-weight: 500; text-align: left;}
	.popin > .table-cell > .popin-wrapper > p { margin-bottom: 1em; text-align: left; line-height: 1.3em;}

	/* @media */

		@media (min-width: 992px){
			.popin > .table-cell > .popin-wrapper { padding: 3em 4em;}
			.popin > .table-cell > .popin-wrapper > .close { right: 1em; top: 1em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.popin > .table-cell > .popin-wrapper { padding: 3em 4em;}
			.popin > .table-cell > .popin-wrapper > .close { right: 1em; top: 1em;}
		}
		@media (max-width: 767px){
			.popin > .table-cell > .popin-wrapper { padding: 2em;}
			.popin > .table-cell > .popin-wrapper > .close { right: 0.5em; top: 0.5em;}
		}
		@media (max-width: 575px){
			.popin > .table-cell > .popin-wrapper { padding: 2em 1em;}
			.popin > .table-cell > .popin-wrapper > .close { right: 0.5em; top: 0.5em;}
		}

/*
* WARNING
*/

	body > aside.warning { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #354651; color: #fff; z-index: 100; display: block;}
	body > aside.warning > div { position: relative; padding: 1em 0; text-align: center;}
	body > aside.warning > div > p { line-height: 1.5em; text-align: left;}
	body > aside.warning > div > p > a { color: #eb8328; text-decoration: underline;}
	body > aside.warning > div > p > a:hover { text-decoration: none;}

	/* @media */

		@media (min-width: 992px){
			body > aside.warning > div > p { margin-right: 10em;}
			body > aside.warning > div > button { position: absolute; right: 0; bottom: 2em; margin-top: 0;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			body > aside.warning > div > p { margin-right: 10em;}
			body > aside.warning > div > button { position: absolute; right: 0; bottom: 2em; margin-top: 0;}
		}
		@media (max-width: 767px){
			body > aside.warning > div > p { margin-right: 0;}
			body > aside.warning > div > button { position: relative; right: 0; bottom: 0; margin-top: 1em;}
		}

/*
* SHADOW
*/

											  .shadow { 		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .shadow { 		box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}}
											  .shadow { -webkit-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .shadow { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}

											  .medium-shadow { 		   box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .medium-shadow { 		   box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);}}
											  .medium-shadow { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .medium-shadow { -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3);}

											  .medium-shadow.shadow-lighter:hover {			box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .medium-shadow.shadow-lighter:hover { 		box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}}
											  .medium-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .medium-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}

											  .shadow-medium-appear:hover { 		box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .shadow-medium-appear:hover { 		box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}}
											  .shadow-medium-appear:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .shadow-medium-appear:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}

											  .large-shadow { 		  box-shadow: 0 0 26px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 0 26px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .large-shadow { 		  box-shadow: 0 0 13px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 13px 0 rgba(0,0,0,0.3);}}
											  .large-shadow { -webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .large-shadow { -webkit-box-shadow: 0 0 26px 0 rgba(0,0,0,0.3);}

											  .xtrem-shadow { 		  box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3); -o-box-shadow  : 0 10px 50px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .xtrem-shadow { 		  box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);}}
											  .xtrem-shadow { -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .xtrem-shadow { -webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);}

											  .xtrem-shadow.brown-shadow { box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5); -o-box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5);}
				 @-moz-document url-prefix(){ .xtrem-shadow.brown-shadow { 		  box-shadow: 0 10px 25px 0 rgba(138,124,98,0.5); -moz-box-shadow: 0 10px 25px 0 rgba(138,124,98,0.5);}}
											  .xtrem-shadow.brown-shadow { -webkit-box-shadow: 0 10px 25px 0 rgba(138,124,98,0.5);}
		_:-webkit-full-screen-ancestor, :root .xtrem-shadow.brown-shadow { -webkit-box-shadow: 0 10px 50px 0 rgba(138,124,98,0.5);}

											  .brown-shadow.shadow-lighter:hover { 		  box-shadow: 0 10px 12px 0 rgba(138,124,98,0.5); -o-box-shadow  : 0 10px 12px 0 rgba(138,124,98,0.5);}
				 @-moz-document url-prefix(){ .brown-shadow.shadow-lighter:hover { 		  box-shadow: 0 10px 6px 0 rgba(138,124,98,0.5); -moz-box-shadow: 0 10px 6px 0 rgba(138,124,98,0.5);}}
											  .brown-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 10px 6px 0 rgba(138,124,98,0.5);}
		_:-webkit-full-screen-ancestor, :root .brown-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 10px 12px 0 rgba(138,124,98,0.5);}

		@media (max-width: 991px){
												  .xtrem-shadow-appear-mobile { 		box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);}
					 @-moz-document url-prefix(){ .xtrem-shadow-appear-mobile { 		box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);}}
												  .xtrem-shadow-appear-mobile { -webkit-box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);}
			_:-webkit-full-screen-ancestor, :root .xtrem-shadow-appear-mobile { -webkit-box-shadow: 0 10px 50px 0 rgba(0,0,0,0.3);}
		}
		@media (max-width: 575px){
												  .xtrem-shadow-appear-mobile.shadow-reduce-575,
												  .xtrem-shadow.shadow-reduce-575 { 		box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}
			@-moz-document url-prefix(){		  .xtrem-shadow-appear-mobile.shadow-reduce-575,
												  .xtrem-shadow.shadow-reduce-575 { 		box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}}
												  .xtrem-shadow-appear-mobile.shadow-reduce-575,
												  .xtrem-shadow.shadow-reduce-575 { -webkit-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.3);}
			_:-webkit-full-screen-ancestor, :root .xtrem-shadow-appear-mobile.shadow-reduce-575,
			_:-webkit-full-screen-ancestor, :root .xtrem-shadow.shadow-reduce-575 { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);}
		}

	/* specific */

											  .selector .cursor div { 		  box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);  -o-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .selector .cursor div { 		  box-shadow: 0 10px 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 10px 5px 0 rgba(0,0,0,0.3);}}
											  .selector .cursor div { -webkit-box-shadow: 0 10px 5px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .selector .cursor div { -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.3);}

											  label.selected > .icon { 		   box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ label.selected > .icon { 		   box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}}
											  label.selected > .icon { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root label.selected > .icon { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}

											  label.selected > .table > .text { 		box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ label.selected > .table > .text { 		box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}}
											  label.selected > .table > .text { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root label.selected > .table > .text { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}

/*
* CAFPI WWW CSS | HEADER
* Last update : 02/01/2018
* by franck.netillard@gmail.com | Plug@ll
*/

	body > header { position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
	body > header.white { background: #fff;}

										  header.white  { 		  box-shadow: 0 3px 20px 0 #000;   -o-box-shadow: 0 3px 20px 0 #000;}
			 @-moz-document url-prefix(){ header.white  { 		  box-shadow: 0 3px 10px 0 #000; -moz-box-shadow: 0 3px 10px 0 #000;}}
										  header.white  { -webkit-box-shadow: 0 3px 10px 0 #000;}
	_:-webkit-full-screen-ancestor, :root header.white  { -webkit-box-shadow: 0 3px 20px 0 #000;}

		/* @media */

			@media (min-width: 992px){
				body > header { min-height: 72px;}
				body > header > .wrapper-default { padding-top: 20px;}
			}

		/* @media mobile */

			@media (max-width: 991px){
				body > header { min-height: 72px;}
				body > header > .wrapper-default { padding-top: 20px;}
			}
			@media (max-width: 414px){
				body > header { min-height: 50px;}
				body > header > .wrapper-default { padding-top: 10px;}
			}

	/*
	* FIGURE
	*/

		body > header > .wrapper-default > figure { float: left;}
		body > header > .wrapper-default > figure > a { position: relative; overflow: hidden; display: block;}
		body > header > .wrapper-default > figure > a > img { position: absolute; left: 0; top: 0; display: block;}

		/* @media */

			@media (min-width: 992px){
				body > header > .wrapper-default > figure { width: 185px; height: 33px;}
				body > header > .wrapper-default > figure > a { width: 185px; height: 33px;}
				body > header > .wrapper-default > figure > a > img { width: 185px; height: 70px;}
				body > header.white > .wrapper-default > figure > a > img { top: -37px;}
			}

		/* @media mobile */

			@media (max-width: 991px){
				body > header > .wrapper-default > figure { width: 185px; height: 33px;}
				body > header > .wrapper-default > figure > a { width: 185px; height: 33px;}
				body > header > .wrapper-default > figure > a > img { width: 185px; height: 70px;}
				body > header.white > .wrapper-default > figure > a > img { top: -37px;}
			}
			@media (max-width: 414px){
				body > header > .wrapper-default > figure { width: 159px; height: 28px;}
				body > header > .wrapper-default > figure > a { width: 159px; height: 28px;}
				body > header > .wrapper-default > figure > a > img { width: 159px; height: 60px;}
				body > header.white > .wrapper-default > figure > a > img { top: -32px;}
			}

	/*
	* BUTTON BURGER
	*/

		body > header > .wrapper-default > nav > button { background: url(../img/header/menu.png) left top no-repeat; background-size: 100% auto; float: right;}

		/* @media */

			@media (min-width: 992px){
				body > header > .wrapper-default > nav > button { display: none;}
				body > header > .wrapper-default > nav > button { width: 32px; height: 30px; margin-top: 2px;}
				body > header.white > .wrapper-default > nav > button { background-position: left top -30px;}
			}

		/* @media mobile */

			@media (max-width: 991px) {
				body > header > .wrapper-default > nav > button { display: block;}
				body > header > .wrapper-default > nav > button { width: 32px; height: 30px; margin-top: 0;}
				body > header.white > .wrapper-default > nav > button { background-position: left top -30px;}
			}
			@media (max-width: 414px) {
				body > header > .wrapper-default > nav > button { width: 30px; height: 28px;}
				body > header.white > .wrapper-default > nav > button { background-position: left top -28px;}
			}

	/*
	* NAV LEVEL 1
	*/

		body > header > .wrapper-default > nav { position: relative; width: calc(100% - 200px); float: right;}
		body > header > .wrapper-default > nav > ul > .link { position: relative; display: block;}
		body > header > .wrapper-default > nav > ul > .link > .group { position: relative; width: 100%; font-size: 14px; font-weight: 500; text-decoration: none; display: inline-block;}
		body > header > .wrapper-default > nav > ul > .link > .group > .selector { position: absolute;}

		/* @media */

			@media (min-width: 992px){
				body > header > .wrapper-default > nav > ul { position: relative; left: 0; top: 0; width: calc(100% - 32px); margin-top: 2px; background-color: transparent; float: left; display: block !important;}
				body > header > .wrapper-default > nav > ul > .link { margin: 0 2em; height: 3.5em; background-color: transparent; float: left;}
				/*body > header > .wrapper-default > nav > ul > .link { width: 16.66666666%; height: 3.5em; background-color: transparent; float: left;}*/
				body > header > .wrapper-default > nav > ul > .link > .group { height: auto; /* padding: 0; line-height: 1.2em;*/ padding-top: 0.5em; line-height: 1em; text-align: center; color: #fff;
																				-webkit-transition: color 0.3s; transition: color 0.3s; letter-spacing: 0; background: transparent;}
				body > header.white > .wrapper-default > nav > ul > .link > .group { color: #354651;}
				body > header.white > .wrapper-default > nav > ul > .link.in > .group:after { position: absolute; bottom: -1.2em; left: calc(50% - 3px); content: url(../img/header/chip.down.orange.png);}
				body > header > .wrapper-default > nav > ul > .link > .group > .break { width: auto; display: inline;}
				body > header > .wrapper-default > nav > ul > .link > .group > .break > br { display: inline;}
				body > header > .wrapper-default > nav > ul > .link > .group > .selector { left: 0; top: calc(-1.5em - 1px); width: 100%; height: 5px; background-color: #354651; display: none;}
				/*body > header > .wrapper-default > nav > ul > .link > .group > .selector { left: 1em; top: calc(-1.5em - 1px); width: calc(100% - 2em); height: 5px; background-color: #354651; display: none;}*/
				/* hover */
				body > header > .wrapper-default > nav > ul > .link:hover > .group { color: #354651;}
				body > header > .wrapper-default > nav > ul > .link:hover > .group > .selector { display: block;}
			}
			@media (min-width: 1200px){
				body > header > .wrapper-default > nav > ul > .link > .group { letter-spacing: 0.05em;}
			}

		/* @media mobile */

			@media (max-width: 991px){
				body > header > .wrapper-default > nav > ul { position: fixed; left: 0; top: 72px; width: 100%; margin-top: 0; background-color: #f3f3f1; float: none; display: none;}
				body > header > .wrapper-default > nav > ul > .link { width: 100%; height: auto; background-color: transparent; float: none;}
				body > header > .wrapper-default > nav > ul > .link > .group { height: auto; margin-bottom: 0.5em; padding: 0.5em 2em; line-height: 1em;
																				color: #354651; text-align: left; -webkit-transition: none; transition: none; letter-spacing: 0;}
				body > header > .wrapper-default > nav > ul > .link.in > .group > .selector { right: 2em; top: 0; width: 10px; height: 100%; display: block; background: url(../img/header/arrow.next.png) left center no-repeat;}
				body > header > .wrapper-default > nav > ul > .link:first-child > .group { margin-top: 1em;}
				body > header > .wrapper-default > nav > ul > .link:last-child > .group { margin-bottom: 1em;}
				body > header > .wrapper-default > nav > ul > .link > .group > .break { width: 0.5em; display: inline-block;}
				body > header > .wrapper-default > nav > ul > .link > .group > .break > br { display: none;}
				body > header > .wrapper-default > nav > ul > .link > .group > .selector { display: none;}
				/* selected */
				body > header > .wrapper-default > nav > ul > .link.selected { background-color: #354651;}
				body > header > .wrapper-default > nav > ul > .link.selected > .group { height: 50px; margin-top: 0; margin-bottom: 0; padding: 0 2em; color: #eb8124; line-height: 50px; text-align: center;
																							background: url(../img/header/arrow.back.png) center left 2em no-repeat;}
				body > header > .wrapper-default > nav > ul > .link.selected > .group > .selector { left: 2em; top: 0; width: 10px; height: 100%; display: block;
																										background: url(../img/header/arrow.back.png) left center no-repeat;}
			}
			@media (max-width: 414px){
				body > header > .wrapper-default > nav > ul { top: 50px;}
			}

	/*
	* NAV LEVEL 2
	*/

		body > header > .wrapper-default > nav > ul > .link > .layer { position: fixed; left: 0; width: 100%; padding-bottom: 5em; overflow: hidden;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div { background-color: #fff;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup { position: relative; vertical-align: top;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li { line-height: 1.2em;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .summary { font-size: 14px; font-weight: 500; text-decoration: none; display: block; cursor: pointer;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .summary > span { position: relative;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details { top: 0; padding: 2em;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul { margin-bottom: 2em;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul.nomargin { margin-bottom: 0;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul.region { margin-bottom: 0;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul > li { margin-bottom: 1em; line-height: 1.2em; font-size: 14px; display: block;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul > li > ul.region > li { margin-bottom: 0.5em; font-size: 12px;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details > a { position: relative; width: calc(100% - 1em); margin-bottom: 1em;
																													font-weight: 500; font-size: 14px; line-height: 1.2em; display: block;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details > a:after { position: absolute; right: -1em; top: 0; content: ">"; color: #eb8124;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details p { margin-bottom: 1em; font-size: 14px; line-height: 1.2em; color: #828a8f;}
		/*body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul > li > p.down { font-weight: 500; color: #354651;}*/
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul > li > p.down { font-weight: 500; color: #354651; margin: 1.5em 0 0.5em 0;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details ul > li > p.down:after { margin-left: 1em; content: url(../img/header/chip.down.black.png);}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a { color: #eb8124;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a > span:before { position: absolute; top: 1em; content: url(../img/header/local.png);}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .more { background-color: #eb8124; vertical-align: top;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { font-weight: 500; line-height: 1.2em; color: #fff;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > ul { margin-bottom: 2em;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > ul > li { position: relative; margin: 1em 0; padding-left: 1em; line-height: 1.3em; color: #fff; display: block;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > ul > li > span:before { position: absolute; left: 0; top: 0; color: #fff; content: "•";}

	/* hover */

		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details > a { color: #354651; text-decoration: none;}
		body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details > a:hover { color: #eb8124; text-decoration: none;}

	/* @media */

		@media (min-width: 992px){
			body > header > .wrapper-default > nav > ul > .link > .layer { top: 78px; height: auto; display: none;}
			/*body > header > .wrapper-default > nav > ul > .link:hover > .layer { display: block;}*/
			body > header > .wrapper-default > nav > ul > .link > .layer > div { width: 100%; height: 26em; margin: 0 auto; display: table;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup { width: 70%; padding: 2em; text-align: left; background: #f3f3f1; display: table-cell;
				background: -moz-linear-gradient(left, #f3f3f1 0%, #f3f3f1 50%, #ffffff 50%, #ffffff 100%);
				background: -webkit-linear-gradient(left, #f3f3f1 0%,#f3f3f1 50%,#ffffff 50%,#ffffff 100%);
				background: linear-gradient(to right, #f3f3f1 0%,#f3f3f1 50%,#ffffff 50%,#ffffff 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f1', endColorstr='#ffffff',GradientType=1 );}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul { margin-bottom: 2em;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li { margin-bottom: 0.5em; display: block;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .summary { width: 50%; height: 34px; line-height: 34px; padding: 0 0 0 50px; text-align: left;
																													color: #354651; border-right: 4px solid #f3f3f1; background: none;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details { position: absolute; left: 50%; width: 50%; text-align: left; display: none;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a { position: absolute; left: 2em; bottom: 4em; padding: 1.5em 3em 1.5em 4em; display: inline-block;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a > span:before { left: 2em;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more { width: 30%; padding: 2em 1em; text-align: left; display: table-cell;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { width: auto; margin: 0 0 2em 0;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > ul { display: block;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > .button { width: 23em; padding-left: 0; padding-right: 0; line-height: 1.2em;}
			/* .selected */
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .summary { color: #eb8124; border-right: 4px solid #eb8124;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .summary.calcul { background: url(../img/header/item.calcul.png) no-repeat;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .summary.barometre { background: url(../img/header/item.barometre.png) no-repeat;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .summary.immobilier { background: url(../img/header/item.immobilier.png) no-repeat;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .summary.projet { background: url(../img/header/item.projet.png) no-repeat;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li.selected > .details { display: block;}
		}
		@media (min-width: 1200px){
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more { padding: 2em;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > .button { width: auto; padding-left: 2.2em; padding-right: 2.2em;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a { padding: 1.5em 3em 1.5em 5em;}
			body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a > span:before { left: 2.5em;}
		}

	/* @media mobile */

			@media (max-width: 991px){
				body > header > .wrapper-default > nav > ul > .link > .layer { top: 122px; height: calc(100% - 122px); max-height: calc(100% - 122px); overflow: auto; display: none;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div { width: 100%; height: auto; margin: 0; display: block;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup { width: 100%; padding: 1em 2em; text-align: center; background: #f3f3f1; display: block;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul { margin-bottom: 2em;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li { margin-bottom: 0.5em; display: block;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .summary { width: 100%; height: auto; line-height: 1em; padding: 0.5em 0; color: #354651; text-align: left;
																														background: url(../img/header/arrow.next.png) center right no-repeat; border-right: 0;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > ul > li > .details { position: relative; left: 0; width: 100%; text-align: left; display: none;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a { position: relative; left: 0; bottom: 0; padding: 1.5em 3em 1.5em 5em; display: inline-block;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .sgroup > a > span:before { left: 2.5em;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more { width: 100%; padding: 2em; text-align: center; display: block;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { width: auto; margin: 0 0 2em 0;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > ul { display: none;}
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > .button { padding-left: 2em; padding-right: 2em; line-height: 1em;}
				/* .selected */
				body > header > .wrapper-default > nav > ul > .link.selected > .layer { display: block;}
				/* .selected.level */
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer { top: 72px; height: calc(100% - 72px); max-height: calc(100% - 72px); overflow: auto;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup { padding: 0;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul { margin-bottom: 0;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li { margin: 0; display: none;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected { display: block;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary { height: 50px; padding: 0 2em; line-height: 50px; text-align: center; color: #eb8124;
																																				background: #354651 url(../img/header/arrow.back.png) center left 2em no-repeat;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > span:before { position: absolute; left: -3em; top: -0.5em;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.calcul > span:before { content: url(../img/header/item.calcul.png);}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.barometre > span:before { content: url(../img/header/item.barometre.png);}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.immobilier > span:before { content: url(../img/header/item.immobilier.png);}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.projet > span:before { content: url(../img/header/item.projet.png);}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .details { display: block;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > a { display: none;}
			}
			@media (max-width: 767px){
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { width: 350px; margin: 0 auto 2em auto;}
			}
			@media (max-width: 575px){
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { width: 280px;}
			}
			@media (max-width: 414px){
				body > header > .wrapper-default > nav > ul > .link > .layer { top: 100px; height: calc(100% - 100px); max-height: calc(100% - 100px); overflow: auto;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer { top: 50px; height: calc(100% - 50px); max-height: calc(100% - 50px); overflow: auto;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > span { padding-left: 3em;}
				body > header > .wrapper-default > nav > ul > .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > span:before { left: 0;}
			}
			@media (max-width: 360px){
				body > header > .wrapper-default > nav > ul > .link > .layer > div > .more > p { width: 200px;}
			}

/*
* CAFPI WWW CSS | BUTTONS
* Last update : 30/11/2017
* by franck.netillard@gmail.com | Plug@ll
*/

	.button { line-height: 100%; font-family: 'Montserrat', sans-serif; text-align: center; text-decoration: none; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; display: inline-block;}
	.button span:after { margin-left: 1em; content: ">";}
	.button span.prev:after { margin-right: 1em; margin-left:0; content: "<";}
	.button:hover, .button:active { text-decoration: none;}

										  .button:hover { 		  box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);   -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);}
			 @-moz-document url-prefix(){ .button:hover { 		  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}}
										  .button:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
	_:-webkit-full-screen-ancestor, :root .button:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);}

	/* @media */

		@media (min-width: 992px){ .button { padding: 1.5em 1.5em; font-size: 12px; letter-spacing: 0.1em; font-weight: 700;}}

	/* @media mobile */

		@media (max-width: 991px){ .button { padding: 1.5em 1em; font-size: 12px; font-weight: 500; letter-spacing: 0.1em;}}
		@media (max-width: 575px){ .button { padding: 1.2em 1em; font-size: 10px; letter-spacing: 0;}}
		@media (max-width: 414px){ .button { padding: 1.2em 0.5em;}}

/*
* CLASSES
*/

	.button-transparent-white { background-color: transparent; color: #fff; border: 1px solid #fff;}
	.button-transparent-white:hover { background-color: #fff; color: #354651;}
	.button-transparent-white:active { background-color: #354651; color: #fff; border: 1px solid #354651;}

	.button-transparent-blue { background-color: transparent; color: #354651; border: 1px solid #354651;}
	.button-transparent-blue:hover { background-color: #fff; color: #354651; border: 1px solid #b5bbbf;}
	.button-transparent-blue:active { background-color: #354651; color: #fff; border: 1px solid #354651;}

	.button-white { background-color: #fff; color: #354651; border: 1px solid #fff;}
	.button-white:hover { background-color: #fff; color: #354651;}
	.button-white:active { background-color: #354651; color: #fff; border: 1px solid #354651;}

	.button-blue { background-color: #354651; color: #fff; border: 1px solid #354651;}
	.button-blue:hover { background-color: #354651; color: #fff;}
	.button-blue:active { background-color: #fff; color: #354651;}

	.button-orange { background-color: #eb8328; color: #fff; border: 1px solid #eb8328;}
	.button-orange:hover { background-color: #eb8328; color: #fff;}
	.button-orange:active { background-color: #354651; color: #fff; border: 1px solid #354651;}

	.disabled { background-color: #bbb; color: #fff; border: 1px solid #bbb;}
	.disabled:hover { background-color: #bbb; box-shadow: none !important; -o-box-shadow: none !important;}

/*
* SUB CLASSES : button-extended, button-xtrem-extended
*/

	/* @media */

		@media (min-width: 992px){
			.button.button-xtrem-extended { padding: 1.5em 5em;}
			.button.button-extended { padding: 1.5em 3em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.button.button-xtrem-extended { padding: 1.5em 5em;}
			.button.button-extended { padding: 1.5em 3em;}
		}
		@media (max-width: 575px) {
			.button.button-xtrem-extended { padding: 1.2em 5em;}
			.button.button-extended { padding: 1.2em 3em;}
		}

/*
* CAFPI WWW CSS | FOOTER
* Last update : 07/03/2018
* by franck.netillard@gmail.com | Plug@ll
*/

	body > footer { position: relative; z-index: 2;}

/*
* FOOTER 1
*/

	body > footer > .footer1 { background-color: #3d505d;}
	body > footer > .footer1 > div > p { color: #fff; font-weight: 500; text-align: center; letter-spacing: 0.1em;}
	body > footer > .footer1 > div > ul > li { width: 20%; display: block; float: left;}
	body > footer > .footer1 > div > ul > li  > a { margin: 0 auto; display: block;}
	body > footer > .footer1 > div > ul > .fb > a { background: url(../img/footer/social-fb.png) no-repeat; background-size: 100% auto;}
	body > footer > .footer1 > div > ul > .tw > a { background: url(../img/footer/social-tw.png) no-repeat; background-size: 100% auto;}
	body > footer > .footer1 > div > ul > .in > a { background: url(../img/footer/social-in.png) no-repeat; background-size: 100% auto;}
	body > footer > .footer1 > div > ul > .lk > a { background: url(../img/footer/social-lk.png) no-repeat; background-size: 100% auto;}
	body > footer > .footer1 > div > ul > .yt > a { background: url(../img/footer/social-yt.png) no-repeat; background-size: 100% auto;}

	/* @media */

		@media (min-width: 992px){
			body > footer > .footer1 { padding: 4em 0;}
			body > footer > .footer1 > div > p { margin-bottom: 3em; font-size: 12px;}
			body > footer > .footer1 > div > ul { width: 350px; margin: 0 auto;}
			body > footer > .footer1 > div > ul > li > a { width: 50px; height: 50px;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			body > footer > .footer1 { padding: 2em 0;}
			body > footer > .footer1 > div > p { margin-bottom: 2em; font-size: 12px;}
			body > footer > .footer1 > div > ul { width: 350px; margin: 0 auto;}
			body > footer > .footer1 > div > ul > li > a { width: 40px; height: 40px;}
		}
		@media (max-width: 414px){
			body > footer > .footer1 > div > p { font-size: 10px;}
			body > footer > .footer1 > div > ul { width: 100%;}
		}

/*
* FOOTER 2
*/

	body > footer > .footer2 { padding: 2em 0; background-color: #354651;}
	body > footer > .footer2 > div > nav > ul > li { display: block; float: left;}
	body > footer > .footer2 > div > nav > ul > li .summary { position: relative; color: #fff; font-weight: 500; letter-spacing: 0.01em;}
	body > footer > .footer2 > div > nav > ul > li .summary > span { position: absolute; right: 0; top: 0; width: 1em; height: 1em; background: url(../img/footer/details.png) left top no-repeat; background-size: 100% auto;}
	body > footer > .footer2 > div > nav > ul > li .summary > span.open { background-position: left top 100%;}
	body > footer > .footer2 > div > nav > ul > li .details li { display: block;}
	body > footer > .footer2 > div > nav > ul > li.group1 .details { margin-top: -3px; width: 76%; color: #8a9daa; line-height: 1.3em; font-weight: normal;} /* NEW */
	body > footer > .footer2 > div > nav > ul > li > .details > li > a { color: #8a9daa;}
	body > footer > .footer2 > div > nav > ul > li > .job { padding: 1em 0;}
	body > footer > .footer2 > div > nav > ul > li > .job > .summary { margin: 0 2em 0 0; padding: 0; float: left;}
	body > footer > .footer2 > div > nav > ul > li > .job > .details { width: auto; margin: 0; padding: 0; float: right;}
	body > footer > .footer2 > div > nav > ul > li > .job > .details > li > a { color: #8a9daa;}
	body > footer > .footer2 > div > nav > ul > li > .common > .summary { float: left;}
	body > footer > .footer2 > div > nav > ul > li > .common > .details { width: auto; margin: 0; padding: 0; float: right;}
	body > footer > .footer2 > div > nav > ul > li > .common > .details > li > a { color: #8a9daa;}

	/* @media */

		@media (min-width: 992px){
			body > footer > .footer2 > div > nav > ul > li { border-bottom: 0;}
			body > footer > .footer2 > div > nav > ul > li.group1 { width: 30%;}
			body > footer > .footer2 > div > nav > ul > li.group2 { width: 30%;}
			body > footer > .footer2 > div > nav > ul > li.group3 { width: 40%;}
			body > footer > .footer2 > div > nav > ul > li > .summary { margin-bottom: 1.3em; cursor: default;}
			body > footer > .footer2 > div > nav > ul > li > .summary > span { display: none;}
			body > footer > .footer2 > div > nav > ul > li > .details > li { margin-bottom: 1.3em; font-size: 14px;}
			body > footer > .footer2 > div > nav > ul > li > .details > li:last-child { margin-bottom: 0;}
			body > footer > .footer2 > div > nav > ul > li.group3 > .details > li { float: left;}
			body > footer > .footer2 > div > nav > ul > li > .job { margin: 23px 0 1.3em 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
			body > footer > .footer2 > div > nav > ul > li > .job > .details > li { margin-top: 1px; font-size: 14px;}
			body > footer > .footer2 > div > nav > ul > li > .common { padding: 1em 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;} /* NEW */
			body > footer > .footer2 > div > nav > ul > li > .common > .details > li { margin-top: 1px; font-size: 14px;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			body > footer > .footer2 > div > nav > ul > li { border-bottom: 0;}
			body > footer > .footer2 > div > nav > ul > li.group1 { width: 24%;}
			body > footer > .footer2 > div > nav > ul > li.group2 { width: 29%;}
			body > footer > .footer2 > div > nav > ul > li.group3 { width: 47%;}
			body > footer > .footer2 > div > nav > ul > li > .summary { margin-bottom: 1.3em; cursor: default;}
			body > footer > .footer2 > div > nav > ul > li > .summary > span { display: none;}
			body > footer > .footer2 > div > nav > ul > li > .details { display: block;}
			body > footer > .footer2 > div > nav > ul > li > .details > li { margin-bottom: 1.3em; font-size: 14px;}
			body > footer > .footer2 > div > nav > ul > li > .details > li:last-child { margin-bottom: 0;}
			body > footer > .footer2 > div > nav > ul > li.group3 > .details > li { float: left;}
			body > footer > .footer2 > div > nav > ul > li > .job { margin: 23px 0 1.3em 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
			body > footer > .footer2 > div > nav > ul > li > .job > .details > li { margin-top: 1px; font-size: 14px;}
			body > footer > .footer2 > div > nav > ul > li > .common { padding: 1em 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;} /* NEW */
			body > footer > .footer2 > div > nav > ul > li > .common > .details > li { margin-top: 1px; font-size: 14px;}
		}
		@media (max-width: 767px){
			body > footer > .footer2 > div > nav > ul > li { width: 100% !important; margin-bottom: 1em; border-bottom: 1px solid #fff;}
			body > footer > .footer2 > div > nav > ul > li:last-child { border: 0; margin-bottom: 0;}
			body > footer > .footer2 > div > nav > ul > li > .summary { margin-bottom: 1em; cursor: pointer;}
			body > footer > .footer2 > div > nav > ul > li > .summary > span { display: block;}
			body > footer > .footer2 > div > nav > ul > li.group1 .details { width: 100%;} /* NEW */
			body > footer > .footer2 > div > nav > ul > li > .details { display: none;}
			body > footer > .footer2 > div > nav > ul > li > .details > li { margin-bottom: 1em; font-size: 12px;}
			body > footer > .footer2 > div > nav > ul > li > .details > li:last-child { margin-bottom: 2em;}
			body > footer > .footer2 > div > nav > ul > li.group3 > .details > li { width: 100%; float: none;}
			body > footer > .footer2 > div > nav > ul > li > .job { margin: 1em 0; border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
			body > footer > .footer2 > div > nav > ul > li > .job > .details > li { margin-top: 0; font-size: 12px;}
			body > footer > .footer2 > div > nav > ul > li > .common > .details > li { margin-top: 0; font-size: 12px;}
		}
		@media (max-width: 360px){
			body > footer > .footer2 > div > nav > ul > li > .summary { font-size: 11px;}
			body > footer > .footer2 > div > nav > ul > li > .details  > li { font-size: 11px;}
			body > footer > .footer2 > div > nav > ul > li > .job { font-size: 11px;}
			body > footer > .footer2 > div > nav > ul > li > .common { font-size: 11px;}
			body > footer > .footer2 > div > nav > ul > li > .job > .details > li { font-size: 11px;}
			body > footer > .footer2 > div > nav > ul > li > .common > .details > li { font-size: 11px;}
		}

/*
* FOOTER 3
*/

	body > footer > .footer3 { background-color: #354651;}
	body > footer > .footer3 > div > p { padding: 0.5em 0 0.8em 0; line-height: 1.4em; color: #fff; text-align: center;}

	/* @media */

		@media (min-width: 992px){ body > footer > .footer3 > div > p { font-weight: 700;}}

	/* @media mobile */

		@media (max-width: 991px){ body > footer > .footer3 > div > p { font-weight: 700;}}
		@media (max-width: 575px){ body > footer > .footer3 > div > p { font-size: 14px; font-weight: 500;}}
		@media (max-width: 414px){ body > footer > .footer3 > div > p { font-size: 12px;}}

/*
* FOOTER 4
*/

	body > footer > .footer4 { padding: 2em 0; background-color: #3d505d;}
	body > footer > .footer4 > .wrapper > nav { margin-bottom: 1.8em;}
	body > footer > .footer4 > .wrapper > nav > ul { margin: 0 auto;}
	body > footer > .footer4 > .wrapper > nav > ul > li { display: block; float: left;}
	body > footer > .footer4 > .wrapper > nav > ul > li { border-right: 1px solid #fff;}
	body > footer > .footer4 > .wrapper > nav > ul > li:last-child { border: 0;}
	body > footer > .footer4 > .wrapper > nav > ul > li > a { color: #8a9daa;}
	body > footer > .footer4 > .wrapper > p { padding: 0 1em; text-align: center; color: #fff; letter-spacing: 0.05em; line-height: 1.5em;}
	body > footer > .footer4 > .wrapper > p > .mentions { padding-top: 0.5em; display: inline-block;}

	/* @media */

		@media (min-width: 992px){
			body > footer > .footer4 > .wrapper > nav > ul { width: 400px;}
			body > footer > .footer4 > .wrapper > nav > ul > li { padding: 0 2em; font-size: 14px;}
			body > footer > .footer4 > .wrapper > nav > ul > li:first-child { padding: 0 2em 0 0;}
			body > footer > .footer4 > .wrapper > nav > ul > li:last-child { padding: 0 0 0 2em;}
			body > footer > .footer4 > .wrapper > p span.break { display: none;}
			body > footer > .footer4 > .wrapper > p span.separator { display: inline;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			body > footer > .footer4 > .wrapper > nav > ul { width: 400px;}
			body > footer > .footer4 > .wrapper > nav > ul > li { padding: 0 2em; font-size: 14px;}
			body > footer > .footer4 > .wrapper > nav > ul > li:first-child { padding: 0 2em 0 0;}
			body > footer > .footer4 > .wrapper > nav > ul > li:last-child { padding: 0 0 0 2em;}
			body > footer > .footer4 > .wrapper > p span.break { display: inline;}
			body > footer > .footer4 > .wrapper > p span.separator { display: none;}
		}
		@media (max-width: 767px){
			body > footer > .footer4 > .wrapper > nav > ul { width: 288px;}
			body > footer > .footer4 > .wrapper > nav > ul > li { padding: 0 0.8em; font-size: 12px;}
			body > footer > .footer4 > .wrapper > nav > ul > li:first-child { padding: 0 0.8em 0 0;}
			body > footer > .footer4 > .wrapper > nav > ul > li:last-child { padding: 0 0 0 0.8em;}
		}

/*
* CAFPI WWW CSS | TOOLS
* Last update : 07/03/2018
* by franck.netillard@gmail.com | Plug@ll
*/

	aside.tools { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #354651; color: #fff; z-index: 100; display: none;
					box-shadow: 0 -1px 2px 0 #666; -moz-box-shadow: 0 -1px 2px 0 #666; -webkit-box-shadow: 0 -1px 2px 0 #666; -o-box-shadow: 0 -1px 2px 0 #666;}
	aside.tools > div { max-width: 1160px; margin: 0 auto;}
	aside.tools > div > * { float: left;}
	aside.tools > div > p { color: #fff;}
	aside.tools > div > div { text-align: center;}
	aside.tools > div > div:last-child > .up { line-height: 100%; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 12px; text-align: center; text-decoration: none;
												letter-spacing: 0.1em; font-weight: 700; background: transparent url(../img/tools/chevron.png) no-repeat; display: inline-block;
													-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
	aside.tools > div > div:last-child > .up:hover,
	aside.tools > div > div:last-child > .up:active { text-decoration: none;}

	/* @media */

		@media (min-width: 992px){
			aside.tools > div { width: 96%; padding: 1em 0;}
			aside.tools > div > p { width: 24%; padding-right: 0; line-height: 1.4em; font-size: 20px; font-weight: 700; text-align: left; letter-spacing: 0.01em;}
			aside.tools > div > div:nth-child(2),
			aside.tools > div > div:nth-child(3) { width: 26%;}
			aside.tools > div > div > .button { width: 92%; margin-top: 0.5em; letter-spacing: 0.1em;}
			aside.tools > div > div:last-child { position: relative; top: 0; right: 0; width: 24%;}
			aside.tools > div > div:last-child > .up { width: 92%; height: auto; margin-top: 0.5em; padding: 1.5em 4em 1.5em 2em; background-position: right 1.5em top 1.2em; border: 1px solid #fff;}
			aside.tools > div > div:last-child > .up span { display: inline;}

												  aside.tools .up:hover { 		  box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);   -o-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);}
					 @-moz-document url-prefix(){ aside.tools .up:hover { 		  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}}
												  aside.tools .up:hover { -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);}
			_:-webkit-full-screen-ancestor, :root aside.tools .up:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);}

												  aside.tools .up:active { 		   box-shadow: 0 0 20px 0 rgba(255,255,255,0.5);   -o-box-shadow: 0 0 20px 0 rgba(255,255,255,0.5);}
					 @-moz-document url-prefix(){ aside.tools .up:active { 		   box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 0 10px 0 rgba(255,255,255,0.5);}}
												  aside.tools .up:active { -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.5);}
			_:-webkit-full-screen-ancestor, :root aside.tools .up:active { -webkit-box-shadow: 0 0 20px 0 rgba(255,255,255,0.5);}
		}
		@media (min-width: 1200px){
			aside.tools > div { padding: 1.5em 0;}
			aside.tools > div > p { font-size: 21px;}
		}

	/* @media mobile|tablet */

		@media (max-width: 991px){
			aside.tools > div { width: 100%; padding: 1em;}
			aside.tools > div > p { width: 100%; padding-right: 0; line-height: 1.3em; font-size: 18px; font-weight: 700; text-align: center; letter-spacing: 0.01em;}
			aside.tools > div > div:nth-child(2) { width: 50%;}
			aside.tools > div > div:nth-child(3) { width: 50%;}
			aside.tools > div > div > .button { width: 90%; margin-top: 1em; letter-spacing: 0;}
			aside.tools > div > div:last-child { position: absolute; top: 0.5em; right: 1em; width: auto;}
			aside.tools > div > div:last-child > .up { width: 30px; height: 30px; margin-top: 0; padding: 0; background-position: center; border: 0;}
			aside.tools > div > div:last-child > .up span { display: none;}
			aside.tools > div > div:last-child > .up:hover,
			aside.tools > div > div:last-child > .up:active { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;}
		}
		@media (max-width: 575px){
			aside.tools > div > p { font-size: 14px; font-weight: 500;}
			aside.tools > div > div:last-child { top: 0.4em;}
		}
		@media (max-width: 414px){
			aside.tools > div { padding: 1em 0.2em;}
			aside.tools > div > p { padding-right: 1.5em; font-size: 12px;}
			aside.tools > div > div > .button { color: #fff; border: 0;}
			aside.tools > div > div:nth-child(2) { width: 52%;}
			aside.tools > div > div:nth-child(3) { width: 48%;}
			aside.tools > div > div:nth-child(2) > .button { width: auto; padding-left: 3em; background: transparent url(../img/tools/location.png) left center no-repeat; text-decoration: none;}
			aside.tools > div > div:nth-child(3) > .button { width: auto; padding-left: 3em; background: transparent url(../img/tools/phone.png) left center no-repeat; text-decoration: none;}
			aside.tools > div > div:nth-child(2) > .button:hover,
			aside.tools > div > div:nth-child(3) > .button:hover { text-decoration: underline; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;}
		}
		@media (max-width: 360px){
			aside.tools > div > div:nth-child(2) { width: 56%;}
			aside.tools > div > div:nth-child(3) { width: 44%;}
		}

/*
* CAFPI WWW CSS | TEMPLATE | NEWSLETTER SIGNIN
* Last update : 07/12/2017
* by franck.netillard@gmail.com | Plug@ll
*/

	.newsletter-signin { height: 22em;}
	.newsletter-signin > form { width: 100%; height: 100%;}
	.newsletter-signin > form > fieldset { width: 100%; height: 100%;}
	.newsletter-signin > form > fieldset > div { width: 100%; height: 100%;}
	.newsletter-signin > form > fieldset > div > div { width: 100%; height: 100%;}
	.newsletter-signin > form > fieldset > div > div > h2 { margin: 0; padding: 0; color: #fff; font-weight: 700; line-height: 1em;}
	.newsletter-signin > form > fieldset > div > div > p { margin-top: 1em; font-family: 'Playfair Display', serif; color: #fff;}
	.newsletter-signin > form > fieldset > div > div > .wrapper { position: relative; margin: 3em auto 0 auto; padding: 0.5em 0; background-color: #fff;
																				-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; z-index: 2;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > input { height: 1em; padding: 0 0.5em; display: inline-block; vertical-align: middle; color: #354651;
																						font-weight: 500; line-height: 1.3em; letter-spacing: 0.05em; border: 0;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > input::-webkit-input-placeholder { color: #354651; line-height: 1; text-align: left;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > input::-moz-placeholder { color: #354651; line-height: 1; text-align: left;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > input:-ms-input-placeholder { color: #354651; line-height: 1; text-align: left;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > input:-moz-placeholder { color: #354651; line-height: 1; text-align: left;}
	.newsletter-signin > form > fieldset > div > div > .wrapper > button { margin: 0; vertical-align: middle; display: inline-block;}

	/* @media */

		@media (min-width: 992px){
			.newsletter-signin { background: url(../img/template/newsletter/signin.png) right center no-repeat; background-size: cover;}
			.newsletter-signin > form > fieldset > div > div > .wrapper { width: 600px;}
			.newsletter-signin > form > fieldset > div > div > .wrapper > input { width: calc(100% - 13.5em); margin: 0 0 0 1em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.newsletter-signin { background: url(../img/template/newsletter/signin.png) right -10em center no-repeat; background-size: cover;}
			.newsletter-signin > form > fieldset > div > div > .wrapper { width: 80%;}
			.newsletter-signin > form > fieldset > div > div > .wrapper > input { width: calc(100% - 13.5em); margin: 0 0 0 1em;}
		}
		@media (max-width: 575px){
			.newsletter-signin > form > fieldset > div > div > .wrapper { width: 90%;}
			.newsletter-signin > form > fieldset > div > div > .wrapper > input { width: calc(100% - 9.2em); margin: 0;}
			.newsletter-signin > form > fieldset > div > div > .wrapper > button { padding-left: 1.5em; padding-right: 1.5em;}
		}
		@media (max-width: 414px){
			.newsletter-signin { background: url(../img/template/newsletter/signin.png) right -15em center no-repeat; background-size: cover;}
		}
		@media (max-width: 360px){
			.newsletter-signin > form > fieldset > div > div > .wrapper { width: 90%;}
			.newsletter-signin > form > fieldset > div > div > .wrapper > input { width: calc(100% - 10.5em);}
		}

/*
* CAFPI WWW CSS | CONTACT
* Last update : 24/01/2018
* by greg@osirisk.org | OsiRisK
*/

/*
* BODY
*/

body { background: #edede9 url(../img/background/top.orange.bis.png) no-repeat;}

/* @media */

@media (min-width: 992px){ body { background-position: center top;}}

/* @media mobile */

@media (max-width: 991px){ body { background-position: center -100px;}}
@media (max-width: 767px){ body { background-position: center -200px;}}
@media (max-width: 575px){ body { background-position: center -250px;}}
@media (max-width: 414px){ body { background-position: center -230px;}}
@media (max-width: 360px){ body { background-position: center -270px;}}

/* ************ */
/* INTRODUCTION */
/* ************ */

.body > div { position: relative;}
.body > div > nav { position: absolute; left: 0; top: 10em; font-size: 10px; color: #fff; letter-spacing: 0.05em; font-weight: 300;}
.body > div > nav > span { font-weight: 700;}

/* hover */

.body > div > nav > a { text-decoration: none;}
.body > div > nav > a:hover { text-decoration: underline;}

/* @media */

@media (min-width: 992px){
	.body > div { padding: 6.5em 0 0;}
	.body > div > nav { display: block;}
}

/* @media mobile */

@media (max-width: 991px){
	.body > div { padding: 5em 0 0 0;}
	.body > div > nav { display: none;}
}


/*
* SECTION 1
*/
.section1 {color: #fff;}
.section1 > div > h1{margin:2em auto 0.5em; text-align: center; font-weight: 800;}
.section1 > div > .cafpi-editor {margin:0 auto; text-align: center; font-weight: 300; letter-spacing: 0.1em; line-height: 1em;}

/* @media */

@media (min-width: 992px){
	.section1 > div { padding:0 0 3.5em 0;}
}

/* @media mobile */

@media (max-width: 991px){
	.section1 > div { padding: 0 0 4.5em 0;}
}
@media (max-width: 767px){
	.section1 > div { padding: 2em 0 5.5em 0;}
	.section1 > div > img{display:none;}
	.section1 > div > h1{ line-height: 1.4em; margin-bottom:1.5em;}
	.section1 > div > p.p1{font-weight: 300; font-size:1em;}
}
@media (max-width: 575px){
	.section1 > div > h1{ max-width:80%};
}


/*
* SECTION 2 : CONTACT
*/

.contact > div > .contact-bloc {display:table; width: 100%; background: #fff; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; margin:1.6em 0; padding:2.7em 4em; transition: box-shadow 0.3s, -moz-box-shadow 0.3s, -webkit-box-shadow 0.3s, -o-box-shadow 0.3s;}
.contact > div > .contact-bloc > .close { display:none; position: relative; right: -35px; top: -15px; width: auto; padding-right: 45px;height: 32px; margin:0; background: url(../img/popin/close.png) center right no-repeat; font-weight: 500; color: #314551; float: right; cursor: pointer;}
.contact > div > .contact-bloc > .contact-titre{ position:relative; display:inline-block; width:85%; line-height: 94px; font-weight: 700; padding-left:50px; cursor: pointer; letter-spacing: 0.025em; text-decoration: none;}
.contact > div > .contact-bloc > .contact-titre:hover {color: #eb8328;}
.contact > div > .contact-bloc > .contact-titre > span {position: absolute; background: url(../img/contact/right.arrow.orange.png) center center no-repeat; width: 13px; height: 94px; top:0; left:0; transition: left 0.3s ease;}
.contact > div > .contact-bloc > .contact-titre:hover > span {left:0.5em;}
.contact > div > .contact-bloc > .contact-titre.active > span {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transition: -moz-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: -ms-transform 0.3s ease; transition: transform 0.3s ease;}
.contact > div > .contact-bloc > .contact-titre.active:hover {color: #354651;}
.contact > div > .contact-bloc > .contact-titre.active:hover > span {left:0;}
.contact > div > .contact-bloc > .icon {position:relative; display:inline-block; width: 10%; margin:0;}
.contact > div > .contact-bloc > .icon > span { display:block; text-align: center; background-color: #edede9; width: 94px; height: 94px; line-height: 94px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.contact > div > .contact-bloc > .icon > span > img {display: inline; margin:0; padding:0;}
.contact > div > .contact-bloc > ul.sub-nav {display:block; position: relative; list-style: none; width: 100%; min-height: 6em; margin: 2.5em 0 0; padding:3em 0 0; border-top: solid 1px #edede9;}
.contact > div > .contact-bloc > ul.sub-nav > li:not(.conseiller-subitem) {display:block; position: absolute; left: 0; width: 33%; font-weight: 700; cursor: pointer; text-align: left; padding:0 1em; margin-bottom:5em;}
.contact > div > .contact-bloc > ul.sub-nav > li.n2 {/*text-align:center;*/ left: 33%;}
.contact > div > .contact-bloc > ul.sub-nav > li.n3 {/*text-align:right;*/ left: 66%;}
.contact > div > .contact-bloc > ul.sub-nav > li:not(.conseiller-subitem):hover {color: #eb8328;}
.contact > div > .contact-bloc > ul.sub-nav > li.active {color: #eb8328; text-align: left;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem {display:block; position: relative; width: 66%; margin-left:33%; color: #354651;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem.w100 {width: 100%; margin-left: 2em; margin-top: 50px;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous, .contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous2, .popin > div > .popin-wrapper > .popin-content > .appeleznous {text-align: right; }
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous > .m1, .contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous2 > .m1 {display:none; }
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous > .icon, .contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous2 > .icon {display:none; }
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous > p, .popin > div > .popin-wrapper > .popin-content > .appeleznous > p, .contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous2 > p, .popin > div > .popin-wrapper > .popin-content > .appeleznous > p {margin:1em 0; font-weight: 300; letter-spacing: 0.025em;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous > img, .popin > div > .popin-wrapper > .popin-content > .appeleznous img, .contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous2 > img, .popin > div > .popin-wrapper > .popin-content > .appeleznous img {display: inline-block; max-width: 100%;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#demande, .popin > div > .popin-wrapper > .popin-content > .demande {display: table; border-collapse: separate;  border-spacing: 20px 0;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#demande > a, .popin > div > .popin-wrapper > .popin-content > .demande > a {display: table-cell; width: 156px; height: 90px; padding:0 10px; background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; text-align: center; font-weight: 500; border: solid 2px #edede9; text-decoration: none; transition: all 0.3s;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#demande > a:hover, .popin > div > .popin-wrapper > .popin-content > .demande > a:hover { color: #eb8328; border-color: #eb8328; background-color: #fff;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#demande > .m1 {display:none; }
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele, .popin > div > .popin-wrapper > .popin-content > .etrerappele {top:-1em;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > .m1 {display:none; }
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form, , .popin > div > .popin-wrapper > .popin-content > .etrerappele > form {width: 90%;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset {margin: 1.3em 0;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > input[type=text], .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=text] {height: 73px; width: calc(100% - 20px); background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 500; font-size:1.125em; line-height: 1; padding:0 1em; border: none; margin:0;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > .datepicker, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker {width: 35% !important; margin-left: calc(33% - 32px) !important; text-align: center;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > .datepicker + button, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker + button {width: 78px; height: 73px; background-color: #354651; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; line-height: 1; margin-left:23px; vertical-align: top;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > .datepicker + button > img, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker + button > img {display: inline;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > input[type=radio], .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio] { position: absolute; left: -9999px;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > input[type=radio] + label, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio] + label {display:inline-block; width: calc(33% - 22px); height: 69px; padding:0 10px; margin:0 20px 0 0; background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; text-align: center; font-weight: 500; border: solid 2px #edede9; text-decoration: none; transition: all 0.3s; line-height: 69px; cursor: pointer;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > input[type=radio]:checked + label, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio]:checked + label { color: #eb8328; border-color: #eb8328; background-color: #fff;}
.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > button, .popin > div > .popin-wrapper > .popin-content > .etrerappele > form > button { margin:3em auto; display: block;}


.contact > div > .contact-bloc.agence > .contact-bloc-detail {display:table; width: 100%; margin: 2.5em 0 0; padding:4em 0 0; border-top: solid 1px #edede9;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > p {display:table-cell; width:33%; color: #eb8328; padding-right:12%; font-weight: 700; vertical-align: top; letter-spacing: 0.025em; line-height: 1.3em;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form {display:table-cell; width:50%; vertical-align: top; padding-right:5%;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > fieldset {position: relative;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > fieldset > input {position: relative; height: 73px; width: 100%; background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 500; font-size:1.125em; line-height: 1; padding:0 1.5em; border: none; margin:0; z-index: 2;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > fieldset > input + ul.autocomplete {list-style-type: none; position: absolute; width: calc(100% - 4px); background-color: #fff; padding:1em 0 0.5em; margin:-0.5em 2px 0; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; z-index: 1;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > fieldset > input + ul.autocomplete > li {width: 100%; padding:0.5em; padding:1.5em; cursor: pointer;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > fieldset > input + ul.autocomplete > li:hover {background-color:#edede9;}
.contact > div > .contact-bloc.agence > .contact-bloc-detail > form > button {display: block; margin:2em auto;}

.contact > div > .contact-bloc.candidature > .contact-bloc-detail > p {font-weight: 700; letter-spacing: 0.025em; line-height: 1.3em;}
.contact > div > .contact-bloc.candidature > .contact-bloc-detail > p > span{color: #eb8328; padding-right:1em;}


.contact > div > .contact-bloc > .contact-bloc-detail {display:table; width: 100%; margin: 2.5em 0 0; padding:4em 0 0; border-top: solid 1px #edede9;}
.contact > div > .contact-bloc > .contact-bloc-detail form > p {display:table-cell; width:33%; color: #eb8328; padding-right:12%; font-weight: 700; vertical-align: top; letter-spacing: 0.025em; line-height: 1.3em;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col {display:table-cell; width:50%; vertical-align: top; padding-right:5%;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset.it {margin-bottom:1.5em;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn { display:inline-block; width: calc(33% - 22px); margin: 0 20px 20px 0;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn2 {width: calc(50% - 23px);}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio] { position: absolute; left: -9999px;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio] + label {display:table; width:100%; height: 92px; padding:0 15px; background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; text-align: center; font-weight: 500; border: solid 2px #edede9; text-decoration: none; transition: all 0.3s; cursor: pointer; vertical-align: middle; line-height: 1.2em; letter-spacing: 0.025em;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio] + label > span{ display: table-cell; vertical-align: middle;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio]:checked + label { color: #eb8328; border-color: #eb8328; background-color: #fff;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text], .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=email] {height: 73px; width: calc(100% - 20px); background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 500; font-size:1.125em; line-height: 1; padding:0 1.5em; border: none; margin:0;}
/*.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text]::placeholder, .contact > div > .contact-bloc > .contact-bloc-detail > form > .right-col fieldset > input[type=email]::placeholder, .contact > div > .contact-bloc > .contact-bloc-detail > form > .right-col fieldset > input[type=number]::placeholder {color: #354651; -webkit-opacity: 1; opacity: 1;}*/
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text] + .hint, .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=email] + .hint, .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=number] + .hint {display:block; text-align: right; margin:0.2em 22px -0.9em 0; font-weight: 300; font-style: italic;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col .col50 {width: 49%; float:left; margin-bottom:1.5em;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col .col50 + .col50 {margin-left:2%; float:right;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .sep {width:100%; height:1px; border-top:solid 1px #efefec; margin:3em 0;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > textarea {height:215px; width: calc(100% - 20px); background-color: #edede9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 500; font-size:1.125em; line-height: 1; padding:1em; border: none; margin:0;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > legend {padding:1em 0 0.5em; font-weight: 700;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > legend > img {display:inline; margin-left:10px;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > button.add-attachment {line-height: 32px;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > button.add-attachment > span {display:inline-block; background:url(../img/contact/add.icon.png) center center no-repeat; width: 32px; height: 32px; margin:0 15px 0 0; vertical-align: middle;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap {list-style-type: none; padding:0; margin:0.5em 0 1.5em; width: 100%; border-bottom: solid 1px #edede9;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li { width: 100%; padding:1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 2.5em; font-size:500;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li.filed { background-color: #edede9; line-height: 1.5em; margin:0 0 1em;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .filename {display:inline-block; font-weight: bold; max-width: 50%; overflow: hidden; vertical-align: middle; height: 100%; max-height: 1.5em; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .fileinput > input[type=file] {position: absolute; left:-99999px;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .fileinput > input[type=file] + label {float:right; display: inline-block; vertical-align: middle;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li.filed > .fileinput {position:absolute; left:-99999px;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .action {display:none; width: 32px; height: 32px; background:url(../img/contact/remove.icon.png) center center no-repeat; float:right; cursor:pointer;}
.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li.filed > .action {display: block;}

.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > button {display: block; margin:5em auto 3em;}

.contact > div > .contact-bloc > .contact-bloc-detail form > fieldset.text-center > span {text-align: center;}
.contact > div > .contact-bloc > .contact-bloc-detail form input[type=text].error,
.contact > div > .contact-bloc > .contact-bloc-detail form input[type=email].error,
.contact > div > .contact-bloc > .contact-bloc-detail form input[type=number].error{
	border:solid 1px rgb(185, 74, 72) !important;
}
.contact > div > .contact-bloc > .contact-bloc-detail form .form-error{ font-size:0.875em; color: rgb(185, 74, 72); display: block; margin: 0.5em 0;}
.contact > div > .contact-bloc > .contact-bloc-detail form .hint + .form-error{ margin: 1em 0 0.5em;}
/*.contact > div > .contact-bloc > .contact-bloc-detail form input[type="checkbox"] {display: inline-block; margin: 0 0.5em 0 0; vertical-align: top;}
.contact > div > .contact-bloc > .contact-bloc-detail form input[type="checkbox"] + label {display: inline-block; width: 90%;}*/
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb{display: block;  position: relative;  padding: 0 0 0 60px;  cursor: pointer; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; width: calc(100% - 20px);}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb input[type="checkbox"] { position: absolute;  opacity: 0;  cursor: pointer;}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb .checkmark {position: absolute;  top: 0;  left: 0;  height: 40px;  width: 40px;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:0; background-color: #eee; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease;}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb:hover input[type="checkbox"] ~ .checkmark {  background-color: #ccc;}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb input[type="checkbox"]:checked ~ .checkmark {  background-color: #EB8328;}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb .checkmark:after {  content: "";  position: absolute;  display:none; left: 13px; top: 2px; width: 15px; height: 30px; border: solid white; border-width: 0 8px 8px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition-property: all; transition-duration: 0.4s; transition-timing-function: ease;}
.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb input[type="checkbox"]:checked ~ .checkmark:after {display:block;}


.popin-remerciement > .table-cell > .popin-wrapper > .message > .r1 {font-weight: 700; color:#e98228; letter-spacing: 0.025em; margin:1.5em 0; text-align: center;}
.popin-remerciement > .table-cell > .popin-wrapper > .message > .r2 {max-width:90%; font-weight: 500; letter-spacing: 0.025em; line-height: 1.4em; text-align: center;margin:0 auto 3em;}


/* @media */

@media (max-width: 1200px){
	.contact > div > .contact-bloc > ul.sub-nav > li:not(.conseiller-subitem) {font-size:1.5em;}

}

/* @media mobile */

@media (max-width: 991px){
	.contact > div > .contact-bloc {padding:2em;}
	.contact > div > .contact-bloc > .close { right: -15px; top: -15px;}
	.contact > div > .contact-bloc > ul.sub-nav > li:not(.conseiller-subitem) {font-size:1.2em;}
	.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#appeleznous > p {font-size:0.7em;}
	.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form {width: 100%;}
	.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#etrerappele > form > fieldset > .datepicker {width: 45% !important;}
	.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem#demande > a {max-width: calc(33% - 20px); font-size:1em;}

	.contact > div > .contact-bloc > .contact-bloc-detail form > p {display:inline-block; width: 39%;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col {display:inline-block; width: 60%;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset.sep::after {content:""; display:block; width:calc(100% - 22px); height:1px; border-bottom:solid 1px #edede9; margin-bottom:1.5em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn { display:inline-block; width: calc(49% - 22px);}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio] + label {height: 80px; padding:0 8px; font-weight: 300;line-height: 1.1em; letter-spacing: 0;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > div > .col50 {width: 100%; float:none; margin-bottom:1.5em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > div > .col50 + .col50 {margin-left:0; float:none;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text], .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=email] {height: 44px; width: calc(100% - 20px); font-size:1em; padding:0 1em; font-weight: 300;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > textarea {height:10em; font-size:1em; padding:0.8em; font-weight: 300;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > legend {font-size: 1em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > button.add-attachment {line-height: 2em; font-size:1em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > button.add-attachment > span {background-size:2em; width: 2em; height: 2em; margin:0 0.5em 0 0;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .filename {max-width: 40%;}

	.contact > div > .contact-bloc.parrainer > .contact-bloc-detail form > .right-col > button {padding:1.5em 2em;}

}
@media (max-width: 767px){
	.contact {width:90%; background: #fff; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; margin:0 auto; padding:0;}
	.contact > div {margin:0;}
	.contact > div > .contact-bloc, .contact > div > .contact-bloc:hover {background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin:0; padding: 0 3em; border-bottom: solid 1px #e7e6e1; padding:0;}
	_:-webkit-full-screen-ancestor, :root .contact > div > .contact-bloc, _:-webkit-full-screen-ancestor, :root .contact > div > .contact-bloc:hover {-webkit-box-shadow: none;}
	.contact > div > .contact-bloc > .close {display: none !important;}
	.contact > div > .contact-bloc > .icon {display: none !important;}
	.contact > div > .contact-bloc > .contact-titre{ width:100%; line-height: 1.2em; padding:2em 30px 2em 60px; font-size: 1.214em;}
	.contact > div > .contact-bloc > .contact-titre > span {height: 1.2em; top:2em; left:0; margin-left:30px;}
	.contact > div > .contact-bloc > ul.sub-nav {min-height: 0; margin: 0; padding:0.5em 30px;}
	.contact > div > .contact-bloc > ul.sub-nav > li:not(.conseiller-subitem) {position: relative; width: 100%; padding:0; margin:1em 0; left: 0 !important; background: url(../img/contact/right.arrow.orange.png) right center no-repeat; background-size: 7px;}

	.popin > div > .popin-wrapper > .popin-content > .appeleznous > p{text-align: center;}
	.popin > div > .popin-wrapper > .popin-content > .appeleznous > .m1 {display: block; font-weight: bold; margin:0;}
	.popin > div > .popin-wrapper > .popin-content > .appeleznous > .icon {display: block;}
	.popin > div > .popin-wrapper > .popin-content > .appeleznous > .icon > span { display:block; text-align: center; background-color: #edede9; width: 94px; height: 94px; line-height: 94px; margin:2em auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	.popin > div > .popin-wrapper > .popin-content > .appeleznous > .icon > span > img {display: inline; margin:0; padding:0;}

	.popin > div > .popin-wrapper > .popin-content > .etrerappele > .m1 {display: block; font-weight: bold; margin:0 0 2em;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset {margin: 0.8em 0;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=text] {width: 100%; height: 44px;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio] + label {display:inline-block; width: calc(33% - 8px); height: 42px; margin:0 10px 0 0; line-height: 42px;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio] + label:nth-child(0n+6) { margin:0;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker {width: calc(100% - 57px) !important; margin-left: 0 !important; text-align: center;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker + button {width: 47px; height: 44px; margin-left:10px;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .datepicker + button > img {width: 50%;}

	.popin > div > .popin-wrapper > .popin-content > .demande { display: block; width: 100%;}
	.popin > div > .popin-wrapper > .popin-content > .demande > .m1 {display: block; font-weight: bold; margin:0 0 2em;}
	.popin > div > .popin-wrapper > .popin-content > .demande > a {display: block; width: 100%; max-width:350px; height: 50px; line-height: 40px; margin: 1em auto;}

	.contact > div > .contact-bloc.agence > .contact-bloc-detail {width: 80%; margin: 0 auto; padding:1.5em 0 0; border-top: solid 1px #edede9;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail p {display:block; width: 100%; padding:0; font-size:1.2em;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail form {position: relative; display: block; width: 100%; margin:1.5em 0; padding:0;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail form > fieldset > input {width:100%; height:50px; background-color: #e9e8e3; padding:0 6em 0 1.5em;  -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail form > fieldset > input + ul.autocomplete {padding:3.5em 0 0.5em; margin:-2.5em 2px 0; -moz-border-radius-bottomright: 2em; -webkit-border-bottom-right-radius: 2em; border-bottom-right-radius: 2em; -moz-border-radius-bottomleft: 2em; -webkit-border-bottom-left-radius: 2em; border-bottom-left-radius: 2em;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail form > button {position: absolute; right:6px; top:6px; margin:0; padding: 1em 2em; z-index:2;}

	.contact > div > .contact-bloc > .contact-bloc-detail { width: 80%; margin: 0 auto; padding:1.5em 0 0; border-top: solid 1px #edede9;}
	.contact > div > .contact-bloc > ul.sub-nav > .conseiller-subitem.w100 {width: 80%; margin: 0 auto; padding:1.5em 0 0;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > p {display:block; width:100%; padding-right:0; letter-spacing: 0; font-size: 1em; margin:0 0 1em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col {display:block; width:100%; vertical-align: top; padding-right:0;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn {width:100%; margin:0 0 0.5em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > .radiobtn > input[type=radio] + label {height: 44px;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset.sep::after {width:100%;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text], .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=email] {width: 100%;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=text] + .hint, .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=email] + .hint, .contact > div > .contact-bloc > .contact-bloc-detail form > .right-col fieldset > input[type=number] + .hint {margin-right:0;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > textarea {width:100%;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li {line-height: 2em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li.filed { line-height: 1.8em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .filename { max-height: 2em; line-height: 1.8em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .fileinput > input[type=file] + label {padding:1em 1.3em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .sep {width:100%; margin:1.5em 0;}

	.contact > div > .contact-bloc > .contact-bloc-detail form label.custom-chkb {width: 100%;  padding: 0 0 0 50px;}



	.popin > .table-cell > .popin-wrapper {max-width: calc(100% - 2em); overflow: visible;}
	.popin > .table-cell > .popin-wrapper > .close {right:-0.8em; top:-0.8em;}

}
@media (max-width: 414px){
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=radio] + label {width: calc(33% - 9px);margin:0 10px 0 0;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset.text-center > span {text-align: center;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=text].error,
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=email].error,
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > input[type=number].error{
		border:solid 1px rgb(185, 74, 72) !important;
	}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .form-error{ font-size:0.875em; color: rgb(185, 74, 72); display: block; margin: 0.5em 0;}
	.popin > div > .popin-wrapper > .popin-content > .etrerappele > form > fieldset > .hint + .form-error{ margin: 1em 0 0.5em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .action {width: 22px; height: 22px; background-size:22px; margin-top:3px;}
	.contact > div > .contact-bloc.agence > .contact-bloc-detail form > fieldset > input {font-size:1em; height: 44px; padding:0 8em 0 1em;}
	.contact > div > .contact-bloc > .contact-bloc-detail form > .right-col > fieldset > ul.attachment-wrap > li > .filename {max-height: 1.8em; max-width: 35%;}

}
@media (max-width: 360px){
	.contact > div > .contact-bloc > .contact-titre{ padding:2em 10px 2em 50px;}
	.contact > div > .contact-bloc > .contact-titre > span { margin-left:20px;}
	.contact > div > .contact-bloc > .contact-bloc-detail {width: 90%;}
	.contact > div > .contact-bloc.parrainer > .contact-bloc-detail form > .right-col > button {padding:1.5em 1em;}
}



/*
* TEMLPATE NEWSLETTER SIGNIN
*/

.newsletter-signin{ margin:6em 0;}