/*!
 * 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 : 30/04/2019
* 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;}}

.plugall-dropdown > .plugall-dropdown-state { display: none !important;}
.plugall-dropdown > .plugall-dropdown-details { transition: opacity .1s linear;}
.plugall-dropdown > .plugall-dropdown-state:not(:checked) ~ .plugall-dropdown-details { opacity: 0;}
.plugall-dropdown > .plugall-dropdown-state:checked ~ .plugall-dropdown-details { opacity: 1;}

/*
* 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-giant { font-size: 4.688em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-very-big { font-size: 2.25em;}
			.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-giant { font-size: 4.688em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-very-big { font-size: 2.25em;}
			.text-very-very-big.text-mobile-smaller { font-size: 1.5em;}
			.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-giant { font-size: 4.688em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.625em;}
			.text-very-very-big { font-size: 2.25em;}
			.text-very-very-big.text-mobile-smaller { font-size: 1.4em;}
			.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-giant { font-size: 4.643em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.571em;}
			.text-very-very-big { font-size: 2.214em;}
			.text-very-very-big.text-mobile-smaller { font-size: 1.429em;}
			.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-giant { font-size: 4.667em;}
			.text-xtrem-big { font-size: 3.5em;}
			.text-maxi-big { font-size: 2.5em;}
			.text-very-very-big { font-size: 2.167em;}
			.text-very-very-big.text-mobile-smaller { font-size: 1.417em;}
			.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 > .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;}
	.popin > .table-cell > .popin-wrapper > ul { margin-bottom: 1em; text-align: left;}
	.popin > .table-cell > .popin-wrapper > ul li { margin: 0 0 1em 0; padding: 0 0 0 1.5em; line-height: 1.3em; background: url(/img/conso/chip-checked-orange.png) left top .2em no-repeat; display: block;}

	/* @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: none;}
	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;}
	body > aside.warning > div > button { padding-left: 1.5em !important; padding-right: 1.5em !important;}
	body > aside.warning > div > button > span { font-size: 14px !important; letter-spacing: 0;}

	/* @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
*/
											  .light-shadow { 		  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);   -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);}
				 @-moz-document url-prefix(){ .light-shadow { 		  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}}
											  .light-shadow { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}
		_:-webkit-full-screen-ancestor, :root .light-shadow { -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);}
		
											  .light-shadow.shadow-lighter:hover {		   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);   -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);}
				 @-moz-document url-prefix(){ .light-shadow.shadow-lighter:hover { 		   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);}}
											  .light-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);}
		_:-webkit-full-screen-ancestor, :root .light-shadow.shadow-lighter:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);}
		
											  .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.2);   -o-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);}
				 @-moz-document url-prefix(){ .medium-shadow { 		   box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);}}
											  .medium-shadow { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);}
		_:-webkit-full-screen-ancestor, :root .medium-shadow { -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);}

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

											  .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);}

											  .big-shadow { 		box-shadow: 0 5px 40px 0 rgba(0,0,0,0.2); -o-box-shadow  : 0 5px 40px 0 rgba(0,0,0,0.2);}
				 @-moz-document url-prefix(){ .big-shadow { 		box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);}}
											  .big-shadow { -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2);}
		_:-webkit-full-screen-ancestor, :root .big-shadow { -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,0.2);}
		
											  .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){
												  .medium-shadow.shadow-reduce-575 { 		   box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);   -o-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);}
					 @-moz-document url-prefix(){ .medium-shadow.shadow-reduce-575 { 		   box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);}}
												  .medium-shadow.shadow-reduce-575 { -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);}
			_:-webkit-full-screen-ancestor, :root .medium-shadow.shadow-reduce-575 { -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);}
				
												  .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 : 09/01/2019
* 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 rgba(0,0,0,0.1);   -o-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1);}
			 @-moz-document url-prefix(){ header.white  { 		  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);}}
										  header.white  { -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);}
	_:-webkit-full-screen-ancestor, :root header.white  { -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1);}

		/* @media */

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

		/* @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; margin-top: 20px;}
				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;}
		@media (min-width: 992px){
			body > header > .wrapper-default > nav > ul { position: relative; left: 0; top: 0; width: calc(100% - 32px); margin-top: 15px; background-color: transparent; float: left; display: block !important;}
			body > header > .wrapper-default > nav > ul > .link { width: 16.66666666%; height: 65px; background-color: transparent; float: left;}
		}
		@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.selected { background-color: #354651;}
		}
		@media (max-width: 414px){
			body > header > .wrapper-default > nav > ul { top: 50px;}
		}

				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 > span.group { cursor: pointer;}
				body > header > .wrapper-default > nav > ul > .link > .group > .selector { position: absolute;}
				body > header > .wrapper-default > nav > ul > .link > .group > a { text-decoration: none;}

				@media (min-width: 992px){
					body > header > .wrapper-default > nav > ul > .link > .group { height: auto; /* padding: 0;*/ padding-top: 0.5em; line-height: 1.2em; 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: -15px; 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;}*/
					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 (max-width: 991px){
					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.3em; 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;}
					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;}
				}

	/*
	* NAV LEVEL 2
	*/

		body > header .layer { position: fixed; left: 0; width: 100%; padding-bottom: 5em; overflow: hidden;}
		@media (min-width: 992px){
			body > header .link > .layer { top: 78px; height: auto; display: none;}
		}
		@media (max-width: 991px){
			body > header .link > .layer { top: 122px; height: calc(100% - 122px); max-height: calc(100% - 122px); overflow: auto; display: none;}
			body > header .link.selected > .layer { display: block;}
			body > header .link.selected.level > .layer { top: 72px; height: calc(100% - 72px); max-height: calc(100% - 72px); overflow: auto;}
		}
		@media (max-width: 414px){
			body > header .link > .layer { top: 100px; height: calc(100% - 100px); max-height: calc(100% - 100px); overflow: auto;}
			body > header .link.selected.level > .layer { top: 50px; height: calc(100% - 50px); max-height: calc(100% - 50px); overflow: auto;}
		}


				body > header .link > .layer > div { background-color: #fff;}
				@media (min-width: 992px){
					body > header .link > .layer > div { width: 100%; margin: 0 auto; display: table;}
					body > header .link.link1 > .layer > div { height: 26em;}
					body > header .link.link3 > .layer > div { height: 22em;}
					body > header .link.link4 > .layer > div { height: 28em;}
					body > header .link.link5 > .layer > div { height: 33em;}
				}
				@media (max-width: 991px){ body > header .link > .layer > div { width: 100%; height: auto; margin: 0; display: block;}}


						body > header .link > .layer > div > .sgroup { position: relative; vertical-align: top;}
						@media (min-width: 992px){
							body > header .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 );}
						}
						@media (max-width: 991px){
							body > header .link > .layer > div > .sgroup { width: 100%; padding: 1em 2em; text-align: center; background: #f3f3f1; display: block;}
							body > header .link.selected.level > .layer > div > .sgroup { padding: 0;}
						}


								body > header .link > .layer > div > .sgroup > ul { margin-bottom: 2em;}
								@media (max-width: 991px){ body > header .link.selected.level > .layer > div > .sgroup > ul { margin-bottom: 0;}}


										body > header .link > .layer > div > .sgroup > ul > li { line-height: 1.2em;}
										body > header .link > .layer > div > .more { background-color: #eb8124; vertical-align: top;}
										body > header .link > .layer > div > .more > p { font-weight: 500; line-height: 1.2em; color: #fff;}
										body > header .link > .layer > div > .more > ul { margin-bottom: 2em;}
										body > header .link > .layer > div > .more > ul > li { position: relative; margin: 1em 0; padding-left: 1em; line-height: 1.3em; color: #fff; display: block;}
										body > header .link > .layer > div > .more > ul > li > span:before { position: absolute; left: 0; top: 0; color: #fff; content: "•";}
										@media (min-width: 992px){
											body > header .link > .layer > div > .sgroup > ul > li { margin-bottom: 0.5em; display: block;}
											body > header .link > .layer > div > .more { width: 30%; padding: 2em 1em; text-align: left; display: table-cell;}
											body > header .link > .layer > div > .more > p { width: auto; margin: 0 0 2em 0;}
											body > header .link > .layer > div > .more > ul { display: block;}
											body > header .link > .layer > div > .more > .button { width: 100%; padding-left: 0; padding-right: 0; line-height: 1.2em;}
											body > header .link5.in > .layer > div > .more > .button { letter-spacing: 0;}
										}
										@media (min-width: 1200px){
											body > header .link > .layer > div > .more { padding: 2em;}
											body > header .link > .layer > div > .more > .button { padding-left: 2.2em; padding-right: 2.2em;}
											body > header .link5.in > .layer > div > .more > .button { letter-spacing: 0.05em;}
										}
										@media (max-width: 991px){
											body > header .link > .layer > div > .sgroup > ul > li { margin-bottom: 0.5em; display: block;}
											body > header .link.selected.level > .layer > div > .sgroup > ul > li { margin: 0; display: none;}
											body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected { display: block;}
											body > header .link > .layer > div > .more { width: 100%; padding: 2em; text-align: center; display: block;}
											body > header .link > .layer > div > .more > p { width: auto; margin: 0 0 2em 0;}
											body > header .link > .layer > div > .more > ul { display: none;}
											body > header .link > .layer > div > .more > .button { padding-left: 2em; padding-right: 2em; line-height: 1em;}
										}
										@media (max-width: 767px){
											body > header .link > .layer > div > .more > p { width: 350px; margin: 0 auto 2em auto;}
										}
										@media (max-width: 575px){
											body > header .link > .layer > div > .more > p { width: 280px;}
										}
										@media (max-width: 360px){
											body > header .link > .layer > div > .more > p { width: 200px;}
										}


		/* .summary */

			body > header .link > .layer > div > .sgroup > ul > li > .summary { font-size: 14px; font-weight: 500; text-decoration: none; display: block;}
			@media (min-width: 992px){
				body > header .link > .layer > div > .sgroup > ul > li > .summary { width: 50%; height: 34px; line-height: 1.3em; padding: 0 0 0 50px; text-align: left;
																						color: #354651; border-right: 4px solid #f3f3f1; background: none; display: table;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.linked { color: #eb8124; border-right: 0;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary { color: #eb8124; border-right: 4px solid #eb8124;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.calcul { background: url(/img/header/item.calcul.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.barometre { background: url(/img/header/item.barometre.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.immobilier { background: url(/img/header/item.immobilier.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.projet { background: url(/img/header/item.projet.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.besoin { background: url(/img/header/item.besoin.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.faq { background: url(/img/header/item.faq.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.auto { background: url(/img/header/item.auto.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.perso { background: url(/img/header/item.perso.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.travaux { background: url(/img/header/item.travaux.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.credits { background: url(/img/header/item.credits.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.barometre2 { background: url(/img/header/item.barometre2.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.comparateur { background: url(/img/header/item.comparateur.png) no-repeat;}
				body > header .link > .layer > div > .sgroup > ul > li.selected > .summary.noicon { background: url(/img/header/arrow.orange.png) left 1em top .85em no-repeat;}
			}
			@media (max-width: 991px){
				body > header .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 .link > .layer > div > .sgroup > ul > li > .summary.linked { background: none;}
				body > header .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 .link > .layer > div > .sgroup > ul > li > .summary > div {}
					body > header .link > .layer > div > .sgroup > ul > li > .summary > div > * { position: relative;}
					@media (min-width: 992px){
						body > header .link > .layer > div > .sgroup > ul > li > .summary { cursor: default;}
						body > header .link > .layer > div > .sgroup > ul > li > .summary > div { vertical-align: middle; display: table-cell;}
					}
					@media (max-width: 991px){
						body > header .link > .layer > div > .sgroup > ul > li > .summary { cursor: pointer;}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > div > *:before { position: absolute; left: -3em; top: -0.5em;}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.calcul > div > *:before { content: url(/img/header/item.calcul.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.barometre > div > *:before { content: url(/img/header/item.barometre.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.immobilier > div > *:before { content: url(/img/header/item.immobilier.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.projet > div > *:before { content: url(/img/header/item.projet.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.besoin > div > *:before { content: url(/img/header/item.besoin.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.faq > div > *:before { content: url(/img/header/item.faq.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.auto > div > *:before { content: url(/img/header/item.auto.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.perso > div > *:before { content: url(/img/header/item.perso.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.travaux > div > *:before { content: url(/img/header/item.travaux.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.credits > div > *:before { content: url(/img/header/item.credits.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.barometre2 > div > *:before { content: url(/img/header/item.barometre2.png);}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.comparateur > div > *:before { content: url(/img/header/item.comparateur.png);}
					}
					@media (max-width: 414px){
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > div > * { padding-left: 3em;}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary.noicon > div > * { padding-left: 0;}
						body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .summary > div > *:before { left: 0;}
					}

		/* .details */

			body > header .link > .layer > div > .sgroup > ul > li > .details { top: 0; padding: 2em;}
			body > header .link > .layer > div > .sgroup > ul > li > .details ul { margin-bottom: 2em;}
			body > header .link > .layer > div > .sgroup > ul > li > .details ul.nomargin { margin-bottom: 0;}
			body > header .link > .layer > div > .sgroup > ul > li > .details ul.region { margin-bottom: 0;}
			body > header .link > .layer > div > .sgroup > ul > li > .details ul > li { margin-bottom: 1em; line-height: 1.2em; font-size: 14px; display: block;}
			body > header .link > .layer > div > .sgroup > ul > li > .details ul > li > ul.region > li { margin-bottom: 0.5em; font-size: 12px;}
			body > header .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 .link > .layer > div > .sgroup > ul > li > .details > a:after { position: absolute; right: -1em; top: 0; content: ">"; color: #eb8124;}
			body > header .link > .layer > div > .sgroup > ul > li > .details > a { color: #354651; text-decoration: none;}
			body > header .link > .layer > div > .sgroup > ul > li > .details > a:hover { color: #eb8124; text-decoration: none;}
			body > header .link > .layer > div > .sgroup > ul > li > .details p { margin-bottom: 1em; font-size: 14px; line-height: 1.2em; color: #828a8f;}
			/*body > header .link > .layer > div > .sgroup > ul > li > .details ul > li > p.down { font-weight: 500; color: #354651;}*/
			body > header .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 .link > .layer > div > .sgroup > ul > li > .details ul > li > p.down:after { margin-left: 1em; content: url(/img/header/chip.down.black.png);}

				@media (min-width: 992px){
					body > header .link > .layer > div > .sgroup > ul > li > .details { position: absolute; left: 50%; width: 50%; text-align: left; display: none;}
					body > header .link > .layer > div > .sgroup > ul > li.selected > .details { display: block;}
				}
				@media (max-width: 991px){
					body > header .link > .layer > div > .sgroup > ul > li > .details { position: relative; left: 0; width: 100%; text-align: left; display: none;}
					body > header .link.selected.level > .layer > div > .sgroup > ul > li.selected > .details { display: block;}
				}

		/* a */

			body > header .link > .layer > div > .sgroup > a { color: #eb8124;}
			body > header .link > .layer > div > .sgroup > a > span:before { position: absolute; top: 1em; content: url(/img/header/local.png);}

				@media (min-width: 992px){
					body > header .link > .layer > div > .sgroup > a { position: absolute; left: 2em; bottom: 4em; width: calc(50% - 4em); padding: 1.5em 3em 1.5em 4em; display: inline-block;}
					body > header .link > .layer > div > .sgroup > a > span:before { left: 2em;}
				}
				@media (min-width: 1200px){
					body > header .link > .layer > div > .sgroup > a { padding: 1.5em 3em 1.5em 5em;}
					body > header .link > .layer > div > .sgroup > a > span:before { left: 2.5em;}
				}
				@media (max-width: 991px){
					body > header .link > .layer > div > .sgroup > a { position: relative; padding: 1.5em 3em 1.5em 5em; display: inline-block;}
					body > header .link > .layer > div > .sgroup > a > span:before { left: 2.5em;}
					body > header .link.selected.level > .layer > div > .sgroup > a { display: none;}
				}

/*
* CAFPI WWW CSS | BUTTONS
* Last update : 11/07/2019
* 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;}
			.button.button-big { font-size: 14px;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.button { padding: 1.5em 1em; font-size: 12px; font-weight: 500; letter-spacing: 0.1em;}
			.button.button-big { font-size: 14px;}
		}
		@media (max-width: 575px){
			.button { padding: 1.2em 1em; font-size: 10px; letter-spacing: 0;}
			.button.button-big { font-size: 12px;}
		}
		@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-orange { background-color: transparent; color: #eb8328; border: 2px solid #eb8328;}
	.button-transparent-orange:hover { background-color: #fff; color: #eb8328;}
	.button-transparent-orange:active { background-color: #354651; color: #fff; border: 2px 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;}
	
	.button-green { background-color: #018172; color: #fff; border: 1px solid #018172;}
	.button-green:hover { background-color: #018172; color: #fff;}
	.button-green:active { background-color: #018172; color: #fff; border: 1px solid #018172;}

	.button-orange-bd { background-color: #eb8328; color: #fff; border: 2px solid #fff;}
	.button-orange-bd:hover { background-color: #eb8328; color: #fff;}
	.button-orange-bd:active { background-color: #354651; color: #fff; border: 2px solid #354651;}
	
	.button-orange-white { background-color: #fff; color: #eb8328; border: 1px solid #fff;}
	.button-orange-white:hover { background-color: #fff; color: #eb8328;}
	.button-orange-white:active { background-color: #fff; color: #354651; 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
*/

	.button.button-size-28em { width: 28em; max-width: 100%; padding: 1.5em auto; font-weight: 700;}

	/* @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 : 03/10/2019
* 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; 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: 25%;}
	body > footer > .footer2 > div > nav > ul > li.group3 { width: 45%;}
	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 { width: 100%; margin-bottom: 1.3em; font-size: 14px;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(3),
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(4) { margin-bottom: 0;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li { width: 55%; float: left;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(even) { width: 45%; line-height: 1.2em; text-align: right;}
	body > footer > .footer2 > div > nav > ul > li > .job { margin: 23px 0 0 0; border-top: 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;}
	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.group3 > .details > li:nth-child(3),
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(4) { margin-bottom: 0; line-height: 1.3em;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li { width: 50%; float: left;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(even) { width: 50%; text-align: right;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li span { display: block;}
	body > footer > .footer2 > div > nav > ul > li > .job { margin: 23px 0 0 0; border-top: 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;}
	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%;}
	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.group3 > .details > li:nth-child(3) { margin-bottom: 1em; line-height: 1;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(4) { margin-bottom: 2em; line-height: 1;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li:nth-child(even) { width: 100%; text-align: left;}
	body > footer > .footer2 > div > nav > ul > li.group3 > .details > li span { display: inline;}
	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 0 0; border: 0; border-top: 1px solid #fff;}
	body > footer > .footer2 > div > nav > ul > li > .job > .details > li { font-size: 12px;}
	body > footer > .footer2 > div > nav > ul > li > .common { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
	body > footer > .footer2 > div > nav > ul > li > .common > .details > li { 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 { margin-top: 0; font-size: 11px;}
	body > footer > .footer2 > div > nav > ul > li > .common > .details > li { margin-top: 0; 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; text-align: center;}
body > footer > .footer4 > .wrapper > nav > ul { display: inline-block;}
body > footer > .footer4 > .wrapper > nav > ul > li { display: inline-block;}
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 > 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 > 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 > 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;}
}
@media (max-width: 575px){
	body > footer > .footer4 > .wrapper > nav > ul > li { margin-bottom: 1em; border-right: 0; display: block;}
	body > footer > .footer4 > .wrapper > nav > ul > li:first-child { padding: 0;}
	body > footer > .footer4 > .wrapper > nav > ul > li:last-child { margin-bottom: 0; padding: 0;}
}
/*
* 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 | APP
* Last update : 05/12/2019
* by franck.netillard@plug-all.com
*/

.body { overflow-x: hidden;}

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

#introduction { position: relative; width: 1920px; margin-left: calc(50% - 960px); overflow-x: hidden;}
@media (min-width: 992px){ #introduction { height: 39em;}}
@media (max-width: 991px){ #introduction { height: 33em;}}
@media (max-width: 767px){ #introduction { height: 32em;}}
@media (max-width: 414px){ #introduction { padding: 50px 1em 0 1em;}}
@media (max-width: 320px){ #introduction { height: 34em;}}

#introduction .bg {
	position: absolute; left: -576px; top: 0; width: 3072px; height: 100%;
	border-radius: 50%; -webkit-border-radius: 50%; background: #24c0ad; overflow: hidden;
	background: -moz-linear-gradient(left,  #24c0ad 0%, #78ba66 55%, #cdb41f 100%);
	background: -webkit-linear-gradient(left,  #24c0ad 0%,#78ba66 55%,#cdb41f 100%);
	background: linear-gradient(to right,  #24c0ad 0%,#78ba66 55%,#cdb41f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c0ad', endColorstr='#cdb41f',GradientType=1 );
}
@media (min-width: 992px){ #introduction .bg { padding-top: 10em;}}
@media (max-width: 991px){ #introduction .bg { padding-top: 7em;}}
@media (max-width: 767px){ #introduction .bg { padding-top: 72px; display: flex; flex-direction: column; justify-content: center;}}
@media (max-width: 414px){ #introduction { padding: 50px 1em 0 1em;}}

#introduction .bg > .wrapper { position: relative; max-width: 1160px; margin: 0 auto;}
@media (min-width: 992px) { #introduction .bg > .wrapper { width: calc(96vw - 1em);}}
@media (max-width: 991px) { #introduction .bg > .wrapper { width: calc(100vw - 3em);}}

#introduction h1 { margin-bottom: 1em; color: #fff; font-weight: 700; line-height: 1.2em;}
@media (min-width: 992px){ #introduction h1 { width: 55%; font-size: 2.625em;}}
@media (min-width: 1200px){ #introduction h1 { width: 600px;}}
@media (max-width: 991px){ #introduction h1 { width: 55%;}}
@media (max-width: 767px){ #introduction h1 { width: 18em; margin: 0 auto 1.5em auto; text-align: center;}}
@media (max-width: 575px){ #introduction h1 { width: 15em; margin: 0 auto 1em auto;}}
@media (max-width: 414px){ #introduction h1 { width: 100%;}}

@media (min-width: 992px){ #introduction button { width: 25em;}}
@media (max-width: 767px){ #introduction button { margin: 0 auto 1em auto; display: block;}}

#introduction .app-link { margin-top: 2em;}
#introduction .app-link a { margin: 0 2em 0 0; display: inline-block;}
@media (max-width: 991px){ #introduction .app-link a { margin: 0 1em 0 0;}}
@media (max-width: 767px){
	#introduction .app-link { width: 200px; margin: 0 auto; text-align: center;}
	#introduction .app-link a { margin: 1em auto 0 auto; display: inline-block; }
}

#introduction figure { position: absolute; top: -20px; border-radius: 1em; overflow: hidden;}
#introduction figure img { position: relative; width: 100%; height: auto; display: block; z-index: 1;}
#introduction figure .cache { position: absolute; top: 0; left: 0; width: 100%; height: 200%; background-color: #000; transition: opacity .2s; opacity: 0; z-index: 2;}
#introduction figure button { position: absolute; top: calc(45% - 35px); left: calc(50% - 35px); width: 71px; height: 71px; border-radius: 50%; background: #34bfa0 url(/img/app/play.png) no-repeat; z-index: 3;}
#introduction figure:hover .cache { opacity: .2;}
#introduction figure:hover button { box-shadow: 0 0 20px 0 #000;}
@media (min-width: 992px){ #introduction figure { right: 0; width: 26em;}}
@media (max-width: 991px){ #introduction figure { right: calc(5% - 1em); width: 20em;}}
@media (max-width: 767px){ #introduction figure { display: none;}}

/* ***** */
/* BLOCS */
/* ***** */

#bloc1 { z-index: 1;}
#bloc2 { z-index: 2; background-color: #edede9;}
#bloc3 { z-index: 3;}
.bloc > div { position: relative;}
.bloc h2 { font-weight: 700; line-height: 1.2em;}
.bloc p { margin-top: 2em; line-height: 1.5em; letter-spacing: 0.05em; font-size: 16px;}
.bloc ul { margin-top: 2em;}
.bloc ul li { margin-bottom: 1em; padding-left: 1.5em; line-height: 1.5em; background: url(/img/text/chip.orange.png) left .5em no-repeat; font-size: 16px; display: block;}
@media (min-width: 1200px){ .bloc .w90 { width: 90%;}}
@media (max-width: 1199px){ .bloc .w90 { width: 100%;}}
.bloc figure { position: absolute; border-radius: 1em; overflow: hidden; opacity: 0; z-index: 20;}
#bloc1 figure, #bloc3 figure { transform: rotate(15deg) translateY(30%); transform-origin: 0 100%;}
#bloc2 figure { transform: rotate(-15deg) translateY(30%); transform-origin: 100% 100%;}
.bloc figure.animateOnScroll { transition: all 800ms ease;}
#bloc1 figure.animated, #bloc2 figure.animated, #bloc3 figure.animated { transform: rotate(0deg) translateY(0); opacity: 1;}
.bloc figure img { width: 100%; height: auto; display: block;}

@media (min-width: 992px){
	#bloc1 { height: 45em;}
	#bloc2 { height: 55em;}
	#bloc3 { height: 48em;}
	#bloc1 > div { padding-top: 7em;}
	#bloc2 > div { padding-top: 18em;}
	#bloc3 > div { padding-top: 10em;}
	#bloc1 .context, #bloc3 .context{ width: 51%;}
	#bloc2 .context { width: 26em; float: right;}
	.bloc figure { width: 26em;}
	#bloc1 figure { right: 0; top: 5em;}
	#bloc2 figure { left: 0; top: -6em;}
	#bloc3 figure { right: 0; top: -11em;}
}
@media (min-width: 1200px){
	#bloc1 .context, #bloc3 .context { width: 38em;}
}
@media (max-width: 991px){
	#bloc1 { height: 40em;}
	#bloc2 { height: 40em;}
	#bloc3 { height: 36em;}
	.bloc > div { margin: 0 5%;}
	#bloc1 > div { padding-top: 3em;}
	#bloc2 > div { padding-top: 8em;}
	#bloc3 > div { padding-top: 6em;}
	#bloc1 .context, #bloc3 .context{ width: 48%;}
	#bloc2 .context { width: 20em; float: right;}
	.bloc figure { width: 20em;}
	#bloc1 figure { right: 0; top: 2em;}
	#bloc2 figure { left: 0; top: -4em;}
	#bloc3 figure { right: 0; top: -9em;}
}
@media (max-width: 767px){
	.bloc { height: auto !important;}
	.bloc > div { margin: 0 1em; padding: 2em 0 !important;}
	.bloc .context { width: 100% !important; float: none !important;}
	.bloc figure { position: relative; width: 60%; margin: 2em auto 0 auto; top: 0 !important;}
}

/* *********** */
/* TELECHARGER */
/* *********** */

#telecharger {
	background: #24c0ad;
	background: -moz-linear-gradient(-45deg,  #24c0ad 0%, #cdb41f 100%);
	background: -webkit-linear-gradient(-45deg,  #24c0ad 0%,#cdb41f 100%);
	background: linear-gradient(135deg,  #24c0ad 0%,#cdb41f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c0ad', endColorstr='#cdb41f',GradientType=1 );
}

#telecharger > div { height: 100%; padding: 5em 0; background: url(/img/app/percent.png) right center no-repeat; display: flex; flex-direction: column; justify-content: center;}
@media (max-width: 991px){ #telecharger > div { width: 100%; padding: 2em 1em; background-position: right -10em center; background-size: auto 120%;}}
@media (max-width: 565px){ #telecharger > div { background-position: right -20em center;}}

#telecharger .p1 { color: #fff; font-weight: 700; line-height: 1.3em;}
@media (max-width: 767px){ #telecharger .p1 { margin: 0.5em auto; text-align: center; font-size: 2em;}}
@media (max-width: 414px){ #telecharger .p1 { font-size: 1.8em;}}

#telecharger .app-link { margin:3em 0 0;}
#telecharger .app-link > a { margin:0 2em 0 0; display: inline-block;}
@media (max-width: 767px){
	#telecharger .app-link { width: 200px; margin: 0 auto; text-align: center;}
	#telecharger .app-link > a { margin: 1em 0 0 0; display: inline-block;}
}

/**/

.popin-video .popin-wrapper { max-width: 800px;}
.popin-video .popin-wrapper .video-wrapper { padding-top: 25px;}