/* sora-200 - latin */
@font-face {
    font-family: 'Sora extralight';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/sora-v11-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-200.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-200.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-300 - latin */
  @font-face {
    font-family: 'Sora light';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/sora-v11-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-300.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-300.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-regular - latin */
  @font-face {
    font-family: 'Sora regular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/sora-v11-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-regular.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-500 - latin */
  @font-face {
    font-family: 'Sora semibold';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/sora-v11-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-500.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-500.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-600 - latin */
  @font-face {
    font-family: 'Sora bold';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/sora-v11-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-600.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-600.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-700 - latin */
  @font-face {
    font-family: 'Sora extrabold';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/sora-v11-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-700.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-700.svg#Sora') format('svg'); /* Legacy iOS */
  }
  /* sora-800 - latin */
  @font-face {
    font-family: 'Sora megabold';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/sora-v11-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/sora-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sora-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/sora-v11-latin-800.woff') format('woff'), /* Modern Browsers */
         url('fonts/sora-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sora-v11-latin-800.svg#Sora') format('svg'); /* Legacy iOS */
  }

/*----------------------------------------------------------
	= BAOCSS v.1.0
	/1 Reset
	/2 Styles génériques (Balises, Objets, Classes, Plugins)
	/3 Styles spécifiques (Layout, Style par page)
	/4 Styles responsive (Mobiles, tablettes, ...)
----------------------------------------------------------*/

/*====================
/1 Reset
======================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; }
img { font-style: italic; vertical-align:bottom; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
abbr, acronym { cursor: help; border: 0; text-decoration:none;}
a { text-decoration: none; }
pre, code { font-family: monospace; }
b, strong { font-weight: bold; }
sub, sup {font-size: 62%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
input, select, option, optgroup, textarea { font: inherit; }
input::-ms-clear {display:none;}
input[type="submit"], input[type="button"], input[type="reset"], button { cursor:pointer; border:0; overflow:visible; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner {border:0; padding: 0;}
input[type="submit"]:-moz-focusring, input[type="button"]:-moz-focusring, input[type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; }
textarea {resize:none;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}

/* Box model */
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

 /* Ballot screen pour IE7>=
==============================*/
#ballot {border:2px solid #FFD61F; border-left:none; border-right:none; background:#FFF7C0;}
	#ballot .inner {width:740px; margin:0 auto; overflow:hidden;}
		#ballot .warning {background:url(../images/ico_warning.png) no-repeat center 5px; width:85px; float:left; font-size:13px; text-align:center; font-weight:bold; padding:55px 0 0;}
		#ballot p {width:260px; float:left; font-size:12px; padding:12px 0 0 15px; line-height:14px;}
			#ballot p strong {display:block; font-size:14px; margin:0 0 5px;}
		#ballot ul {float:left;}
			#ballot li {float:left; width:75px; margin:7px 0 0; text-align:center; font-size:11px;}
				#ballot li a {background:url(../images/logos_browser.png) no-repeat left top; padding:35px 0 0; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#000; line-height:14px; cursor:pointer;}
				#ballot .firefox a {background-position:-55px -2px;}
				#ballot .chrome a {background-position:22px -2px;}
				#ballot .safari a {background-position:-231px 0;}
				#ballot .opera a {background-position:-138px -1px;}
				#ballot .ie a {background-position:-328px -2px;}

/*====================
/2 Styles génériques
======================*/
/* Polices
===========*/

/* Arial */
.btn, .mandatory {font-family:Arial, Helvetica, sans-serif;}

.btn-special,
.content h1,
.page-ttl,
.btn-fb,
.block-video .ttl,
.cta,
.search-filter-ttl,
.block-alert .weight,
.home-ttl,
.home-subtitle,
.wrap-model-sub,
.model-inter-ttl,
.carousel-agency-ttl,
.titles h4:not(.ttl-ico),
.titles h5:not(.ttl-ico),
.special .btn-incentive,
.special h2 .weight,
.special.special.special h3,
.special.special .ttl-beta,
.special .special-list h4,
.btn-action-medium,
.btn-action-primary,
.btn-action-big,
.btn-contact-primary,
.btn-lead-primary,
.btn-contact-secondary,
.btn-contact-medium,
.btn-contact-big,
.btn-flat-medium,
.btn-flat-primary,
.btn-blank,
.btn-trigger,
.form-search .btn,
.page .feature h2,
.slide-ttl,
.offer-price,
.ttl-results > h2,
.header-offer-wrap,
.ttl-detail-offer,
.tab-nav a,
.contact-ttl,
.contact-details-ttl,
.highlight-ttl-agency,
.block-search-ttl,
.home-adverts-legend,
.home-news-hover,
.wrap-model-hover,
.btn-anchor,
.model-ttl,
.ttl-main-agency .weight,
.page-promo h3,
.franchise-form .legend span,
.offer-price,
.logo-subtitle,
.model-filters-tabs-item,
.r-tabs-anchor,
.titles h2:not(.ttl-ico),
.titles h3:not(.ttl-ico),
.special .main-block__ttl,
.special.special h2,
.special.special .ttl-alpha,
.offer-picture__label,
.model-price,
.ttl-detail-alpha,
.layout-form-advert h2,
.ttl-iframe-contact {font-family: 'Sora bold', Georgia, sans-serif;}

/* Source sans bold / italic */
.main-nav > li > a,
.option-label,
.special .main-block__ttl .weight,
.block-search .weight  {font-family: "Sora extrabold", Georgia, sans-serif;}

/* Balises
=====================*/
html {line-height:1.333;}
body {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;}

a[href^="tel"] {color:inherit;}

/* Boutons
=====================*/
.btn {display:inline-block; font-size:12px; line-height:normal; margin:0; vertical-align:middle; position: relative; text-decoration: none!important; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; -webkit-appearance: none;}

/* Ajout des icônes sur les côtés des boutons */
.action:before, .action:after {content:""; position: absolute; top:50%; margin-top:-5px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px;}
.action:before {border-left-width:6px; border-left-color:#FFF; margin-right:2px; left:4px; right:auto;}
.action:after {border-right-width:6px; border-right-color:#FFF; margin-left:2px; right:4px; left:auto;}

/* SHAME - Affichage spécifique pour Firefox 3.6 (correction bug de positionnement dans les <button>) */
body:-moz-last-node .action:before, body:-moz-last-node .action:after {display: none;}
/* On rétablit pour Firefox 4+ */
@media screen and (min--moz-device-pixel-ratio:0) {
	body:-moz-last-node .action:before, body:-moz-last-node .action:after {display: block;}
}

/* Boutons d'action */
[class*="btn-action"] {color: #FFF!important; background-color: #94A6D6;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyMSAxOSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA2OWE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBhM2RiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjEiIGhlaWdodD0iMTkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #94A6D6 50%, #24376D 100%);
	background-image: -o-linear-gradient(bottom, #94A6D6 50%, #24376D 100%);
	background-image: -webkit-linear-gradient(bottom, #94A6D6 50%, #24376D 100%);
	background-image: linear-gradient(to top, #94A6D6 50%, #24376D 100%);}
.ie [class*="btn-action"] {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24376D', endColorstr='#94A6D6',GradientType=0 );}
[class*="btn-action"]:hover {background: #94A6D6;}
.ie [class*="btn-action"]:hover {filter:none; background: #94A6D6;}
.btn-action-small {font-size:13px; padding:2px 16px;}
.btn-action-medium,
.btn-action-primary,
.btn-action-big,
.btn-contact-primary,
.btn-contact-secondary,
.btn-contact-big,
.btn-lead-primary {font-size:14px; text-transform: uppercase; padding:5px 16px;}

.btn-action-primary,
.btn-contact-primary,
.btn-contact-secondary,
.btn-lead-primary {padding:8px 16px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.btn-action-tel {padding:2px 5px 1px; font-size: 13px; -webkit-border-radius: 3px; border-radius: 3px;}

.btn-action-big {font-size:18px; padding:7px 16px 6px;}
.btn-action-big:before,
.btn-action-big:after {border-width:6px;}
.btn-action-big:before {margin-right:6px;}
.btn-action-big:after {margin-left:6px;}

[class*="btn-contact"] {color: #FFF!important; background-color: #24376D;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE1NiAyOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDUzOThiIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY2ZGJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxNTYiIGhlaWdodD0iMjgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #24376d 60%, #94A6D6 100%);
	background-image: -o-linear-gradient(bottom, #24376D 60%, #94A6D6 100%);
	background-image: -webkit-linear-gradient(bottom, #24376D 60%, #94A6D6 100%);
	background-image: linear-gradient(to top, #24376D 60%, #94A6D6 100%);}
.ie [class*="btn-contact"] {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94A6D6', endColorstr='#24376D',GradientType=0 );}
[class*="btn-contact"]:hover {background: #24376D;}
.ie [class*="btn-contact"]:hover {filter:none; background: #24376D;}

.btn-contact-tel {padding:2px 5px 1px; font-size: 13px; -webkit-border-radius: 3px; border-radius: 3px;}
.btn-contact-small {font-size:13px; padding:2px 16px;}
.btn-contact-medium {font-size:14px; text-transform: uppercase; padding:5px 16px;}

.btn-contact-primary {padding:6px 45px 5px;}

.btn-contact-big {font-size:18px; padding:7px 16px 6px;}
.btn-contact-big:before,
.btn-contact-big:after {border-width:6px;}
.btn-contact-big:before {margin-right:6px;}
.btn-contact-big:after {margin-left:6px;}

/* Bouton du formulaire de contact embarqué */
[class*="btn-lead"] {color: #FFF!important; background-color: #94A6D6; background-image:linear-gradient(to top, #94A6D6 0%, #94A6D6 100%);}
.ie [class*="btn-lead"] {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94A6D6', endColorstr='#94A6D6',GradientType=0 );}

[class*="btn-lead"]:hover {background: #94A6D6;}

.btn-lead-primary {padding:8px 45px;}
.btn-lead-small {font-size:13px; padding:2px 16px;}

/* Bouton simple */
[class*="btn-flat"] {background:#7c878e; color: #FFF!important;}
[class*="btn-flat"]:hover {background: #636E75;}
.btn-flat-small {font-size:13px; padding:2px 16px;}
.btn-flat-medium,
.btn-flat-primary {font-size:14px; text-transform: uppercase; padding:3px 16px 2px;}
.btn-flat-primary {padding:6px 16px 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.btn-blank {font-size:16px; text-transform: uppercase; background:#FFF; padding:6px 8px 8px;}
.btn-back {font-size: 13px; color:#7f8a93; background: #dfe5f2; padding:3px 8px 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.btn-back:hover {background: #7f8a93; color:white;}

.btn-light-text {font-family:Arial, Helvetica, sans-serif; text-transform: none;}

/* Nouveaux boutons (refonte) */
.btn--new {border:2px solid #24376D; padding:8px 30px; background-color:#24376D; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:bold;}
.btn--new:hover,
.btn--new:focus {background-color:#FFF; color:#24376D}

.btn--new-alt {border-color:#94A6D6; background-color:#94A6D6;}
.btn--new-alt:hover,
.btn--new-alt:focus {background-color:#FFF; color:#94A6D6}

.btn--min {width:240px; max-width:100%;}

/*=====================================*/

/* Icônes
================ */
.ico, .i:before {background:url('../images/bgd_icons.png?20221103') no-repeat; display:inline-block;}
.i:before {content:"";}
/* Icones .i... */
.iagency {background-position:0 -289px; width: 66px; height: 61px;}
.ialert {background-position:-257px -85px; width: 48px; height: 33px;}

/* Ekomi */
.i-star-on,
.i-star-off,
.i-star-half {width:16px; height:14px;}
.i-star-on {background-position:-60px -240px;}
.i-star-off {background-position:-97px -240px;}
.i-star-half {background-position:-79px -240px;}
.i-alt-dial {background-position:-166px -292px; width:45px; height:35px;}

/* Nouveaux réseaux sociaux */
.itxt {text-indent:-9999em; text-align:left; overflow:hidden;}

.i-facebook,
.i-youtube,
.i-linkedin,
.i-twitter,
.i-pinterest,
.i-news-contact,
.i-instagram {width:28px; height:28px; vertical-align:middle;}

.i-facebook {background-position:-380px -385px;}
.i-youtube {background-position:-410px -385px;}
.i-linkedin {background-position:-440px -385px;}
.i-twitter {background-position:-470px -385px;}
.i-pinterest {background-position:-500px -385px;}
.i-news-contact {background-position:-530px -385px;}
.i-instagram {background-position:-562px -380px;}

.btn-social {display:inline-block;}
.btn-social--facebook {background-color:#3B5998;}
.btn-social--youtube {background-color:#CD201F;}
.btn-social--linkedin {background-color:#0077B5;}
.btn-social--twitter {background-color:#1DA1F2;}
.btn-social--pinterest {background-color:#bd081c;}

.btn-footer {display:inline-block;}
.btn-footer--facebook {background-color:#3B5998;}
.btn-footer--youtube {background-color:#CD201F;}
.btn-footer--linkedin {background-color:#0077B5;}

/* Nouvelles pages modèles */
.ico-model-price-separator {background-position:-605px 0; width:27px; height:19px;}
.ico-placeholder-label {background-position:-600px -365px; width:28px; height:39px;}
.ico-placeholder-input {background-position:-630px -365px; width:25px; height:18px;}
.ico-model-find {background-position:-660px -365px; width:29px; height:29px;}

/* Nouveau design */
.i-pointer-right {background-position:-690px 0; width:6px; height:10px;}
.i-pointer-right--alt {background-position:-980px -245px; width:6px; height:10px;}
.i-pointer-bottom,
.i-pointer-menu {background-position:-675px 0; width:10px; height:6px;}
.i-pointer-bottom--big {background-position:-675px -20px; width:20px; height:12px;}

/* Header */
.i-home-board {background-position:-605px -485px; width:83px; height:76px;}

.i-header-01 {background-position:-603px -33px;
	width: 32px;
	height: 32px;
}
.i-header-02 {background-position:-640px -69px;
	width: 49px;
	height: 33px;}
.i-header-03 {background-position:-639px -35px;
	width: 33px;
	height: 32px;}

/* Home */
.i-home-01 {background-position:-719px -5px;
	width: 40px;
	height: 33px;
}
.i-home-02 {background-position:-719px -49px;
	width: 28px;
	height: 37px;}
.i-home-03 {background-position:-712px -94px;
	width: 62px;
	height: 35px;}
.i-home-04 {background-position:-710px -137px;
	width: 46px;
	height: 43px;}
.i-home-05 {background-position:-712px -188px;
	width: 43px;
	height: 43px;}

.i-config-person {background-position:-605px -105px; width:41px; height:40px;}
.i-config-2d {background-position:-650px -105px; width:39px; height:39px;}
.i-config-3d {background-position:-605px -150px; width:41px; height:40px;}

/* Formulaire de contact */
.i-personal-data {background-position:-605px -70px; width:30px; height:30px;}
.i-perm-tel {background-position:-640px -70px; width:30px; height:30px;}

/* Packs */
.i-pack-unavailable {background-position:-675px -280px; width:23px; height:23px;}
.i-pack-available {background-position:-650px -280px; width:23px; height:23px;}

.i-pack-access,
.i-pack-essentiel,
.i-pack-confort,
.i-pack-privilege {height:55px;}

.i-pack-access {background-position:-610px -305px; width:35px;}
.i-pack-essentiel {background-position:-662px -305px; width:41px;}
.i-pack-confort {background-position:-712px -305px; width:52px;}
.i-pack-privilege {background-position:-767px -305px; width:51px;}

/* Calculatrice */
.i-calculator--loan {background-position:-430px -325px; width:41px; height:35px;}
.i-calculator--installment {background-position:-475px -325px; width:34px; height:35px;}

/**
 * Conteneur pour la croix
 *
<span class="cross">
	<span class="cross__icon"></span>
</span>
 *
 */
.cross {display:inline-block; width:1em; height:1em; font-size:20px; line-height:1; text-align:left; vertical-align:middle; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-transition:all 0.1s ease-in; -o-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}

	/**
	 * Icône de la croix en CSS
	 * Les branches de la croix sont réalisées avec des pseudo-éléments
	 * On utilise la bordure pour les dessiner afin d'avoir une rotation
	 * au centre dans le cas du "x"
	 */
	.cross__icon {position:relative; display:block; width:100%; height:100%;}

		.cross__icon:after,
		.cross__icon:before {content:""; position:absolute; border:1px solid currentColor; background:currentColor; width:0; height:0; -webkit-transform:translate(-50%, -50%) translate(0.5em, 0.5em); -ms-transform:translate(-50%, -50%) translate(0.5em, 0.5em); transform:translate(-50%, -50%) translate(0.5em, 0.5em); -webkit-box-sizing:content-box; box-sizing:content-box;}

		/* Dimensions des branches */
		.cross__icon:before {width:0.600em;}
		.cross__icon:after {height:0.600em;}

	/* Et pour un "-" */
	.cross--minus .cross__icon:after {height:0;}

/*=====================================*/

/* Grid
================ */
.row {margin:0 auto; width: 100%; max-width: 999px; padding:0 12px;}
	.grids {margin-left:-20px; letter-spacing:-0.31em;}
	.opera:-o-prefocus, .grids {word-spacing: -0.43em; /* Fix for Opera */}
	/* La classe doit absolument commencer par .grid- */
	[class^="grid-"] {padding-left:20px; display: inline-block; vertical-align: top; word-spacing:normal; letter-spacing:normal;}

	/* Grid : .grid-1, .grid-half, ... */
	.grid-full {width:100%;}
	.grid-half {width:50%;}
	.grid-1-3 {width:33.333%;}
	.grid-2-3 {width:66.666%;}
	.grid-3-4 {width:75%;}
	.grid-1-4 {width:25%;}
	.grid-1-5 {width:20%;}
	.grid-2-5 {width:40%;}
	.grid-3-5 {width:60%;}
	.grid-1-6 {width:16.666%;}

/* ### Grille alignée au milieu
   ========================================================================== */
/* À ajouter en plus de `.grids` */
.grids-middle > [class^="grid-"] {vertical-align:middle;}

/* ### Grille alignée en bas
   ========================================================================== */
/* À ajouter en plus de `.grids` */
.grids-bottom > [class^="grid-"] {vertical-align:bottom;}

/* ### Goutières multipliées par 2
   ========================================================================== */
/* À ajouter en plus de `.grids` */
.grids-large {margin-left:-40px;}
	.grids-large > [class^="grid-"] {padding-left:40px;}

/* ### Inversion du sens des grilles
   ========================================================================== */
/* À ajouter en plus de `.grids` */
.grids-revert {direction:rtl;}
	.grids-revert [class^="grid-"] {direction:ltr;}

/*=====================================*/

/* Media object
================== */
.media, .media .context {overflow:hidden;}
	.media .img {float:left; margin-right:15px;}
	.media .img-ext {float:right; margin-left:15px;}

/* Images responsive */
.img-resp, .img-resp img {max-width:100%; height:auto;}

/*=====================================*/

/* Navigation
=====================*/
.nav > li, .nav > li > a {display:inline-block;}
.ie7 .nav > li, .ie7 .nav > li > a {display:inline; zoom:1;}

/* Navigation verticale */
.nav-vertical > li,
.children > li {display:list-item;}

/* Trigger sous-menu */
.has-children {position:relative;}
	/* Sous-menu */
	.nav-children .children {position:absolute; top:100%; left:-99999em;}
		.nav-children .children > li {min-width:200px; float:left;}
			.nav-children .children > li > a {display:block;}

/* Apparition sous-menu */
.nav-children .has-children:hover > .children {left:0;}
/* Second niveau */
.nav-children .children .has-children:hover > .children {top:0; left:100%;}

/*=====================================*/

/* Pagination
===============*/
.paginator {color:#525657; white-space:nowrap; text-align:right; margin:10px 0;}
	.paginator a, .paginator span {display:inline-block; line-height:normal; padding:3px 6px; font-size:12px; background:#DFE5F2; color:#FFFFFF; text-align:center;}
	.paginator span {background:#24376D; color:#fff;} /* Active */
	.paginator .sep {display: none;}
	.paginator a, .paginator .fake-link {background:#DFE5F2; color: #19171A; text-decoration:none;}
	.paginator a:hover, .paginator .fake-link:hover {background:#94A6D6; color:#fff; text-decoration:none; cursor: pointer;}
	.paginator p {font-size:12px; padding:5px 0 0;}

/*=====================================*/

/* Alertes et erreurs
======================================*/
.msg {padding:5px; margin:0 0 15px; border:1px solid; font-size: 14px;}
	.msg > li {max-width:999px; width:100%; margin:0 auto; padding:5px;}

.msg-success {background:#DFF0D8; border-color:#D6E9C6; color:#468847;}
.msg-error {background:#F2DEDE; border-color:#EED3D7; color:#B94A48;}
.msg-highlight {background:#FCF8E3; border-color:#FBEED5; color:#C09853;}

.error {background:#F2DEDE; border:1px solid #EED3D7; color:#B94A48; display: inline-block; padding:2px 5px;}

/* Page d'erreur */
.error-page {padding:30px 0; color:#575757; font-size:14px; line-height:1.4;}
	.error-page__title {margin-bottom:10px; color:#3b3b3b; font-family:"Sora light", Helvetica, Arial, sans-serif; font-size:70px; line-height:1;}
	.error-page__subtitle {margin-bottom:20px; color:#3b3b3b; font-family:"Sora"; font-style: italic; font-size:32px; line-height:1.1;}

	.error-page p {margin-bottom:25px;}
	.error-page img {max-width:100%; height:auto;}

@media screen and (max-width: 1000px) {
	.error-page__title {font-size:60px;}
	.error-page__subtitle {font-size:22px;}
}

@media screen and (max-width: 730px) {
	.error-page {text-align:center;}
	.error-page__title {font-size:40px;}
	.error-page__subtitle {font-size:22px;}
}

/*=====================================*/

/* Formulaires (.layout-form)
==============================*/
.layout-form p {margin:0 0 10px;}
	.layout-form label {display:block; color: #19171a; font-size:13px; font-weight: bold; padding-bottom:6px;}
		.layout-form label span {font-weight: normal;}
	.layout-form input[type="text"], .layout-form input[type="email"], .layout-form input[type="number"], .layout-form input[type="tel"], .layout-form input[type="password"], .layout-form textarea, .layout-form select {font-family:Arial, Helvetica, sans-serif; font-size:13px; color: #19171a; text-align: left;}
	.layout-form input[type="text"], .layout-form input[type="email"], .layout-form input[type="number"], .layout-form input[type="tel"], .layout-form input[type="password"] {height:18px; line-height:18px;}

.layout-form .notice {font-size: 10px;}

/* Formulaires embarqués */
/* Recherche & select */
.input, .select-filter, .textarea {border: 1px solid #96A0AA; background: #FFFFFF; display: inline-block; padding:5px 8px; position: relative; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
	.input [type="text"], .input [type="email"], .input [type="number"], .input [type="tel"] {font-family:Arial, Helvetica, sans-serif; font-size:14px; width:100%; color: #7c7565; border:none; background:#FFF; line-height:24px; height:24px;}
	.textarea textarea {height:115px;  width:100%; border:none;}
	.input .ico {text-indent:-9999em; display: inline-block; padding:0; text-align: left; cursor: pointer;}

.select-filter select {padding:0; width: 100%; line-height:18px; height:18px; border:none; background:#FFF;}

.layout-form-block label {padding-bottom:1px;}
.layout-form-block .input, .layout-form-block .select-filter, .layout-form-block .textarea {display: block;}

/* Autocomplete */
.input-autocomplete {padding:0;}
	.input-autocomplete input[type="text"] {padding:5px 8px; height:28px; line-height:28px;}
	.ie .input-autocomplete input[type="text"] {line-height:18px;}

/* Formulaire en ligne (+.layout-form-inline) */
.layout-form-inline p {clear:both;}
	.layout-form-inline label {display:inline; padding-right:10px;}
	.layout-form-inline .copy {width:auto; padding:0;}
	.layout-form-inline .copy, .layout-form-inline .ui-state-error {margin-left:160px;}
	.layout-form-inline .error {display:block;}

/* Grille pour formulaire en ligne
.form-grid-* sur le label ou sur l'élément parent */
label[class*="form-grid-"], [class*="form-grid-"] label {float:left; display:block;}
label.form-grid-150, .form-grid-150 label {width:150px;}
/* etc... */

/* Formulaires avec colonnes
.form-col>p+p */
.form-row-col {overflow:hidden; margin:0 0 10px;}
	.form-row-col p {float:left; margin:0; clear:none;}
	.form-row-col p + p {margin-left:12px;}

	.forms-dropdown {position:relative; z-index:1; display:block; border:1px solid #999999; background:white; font-size:16px; vertical-align:top;}
	.forms-dropdown:before,
	.forms-dropdown:after {content:""; position:absolute;}
	.forms-dropdown:before {top:0; bottom:0; right:0; z-index:0; pointer-events:none;}
	.forms-dropdown:after {top:50%; right:10px; width:0; height:0; border:0 solid transparent; border-width:7px 6px 0; border-top-color:#999999; z-index:1; pointer-events:none; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

		.forms-dropdown select {border:none; padding:0 35px 0 10px; height:44px; width:100%; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:inherit; box-sizing:border-box;}
		.forms-dropdown select::-ms-expand {display:none;}
		.forms-dropdown select[disabled] {background-color:#ECECEC;}

	/* Ajustement pour IE */
	.ie .forms-dropdown {background:white;}
	.ie .forms-dropdown:before,
	.ie .forms-dropdown:after {display:none;}

		.ie .forms-dropdown select {width:100%; max-width:100%; min-width:100%;}

/*=====================================*/

/* Blocs de mise en forme
==========================*/
.iso {padding:8px;}
.iso-12 {padding:12px;}

/* Bloc couleur */
.block-light {background: #dfe5f2;}
	.block-light-ttl {font-size:14px; font-weight: bold; text-transform: uppercase; color: #7c878e; margin:5px 0;}

/* Bloc mini */
.ttl-block {font-size: 16px; color: #94A6D6;}
.block-mini {min-height:140px; margin:0 0 20px;}
.block-mini > p {margin:10px 0 0!important;}
.block-mini > p:first-child {margin:0!important;}

/* Block call-to-action avec bouton positionné en bas à droite */
.block-cta {position: relative;}
	.block-cta .btn {position: absolute; bottom:0; right:0;}

/* Modules
==============================*/
/* jQuery UI Dialog */
.ui-dialog {background:#FFF;}
	.ui-dialog-titlebar {text-align: right;}
		.ui-dialog-title {float:left;}
		.ui-dialog-titlebar-close {}
	.ui-dialog-content {padding:15px;}

/* jQuery UI Overlay */
.ui-widget-overlay {background:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity: .80; filter:Alpha(Opacity=80); z-index: 20000;}

/* jQuery UI Helper */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* jQuery UI Autocomplete */
.ui-autocomplete { position: absolute; cursor: default; height: 200px; overflow-y: scroll; overflow-x: hidden;}
	.ui-autocomplete-loading { background: white; }
.ui-menu {display:block; background: #FFF; border:1px solid #96A0AA; border-top-style:dashed; border-top-color:#96A0AA; -moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;}
	.ui-menu .ui-menu-item {width: 100%; padding:1px;}
		.ui-menu .ui-menu-item a {display:block; padding:5px 8px; cursor: pointer; color: #7c878e;}
		.ui-menu .ui-menu-item a.ui-state-hover,
		.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {background: #94A6D6; color: #FFFFFF;}

/* jQuery Multiselect */
.wrap-multiselect {overflow: hidden; display: block; position: relative;}
	.wrap-multiselect select {padding:5px 8px; width:460px; border:1px solid #CBC1AF;}
.ui-multiselect {display:block; padding:5px 8px; text-align:left; line-height: normal; font-family: Arial,Helvetica,sans-serif; font-size: 13px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
	.ui-multiselect > span {line-height: 1.333;}
	.ui-multiselect span.ui-icon {float:right;}
	.ui-multiselect-single .ui-multiselect-checkboxes input {position:absolute !important; top: auto !important; left:-9999px;}
	.ui-multiselect-single .ui-multiselect-checkboxes label {padding:5px !important }

.ui-multiselect-filter {display: inline-block;}
	.ui-multiselect-filter input {margin-left:5px; font-size: 12px; border:1px solid transparent; font-weight: normal; height: 16px; line-height: 16px;}
.ui-multiselect-header > .ui-helper-reset {display: inline-block; float: right;}


.ui-multiselect-header {padding:5px; margin:0 0 5px;}
	.ui-multiselect-header ul li {display: inline-block; padding-right:10px;}
		.ui-multiselect-header a {text-decoration:none; line-height: 1.333;}
		.ui-multiselect-header a:hover {text-decoration:underline;}
		.ui-multiselect-header span.ui-icon {float:left;}
		.ui-multiselect-header li.ui-multiselect-close {float:right; text-align:right; padding-right:0;}

.ui-multiselect-menu { display:none; padding:5px; position:absolute; z-index:10000; text-align: left; margin-top:2px;}
.ui-multiselect-checkboxes {position:relative; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:5px;}
.ui-multiselect-checkboxes label input {position:relative; top:2px; margin-right:6px; }
.ui-multiselect-checkboxes li {clear:both;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {display:block; padding:3px; margin:1px 0; text-decoration:none }

/* Flexslider */
.flexslider {position: relative;}
	.flexslider > .slides {overflow: hidden;}
		.flexslider > .slides > li, .flexslider > .slides > div {position: relative;}
		.flexslider > .slides > li, .flexslider > .slides > div { display: none; -webkit-backface-visibility: hidden;}
		.flexslider > .slides > li:first-child, .no-js .flexslider > .slides > li, .flexslider > .slides > div:first-child, .no-js .flexslider > .slides > div {display: block; -webkit-backface-visibility:visible;}

/* BX Slider */
.bx-wrapper {-ms-touch-action: pan-y;}

/* Fixedsticky */
.fixedsticky {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;}

/* When position: sticky is supported but native behavior is ignored */
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {position:static;}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {position:fixed;}

.fixedsticky-dummy {display:none;}

.fixedsticky-on + .fixedsticky-dummy {display:block;}

/* Selectize */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {visibility:visible !important; background:#f2f2f2 !important; background:rgba(0, 0, 0, 0.06) !important; border:0 none !important; -webkit-box-shadow:inset 0 0 12px 4px #ffffff; box-shadow:inset 0 0 12px 4px #ffffff;}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {content:'!'; visibility:hidden;}
.selectize-control.plugin-drag_drop .ui-sortable-helper {-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2); box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}

.selectize-dropdown-header {position:relative; padding:5px 8px; border-bottom:1px solid #d0d0d0; background:#f8f8f8; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.selectize-dropdown-header-close {position:absolute; right:8px; top:50%; color:#303030; opacity:0.4; margin-top:-12px; line-height:20px; font-size:20px !important;}
.selectize-dropdown-header-close:hover {color:#000000;}

.selectize-dropdown.plugin-optgroup_columns .optgroup {border-right:1px solid #f2f2f2; border-top:0 none; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {border-right:0 none;}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {display:none;}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {border-top:0 none;}
.selectize-control.plugin-remove_button [data-value] {position:relative; padding-right:24px !important;}
.selectize-control.plugin-remove_button [data-value] .remove {z-index:1; /* fixes ie bug (see #392) */ position:absolute; top:0; right:0; bottom:0; width:17px; text-align:center; font-weight:bold; font-size:12px; color:inherit; text-decoration:none; vertical-align:middle; display:inline-block; padding:1px 0 0 0; border-left:1px solid white; -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.selectize-control.plugin-remove_button [data-value] .remove:hover {background:rgba(0, 0, 0, 0.05);}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {background:none;}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {border-left-color:#ffffff;}
.selectize-control.plugin-remove_button .remove-single {position:absolute; right:28px; top:6px; font-size:23px;}

.selectize-control {position:relative;}
.selectize-dropdown,
.selectize-input,
.selectize-input input {font-family:inherit; font-size:13px; line-height:28px; -webkit-font-smoothing:inherit;}
.selectize-input,
.selectize-control.single .selectize-input.input-active {background:#ffffff; cursor:text; display:inline-block;}

.selectize-input {display:inline-block; padding:0 8px; width:100%; overflow:hidden; position:relative; z-index:1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:bottom;}
/*.selectize-control.multi .selectize-input.has-items {padding:6px 8px 3px;}*/
.selectize-input.full {background-color:#ffffff;}
.selectize-input.disabled,
.selectize-input.disabled * {cursor:default !important;}
/*.selectize-input.focus {-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15);}
*/.selectize-input.dropdown-active {-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.selectize-input > * {vertical-align:baseline; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}


.selectize-control.multi .selectize-input > div {max-width:93%; cursor:pointer; margin:3px 3px 3px 0; padding:0 6px; line-height:22px; background:#94A6D6; color:#FFF; border:0 solid white; border-radius:3px; vertical-align:top;}

.selectize-control.multi .selectize-input .item-crop {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle; }

.selectize-control.multi .selectize-input > div.active {background:#4DBBE9;}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {color:#7d7d7d; background:#ffffff; border:0 solid #ffffff;}
.selectize-input > input {display:inline-block !important; padding:0 !important; min-height:0 !important; max-height:none !important; max-width:100% !important; margin:0 2px 0 0 !important; text-indent:0 !important; border:0 none !important; background:none !important; line-height:inherit !important; -webkit-user-select:auto !important; -webkit-box-shadow:none !important; box-shadow:none !important;}


.selectize-input > input::-ms-clear {display:none;}
.selectize-input > input:focus {outline:none !important;}
.selectize-input::after {content:' '; display:block; clear:left;}
.selectize-input.dropdown-active::before {content:' '; display:block; position:absolute; background:#f0f0f0; height:1px; bottom:0; left:0; right:0;}

.selectize-dropdown {position:absolute; z-index:10; border:1px solid #96A0AA; border-top-style:dashed; border-top-color:#96A0AA; background:#ffffff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0 0 2px 2px; -moz-border-radius:0 0 2px 2px; border-radius:0 0 2px 2px;}
    .selectize-dropdown [data-selectable] {cursor:pointer; overflow:hidden;}
        .selectize-dropdown [data-selectable] .highlight {background-color:#dfe5f2; color:#7f8a93; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;}

    .selectize-dropdown [data-selectable],
    .selectize-dropdown .optgroup-header {padding:5px 8px; color:#7f8a93;}
    .selectize-dropdown .optgroup:first-child .optgroup-header {border-top:0 none;}

    .selectize-dropdown .active {background: #24376D; color: #FFFFFF;}
    .selectize-dropdown-content {overflow-y:auto; overflow-x:hidden; max-height:200px; -webkit-overflow-scrolling:touch;}



/**
 * Modification pour que le champ d'autocomplétion prenne toute la largeur 
 * On cible tous les navigateurs sauf IE9 car pas de support flexbox
 */
html:not(.ie) .selectize-input {display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center;}
	html:not(.ie) .selectize-input > input {margin-top:0; width:100%!important; flex:1 1 0%;}

/* Lazyloading
   ========================================================================== */
.lazyloader .lazyload,
.lazyloader .lazyloading {opacity:0;}

.lazyloader .lazyloading + i {position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; border:6px solid rgba(36,55,109, 0.2); border-top-color:rgba(148,166,274, 0.8); width:1em; height:1em; font-size:30px; border-radius:100%; -webkit-animation:rotation 0.6s infinite linear 0.25s; animation:rotation 0.6s infinite linear 0.25s; opacity:0;}

.lazyloader .lazyloaded {opacity:1; -webkit-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms;}

/* ## Animation
  ========================================================================== */
@-webkit-keyframes rotation {
	from {
		opacity: 1;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		opacity: 1;
		-webkit-transform: rotate(359deg);
		        transform: rotate(359deg);
	}
}
@keyframes rotation {
	from {
		opacity: 1;
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	to {
		opacity: 1;
		-webkit-transform: rotate(359deg);
		        transform: rotate(359deg);
	}
}

/* Magnific Popup */
.mfp-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#3B3B3B; opacity:0.8; overflow:hidden; z-index:1042;}

.mfp-wrap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1043; outline:none; -webkit-backface-visibility:hidden; backface-visibility:hidden;}

    .mfp-container {position:absolute; left:0; top:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:12px; width:100%; height:100%;}
    .solo .mfp-container {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

        .mfp-align-top .mfp-container {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}

        /* ==========================================================================
           ## Conteneur principal
           ========================================================================== */
        .mfp-content {position:relative; margin:auto 12px; z-index:1045;}

            .mfp-inline-holder .mfp-content,
            .mfp-ajax-holder .mfp-content {width:100%; cursor:auto;}


            /* ### Affichage de l'image
               ========================================================================== */
            .mfp-figure small {display:block;}
            .mfp-figure figure {margin:0;}

                img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; margin:0 auto;}

                .mfp-bottom-bar {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:10px 15px; color:white; cursor:auto;}
                    .mfp-title {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; text-transform:uppercase; word-wrap:break-word;}
                    .mfp-counter {margin-left:auto; font-size:14px; white-space:nowrap;}

            .mfp-image-holder .mfp-content {max-width:100%;}
            .mfp-gallery .mfp-image-holder .mfp-figure {cursor:pointer;}


        /* ==========================================================================
           ## Navigation
           ========================================================================== */

            /* ### Boutons précédent & suivant
               ========================================================================== */
            .mfp-arrow {flex-shrink:0; z-index:1046; padding:10px; background-color:white; width:58px; border-radius:100%; text-align:center;}
            .mfp-arrow:hover,
            .mfp-arrow:focus {background-color:#F3F3F3;}
                .mfp-arrow .i-slide-left,
                .mfp-arrow .i-slide-right {width: 23px; height: 38px; vertical-align:bottom;}
                .mfp-arrow .i-slide-left {margin-right:5px; background-position:-142px -42px;}
                .mfp-arrow .i-slide-right {margin-left:5px; background-position:-175px -42px;}

            .mfp-arrow-left {-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;}

            @media only screen and (max-width: 650px) {
                .mfp-arrow {padding:0; width:auto; background-color:transparent; color:white; line-height:1; border-radius:0;}
                .mfp-arrow:hover,
                .mfp-arrow:focus {background-color:transparent; color:#24376D;}
                .mfp-arrow .i-slide-left,
                .mfp-arrow .i-slide-right {margin:0; width:auto; height:auto; background:none; font-size:30px; text-indent:0; font-weight:bold;}
            }

            /* ### Fermeture
               ========================================================================== */
            button.mfp-close {display:table; margin-left:auto; padding:5px; background:transparent; color:white; font-size:30px; text-decoration:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; cursor:pointer; z-index:1046;}
                button.mfp-close:hover,
                button.mfp-close:focus {color:#24376D;}

            /* ### Curseurs
               ========================================================================== */
            .mfp-ajax-cur {cursor:progress;}
            .mfp-zoom-out-cur {cursor:-webkit-zoom-out;cursor:zoom-out;}
            .mfp-zoom {cursor:pointer; cursor:-webkit-zoom-in; cursor:zoom-in;}
            .mfp-auto-cursor .mfp-content {cursor:auto;}
            .mfp-close,
            .mfp-arrow,
            .mfp-preloader,
            .mfp-counter {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

        /* ==========================================================================
           ## Loading
           ========================================================================== */
        .mfp-loading.mfp-figure {display:none;}
        .mfp-hide {display:none!important;}
            .mfp-preloader {position:absolute; top:50%; left:50%; color:white; text-align:center; z-index:1046; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
                .mfp-preloader a {color:currentColor;}

        .mfp-s-ready .mfp-preloader {display:none;}
        .mfp-s-error .mfp-content {display:none;}

/*=====================================*/

/* Classes réutilisables
==============================*/
.center {text-align:center;}
.right {text-align:right;}
.flleft {float:left;}
.flright {float:right;}
.for-print, .no-display {display:none;}
.hidden {position:absolute; top:-9999em; left:-9999em;}

.clear {clear:both; line-height:1px; height:0; font-size:1px;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}

.mt-1, .page .mt-1 {margin-top:10px;}
.mb-2, .page .mb-2 {margin-bottom:20px;}
.mb-4, .page .mb-4 {margin-bottom:40px;}

.pt-0-5, .page .pt-0-5 {padding-top:5px;}
.pb-4, .page .pb-4 {padding-bottom:40px;}

/*====================
/3 Styles spécifiques
======================*/

/**
 * ## Cookie CNIL
 */
.cookie {bottom:0; left:0; right:0; position:fixed; z-index:100; padding:10px 20px; background:rgba(198, 17, 121, 0.9); color:#FFF; font-size:12px;}
	.cookie p {margin:0;}
		.cookie .link {color:#FFF; text-decoration:underline;}
	.cookie .btn--close {position:static; border:1px solid transparent; padding:0; height:1em; width:1em; font-size:30px; border-radius:50%; background:none;}
		.cookie .btn--close .cross {display:block; width:100%; height:100%; background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDguMzMzIiBoZWlnaHQ9IjM0OC4zMzQiIHZpZXdCb3g9IjAgMCAzNDguMzMzIDM0OC4zMzQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMzYuNTYgNjguNjFMMjMxLjAxNSAxNzQuMTY2bDEwNS41NDMgMTA1LjU1YzE1LjY5OCAxNS43MDQgMTUuNjk4IDQxLjE0NCAwIDU2Ljg1LTcuODQ1IDcuODQzLTE4LjEzIDExLjc2OC0yOC40MDggMTEuNzY4LTEwLjI5NiAwLTIwLjU4LTMuOTItMjguNDItMTEuNzdsLTEwNS41NjUtMTA1LjU2TDY4LjYxIDMzNi41NjRjLTcuODQ0IDcuODQzLTE4LjEzIDExLjc3LTI4LjQxNyAxMS43Ny0xMC4yODUgMC0yMC41NjMtMy45Mi0yOC40MTMtMTEuNzctMTUuNy0xNS43LTE1LjctNDEuMTQgMC01Ni44NWwxMDUuNTQtMTA1LjU1TDExLjc3NCA2OC42MWMtMTUuNy0xNS42OTgtMTUuNy00MS4xNDQgMC01Ni44NDNDMjcuNDctMy45MiA1Mi45LTMuOTIgNjguNjA0IDExLjc2N2wxMDUuNTYgMTA1LjU1MkwyNzkuNzIgMTEuNzY3YzE1LjcwNi0xNS42ODcgNDEuMTQtMTUuNjg3IDU2LjgzMyAwIDE1LjcwNSAxNS43IDE1LjcwNSA0MS4xNDUuMDA2IDU2Ljg0NHoiLz48L3N2Zz4=") no-repeat center center / 50% 50%; text-indent:-9999em; text-align:left; overflow:hidden;}
	.cookie .btn--close:focus,
	.cookie .btn--close:hover {border-color:#FFF;}

@media only screen and (max-width: 650px) {
	.cookie {padding:8px 10px; font-size:11px;}
		.cookie .btn--close {font-size:25px;}
}

/* -------------------------------------------------------------------------- *\


	 # Layout


\* -------------------------------------------------------------------------- */
.layout {width:100%; max-width:999px; margin:0 auto;}
.layout.iso {padding:0 12px;}
	.layout.iso .row {padding:0;}

/* ==========================================================================
   Encart Natilia Franchisé
   ========================================================================== */
.sticker-message {background:#575757; text-align:right; overflow:hidden;}
	 .sticker-message__button {display:inline-block; padding:7px 12px; background-color:#1A171B; color:#FFF; font-size:13px; line-height:normal; text-align:center;}
	 .sticker-message__button:hover > span,
	 .sticker-message__button:focus > span {text-decoration:underline;}
		.sticker-message__button > * {vertical-align:middle;}
		.sticker-message__button > .ico {margin-right:6px;}

	.sticker-message__button--promo {float:left;}

@media screen and (max-width: 730px) {
	.sticker-message {text-align:center;}
		.sticker-message__button {display:block; width:100%;}
}

/* ==========================================================================
   Header
   ========================================================================== */
.header {padding:25px 0 0;}

	@media screen and (max-width: 1000px) {
		.header {padding:15px 0; text-align:center;}
	}

	/* Logo 
	   ========================================================================== */
	.logo {display:inline-block; margin-left: -22px; margin-bottom: 20px;}
		.logo-subtitle {display:block; margin-top:10px; color:#94A6D6; font-family:"Sora semibold",Helvetica,Arial,sans-serif; font-size:14px; line-height: 1; text-transform: uppercase; text-align: center;}

	/* Icône hamburger
	   ========================================================================== */
	.hamburger {position:relative; display:none; width:1em; height:1em; font-size:28px; line-height:1; transition:all 0.2s ease-out 0.1s;}

		.hamburger__line {position:absolute; top:50%; left:50%; width:100%; height:4px; font-size:inherit; line-height:1; vertical-align:middle; background:currentColor; transition:all 0.4s; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:3px;}
		.hamburger__line:before,
		.hamburger__line:after {content:""; position:absolute; left:0; display:inline-block; width:100%; height:100%; background:currentColor; border-radius:3px; -webkit-transform-origin:3px center 0; -ms-transform-origin:3px center 0; transform-origin:3px center 0; transition:all 0.4s;}
		.hamburger__line:after {-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);}
		.hamburger__line:before {-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}

		.hamburger:hover .hamburger__line:after,
		.hamburger:focus .hamburger__line:after {-webkit-transform:translateY(-7px);-ms-transform:translateY(-7px);transform:translateY(-7px);}
		.hamburger:hover .hamburger__line:before,
		.hamburger:focus .hamburger__line:before {-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px);}

		.hamburger.is-active .hamburger__line {background:transparent; transition:width 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s; transition:transform 0.3s ease 0.3s, width 0.3s ease 0.3s; transition:transform 0.3s ease 0.3s, width 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;}
			.hamburger.is-active .hamburger__line:before,
			.hamburger.is-active .hamburger__line:after {-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%; top:0; width:100%;}

			.hamburger.is-active .hamburger__line:before {-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);}
			.hamburger.is-active .hamburger__line:after {-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);}

	@media screen and (max-width: 1000px) {

		.logo-wrapper {position:relative;}
			.logo {margin:0;}
				.retina-logo {max-width:145px; height:auto;}

			.logo-wrapper .hamburger {position:absolute; top:50%; left:20px; display:inline-block; color:#1D1D1B; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

	}


	/* Encarts 
	   ========================================================================== */
	.header-item {margin-top:10px; color:#575757; font-size:13px; line-height:1.2; text-align:center;}
		.header-item .ico {margin-bottom:3px;}

	@media screen and (max-width: 1000px) {
		.header-item {margin-top:0;}
	}

/* ==========================================================================
   Navigation
   ========================================================================== */
.site-nav-wrapper {top:0; left:0; right:0; z-index:200; border:0 solid #cacaca; border-width:0 0 1px; background-color:#FFF; font-size:0; text-align:center;}

	.site-nav-placeholder {position:relative; z-index:20; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

		.site-nav {display:inline-block; text-align:left;}
			.site-nav__item {position:static; padding:0 10px; font-size:12px;}

				.site-nav__link {position:relative; padding:12px 8px; color:#575757; font-family:"Sora semibold"; line-height:normal; text-transform:uppercase;}
				.site-nav__link:before {content:""; position:absolute; top:10px; bottom:10px; left:-10px; border:0 solid #cacaca; border-width:0 0 0 1px;}
					.site-nav__link > * {vertical-align:middle;}
					.site-nav__link > .ico {margin-left:5px;}

	/* Liens incentive
	   ========================================================================== */
	.site-nav--incentive .site-nav__item {border:0 solid #FFF; border-width:0 0 0 1px; background-color:#94A6D6;}
		.site-nav--incentive .site-nav__link {color:#FFF;}
		.site-nav--incentive .site-nav__link:before {display:none;}

		/* Sous niveau
		   ========================================================================== */
		.site-nav__children {border:0 solid #cacaca; border-width:1px 0; background-color:#FFF; z-index:2;}

			.site-nav-children {padding:25px 10px 5px; color:#575757; font-size:13px;}
				.site-nav-children a {color:#575757;}
				.site-nav-children a:hover,
				.site-nav-children a:focus {text-decoration:underline;}

				.site-nav-children p {margin-bottom:10px;}
					.site-nav-children img {max-width:100%; height:auto;}


				.site-nav-children__ttl {margin-bottom:15px; font-size:18px; font-family:"Helvetica LT W01 Light Oblique", Helvetica, Arial;}

				.site-nav-children__list {margin-bottom:20px; overflow:hidden;}
					.site-nav-children__list > li + li {margin-top:10px;}
					.site-nav-children__list .i {position:relative; padding-left:18px;}
					.site-nav-children__list .i:before {position:absolute; top:3px; left:0; background-position:-700px 0; width:6px; height:10px;}
						.site-nav-children__list > li > a {font-weight:bold;}

				.site-nav-children__list--inline {margin-top:-10px; overflow:hidden;}
					.site-nav-children__list--inline > li {float:left; width:33.3333%; margin-top:10px;}

				.site-nav-children__list + .news-categories {margin:-20px 0 10px -8px; font-size:13px;}
					.site-nav-children__list + .news-categories > li {display:inline-block; margin-right:10px;}



		/* Survol 
		   ========================================================================== */
		.site-nav__item:hover,
		.site-nav__item:focus {background-color:#24376D;}

			.site-nav__item:hover .children,
			.site-nav__item:focus .children {left:0; right:0;}

				.site-nav__item:hover .site-nav__link,
				.site-nav__item:focus .site-nav__link {color:#FFF;}
				.site-nav__item:hover .site-nav__link:before,
				.site-nav__item:focus .site-nav__link:before {display:none;}
					.site-nav__item:hover .i-pointer-menu,
					.site-nav__item:focus .i-pointer-menu {background-position:-675px -10px;}

@media screen and (max-width: 1090px) {
	.site-nav__item {padding:0;}
		.site-nav__link {padding-left:7px; padding-right:7px;}
			.site-nav__link:before {left:0;}
			.site-nav__link > .ico {margin-left:2px;}
}

@media screen and (max-width: 1000px) {

	.site-nav-wrapper {position:static;}
		.site-nav {display:block;}
			.site-nav > li {display:block;}
				.site-nav > li > a {display:block;}

			.site-nav__item {padding:0;}
				.site-nav__link:before {top:0; bottom:auto; left:0; right:0; border-width:1px 0 0;}
				.site-nav__link .i-pointer-menu {position:absolute; top:50%; right:10px; margin:0; background-position:-700px 0; width:6px; height:10px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

				.site-nav__item:hover .i-pointer-menu,
				.site-nav__item:focus .i-pointer-menu {background-position:-690px 0;}


		.site-nav.nav-children {position:relative; max-height:0; border-width:0; padding:0; font-size:12px; opacity:0; visibility:visible; overflow:hidden; transition:max-height 0.5s ease-out, opacity 0.5s ease-in, padding 0.2s ease, margin 0.2s ease;}

		/* Liens incentive
		   ========================================================================== */
		.site-nav--incentive {}
			.site-nav--incentive .site-nav__item {display:inline-block; width:50%;}
			.site-nav--incentive.is-mini-site .site-nav__item {width:100%;}
			.site-nav--incentive .site-nav__item:first-child {border-left:0;}
				.site-nav--incentive .site-nav__link {padding-left:0; padding-right:0; text-align:center;}


			/* Sous niveau
			   ========================================================================== */
			.site-nav .children {position:static; left:0;}
			.site-nav__children {position:relative; max-height:0; border-width:0; padding:0; opacity:0; visibility:visible; transition:max-height 0.5s ease-out, opacity 0.5s ease-in, padding 0.2s ease, margin 0.2s ease;}

				.site-nav-children {border:0 solid #cacaca; border-width:1px 0 0; padding:10px 20px;}
					.site-nav-children__ttl {font-size:16px;}

				.site-nav-children__list--inline {margin-top:0;}
					.site-nav-children__list--inline > li {float:none; width:100%;}

		/* Affichage de la navigation
		   ========================================================================== */
		.site-nav__item:hover,
		.site-nav__item:focus {background-color:transparent;}
			.site-nav__item:hover > a,
			.site-nav__item:focus > a {background-color:#24376D;}

		.site-nav.is-open,
		.site-nav__item.is-open .site-nav__children {max-height:200em; opacity:1;}

		.site-nav__item.is-open .i-pointer-menu {-webkit-transform:rotate(90deg) translateY(-50%);-ms-transform:rotate(90deg) translateY(-50%);transform:rotate(90deg) translateY(-50%); -webkit-transform-origin:center top; -ms-transform-origin:center top; transform-origin:center top;}


}

@media screen and (max-width: 730px) {
	.site-nav > li > a {font-size:11px; line-height:17px}
	.site-nav.children {font-size:11px;}
}

/* ==========================================================================
   Footer
   ========================================================================== */
iframe[name="google_conversion_frame"] {position:absolute; bottom:0;}
.footer {padding:10px 0 0;}
	.footer a:hover {text-decoration: underline;}

	.footer-main {margin-bottom:5px; border-top:1px solid #edebe7; background: #f4f3ef;	background: linear-gradient(to bottom, #f4f3ef 0%,#fcfcfb 58%,#ffffff 100%);}
	.ie .footer-main {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3ef', endColorstr='#ffffff',GradientType=0 );}

		.footer-actions {border-bottom:1px solid #cec6b5; padding:4px 0 0; overflow: hidden;}
			.btn-trigger {font-family:"Sora semibold",Helvetica,Arial,sans-serif; background: #e4e2de; font-size:14px; color: #767269; text-transform: uppercase; padding:5px 30px 5px 15px;}
				.itrigger {background-position:-43px -30px; width: 29px; height: 17px; vertical-align: middle; margin:-3px 8px 0 0;}
			.btn-trigger:hover {background: #d0cfcd;}
				.btn-trigger.active .itrigger {background-position:-43px 0;}

			.widget-social-networks {font-size:15px; line-height:28px; color:#19171a; text-transform: uppercase; font-family:"Sora regular", Helvetica, Arial, sans-serif; padding:0 10px 0 0; margin-top:-2px;}
				.widget-social-networks .weight {font-family:"Sora semibold",Helvetica,Arial,sans-serif;}

				.widget-social-networks ul {float:right; margin-left:10px;}
					.widget-social-networks ul > li {display:inline-block;}
						.btn-social {display:inline-block; vertical-align:bottom;}
							.btn-social .ico {float:left;}
						.btn-social--facebook {background-color:#3B5998;}
						.btn-social--youtube {background-color:#CD201F;}
						.btn-social--linkedin {background-color:#0077B5;}

		.footer-list-regions {padding-top:8px;}
			.list-regions-ttl,
			.footer-list-landing .list-regions-ttl {font-size:12px; color: #19171a; font-weight: bold; display: block; padding:5px 0 0;}
			.list-regions-ttl:before {content:"•"; margin-right:3px;}
			.footer-list-regions ul {margin:0 0 5px;}
				.footer-list-regions a {color: #7c878e; font-size:11px;}

			/* Affichage des landing pages géolocalisées sur chaque gence */
	       .list-regions-toggle {position:relative;}
	           /* Liste des landings */
	           .list-regions-landing {margin:0; color:#7c878e;}
	               .list-regions-landing li:before {content:"\002D";}
	                   .list-regions-landing a {font-size:9px; color:inherit;}

	           /* Bouton pour afficher la liste */
	           .list-regions-trigger {position:absolute; top:0; right:0; display:none; padding:0 2px; background-color:transparent; color:#94A6D6; line-height:normal;}
	               .list-regions-trigger svg {width:10px; height:10px; fill:currentColor;}
	           /* Si le JS est activé, on met en place l'affichage au clic */
	           .js .list-regions-trigger {display:inline-block;}
	           /* Ajout d'une marge pour ne pas passer sous le bouton */
	           .js .list-regions-toggle > a {display:block; margin-right:20px;}
	               .js .list-regions-trigger[aria-expanded="false"] + ul {display:none;}
	               .js .list-regions-trigger[aria-expanded="true"] .vertical {display:none;}


	   .footer-list-landing {margin-bottom:10px; border:0 solid #d1d8dd; border-width:0 0 5px; padding-top:10px; padding-bottom:10px; column-count:4; column-gap:20px;}
	       .footer-list-landing > li {display:block; margin:2px 0;}
	           .footer-list-landing .list-regions-ttl {display:inline-block; padding:0; margin-bottom:0;}


		/* Mentions légales */
		.footer-legal {margin:10px 0; color:#3B3B3B; font-size:12px; line-height:1.5;}

	/* ## Navigation du footer
	   ========================================================================== */
	.nav-footer {background: #cacaca; padding:10px 0; color: #3b3b3b; font-size:13px;}
		.nav-footer a {color: #3b3b3b;}
		.nav-footer .nav {margin:5px auto;}
			.nav-footer .nav li:before {content:"- "}
			.nav-footer .nav li:first-child:before {content:""}

	.signature {background:#3b3b3b; padding:8px 0; font-size:13px; color:#FFFFFF; overflow: hidden;}
		.signature a {color: #FFFFFF;}

	/* Incentive Pour les franchisés
	   ========================================================================== */
	.franchise-incentive {padding:15px; background-color:#94A6D6; color:#FFF; font-family:"Sora regular", Helvetica, Arial, sans-serif; text-align:center;}
		.franchise-incentive .weight {margin-bottom:10px; font-size:20px; font-family:"Sora light", Helvetica, Arial, sans-serif;}
		.franchise-incentive a {display:inline-block; color:#FFF; font-size:14px;}
		.franchise-incentive a:focus,
		.franchise-incentive a:hover {text-decoration:none;}
		.franchise-incentive a:focus > span,
		.franchise-incentive a:hover > span {text-decoration:underline;}
			.franchise-incentive a > * {vertical-align:middle;}
				.franchise-incentive .ico {margin-right:6px;}

/* ==========================================================================
   Footer Agence
   ========================================================================== */
.footer-agency .nav-footer:first-child {background-color:#767269; color:#FFF;}
.agency-nav-footer {font-size:12px; padding-left:40px;}
	.agency-list {text-align : center;}
	.agency-nav-footer-ttl {font-size:16px; font-family:"Sora regular", Helvetica, Arial, sans-serif; line-height: 1; padding:10px 0 15px;}
		.agency-nav-footer-ttl .weight {font-family:"Sora semibold",Helvetica,Arial,sans-serif; text-transform: uppercase; display: block;}

	.agency-nav-footer ul {margin:0 0 9px;}
	.agency-nav-footer li:before {content:"> "; color: #e2e0dc;}
		.agency-nav-footer a {color: #e2e0dc;}
		.agency-nav-footer a:hover {color: #ffffff; text-decoration: none;}

.signature .widget-social-networks + .signature-agency {padding-top:8px;}

/* ==========================================================================
   Widget Ekomi
   ========================================================================== */
.rating {position:fixed; right:5px; bottom:5px; z-index:10; border:1px solid #cdd2d6; padding:5px; text-align: center; overflow: hidden; border-radius: 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: linear-gradient(to bottom, #ffffff 0%,#ededed 50%,#dcdcdc 100%);}
.ie .rating {background: #ededed;}
.rating .rating-logo, .rating-detail {float: left;}
.rating-logo {display:inline-block; vertical-align:bottom; width:60px; height:60px;}
.no-js .rating-logo {background:url('../images/logo_ekomi.png') no-repeat left top; background-size:100% 100%;}
.rating-logo img {max-width:100%; height:auto;}
.rating-detail {width:140px;}
.rating-stars, .rating-stars span {background-image:url('../images/bgd_stars.png');}
.rating-stars {background-position:left top; display: inline-block; height:18px; width:90px; position: relative;}
.rating-stars span {background-position:left bottom; height: 18px; position: absolute; left:0;}
.rating-score {color: #19171A; font-size: 14px; font-weight: bold;}
.rating-vote {color: #24376D; font-size: 12px;}

.rating-home {margin-bottom:20px; text-align:center;}
.rating-home .rating-detail {float:none; width:100%;}
.rating-home .rating-score {color:#3b3b3b; font-size:38px; line-height:1;}
.rating-home .rating-vote {margin-bottom:15px; color:#3B3B3B; font-size:14px;}

/* -------------------------------------------------------------------------- *\


	 # Contenu global


\* -------------------------------------------------------------------------- */

/* ==========================================================================
   Fil d'ariane
   ========================================================================== */
.breadcrumb {padding:10px 0;}
	.breadcrumb a {color: #19171a;}
	.breadcrumb a:last-child {color: #767269;}

/* Styler le contenu
======================*/
.content h1,
.page-ttl {font-size:24px; color: #24376D; margin:0 0 10px;}

/* Ajout de niveaux de titres pour la refonte de Modèles/Annonces/Réalisations */
.ttl-detail-alpha {margin-bottom:10px; color:#94A6D6; font-size:20px; font-weight:bold;}

/* Pages de contenu */
.page {font-size:14px; color: #19171a; text-align: justify;}

	.page iframe {max-width:100%;}

	/**
	 * Mise en forme des titres
	 * Cette mise en forme est reprise sur toutes les zones de contenu editables :
	 * Pages de contenu, actualités, descriptions, etc...
	 */

	.titles h2:not(.ttl-ico) {font-size:18px; margin:0 0 10px;}
	.titles h3:not(.ttl-ico) {font-size:16px; margin:0 0 10px;}
	.titles h4:not(.ttl-ico) {font-size:14px; margin:0 0 5px;}

	.titles .list-items h2 {margin:0; font-size:15px;}
	.titles .page .feature h2 {margin:0;}
	.titles .quote h2 {font-family:inherit; font-size:15px; font-weight:bold;}

	.page > h2 {background:#94A6D6; color: #FFFFFF; font-size: 18px; margin: 0 0 10px; padding: 3px 5px;}

	/* Titre avec icone */
	.page .ttl-ico {text-transform: uppercase; font-size:15px; padding:3px 20px 1px; margin:0 0 8px; color:#19171a; position: relative; overflow: hidden;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQ3OSAyNSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSIgeTE9IjUwJSIgeDI9IjEwMCUiIHkyPSI1MCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWZlZGU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2JjMWFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI0NzkiIGhlaWdodD0iMjUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
		background-image: -moz-linear-gradient(left, #efede9 0%, #cbc1af 100%);
		background-image: -o-linear-gradient(left, #efede9 0%, #cbc1af 100%);
		background-image: -webkit-linear-gradient(left, #efede9 0%, #cbc1af 100%);
		background-image: linear-gradient(to right, #efede9 0%, #cbc1af 100%);}
	.ie .page .ttl-ico {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efede9', endColorstr='#cbc1af',GradientType=1 );}
	.page .ttl-ico:after {content:""; display:inline-block; width:30px; padding:40px 0; position: absolute; right:-12px; top:-10px; bottom:-10px; background:#FFF; -ms-transform:rotate(25deg); -webkit-transform:rotate(25deg); transform:rotate(25deg);}
	.page .ttl-ico:before {content:""; display: block; background:url('../images/bgd_icons.png?20230209') no-repeat -57px -99px; width: 25px; height: 25px; float:left; margin:-4px 10px 0 0;}

	.page p {margin:0 0 10px;}
		.page a {text-decoration: underline; color: #24376D;}

	/* Textes */
	.page .text-bigger {font-size:16px;}
	.page .text-bigger .weight {font-size:17px; font-family:"Sora semibold",Helvetica,Arial,sans-serif;}
	.page .separator-alpha {margin:30px 0; position:relative; height:0; border-top:1px solid #f0eee9; overflow:visible;}
	.page .separator-alpha:before, .page .separator-alpha:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.page .separator-alpha:before { background: url('../images/bgd_icons.png') no-repeat -605px 0; width:27px; height: 19px; z-index:1;}
	.page .separator-alpha:after {width:40px; height:40px; background:white; border-radius:100%;}

	/* Images */
	.page img {max-width:100%; height:auto;}
	.img-left {float: left; margin-right:15px;}
	.img-right {float: right; margin-left:15px;}

	/* Liste Boutons bottom */
	.page-buttons-bottom {margin-bottom:40px;}
		.page-buttons-bottom > li {display:inline-block; margin:10px;}

	/* Différents blocs de mise en avant textuelle */
	/* Mise en avant sur fond vert */
	.page .feature {background: #94A6D6; color: #FFF; font-size: 15px; padding:20px; margin:0 0 20px; overflow: hidden;}
		.page .feature h2 {font-size: 20px;}
		.page .feature p {margin:20px 0 0;}
		.page .feature p:first-child {margin-top:0;}
		.page .feature .bigger {font-weight: bold; font-size: 18px;}
		.page .feature a {color: #FFF;}
	.page .feature + img {margin:-20px 0 0;}

	.page .enlight {font-size:15px; font-weight: bold; margin:0 0 20px;}
	.page .final-quote {font-size: 15px; font-weight: bold;}

	/* Boite avec icône "ampoule" */
	.box-highlight.i {position:relative; margin:30px 0 10px; border:2px solid #24376D; padding:40px 20px 25px; background-color:white;}
	.box-highlight.i:before {position:absolute; top:0; left:50%; background-position:-605px -195px; width:25px; height:31px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
	.box-highlight.i:after {content:""; position:absolute; top:0; left:50%; width:1em; height:1em; background-color:#24376D; font-size:40px; -webkit-transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg);}
		.box-highlight h2 {margin:0;}
		.box-highlight p {margin:20px 0 0;}
		.box-highlight p:first-child {margin-top:0;}
		.box-highlight .bigger {font-weight: bold; font-size: 18px;}

	/* Listes */
	.list {font-size: 13px; list-style:outside disc; margin:0 0 15px 15px; padding-left:20px;}
	.list-ordered {font-size:13px; list-style:outside decimal; margin:0 0 15px 15px; padding-left:20px;}
	/* Listes avec titres */
	.list-items {padding:0 0 15px; font-size:13px;}
		.list-items h2 {color: #94A6D6; font-size: 15px;}
		.list-items ul {margin:0 0 10px;}

	/* Liste des valeurs */
	.list-values {font-size: 12px;}

	/* Liste numérotée */
	.list-steps {font-size:14px;}
		.list-steps li {margin:0 0 15px;}
		.list-steps .num {font-weight: bold; color: #94A6D6; font-size: 15px;}

	/* Liste processus (photo et texte) */
	.list-process {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 13px;}
		.list-process .block-light {min-height:300px; margin:0 0 20px;}
			.list-process img {border:1px solid #FFF;}
			.list-process li {list-style:inside disc; margin:5px 0 0; text-align: left;}

	/* Bloc chiffres clés */
	.block-key-figures {position: relative; margin:0 0 20px;}
		.block-key-figures .img {border-right:2px solid #FFF; position: relative;}
		.block-key-figures .img:after {content:""; width: 0px; height: 0px; position: absolute; top:50%; right:-75px; margin-top:-75px; border-style: solid; border-width: 75px 0 75px 75px; border-color: transparent transparent transparent #FFFFFF;}
		.block-key-figures .inatilia {background-position:-2px -56px; width: 41px; height: 42px; position: absolute; top:50%; right:-50px; margin-top:-21px; z-index:2;}
		.block-key-figures ul {padding:50px 0 0 70px;}

	/* Témoignages */
	.quote {font-size: 15px; font-style: italic; padding:0 0 0 20px; margin:0 0 20px;  color: #7c878e;}
	.quote:before {content: "\201C"; display: block; font-size: 400%; height: 0; position: relative; top:-15px; left:-30px; color: #24376D; font-family:Georgia, serif;}
		.quote :first-child:first-letter {font-size: 130%; font-weight: bold; padding:3px;}
		.quote h2 {font-weight: bold;}
		.quote-footer {font-size: 13px; position: relative; font-family:Arial, Helvetica, sans-serif; border-top:1px dotted #24376D; padding:8px; color: #19171a;}
			.quote-footer cite:before {content:"— ";}
		.img-quote {position: relative; z-index:2; bottom:5px; overflow: hidden; border:5px solid #24376D; -webkit-border-radius:50%; border-radius:50%;}

	/* Accordeons */
	.ttl-accordion {background:#94A6D6; color: #FFFFFF; font-size: 18px; margin: 0 0 10px; padding: 3px 5px; cursor:pointer;}
	.ttl-accordion:before {content: ""; display: inline-block; height: 0; width: 0; vertical-align: middle; margin:0 8px; border-style:solid; border-color:transparent; border-width:4px 4px 4px 6px; border-left-color:#FFF;}
	.ttl-accordion.active:before {margin-top:4px; border-color:transparent; border-width:6px 4px 4px 4px; border-top-color:#FFF;}

	.content-accordion {padding:0 5px;}

/* -------------------------------------------------------------------------- *\


	 # Accueil


\* -------------------------------------------------------------------------- */

/* ==========================================================================
  Hero
  ========================================================================== */
.hero {position:relative; padding:120px 0; overflow:hidden; background:url('../images/bgd_hero@1280.jpg') no-repeat center center; background-size:cover;}
	.hero__sticker {position:absolute; top:10px; right:10px; width:200px; height:200px;}
	.hero__sticker--event {width:400px; height:400px;}
	.hero__content {position:relative; border:1px solid #cacaca; margin:0 auto 20px; padding:30px; max-width:530px; width:100%; background-color:white; background-color:rgba(255,255,255, .8); color:#3B3B3B; font-size:28px; font-family:"Sora light", Helvetica, Arial, sans-serif; text-align:center;}
		.hero__content p {margin:20px 0 10px;}

	.hero__tip {position:absolute; top:100%; left:50%; width:40px; height:40px; background-color:#FFF; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
		.hero__tip .ico {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

@media screen and (max-width: 640px) {
	/* (230/320)*100 */
	.hero {padding:71.87% 0 0; /* [1] */ background-size:contain; background-position:center top;}
		.hero__content {border-width:0 0 1px; padding:15px; font-size:20px; line-height:1.2;}
			.hero__content br {display:none;}
}

@media screen and (max-width: 1024px) {
	.hero {background-image:url('../images/bgd_hero@1024.jpg');}
		.hero__sticker {width:150px; height:150px;}

}
@media screen and (max-width: 768px) {
	.hero {background-image:url('../images/bgd_hero@768.jpg');}
		.hero__sticker {width:100px; height:100px;}
}
@media screen and (max-width: 720px) {
	.hero {background-image:url('../images/bgd_hero@720.jpg');}
}
@media screen and (max-width: 640px) {
	.hero {background-image:url('../images/bgd_hero@640.jpg');}
}
@media screen and (max-width: 480px) {
	.hero {background-image:url('../images/bgd_hero@480.jpg');}
}
@media screen and (max-width: 375px) {
	.hero {background-image:url('../images/bgd_hero@375.jpg');}
}
@media screen and (max-width: 360px) {
	.hero {background-image:url('../images/bgd_hero@360.jpg');}
}
@media screen and (max-width: 320px) {
	.hero {background-image:url('../images/bgd_hero@320.jpg');}
}

/* ==========================================================================
   Sections 
   ========================================================================== */
.home-section {padding:50px 0; color:#3B3B3B;}
.home-section--alt {background-color:#818b94; color:#FFFFFF;}

	.home-section__ttl {margin-bottom:30px; font-size:28px; font-family:"Sora light", Helvetica, Arial, sans-serif; text-align:center;}
    .home-reassurance__ttl {font-family:"Sora bold", Helvetica, Arial, sans-serif; color: #24376D; line-height: 33px;} 
        .home-reassurance__ttl > big {font-size: 50px;}
        .home-reassurance__ttl > span {color:#95c6dc;}

       

@media screen and (max-width: 730px) {

	.home-section {padding:25px 0;}

		.home-section__ttl {font-size:20px;}
}

/* ==========================================================================
   Listing des avantages
   ========================================================================== */
.home-item {display:block; margin:10px 0 50px; color:inherit; font-size:16px;}

	.home-item__icon {position:relative; display:block; margin:0 auto 10px; height:70px; width:70px; background: #deedf3; border-radius:100%;}
		.home-item__icon .ico {position:absolute; top:0; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

    .home-item__ttl {font-family:"Sora bold", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #24376D;}
    .home-item__ttl > span {color: #95c6dc;}
    .home-item__desc {font-family:"Sora bold", Helvetica, Arial, sans-serif; font-size: 11px; color: #24376D;}

@media screen and (max-width: 730px) {
	.home-item {margin-bottom:20px;}
}

/* ==========================================================================
   Grille de photos des modèles
   ========================================================================== */
.home-model-item {position:relative; display:block; margin-bottom:20px; overflow:hidden;}
.home-model-item:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7); opacity:0; visibility:hidden; transition:all 0.3s ease-out;}
	.home-model-item img {max-width:100%; height:auto;}
	.home-model-item .btn {position:absolute; top:50%; left:50%; display:block; padding-left:20px; padding-right:20px; text-align:center; white-space:nowrap; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; visibility:hidden;}

.home-model-item:hover:before,
.home-model-item:focus:before {opacity:1; visibility:visible;}
	.home-model-item:hover .btn,
	.home-model-item:focus .btn {opacity:1; visibility:visible;}

.home-model-incentive {position:relative; overflow:hidden;}
/* 1. (250/312)*100 */
.home-model-incentive:before {content:""; display:block; padding-bottom:80.12%; /* [1] */ width:100%; height:0;}

	.home-model-incentive > div {position:absolute; top:50%; left:0; right:0; font-size:18px; font-family:"Sora light", Helvetica, Arial, sans-serif; text-align:center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
		.home-model-incentive p + p {margin-top:25px;}

@media screen and (max-width: 730px) {

	/**
	 * On force cette colonne à prendre la place d'une colonne à 50%
	 * Ce qui fait que cette dernière va sauter et se placer à côté
	 * d'une autre colonne à 50%
	 */
	.palm-full-column {float:left;}

	.home-model-item {margin-bottom:15px;}
		.home-model-item:before,
		.home-model-item .btn {display:none;}

	.home-model-incentive:before {display:none;}
	.home-model-incentive > div {position:static; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
		.home-model-incentive p + p {margin-top:15px;}
}

/* ==========================================================================
   Configurateur
   ========================================================================== */
.home-config {text-align:center;}
	.home-config__ttl {font-size:28px; font-family:"Sora light", Helvetica, Arial, sans-serif;}
	@media screen and (max-width: 730px) {
		.home-section__ttl {font-size:20px;}
	}
	.home-config__subttl {color:#24376D; font-size:24px; font-family:"Sora regular", Helvetica, Arial, sans-serif; font-style: italic;}

	.home-config__item {margin:45px 0; color:#94A6D6; font-size:22px; font-family:"Sora regular", Helvetica, Arial, sans-serif; font-style: italic;}

		.home-config__illus {position:relative; display:inline-block; margin-bottom:15px; max-width:100%;}
			.home-config__illus img {max-width:100%; height:auto;}
			.home-config__illus .ico {position:absolute; top:100%; left:100%; -webkit-transform:translate(-75%, -75%); -ms-transform:translate(-75%, -75%); transform:translate(-75%, -75%);}

	@media screen and (max-width: 730px) {
		.home-config__item {margin:25px 0; font-size:18px;}
	}

/* ==========================================================================
   Mise en avant concours
   ========================================================================== */
.home-board {position:relative; display:table; width:100%; background-color:#24376D; color:#FFF;}
	.i-home-board {position:absolute; right:5px; bottom:5px;}
	.home-board > div {display:table-cell; vertical-align:middle;}
	.home-board__content {padding:20px 30px; width:100%; font-size:14px; text-align:center;}
		.home-board__content * + * {margin-top:15px;}
		.home-board__ttl {font-size:30px; font-family:"Sora light", Helvetica, Arial;}

@media screen and (max-width: 1000px) {
	.home-board img {display:block; margin:0 auto; max-width:400px; height:auto;}
	.home-board__content {padding:10px 15px;}
		.home-board__ttl {font-size:26px;}
}

@media screen and (max-width: 730px) {
	.home-board,
	.home-board > div {display:block;}

	.i-home-board {top:10px; left:10px; bottom:auto; right:auto;}

	.home-board img {display:block; margin:0 auto; max-width:100%; height:auto;}

		.home-board__content {padding:20px 30px;}
			.home-board__content br {display:none;}
			.home-board__ttl {font-size:20px;}
}

/* ==========================================================================
   Mise en avant témoignages vidéos
   ========================================================================== */
.home-testimony {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#818B94; color:#FFF; padding:20px; font-size:16px; text-align:center;}

	.home-testimony__ttl {-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%; font-size:28px; font-family:"Sora light", Helvetica, Arial, sans-serif;}
	.home-testimony__ttl .weight {display:block; font-size:24px; font-family:"Sora regular", Helvetica, Arial, sans-serif; font-style: italic;}

	.home-testimony > div {padding:20px 10px; overflow:hidden;}

		.home-testimony img {max-width:100%; height:auto;}
		.home-testimony__subttl {font-size:20px; line-height:1.1;}
		.home-testimony p {margin-bottom:15px;}

		.home-testimony__player {position:relative; display:block;}
		.home-testimony__player.i:before {position:absolute; top:50%; left:50%; background-position:-505px -270px; width:72px; height:50px; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
		.home-testimony__player.i:hover:before {background-position:-429px -269px;}

@media screen and (max-width: 768px) {
		.home-testimony > div {padding:10px;}
		.home-testimony > div:last-child {min-width:60%;}
			.home-testimony__subttl {font-size:18px;}
}

@media screen and (max-width: 520px) {
	.home-testimony {display:block;}
}

/* ==========================================================================
   Commentaires clients
   ========================================================================== */
.home-ekomi {margin-bottom:40px; border:0 solid #cacaca; border-width:0 0 0 1px; padding:0 0 0 60px; font-size:13px; line-height:20px; text-align:center;}
.home-ekomi__list {position:relative; quotes: "\201C""\201D""\2018""\2019";}
.home-ekomi__list:before,
.home-ekomi__list:after {position:absolute; color:#D5D5D5; font-size:150px; font-family:Georgia, serif; font-weight:bold; z-index:-1;}
.home-ekomi__list:before {content:open-quote; top:50px; left:0;}
.home-ekomi__list:after {content:close-quote; right:0;}

.home-ekomi p,
.home-ekomi li {margin-bottom:20px;}
.home-ekomi time {display:block; font-style:italic; font-weight:bold;}

@media screen and (max-width: 730px) {
	.home-ekomi {border-width:0; padding:0;}
}

/* -------------------------------------------------------------------------- *\


	 # Accueil agence


\* -------------------------------------------------------------------------- */

/* Slideshow */
.slideshow {background: #dfe5f2; margin:0 0 15px; padding:0 0 10px; position: relative; overflow: hidden;}
.slideshow:after {content: ""; display: block; height:40px; position: absolute; bottom:-20px; left:0; right:0; z-index: 2; background:#94A6D6;}

	/* Slideshow */
	.main-slider .slides img {max-width:100%;}

	.main-slider .flex-control-nav {position: absolute; z-index:3; bottom:-14px; right:0; text-align: right;}
		.main-slider .flex-control-nav > li, .main-slider .flex-control-nav > li > a {display: inline-block;}
		.main-slider .flex-control-nav > li {padding:0 3px;}
			.main-slider .flex-control-nav a {font-size:14px; font-weight: bold; color: #FFF; padding:5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
			.main-slider .flex-control-nav a:hover {background:#24376D; cursor:pointer;}
			.main-slider .flex-control-nav .flex-active {background:#24376D;}

	.main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next {position: absolute; top:50%; z-index:3; background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 23px; height: 38px; margin-top:-19px; text-indent: -9999em;}
	.main-slider .flex-direction-nav .flex-prev {background-position:-142px 0; left:0;}
	.main-slider .flex-direction-nav .flex-next { background-position:-175px 0; right:0;}

	.slide-content {background: #dfe5f2; position: absolute; top:0; right:0; z-index:1; height:100%; width:300px; padding:15px 50px 0 15px;}
		.slide-ttl {color: #24376D; font-size:18px; line-height:1.7; text-transform: uppercase; -webkit-box-shadow:-4px 0 0 0 #FFFFFF, 4px 0 0 0 #FFFFFF; -moz-box-shadow:-4px 0 0 0 #FFFFFF, 4px 0 0 0 #FFFFFF; box-shadow:-4px 0 0 0 #FFFFFF, 4px 0 0 0 #FFFFFF; box-decoration-break:clone;}
			.slide-ttl .inner {background: #FFF; position: relative;}
		.slide-content .slide-text {font-size:14px; color:#4c4c4c;}
			.slide-content p { margin:0 0 10px;}
			.slide-btn {padding:15px 0 0;}
	/* Sans JS */
	.no-js .main-slider {max-height:331px;}

/* ==========================================================================
   Contenu additionnel
   ========================================================================== */
.home-complementary {padding-top:50px; padding-bottom:50px;}
	.home-ttl, .home-subtitle {font-family:"Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;}
	.home-ttl {color: #7C878E; font-size: 26px; text-align: center;}
	.home-subtitle {margin-bottom:30px; color: #94A6D6; font-size: 20px; text-align: center;}

/* ==========================================================================
   Annonces 
   ========================================================================== */
.home-complementary-heading {text-align: center; margin-bottom:40px;}
   	.home-ttl-adverts, .home-complementary-heading .paginator {display: inline-block; vertical-align: middle;}
   	.home-complementary-heading .paginator {margin:0 0 0 20px;}
   	.home-complementary-heading .bx-pager-item {display: inline-block; margin-left:3px;}

.home-adverts {background:#FFF;}
	.home-adverts-heading {text-align: right; padding:8px 15px;}
		.home-adverts-ttl {float: left; text-align: left;}
			.home-adverts-ttl .ttl-offer {font-size: 18px;}
			.home-adverts-ttl .offer-city {display: block;}
		.home-adverts-heading .offer-price-condition {display: inline; position: relative; top:-8px; border-bottom:1px dotted #24376D; font-size: 11px; line-height: 11px; }
		.home-adverts-heading .offer-price-monthly {color: #24376D; font-size:15px;}

	.home-adverts .offer-picture {text-align: center; display: block;}
		.home-adverts .offer-picture:before,
		.home-adverts .offer-picture:after {display: none;}
		.home-adverts .offer-picture img {position:static; max-width:100%; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}

	.home-adverts-content {padding:15px;}
		.home-adverts-legend {font-size: 15px; text-transform: uppercase; color: #19171A; margin-bottom:5px;}
		.home-adverts-content .offer-infos li {margin-bottom:0;}
		.home-adverts-content .offer-action {margin-top:10px;}

/* ==========================================================================
   Actualités 
   ========================================================================== */
.home-news-item {position: relative; overflow: hidden; text-align: center;}
	.home-news-item img {max-width:100%;}
	.home-news-hover {position: absolute; top:0; bottom:0; left:0; right:0; padding:20px; letter-spacing:-0.31em; background:rgba(0,153,213,0.75); color: #FFF; font-size: 16px; opacity:0;
		-webkit-transition:all 0.4s ease-in-out 0s;
		transition:all 0.4s ease-in-out 0s;}
	.home-news-hover:before {content:""; display: inline-block; height: 100%; vertical-align: middle; margin-right:-0.25em;}

		.home-news-ttl {display:inline-block; vertical-align: middle; letter-spacing:normal; opacity:0; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px);
			-webkit-transition:all 0.2s ease-in-out 0s;
			transition:all 0.2s ease-in-out 0s;}
			.home-news-item a {color:inherit; display: block; padding:5px 0;}
		.home-news-date {position: absolute; top:0; left:0; right:0; opacity:0; letter-spacing:normal; -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);
			-webkit-transition:all 0.2s linear 0s;
			transition:all 0.2s linear 0s;}
			.home-news-date span {display: inline-block; padding:1px 20px 2px; vertical-align: top; font-size: 14px; color: #94A6D6; background:#FFF;}

	.home-news-hover:hover {opacity:1;}
		.home-news-hover:hover .home-news-date, .home-news-hover:hover .home-news-ttl {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

	.ie .home-news-hover, .ie .home-news-ttl, .ie .home-news-date {filter:alpha(opacity=0);}
	.ie .home-news-hover {background:#94A6D6;}
	.ie .home-news-hover:hover {filter:alpha(opacity=75);}
		.ie .home-news-hover:hover .home-news-ttl {filter:alpha(opacity=100);}
		.ie .home-news-hover:hover .home-news-date {filter:alpha(opacity=100);}

/* ==========================================================================
   Contenu éditiorial spécifique aux agences
   ========================================================================== */
#default-index-index .footer-agency {padding-top:1px;}
.home-agency {background:url('../images/bgd_home_agency.png') no-repeat left top; margin:0 0 15px;}
	.ttl-main-agency {color: #FFF; background: #7F8A93; font-size:20px; padding:3px 10px 2px; margin:0 0 15px;}
		.ttl-main-agency .weight {font-size:22px;}
	.description-main-agency {font-size:14px; margin:0 auto 20px; width:90%;}

	.highlight-agencies {border: 3px solid #efede9; padding:5px 15px 10px;}
		.highlight-ttl-agency {font-size:20px; line-height:1; text-transform: uppercase; color: #94A6D6; margin:5px 0 10px; text-align: center;}
			.highlight-ttl-agency a {color:inherit;}
/*			.highlight-ttl-agency .img {margin:0;}
			.highlight-ttl-agency .context {padding:10px 0 0;}
				.highlight-ttl-agency .city-agency {text-transform: none; color: #19171a; display: block;}
*/

		.agency-tabs-nav {position: relative;}
		.agency-tabs-nav:after {content:""; position: absolute; right:0; left:0; bottom:0; height:1px; background: #d7d7d7; visibility:visible;}
			.agency-tabs-nav a {padding:6px 12px 5px; color: #19171A; background: #EFEDE9; font-size: 13px;}
			.agency-tabs-nav a:hover {color: #FFF; background: #CBC2B0;}

			.agency-tabs-nav .ui-state-active a {background: #f29400; color: #FFF; position: relative; z-index:1;}

	.highlight-infos-agency {color: #767269;}
		.highlight-infos-agency > p {margin:6px 0 0;}
			.highlight-contact-agency {background:#767269; font-size:14px; font-weight: bold; color: #FFF; padding:5px;}
			.highlight-tel-agency {font-size:13px; position: relative; display: block; margin:0 0 5px;}
				.highlight-tel-agency .js-hide {display: block;}

			.highlight-infos-agency img {max-width:100%; height:auto;}

	 /**
	  * 1. Afin d'éviter un affichage temporaire de tous les slides
	  * au chargement de la page, on bloque la hauteur du slideshow
	  * en utilisant la technique du ratio intrinsèque
	  * 2. On force les slides à prendre toute la largeur & hauteur disponible
	  * 3. (228/333) * 100
	  */
	 .highlight-gallery-agency {position:relative; margin:6px 0 0; padding-bottom:68.4684%; /* [3] */ height:0; overflow:hidden; /* [1] */}
	     .highlight-gallery-agency__gallery {position:absolute; top:0; right:0; bottom:0; left:0; /* [2] */}
	         .highlight-gallery-agency__gallery > li {position:relative; overflow:hidden;}
	         .highlight-gallery-agency__gallery > li:before {content:""; display:block; padding-bottom:68.4684%;/* [3] */ width:100%; height:0;}
	             .highlight-gallery-agency__gallery > li img {position:absolute; top:50%; left:50%; max-height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

	 /* Une fois le slideshow chargé, la hauteur est de nouveau définie en fonction du contenu */
	.is-loaded.highlight-gallery-agency {padding-bottom:0; overflow:visible; height:auto;}
	     .is-loaded .highlight-gallery-agency__gallery {position:static;}

	 .highlight-gallery-agency .bx-controls-direction button {position: absolute; top:50%; z-index:2; padding:5px 10px; background:#efede9; margin-top:-19px; left:-18px;}
	 .highlight-gallery-agency .bx-controls-direction button + button {left:auto; right:-18px;}
	     .highlight-gallery-agency .bx-controls-direction .i-slide-prev,
	     .highlight-gallery-agency .bx-controls-direction .i-slide-next {background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 23px; height: 38px; text-indent: -9999em;}
	     .highlight-gallery-agency .bx-controls-direction .i-slide-prev {background-position:-142px -42px;}
	     .highlight-gallery-agency .bx-controls-direction .i-slide-next {background-position:-175px -42px;}

		/*.highlight-agencies .flex-control-paging {position: absolute; right:10px; top:15px;}
			.highlight-agencies .flex-control-nav > li, .highlight-agencies .flex-control-nav > li > a {display: inline-block;}
			.highlight-agencies .flex-control-nav > li {padding:5px;}
				.highlight-agencies .flex-control-nav > li > a {text-indent: -9999em; background: #767269; width: 10px; height: 10px; cursor: pointer; -webkit-border-radius:50%;
				        border-radius:50%;}
				.highlight-agencies .flex-control-nav > li > .flex-active {background: #98bf0a;}*/

	.home-agency .agency-map {height: 415px;}
		.agency-map div {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

.carousel-agency {}
	.carousel-agency-wrap {margin:0 auto; padding:15px 0; margin-bottom:15px; width: 90%;}
		.carousel-agency-ttl {color: #19171a; font-size:18px; text-align: center; text-transform: uppercase; font-family:"Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif; margin:0 0 10px;}
			.flexcarousel .bx-controls-direction button {position: absolute; top:50%; z-index:2; padding:0; background:none; margin-top:-19px; left:-40px;}
					.flexcarousel .bx-controls-direction button + button {left:auto; right:-40px;}
					.flexcarousel .bx-controls-direction .i-slide-prev,
					.flexcarousel .bx-controls-direction .i-slide-next {background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 23px; height: 38px; text-indent: -9999em;}
					.flexcarousel .bx-controls-direction .i-slide-prev {background-position:-142px -42px;}
					.flexcarousel .bx-controls-direction .i-slide-next {background-position:-175px -42px;}

			.flexcarousel li {margin-left:5px;}
				.carousel-figure {background: #f2f2f2; text-align: center; color: #19171a; display:block;}
					.carousel-figure .img {position: relative;}
					.carousel-figure .img:before {content:""; position: absolute; top:0; bottom:0; left:0; right:0;}
						.carousel-figure .img img {max-width:100%;}
					.carousel-figure .caption {padding:10px 2px; font-size:14px; font-family:"Helvetica Neue LT W01_55 Roman", Arial, Helvetica, sans-serif;}
				.carousel-figure:hover {background: #94A6D6; color: #FFF;}
					.carousel-figure:hover .img:before {border:2px solid #94A6D6; border-bottom:none;}

			/* Si il n'y a pas assez d'éléments pour lancer un carousel */
			.flexcarousel > .slides {letter-spacing:-0.31em; margin-left:-5px;}
			.opera:-o-prefocus, .flexcarousel > .slides {word-spacing: -0.43em; /* Fix for Opera */}
				.flexcarousel > .slides > li, .no-js .flexcarousel > .slides > li {letter-spacing:normal; word-spacing:normal; display: inline-block!important; vertical-align: top; padding-left:5px; margin-left:0; width: 25%;}

/* Page agence */
.agency-map {border:1px solid #bab6ad; width: 100%; height:625px;}

/* Correction du bug des scrollbars dans Firefox */
.wrap-infowindow {line-height:1.333; overflow:hidden; white-space:nowrap;}

.agencies-ttl {display:table; margin-bottom:15px; width:100%;}
    .agencies-ttl .page-ttl,
    .agencies-ttl .page-options {display:table-cell; vertical-align:middle;}

    .agencies-ttl .page-ttl {width:100%;}
    .agencies-ttl .page-options {white-space:nowrap;}

@media screen and (max-width:490px) {
    .agencies-ttl {display:block; margin:0 0 10px;}
        .agencies-ttl .page-ttl,
        .agencies-ttl .page-options {display:block;}
}

.list-agencies-map {height:625px; overflow-y:auto;}
	.list-agencies-map li {padding-top:10px; padding-bottom:15px;}
	.list-agencies-map li + li {border-top:1px solid #D7D7D7;}
		.list-agencies-map a {color: #511B00; text-decoration: underline;}


/* Modèles
===========*/

/* Ajout style personnalisé pour les checkbox */
.option-label {position:relative; display:inline-block; padding-left:33px; padding-bottom:0; font-size:14px; line-height:21px; color:#767269; cursor:pointer;}
    .option-label [type="checkbox"], .option-label [type="radio"] {position:absolute; left:0; top:0; opacity:0;}
		.option-input {position: absolute; top:0; left:0; display: block; border:1px solid #767269; width:20px; height:20px; background:#FFF; text-align: center;}
		/* Survol */
		.option-label:hover .option-input,
		.option-label:focus .option-input {border-color:#818084;}

		/* Checkbox */
		.option--checkbox .option-input {font-size:60%; border-radius:10%;}
		.option--checkbox .option-input:before {content: ""; display:block; position:absolute; bottom:3px; left:4px; height:20px; width:23px;}
		.option--checkbox input:checked ~ .option-input:before {background-size:100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQxNS41ODJweCIgaGVpZ2h0PSI0MTUuNTgycHgiIHZpZXdCb3g9IjAgMCA0MTUuNTgyIDQxNS41ODIiPjxnPjxwYXRoIGZpbGw9IiMyNDM3NmQiIGQ9Ik00MTEuNDcsOTYuNDI2bC00Ni4zMTktNDYuMzJjLTUuNDgyLTUuNDgyLTE0LjM3MS01LjQ4Mi0xOS44NTMsMEwxNTIuMzQ4LDI0My4wNThsLTgyLjA2Ni04Mi4wNjRjLTUuNDgtNS40ODItMTQuMzctNS40ODItMTkuODUxLDBsLTQ2LjMxOSw0Ni4zMmMtNS40ODIsNS40ODEtNS40ODIsMTQuMzcsMCwxOS44NTJsMTM4LjMxMSwxMzguMzFjMi43NDEsMi43NDIsNi4zMzQsNC4xMTIsOS45MjYsNC4xMTJjMy41OTMsMCw3LjE4Ni0xLjM3LDkuOTI2LTQuMTEyTDQxMS40NywxMTYuMjc3YzIuNjMzLTIuNjMyLDQuMTExLTYuMjAzLDQuMTExLTkuOTI1QzQxNS41ODIsMTAyLjYyOCw0MTQuMTAzLDk5LjA1OSw0MTEuNDcsOTYuNDI2eiIvPjwvZz48L3N2Zz4=);}

		/* Radio */
		.option--radio .option-input {border-radius: 50%;}
		.option--radio .option-input:before {content: ""; position:absolute; top:0; bottom:0; left:0; right:0; margin:2px; border-radius: 50%;}
		.option--radio input:checked ~ .option-input:before {background:#2f2f2f;}

	/* IE8 ne gère pas les champs custom */
	.ie .option-label {padding-left:0;}
		.ie .option-label [type="checkbox"], .ie .option-label [type="radio"] {position: static; opacity:1;}
		.ie .option-input {display: none;}


/* Modifier la marge du système de grille */
.grids.grids-small {margin-left:-10px;}
	.grids-small > [class^="grid-"] {padding-left:10px;}

/* Ajout d'un système de grille en tableau */
.grids-table {display:table; width:100%; table-layout:fixed;}
	.grids-table-cell {display:table-cell; vertical-align:middle;}

/* Onglets responsive */
.r-tabs .r-tabs-panel,
.js .model-filters-tab {display:none;}
.r-tabs .r-tabs-accordion-title {display:none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display:block;}

/* Texte d'introduction */
.models-intro {margin-bottom:15px;}
	.models-intro h2 {margin-bottom:10px; color:#94A6D6; font-weight:bold;}

/* Présentation des filtres de recherche */
.models-filters {margin-bottom:20px; background:#DFE5F2;}

	.model-filters-tabs {margin-bottom:10px;}
		.model-filters-tabs-item,
		.r-tabs-accordion-title {position:relative; border-left:1px solid #dfe5f2; background:#94A6D6;}
		.model-filters-tabs-item:hover,
		.model-filters-tabs-item.r-tabs-state-active,
		.r-tabs-accordion-title:hover,
		.r-tabs-accordion-title.r-tabs-state-active {background:#24376D;}
		.model-filters-tabs-item.r-tabs-state-active:before,
		.r-tabs-accordion-title.r-tabs-state-active:before {content:""; position:absolute; bottom:0; left:0; right:0; height:3px; background:#767269;}
		.model-filters-tabs-item.r-tabs-state-active:after,
		.r-tabs-accordion-title.r-tabs-state-active:after {content:""; position:absolute; top:100%; left:50%; margin-left:-12px; width:0; height:0; border:0 solid transparent; border-width: 12px 12px 0; border-top-color:#767269;}

			.model-filters-tabs-link,
			.r-tabs-anchor {display:block; padding:7px 20px; color:#FFF; font-size:14px; text-transform:uppercase; text-align:center;}

	 			.tab-model-traditional,
	 			.tab-model-contemporary {position:relative; display:inline-block; padding:0 0 0 60px; min-height:30px; line-height:28px; text-align:left;}
	 			.tab-model-traditional:before,
	 			.tab-model-contemporary:before {position:absolute; top:0; left:0;}
				.tab-model-traditional.i:before {background-position:-255px -250px; width:45px; height:29px;}
				.tab-model-contemporary.i:before {background-position:-255px -285px; width:41px; height:25px;}

	.model-filters-tab {padding:15px 40px; border-bottom:2px solid #24376D;}
		.models-filters-list {margin-bottom:20px;}
			.models-filters-list .option-label {margin-bottom:10px;}

/* Résultats */
.models-results-ttl {margin-bottom:5px; color:#767269; font-size:16px;}
	.models-results-ttl .weight {font-weight:bold;}


.model-item-img {position:relative; overflow:hidden;}
/* 1. 346 / 741*/
.model-item-img:after {content:""; display:block; padding-bottom:46.693%; /* [1] */ width:100%; height:0; background-color:#FFF;}
	.model-item-img img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	.model-price {position:absolute; bottom:0; right:0; padding:5px 20px; background:rgba(211, 51, 133, .7); color:#FFF; font-size:20px; z-index:5;}

.model-item {margin-bottom:10px; padding:18px; background:#F2F0EB; text-align:center;}
	.model-item-ttl {color:#000; font-size:18px; text-transform:uppercase;}
	.model-item-subttl {margin-bottom:5px; color:#94A6D6; font-size:15px; font-style:italic;}
	.model-item .nav {font-size:0;}
		.model-item .nav > li {margin:5px 15px;}

.footer-list-model {padding-top:8px;}
	.list-model-ttl {font-size:16px; color: #19171a; font-weight: bold; display: block; padding:5px 0 0;}
	.list-model-ttl:before {content:"•"; margin-right:3px;}
	.footer-list-model ul {margin:0 0 5px;}
		.footer-list-model a {color: #7c878e; font-size:14px;}

@media only screen and (max-width: 960px) {

	.tab-model-traditional,
	.tab-model-contemporary {padding:35px 0 0; min-height:auto; line-height:1.333; text-align:center;}
	.tab-model-traditional:before,
	.tab-model-contemporary:before {left:50%; transform:translateX(-50%);}
	.tab-model-contemporary.i:before {top:5px;}

}

@media only screen and (max-width: 650px) {

	.r-tabs .r-tabs-nav {display:none;}
    .r-tabs .r-tabs-accordion-title {display:block; border:0 solid #dfe5f2; border-width:0 0 1px;}

	.tab-model-traditional,
	.tab-model-contemporary {padding:0 0 0 60px; min-height:30px; line-height:30px; text-align:left;}
	.tab-model-traditional:before,
	.tab-model-contemporary:before {left:0; transform:translateX(0);}

	.model-price {font-size:16px;}

}

@media only screen and (max-width: 360px) {

	.tab-model-traditional,
	.tab-model-contemporary {line-height:1.333;}

}


/**
 * Ancienne présentation

.ttl-models-gallery {color: #FFF; background: #24376D; font-size:15px; font-weight: bold; padding:8px 10px 8px; margin:0 0 15px;}
.models-gallery {letter-spacing:-0.31em;}
.opera:-o-prefocus, .models-gallery {word-spacing: -0.43em;}

	.wrap-model {border-left:1px solid #FFF; border-bottom:1px solid #FFF; width: 20%; display: inline-block; letter-spacing:normal; word-spacing:normal; vertical-align: top;}
		.wrap-model-item {position: relative;}
			.wrap-model img {max-width:100%;}
			.wrap-model-hover {position: absolute; top:0; bottom:0; left:0; right:0; letter-spacing:-0.31em; padding:20px; background:rgba(0,153,213,0.75); color: #FFF; font-size: 16px; text-align: center; opacity:0;
				-webkit-transition:all 0.4s ease-in-out 0s;
				transition:all 0.4s ease-in-out 0s;}
			.wrap-model-hover:before {content:""; display: inline-block; height: 100%; vertical-align: middle;}
				.wrap-model-ttl {display:inline-block; vertical-align: middle; letter-spacing:normal; opacity:0; -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px);
				-webkit-transition:all 0.2s ease-in-out 0s;
				transition:all 0.2s ease-in-out 0s;}
					.wrap-model-sub {margin-top:5px; display:block; font-size: 13px;}
					.wrap-model-sub:before {content:">"; margin-right:5px;}
					.wrap-model-sub:after {content:"<"; margin-left:5px;}

			.wrap-model-hover:hover {opacity:1;}
				.wrap-model-hover:hover .wrap-model-ttl {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}

			.ie .wrap-model-hover, .ie .wrap-model-ttl {filter:alpha(opacity=0);}
			.ie .wrap-model-hover {background:#0296f0;}
			.ie .wrap-model-hover:hover {filter:alpha(opacity=75);}
				.ie .wrap-model-hover:hover .wrap-model-ttl {filter:alpha(opacity=100);}
 */


/* Détail d'un modèle */
.model-description {font-size:15px; margin:0 0 15px;}
	.model-description .titles {text-align:justify;}

.btn-anchor {background:#7f8a93; color: #FFF; font-size: 12px; line-height: 1.2; padding:4px 5px; vertical-align:bottom; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
	.btn-anchor > i,
	.btn-anchor > span {vertical-align:middle;}
	.btn-anchor > i {margin-right:5px;}
	.iplan {background-position:-260px -176px; width:26px; height:20px;}
	.iconfigurateur {background-position:-256px -317px; width:20px; height:20px;}

	.slider-offer [data-picture],
	.model-slider [data-picture],
	.slider-offer .picture,
	.model-slider .picture {display: block;position: relative; text-align: right; overflow:hidden;}
		.slider-offer [data-picture] .custom,
		.model-slider [data-picture] .custom,
		.slider-offer .picture .custom,
		.model-slider .picture .custom  {position: absolute; bottom: 0; right: 0; line-height: 25px; padding: 0 12px; color:#fff;font-weight: bold;}

	.loading .slides > div {min-height:339px; background:url('../images/ico_loader.gif') no-repeat center center;}
	.model-slide-nav img {max-width:100%;}

	.picture > img {-o-object-fit:cover;object-fit:cover; width:100%; height:100%;}

	.model-slide-nav .flex-direction-nav .flex-prev, .model-slide-nav .flex-direction-nav .flex-next {position: absolute; top:50%; z-index:2; background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 22px; height: 29px; margin-top:-15px; text-indent: -9999em;}
		.model-slide-nav .flex-direction-nav .flex-prev {background-position:-141px -183px;; left:8px;}
		.model-slide-nav .flex-direction-nav .flex-next {background-position:-163px -183px; right:8px;}

	.model-slider [data-picture] .custom,
	.model-slider .picture .custom {left:0; right:auto;}
	.model-slider .model-price {font-size:28px;}

	@media screen and (max-width: 650px) {
		.model-slider [data-picture] .custom,
		.model-slider .picture .custom {top:0; right:0; left:auto;}
		.model-slider .model-price {font-size:16px;}
	}

	.model-inter-ttl {font-size: 15px; color: #19171a; margin:0 0 10px; text-align: center;}

	/* Les déclinaisons */
	.model-carousel-nav {margin-bottom:20px;}
		.model-figure {display:block; margin:0 0 10px; color:#19171a; text-align:center;}

			.model-figure img {margin-bottom:8px; max-width:100%;}
			.model-figure-ttl {display:block; font-size:13px;}

		.model-figure:hover .model-figure-ttl,
		.active .model-figure .model-figure-ttl {text-decoration:underline;}

	/* Caractéristiques */
	.model-caracteristics {margin:40px 0 20px; border:1px solid #7f8a93; padding:0 20px;}
		.model-caracteristics__ttl {margin:-15px 0 0; display:table; padding:0 5px; background-color:#FFF;}
		.model-caracteristics__subttl {position:relative; z-index:1; color:#24376D; font-size:16px; font-weight:bold; text-align:center;}
		.model-caracteristics__subttl:before {content:""; position:absolute; top:50%; left:0; right:0; margin-top:-1px; border-top:2px solid #f0eee9; z-index:-1;}
		.model-caracteristics__subttl > span {display:inline-block; padding:0 15px; background-color:#FFF;}

		.model-caracteristics .grids {text-align:center;}

			.model-caracteristics__item {display:block; margin:30px 0; color:#19171a; text-align:center; font-size:15px;}
				.model-caracteristics__image {position:relative; display:block; margin:0 auto 5px; border:1px solid #7f8a93; max-width:90px; border-radius:100%; overflow:hidden;}
				.model-caracteristics__image:before {content:""; display:block; padding-bottom:100%; width:100%; height:0;}
					.model-caracteristics__image img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%, -50%);}


	/* Plan de la maison */
	.model-map {margin-bottom:30px; padding:12px; background-color:#dfe5f2; text-align:center;}
		.model-map-img {background-color:#FFF;}
			.model-map-img img {max-width:100%; height:auto;}

		.model-map-link {margin:20px 0 8px;}
			.model-map-link .btn {width:100%; max-width:420px;}

	/* Formulaire pour obtenir le prix d'une maison */
	.model-price-wrapper {margin-bottom:20px; border:0 solid #7f8a93; border-width:1px 0; padding:25px; color:#19171A; font-size:16px;}

		.model-price-separator {position:relative; margin:20px auto; border-top:2px solid #dfe5f2; max-width:90%;}
			.model-price-separator .ico {position:absolute; top:50%; left:50%; border:0 solid #FFF; border-width:0 10px; background-color:#FFF; transform:translate(-50%, -50%); box-sizing:content-box;}

		.model-price-form {display:table; width:100%;}

			.model-price-form > p {display:table-cell; vertical-align:bottom;}
			.model-price-form > p + p {padding-left:20px;}

				.model-price-form label {display:table; margin-bottom:5px; color:#7f8a93; font-weight:bold; font-size:16px;}
				.model-price-input {position:relative; display:block; border:1px solid #c2cde6; padding:0; background-color:#dfe5f2;}
					.model-price-input:before {content:""; position:absolute; left:70px; top:4px; bottom:4px; border-left:1px solid #c2cde6;}
					.model-price-input .ico-placeholder-label,
					.model-price-input .ico-placeholder-input {position:absolute; top:50%; cursor:pointer; transform:translateY(-50%);}
					.model-price-input .ico-placeholder-label {left:20px;}
					.model-price-input .ico-placeholder-input {left:85px;}
					.model-price-input .input-autocomplete {position:relative; display:inline-block; width:100%; vertical-align:bottom;}
						.model-price-input .selectize-input,
						.model-price-input .selectize-control.single .selectize-input.input-active {padding:5px 10px 5px 125px; background:none;}
						.model-price-input .input-autocomplete input[type="text"] {border:0; height:35px; background-color:transparent; color:#7f8a93; font-weight:bold; font-style:italic; font-size:18px;}

						/* Fonctionnement sans JS */
						.model-price-input .input-autocomplete > input[type="text"] {padding:0 10px 0 125px; width:100%; height:45px;}

						.model-price-input .selectize-control.multi .selectize-input > div {line-height:28px;}
						.model-price-input .selectize-dropdown,
						.model-price-input .selectize-input,
						.model-price-input .selectize-input input {font-size:16px;}


				.model-price-button {display:block; width:100%; padding:9px 15px; background-color:#24376D; color:#FFF; font-size:15px; font-weight:bold; text-transform:uppercase;}
				.model-price-button:focus,
				.model-price-button:hover {background-color:#b72671; color:#FFF; font-size:15px; font-weight:bold; text-transform:uppercase;}

					.model-price-button > .ico {margin-right:10px;}
					.model-price-button > span {vertical-align:middle;}

	/* Afficher Space Designer */
	.model-spacedesigner-wrapper {margin-bottom:20px; padding:25px; color:#19171A; font-size:16px;}

		.model-spacedesigner-wrapper .btn {margin:10px 0 30px;}

		.model-spacedesigner-separator {position:relative; margin:20px auto; border-top:2px solid #dfe5f2; max-width:90%;}
			.model-spacedesigner-separator .ico {position:absolute; top:50%; left:50%; border:0 solid #FFF; border-width:0 10px; background-color:#FFF; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-box-sizing:content-box; box-sizing:content-box;}

		/* On ajoute un loader sur le parent de l'iframe */
		.model-spacedesigner {background:url('../images/ico_loader.gif') center center no-repeat; position:relative; z-index:0; padding-bottom:66.55%; max-width:100%; height:0; overflow:hidden;}
			.model-spacedesigner > iframe,
			.model-spacedesigner > object,
			.model-spacedesigner > embed {position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:-1;}


/* Offres
==========*/
.search-offers {margin:0 0 15px;}
	.search-filter {padding:5px; background: #FFF; position: relative; margin:0 0 10px;}
		.search-filter-ttl {font-size:20px; text-transform: uppercase; color: #FFFFFF; background: #24376D; padding:6px 6px 3px 70px; position: relative;}
			.search-filter-ttl .ico-wrap {background-color:#94A6D6; position: absolute; top:0; left:0; bottom:0; padding:3px 0 0; width:44px; display: inline-block; text-align: center;}
			.search-filter-ttl .ico-wrap:after {content:""; display:inline-block; width:0; height:0; position: absolute; right:-20px; top:0; border-style:solid; border-width:36px 20px 0 0; border-color:#94A6D6 transparent transparent transparent;}
				.search-filter-ttl .ico {background-position:-85px -57px; width: 24px; height: 30px;}

		.search-filter-fields {max-width:598px;}

			.search-filter .filter-primary {width:100%;}

			.search-filter-grid {display:table; margin-bottom:10px; width:100%;}
				.search-filter-grid > p {display:table-cell; vertical-align:bottom;}
				.search-filter-grid > p + p {padding-left:12px;}
					.search-filter .filter-secondary {width:255px; vertical-align:bottom;}
					.search-filter .filter-tertiary {width:163px;}

					.search-filter .btn-action-primary {margin-top:20px;}

			/* Sur une page agence, il y a moins de champ, donc on doit forcer la hauteur pour contenir le bloc `.search-filter-aside` */
			.search-filter-fields--agencies .search-filter-grid {padding:33px 0;}

	.search-filter-aside {position: absolute; right:5px; top:5px; bottom:5px;}
	.search-filter-aside:before {content:""; background:url('../images/bgd_search_filter.png') no-repeat 0 0; width:49px; height:100%; position: absolute; top:0; left:-49px; display: block;}
		.block-alert {width:190px; color: #FFF; text-align: center; font-size:15px; position: relative; z-index:1; margin:-7px 45px 0;
			background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTNkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY5YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background-image: -moz-linear-gradient(top, #24376D 0%, #94A6D6 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24376D), color-stop(100%,#94A6D6));
			background-image: -webkit-linear-gradient(top, #24376D 0%,#94A6D6 100%);
			background-image: -o-linear-gradient(top, #24376D 0%,#94A6D6 100%);
			background-image: linear-gradient(to bottom, #24376D 0%,#94A6D6 100%);}
		.ie .block-alert {filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#24376D', endColorstr='#94A6D6',GradientType=0 );}
			.block-alert:before, .block-alert:after {content:""; background:url('../images/bgd_block_alert.png') no-repeat; width:7px; height:100%; position: absolute; top:0; z-index:2; display: block;}
			.block-alert:before {background-position:0 0; left:-7px;}
			.block-alert:after {background-position:-8px 0; right:-7px;}
				.block-alert p {margin:0 0 5px;}
				.wrap-alert {overflow: hidden;}
					.block-alert .alert-ico {background: #94A6D6; display: inline-block; width:110px; height:110px; padding-top:70px; margin-top:-68px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
				.block-alert .weight {text-transform: uppercase; font-size:17px; margin:0 0 22px;}
				.block-alert .alert-cta {background: #FFF; position: relative; margin:0;}
					.alert-cta:before {content:""; background:url('../images/bgd_alert_cta.png') no-repeat; width:100%; height:15px; position: absolute; top:-15px; left:0;}

	.map-offers {border:2px solid #7f8a93; width:100%; height:335px;}
		.map-offers div {-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

	/* Légende */
	.legend {float: left; width:60%; color: #525657;}
		.legend > * {display: inline-block; vertical-align: top; line-height:24px; }
		.legend-label {font-weight: bold;}
		.legend-item { font-style: italic; margin-left:15px;}
			.legend-item .ico {float: left; margin-right:10px;}
				.imapoffers {background-position:-71px -184px; width: 19px; height: 24px;}
				.imapopportunities {background-position:-95px -184px; width:19px; height:24px;}
				.iclusters {background-position:-57px -214px; width: 62px; height: 21px;}

/* Résultats */
.ttl-results {background: #94A6D6; text-align: right; margin:0 0 20px; clear:both;}
	.ttl-results > h2 {font-size:20px; text-transform: uppercase; color: #FFFFFF; padding:6px 12px 3px;}
	.filter-results {padding:3px 12px; background: #94A6D6; display: inline-block;}
		.filter-results label {color: #FFF;}

.listed-offer {margin:0 0 10px;}
	.listed-offer-sep {position: relative;}

	.ttl-offer {margin-bottom:5px; font-size: 16px; color: #19171a; text-decoration:underline;}
	.ttl-offer .offer-city {text-transform: uppercase; color: #19171a;}

		.offer__ttl {font-size:18px!important; line-height:normal!important; color:#ffffff!important; margin-bottom:10px!important; font-family:"Sora semibold",Helvetica,Arial,sans-serif!important; padding:0!important; text-align:left!important; text-transform:none!important;}
		.offer__ttl:after {display:none!important;}

	.offer__item {position:relative; padding:20px 20px 55px; margin-bottom:10px; display:block; height:260px; overflow:hidden;}

		.offer__item:hover .offer__infos, .offer__item:hover .offer__buttons-wrapper {opacity:1;}

			.offer__illus img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-height:100%; -o-object-fit:cover;object-fit:cover;}

		.offer__infos {position:absolute; top:0; left:0; height:212px; width:100%; padding:20px; background:rgba(0,0,0,0.65); z-index:2; overflow-y:auto; opacity:0; transition:opacity ease-out 0.3s;}

			.offer__infos-inner {position:relative; z-index:4;}

			.offer__infos-list li {font-size:15px; color: #ffffff; margin:0 0 6px;}
			.offer__infos-list li strong {color: #ffffff; font-family:"Sora semibold",Helvetica,Arial,sans-serif!important;}

		.offer__link {position:absolute; top:0; left:0; padding:20px; opacity:0; width:100%; margin-right:20px; transition:opacity ease-out 0.3s; background:white; z-index:2;}

		.offer__buttons {margin:15px 0 0;}

		.offer__buttons-wrapper {position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:1px 20px 20px; z-index:1; opacity:0; background:rgba(0,0,0,0.65); transition:opacity ease-out 0.3s;}

			.offer__buttons-wrapper p {margin-bottom:0!important;}

			.offer__buttons-wrapper .btn-block {width:100%;}

			.offer__paginator a {color:#ffffff; text-decoration:none;}

	/* Réalisations par régions */
	.offer-region-wrapper {margin:20px 0;}

		.offer-region {position:relative; display:block; width:100%; height:215px; margin:10px 0; overflow:hidden;}
			.offer-region:hover:before {opacity:0.3;}
			.offer-region:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000000; opacity:0.5; z-index:1; transition:opacity 0.3s ease-out;}

			.offer-region__illus {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background-position:center; }
				.offer-region__ttl {position:relative; text-align:center; color:#ffffff; padding-top:125px; font-size:20px; text-transform:uppercase;  font-family:"Sora semibold",Helvetica,Arial,sans-serif;  z-index:1;}
				.offer-region__nb {position:absolute; left:50%; bottom:15px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size:15px; color:#ffffff; z-index:1;}


	.offer-picture {position:relative; display:block; overflow:hidden;}
	.offer-picture:before {content:""; position: absolute; top:0; bottom:0; left:0; right:0; border:1px solid #FFF; box-shadow:inset 0 0 0 1px rgba(25,23,26,0.1); z-index:2;}
	/* 1. 124 / 217 */
	.offer-picture:after {content:""; display:block; padding-bottom:57.142%; /* [1] */ width:100%; height:0; background-color:#FFF;}
		.offer-picture img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

	/* Bandeau pour afficher une annonce vendue */
	.offer-picture__ribbon {position:absolute; top:0; left:0; width:90px; height:90px; z-index:4;}
		.offer-picture__label {position:absolute; top:50%; left:50%; padding:5px 5.25em; min-width:100%; background:#94A6D6; color:#FFF; font-size:12px; text-transform:uppercase; z-index:2; -webkit-transform:rotate(-45deg) translate(-50%, -50%); -ms-transform:rotate(-45deg) translate(-50%, -50%); transform:rotate(-45deg) translate(-50%, -50%); -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top; text-align:center; box-sizing:content-box;}
		.offer-picture__label--sold {background:#F39E00;}
		.offer-picture__label--last-chance {background:#24376D;}

	/* Variation pour les listings */
	.listed-offer .offer-picture__ribbon {width:70px; height:70px;}
		.listed-offer .offer-picture__label {padding:3px 5.25em; font-size:11px;}

	/* Variation pour l'annonce */
	.slides .offer-picture__ribbon {width:120px; height:120px;}
		.slides .offer-picture__label {padding:7px 5.25em; font-size:14px;}

	.offer-price-wrap {margin-bottom:10px;}
		.offer-price {display:inline-block; font-size:20px; color: #24376D;}
			.offer-price-wrap .offer-price-condition {display: inline; position: relative; top:-8px; border-bottom:1px dotted #24376D; font-size: 11px; line-height: 11px; }
			.offer-price-wrap .offer-price-monthly {color: #24376D; display:inline-block; font-size:15px;}


	.offer-infos li {font-size:13px; color: #7c878e; margin:0 0 5px;}
		.offer-infos li strong {color: #19171a;}

	.offer-action {text-align: right;}
		.offer-action p {margin:5px 0 0;}
			.offer-action .btn {width: 100%; text-align: center;}

/* Bulle Google Map */
.bubble {width: 280px;}
	.bubble .ttl-offer {margin:0 0 10px;}
	.bubble .offer-infos {margin:0 0 10px;}
	.bubble .offer-infos li {margin:0;}

.content-gmap {width: 300px; max-height:170px;}
.content-gmap .flex-direction-nav {color:#525657; white-space:nowrap; position: absolute; bottom:0; right:0;}
	.content-gmap .flex-direction-nav li {display: inline-block; margin:0 5px;}
	.content-gmap .flex-direction-nav .flex-prev, .content-gmap .flex-direction-nav .flex-next {background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 22px; height: 29px; text-indent: -9999em; overflow: hidden;}
		.content-gmap .flex-direction-nav .flex-prev {background-position:-141px -183px;}
		.content-gmap .flex-direction-nav .flex-next {background-position:-163px -183px;}

/* Texte pour le référencement */
.listing-txt {margin-top:20px; font-size: 14px; text-align: justify;}
.listing-txt p + p {margin-top:10px;}

/* Landing page géolocalisée
   ========================================================================== */
.custom-landing {}
    .custom-landing__ttl {margin:20px 0; padding:6px 12px; background:#94A6D6; color:#FFFFFF; font-size:18px; font-family:"Helvetica Neue LT W01_71488914",Arial,Helvetica,sans-serif;}

    .custom-landing__content {padding:0 12px; color:#3b3b3b; font-size:16px; text-align:justify;}
        .custom-landing__content a {color:inherit;}
        .custom-landing__content a:hover,
        .custom-landing__content a:focus {text-decoration:underline;}
        .custom-landing__content > p,
        .custom-landing__content > ul {margin-bottom:15px;}
        .custom-landing__content > ul > li {position:relative; padding-left:20px; color:#24376D; font-weight:bold;}
        .custom-landing__content > ul > li:before {content:"\25CF"; position:absolute; top:0; left:5px;}
        .custom-landing__content > ul > li .weak {color:#3b3b3b; font-weight:normal;}

        /* On annule l'héritage de la classe `.list` */
        .custom-landing__content > .list {list-style:none; margin-left:0; padding-left:0; font-size:inherit;}

/* Agence */
.custom-landing-agency {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:20px; background-color:#dfe5f2; color:#3b3b3b; font-size:16px;}
    .custom-landing-agency__details {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; padding:20px 40px 10px;}
        .custom-landing-agency__details p {margin:0 0 10px;}
        .custom-landing-agency__ttl {font-weight:bold; font-size:18px;}
        .custom-landing-agency__details .btn-block {display:block; width:100%; text-align:center;}
        .custom-landing-agency__details .btn-action-medium {text-transform:none;}

@media only screen and (max-width: 1000px) {
    .custom-landing-agency > img {max-width:380px;}
    .custom-landing-agency__details {padding-left:20px; padding-right:20px;}
}

@media only screen and (max-width: 730px) {
    .custom-landing-agency {display:block; max-width:475px; margin-left:auto; margin-right:auto;}
        .custom-landing-agency > img {display:block; margin:0 auto; max-width:100%; height:auto;}
}

/* Tags */
.custom-landing-tags {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; margin-bottom:20px; padding:5px 10px; background-color:#94A6D6; color:#FFFFFF; font-size:13px;}
    .custom-landing-tags > li {margin:5px;}
    .custom-landing-tags a {color:inherit; text-decoration:underline;}
    .custom-landing-tags a:hover,
    .custom-landing-tags a:focus {text-decoration:none;}


/* Detail
==========*/
/* Grille spéciale page détail */
.wrap-detail-offer .grids {margin-left:-15px;}
	.wrap-detail-offer [class^="grid-"] {padding-left:15px;}
		.grid-72p {width:72%;}
		.grid-28p {width:28%;}

#adverts-index-view .ttl-main-agency {margin:15px 0 5px;}

.header-nav-back {text-align: right; overflow: hidden; padding:10px 0;}
	.header-nav-back .breadcrumb {float: left; padding:0;}

	.detail-offer-ttl {display:table; margin-bottom:15px; width:100%;}
		.detail-offer-ttl .page-ttl,
		.detail-offer-ttl .page-options {display:table-cell; vertical-align:middle;}

		.detail-offer-ttl .page-ttl {width:100%;}
		.detail-offer-ttl .page-options {white-space:nowrap;}

			.detail-offer-ttl .page-share-buttons > li {vertical-align:top;}
			.detail-offer-ttl .page-share-buttons > li + li {margin-left:4px;}

	.wrapper-offer {margin-bottom:20px; padding:12px; background-color:#dfe5f2;}
	.wrapper-offer--achievements {padding:0; background:none;}
		.header-offer-wrap {font-family:"Sora semibold",Helvetica,Arial,sans-serif; position: relative; z-index:1; margin:0 -5px 10px;}
			.header-offer {display:table; border-spacing:10px 0; width:100%;}
				.header-offer > div {position:relative; display:table-cell; text-align:center; vertical-align:middle; height:75px; line-height:1.2; transform:skew(-8deg); box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.15);}
					.header-offer .inner {transform:skew(10deg);}

				/* Infos principales */
				.header-offer-price {width:245px; background:#24376D; color:#FFF;}
					.header-offer-price a {color:inherit; text-decoration:underline;}
					.header-offer-price a:hover,
					.header-offer-price a:focus {text-decoration:none;}
					.header-offer-price .inner {font-size:22px;}
						.header-offer-price .offer-price-condition {display: inline; position: relative; top:-8px; border-bottom:1px dotted #FFF; font-size: 11px; font-family:"Sora regular", Helvetica, Arial, sans-serif;}
						.header-offer-price .offer-price-monthly {display:block; font-size: 14px; position:relative; vertical-align: middle; }

				.header-offer-type {width:290px; background:#94A6D6; color:#FFF; font-size: 18px;}
					.header-offer-type .inner {}

						.header-offer-surface dt {display:block;}
						.header-offer-surface dd {font-size:16px; font-family:"Sora regular", Helvetica, Arial, sans-serif;}

						/* Si l'annonce est de type maison + terrain */
						.offer-type-double .header-offer-surface {position:relative;}
						.offer-type-double .header-offer-surface:before {content:"+"; position:absolute; top:0; right:100%; width:20px; text-align:center;}
						.offer-type-double > :first-child .header-offer-surface:before {display:none;}

				.header-offer-location {background:#FFF; color:#24376D; font-size:20px; text-transform:uppercase;}
					.header-offer-location .inner {}
						.header-offer-location .lightweight {display: block; color:#7c878e; text-transform:none; font-family:"Sora regular", Helvetica, Arial, sans-serif;}

/* Détails */
.wrap-detail-offer {margin:0 -10px;}
	.detail-offer {display:table; table-layout:fixed; width:100%; border-spacing:10px 0;}
		.detail-offer > .cell {display:table-cell; width:28%; vertical-align:top; background:#24376D;}
		.detail-offer > .cell:first-child {width:72%; background:none;}
		.detail-offer .picture > img {max-height:339px;}

			.slider-offer {position: relative; z-index:1;}
				.slider-offer .ad {position: absolute; top:0; left:30px; z-index:20;}
				.slider-offer img {max-width:100%;}
				.slider-offer .flex-prev, .slider-offer .flex-next {position: absolute; top:50%; z-index:2; background:url('../images/bgd_icons.png?20230209') no-repeat; display:block; width: 21px; height: 29px;margin-top:-14px; text-indent: -9999em;}
				.slider-offer .flex-prev {background-position:-141px -183px; left:10px;}
				.slider-offer .flex-next { background-position:-163px -183px; right:10px;}

			/* Ajout formulaire de contact */
			.layout-form-advert {padding:15px; color:#FFF;}
				.layout-form-advert h2 {margin:0 0 5px; font-size:15px; line-height: 11px; text-align:center; text-transform:uppercase;}
				.layout-form-advert p {margin-bottom:5px;}
				.layout-form-advert label {color:#FFF; font-size:12px;}
				.layout-form-advert label a {color:inherit; text-decoration:underline;}
				.layout-form-advert .input,
				.layout-form-advert .select-filter,
				.layout-form-advert .textarea {border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
				.layout-form-advert .input input {font-size:12px;}
				.layout-form-advert .textarea textarea {height:45px; font-size:12px;}
				.layout-form-advert .btn {display:block; width:100%; margin-top: -16px;}
                .layout-form-advert .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

                .layout-form-advert--alt .input, .layout-form-advert--alt .select-filter, .layout-form-advert--alt .textarea {padding: 1px 8px;}
                .layout-form-advert--alt .textarea textarea {height: 33px;}


			.aside-detail-offer {padding:15px 15px 15px 0;}
				.block-detail-offer {border:3px solid #efeee9; background:#FFF; padding:2px; margin:0 0 10px; color: #19171a; font-size: 15px;}
					.ttl-detail-offer {background:#F5A300; color: #FFF; font-size:18px; text-transform: uppercase; padding:5px 20px;}
					.block-detail-content {padding:10px 5px;}

				.offer-cta {text-align: center; color: #964213; padding:10px 0 0;}
					.offer-cta > p {margin:0 0 10px;}
					.offer-cta .btn {width: 100%; padding-top:10px; padding-bottom:10px;}

.offer-description {margin-bottom:20px; font-size:15px; text-align: justify;}

/* Afficher le numéro de téléphone */
.phone-placeholder {margin:0 auto 20px; max-width:320px; text-align:center;}
	.phone-placeholder .js-hide {display:block; height:33px; line-height:33px;}

/* Offres similaires */
.cross-selling {margin-bottom:20px;}
	.cross-selling-link {color:#94A6D6; font-size:20px; text-decoration:underline;}
	.cross-selling-link:before {content:"\003E\003E\00A0";}

.offer-meta {margin-bottom:20px; font-size:13px; color: #767269;}
	.offer-meta strong {color: #19171a;}

.offer-mentions {font-size: 12px; font-style: italic;}
	.offer-mentions p + p {margin-top:10px; padding-top:10px; border-top:1px dotted #7F8A93;}

.page-mentions {margin-top:10px; border-top:1px dotted #7F8A93; padding-top:10px; font-size:12px; text-align:justify;}
	.page-mentions .ttl-gamma {font-size:14px;}

/* Limiter l'affichage des mentions */
.mentions-crop {position:relative; margin-bottom:20px; border-bottom:1px solid #dfe5f2; max-height:90px; overflow:hidden; z-index:1;}
.mentions-crop:after {content:""; position:absolute; bottom:0; left:0; right:0; height:40px; background:linear-gradient(to top, white, transparent);}
	.mentions-crop__trigger {position:absolute; bottom:0; left:50%; border-radius:2px 2px 0 0; background-color:#dfe5f2; color:#7f8a93; z-index:1; transform:translateX(-50%);}
	.mentions-crop__trigger:hover,
	.mentions-crop__trigger:focus {text-decoration:none;}

.mentions-crop.is-visible {max-height:none; padding-bottom:20px;}
.mentions-crop.is-visible:after {display:none;}

/* -------------------------------------------------------------------------- *\


	 # Créer une alerte


\* -------------------------------------------------------------------------- */
.alert-form {padding:5px; background: #FFF;}
.list-agencies .img {margin:2px 5px 0 0;}
.list-agencies label {font-weight: normal;}

/* -------------------------------------------------------------------------- *\


	 # Offre spéciale


\* -------------------------------------------------------------------------- */
.illus-promo {margin:0 0 20px;}

.page-promo h3 {font-size: 18px; margin:0 0 10px;}
.page-promo p {font-size: 14px;}

/* -------------------------------------------------------------------------- *\


	 # Réalisations


\* -------------------------------------------------------------------------- */
.wrap-achievement {background:#FFF;}

.achievements-description {margin:10px 0;}

/* Témoignages */
.testimony {position:relative; quotes: "\201C""\201D""\2018""\2019"; padding:25px 50px; background-color:#dfe5f2; color:#19171a; font-size:15px; font-family:"Sora regular", Helvetica, Arial, sans-serif; z-index:1;}
.testimony:before,
.testimony:after {position:absolute; color:#c2cde6; font-size:150px; line-height:1; font-family:Georgia, serif; font-weight:bold; z-index:-1;}
.testimony:before {content:open-quote; top:0; left:10px;}
.testimony:after {content:close-quote; bottom:0; right:10px; line-height:0;}

	.testimony__ttl {margin-bottom:5px; font-family:"Sora semibold",Helvetica,Arial,sans-serif;}

.testimony-footer {margin-bottom:20px; padding:8px; overflow:hidden; color:#19171a;}
	.testimony-author {position:relative; float:right; padding-left:25px;}
		.testimony-author:before {content:""; position:absolute; top:-8px; left:0; border:0 solid transparent; border-width:15px 0 0 15px; border-top-color:#f0eee9;}
	.testimony-agency {display:block; overflow:hidden; font-family:"Sora semibold",Helvetica,Arial,sans-serif;}

/* -------------------------------------------------------------------------- *\


	 # Formulaire de contact


\* -------------------------------------------------------------------------- */

#contacts-index-index .container {background:url('../images/bgd_contact@1280.jpg') no-repeat center top fixed;}

#contacts-index-index .breadcrumb {padding:15px 12px 25px; color:#FFF;}
#contacts-index-index .breadcrumb a {color:#FFF;}

.contact-form {margin-bottom:20px; border:1px solid #cacaca; padding:30px 70px; background-color:#FFF; background-color:rgba(255,255,255,.9); color:#3B3B3B;}

	.contact-form__ttl {margin-bottom:30px; font-size:18px; text-align:center; font-family:"Helvetica LT W01 Light Oblique", Helvetica, Arial;}
		.contact-form__ttl .weight {font-size:28px; font-family:"Sora light", Helvetica, Arial, sans-serif;}

	.contact-form__notice {margin-bottom:20px; font-size:13px;}
		.contact-form__notice > * {vertical-align:middle;}
		.contact-form__notice > .ico {margin-right:6px;}

	.contact-reassurance {margin-bottom:20px; padding:15px 20px; background-color:#FFF; font-size:18px; font-family:"Helvetica LT W01 Light Oblique", Helvetica, Arial;}
		.contact-reassurance p {margin-bottom:25px;}

		.contact-reassurance li {position:relative; padding-left:35px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
		.contact-reassurance li + li {margin-top:20px;}
		.contact-reassurance li.i:before {position:absolute; top:0; left:0; background-position:-675px -35px; width:23px; height:21px;}

	/* Formulaire
	   ========================================================================== */
	.contact-form .required {color:#24376D; font-weight:bold;}
	.contact-form p {margin-bottom:20px;}
	.contact-form ul {margin-bottom:15px;}
		.contact-form label {padding-bottom:5px; color:#575757; font-weight:normal;}
        .contact-form label a {color:inherit; text-decoration:none;}
		.contact-form .input,
		.contact-form .select-filter,
		.contact-form .textarea {border-color:#cacaca; padding:0; border-radius:0;}

		.contact-form .input input {padding:0 10px; height:34px;}
		.contact-form .textarea textarea {padding:10px; height:150px;}

		.contact-form .select-filter {position:relative; z-index:1; display:block; overflow:hidden; background:white; vertical-align:top;}

		.contact-form .select-filter:before,
		.contact-form .select-filter:after {content:""; position:absolute;}
		.contact-form .select-filter:before {top:0; bottom:0; right:0; z-index:0; pointer-events:none;}
		.contact-form .select-filter:after {top:50%; right:10px; width:10px; height:6px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDRjY5NUY0NUJCNzExRUQ5QTI3QTNCNzc3NDI5M0IxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDRjY5NUY1NUJCNzExRUQ5QTI3QTNCNzc3NDI5M0IxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUNGNjk1RjI1QkI3MTFFRDlBMjdBM0I3Nzc0MjkzQjEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUNGNjk1RjM1QkI3MTFFRDlBMjdBM0I3Nzc0MjkzQjEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hEy7SAAAAbElEQVR42mJUMc89xMDAsBeIGxmwg3ogdmYCEmeBuBCIa7EoqoXKnWWBMkAayoD4OxD3QBWVQMXmgdSwQAXzgZgDiGuA+A9UDMReDpVjYEGyJh2ImaFuZQTiVUCcBpNkQXNTChCzIbHhACDAAAomEcSye4j2AAAAAElFTkSuQmCC) no-repeat; background-size:100% 100%; z-index:1; pointer-events:none; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

		.contact-form .select-filter.is-disabled:after {display:none;}

			.contact-form .select-filter select {border:none; padding:0 30px 0 5px; height:34px; width:100%; background:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:inherit;}
				.contact-form .select-filter select::-ms-expand {display:none;}

		/* Ajustement pour IE */
		.ie .contact-form .select-filter {display:block; padding:8px 10px; background:white;}
		.ie .contact-form .select-filter:before,
		.ie .contact-form .select-filter:after {display:none;}
			.ie .contact-form .select-filter select {padding:0; width:100%; max-width:100%; min-width:100%; height:18px;}


	/* Contact agence
	   ========================================================================== */
	.contact-details {margin-bottom:20px; padding:15px 20px; background-color:#EAEAEA; color:#575757;}
		.contact-details-ttl {margin-bottom:10px; font-size:18px; font-family:"Sora"; font-style: italic;}
		.contact-agency {text-align:center;}

	.contact-details .highlight-ttl-agency {color:#575757; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; text-transform:none;}
	.contact-details .highlight-infos-agency {color:#575757; font-size:13px;}
		.contact-details p {margin:5px 0 0;}

	.contact-details .btn-contact-tel {padding:5px 15px; background:#94A6D6; font-size:12px; line-height:normal; font-weight:bold; border-radius:0;}

	.contact-permanence {position:relative; padding:0 0 0 40px; font-weight:bold; text-align:left;}
			.contact-permanence .ico {position:absolute; top:0; left:0;}

	    .contact-details .contact-permanence {margin-top:10px;}


	/* Offre spéciale
	   ========================================================================== */
	.contact-ad img {max-width:100%; height:auto;}

@media screen and (min-width: 1280px) {
	#contacts-index-index .container {background-size:cover;}
}

@media screen and (max-width: 1024px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@1024.jpg');}
}
@media screen and (max-width: 768px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@768.jpg');}
}
@media screen and (max-width: 720px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@720.jpg');}
}
@media screen and (max-width: 480px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@480.jpg');}
}
@media screen and (max-width: 375px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@375.jpg');}
}
@media screen and (max-width: 360px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@360.jpg');}
}
@media screen and (max-width: 320px) {
	#contacts-index-index .container {background-image:url('../images/bgd_contact@320.jpg');}
}

@media screen and (max-width: 1000px) {
	.contact-form {border:0; padding:30px;}
}

@media screen and (max-width: 730px) {
	.contact-form {padding:15px;}
		.contact-form__ttl {margin-bottom:20px; font-size:16px;}
			.contact-form__ttl .weight {font-size:20px;}
}

/* Confirmation */
.block-confirm {border:12px solid #F0EEE9;}



/* Ajout formulaire de contact iframe configurateur */
.layout-iframe-contact {padding:15px; color:#FFF; background:#24376D;}
	.layout-iframe-contact .ttl-iframe-contact {margin:0 0 5px; font-size:15px; text-align:center; text-transform:uppercase;}
	.layout-iframe-contact p {margin-bottom:5px;}
	.layout-iframe-contact label {color:#FFF; font-size:12px;}
	.layout-iframe-contact label a {color:inherit; text-decoration:underline;}
	.layout-iframe-contact .input,
	.layout-iframe-contact .select-filter,
	.layout-iframe-contact .textarea {border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
	.layout-iframe-contact .input input {font-size:12px;}
	.layout-iframe-contact .textarea textarea {height:45px; font-size:12px;}
	.layout-iframe-contact .txt-confirm {margin-top:20px; text-align:center; font-size:13px;}


/* Devenir franchisé
=====================*/
.franchise-form {padding:5px; background: #FFF;}
	.franchise-form .legend {width: 100%; padding:0;}
		.franchise-form .legend span {font-size:15px; color: #94A6D6; display: block; width: 100%; margin:0 0 10px; position: relative;}

/* -------------------------------------------------------------------------- *\


	 # Actualités


\* -------------------------------------------------------------------------- */
.layout--news {max-width:1064px; padding:0 12px;}

.news-layout {display:table; width:100%;}
    .news-layout__main,
    .news-layout__aside {display:table-cell; vertical-align:top;}
    .news-layout__aside {padding-left:20px; width:340px;}
    	.news-layout__sidebar {position:relative; padding:10px; z-index:1;}
    	.news-layout__sidebar:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#E8E9EA; z-index:-1;}
    	.news-layout__sidebar--edito {padding-top:30px;}
    	.news-layout__sidebar--edito:before {top:100px;}

@media only screen and (max-width: 730px) {
    .news-layout {display:block;}
        .news-layout__main,
        .news-layout__aside {display:block;}
        .news-layout__aside {margin-bottom:20px; padding:0; width:100%;}
        	.news-layout__sidebar {margin-top:20px; padding-top:10px;}
        		.news-layout__sidebar:before {top:0;}
}

/* Encart d'actualité */
.news {margin-bottom:20px; padding-bottom:5px; color:#3b3b3b; font-size:13px;}
	
	.news img {max-width:100%; height:auto;}
	.news iframe {max-width:100%;}

    .news__link {position:relative; display:block; color:inherit; z-index:1; -webkit-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease;}
    .news__link:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; margin:-8px; background-color:#94A6D6; z-index:-1; opacity:0; visibility:hidden; -webkit-transition:opacity 0.3s ease-out, visibility 0s linear 0.3s; -o-transition:opacity 0.3s ease-out, visibility 0s linear 0.3s; transition:opacity 0.3s ease-out, visibility 0s linear 0.3s;}

        .news__img {position:relative; margin-bottom:10px; text-align:center; overflow:hidden;}

        /* 1. (350/600) * 100 */
        .news__img:before {content:""; display:block; padding-bottom:58.3333%; /* [1] */ width:100%; height:0;}
            .news__img img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transform-origin:center center; -ms-transform-origin:center center; transform-origin:center center; -webkit-transition:-webkit-transform 0.3s ease-out; transition:-webkit-transform 0.3s ease-out; -o-transition:transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}

		.news__date {display:block; margin-bottom:5px;}
		.news time {font-size:12px;}

        .news__ttl {color:#94A6D6; font-size:16px; font-family:"Sora semibold",Arial,Helvetica,sans-serif; transition:color 0.3s ease;}
        .news__content {margin-bottom:15px; overflow:hidden; text-align:justify;}
        .news__content.special {margin:0 0 15px;}

			.news__content.special h2 {margin-bottom:20px!important; font-size:25px!important;}
			.news__content.special h2:after {content:""; display:block; margin:12px auto 0; width:42px; height:3px; background-color:#94A6D6;}
			.news__content.special h3 {margin-bottom:20px; font-size:18px;}
			.news__content.special h4 {margin-bottom:20px; font-size:16px;}
            .news__content p {margin:0 0 10px;}
            .news__content p:last-child {margin:0;}
            .news__content a:not([class]) {color:inherit; text-decoration: underline;}


			.news__content .feature {border:2px solid #24376D; padding:20px; margin:0 0 10px; background-color:white;}
				.news__content .feature h2 {margin:0;}
				.news__content .feature p {margin:20px 0 0;}
				.news__content .feature p:first-child {margin-top:0;}
				.news__content .feature .bigger {font-weight: bold; font-size: 18px;}


	.news-complementary {}
		.news-complementary-ttl {margin-bottom:7px; color:#004B6D; font-size:16px; font-family:"Sora semibold",Arial,Helvetica,sans-serif;}
	    .news__complementary-link {position:relative; display:block; margin-bottom:10px; padding-left:15px; color:#004B6D;}
	    .news__complementary-link:hover,
	    .news__complementary-link:focus {text-decoration:underline;}
	    .news__complementary-link:before {content:""; position:absolute; top:7px; left:0; width:6px; height:6px; background-color:#94A6D6;}

    .news__tags {position:relative; padding-left:25px; color:#6C6A6A; font-size:0;}
    .news__tags.i:before {position:absolute; top:-3px; left:0; width:17px; height:20px; background-position:-200px -220px;}
        .news__tags > li {display:inline-block; font-size:12px;}
        .news__tags > li:not(:last-child):after {content:"\002C"; margin-right:4px;}
            .news__tags > li > a {display:inline-block; color:inherit;}
            .news__tags > li > a:hover,
            .news__tags > li > a:focus {text-decoration:underline;}

/* Survol */
.news:not(.news--main) .news__link:hover,
.news:not(.news--main) .news__link:focus,
.news:not(.news--main) .news__link:hover .news__ttl,
.news:not(.news--main) .news__link:focus .news__ttl {color:white; -webkit-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease;}

.news:not(.news--main) .news__link:hover:before,
.news:not(.news--main) .news__link:focus:before {opacity:1; visibility:visible; -webkit-transition:opacity 0.3s ease-in; -o-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in;}

.news:not(.news--main) .news__link:hover .news__img img,
.news:not(.news--main) .news__link:focus .news__img img {-webkit-transform:scale(1.1) translate(-45%, -45%);-ms-transform:scale(1.1) translate(-45%, -45%);transform:scale(1.1) translate(-45%, -45%); -webkit-transition:-webkit-transform 0.3s ease-out; transition:-webkit-transform 0.3s ease-out; -o-transition:transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}


/* Actu principale */
.news--main,
.news--detail {padding-bottom:20px; margin-bottom:40px; border:0 solid #e8e9ea; border-width:0 0 8px; font-size:14px;}

.news--detail {margin-bottom:10px;}

.news--main .news__img,
.news--detail .news__img {display:table; margin:0 auto 30px;}
	.news--main .news__img:after,
	.news--detail .news__img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; margin:15px; border:1px solid white;}

.news--main .news__content,
.news--detail .news__content {margin-bottom:30px;}


.news--main .news__ttl {margin-bottom:7px; font-size:25px;}
.news--main .news__date {margin-bottom:10px;}
.news--main .news__img:before {display:none;}
    .news--main .news__img img {position:static; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);}

.news--main .news__content + p {margin-bottom:30px;}

@media only screen and (max-width: 581px) {
    .news--main {}
    	.news--main .news__content {margin-bottom:15px;}
}

/* Détail d'une actualité */
.news--detail .news__img:before {display:none;}
    .news--detail .news__img img {position:static; -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0);}

/* Facebook */
.news-fb {margin-bottom:20px;}
@media only screen and (max-width: 730px) {
    .news-fb {display:none;}
}

/* Barre lattérale */
.news-aside {padding:20px; background-color:#fff; color:#000;}
	.news-a.side > :last-child {margin-bottom:0;}
    .news-aside__ttl {margin-bottom:10px; font-size:22px;}

@media only screen and (max-width: 730px) {
    .news-aside__ttl {font-size:18px;}
}

/* Edito */
.news-edito {position:relative; margin:0 auto 50px; padding:8px 30px 20px; max-width:330px; background-color:#94A6D6; color:#FFF; font-size:14px; border-radius:15px;}
.news-edito:before,
.news-edito:after {content:""; position:absolute;}
.news-edito:before {top:-15px; left:0; right:0; background-color:#94A6D6; height:55px; border-radius:20px 15px 0 0; -webkit-transform:skewY(5deg); -ms-transform:skewY(5deg); transform:skewY(5deg); z-index:-1;}
.news-edito:after {top:100%; right:30px; border:0 solid transparent; border-width:40px 40px 0 10px; border-top-color:#94A6D6; width:0; height:0;}
.news-edito > p,
.news-edito > ul,
.news-edito > ol {margin-bottom:10px;}
.news-edito > *:last-child {margin-bottom:0;}

.mob-news-aside {display:none;}
.palm-news-aside {display:block;}

@media only screen and (max-width: 730px) {
	.mob-news-aside {display:block;}
	.palm-news-aside {display:none;}

		.news-edito {margin-bottom:20px; padding:20px 30px; max-width:none;}
		.news-edito:before,
		.news-edito:after {display:none;}

}

/* L'info du moment */
.news-current {margin-bottom:10px; padding:20px; background-color:#fff; font-size:15px; text-align:justify;}
.news-current img {max-width:100%; height:auto;}
.news-current a:not([class]) {color:inherit; text-decoration:underline;}
.news-current > p,
.news-current > ul,
.news-current > ol {margin-bottom:10px;}
.news-current > *:last-child {margin-bottom:0;}

/* Catégories */
.news-categories {margin-bottom:20px; font-size:15px;}
    .news-categories li {position:relative; margin:8px 0; padding-left:25px;}
    .news-categories li.i:before {position:absolute; top:0; left:0; width:17px; height:20px; background-position:-200px -220px;}
        .news-categories a {color:inherit;}
        .news-categories a:hover,
        .news-categories a:focus {text-decoration:underline;}

/* Tags */
.news-tags {margin:0 0 20px -5px; font-size:14px;}
    .news-tags > li {display:inline-block; margin:5px 0 5px 5px;}
        .news-tags a {position:relative; display:inline-block; border:1px solid #24376D; padding:2px 10px 3px 30px; color:#000;}
        .news-tags a.i:before {position:absolute; top:2px; left:5px; width:17px; height:20px; background-position:-200px -220px;}
            .news-tags a > span {vertical-align:middle;}
        .news-tags a:hover,
        .news-tags a:focus {color:#24376D;}
            .news-tags a:hover > span,
            .news-tags a:focus > span {text-decoration:underline;}

/* Partage */
.social-component {position:fixed; top:50%; left:0; z-index:5; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}

    [class*="btn-share-"] {display:block; padding:9px; color:#FFF; text-align:center;}

    .btn-share-contact {background-color:#f59124;}
    .btn-share-contact:hover {background-color:#E88417;}

    .btn-share-twitter {background-color:#41b7d8;}
    .btn-share-twitter:hover {background-color:#37ADCE;}
    .btn-share-facebook {background-color:#3b5997;}
    .btn-share-facebook:hover {background-color:#314F8D;}
    .btn-share-linkedin {background-color:#0073b2;}
    .btn-share-linkedin:hover {background-color:#0069A8;}

@media only screen and (max-width: 1180px) {
    .social-component {position:static; top:0; margin-bottom:10px; text-align:center; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
        .social-component > li {display:inline-block;}
        [class*="btn-share-"] {padding:4px;}
}

/* Partenaires
================*/
.partner {margin:0 0 15px;}
	.partner-ttl {font-size: 20px; color: #94A6D6; margin:0 0 5px;}
	.partner-description {margin:0 0 10px; font-size: 13px;}

/* Moteur de recherche
=======================*/
.search-results {margin-top:15px;}
	.block-search-results {background: #FFF;}
	.block-search-results + .block-search-results {margin:10px 0 0;}
		.block-search-ttl {font-size:18px; text-transform: uppercase; color: #FFFFFF; background: #24376D; padding:6px 6px 3px; position: relative; margin:0 0 10px;}

		.list-results {font-size: 14px; margin:0 0 10px;}
			.list-results > li:before {content:"> "; color: #7c878e;}
			.list-results a {color: #7C878E; font-weight: bold;}
			.list-results a:hover {text-decoration: underline;}

	.search-menu {color: #19171A; font-size: 15px;}
		.search-menu li + li {margin-top:10px;}
		.search-menu .btn {display: block; text-align: center;}


/* Ekomi
=======================*/
.ekomi-intro {font-size:16px; color:#1a171b; line-height:1.4; margin:20px 0;}
.ekomi-intro p {}

.ekomi-list	{}
.ekomi-item	{padding:8px 0 8px 65px; position:relative;}
.ekomi-icon	{position:absolute; left:0; top:0;}
.ekomi-icon	.icon {margin:8px 3px;}
.ekomi-content {background:#f8f7f7;padding:10px 20px; border-left:3px solid #24376D;}
.ekomi-notation	{margin:0 0 15px 35px; display:inline-block; float:right;}
.ekomi-score {font-size:24px; display:inline-block; float:right;}
.ekomi-stars {display:inline-block; float:right; margin:8px 10px 0 0;}



/* -------------------------------------------------------------------------- *\

/* Plan de site
================*/
.site-map {border:8px solid #dfe5f2; background: #FFF;}
	.site-map a {display: block; text-decoration: none;}
	.site-map a:hover {text-decoration: underline;}
	.site-map a:before {content:"# "}
/*	.site-map .level-1 {font-size: 15px; margin:8px 0 0; background: #94A6D6; color: #FFF; padding:6px;}
	.site-map a.level-1:hover {background: #4DBBE9;}
	.site-map > li:first-child > a {margin-top:0;}
		.site-map .level-2 {font-size: 13px; margin:8px 0 0; background: #98BF0A; color: #FFF; padding:6px; margin-left:15px;}
		.site-map a.level-2:hover {background: #759900;}
			.site-map .level-3 {font-size: 13px; padding-left:30px;}
				.site-map .level-3 a {margin:8px 0 0; color: #FFF; background: #CBC2B0; padding:6px;}
				.site-map .level-3 a:hover {background: #F0EEE9; color: #767269;}*/
	.site-map .has-children:after {content:""; display: inline-block; width:0; height:0;  margin:4px 8px 0; vertical-align: middle; border-style:solid; border-color:transparent; border-width:6px 4px 4px 4px; border-top-color:#94A6D6;}
	.site-map .level-1 {font-size: 15px; margin:8px 0 0; color: #94A6D6;}
	.site-map > li:first-child > a {margin-top:0;}
		.site-map .level-2 {font-size: 13px; margin:8px 0 0; color: #24376D; margin-left:15px;}
		.site-map .has-children.level-2:after {border-top-color:#24376D; margin-top:3px;}
			.site-map .level-3 {font-size: 13px; padding-left:30px;}
				.site-map .level-3 a {margin:8px 0 0; color:#7C878E;}

/* ==========================================================================
   ## Mise en forme spéciale nouvelles pages de contenu
   ========================================================================== */
/* On préfixe avec `.special-*` pour éviter les conflits */
.special {margin:0 -12px; font-size:14px;}

/* Isoler les blocs de contenu */
.special-iso {padding:40px 30px;}
.special-iso + .special-iso {padding-top:0;}

/* Changer la couleur de fond */
.block-contrast {background:#f0eee9;}

.special p {margin-bottom:20px;}

.special .spacing {margin:20px 0;}
.special .spacing > :last-child {margin-bottom:0;}

/* Titres */
.special.special h2,
.special.special .ttl-alpha {margin-bottom:40px; color:#2e2d30; font-size:33px; line-height:1.2; text-align:center; text-transform:uppercase;}
	.special h2 .weight {display:block; font-size:24px; text-transform:none;}
	.special h2.flush {margin-bottom:0; padding-bottom:0;}
		.special h2.flush:after {display:none;}
	.special h2.negative-mb {margin-bottom:-35px;}
	.special h2.smaller {font-size:16px;}
	.special h2 > a {color:#000000; text-decoration:none;}
.special.special h3,
.special.special .ttl-beta {margin-bottom:30px; color:#24376D; font-size:24px; line-height:1.2; text-align:center;}
.special.special h4,
.special.special .ttl-gamma {margin-bottom:5px; color:#2e2d30;}

.special .ttl-color-beta:not(#foo) {color:#368CBE;}

/* Boutons */
.special .btn-incentive {padding:6px 25px; color:#FFF; font-size:18px; text-transform:uppercase; letter-spacing:-0.04em; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.35); border-radius:0 25px 0 25px;}
	.special .btn-incentive > span {vertical-align:middle;}
	.special .btn-incentive > .ico-button {margin-left:10px;}


/* Couleurs des boutons */
.btn-incentive--alpha {background:#24376D;}
.btn-incentive--alpha:focus,
.btn-incentive--alpha:hover {background:#24376D;}
.btn-incentive--alpha > .ico-button {background-position:-165px -259px; width:25px; height:25px;}

.btn-incentive--beta {background:#24376D;}
.btn-incentive--beta:focus,
.btn-incentive--beta:hover {background:#94A6D6;}
.btn-incentive--beta > .ico-button {background-position:-195px -259px; width:25px; height:25px;}

.special .btn-wrapper {margin-top:30px;}

/* Icônes */
.ico-special-eco,
.ico-special-offer,
.ico-special-support {display:block; margin:0 auto 15px; height:84px;}
.ico-special-eco {background-position:-75px -350px; width:80px;}
.ico-special-offer {background-position:-160px -350px; width:122px;}
.ico-special-support {background-position:-285px -350px; width:87px;}

/* Bloc de titre */
.special .main-block {position:relative; padding-bottom:34.3%; background:#FFF url('../images/special/bgd_mainBlock.jpg') no-repeat center top; background-size:cover;}
.special .main-block--spacer {margin-bottom:20px;}
	.special .main-block__ttl:not(#foo) {position:absolute; left:30px; bottom:15%; width:50%; margin-bottom:0; color:#94A6D6; font-size:36px; line-height:1.1; text-align:left; text-transform:none;}
		.special .main-block__ttl .weight {display:block; color:#24376D; font-size:70px;}

/* Affichage d'une encoche sous un bloc */
.special .block-tail {position:relative; margin-bottom:20px;}
	.special .block-tail:after {content:""; position:absolute; top:100%; left:0; right:0; height:20px; background-image:linear-gradient(to right, #fecf00 0%,#fdcf00 17%,#fecb00 21%,#fab700 33%,#24376D 69%,#94A6D6 100%);}

/* Liste */
.ico-special-advantages {display:block; margin:0 auto 30px; background-position:-75px -260px; width:74px; height:87px;}
.special-list {margin-left:-20px; color:#24376D; font-size:0;}
	.special-list li {position:relative; display:inline-block; padding-left:35px; width:33.333%; vertical-align:top; font-size:18px; text-align:left;}
	.special-list li:before {content:"\003E"; position:absolute; top:0; left:20px;}
		.special .special-list h4 {color:#24376D; font-size:18px;}
		.special .special-list a {color:#24376D; text-decoration:none;}

/* Illustration */
.block-image-wrapper {position:relative;}
	.block-image {position:absolute; bottom:40px; left:15px;}

/* Vidéo */
.special-video-wrapper {margin:0 auto 20px; width:100%; max-width:485px;}
	.special-video {position:relative; padding-bottom:56.28%; height:0; overflow:hidden;}
		.special-video iframe,
		.special-video object,
		.special-video embed {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}

@media only screen and (max-width: 900px) {
	.special .main-block__ttl:not(#foo) {font-size:30px;}
		.special .main-block__ttl .weight {font-size:60px;}

}

@media only screen and (max-width: 885px) {
	.block-image {width:225px;}

	.special-list li {width:50%;}
}

@media only screen and (max-width: 730px) {

	.special {font-size:14px;}

	/* Titres */
	.special.special h2,
	.special.special .ttl-alpha {font-size:24px;}
	.special.special h3,
	.special.special .ttl-beta {font-size:20px;}
	.special.special h4,
	.special.special .ttl-gamma {font-size:17px;}

	/* Bloc de titre */
	.special .main-block__ttl:not(#foo) {font-size:22px;}
		.special .main-block__ttl .weight {font-size:50px;}

	/* Bloc de bas de page */
	.block-image {display:none;}

}

@media only screen and (max-width: 580px) {

	.special-iso {padding:30px 15px;}

	.special .main-block {position:relative; padding:30px 15px; background:#FFF;}

		.special .main-block__ttl:not(#foo) {position:static; width:100%;}
			.special .main-block__ttl .weight {}

	.special-list li {width:100%;}
}

/* ## Titres numérotés
   ========================================================================== */
.special.special .ttl-numbered {margin-bottom:20px; font-size:28px;}
.ttl-numbered:after {content:""; display:block; margin:12px auto 0; width:42px; height:3px; background-color:#94A6D6;}
.ttl-numbered.i:before {display:block; margin:0 auto 15px; width:40px; height: 40px;}

.ttl-numbered--1:before {background-position:-430px -225px;}
.ttl-numbered--2:before {background-position:-475px -225px;}
.ttl-numbered--3:before {background-position:-520px -225px;}

/* ## Enfarts des formules
   ========================================================================== */
.special-formula {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:15px 0;}
	.special-formula__img {-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%; margin-right:15px; max-width:50px; text-align:center;}
	.special-formula__body {-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;}
		.special-formula__body > p {margin:0;}

.ie .special-formula {display:block;}
	.ie .special-formula__img {float:left;}
	.ie .special-formula__body {overflow:hidden;}

/* ## Encarts des packs
   ========================================================================== */
.special-pack {position:relative; margin:20px 0; border:3px solid white; padding:20px 8px 10px; z-index:1; font-family:"Sora regular", Helvetica, Arial, sans-serif;}
	.special-pack__ttl {position:absolute; top:0; left:50%; padding:0 10px; background-color:#F0EEE9; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:-1;}
	.ie .special-pack__ttl {position:static; display:block; margin:0 auto 10px; padding:0;}
	.special-pack > p {margin:0;}
	.special-pack strong {font-family:"Sora semibold", Helvetica, Arial, sans-serif; font-weight:normal;}

/* ## Liste configurateur
   ========================================================================== */
.list-config li {position:relative; padding-left:15px;}
.list-config li.i:before {position:absolute; top:5px; left:0; background-position:-700px 0; width:6px; height:10px;}

.special .home-config__item {margin:0 0 30px;}

@media screen and (max-width: 730px) {
	.special  .home-config__item {margin: 0 0 30px;}
}

/* ==========================================================================
   ## Comparateur des packs
   ========================================================================== */
.packs-comparator-intro {padding:0 20px;}

.packs-comparator {padding:0 8px;}

	/* ### Tableau comparatif
	   ========================================================================== */
	.packs-table {table-layout:fixed; color:#2f333a; font-size:13px; font-family:"Sora regular", Helvetica, Arial, sans-serif;}

		/* Colonnes */
		.packs-table__col-icon {width:60px;}

		/* Colorisation des lignes */
		.packs-table .even {background-color:#EBECEE;}

		/* Mise en forme */
		.packs-table th,
		.packs-table td {border:0 solid #e5e1e1; border-width:0 0 0 2px; padding:12px 10px; font-family:"Sora semibold", Helvetica, Arial, sans-serif; text-align:center; vertical-align:middle; -webkit-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out;}

		/* Bouton pour afficher/masquer */
		th.packs-table__heading {border:0; padding:0; background-color:#94A6D6; color:#FFFFFF; font-size:16px; text-transform:uppercase;}
			.packs-table__toggle {position:relative; display:block; padding:12px 50px;}
			.packs-table__toggle.i:before {position:absolute; top:15px; right:20px; background-position:-701px -286px; width:23px; height:13px; -webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg); -webkit-transition:-webkit-transform 0.1s ease; transition:-webkit-transform 0.1s ease; -o-transition:transform 0.1s ease; transition:transform 0.1s ease; transition:transform 0.1s ease, -webkit-transform 0.1s ease;}

			.is-closed .packs-table__toggle.i:before {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

		td.packs-table__icon {border:0;}
			.packs-table__icon img {max-width:40px;}

		th.packs-table__ttl {color:#94A6D6; font-family:"Sora extrabold", Helvetica, Arial, sans-serif;}
			.packs-table__ttl .weight {display:block; color:#24376D; font-size:15px; line-height:1.2; text-transform:uppercase; font-family:"Sora semibold", Helvetica, Arial, sans-serif;}

		/* ### En-tête du tableau
		   ========================================================================== */
		.packs-table thead th {border:0; padding:0; text-align:left; vertical-align:top;}

		.packs-comparison {margin:0 8px 10px; padding:10px; background-color:#ebecee; font-size:12px; font-family:"Sora regular", Helvetica, Arial, sans-serif; text-align:center;}
		.packs-table thead th:first-child .packs-comparison {margin-left:0;}
		.packs-table thead th:last-child .packs-comparison {margin-right:0;}

			.packs-comparison__ttl {margin:0 0 5px; color:#24376D; font-size:24px; text-transform:uppercase;}
				.packs-comparison__ttl .ico {display:block; margin:0 auto 5px;}

			.packs-comparison__legend {margin:auto 0 0; color:#94A6D6; font-size:16px; line-height:1.1; text-transform:uppercase; font-family:"Sora semibold", Helvetica, Arial, sans-serif;}
				.packs-comparison__legend .weight {display:block; font-size:22px; color:#2f333a;}
				.packs-comparison__legend .weak {color:#B9BABC;}

			.packs-comparison__checkbox {position:relative; display:block; margin-top:auto; padding:0 0 0 20px; background-color:transparent; color:#24376D; font-size:11px; font-family:"Sora regular", Helvetica, Arial, sans-serif; font-style: italic; text-align:left;}
			.packs-comparison__checkbox.i:before {position:absolute; bottom:2px; left:0; background-position:-625px -280px; width:21px; height:20px;}

		/* Séléction d'une colonne à comparer */
		.packs-table .is-out .packs-comparison__checkbox.i:before {background-position:-600px -280px;}
		.packs-table td.is-hidden {opacity:0;}

		/* ### Onglets
		   ========================================================================== */
		.packs-table-tabs {display:none; border:0 solid #e5e1e1; border-width:0 0 1px;}
			.packs-table-tabs > li {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; border:0 solid #e5e1e1;}
			.packs-table-tabs > li + li {border-width:0 0 0 1px;}
				.packs-table-tab {position:relative; display:block; margin:0; padding:15px 0; width:100%; background-color:#ebecee; color:#24376D; font-family:"Sora regular", Helvetica, Arial, sans-serif; text-transform:uppercase; -webkit-transition:background 0.3s ease-out; -o-transition:background 0.3s ease-out; transition:background 0.3s ease-out; -webkit-appearance:none;}
				.packs-table-tab:after {content:""; position:absolute; top:100%; left:50%; border:0 solid transparent; border-width:10px 10px 0; width:0; height:0; opacity:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:opacity 0.3s ease-out; -o-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out;}
				.packs-table-tab.is-active {background-color:#94A6D6; color:white;}
				.packs-table-tab.is-active:after {border-top-color:#94A6D6; opacity:1;}

				.packs-table-tab:hover {background-color:#94A6D6; color:white;}
				.packs-table-tab:focus {text-decoration:underline; outline:none;}

				.packs-table-tabs > li:first-child .packs-table-tab {border-radius:5px 0 0;}
				.packs-table-tabs > li:last-child .packs-table-tab {border-radius:0 5px 0 0;}

@media only screen and (max-width: 1000px) {
	.packs-comparison {margin-left:3px; margin-right:3px;}
}

@media only screen and (min-width: 851px) {
	.packs-comparison {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%; -webkit-transition:-webkit-transform 0.325s ease-out; transition:-webkit-transform 0.325s ease-out; -o-transition:transform 0.325s ease-out; transition:transform 0.325s ease-out; transition:transform 0.325s ease-out, -webkit-transform 0.325s ease-out; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-font-smoothing:subpixel-antialiased; cursor:pointer;}
	.packs-comparison:hover {-webkit-transform:scale(1.14) translateZ(0);transform:scale(1.14) translateZ(0);}
}

@media only screen and (max-width: 850px) {

	.packs-comparator {/* overflow-x:scroll; */}

		.packs-table {table-layout:auto;}

			/* Colonnes */
			.packs-table__col-presta {width:40%;}

			.packs-table thead th {background-color:#ebecee; vertical-align:middle;}

			/* ### En-tête du tableau
			   ========================================================================== */
			.packs-comparison {margin:0; padding:20px; min-height:190px;}
				.packs-comparison p {margin-bottom:0;}

				.packs-comparison__checkbox {display:none;}

			/* ### Onglets
			   ========================================================================== */
			.js .packs-table-tabs {display:-webkit-box;display:-ms-flexbox;display:flex; position:-webkit-sticky; position:sticky; top:0; z-index:3;}

}

@media only screen and (max-width: 450px) {
	/* Colonnes */
	.packs-table__col-icon {width:40px;}
	.packs-table__col-presta {width:140px;}

	/* Mise en forme */
	.packs-table th,
	.packs-table td {padding:10px 5px;}

	/* Bouton pour afficher/masquer */
	th.packs-table__heading {padding:0; font-size:12px;}
		.packs-table__toggle {padding:8px 40px;}
		.packs-table__toggle.i:before {top:10px; right:10px; -webkit-transform:rotate(180deg) scale(0.8); -ms-transform:rotate(180deg) scale(0.8); transform:rotate(180deg) scale(0.8);}
		.is-closed .packs-table__toggle.i:before {-webkit-transform:rotate(0deg) scale(0.8);-ms-transform:rotate(0deg) scale(0.8);transform:rotate(0deg) scale(0.8);}

	td.packs-table__icon {}
		.packs-table__icon img {max-width:30px;}

	th.packs-table__ttl {border:0; text-align:left;}
		.packs-table__ttl .weight {font-size:14px;}

	/* ### Onglets
	   ========================================================================== */
	.packs-table-tab {font-size:12px; letter-spacing:-0.05em;}
}

/* -------------------------------------------------------------------------- *\


	 # Calculateur


\* -------------------------------------------------------------------------- */
/**
 * Ajouter une unité à droite du champ
 * Par exemple pour un champ prix :_______ €
 <span class="field-info">
 	<span class="field-info__input"><input class="field-full" type="text" /></span>
 	<span class="field-info__label">unité</span>
 </span>
 */
.layout-form .field-info {display:table; border:1px solid #cacaca; overflow:hidden; vertical-align:top; border-radius:3px;}
	.layout-form .field-info > * {display:table-cell; vertical-align:middle;}
	.layout-form .field-info__label {position:relative; width:40px; background:#cacaca; color:#FFF; font-size:20px; text-align:center;}
	.layout-form .field-info__input {overflow:hidden;}
		.layout-form .field-info__input input,
		.layout-form .field-info__input .forms-dropdown {border:none; width:100%; height:31px; font-size:15px; border-radius:0;}
			.layout-form .field-info__input .forms-dropdown select {height:31px;}
		.layout-form .field-info__input input {padding:0 10px;}

.field-full {width:100%;}

.calculator {margin:0 auto 40px; border:1px solid #f0eee9; padding:15px 20px; max-width:490px; text-align:left;}
	.calculator__ttl {margin:-16px -21px 25px; padding:8px; background:#94A6D6; color:#FFF; font-size:18px; line-height:1.1; text-transform:uppercase; text-align:center;}
	.special.special .calculator__ttl {margin:-16px -21px 25px; padding:8px; color:#FFF;}
	.special.special .calculator__ttl:after {display:none;}
		.calculator__ttl > * {vertical-align:middle;}
		.calculator__ttl .i-calculator {margin-right:20px;}
		/* Pour ferrer le texte à gauche tout en gardant le `text-align:center;` global */
		.calculator__ttl .align {display:inline-block; text-align:left;}
			.calculator__ttl .weight {display:block;}

	/* Modification sur le formulaire */
	.form-calculator label,
	.form-calculator legend {color:#575757; font-size:15px; text-transform:none;}
	.form-calculator .option-label {color:#888;}
	.form-calculator .label-legend {font-size:14px; line-height:1;}
	.form-calculator .label-legend--block {display:block; line-height:1.62;}

	.form-calculator .field-info--duration.i:before {position:absolute; /*top:50%;*/ left:50%; background-position:-515px -325px; width:9px; height:15px; transform:translate(-50%, -50%);}

	/* Mise en avant de certains champs */
	.calculator__result,
	.calculator__highlight {padding:8px 20px; background:#f0eee9; color:#24376D;}

	.calculator__highlight {padding-top:15px; margin:0 -20px 20px;}

	/* Résultat */
	.calculator__result {margin:0 -21px -16px; font-size:17px; text-transform:uppercase;}
		.calculator__amount {font-size:23px; text-align:right;}

	/* Liste de champs (radio/checkbox */
	.form-calculator__input-list {margin:8px 0 0; display:table;}
		.form-calculator__input-list > li {display:table-cell;}
		.form-calculator__input-list > li:not(:last-child) {padding:0 20px 0 0;}

	/* Affichage de la calculatrice des taux d'emprunt */
	.calculator-trigger {margin-bottom:10px;}
	.calculator-trigger.is-open,
	.no-js .calculator-trigger {background:#94A6D6;}

	.calculator-reveal .model-price-separator {margin-top:5px;}
	.js .calculator-reveal {max-height:0; overflow:hidden; -webkit-transition:max-height 0.25s ease-out, padding 0.1s ease-out 0.20s; -o-transition:max-height 0.25s ease-out, padding 0.1s ease-out 0.20s; transition:max-height 0.25s ease-out, padding 0.1s ease-out 0.20s;}
	.js .calculator-reveal.is-open {max-height:100em; -webkit-transition-delay:0.05s, 0s; -o-transition-delay:0.05s, 0s; transition-delay:0.05s, 0s; -webkit-transition-timing-function:ease-in; -o-transition-timing-function:ease-in; transition-timing-function:ease-in;}

@media screen and (max-width: 580px) {
	.calculator {margin-bottom:30px;}
	.calculator__ttl .i-calculator {margin-right:10px;}
}

/* -------------------------------------------------------------------------- *\


	 # Témoignage client


\* -------------------------------------------------------------------------- */

/* ## Prévisualisation
   ========================================================================== */
.testimony-preview {position:relative;}
.testimony-preview:before {content:""; display:block; padding-bottom:56.25%; width:100%; height:0;}
.testimony-preview:after {content:""; position:absolute; top:100%; left:50%; border:0 solid transparent; border-top-color:#94A6D6; border-width:10px 10px 0; width:0; height:0; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0; visibility:hidden; -webkit-transition:opacity 0.1s ease-in, visibility 0s ease 0.1s, -webkit-transform 0.1s ease-in; transition:opacity 0.1s ease-in, visibility 0s ease 0.1s, -webkit-transform 0.1s ease-in; -o-transition:opacity 0.1s ease-in, transform 0.1s ease-in, visibility 0s ease 0.1s; transition:opacity 0.1s ease-in, transform 0.1s ease-in, visibility 0s ease 0.1s; transition:opacity 0.1s ease-in, transform 0.1s ease-in, visibility 0s ease 0.1s, -webkit-transform 0.1s ease-in;}
	.testimony-preview__cover {position:absolute; top:0; left:0; width:100%; height:100%; background-color:black; overflow:hidden;}
		.testimony-preview__cover > img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

	.testimony-preview__body {position:absolute; top:0; left:0; right:0; bottom:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:20px 20px 40px; background-color:rgba(0,0,0, .4); color:white; font-size:1.8rem; text-align:center; -webkit-transition:background 0.3s ease-out; -o-transition:background 0.3s ease-out; transition:background 0.3s ease-out;}
			.testimony-preview__ttl {margin:0 0 10px; max-width:100%; font-size:20px; font-family:"Sora semibold",Helvetica,Arial,sans-serif;}
		.testimony-preview__ttl > .weight {text-transform:uppercase;}
		.testimony-preview__breakdown > * {margin:0;}

	.testimony-preview__button {position:absolute; top:0; left:0; bottom:0; right:0; background:none; cursor:pointer;}
		.testimony-preview__button .cross {position:absolute; bottom:10px; right:10px; color:white; font-size:60px;}

/* Survol */
.testimony-preview:hover img,
.testimony-preview:focus img {-webkit-filter:blur(5px);filter:blur(5px); -webkit-transition:-webkit-filter 0.3s ease-out; transition:-webkit-filter 0.3s ease-out; -o-transition:filter 0.3s ease-out; transition:filter 0.3s ease-out; transition:filter 0.3s ease-out, -webkit-filter 0.3s ease-out;}
.testimony-preview:hover .testimony-preview__body,
.testimony-preview:focus .testimony-preview__body {background-color:rgba(32, 62, 116,0.75);}

/* ## Détail
   ========================================================================== */
.testimony-detail-wrapper {position:relative; overflow:hidden;}

	.testimony-detail {display:-webkit-box; display:-ms-flexbox; display:flex; margin-top:15px; border:2px solid #94A6D6; background-color:#f0eee9; font-size:16px;}

		.testimony-detail__video {max-width:49%; text-align:center;}
		.testimony-detail__body {-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%; position:relative; padding:25px;}
			/* Ajout d'un scroll */
			.testimony-detail__body > div {margin-right:-25px; padding-right:45px; height:100%; overflow-y:auto;}

			.testimony-detail__button {position:absolute; right:0; top:0; padding:10px; width:20px; height:20px; background:#94A6D6; -webkit-box-sizing:content-box; box-sizing:content-box;}
				.testimony-detail__button .cross {color:white;}

			.testimony-detail__ttl {clear:right; font-size:22px; text-transform:uppercase;}
			.testimony-detail__breakdown {margin-bottom:20px; font-size:18px;}
				.testimony-detail__breakdown > * {margin:0;}

	.testimony-grid__item:nth-child(2n+2) .testimony-detail {-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
		.testimony-grid__item:nth-child(2n+2) .testimony-detail__body > div {padding-right:25px; margin-right:0; padding-left:45px; margin-left:-25px;}
		.testimony-grid__item:nth-child(2n+2) .testimony-detail__button {right:auto; left:0;}

		.testimony-video {position:relative; display:block; height:100%; cursor:pointer;}
			.testimony-video > img {-o-object-fit:cover;object-fit:cover; max-width:100%; width:100%; height:100%;}
			.testimony-video > iframe {position:absolute; top:0; left:0; border:0; width:100%; height:100%; visibility:hidden;}

			/* .testimony-video */
			.is-playing > img,
			.is-playing .testimony-video__play,
			.is-playing .testimony-video__title {opacity:0; visibility:hidden;}
			.is-playing > iframe {visibility:visible;}

			.testimony-video__play {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
				.testimony-video:hover .i-play,
				.testimony-video:focus .i-play {background-position:-69px -334px;}

/* ## Grille des réalisations
   ========================================================================== */
.testimony-grid {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:-20px;}

	.testimony-grid__item {position:relative; margin:0 0 20px; width:50%;}

		.testimony-preview,
		.testimony-detail {margin-left:20px;}

		.testimony-preview.is-active .cross {opacity:0; visibility:hidden; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
		.testimony-preview.is-active:hover .cross {opacity:1; visibility:visible;}
		.testimony-preview.is-active:after {opacity:1; visibility:visible; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); -webkit-transition-timing-function:ease-out, ease-out, ease-out; -o-transition-timing-function:ease-out, ease-out, ease-out; transition-timing-function:ease-out, ease-out, ease-out; -webkit-transition-delay:0s, 0s, 0s; -o-transition-delay:0s, 0s, 0s; transition-delay:0s, 0s, 0s;}
		.testimony-preview.is-active .testimony-preview__body,
		.testimony-preview.is-active .testimony-preview__body {background-color:#94A6D6;}

		.js .testimony-grid__item:nth-child(2n+1) .testimony-detail-wrapper {margin-right:-100%;}
		.js .testimony-grid__item:nth-child(2n+2) .testimony-detail-wrapper {margin-left:-100%;}

		.js .testimony-detail-wrapper {display:none; -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-name:fadeInFromNone; animation-name:fadeInFromNone;}
		.is-active + .testimony-detail-wrapper {display:block; z-index:2;}


@media screen and (max-width: 730px) {

	.testimony-detail-wrapper {}
	.testimony-detail-wrapper:before {display:none;}

		.testimony-detail__video {max-width:100%;}
		.testimony-detail__body {position:static;}
		.testimony-detail__button {position:absolute; top:0; right:0; margin:0;}

		.testimony-preview__body {padding-bottom:20px; font-size:14px;}
			.testimony-preview__ttl {font-size:18px;}
			.testimony-preview__button .cross {font-size:30px;}

		.testimony-detail {font-size:14px;}
			.testimony-detail__button {top:15px;}
			.testimony-detail__body {padding:15px;}
				.testimony-detail__body > div {padding-right:25px;}
				.testimony-grid__item:nth-child(2n+2) .testimony-detail__body > div {padding-left:25px; padding-right:15px;}
				.testimony-grid__item:nth-child(2n+2) .testimony-detail__button {right:0; left:auto;}

				.testimony-detail__ttl {font-size:18px;}
				.testimony-detail__breakdown {font-size:16px;}

	.testimony-grid,
	.testimony-preview,
	.testimony-detail {margin-left:0;}

		.testimony-grid__item {margin:0 auto 20px; max-width:490px; width:100%;}

		.js .testimony-grid__item:nth-child(2n+1) .testimony-detail-wrapper {margin-right:0;}
		.js .testimony-grid__item:nth-child(2n+2) .testimony-detail-wrapper {margin-left:0;}

			.testimony-grid__item .testimony-detail {display:block;}

}

/* ==========================================================================
   ## Animation
   ========================================================================== */
@-webkit-keyframes fadeInFromNone {
	0% {
		display:none;
		opacity:0;
	}

	1% {
		display:block;
		opacity:0;
	}

	100% {
		display:block;
		opacity:1;
	}
}
@keyframes fadeInFromNone {
	0% {
		display:none;
		opacity:0;
	}

	1% {
		display:block;
		opacity:0;
	}

	100% {
		display:block;
		opacity:1;
	}
}

/*====================
/4 Styles responsive
======================*/
.no-js .desk-hide {display: none!important;}

/* Ecrans retina */
@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	(min-resolution: 1.5dppx) {
		.retina-logo {background-image:url('../images/logo@2x.png'); background-size:100%;}

		.ico, .i:before, .main-nav > li > a:before, .block-video-mob .ttl:after, .nav-heading:before, .page .ttl-ico:before, .block-video-mob .ttl:after, .main-slider:after, .main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next, .flexcarousel .flex-direction-nav .flex-prev, .flexcarousel .flex-direction-nav .flex-next, .model-slide-nav .flex-direction-nav .flex-prev, .model-slide-nav .flex-direction-nav .flex-next, .content-gmap .flex-direction-nav .flex-prev, .content-gmap .flex-direction-nav .flex-next, .slider-offer .flex-prev, .slider-offer .flex-next {background-image:url('../images/bgd_icons@2x.png?20230214'); background-size:825px 435px;}

		.header-offer-wrap [class*="bgd-nav"], .header-offer .inner:before {background-image:url('../images/bgd_header_offer@2x.png'); background-size:205px 55px;}

}

@media (max-device-width:768px) and (orientation:landscape) {
	html, body {-webkit-text-size-adjust:none;}
}


/* Environnement de bureau
===========================*/
@media only screen and (min-width: 1000px) {
	.desk-hide {display: none!important;}
	/* Dimensions spécifiques pour les petits écrans (hauteur) */
	.layout-form .variable-height {height:80px;}
}

@media screen and (max-width: 1430px) {

	body {padding-bottom:75px;}
	.rating {left:5px; right:5px; bottom:0; text-align: center; border-bottom:0;}
		.rating .rating-logo, .rating-detail {float:none; display: inline-block;}
		.rating .rating-logo {margin-right:15px;}
		.rating-detail {width: auto;}
}

/* Environnement mobile : Tablettes & Téléphones
==================================================*/
@media only screen and (max-width: 1000px) {
	/* Annuler saut de ligne sur desktop */
	.desk-br {display: none;}

	/* Masquer certains éléments sur environnement mobile */
	.mob-hide {display: none!important;}

	.grids {margin-left:-15px;}
		[class^="grid-"] {padding-left:15px;}
	.grids-large {margin-left:-40px;}

	/* On défini les tailles de grilles sur environnement mobile */
	.mob-full {width:100%;}
	.mob-half {width:50%;}
	.mob-1-4 {width:25%;}
	.mob-2-3 {width:66.666%;}
	.mob-1-3 {width:33.333%;}

	/* Style des formulaires (adaptation UI iOS et Android) */
	.select-filter select,
	.block-search select {-webkit-appearance: none; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpiPH1o438GIDCx9WNkGASAiWGQgVEHjTpo1EGjDhp10KiDRh006qCR7iAWahkkJSE9uBwEBVpAzEmm3r9AfIEWDlpNpt4akIOonYbWAHErGfrWw/TRIlHXA/FWEtRfBuI4WuYyUFqIBuKbRKh9B8RBQPyF1tn+IxD7Q2l8Do8A4jv0KoduQkPqLw75MiDeTe+CEZSWmrCILwbivoEqqZuguQgGzgJxOr0KRlwgDlo+8QNxKBB/H2gHgXKRJ12rjmcvno42P0YdNOqgUQeNOmjUQaMOGnXQqIOGo4MAAgwAbeYk6+YcQlIAAAAASUVORK5CYII=) no-repeat right -2px; background-size:18px 24px;}

	/* Layout
	============*/
	.out-nav {display:inline-block; vertical-align: top; margin:0 0 15px;}

	.footer {padding:20px 0 0;}

	/* Encart Ekomi */
	body {padding-bottom:0;}
	.rating {position: static; width: 80%; border-bottom:1px solid #CDD2D6; margin:15px auto 0;}

	/* Accueil
	===========*/
	/* Slideshow */
	.slideshow {margin:0 0 10px;}
		.slide-content {padding:15px 30px 0;}

		.flex-direction-nav .flex-prev {left:10px;}
		.flex-direction-nav .flex-next {right:10px;}

		.flex-control-nav {right:10px;}

	/* Recherche d'agence */
	.block-search {margin:0 0 15px; background:url('../images/bgd_block_search@2x.png') no-repeat; background-size:158px 71px; display: table; padding:20px 10px; width: 100%;}
		.block-search > * {display: table-cell; vertical-align: middle; text-align: right;}
		.block-search p {padding:0; text-align: right;}
		.block-search .input {margin:0; display: inline-block; width:95%;}
			.block-search .weight {display:inline;}

	/* Contenu additionnel */
	/* Annonces */
	.home-adverts-ttl {max-width:60%;}

	/* Actualités */
	.home-news {text-align: center;}
		.home-news-item {margin-bottom:15px; display: inline-block;}
			.home-news-item img {width: 100%;}
			.home-news-hover {top:auto; opacity:1; padding:10px;}
			.home-news-hover:before {display: none;}
				.home-news-ttl, .home-news-date {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
				.home-news-date {position: static; margin-top:-10px;}

	/* Offres
	==========*/
	.block-alert {margin:-7px 30px 0;}

	.legend-map {padding-left:15px;}

	.offer-action .btn {width:99%;}

	/* Détail d'une annonce */
	/* Annonce */
	.header-offer {}
		.header-offer-price {width:33.3333%;}
		.header-offer-location {padding:0; font-size:18px;}
		.header-offer-type {width:30%;}

		/* Si l'annonce est de type maison + terrain */
		.offer-type-double .header-offer-surface {padding:0 5px;}
		.offer-type-double .header-offer-surface:before {width:15px;}

	.aside-detail-offer {padding:15px;}

	.wrap-detail-offer {margin:0;}
		.detail-offer {display:block;}
			.detail-offer > .cell,
			.detail-offer > .cell:first-child {display:block; width:100%;}
			.detail-offer > .cell:first-child {padding-bottom:10px;}

			.layout-form-advert .btn {display:inline-block; width:auto;}

	/* Réalisations
	================= */
	.aside-detail-offer {padding:10px 10px 0;}
		.ttl-detail-offer {padding:5px;}

	/* Modèles
	===========*/
	.loading .slides > div {min-height:230px;}

	/* Mini site
	=============*/
	.agency-tabs-nav a {padding:6px 10px 5px; font-size: 12px;}

	/* Contact
	===========*/
	.contact-ttl {padding-bottom:6px; overflow: hidden;}
	.contact-ttl .over-ttl {display: none;}

	.contact-agency {font-size: 15px;}
		.contact-agency .weight {font-size: 16px;}

	/* Page agence */
	.list-agencies-map {height: auto;}
		.list-agencies-map li + li {border-top:none;}
			.list-agencies-map .highlight-ttl-agency {text-align: left;}

	/* Pages de contenu
	====================*/
	.list-process .block-light {min-height:295px; margin:0 0 15px;}

	.block-key-figures .img {width:30%;}
	.block-key-figures .img:after {border-width:30px 0 30px 30px; margin-top:-30px; right:-30px;}
		.block-key-figures .inatilia {display: none;}
	.block-key-figures ul {padding:10px 10px 10px 30px;}

	.img-quote {border:none; -webkit-box-shadow:0px 0px 0px 5px #24376D; box-shadow:0px 0px 0px 5px #24376D;}

	/* Actualités
	==============*/
	.social-component {text-align: center;}


	/* Réalisations
	==============*/

	.offer__ttl {color:#3B3B3B!important; margin-bottom:10px;}

	.offer__item {position:static; padding:10px; display:block; height:auto; overflow:visible; background:#f0eee9;}

		.offer__illus img {position:static; transform:translate(0, 0); width:100%; max-height:100%; max-width:100%;}

		.offer__infos {position:static; padding:10px; height:auto; opacity:1; background:transparent;}

			.offer__infos-list li {font-size:15px; color: #3B3B3B;}
			.offer__infos-list li strong {color: #3B3B3B;}

		.offer__link {position:static; padding:20px; opacity:1; width:100%; margin-right:20px; transition:opacity ease-out 0.3s; background:white; z-index:2;}

		.offer__buttons {margin:15px 0 0;  }

		.offer__buttons-wrapper {position:static; left:0; bottom:0; text-align:center; width:100%; padding:1px 10px 20px; z-index:1; opacity:1; background:transparent;}

			.offer__buttons-wrapper .btn-block {width:100%;}

			.offer__buttons-wrapper .btn-contact-medium {margin-top:10px;}


}

/* Dimensions spécifiques pour moteur de recherche des offres */
@media only screen and (max-width: 940px) {
	.search-filter-aside:before {background:#FFF; left:-5px; width:5px; -webkit-box-shadow:-3px 0 4px -2px black; box-shadow:-3px 0 4px -2px black;}
		.block-alert {margin:0; width:190px;}
		.block-alert:before, .block-alert:after {display: none;}
			.block-alert .weight {margin:0 0 20px;}
}
@media only screen and (max-width: 850px) {
	.block-alert {width: 180px;}
	.search-filter-fields {padding-right:185px;}
		.mob-row-col {display: table; width: 98%; margin:0 0 10px;}
			.mob-row-col p {display: table-cell; margin:0; float: none; vertical-align: top; clear:none;}
			.mob-row-col p + p {padding-left:12px; margin-left:0;}
				.search-filter .filter-primary {width:100%;}
				.search-filter .filter-secondary {width:100%;}
				.search-filter .filter-tertiary {width:100%;}
				.search-filter .btn-contact-secondary {width:100%;}
}

/* Téléphones
==================================================*/
@media only screen and (max-width: 730px) {
	/* On défini les tailles de grilles sur environnement mobile */
	.palm-full {width:100%;}
	.palm-half {width:50%;}
	.palm-1-4 {width:25%;}
	.palm-1-3 {width:33.333%;}

	.palm-hide {display: none!important}
	.palm-show {display: block!important;}

    /* Classes réutilisables
    ==============================*/
    .mb-palm-1 {margin-bottom:20px;}

	/* Boutons
	===========*/
	.btn-block {display: block;}
	button.btn-block {width: 100%;}

	/* Layout
	==========*/

	/* Footer */
	.widget-social-networks {float:none; text-align: center; margin:0 0 5px;}
		.widget-social-networks ul {float:none; margin-bottom:10px;}
	.btn-trigger {width: 100%;}


	.header-nav-back {text-align:left;}
		.header-nav-back .breadcrumb {margin:0 0 5px; float: none;}

	/* Encart Ekomi */
	.rating {width:100%; margin:0;}


	/* Accueil
	===========*/
	/* Slideshow */
	.main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next {top:30px; margin-top:0;}
	.main-slider .flex-control-nav {display: none;}
	.slideshow:after {display: none;}
	.slide-content {padding:10px; width: 100%; position:static;}
	.slide-content:after {display: none; background: none;}
		.slide-content .slide-ttl {font-size:16px; color: #24376D; text-transform: none; position: relative; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; line-height:1.2;}
			.slide-ttl .inner {display: block; background:none;}
		.slide-content p {margin:0 0 10px; font-size:12px;}
		.slide-content .slide-btn {text-align: right; margin:0;}

	.home .content {margin:0 0 15px;}

	/* Contenu additionnel */
	.home-complementary {padding-top:30px; padding-bottom:30px;}
		.home-complementary-heading {margin-bottom:20px;}
			.home-ttl-adverts {margin-bottom:10px;}


	/* Page agence
	===============*/
	.home-agency .agency-map {height: 250px;}
	.agency-nav-footer {padding:0;}
		.agency-nav-footer-ttl {padding:10px 0;}

	/* Mini site
	=============*/
	.agency-tabs-nav > li {display: block;}
		.agency-tabs-nav > li > a {padding:8px 15px 7px; font-size: 13px; display: block; text-align: center;}

	/* Offres
	==========*/
	.search-offers {padding:8px;}
		.search-filter {padding:0;}
			.search-filter-ttl {font-size:17px; padding:6px;}
				.search-filter-ttl .ico-wrap {display: none;}
			.search-filter-fields {padding-right:8px;}

				.search-filter-grid {display:block;}
					.search-filter-grid > p {display:block;}
					.search-filter-grid > p:first-child {width:100%;}
					.search-filter-grid > p + p {padding:0;}
					.selectize-control.multi .selectize-input .item-crop {max-width:100%; width:100%;}
				.search-filter .btn-action-primary {margin:0;}

				.search-filter-fields--agencies .search-filter-grid {padding:0;}

				.go-to-results {display: block!important;}

		.search-filter-aside {position: static;}
		.search-filter-aside:before {display: none;}
			.block-alert {width: 100%; padding:8px; text-align: left;}
				.wrap-alert {display: none;}
				.block-alert p {display: inline;}
				.block-alert .weight {font-size: 15px;}
				.block-alert .alert-cta {display: block; text-align: center; margin:5px 0 0;}
					.alert-cta:before {display: none;}
					.block-alert .btn-blank {font-size: 15px; padding:3px 4px; width: 100%;}
		.map-offers {height:200px;}

		.legend {display: none;}

	.ttl-results {text-align: center;}
		.ttl-results > h2 {float: none;}
		.filter-results {display: block;}

	.listed-offer {text-align: center;}
		.listed-offer .offer-picture {float:none; max-width:350px; margin:0 auto 10px; text-align: center; overflow: hidden;}

			.offer-picture__ribbon.offer-picture__ribbon {width:60px; height:60px;}
				.offer-picture__label.offer-picture__label {padding:3px 5.25em; font-size:10px;}

			.listed-offer .offer-infos {text-align: left;}
		.offer-price-wrap .offer-price-monthly {padding-left:20px;}

	.footer-list-landing {column-count:2;}

	/* Détail d'une offre */
	.detail-offer-ttl {display:block; margin:0 0 10px;}
		.detail-offer-ttl .page-ttl,
		.detail-offer-ttl .page-options {display:block;}
		.detail-offer-ttl .page-options {text-align:center;}
		.detail-offer-ttl .btn {display: block; text-align: center;}

	.wrapper-offer {padding:0; background:none;}

	.header-offer {display: block; border:4px solid #FFF; background-color:#FFF;}
		.header-offer > div {display:block; width:100%; height:auto; transform:none; box-shadow:none;}
		.header-offer > div + div {margin-top:4px;}

			.header-offer .inner {padding:10px 20px; transform:none;}

		.header-offer .header-offer-price {display:table; height:65px;}
			.header-offer .header-offer-price .inner {display:table-cell; vertical-align:middle;}

	.slider-offer .ad {left: 0; width:25%;}

	.aside-detail-offer {padding:10px;}
		.ttl-detail-offer {padding:5px;}
		.offer-cta {padding: 0;}

	/* Offres similaires */
	.cross-selling {}
		.cross-selling-link {font-size:16px;}

	/* Modèles
	===========*/
	/*.wrap-model {width: 50%;}*/

	/* Détail d'un modèle */
	.model-description .btn-anchor {float: none; margin:0 0 10px; line-height:1.7; font-size: 18px; overflow: hidden; max-width:100%; width:auto;}

	.loading .slides > div {min-height:150px;}

	.model-caracteristics {margin-top:0; padding:20px;}
		.model-caracteristics__ttl {margin:0 0 20px; text-align:center;}
		.model-caracteristics__subttl {margin:15px 0;}
		.model-caracteristics__item {margin:10px 0;}

	/* Formulaire de recherche */
	.model-price-form,
	.model-price-form > p {display:block; width:100%;}
	.model-price-form > p + p {padding:0;}

	/* Cacher SpaceDesigner */
	.model-spacedesigner-wrapper {margin:0;}
		.model-spacedesigner-wrapper .btn {margin:10px 0;}

	/* Réalisations
	=================*/
	.testimony-footer {text-align:center;}
		.testimony-author {float:none; display:inline-block;}
		.testimony-agency {}

	/* Contact
	===========*/
	.contact-ttl {text-align: left; padding-left:6px}
		.contact-ttl h2 {float: none;}
		.contact-ttl .ico-wrap {display: none;}
		.contact-ttl .mandatory {display: block; font-size: 13px;}

	.contact-details {width: 100%;}

	/* Actualités
	==============*/
	.news .img {float: none; margin:0 0 10px;}
	.news .context {overflow: visible;}

	/* Moteur de recherche
	=======================*/
	.form-search {margin-left:0; text-align: center;}
		.form-search .input {width: 100%; margin:0 0 5px;}

	.search-results .search-menu {margin-top:15px;}

	/* Pages de contenu
	====================*/
	.page {text-align: left;}
		.page .feature {padding:10px; background-image:none;}

		.list-process .block-light {min-height:auto;}

		.block-key-figures .img {display: none;}
		.block-key-figures ul {padding:10px;}

		.img-quote {display: none;}

	/* Ekomi
	===========*/
	.ekomi-item	{padding:8px 0 8px;}
		.ekomi-icon	{position:static;}
			.ekomi-icon	.icon {display:block; margin:8px auto;}
		.ekomi-content {border-left:0; border-top:3px solid #24376D;}

}

@media screen and (max-width:490px) {
	/* Ekomi
	===========*/
	.ekomi-content {}
		.ekomi-notation	{float:none; margin:0;}
			.ekomi-score {font-size:24px; display:inline-block; float:right;}
			.ekomi-stars {display:inline-block; float:right; margin:8px 10px 0 0;}

	/* Modèles
	===========*/
	/* Formulaire de recherche */
	.model-price-input:before,
	.model-price-input .ico-placeholder-input,
	.model-price-input .ico-placeholder-label {display:none;}

	.model-price-input .selectize-input,
	.model-price-input .selectize-control.single .selectize-input.input-active {padding:5px 10px;}

		.model-price-input .input-autocomplete input[type="text"] {font-size:14px;}

	/* Fonctionnement sans JS */
	.model-price-input .input-autocomplete > input[type="text"] {padding:0 10px;}

	.model-price-input .selectize-control.multi .selectize-input > div {line-height:28px;}
	.model-price-input .selectize-dropdown,
	.model-price-input .selectize-input,
	.model-price-input .selectize-input input {font-size:14px;}
}

