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

/*
* 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 | IMMO
* Last update : 29/12/2017
* by franck.netillard@gmail.com | Plug@ll
*/

/*
* BODY
*/

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

	/* @media */

		@media (min-width: 992px){ body, body > header.green { background-position: center top;}}

	/* @media mobile */

		@media (max-width: 991px){ body, body > header.green { background-position: center -14em;}}
		@media (max-width: 767px){ body, body > header.green { background-position: center -16em;}}
		@media (max-width: 575px){ body, body > header.green { background-position: center -22.5em;}}
		@media (max-width: 414px){ body, body > header.green { background-position: center -20.5em;}}
		@media (max-width: 360px){ body, body > header.green { background-position: center -28em;}}

/* ********* */
/* QUESTIONS */
/* ********* */

	.body > div { position: relative;}
	.body > div > h1 { line-height: 1.2em; color: #fff; font-weight: 700;}
	.body > div > p { color: #fff; font-weight: 700; line-height: 1.5em;}
	.body > div > form > fieldset { text-align: center;}
	.body > div > form > fieldset { text-align: center;}
	.body > div > form > fieldset > legend { margin-bottom: 1em; text-align: center; color: #fff; font-weight: 700;}
	.body > div > form > fieldset.question1 > legend { margin-bottom: 2em; text-align: center; color: #fff; font-weight: 700;}
	.body > div > form > fieldset.question1 > .response { height: 11.7em; margin-bottom: 0;  text-align: center;}
	.body > div > form > fieldset.question2 > .response { margin-bottom: 2.25em;  text-align: center;}
	.body > div > form > fieldset.question1 > .response > label { width: 11em; height: 11em; margin: 0 calc(10% - 6em); line-height: 1.2em; text-align: center; display: inline-block; cursor: pointer; vertical-align: top;}
	.body > div > form > fieldset.question1 > .response > label > .icon { width: 8em; height: 8em; margin: 0 auto 1em auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block;}
	.body > div > form > fieldset.question1 > .response > label.icon-acheter-bien > .icon { background: #fff url(../img/icons/acheter-bien.icon.png) center no-repeat;}
	.body > div > form > fieldset.question1 > .response > label.icon-faire-construire > .icon { background: #fff url(../img/icons/faire-construire.icon.png) center no-repeat;}
	.body > div > form > fieldset.question1 > .response > label.icon-faire-travaux > .icon { background: #fff url(../img/icons/faire-travaux.icon.png) center no-repeat;}
	.body > div > form > fieldset.question1 > .response > label.icon-taux > .icon { background: #fff url(../img/icons/taux.icon.png) center no-repeat;}
	.body > div > form > fieldset.question1 > .response > label.icon-legal > .icon { background: #fff url(../img/icons/legal.icon.png) center no-repeat;}
	.body > div > form > fieldset.question1 > .response > label.selected > .icon { border: 2px solid #fff; background: #62a561 url(../img/icons/white-check.icon.png) center no-repeat; cursor: default;}
	.body > div > form > fieldset.question1 > .response > label > .text { color: #fff;}
	.body > div > form > fieldset.question2 > .response > label { width: 11em; height: 11em; margin: 0 calc(9.5% - 5.5em); display: inline-block; cursor: pointer;}
	.body > div > form > fieldset.question2 > .response > label > .table { width: 100%; height: 100%;}
	.body > div > form > fieldset.question2 > .response > label > .table > .text { width: 100%; height: 100%; background-color: #fff; color: #eb8328; text-align: center; vertical-align: middle; line-height: 1.2em;
																		padding: 0 1em; font-weight: 500; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: table-cell;}
	.body > div > form > fieldset.question2 > .response > label.selected > .table > .text { background-color: #62a561; color: #fff; border: 2px solid #fff; cursor: default;}
	.body > div > form > .button { display: block;}

	/* @media */

		@media (min-width: 992px){
			.body > div { margin-bottom: 6em; padding: 8em 0 0 0;}
			.body > div > h1 { width: 78%; margin: 0 auto 0.5em auto; text-align: center;}
			.body > div > p { text-align: center; letter-spacing: 0.05em; display: none;}
			.body > div > form > fieldset.question1 { display: block;}
			.body > div > form > fieldset.question2 { display: none;}
			.body > div > form > fieldset.question2 > legend { display: block;}
			.body > div > form > fieldset.question2 > .response { display: block;}
			.body > div > form > .button { margin: 0 auto; opacity: 0;}
		}
		@media (min-width: 1200px){
			.body > div > h1 { width: 65%;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > div { margin-bottom: 6em; padding: 6em 0 0 0;}
			.body > div > h1 { width: 530px; margin: 0 auto 0.5em auto; text-align: center;}
			.body > div > p { text-align: center; letter-spacing: 0.05em; display: block;}
			.body > div > form > fieldset.question1 { display: none;}
			.body > div > form > fieldset.question2 { display: block;}
			.body > div > form > fieldset.question2 > legend { display: none;}
			.body > div > form > fieldset.question2 > .response { display: none;}
			.body > div > form > .button { margin: 3em auto 0 auto; opacity: 1;}
		}
		@media (max-width: 767px){
			.body > div { margin-bottom: 5em;}
			.body > div > h1 { width: 430px;}
		}
		@media (max-width: 575px){
			.body > div > h1 { width: 370px;}
		}
		@media (max-width: 414px){
			.body > div > h1 { width: 300px; margin: 0 0 0.5em 0; text-align: left;}
			.body > div > p { text-align: left;}
		}
		@media (max-width: 360px){
			.body > div { margin-bottom: 4em;}
			.body > div > p { letter-spacing: 0;}
		}

/* ***************************** */
/* CALCULETTES POUR VOTRE PROJET */
/* ***************************** */

	.body > .section2 { padding: 1em 0; background: url(../img/background/bg.curve.green.png) center top no-repeat;}
	.body > .section2 > div > h2 { font-weight: 700; text-align: center; margin: 1em 0; color: #fff;}
	.body > .section2 > div > .method-wrapper { position: relative; margin: 0 auto; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; overflow: hidden;}
	.body > .section2 > div > .method-wrapper > .method { position: relative; width: 100%; margin: 0; display: table;}
	.body > .section2 > div > .method-wrapper > .method > .left { height: 100%; background-color: #fff; display: table-cell;}
	.body > .section2 > div > .method-wrapper > .method > .left.selected { background-color: #354651;}
	.body > .section2 > div > .method-wrapper > .method > .left > .method1 { width: 100%; height: 100%; padding: 1.2em 0; color: #354651; text-align: center; font-weight: 500;}
	.body > .section2 > div > .method-wrapper > .method > .left.selected > .method1 { color: #fff;}
	.body > .section2 > div > .method-wrapper > .method > .right { height: 100%; background-color: #fff; display: table-cell;}
	.body > .section2 > div > .method-wrapper > .method > .right.selected { background-color: #354651;}
	.body > .section2 > div > .method-wrapper > .method > .right > .method2 { width: 100%; height: 100%; padding: 1.2em 0; color: #354651; text-align: center; font-weight: 500;}
	.body > .section2 > div > .method-wrapper > .method > .right.selected > .method2 { color: #fff;}
	.body > .section2 > div > .method-wrapper > .method > .or { height: 100%; text-align: center; display: table-cell;}
	.body > .section2 > div > .method-wrapper > .method > .or.or1 { background: #354651;
		background: -moz-linear-gradient(left, #354651 0%, #354651 50%, #ffffff 50%, #ffffff 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, #354651), color-stop(50%, #354651), color-stop(51%, #ffffff), color-stop(100%, #ffffff));
				background: -webkit-linear-gradient(left, #354651 0%, #354651 50%, #ffffff 50%, #ffffff 100%);
					background: -o-linear-gradient(left, #354651 0%, #354651 50%, #ffffff 50%, #ffffff 100%);
						background: -ms-linear-gradient(left, #354651 0%, #354651 50%, #ffffff 50%, #ffffff 100%);
							background: linear-gradient(to right, #354651 0%, #354651 50%, #ffffff 50%, #ffffff 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354651', endColorstr='#ffffff', GradientType=1 );}
	.body > .section2 > div > .method-wrapper > .method > .or.or2 { background: #354651;
		background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #354651 50%, #354651 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #354651), color-stop(100%, #354651));
				background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #354651 50%, #354651 100%);
					background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #354651 50%, #354651 100%);
						background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #354651 50%, #354651 100%);
							background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #354651 50%, #354651 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#354651', GradientType=1 );}
	.body > .section2 > div > .method-wrapper > .method > .or > div { width: 2.2em; height: 2.2em; margin: 0 auto; background-color: #fff; font-weight: 500; line-height: 2.2em;
													text-align: center; letter-spacing: 0.05em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
	.body > .section2 > div > form { position: relative; margin-top: 2em; background-color: #fff;
										-webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px;
											-webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-top-right-radius: 10px;}
	.body > .section2 > div > form > fieldset.method2 { display: none;}
	.body > .section2 > div > form > fieldset > .field-wrapper > label { margin: 0 auto 1em auto; font-weight: 500; line-height: 1.2em;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper { position: relative; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .val { color: #eb8328; font-weight: 700;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > input { width: 100%; height: 1em; line-height: 1em; padding: 0; font-size: 2em; font-weight: 700; text-align: center;
																							background-color: transparent; color: #eb8328; border: 0; outline: 0; display: none;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .elm2 { position: absolute; left: 0; top: 3.5em; width: 100%; display: none;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .elm2 > li { width: 100%; height: 1.5em; line-height: 1.5em; padding: 0; font-size: 2em; font-weight: 700; text-align: center;
																									background-color: #edede9; border: 0; text-align: center; display: block;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .elm2 > li.selected { color: #354651;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector { position: relative; margin: 1em 1em 2em 1em;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector .line { position: relative; left: 0; width: 100%; height: auto; display: block;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector .orange { position: absolute; left: 0; top: 0; width: 1px; height: 100%;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector .orange img { width: 100%; height: 100%; display: block;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector .cursor { position: absolute; left: 0; top: 0; width: 14%; height: auto;}
	.body > .section2 > div > form > fieldset > .field-wrapper > .selector .cursor div { position: relative; width: 50%; height: 50%; margin: 25%; background: #fff url(../img/selector/cursor.bg.png) center center no-repeat;
																							border: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-size: 100% auto;}
	.body > .section2 > div > form > .chip { position: absolute; left: calc(50% - 3px); bottom: -5px; width: 11px; height: 7px; background: url(../img/immo/chip-down.png) no-repeat;}
	.body > .section2 > div > .results { margin-bottom: 2em; padding: 2em 0 1em 0; color: #fff; background: #61d0ad;
		background: -moz-linear-gradient(left, #61d0ad 0%, #c0cc53 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #61d0ad), color-stop(100%, #c0cc53));
			background: -webkit-linear-gradient(left, #61d0ad 0%, #c0cc53 100%); background: -o-linear-gradient(left, #61d0ad 0%, #c0cc53 100%);
				background: -ms-linear-gradient(left, #61d0ad 0%, #c0cc53 100%); background: linear-gradient(to right, #61d0ad 0%, #c0cc53 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61d0ad', endColorstr='#c0cc53', GradientType=1 );}
	.body > .section2 > div > .results > p { text-align: center;}
	.body > .section2 > div > .results > .what { margin: 0 0 0.5em 0; font-weight: 700;}
	.body > .section2 > div > .results > .what.method2 { display: none;}
	.body > .section2 > div > .results > .data1 { margin: 0 0 0.2em 0; font-weight: 700;}
	.body > .section2 > div > .results > .assurance { margin: 0 0 1.5em 0; font-weight: 500;}
	.body > .section2 > div > .results > .data2 { width: 50%; padding-right: 1em; float: left;}
	.body > .section2 > div > .results > .data2 > span.label { padding-right: 1em; font-weight: 500;}
	.body > .section2 > div > .results > .data2 > span.val { font-weight: 700;}
	.body > .section2 > div > .results > .data3 { width: 50%; padding-left: 1em; float: right;}
	.body > .section2 > div > .results > .data3 > span.label { padding-right: 1em; font-weight: 500; letter-spacing: 0.1em;}
	.body > .section2 > div > .results > .data3 > span.val { font-weight: 700;}
	.body > .section2 > div > .results > .information { margin: 2em 0 1em 0;}
	.body > .section2 > div > .results > .information > a { color: #fff;}
	.body > .section2 > div > .bottom { text-align: center;}
	.body > .section2 > div > .bottom > button { margin-bottom: 2em;}

	/* hover */

		.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .elm2 > li { color: #eb8328;}
		.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .elm2 > li:hover { color: #354651;}
		.body > .section2 > div > .results > .information > a { text-decoration: underline;}
		.body > .section2 > div > .results > .information > a:hover { text-decoration: none;}

	/* @media */

		@media (min-width: 992px){
			.body > .section2 { background-size: 1920px auto;}
			.body > .section2 > div > .method-wrapper { width: 60%;}
			.body > .section2 > div > .method-wrapper> .method > .left { width: 47%;}
			.body > .section2 > div > .method-wrapper> .method > .left > .method1 { letter-spacing: 0.05em;}
			.body > .section2 > div > .method-wrapper> .method > .or { width: 6%;}
			.body > .section2 > div > .method-wrapper> .method > .right { width: 47%;}
			.body > .section2 > div > .method-wrapper> .method > .right > .method2 { letter-spacing: 0.05em;}
			.body > .section2 > div > form > fieldset { padding: 1em 0.5em; text-align: left;}
			.body > .section2 > div > form > fieldset > .field-wrapper { width: 25%; padding: 1em 0.5em; float: left;}
			.body > .section2 > div > form > fieldset > .field-wrapper > label { padding-bottom: 0; font-size: 14px; letter-spacing: 0; text-align: center; text-transform: uppercase; display: block;}
			.body > .section2 > div > form > fieldset.method2 > .field-wrapper.field1 > label { width: 150px;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field2 > label { width: 100px;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field3 > label { width: 150px;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field4 > label { width: 150px;}
			.body > .section2 > div > form > fieldset > .field-wrapper > label span{ display: none;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper { padding: 1em; background-color: #edede9; display: block;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .val { width: 100%; font-size: 2em; text-align: center; text-decoration: none;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .val.select { background: url(../img/immo/select.png) right top 12px no-repeat;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .selector { display: none;}
			.body > .section2 > div > form > .chip { display: none;}
			.body > .section2 > div > .results > .assurance { letter-spacing: 0.1em;}
			.body > .section2 > div > .results > .data2 { text-align: right;}
			.body > .section2 > div > .results > .data3 { text-align: left;}
			.body > .section2 > div > .results > .data2 > span,
			.body > .section2 > div > .results > .data3 > span { display: inline;}
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { letter-spacing: 0.1em;}
			.body > .section2 > div > .results > .data2 > span.val,
			.body > .section2 > div > .results > .data3 > span.val { margin-top: 0;}
			.body > .section2 > div > .bottom > button { width: 400px;}
		}
		@media (min-width: 1200px){
			.body > .section2 > div > form > fieldset { padding: 1em;}
			.body > .section2 > div > form > fieldset > .field-wrapper { padding: 1em;}
			.body > .section2 > div > form > fieldset > .field-wrapper > label { letter-spacing: 0.05em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .section2 { background-size: auto 100%;}
			.body > .section2 > div > .method-wrapper { width: 80%;}
			.body > .section2 > div > .method-wrapper > .method > .left { width: 47%;}
			.body > .section2 > div > .method-wrapper > .method > .left > .method1 { letter-spacing: 0.05em;}
			.body > .section2 > div > .method-wrapper > .method > .or { width: 6%;}
			.body > .section2 > div > .method-wrapper > .method > .right { width: 47%;}
			.body > .section2 > div > .method-wrapper > .method > .right > .method2 { letter-spacing: 0.05em;}
			.body > .section2 > div > form > fieldset { padding: 1em 0.5em; text-align: center;}
			.body > .section2 > div > form > fieldset > .field-wrapper { width: auto; padding: 0 0.5em; float: none;}
			.body > .section2 > div > form > fieldset > .field-wrapper > label { padding-bottom: 0.5em; font-size: 1.5em; letter-spacing: 0; text-align: left; text-transform: none; display: inline;}
			.body > .section2 > div > form > fieldset > .field-wrapper > label span{ display: inline;}
			.body > .section2 > div > form > fieldset.method2 > .field-wrapper.field1 > label { width: auto;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field2 > label { width: auto;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field3 > label { width: auto;}
			.body > .section2 > div > form > fieldset > .field-wrapper.field4 > label { width: auto;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper { padding: 0 0 0.5em 0.5em; background-color: transparent; display: inline-block;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .val { width: auto; font-size: 1.5em; text-align: left; text-decoration: underline; white-space: nowrap;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .element-wrapper > .val.select { background: none; text-decoration: none;}
			.body > .section2 > div > form > fieldset > .field-wrapper > .selector { display: block;}
			.body > .section2 > div > form > .chip { display: block;}
			.body > .section2 > div > .results > .assurance { letter-spacing: 0.1em;}
			.body > .section2 > div > .results > .data2,
			.body > .section2 > div > .results > .data3 { text-align: center;}
			.body > .section2 > div > .results > .data2 > span,
			.body > .section2 > div > .results > .data3 > span { display: block;}
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { letter-spacing: 0.1em;}
			.body > .section2 > div > .results > .data2 > span.val,
			.body > .section2 > div > .results > .data3 > span.val { margin-top: 0.2em;}
			.body > .section2 > div > .bottom > button { width: 400px;}
		}
		@media (max-width: 767px){
			.body > .section2 > div > .method-wrapper { width: 100%;}
			.body > .section2 > div > .results > .assurance { letter-spacing: 0;}
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { letter-spacing: 0;}
		}
		@media (max-width: 575px){
			.body > .section2 > div > .method-wrapper > .method > .left > .method1 { letter-spacing: 0;}
			.body > .section2 > div > .method-wrapper > .method > .right > .method2 { letter-spacing: 0;}
			.body > .section2 > div > .results > .what { font-size: 2em;}
			.body > .section2 > div > .results > .assurance,
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { font-size: 12px;}
			.body > .section2 > div > .results > .data2 > span.val,
			.body > .section2 > div > .results > .data3 > span.val { font-size: 2em;}
			.body > .section2 > div > .bottom > button { width: 300px;}
		}
		@media (max-width: 414px){
			.body > .section2 > div > .method-wrapper > .method > .left { width: auto;}
			.body > .section2 > div > .method-wrapper > .method > .or { width: 2.2em;}
			.body > .section2 > div > .method-wrapper > .method > .right { width: auto;}
			.body > .section2 > div > .results > .what { font-size: 1.5em;}
			.body > .section2 > div > .results > .assurance,
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { font-size: 10px;}
		}
		@media (max-width: 360px){
			.body > .section2 > div > .results > .assurance,
			.body > .section2 > div > .results > .data2 > span.label,
			.body > .section2 > div > .results > .data3 > span.label { font-size: 9px;}
			.body > .section2 > div > .bottom > button { width: 270px; padding-left: 2em; padding-right: 2em;}
		}

/* **************** */
/* PARLONS PROJET ! */
/* **************** */

	.body > .section3 { background-color: #fff;}
	.body > .section3 > div > h2 { font-weight: 700; text-align: center; margin: 1em 0 0.5em 0;}
	.body > .section3 > div > p { margin-bottom: 2.5em; padding: 0 1em; text-align: center; font-family: 'Playfair Display', serif; line-height: 1.3em;}
	.body > .section3 > div > ul { width: 100%; background-color: #747f87;}
	.body > .section3 > div > ul > li { position: relative; text-align: center; vertical-align: middle; color: #fff; cursor: pointer; overflow: hidden; display: block; float: left;}
	.body > .section3 > div > ul > li > .cover { position: absolute; left: -20px; top: -20px; width: calc(100% + 40px); height: calc(100% + 40px); z-index: 1;}
	.body > .section3 > div > ul > li > .cover > img { position: absolute; top: 0; width: auto; height: 100%; display: block;}
	.body > .section3 > div > ul > li > .table { position: relative; width: 100%; height: 100%; z-index: 2;}
	.body > .section3 > div > ul > li > .table > .table-cell > p { margin-bottom: 2em;}
	.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-weight: 700;}
	.body > .section3 > div > ul > li > .table > .table-cell > .button { font-size: 10px; font-weight: 500; letter-spacing: 0.2em;}

	/* hover */

		.body > .section3 > div > ul > li > .cover { -webkit-transition: -webkit-filter 0.1s; transition: -webkit-filter 0.1s, -moz-filter 0.1s, -o-filter 0.1s, -ms-filter 0.1s, filter 0.1s;}
		.body > .section3 > div > ul > li:hover > .cover {  -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);}
		.body > .section3 > div > ul > li > .table > .table-cell > p { display: block;}
		.body > .section3 > div > ul > li:hover > .table > .table-cell > p { display: none;}
		.body > .section3 > div > ul > li > .table > .table-cell > .button { display: none;}
		.body > .section3 > div > ul > li:hover > .table > .table-cell > .button { display: inline-block;}

	/* @media */

		@media (min-width: 992px){
			.body > .section3 { padding: 1em 0 4em 0;}
			.body > .section3 > div > ul { width: 100%; min-height: 30em;}
			.body > .section3 > div > ul > li {width: 33.33333333%; height: 30em;}
			.body > .section3 > div > ul > li > .table > .table-cell > p { font-size: 0.875em;}
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: 2.2em;}
			.body > .section3 > div > ul > li > .table > .table-cell > .button { margin-top: 3em;}
		}
		@media (min-width: 1200px){
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: auto;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .section3 { padding: 1em 0 0 0;}
			.body > .section3 > div { width: 100%; margin: 0;}
			.body > .section3 > div > ul { width: 100%; margin: 0; min-height: auto;}
			.body > .section3 > div > ul > li { width: 100%; height: 20em;}
			.body > .section3 > div > ul > li > .table > .table-cell > p { font-size: 0.875em;}
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: auto;}
			.body > .section3 > div > ul > li > .table > .table-cell > .button { margin-top: 3em;}
		}
		@media (max-width: 767px){
			.body > .section3 > div > ul > li { height: 16em;}
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: 2em;}
			.body > .section3 > div > ul > li > .table > .table-cell > .button { margin-top: 2em;}
		}
		@media (max-width: 575px){
			.body > .section3 > div > ul > li { height: 12em;}
			.body > .section3 > div > ul > li > .table > .table-cell > p { font-size: 0.786em;}
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: 1.8em;}
		}
		@media (max-width: 414px){
			.body > .section3 > div > ul > li { height: 10em;}
			.body > .section3 > div > ul > li > .table > .table-cell > h3 { font-size: 1.4em;}
		}
		@media (max-width: 360px){
			.body > .section3 > div > ul > li > .table > .table-cell > p { font-size: 0.833em;}
		}

/* *********************************************************************************************** */
/* TROUVER LE MEILLEUR FINANCEMENT POUR VOTRE CRÉDIT IMMOBILIER, C'EST SIMPLE ET RAPIDE AVEC CAFPI */
/* *********************************************************************************************** */

	.body > .section5 { padding-bottom: 4em;}
	.body > .section5 > div > h2 { margin-bottom: 1.5em; padding-top: 0.5em; font-weight: 700; line-height: 1.2em; text-align: center;}
	.body > .section5 > div > .find > .wrapper { position: relative; width: 100%; overflow: hidden;}
	.body > .section5 > div > .find > .wrapper > ul { position: relative;}
	.body > .section5 > div > .find > .wrapper > ul > li.part { text-align: center; display: block; float: left;}
	.body > .section5 > div > .find > .wrapper > ul > li > h3 { margin-bottom: 1.5em; line-height: 1.3em; padding-top: 90px; font-family: 'Playfair Display', serif; font-weight: bold; text-align: center; letter-spacing: 0.05em;}
	.body > .section5 > div > .find > .wrapper > ul > li.text1 > h3 { background: url(../img/icons/immo1.icon.png) top center no-repeat;}
	.body > .section5 > div > .find > .wrapper > ul > li.text2 > h3 { background: url(../img/icons/immo2.icon.png) top center no-repeat;}
	.body > .section5 > div > .find > .wrapper > ul > li.text3 > h3 { background: url(../img/icons/immo3.icon.png) top center no-repeat;}
	.body > .section5 > div > .find > .wrapper > ul > li > p { padding: 0 1.5em; line-height: 1.8em;}

	/* @media */

		@media (min-width: 992px){ .body > .section5 { display: block;}}

	/* @media mobile */

		@media (max-width: 991px){ .body > .section5 { display: none;}}

/* **** */
/* CTRL */
/* **** */

	.ctrl { position: fixed; left: calc(50% - 120px); top: 0; width: 240px; height: 40px; z-index: 102; display: none;}
		.ctrl > form > input { width: 200px; height: 40px; margin: 0; padding: 0 0.5em; color: #354651; font-size: 20px; line-height: 40px; font-weight: 500; border: 3px solid #ccc; border-right: 0; display: inline-block;}
		.ctrl > form > button { width: 40px; height: 40px; margin: 0; background-color: #eb8328; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0.05em; display: inline-block;}

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

	.body > .meteo > div > h2 { font-weight: 700; text-align: center; margin: 1em 0;}
	.body > .meteo > div > p.top { margin-bottom: 0.5em; padding: 0 1em; text-align: center;}
	.body > .meteo > div > p.top > span { font-family: 'Playfair Display', serif; line-height: 1.3em;}
	.body > .meteo > div > p.top > a { margin-top: 1em; color: #354651; font-weight: 500; display: inline-block;}
	.body > .meteo > div > p.bottom { margin-top: 1em; text-align: center;}
	.body > .meteo > div > p.bottom > .button:first-child { margin: 1em 0 2em 0;}
	.body > .meteo > div > .meteo-container { width: 100%; height: auto; margin:0 auto; overflow: hidden;}
	.body > .meteo > div > .meteo-container > .wrapper { position: relative; width: 100%; overflow: hidden;}
	.body > .meteo > div > .meteo-container > .wrapper > ul { position: relative;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li { display: block; float: left;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card { position: relative; text-align: center; border: 0;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > figure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 2em; display: block;
																				background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > figure > .title { font-weight: 700; padding: 1em 0; border-bottom: 1px solid #eaebeb;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .front > .taux1 { padding: 1em 0; border-bottom: 1px solid #eaebeb; color: #eb8328;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .front > .taux2 { padding: 1em 0; border-bottom: 1px solid #eaebeb;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .front > .taux3 { padding: 1.7em 0 0 0;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .front > .taux1 > span,
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .front > .taux2 > span { padding: 0 0 0.3em 0; font-weight: 700; display: block;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .back > p { font-weight: 400; padding: 1.5em 0; color: #5aaf71;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .back > p.evolution1 { border-bottom: solid 1px #eaebeb;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .back > p { margin: 1em 0; padding: 5em 0 2em 0;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .back > p.up { background: url(../img/template/meteo/arrow-inc-red.png) center 0.7em no-repeat; background-size: auto 3.3em; color:#eb4828;}
	.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card > .back > p.down { background: url(../img/template/meteo/arrow-dec-green.png) center 0.7em no-repeat; background-size: auto 3.3em; color:#5aaf71;}
	.body > .meteo > div > .meteo-container > .paginer { margin-top: 0;}

	/* hover */

		.body > .meteo > div > p.top > a { text-decoration: underline;}
		.body > .meteo > div > p.top > a:hover { text-decoration: none;}

	/* @media */

		@media (min-width: 992px){
			.body > .meteo > div  { margin: 0 auto 4em auto;}
			.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card { margin: 3em 1em; max-width: auto;}
			.body > .meteo > div > p.bottom > .button { width: 400px;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .meteo > div { margin: 0 auto 4em auto;}
			.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card { margin: 3em auto; max-width: 340px;}
			.body > .meteo > div > p.bottom > .button { width: 400px;}
		}
		@media (max-width: 767px){
			.body > .meteo > div { margin: 0 auto 3em auto;}
		}
		@media (max-width: 575px){
			.body > .meteo > div > p.bottom > .button { width: 300px;}
		}
		@media (max-width: 414px){
			.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card { max-width: 300px;}
		}
		@media (max-width: 360px){
			.body > .meteo > div { margin: 0 auto 2em auto;}
			.body > .meteo > div > .meteo-container > .wrapper > ul > li > .card { max-width: 260px;}
			.body > .meteo > div > p.bottom > .button { width: 270px; padding: 1.2em 3em;}
		}

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

	.body > .avis { position: relative; z-index: 2;}
	.body > .avis > .layer { position: relative;}
	.body > .avis > .layer > .visuel { position: absolute; left: 0; top: 0; height: 100%;}
	.body > .avis > .layer > .table > .table-cell { position: relative; width: 100%; height: 100%;}
	.body > .avis > .layer > .table > .table-cell > p.information { font-family: 'Playfair Display', serif; line-height: 1.5em;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper { position: relative; width: 100%; height: auto; overflow: hidden;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article { position: relative; background-color: #fff; float: left;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .user { position: absolute; left: 50%; top: -2.5em; width: 5em; height: 5em; margin-left: -2.5em;
																										background-color: #354651; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: table;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .user > span { width: 100%; height: 100%; color: #fff; font-weight: 500;
																												text-align: center; vertical-align: middle; display: table-cell;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .user > span:first-letter { letter-spacing: 0.2em;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars { width: 142px; height: 21px; margin: 0.5em auto 1em auto; display: block;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars.stars1 { background: url(../img/template/avis/stars-1.png) center no-repeat;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars.stars2 { background: url(../img/template/avis/stars-2.png) center no-repeat;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars.stars3 { background: url(../img/template/avis/stars-3.png) center no-repeat;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars.stars4 { background: url(../img/template/avis/stars-4.png) center no-repeat;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .stars.stars5 { background: url(../img/template/avis/stars-5.png) center no-repeat;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .common { font-size: 12px;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .title { margin: 1em 0 0.5em 0; font-weight: 700;}
	.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .details { font-family: 'Playfair Display', serif; line-height: 1.5em;}
	.body > .avis > .layer > .table > .table-cell > .panel > .paginer { margin: -1px; padding: 1.5em 0; background-color: #fff;
																			-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
																				-webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
	.body > .avis > .layer > .table > .table-cell > p.certification > span > .bycafpi { font-size: 12px; font-weight: 500;}

	/* @media */

		@media (min-width: 992px){
			.body > .avis > .layer > .table > .table-cell > p.information { width: 100%; margin: 0 0 1em 0;}
			.body > .avis > .layer > .table > .table-cell > p.certification { background: url(../img/template/avis/icon.blue.png) center top no-repeat;}
			.body > .avis > .layer > .table > .table-cell > p.certification > span { display: inline;}
			.body > .avis > .layer > .table > .table-cell > p.certification > .button { margin-bottom: 0;}
			.body > .avis > .layer > .table > .table-cell > .panel > .paginer { display: none;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .avis > .layer > .table > .table-cell { text-align: center; padding-left: 0;}
			.body > .avis > .layer > .table > .table-cell > p.information { width: 14em; margin: 0 auto 1em auto;}
			.body > .avis > .layer > .table > .table-cell > p.certification { background: none;}
			.body > .avis > .layer > .table > .table-cell > p.certification > span { display: none;}
			.body > .avis > .layer > .table > .table-cell > p.certification > .button { margin-bottom: 3em;}
			.body > .avis > .layer > .table > .table-cell > .panel > .paginer { display: block;}
		}
		@media (max-width: 575px){
			.body > .avis { width: 100%;}
			.body > .avis > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .title { font-size: 1.125em;}
		}

/*
* MONO
*/

	.body > .avis.avis-mono { background: #fff;}
	.body > .avis.avis-mono > .layer { height: 100%; background: #edede9;}
	.body > .avis.avis-mono > .layer > .table { height: 100%;}
	.body > .avis.avis-mono > .layer > .table > .table-cell > h2 { font-weight: 700; line-height: 1.2em;}
	.body > .avis.avis-mono > .layer > .table > .table-cell > .panel > .wrapper > .comments { position: relative; left: 0; top: 0; padding-top: 2.5em;}
	.body > .avis.avis-mono > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article { padding: 3.5em 3em 0 3em;
		-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
	.body > .avis.avis-mono > .layer > .table > .table-cell > p.certification { position: relative; font-weight: 700; text-align: center; display: inline-block;}

	/* @media */

		@media (min-width: 992px){
			.body > .avis.avis-mono { height: 500px;}
			.body > .avis.avis-mono > .layer > .visuel { width: 36%; background: url(../img/template/avis/bg.default.png) no-repeat; background-position: left -5em top; background-size: cover;}
			.body > .avis.avis-mono > .layer > .table { margin-left: 36%; width: 64%;}
			.body > .avis.avis-mono > .layer > .table > .table-cell { text-align: left; padding-left: 45%;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > h2 { margin: 0 0 0.5em 0;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > .panel { position: absolute;  left: -15em; top: 70px; width: 30em; margin: 0;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > p.certification { padding: 60px 0 0.5em 0;}
		}
		@media (min-width: 1200px){
			.body > .avis.avis-mono > .layer > .visuel { width: 36.5%; background-position: left top;}
			.body > .avis.avis-mono > .layer > .table { margin-left: 36.5%; width: 63.5%;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .avis.avis-mono { height: auto;}
			.body > .avis.avis-mono > .layer > .visuel { width: 100%; background: url(../img/template/avis/bg.mobile.png) no-repeat; background-position: left top 18%; background-size: 130% auto;}
			.body > .avis.avis-mono > .layer > .table { margin-left: 0; width: 100%;}
			.body > .avis.avis-mono > .layer > .table > .table-cell { text-align: center; padding-left: 0;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > h2 { margin: 1em 0 0.5em 0;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > .panel { position: relative;  left: 0; top: 0; width: 30em; margin: 0 auto;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > p.certification { padding: 2em 0 0.5em 0;}
		}
		@media (max-width: 575px){
			.body > .avis.avis-mono > .layer > .visuel { background-position: left top 8%; background-size: 160% auto;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > .panel { width: 25em;}
		}
		@media (max-width: 414px){
			.body > .avis.avis-mono > .layer > .visuel { background-position: left top 18%;}
			.body > .avis.avis-mono > .layer > .table > .table-cell > .panel { width: 23em; padding: 0;}
		}

/*
* DUO
*/

	.body > .avis.avis-duo { background: #edede9;
								background: -moz-linear-gradient(top, #edede9 0%, #edede9 30%, #ffffff 30%, #ffffff 100%);
									background: -webkit-gradient(left top, left bottom, color-stop(0%, #edede9), color-stop(30%, #edede9), color-stop(30%, #ffffff), color-stop(100%, #ffffff));
										background: -webkit-linear-gradient(top, #edede9 0%, #edede9 30%, #ffffff 30%, #ffffff 100%);
											background: -o-linear-gradient(top, #edede9 0%, #edede9 30%, #ffffff 30%, #ffffff 100%);
												background: -ms-linear-gradient(top, #edede9 0%, #edede9 30%, #ffffff 30%, #ffffff 100%);
													background: linear-gradient(to bottom, #edede9 0%, #edede9 30%, #ffffff 30%, #ffffff 100%);
														filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edede9', endColorstr='#ffffff', GradientType=0 );}
	.body > .avis.avis-duo > .layer { height: auto;}
	.body > .avis.avis-duo > .layer > .table { width: 100%;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 { left: 0; top: 0; width: 100%; height: auto; cursor: default; z-index: 3;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > img { width: 100%; height: auto;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper > video { width: 100%; height: auto; display: block;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper > .close { position: absolute; right: 0.5em; top: 0.5em; width: 30px; height: 30px;
																								background: url(../img/template/avis/close.png) no-repeat; display: none; cursor: pointer;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper { left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table { width: 100%; height: 100%;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > span { font-weight: 700; text-align: center; display: block;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > button { width: 100px; height: 100px; margin-top: 1em; -webkit-appearance: none;
																													background: url(../img/template/avis/video-button.png) center no-repeat;
																														-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > p.information { position: relative; text-align: center; z-index: 2;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { z-index: 1;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments { position: relative; width: 96%; max-width: 1160px; margin: 0 auto;}
	.body > .avis.avis-duo > .layer > .table > .table-cell > p.certification { position: relative; width: 100%; font-weight: 700; text-align: center; display: inline-block; z-index: 2;}

	/* hover */

		.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper { opacity: 1;}
		.body > .avis.avis-duo > .layer > .table > .table-cell > h2:hover > .video-wrapper { opacity: 0.7;}

	/* @media */

		@media (min-width: 992px){
			.body > .avis.avis-duo { height: auto;}
			.body > .avis.avis-duo > .layer { background: #fff;}
			.body > .avis.avis-duo > .layer > .visuel { background: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell { text-align: left; padding: 32% 0 2em 0;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 { position: absolute;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > img { display: block;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper { display: block;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper { position: absolute;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > span { padding: 0; color: #fff;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > span > span { display: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > button { display: inline-block;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { position: absolute;  left: 0; top: 50%; width: 100%; margin: 0;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments { padding-top: 0;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article { width: 50%; padding: 3.5em 0 0 0;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article:first-child { text-align: center; padding-right: 12em;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article:last-child { text-align: center; padding-left: 12em;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .user { display: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > p.certification { padding: 60px 0 0.5em 0;}
		}
		@media (min-width: 1200px){
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { top: 55%;}
		}
		@media (min-width: 1367px){
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { top: 60%;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .avis.avis-duo { height: auto;}
			.body > .avis.avis-duo > .layer { background: #edede9;}
			.body > .avis.avis-duo > .layer > .visuel { width: 100%; background: url(../img/template/avis/bg.mobile.png) no-repeat; background-position: left top 18%; background-size: 130% auto;}
			.body > .avis.avis-duo > .layer > .table > .table-cell { text-align: center; padding: 0;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 { position: relative;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > img { display: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .video-wrapper { display: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper { position: relative;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > span { padding: 1em 0; color: #354651;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > span > span { display: inline;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > h2 > .table-wrapper > .table > .table-cell > button { display: none;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { position: relative;  left: 0; top: 0; width: 30em; margin: 0 auto;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments { padding-top: 2.5em;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article { width: auto; padding: 3.5em 3em 0 3em;
				-webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article:first-child { text-align: center;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article:last-child { text-align: center;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel > .wrapper > .comments > .article > .user { display: table;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > p.certification { padding: 2em 0 0.5em 0;}
		}
		@media (max-width: 575px){
			.body > .avis.avis-duo > .layer > .visuel { background-position: left top 8%; background-size: 160% auto;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { width: 25em;}
		}
		@media (max-width: 414px){
			.body > .avis.avis-duo > .layer > .visuel { background-position: left top 18%;}
			.body > .avis.avis-duo > .layer > .table > .table-cell > .panel { width: 23em; padding: 0;}
		}

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

	.body > .consult { position: relative; width: 100%;}
	.body > .consult > div { position: relative;}
	.body > .consult.consult-orange > div { background: url(../img/background/bg.orange.bis.png) no-repeat;}
	.body > .consult.consult-green > div { background: url(../img/background/bg.green.bis.png) no-repeat;}
	.body > .consult.consult-background-none { background: none !important;}
	.body > .consult > div > h2 { margin-bottom: 1em; padding: 0 1em; color: #fff; font-weight: 500; text-align: center; line-height: 1.2em;}
	.body > .consult > div > p.conseiller { font-family: 'Playfair Display', serif; color: #fff; text-align: center;}
	.body > .consult > div > form { position: relative; margin: 3em auto; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; z-index: 2;}
	.body > .consult > div > form > input { width: calc(100% - 17.3em); height: 1em; margin: 0 0 0 1em; padding: 0 0.5em;
												vertical-align: middle; color: #354651; font-weight: 500; line-height: 1.3em; letter-spacing: 0.05em; border: 0;}
	.body > .consult > div > form > input::-webkit-input-placeholder { color: #354651; line-height: 1; text-align: left;}
	.body > .consult > div > form > input::-moz-placeholder { color: #354651; line-height: 1; text-align: left;}
	.body > .consult > div > form > input:-ms-input-placeholder { color: #354651; line-height: 1; text-align: left;}
	.body > .consult > div > form > input:-moz-placeholder { color: #354651; line-height: 1; text-align: left;}
	.body > .consult > div > form > button { vertical-align: middle;}
	.body > .consult > div > .all { text-align: center;}
	.body > .consult > div > .all > a { color: #fff;}
	.body > .consult > div > .questions { position: relative; max-width: 1190px; margin-top: 4em; z-index: 2;}
	.body > .consult > div > .questions > .wrapper { position: relative; width: 100%; padding: 0 0 1em 0; overflow: hidden;}
	.body > .consult > div > .questions > .wrapper > ul { position: relative; width: 100%; display: table;}
	.body > .consult > div > .questions > .wrapper > ul > li { position: relative; width: 33.33333333%; height: 100%; display: table-cell;}
	.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper { width: 92%; height: 100%; margin: 0 4%; background-color: #fff; text-decoration: none;
																					-webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; display: block;
																						-webkit-transition: box-shadow 0.3s, -moz-box-shadow 0.3s, -webkit-box-shadow 0.3s, -o-box-shadow 0.3s;
																							transition: box-shadow 0.3s, -moz-box-shadow 0.3s, -webkit-box-shadow 0.3s, -o-box-shadow 0.3s;}
	.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper > .question-body > a { color: #354651; font-weight: 500; line-height: 1.3em;}
	.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper > .question-body > a:hover { text-decoration: none;}
	.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper > .question-footer { padding-top: 1em; line-height: 1.3em; font-weight: 500; border-top: 1px solid #a8afb4;}
	.body > .consult > div > figure { position: absolute; right: 0; bottom: 21%; z-index: 1;}
	.body > .consult > div > figure > img { display: block;}

	/* hover */

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

	/* @media */

		@media (min-width: 992px){
			.body > .consult { background: #fff url(../img/background/bg.curve.gray.png) center top 15em no-repeat;}
			.body > .consult > div { padding: 4em 0;}
			.body > .consult.consult-orange > div,
			.body > .consult.consult-green > div { background-size: 100% 79%;}
			.body > .consult > div > p.conseiller { letter-spacing: 0.1em;}
			.body > .consult > div > form { width: 65%; padding: 0.5em 0; background-color: #fff;}
			.body > .consult > div > form > input { display: inline-block;}
			.body > .consult > div > form > button { margin: 0; display: inline-block;}
			.body > .consult > div > .questions { width: auto; margin: 3em auto 0 auto;}
			.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper { padding: 1em 1.5em;}
			.body > .consult > div > .all > a { letter-spacing: 0.1em;}
		}
		@media (min-width: 1200px){
			.body > .consult > div > form { width: 55%;}
			.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper { padding: 1.5em 2em;}
		}
		@media (min-width: 1367px){
			.body > .consult > div > form { width: 50%;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .consult { background: #fff none;}
			.body > .consult > div { padding: 4em 0;}
			.body > .consult.consult-orange > div,
			.body > .consult.consult-green > div { background-size: 100% 72%;}
			.body > .consult > div > p.conseiller { letter-spacing: 0.1em;}
			.body > .consult > div > form { width: 100%; padding: 0; background-color: transparent;}
			.body > .consult > div > form > input { display: none;}
			.body > .consult > div > form > button { margin: 0 auto; display: block;}
			.body > .consult > div > .questions { width: 400px; margin: 3em auto 0 auto;}
			.body > .consult > div > .questions > .wrapper > ul > li > .question-wrapper { padding: 1em 1.5em;}
			.body > .consult > div > .all > a { letter-spacing: 0.1em;}
		}
		@media (max-width: 767px){
			.body > .consult > div { padding: 3em 0 4em 0;}
		}
		@media (max-width: 575px){
			.body > .consult > div > .questions { width: 360px;}
		}
		@media (max-width: 414px){
			.body > .consult > div { padding: 2em 0 4em 0; }
			.body > .consult > div > p.conseiller { letter-spacing: 0;}
			.body > .consult > div > .questions { width: 320px;}
			.body > .consult > div > .all > a { letter-spacing: 0;}
		}
		@media (max-width: 360px){
			.body > .consult > div > .questions { width: 300px;}
		}

input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
    -o-appearance: none;
    margin:0
}