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

/**/

#carte_svg
{
	width:30%;
	float:left;
}
#barometre_taux
{
	width:70%;
	float:right;
}

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;}
			#carte_svg {width:100%; float:none;padding:0px;margin:0px;}
			#barometre_taux {width:100%; float:none;padding:0px;margin:0px;}
			#Calque_1{width:100%;height:100%;}
		}
		@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;}
			#carte_svg {width:100%; float:none;padding:0px;margin:0px;}
			#barometre_taux {width:100%; float:none;padding:0px;margin:0px;}
			#Calque_1{width:100%;height:100%;}
		}

/*
* 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; 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 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 > .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 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 > .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 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;}
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 | TAUX
* Last update : 16/11/2017
* by greg@osirisk.org | OsiRisK
*/


/* *** */
/* TOP */
/* *** */

	.body > .body-top { position: relative; background: #fff; z-index: 2;}
	.body > .body-top > img { position: relative; width: 100%; height: auto; display: block;}
	.body > .body-top > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.body > .body-top > div > .table { position: relative; height: 100%;}
	.body > .body-top > div > .table > nav { position: absolute; left: 0; top: 4em; font-size: 10px; color: #fff; letter-spacing: 0.05em;}
	.body > .body-top > div > .table > nav > span { font-weight: 700;}
	.body > .body-top > div > .table > h1 { width: 100%; height: 100%; color: #fff; font-weight: 700;}

	/* hover */

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

	/* @media */

		@media (min-width: 992px){
			.body > .body-top > img { margin-top: 70px;}
			.body > .body-top > div > .table > nav { display: block;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .body-top > img { margin-top: 70px;}
			.body > .body-top > div > .table { width: 100%; margin: 0;}
			.body > .body-top > div > .table > nav { display: none;}
		}
		@media (max-width: 767px){
			.body > .body-top > div > .table > h1 { padding:0 10%;}
		}
		@media (max-width: 414px){
			.body > .body-top > img { margin-top: 50px;}
		}

/* **** */
/* TAUX */
/* **** */

	.body > .meteo {background-color: #edede9; z-index: 3; position: relative; width: 100%; padding:5em 0 4em;}
		.body > .meteo > div {margin:0 auto !important;}
			.body > .meteo > div > h2 {max-width: 900px; margin:0 auto 1em !important;}
			.body > .meteo > div > .button-regions {position:relative; margin:0 auto;}
				.body > .meteo > div > .button-regions > .button-select {width: 100%; z-index:20; position: relative;}
					.body > .meteo > div > .button-regions > .button-select > span:after { content: url(../img/tools/down-arrow-blanc.png); }
					.body > .meteo > div > .button-regions > .button-select + .select-options {display:none; position: absolute; width: 100%; margin:-1em 0 0; background-color: #fff; z-index:10; -moz-border-radius-bottomright: 2em; -webkit-border-bottom-right-radius: 2em; border-bottom-right-radius: 2em; -moz-border-radius-bottomleft: 2em; -webkit-border-bottom-left-radius: 2em; border-bottom-left-radius: 2em; overflow: hidden; z-index:50;}
						.body > .meteo > div > .button-regions > .button-select + .select-options > ul { list-style-type: none; padding:1em 0 0.5em; margin:0;}
							.body > .meteo > div > .button-regions > .button-select + .select-options > ul > li {width: 100%; padding:1.5em; cursor: pointer;}
							.body > .meteo > div > .button-regions > .button-select + .select-options > ul > li:hover {background-color:#eee;}
			.body > .meteo > div > h3 {font-weight: 700; margin:2em auto 1em; text-align: center; width: 80%}
			.body > .meteo > div > .bottom-text {font-weight: 300; line-height: 1.700em; margin:2em 0 0; letter-spacing: 0.025em; background-color: transparent !important; border:none !important;}
			.body > .meteo > div > .bottom-text .cafpi-editor {background-color: transparent !important; border:none !important;}


/* @media */

		@media (min-width: 992px){
			.body > .meteo > div > .button-regions {width: 355px;}
			.body > .meteo > div >  .bottom-text + .show-more{display:none;}
		}
		@media (max-width: 1024px){
			.body > .meteo { padding: 5em 0 0;}	
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .meteo { padding: 3em 0 0.5em;}
				.body > .meteo > div > h2 {max-width: 80%;}
				.body > .meteo > div > .button-regions {width:80%; max-width: 355px;}
				.body > .meteo > div > .button-regions > .button-select + .select-options { max-height: 250px; overflow-y: auto;}
				.body > .meteo > div > .bottom-text {width:90%; font-size:1em; line-height:1.5em; margin:2em auto 0; position: relative; max-height:10em; overflow: hidden;transition: height 2s ease; }
					.body > .meteo > div > .bottom-text::after{display:block; position: absolute; bottom:0; content:""; width: 100%; height: 3em; z-index: 5; background: -moz-linear-gradient(top, rgba(237,237,233,0) 0%, rgba(237,237,233,1) 56%, rgba(237,237,233,1) 100%); background: -webkit-linear-gradient(top, rgba(237,237,233,0) 0%,rgba(237,237,233,1) 56%,rgba(237,237,233,1) 100%); background: linear-gradient(to bottom, rgba(237,237,233,0) 0%,rgba(237,237,233,1) 56%,rgba(237,237,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00edede9', endColorstr='#ffedede9',GradientType=0 );}
					.body > .meteo > div > .bottom-text.full {max-height:none; overflow: visible; padding-bottom:2em;}
					.body > .meteo > div > .bottom-text.full::after{display:none;}
				.body > .meteo > div > .bottom-text + .show-more{display:block; margin:1.1em auto 0; z-index: 10;}
		}


/* **************************************************** */
/* LES DIFFÉRENTS TYPES DE TAUX POUR UN PRÊT IMMOBILIER */
/* **************************************************** */

	.body > .section2 { position: relative; background: #edede9 url(../img/background/bg.curve.green.reverse.grey.png) center top no-repeat; z-index: 2;}
	.body > .section2 > div { padding: 7em 0 2em 0;}
	.body > .section2 > div > h2 { width: 80%; margin: 0 auto; color: #fff; font-weight: 700; text-align: center; line-height: 1.3em;}
	.body > .section2 > div > nav { margin: 2em 0;}
	.body > .section2 > div > nav > ul { margin: 0 auto;}
	.body > .section2 > div > nav > ul > li { margin: 1em 0; text-align: center; display: block; float: left;}
	.body > .section2 > div > nav > ul > li > .button { position: relative; padding-left: 4em; text-align: left;}
	.body > .section2 > div > nav > ul > li > .button > span { width: 100%; display: inline-block;}
	.body > .section2 > div > nav > ul > li > .button > span:after { position: absolute; right: 2em;}

	/* @media */

		@media (min-width: 992px){
			.body > .section2 > div > nav > ul { width: 95%;}
			.body > .section2 > div > nav > ul > li { width: 50%;}
			.body > .section2 > div > nav > ul > li > .button { width: 300px; padding-left: 4em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .section2 > div > nav > ul { width: 95%;}
			.body > .section2 > div > nav > ul > li { width: 50%;}
			.body > .section2 > div > nav > ul > li > .button { width: 300px; padding-left: 4em;}
		}
		@media (max-width: 767px){
			.body > .section2 > div > nav > ul { width: 98%;}
			.body > .section2 > div > nav > ul > li > .button { width: 240px; padding-left: 2em;}
		}
		@media (max-width: 575px){
			.body > .section2 > div > nav > ul > li { width: 100%;}
		}

/* ************************** */
/* BESOIN D'ÊTRE ACCOMPAGNÉ ? */
/* ************************** */

	.body > .section3 { position: relative;}
	.body > .section3 .wrapper-image { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/produit/visuel.png) top right no-repeat; background-size: auto 100%; z-index: 0; display: none;}
	.body > .section3 > div { position: relative; margin: 0; background: #fff; text-align: center; z-index: 1;}
	.body > .section3 > div > div { text-align: left; display: inline-block;}
	.body > .section3 > div > div > h2 { margin-bottom: 0.5em; font-weight: 700;}
	.body > .section3 > div > div > p { font-family: 'Playfair Display', serif; line-height: 1.3em;}
	.body > .section3 > div > div > p > .button {}

	/* @media */

		@media (min-width: 992px){
			.body > .section3 { margin-top: 0;}
			.body > .section3 .wrapper-image { background-position: top left 10em;}
			.body > .section3 > div { width: 50%; padding: 7em 0;}
			.body > .section3 > div > div { text-align: left;}
			.body > .section3 > div > div > h2 { padding: 0;}
			.body > .section3 > div > div > h2 > span { display: inline;}
		}
		@media (min-width: 1100px){
			.body > .section3 .wrapper-image { background-position: top left 20em;}
		}
		@media (min-width: 1367px){
			.body > .section3 > div { padding: 7em 0 7em 10em;}
			.body > .section3 .wrapper-image { background-position: top right;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .section3 { margin-top: 15em;}
			.body > .section3 .wrapper-image { background-position: top center;}
			.body > .section3 > div { width: 100%; padding: 2em 0;}
			.body > .section3 > div > div { text-align: center;}
			.body > .section3 > div > div > h2 { padding: 0 1em;}
			.body > .section3 > div > div > h2 > span { display: none;}
		}
		@media (max-width: 767px){
			.body > .section3 .wrapper-image { background-position: top center -8em;}
		}

/*
* CAFPI WWW CSS | CAFPI EDITOR
* Last update : 21/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-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;
	}

/**/

	html, body { font-family: 'Montserrat', sans-serif;}
	body { width: 100%; height: auto; color: #354651;}

	.cafpi-editor { border-bottom: 1px solid #fff; background-color: #fff;}
	.cafpi-editor * { font-size: 1em;}

	@media (min-width: 992px) { .cafpi-editor { width: 96%; max-width: 1160px; margin: 0 auto;}}
	@media (max-width: 991px) { .cafpi-editor { width: auto; margin: 0 1em;}}
	@media (max-width: 767px) {
		.cafpi-editor { margin: 0;}
		.cafpi-editor > * { margin-left: 1em; margin-right: 1em;}
	}

	.cafpi-editor img { width: 100%; height: auto; margin-bottom: 1em; display: block;}
	.cafpi-editor sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; top: -.5em;}
	.cafpi-editor sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; bottom: -.25em;}

	.cafpi-editor a { text-decoration: underline;}
	.cafpi-editor a:hover { text-decoration: none; color: #eb8328;}

/*
* TITLE
* IMPORTANT
*/

	.cafpi-editor h1,
	.cafpi-editor h2,
	.cafpi-editor h3 { margin-top: 1.5em; margin-bottom: 1em; font-weight: 700;}
	.cafpi-editor h1:first-child,
	.cafpi-editor h2:first-child,
	.cafpi-editor h3:first-child { margin-top: 0;}
	@media (min-width: 992px){
		.cafpi-editor h1 { font-size: 2.625em;}
		.cafpi-editor h2 { font-size: 1.75em;}
		.cafpi-editor h3 { font-size: 1.5em;}
	}
	@media (max-width: 991px){
		.cafpi-editor h1 { font-size: 2.625em;}
		.cafpi-editor h2 { font-size: 1.5em;}
		.cafpi-editor h3 { font-size: 1.4em;}
	}
	@media (max-width: 767px){
		.cafpi-editor h1 { font-size: 2.625em;}
		.cafpi-editor h2 { font-size: 1.4em;}
		.cafpi-editor h3 { font-size: 1.313em;}
	}
	@media (max-width: 575px){
		.cafpi-editor h1 { font-size: 2.571em;}
		.cafpi-editor h2 { font-size: 1.429em;}
		.cafpi-editor h3 { font-size: 1.286em;}
	}
	@media (max-width: 360px){
		.cafpi-editor h1 { font-size: 2.5em;}
		.cafpi-editor h2 { font-size: 1.417em;}
		.cafpi-editor h3 { font-size: 1.25em;}
	}

/*
* PARAGRAPH
*/

	.cafpi-editor p { margin-bottom: 1em; line-height: 1.5em;}
	.cafpi-editor p b,
	.cafpi-editor p strong { font-weight: 500;}
	.cafpi-editor p span { white-space: nowrap;}
	@media (min-width: 992px){ .cafpi-editor p { font-size: 1.25em;}}
	@media (max-width: 991px){ .cafpi-editor p { font-size: 1.3em;}}
	@media (max-width: 767px){ .cafpi-editor p { font-size: 1.25em;}}
	@media (max-width: 575px){ .cafpi-editor p { font-size: 1.143em;}}
	@media (max-width: 360px){ .cafpi-editor p { font-size: 1.083em;}}

/*
* OL UL LI
*/

	.cafpi-editor ul { margin-bottom: 1em;}
	.cafpi-editor ol { margin-bottom: 1em; counter-reset: repas;}
	.cafpi-editor ul li,
	.cafpi-editor ol li { margin: 0 0 1em 0; line-height: 1.3em; display: block;}
	.cafpi-editor ul li { padding-left: 1.5em; background: url(../img/text/chip.orange.png) no-repeat;}
	.cafpi-editor ol li { list-style-type: none; counter-increment: repas;}
	.cafpi-editor ol li:before { content: counter(repas) "."; width: 1.5em; color: #eb8328; font-weight: 500; display: inline-block;}
	.cafpi-editor ul li:last-child,
	.cafpi-editor ol li:last-child { margin: 0;}
	@media (min-width: 992px){
		.cafpi-editor ul li,
		.cafpi-editor ol li,
		.cafpi-editor ul li p,
		.cafpi-editor ol li p { font-size: 1.25em;}
		.cafpi-editor ul li { background-position: left top 0.45em;}
	}
	@media (max-width: 991px){
		.cafpi-editor ul li,
		.cafpi-editor ol li,
		.cafpi-editor ul li p,
		.cafpi-editor ol li p { font-size: 1.3em;}
		.cafpi-editor ul li { background-position: left top 0.5em;}
	}
	@media (max-width: 767px){
		.cafpi-editor ul li,
		.cafpi-editor ol li,
		.cafpi-editor ul li p,
		.cafpi-editor ol li p { font-size: 1.25em;}
		.cafpi-editor ul li { background-position: left top 0.45em;}
	}
	@media (max-width: 575px){
		.cafpi-editor ul li,
		.cafpi-editor ol li,
		.cafpi-editor ul li p,
		.cafpi-editor ol li p { font-size: 1.143em;}
		.cafpi-editor ul li { background-position: left top 0.3em;}
	}
	@media (max-width: 360px){
		.cafpi-editor ul li,
		.cafpi-editor ol li,
		.cafpi-editor ul li p,
		.cafpi-editor ol li p { font-size: 1.083em;}
		.cafpi-editor ul li { background-position: left top 0.35em;}
	}

/*
* CITATION
*/

	.cafpi-editor .citation { display: block;}
	.cafpi-editor .citation > p:first-child { margin-bottom: 0.5em; font-weight: 500; line-height: 1.3em; background: url(../img/text/cite.start.orange.png) left top no-repeat;}
	.cafpi-editor .citation > p:last-child { min-height: 30px; padding-right: 60px; background: url(../img/text/cite.stop.orange.png) right center no-repeat; color: #d9772e; text-align: right; font-style: normal;}
	@media (min-width: 992px){
		.cafpi-editor .citation { margin: 2em 0 1em 0; }
		.cafpi-editor .citation > p:first-child { padding: 0 0 0 2em; font-size: 2.625em;}
		.cafpi-editor .citation > p:last-child { font-size: 16px;}
	}
	@media (max-width: 991px){
		.cafpi-editor .citation { margin: 2em 0 1em 0; }
		.cafpi-editor .citation > p:first-child { padding: 0 0 0 2em; font-size: 2.625em;}
		.cafpi-editor .citation > p:last-child { font-size: 16px;}
	}
	@media (max-width: 767px){
		.cafpi-editor .citation { margin: 2em 1em 1em 1em;}
		.cafpi-editor .citation > p:first-child { font-size: 1.75em;}
	}
	@media (max-width: 414px){
		.cafpi-editor .citation > p:first-child { padding: 1.2em 0 0 0;}
		.cafpi-editor .citation > p:last-child { font-size: 14px;}
	}
	@media (max-width: 360px){
		.cafpi-editor .citation > p:last-child { font-size: 12px;}
	}

/*
* BON A SAVOIR
*/

	.cafpi-editor .savoir { border: 2px solid #eb8328; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em;}
	.cafpi-editor .savoir p:first-child { margin-bottom: 1em; font-weight: 700; color: #eb8328;}
	.cafpi-editor .savoir p:last-child { margin-bottom: 0; line-height: 1.3em;}
	@media (min-width: 992px){
		.cafpi-editor .savoir { margin: 2em 0 1em 0; padding: 2em;}
		.cafpi-editor .savoir p:first-child { text-align: left;}
		.cafpi-editor .savoir p:last-child { text-align: left; font-size: 1.25em;}
	}
	@media (max-width: 991px){
		.cafpi-editor .savoir { margin: 2em 0 1em 0; padding: 2em;}
		.cafpi-editor .savoir p:first-child { text-align: center;}
		.cafpi-editor .savoir p:last-child { text-align: center; font-size: 1.3em;}
	}
	@media (max-width: 767px){
		.cafpi-editor .savoir { margin: 2em 0.8em 1em 0.8em; padding: 1.5em;}
		.cafpi-editor .savoir p:last-child { font-size: 1.25em;}
	}
	@media (max-width: 575px){ .cafpi-editor .savoir p:last-child { font-size: 1.143em;}}
	@media (max-width: 360px){ .cafpi-editor .savoir p:last-child { font-size: 1.083em;}}

/*
* TABLE
*/

	.cafpi-editor table { width: 100%; margin-bottom: 1em;}
	.cafpi-editor table tr { background-color: #edede9;}
	.cafpi-editor table thead tr { background-color: #fff;}
	.cafpi-editor table tr:nth-child(2n) { background-color: #f7f7f5;}
	.cafpi-editor table tr th { text-align: center;}
	.cafpi-editor table tr td { text-align: center;  white-space: nowrap;}
	.cafpi-editor table tr td:first-child { white-space: normal;}
	.cafpi-editor table tr th:first-child { text-align: left;}
	.cafpi-editor table tr td:first-child { text-align: left;}

	@media (min-width: 992px){
		.cafpi-editor table tr th { padding: 1em; font-size: 1.25em;}
		.cafpi-editor table tr td { padding: 1em; font-size: 1.25em;}
		.cafpi-editor table tr th:first-child { padding: 1em 1em 1em 1.5em;}
		.cafpi-editor table tr td:first-child { padding: 1em 1em 1em 1.5em;}
		.cafpi-editor table tr:first-child td:first-child { -webkit-border-top-left-radius: 1em; -moz-border-top-left-radius: 1em; border-top-left-radius: 1em;}
		.cafpi-editor table tr:first-child td:last-child { -webkit-border-top-right-radius: 1em; -moz-border-top-right-radius: 1em; border-top-right-radius: 1em;}
		.cafpi-editor table tr:last-child td:first-child { -webkit-border-bottom-left-radius: 1em; -moz-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em;}
		.cafpi-editor table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 1em; -moz-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em;}
	}
	@media (max-width: 991px){
		.cafpi-editor table tr th { padding: 1em 0.3em; font-size: 1.3em;}
		.cafpi-editor table tr td { padding: 1em 0.3em; font-size: 1.3em;}
		.cafpi-editor table tr th:first-child { padding: 1em 0 1em 0.5em;}
		.cafpi-editor table tr td:first-child { padding: 1em 0 1em 0.5em;}
		.cafpi-editor table tr:first-child td:first-child { -webkit-border-top-left-radius: 1em; -moz-border-top-left-radius: 1em; border-top-left-radius: 1em;}
		.cafpi-editor table tr:first-child td:last-child { -webkit-border-top-right-radius: 1em; -moz-border-top-right-radius: 1em; border-top-right-radius: 1em;}
		.cafpi-editor table tr:last-child td:first-child { -webkit-border-bottom-left-radius: 1em; -moz-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em;}
		.cafpi-editor table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 1em; -moz-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em;}
	}
	@media (max-width: 767px){
		.cafpi-editor table { margin-left: 0; margin-right: 0;}
		.cafpi-editor table tr th { font-size: 1.1em; }
		.cafpi-editor table tr td { font-size: 1.1em;}
		.cafpi-editor table tr:first-child td:first-child { width: 8em; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0;}
		.cafpi-editor table tr:first-child td:last-child { -webkit-border-top-right-radius: 0; -moz-border-top-right-radius: 0; border-top-right-radius: 0;}
		.cafpi-editor table tr:last-child td:first-child { width: 8em; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0;}
		.cafpi-editor table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0;}
	}
	@media (max-width: 575px){
		.cafpi-editor table tr th { font-size: 13px;}
		.cafpi-editor table tr td { font-size: 13px;}
	}
	@media (max-width: 414px){
		.cafpi-editor table tr th { font-size: 12px;}
		.cafpi-editor table tr td { font-size: 12px;}
	}
	@media (max-width: 360px){
		.cafpi-editor table tr th { font-size: 10px;}
		.cafpi-editor table tr td { font-size: 10px;}
	}
	

	svg a:hover path
	{
		fill:#ff6500 !important;
	}
	
	svg path
	{
		fill:#d58f51  !important;
	}
	svg{
		width:100%;
		height:100%;
		
	}

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

	.body > .info { position: relative; z-index: 2;}
		.body > .info.info-white { background-color: #fff;}
		.body > .info.info-gray { background-color: #edede9;}
	.body > .info > div > h2 { margin-bottom: 1.5em; font-weight: 700; line-height: 1.2em; text-align: center;}
	.body > .info > div > .info-container > .wrapper { position: relative; width: 100%; overflow: hidden;}
	.body > .info > div > .info-container > .wrapper > ul { position: relative;}
	.body > .info > div > .info-container > .wrapper > ul > li.part { text-align: center; display: block; float: left;}
	.body > .info > div > .info-container > .wrapper > ul > li > h3 { line-height: 1.3em; padding-top: 90px; font-family: 'Playfair Display', serif; font-weight: bold; text-align: center;}
	.body > .info > div > .info-container > .wrapper > ul > li > p { padding: 0 1.5em; line-height: 1.8em;}
	.body > .info > div > .info-container > .wrapper > ul > li > a { width: 22em;}

	.body > .info > div > .info-container > .wrapper > ul > li.speed > h3 { background: url(../img/template/info/speed.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.duo > h3 { background: url(../img/template/info/duo.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.graph > h3 { background: url(../img/template/info/graph.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.local > h3 { background: url(../img/template/info/local.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.people > h3 { background: url(../img/template/info/people.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.dialog > h3 { background: url(../img/template/info/dialog.icon.png) top center no-repeat;}
	.body > .info > div > .info-container > .wrapper > ul > li.loupe > h3 { background: url(../img/template/info/loupe.icon.png) top center no-repeat;}

	/* @media */

		@media (min-width: 992px){
			.body > .info > div { padding: 4em 0;}
			.body > .info > div > .info-container > .wrapper { padding-bottom: 1em;}
			.body > .info > div > .info-container > .wrapper > ul > li > h3 { margin-bottom: 1.5em; letter-spacing: 0.05em;}
		}

	/* @media mobile */

		@media (max-width: 991px){
			.body > .info > div { padding: 4em 0;}
			.body > .info > div > .info-container > .wrapper { padding-bottom: 1em;}
			.body > .info > div > .info-container > .wrapper > ul > li > h3 { margin-bottom: 1.4em; letter-spacing: 0.03em;}
		}
		@media (max-width: 767px){
			.body > .info > div > .info-container > .wrapper > ul > li > h3 { margin-bottom: 1.3em; letter-spacing: 0.01em;}
		}
		@media (max-width: 575px){
			.body > .info > div > .info-container > .wrapper > ul > li > h3 { margin-bottom: 1.2em; letter-spacing: 0;}
		}
		@media (max-width: 414px){
			.body > .info > div { padding: 2em 0;}
			.body > .info > div > .info-container > .wrapper { padding-bottom: 0;}
		}