/*----------------------------------------------------------
= BAOCSS Responsive v.2
/1 Reset
/2 Styles génériques (Balises, Objets, Classes, Plugins)
/3 Styles spécifiques (Layout, Style par page)
/4 Styles responsive (Mobiles, tablettes, ...)
----------------------------------------------------------*/
@import "fonts/fonts.css";
/*====================
/1 Reset
======================*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, table, th, td, caption, hr {margin: 0; padding: 0;}
body {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
fieldset, img {border: 0;}
img {font-style: italic; vertical-align:bottom;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px dotted;}
a {text-decoration: none; background:transparent;}
pre {overflow: auto;}
pre, code {font-family: monospace;}
b, strong {font-weight: bold;}
sub, sup {font-size: 65%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: 80%;}
button, input, select, option, optgroup, textarea {font: inherit; color: inherit; margin:0;}
[type="submit"], [type="button"], [type="reset"], button {cursor:pointer; border:0; overflow:visible; line-height: normal;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
[type="checkbox"], [type="radio"] {padding: 0;}
textarea {overflow: auto; resize:none;}
/* HTML5 (si besoin) */
/* article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
*/
/* 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
======================*/
/* Gestion des polices spécifiques
===================================*/
/* Corriger le problème avec les polices non web-safe sur le système de grilles
* On rétablit la font général du site pour les items dans le conteneur `.grids`
* cf module grid & v-align */
body,
[class^="grid-"],
.v-align-wrap {font-family: Calibri,"Calibri-font", Helvetica, Arial, sans-serif;}
/* Balises
=====================*/
html {min-height:100%; line-height:1.333; font-size: 62.5%;}
/* Pour garder la compatibilité IE8, déclarer la font-size en px avant la déclaration en rem */
body {font-size: 14px; font-size: 1.4rem;font-family: Calibri,"Calibri-font", Helvetica, Arial, sans-serif;}
.is-safari body {font-size: 12px; font-size: 1.2rem;}
/* Styler les éléments généraux */
img {max-width:100%; height:auto;}
a[href^="tel"] {color:inherit;}
label {cursor: pointer;}
/* Lightbox Modal */
/* Modal */
.md-modal {position:fixed; top:50%; left:50%; z-index:9999999; width:90%; max-width:520px; text-align:center; visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.md-overlay {position:fixed; top:0; left:0; z-index:999999; width:100%; height:100%; visibility:hidden; opacity:0; background:rgba(48,66,77,0.9); -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.list-relay .md-modal.md-show {text-align: left;} /*new*/
.md-show {visibility:visible;}
.md-show ~ .md-overlay {opacity:1; visibility:visible;}
.md-content {position:relative; background:#FFF; text-align:left; box-shadow:0 2px 6px rgba(0, 0, 0, 0.75);}
.md-close {position:absolute; right:0; top:0; z-index:10; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
.list-relay md-modal .md-content {min-width: 800px;} /*new*/
/* Effet pour l'affichage */
.md-modal .md-content {-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7); opacity:0; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; /*transition:opacity 0.2s, transform 0.3s;*/}
.md-show.md-modal .md-content {padding:5px; text-align:center; -webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1); opacity:1;}
.md-show.md-modal .md-close {opacity:1;}
.list-relay .md-modal .block-relay-map {width: 400px; height: 300px;}
/* Boutons
=====================*/
[class*="btn-"] {display:inline-block; vertical-align: middle; margin:0; border:none; font-size:15px; line-height:normal; text-align: center; cursor:pointer; -webkit-appearance: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
[class*="btn-"]:hover {text-decoration: none;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.btn-classic {height: 35px;line-height: 35px;background-color: #fff; font-weight: bold; font-size: 14px; font-size: 1.4rem; color:#6a87b4; padding: 0 15px}
.btn-classic i {vertical-align: middle; margin-right: 5px}
.btn-classic:hover {background: #f3f3f3;}
.btn-goto {line-height: 30px;height: 30px;background-color: #d10923; font-size: 14px; text-transform: uppercase; font-weight: bold; color:#fff; padding: 0 15px;}
.btn-goto i {vertical-align: middle; margin-left: 10px}
.btn-goto span {vertical-align: middle; margin-left: 10px}
.btn-goto:hover {background: #ae0c22}
.btn-goto-emploi {line-height: 30px;height: 30px;background-color: #fff; font-size: 14px; text-transform: uppercase; font-weight: bold; color:#cf021f; padding: 0 15px;}
.btn-goto-emploi:hover {background: #f6f6f6}
.btn-light {line-height: 30px;height: 30px;background-color: #dadada; font-size: 14px; text-transform: uppercase; font-weight: bold; color:#fff; padding: 0 15px;}
.btn-light:hover {background: #a7a7a7}
.btn-light i {vertical-align: middle; margin-right: 10px}
.btn-light span {vertical-align: middle; margin-right: 10px}
.social {padding-top: 20px}
.wrap-btn-social { text-align: center; margin-right: 12px}
.btn-social {width: 49px;height: 49px;line-height: 49px;-moz-border-radius: 1px;-webkit-border-radius: 1px;background-color: #c7c7c7;}
.btn-social:hover {background-color: #3c4f76;-moz-box-shadow: inset 0 2px 1px rgba(255,255,255,.25), inset 0 0 5px rgba(0,0,0,.05);-webkit-box-shadow: inset 0 2px 1px rgba(255,255,255,.25), inset 0 0 5px rgba(0,0,0,.05);box-shadow: inset 0 2px 1px rgba(255,255,255,.25), inset 0 0 5px rgba(0,0,0,.05);}
.btn-social i {vertical-align: middle;}
.sub-social {display:block;color:#484848; font-size: 14px; font-weight: bold;}
.btn-type-2 {background: #0d408d}
.btn-type-2:hover {background: #072f6b}
.wrap-button-dl {line-height: 59px;}
.btn-dl-brochure {color:#d10924 !important; font-weight: bold;line-height: 59px; font-size: 16px;}
.btn-dl-brochure i {margin-right: 8px; vertical-align: middle;}
.btn-dl-brochure span {margin-right: 8px; vertical-align: middle;}
.btn-goto.grey {background: #dadada; }
.btn-goto.grey:hover {background: #d10924; }
.btn-type-3 {color:#fff; padding:5px 10px; text-transform:uppercase; font-weight:bold; background:#0f3c80; border-radius:4px;}
.btn-type-3:hover {background: #072f6b;}
.flot {position: fixed; top:50%; right: 0; z-index:1000; width: 40px; padding-top: 44px}
.flot .btn-goto {width: 40px;height: 40px;line-height: 40px; padding:0; text-align: center; margin-bottom: 4px; outline: 0}
.flot .btn-goto i {margin:0 }
.flot .btn-infos {width: 230px; position: absolute; top:40px; left: 0;
transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg); }
/*=====================================*/
/* Icônes
================ */
/**
* Les class commençant par `i-` permettent la gestion des icônes
* Ces class font appel à un fichier de sprites
*/
.layout-form .dropdown {position:relative; display:inline-block; overflow:hidden; border:1px solid; background:#FFF; vertical-align: middle;}
.layout-form .dropdown:after {content:""; position:absolute; top:50%; right:8px; margin-top:-3px; width: 0; height: 0; border:0 solid transparent; border-width:6px 5px 0 5px; border-top-color:#000; z-index: 1; pointer-events:none;}
.layout-form .dropdown select {border:none; padding-right:12px; width:110%; max-width:110%; min-width:190px; height:28px; background:none; appearance: none; -webkit-appearance: none;}
.layout-form .dropdown select::-ms-expand {display:none;}
.layout-form .dropdown select:focus {outline:none; box-shadow:inset 0 0 1px 1px rgba(0,127,162, .30);}
/* Ajustement pour IE */
.old-ie .layout-form .dropdown {background:#FFF;}
.old-ie .layout-form .dropdown select {width:100%; max-width:100%; min-width:100%; padding-right:7px;}
/**
* Mise en forme des input Radio et Checkbox
*/
.layout-form .option-label {position: relative; display: inline-block; padding-left:20px; padding-bottom:0; font-size:14px; font-size:1.4rem;}
.option-label [type="checkbox"], .option-label [type="radio"] {position:absolute; opacity:0;}
.option-input {position: absolute; top:3px; left: 0; display: block; border:1px solid #b4b3b7; width:13px; height:13px; 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%; -webkit-border-radius:10%; border-radius:10%;}
.option--checkbox .option-input:before {content: ""; display:block; position:absolute; top:0; left:0; height:13px; width:13px;}
.option--checkbox input:checked ~ .option-input:before {background-size:12px 12px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PGxpbmUgc3Ryb2tlLXdpZHRoPSIxIiB4MT0iIiB5MT0iIiB4Mj0iIiB5Mj0iIiBzdHJva2U9IiM0NDlGREIiIG9wYWNpdHk9IiI+PC9saW5lPjwvZz48cGF0aCBkPSJNMTMuMjcyIDI3LjJjLTAuNjk2IDAtMS4zNTUtMC4zMjUtMS43NzgtMC44ODVsLTUuNzE4LTcuNTQ5Yy0wLjc0NC0wLjk4Mi0wLjU1LTIuMzgxIDAuNDMyLTMuMTI1IDAuOTg0LTAuNzQ2IDIuMzgxLTAuNTUgMy4xMjUgMC40MzJsMy43NjIgNC45NjYgOS40NTktMTUuMTg2YzAuNjUxLTEuMDQ1IDIuMDI3LTEuMzY1IDMuMDc0LTAuNzE0IDEuMDQ1IDAuNjUgMS4zNjUgMi4wMjcgMC43MTIgMy4wNzJsLTExLjE3MyAxNy45MzZjLTAuMzg5IDAuNjI2LTEuMDU5IDEuMDE4LTEuNzk0IDEuMDUwLTAuMDM0IDAuMDAyLTAuMDY3IDAuMDAyLTAuMTAxIDAuMDAyeiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==); background-color:#3270ba;}
/* Radio */
.option--radio .option-input {-webkit-border-radius: 50%; border-radius: 50%;}
.option--radio .option-input:before {content: ""; position:absolute; top:0; bottom:0; left:0; right:0; margin:2px; -webkit-border-radius: 50%; border-radius: 50%;}
.option--radio input:checked ~ .option-input:before {background:#2f2f2f;}
/* IE8 ne gère pas les champs custom */
.old-ie .option-label {padding-left:0;}
.old-ie .option-label [type="checkbox"], .old-ie .option-label [type="radio"] {position: static; opacity:1;}
.old-ie .option-input {display: none;}
/*=====================================*/
/* Tableaux (.layout-table)
============================*/
.layout-table {margin-bottom:15px;}
.layout-table-fixed {table-layout: fixed;}
/**
* Données tabulaires
* Présentation d'une légende et d'une donnée l'une en face de l'autre
*/
.layout-split {text-align: right;}
.layout-split-title {float: left; clear:left; text-align: left;}
/* 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 Datepicker */
.ui-datepicker {display:none; border:1px solid #e2dcda; background:#FFF; height:auto; box-shadow:0 2px 6px rgba(0, 0, 0, 0.75); z-index:1000!important;}
/* DatePicker Table */
.ui-datepicker table {margin:0;}
.ui-datepicker-header {padding:5px; background:#f1eeed; color:#30424d;}
.ui-datepicker-title {text-align:center;}
.ui-datepicker-prev,
.ui-datepicker-next {display:inline-block; cursor:pointer; padding:3px;}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right;}
.ui-datepicker-header select {border:1px solid #9e8b86; height:27px; color:#30424d; font-size:1.5rem;}
.ui-datepicker th {padding:5px 0; background:#164791; color:#FFF; font-weight:normal; text-transform:uppercase; text-align:center;}
.ui-datepicker tbody tr:nth-child(even) {background:#f1eeed;}
.ui-datepicker tbody td {padding:0; border:1px solid #e2dcda; border-bottom-color:#A5948F;}
.ui-datepicker td span,
.ui-datepicker td a {display:inline-block; text-align:center; width:40px; height:40px; line-height:4rem; text-decoration:none;}
.ui-datepicker-calendar .ui-state-hover {background:#FFF; color:#E5215B; }
.ui-datepicker-calendar .ui-state-active {background:#E5215B; color:#FFF; font-weight:bold;}
.ui-datepicker-unselectable .ui-state-default {background:#E2DCDA; color:#9E8B86; cursor:not-allowed;}
/*=====================================*/
/* Classes réutilisables
==============================*/
.center {text-align:center;}
.left {text-align: left;}
.right {text-align:right;}
.flleft {float:left;}
.flright {float:right;}
.for-print, .no-display {display:none;}
.hidden {position:absolute; top:-9999em; left:-9999em; overflow: hidden;}
.clear {clear:both; line-height:1px; height:0; font-size:1px;}
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.link {color:#164791;}
.link:hover {text-decoration:underline;}
/*====================
/3 Styles spécifiques
======================*/
/* shapes */
.svg-container { display: inline-block;overflow: hidden;position: relative; width: 100%; padding-bottom: 5%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */vertical-align: bottom; /* top | middle | bottom ... do what you want */ margin-bottom: -1px}
.svg{ display: block; position: absolute; top: 0; left: 0; width: 101%;}
.poly-white,
.poly-top {fill: #fff; width: 100%}
.poly-blue {fill: #0d408d; width: 100%}
.poly-lightblue {fill:#1d4d95; width: 100%}
.poly-black {fill: #000000; width: 100%}
.poly-grey {fill: #d8d8d8; width: 100%}
.poly-darkgrey {fill: #2c3034; width: 100%}
.poly-lightgray {fill: #f2f2f2; width: 100%}
.zone-blue {background: #1d4d95}
.light-zone {background: #F2F2F2}
/* typos */
.ttl-lvl1 {color:#fff; font-size: 48px; padding: 20px 0; font-weight: bold;}
.ttl-lvl2 {color:#484848; font-size: 48px; padding: 20px 0; font-weight: bold;}
.ttl-lvl3 {color:#797979; font-size: 30px; padding: 20px 0; font-weight: bold;}
.ttl-lvl4 {color:#fff; font-size: 24px; padding: 10px 0; font-weight: bold;}
.ttl-sub {color:#cf011d; font-size: 20px;}
.placer .ttl-lvl1:first-child,
.placer .ttl-lvl2:first-child {padding-top:50px; line-height:40px; vertical-align: top;}
.placer .l2:first-child {padding-top:20px;}
/* header */
.header {position: relative;height: 550px;z-index: 9}
.logo {display:inline-block; width: 164px;height: 164px;background-color: #fff;}
.header-slider,
.header-inner {width: 100%; position: absolute; z-index: 9;top: 0; left: 0; right: 0}
.header-slider {height: 550px}
.base-frame {background-image: url(../images/illus_home.jpg); height: 550px}
.slider-frame {position: absolute;top:0; left: 0; right: 0; bottom: 0; background:#fff url(../images/bgd_courteDuree.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.header-slider .slides {background: url(../images/ico_loader.gif) 50% 10% no-repeat;}
.header-slider .slides .slide {opacity: 0}
.header-slider .bx-wrapper .slides .slide {opacity: 1;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.header-slider .btn-goto {padding-right: 8px}
.header .svg-container {position: absolute;bottom: -1px;left: 0; right: 0;}
.wrap-user p {line-height: 35px; color:#fff; font-size:14px;font-weight: bold; vertical-align: top;}
.wrap-user .tel {font-size: 18px; color:#fff; text-decoration: none;font-weight: bold; display: inline-block;padding-right: 8px}
.wrap-user .btn-classic {vertical-align: top;}
.lang li {width: 22px; margin: 0 0 2px 2px}
.lang li img {vertical-align: top;}
.main-menu {position: absolute;top: 40px;right: 0;left: 0;z-index:1000;height: 0;}
.main-menu .nav {padding-top:15px; clear: both; padding-left: 40px;}
.main-menu .nav > li {padding-left: 10px;}
.main-menu .nav li a {font-size: 17px; color:#fff; text-decoration: none;font-weight: bold; display: inline-block; padding: 5px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* Survol des liens */
.main-menu .nav li a:hover {color:#0D408D;
background: #fff;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* Affichage du sous menu */
.main-menu .nav li:hover > a {color:#0D408D; background: #fff;}
.main-menu .nav li:hover > .children {background: #fff;left: 10px;}
.main-menu .nav li:hover > .children a {color:#0D408D; display: block;}
.main-menu .nav li:hover > .children a:hover {background:#0D408D; color:#fff;}
/* Slideshow */
.header .slide {height: 550px;}
.header .slide .placer {position: relative;z-index: 9;}
.header .slide .ttl-lvl1 {position: absolute;right: 0; top:243px; text-align: left;display: inline-block;background: #164791;text-transform: uppercase;padding: 0 15px; line-height: 64px;}
.header .slide .desc {position: absolute; top:310px; right: 0;}
.header .slide .desc span,
.header .slide .desc h4 {color:#164791; font-size:24px; display: inline-block; float: right;clear: right; text-align: right; background: #fff; padding: 3px 7px; margin-bottom: 3px;}
.header .slide .btn-goto {float: right; clear: both;position: relative; z-index:1000;}
.logo-shrink {display: none;}
.header-shrink {height:75px;background-color:#fff; position: fixed;top:0; left: 0; right: 0;z-index:1000;}
.header-shrink .placer {height: 75px;}
.header-shrink .logo-shrink {display: block;float: left; background: url(../images/illus_logoShrink.png) 0 0 no-repeat; width: 220px; height: 75px;}
.header-shrink .nav {padding-top: 25px;}
.header-shrink .nav li a {color:#164791;font-size: 15px;}
/* footer */
.footer ul {padding-bottom: 20px;}
.footer ul li a {color:#fff; font-size: 14px; display:block; padding: 0 0 4px 0}
.footer ul li a:hover {text-decoration: underline;}
.footer .grids .grid-1-3:first-child .padd-prefoot {padding-left:0;}
.footer .grids .grid-1-3:first-child .padd-prefoot:before {display: none;}
.padd-prefoot {padding-left: 65px; position: relative;}
.padd-prefoot:before { content:""; position: absolute; left:0; width: 2px; background: #242628; height: 175px; border-left:1px solid #3b3f42; top: 20px;}
.footer {background: #2c3034}
.foot-last-line {background:#1e1f20; }
.foot-last-line,
.foot-last-line a {color:#fff; font-size: 14px;}
.foot-last-line a:hover {text-decoration: underline;}
.foot-last-line .sep {display: inline-block; width: 2px; height: 32px; background:#121213; border-left:1px solid #313132; vertical-align: middle; margin: 14px;}
.foot-last-line p {line-height: 32px;}
.bx-controls-direction {width:130px; margin: -22px auto 0; height: 20px}
.bx-controls-direction button {outline: 0;}
.bx-controls-direction .bx-prev {float:left;}
.bx-controls-direction .bx-next {float:right;}
.bx-controls {position: absolute;top: 515px; left: 0; right: 0; z-index:1;}
.bx-pager {text-align: center; }
.bx-pager-item {display: inline-block;}
.bx-pager-item a {display:block; text-indent:-99999em; width: 12px;height: 12px;background-color: #fff; margin: 0 2px}
.bx-pager-item .active {background: #d10924;}
/* Home */
.wrap-loca {position: relative;}
.ttl-loca {font-size:30px;color:#0d408d;text-align: center; line-height: 28px; padding-top: 20px}
.ttl-loca strong {display: block;text-align: center;}
.desc-loca {font-size: 14px; color:#8f8f8f; padding: 20px 10px}
.wrap-button {padding-bottom: 12px}
.wrap-loca:before{content: ""; display: block; position: absolute; top: 70px; left: 0; background: #d6d6d6; width: 1px; height: 127px;}
.loca-type .grids .grid-1-4:first-child .wrap-loca:before {display: none;}
/* Home - Module Formulaire Réservation Courte durée */
.mdl-short-rent {padding:20px; margin-top:185px; background:#fff;}
.mdl-short-rent-header {padding:0 0 20px 30px; line-height:25px;}
.mdl-short-rent-header .i-truck {float:left; margin-right:20px; vertical-align:middle;}
.mdl-short-rent-header .weight {text-transform:uppercase; font-size:25px; font-weight:600; color:#164791;}
.short-rent-img {position:relative; border:1px solid #164791; width: 185px; display:block; background:#FFF;}
.short-rent-img.no-truck {cursor:default;}
.short-rent-img img {display:block;}
.short-rent-img:hover > img {opacity:0.6;}
.short-rent-img.no-truck:hover > img {opacity:1;}
.short-rent-img .i-zoom-tool {display:none; position:absolute; bottom:10px; right:10px; z-index:1;}
.short-rent-img:hover .i-zoom-tool {display:block;}
.short-rent-img.no-truck:hover .i-zoom-tool {display:none;}
.short-rent-img + .media-body {padding-right:7px;}
.layout-form .short-rent-label {text-transform:uppercase; font-size:12px; font-weight:300; line-height:18px;}
.layout-form .short-rent-label.weight {font-size:18px; font-weight:600; line-height:30px;}
.form-short-rent .dropdown:after {border-color:#3868ad transparent transparent; border-width:8px 6px 0; border-radius:3px;}
.short-rent-dropdown {width:100%;}
.short-rent-dropdown .dropdown {width:100%;}
.mdl-short-rent .row > .cell {padding:0 25px 0 0; vertical-align:middle;}
.mdl-short-rent .row > .cell:first-child {padding:0 15px 0 0; vertical-align:middle;}
.mdl-short-rent .row > .cell:last-child {padding:0; }
.form-short-rent .dropdown, .form-short-rent input { border:0; padding-left:5px;
-webkit-box-shadow:3px 3px 8px -3px rgba(0,0,0,0.2);
-moz-box-shadow:3px 3px 8px -3px rgba(0,0,0,0.2);
box-shadow:3px 3px 8px -3px rgba(0,0,0,0.2);
}
.layout-form.form-short-rent input {height:28px; line-height:28px; min-width:100%; width:100%;}
.layout-form.form-short-rent input[type=radio] {height:auto; line-height:28px; min-width:auto; width:auto;}
.header .slide .form-short-rent .btn-goto {float:none; padding: 2px 48px; font-size:19px; font-weight:600px; line-height:20px;}
.form-short-rent p {margin: 0 0 15px 0;}
.form-short-rent .mdl-short-rent-submit {margin:8px 0 0 0;}
.wrap-ico-clock, .wrap-ico-calendar {display:block; position:relative;}
.i-calendar, .i-clock {position:absolute; top:6px; right:6px;}
.form-short-rent .products-type-list li {display:inline-block; margin:5px 0;}
.form-short-rent .products-type-list label {font-weight:inherit; line-height:inherit; padding-left:17px; font-size:13px;}
/* H1 de la home dans la div loca-type */
.loca-type .main-loca-type-catchphrase {color:#164791; line-height:48px; font-size:48px; font-size:4.8rem; padding: 40px 0;}
.slide-home {background: #0d408d; }
/* { url(../images/bgd_centerHome.png) 0 0 repeat-x} */
.orga-home {background:#000 url(../images/bgd_orga.jpg) center top no-repeat;}
.orga-desc {color:#fff; padding-bottom: 20px; width: 700px; margin: 0 auto;}
.orga-home .wrap-buttons .btn-type-2 {margin-left: 100px}
.wrap-videos {padding: 54px 0 40px;}
.video {display: block; position: relative;}
.btn-video {width: 44px;height: 44px;line-height:44px; text-align:center; background-color: rgba(173,13,34,.8); position: absolute;top:50%; margin-top: -22px;right: 50%; margin-right: -22px}
.btn-video i {vertical-align: middle;}
/* contact home */
.sbttl-contact {padding: 0 0 20px 125px}
.wrap-contact {background: #d8d8d8}
.wrap-contact {color:#797979; font-size: 14px;}
.wrap-contact .button {padding-top: 6px}
.wrap-phone {padding: 3px 0}
.wrap-phone a {color:#fff; font-size:24px; font-weight:bold;display: block;width: 208px;height: 31px;line-height:31px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #474747;text-align: center;}
.wrap-form {background:#e9e9e9; padding: 0 20px}
.wrap-form label[for="message"] {display:none;}
.wrap-form #message {width:100%;height: 228px;}
.wrap-form .copy {margin: 0}
.wrap-form .mandatory {line-height: 35px;color:#848484; font-style: italic;}
.wrap-form [for="about"] {display: block;width: 100%}
#news {position: relative;}
#news .bx-controls {position: static;}
#news .bx-pager {display: none}
#news .i-slide-prev {background-position:-5px -54px;width: 36px;height: 62px; position: absolute; left: -60px ; top:50%; margin-top: -31px}
#news .i-slide-next {background-position: -59px -54px;width: 36px;height: 62px; position: absolute; right: -60px ; top:50%; margin-top: -31px}
.article-summary {color:#fff; padding-bottom: 15px}
/* breadcrumb */
#breadcrumb p {padding: 10px 0}
#breadcrumb p,
#breadcrumb p a {color:#121212;}
#breadcrumb p a {text-decoration: underline;}
/* contenu */
.illus-overflow {height: 476px; position: relative;}
.illus-overflow img {width:auto; max-width:9999px; position: absolute;top:0; right: 0; display: block;}
.illus-overflow.right img {left: 0; right: auto;}
.wrap-ttl {position: relative; height: 0;}
#default-index-organisation .wrap-ttl {position: relative; height: 104px;background: url(../images/bgd_shadowYt.jpg) bottom center no-repeat;}
.page-content {position: relative; z-index: 999}
.page-content .ttl-lvl1,
.page-content .ttl-sub {position : relative; top: -215px}
#default-index-organisation .page-content .ttl-lvl1 {padding-top: 24px}
#default-index-organisation .page-content .ttl-sub {padding-top: 0}
#default-index-organisation .page-content .ttl-lvl1,
#default-index-organisation .page-content .ttl-sub {position : relative; top: -348px; }
.wrap-video {max-width: 480px; margin: 0 auto; position : relative; top: -330px}
.page-content .ttl-lvl1 {padding-bottom: 4px; line-height: 60px !important}
.page-content .ttl-lvl1 span {display: inline-block;background: #164791;text-transform: uppercase;padding: 0 15px;}
.page-content .ttl-sub span {background-color: #fff; padding: 3px 8px; display: inline-block;}
/* reprise parc*/
.reprise-parc .base-frame,
#default-index-repriseparc .base-frame {background-image: url(../images/illus_reprise.jpg);}
.reprise-parc .poly-top,
#default-index-repriseparc .poly-top {fill:#f6f6f6;}
.reprise-parc .light-zone {background: #f6f6f6}
.reprise-parc .illus-overflow,
#default-index-repriseparc .illus-overflow {height: 370px}
.reprise-parc .illus-overflow img,
#default-index-repriseparc .illus-overflow img {top:50px;}
.reprise-parc .container,
#default-index-repriseparc .container,
.reprise-parc .page-content .light-zone,
#default-index-repriseparc .page-content .light-zone {background:#f6f6f6}
.page-content .white-zone {background:#fff;}
.page-content .ttl-lvl3 {color:#0d408d;}
.page-content .desc ul {padding: 0 0 50px 155px}
.page-content .desc li {font-size: 18px; color:#8f8f8f; padding:4px 0 4px 20px;}
.page-content .desc li:before {content:""; display: inline-block;background: url(../images/ico@1x.png) no-repeat -10px -158px; width: 11px;height: 19px; vertical-align: middle; margin-right: 20px; top:4px;}
.page-content .desc p {padding-bottom: 20px; font-size: 18px; color:#8f8f8f;}
.page-content .desc a {color:#164791;}
.page-content .desc a:hover {text-decoration: underline;}
.page-content .desc .btn-goto {color:#fff;}
.page-content .desc a.textdec {text-decoration: underline;}
.page-content .desc a.exte,
.page-content .desc a[target="_blank"] {color:#d2112c;}
.page-content .desc a.exte:hover,
.page-content .desc a[target="_blank"]:hover {text-decoration: underline;cursor: pointer;}
.page-content .advantages .ttl-lvl3 {text-transform: uppercase;}
.page-content .desc .step-num {font-weight: bold; font-size: 150px; color:#DADADA; line-height: 140px;}
.page-content .desc .valign {padding-top: 30px}
.reprise-parc .light-zone.bg {overflow: hidden;}
/* organisation */
.zone-orga .ttl-lvl3 {text-transform: uppercase; padding: 50px 0}
.values {background: #fff; padding: 20px; margin: 0}
.values + img{display: block; margin: 0}
.page-content .desc .ttl-values {color:#cf021f; font-weight: bold; font-size: 30px}
.page-content .desc .ttl-values em + em {padding: 0 10px;}
.page-content .desc .ttl-values em + em + em {padding: 0}
.page-content .desc .value {font-size: 19px; line-height: 50px; text-transform: uppercase; color:#0d408d; vertical-align: bottom; padding-bottom: 0}
.page-content .desc .value strong {font-size: 52px}
.count-num {color:#dadada; font-size: 100px; font-weight: bold; line-height: 80px;}
.sub-num {color:#0d408d;font-size: 18px; }
.subtxt-orga {color:#cf021f; font-size: 24px; padding: 30px 0}
.zone-blue .ttl-lvl3 {color:#fff;text-transform: uppercase;}
.zone-blue .intro {color:#fff; padding-bottom: 15px}
.sliderz-emploi {padding: 30px 0; position: relative;}
.sliderz-emploi .emploi {max-width: 710px; margin:0 auto; padding: 0 20px 20px; height: 215px;background-color: #174181; position: relative;}
.sliderz-emploi .bx-controls {position: static; margin-top: 15px}
.sliderz-emploi .i-slide-prev {background-position:-5px -54px;width: 36px;height: 62px; position: absolute; left: 0 ; top:50%; margin-top: -31px}
.sliderz-emploi .i-slide-next {background-position: -59px -54px;width: 36px;height: 62px; position: absolute; right: 0 ; top:50%; margin-top: -31px}
.emploi p {color:#8b8b8b; padding-bottom: 15px;}
.emploi .filiere {position: absolute;top:10px; right: 10px; font-size: 18px; font-weight: bold; color:#fff;}
.zone-photos {height: 700px; position: relative;}
.zone-photos .bottom-svg {position: absolute;bottom: -1px; left: 0; right: 0}
.zone-photos .top-svg {position: absolute;top: -1px; left: 0; right: 0}
.zone-photos .overflow {height: 700px; overflow: hidden;}
.zone-photos .overflow > .grids {margin-top: -80px}
.zone-photos .wrap-btn {position: absolute;bottom: -15px; left: 0; right: 0;}
/* maintenance */
body.maintenance {background: #F6F6F6}
.maintenance .slider-frame,
#default-index-maintenance .slider-frame {background-image: url(../images/illus_big_maintenance.jpg);}
.maintenance .poly-top,
#default-index-maintenance .poly-top {fill:#f6f6f6;}
.maintenance .light-zone,
#default-index-maintenance .light-zone {background:#f6f6f6; overflow: hidden;}
.toggle-tabs button { color:#0d408d; font-size:14px; font-weight: bold; text-transform: uppercase; line-height:30px; margin-bottom:4px; display: inline-block; padding: 0 16px; background: #f6f6f6; outline:0;}
.toggle-tabs button:hover {background:#2359ab; color:#fff; }
.toggle-tabs .active button {background: #0d408d; color:#fff; font-size: 18px; }
.toggle-tabs .active button:hover {background:#2359ab; color:#fff; }
.wrap-offers .ttl-lvl4 {color:#d10924; font-size: 18px;}
.wrap-offers {position: relative; height: 500px}
.wrap-offers .tab {position: absolute;top:0; left: 0; right: 0; background: #fff; display: none;}
.wrap-offers .tab.active {}
.wrap-offers .tab .ttl-lvl3 img {margin-right: 20px}
.page-content .wrap-offers .list-bullets {padding: 0;font-style: italic}
.list-bullets {padding:0 }
.list-bullets li,
.page-content .wrap-offers .list-bullets li {padding: 0 0 0 20px;position: relative;}
.list-bullets li:before,
.page-content .wrap-offers .list-bullets li:before {content:'•'; background: none; margin-right: 0; position: absolute; top:0;left: 0}
.page-content .options .grids .ttl-lvl3 { color:#d10924; text-transform: none;}
.page-content .options .grids p {color:#8f8f8f;}
.options .illus {padding: 15px 0}
.maintenance .options .illus {padding-bottom: 0}
.maintenance .page-content .options .grids .ttl-lvl3 {padding-top: 15px}
.page-content .desc .list-bullets {padding: 0}
.page-content .desc .list-bullets li:before {content:'•'; background: none; margin-right: 4px; }
/*devenir franchisé */
body.devenirfranchise {background: #f2f2f2}
.devenirfranchise .poly-top,
#default-index-franchise .poly-top {fill:#f2f2f2;}
.devenirfranchise .light-zone,
#default-index-franchise .light-zone {padding: 60px 0 0}
/* contact */
.mdl-contact {background: #D8D8D8 }
.mdl-contact .poly-top {fill: #D8D8D8 }
/* location longue */
body.location {background:#F2F2F2;}
.location .slider-frame,
#default-index-locationlongue .slider-frame {background-image: url(../images/illus_locatLongue.jpg);}
.full-service {padding-top: 50px}
.full-service .ttl-lvl3 {padding-top: 0; text-transform: uppercase;font-size: 36px;}
.full-service .ttl-lvl4 {color:#d0081f;}
.full-service .list-bullets {font-size: 18px;color: #8f8f8f; font-weight: bold; padding-left: 26px;}
.full-service .list-bullets li:before {margin-right: 25px}
.full-service .togglers{cursor: pointer;}
.full-service .togglers:before {content: '';display:inline-block; margin-right: 15px; vertical-align: middle; background: url(../images/ico@1x.png) no-repeat -10px -158px; width: 11px;height: 19px;}
.full-service .togglers.active:before {margin-right: 6px; background-position: -50px -152px;width: 19px;height: 12px;}
.location .page-content .options .grids .ttl-lvl3,
#default-index-locationlongue .page-content .options .grids .ttl-lvl3 {padding-top: 5px; color:#0d408d;}
.location .page-content .options .grids .center,
#default-index-locationlongue .page-content .options .grids .center {padding-top: 8px}
.location .white-zone.bg {overflow: hidden;}
.location .zone-a .ttl-lvl3 {padding-top: 70px}
.advantages .grid-1-3 {position: relative;}
.advantages .grid-1-3:before{content: ""; display: block; position: absolute; top: 105px; left: 13px; background: #d6d6d6; width: 1px; height: 127px;}
.advantages .grid-1-3:first-child:before {display: none;}
.maintenance .advantages .grid-1-3:before {top:77px;}
.readmore {padding-top: 12px}
.readmore p {padding: 4px 0}
.readmore ul {padding: 0 0 10px 10px}
.readmore ul li {color:#8F8F8F}
/* location conducteur */
.location-smart .slider-frame,
#default-index-locationdriver .slider-frame {background-image: url(../images/illus_locadriver.jpg);}
.location-smart .full-service .ttl-lvl3,
#default-index-locationdriver .full-service .ttl-lvl3 {font-size: 30px; text-transform: none;}
.location-smart .full-service .ttl-lvl4,
#default-index-locationdriver .full-service .ttl-lvl4 {font-size: 18px}
.location-smart .full-service .cont,
#default-index-locationdriver .full-service .cont {padding-left: 30px}
.location-smart .white-zone,
#default-index-locationdriver .white-zone {background:#f6f6f6;}
.location-smart .poly-top,
#default-index-locationdriver .poly-top{fill:#f6f6f6;}
.location-smart .illus-overflow.right img,
#default-index-locationdriver .illus-overflow.right img {top:204px}
.location-smart .white-zone.bg {overflow: hidden;}
.location-smart .light-zone .illus-overflow.right img,
#default-index-locationdriver .light-zone .illus-overflow.right img {top:auto; left: -190px; bottom: -95px; z-index: 999}
.location-smart .poly-lightgray,
.location-smart .poly-lightgray {fill:#ebeff9;}
.location-smart .light-zone {background:#ebeff9;}
.location-smart .page-content + .svg-container {display: none}
.location-smart .illus-overflow {height: 357px}
.location-smart .page-content .ttl-lvl1 span {text-transform: none;}
/*etre client */
body.etre-client {background:#F2F2F2;}
.etre-client .slider-frame,
#default-index-beclient .slider-frame {background-image: url(../images/illus_beclient.jpg);}
.etre-client .page-content .ttl-lvl3,
#default-index-beclient .page-content .ttl-lvl3 {padding-top: 60px}
.etre-client .environment,
#default-index-beclient .environment {margin-top: 210px}
.page-content .desc .list-dash {padding: 0}
.page-content .desc .list-dash li {padding: 4px 0 0 20px; position: relative;}
.page-content .desc .list-dash li:before {content: '•'; background:none; display: inline-block; margin: 0; position: absolute; left: 0; top:4px}
/* courte durée */
body.location-courte {background: #FFF}
.location-courte .poly-top,
#default-index-locationcourte .poly-top {fill:#f6f6f6}
.location-courte .light-zone,
#default-index-locationcourte .light-zone{background:#f6f6f6}
#default-index-locationcourte .slider-frame {background-image: url(../images/bgd_courteDuree.jpg);}
.location-courte .zone-a .ttl-lvl3,
#default-index-locationcourte .zone-a .ttl-lvl3 {padding-top: 143px}
.location-courte .illus-overflow,
#default-index-locationcourte .illus-overflow {height: 500px}
.location-courte .slider-frame {background-image: url(../images/bgd_reseau_2.jpg);}
#default-index-locationcourte .page-content .desc .list-bullets {padding: 0}
#default-index-locationcourte .page-content .desc .list-bullets li {padding: 0 0 0 25px; position: relative;}
#default-index-locationcourte .page-content .desc .list-bullets li:before {position: absolute;left: 0;top:0;}
#default-index-locationcourte .page-content .desc .sd-list {padding-left: 30px }
.location-courte .page-content .desc .list-bullets {padding: 0}
.location-courte .page-content .desc .list-bullets li {padding: 0 0 0 25px; position: relative;}
.location-courte .page-content .desc .list-bullets li:before {position: absolute;left: 0;top:0;}
.location-courte .page-content .desc .sd-list {padding-left: 30px }
.reserve-now .ttl-lvl3 {text-transform: uppercase; font-size: 36px; padding: 50px 0}
.reserve-now .ttl-lvl3 a {color:#0D408D;}
.reserve-now .ttl-lvl3 a:hover {color:#4068a5;}
.wrapper-timeline {position: relative;}
.wrapper-timeline p {padding-top: 15px}
.wrapper-timeline p > span {margin: 0 6px}
.wrapper-timeline .big {display:inline-block; width: 34px;height: 34px;-moz-border-radius: 17px;-webkit-border-radius: 17px;border-radius: 17px;background-color: transparent;border:4px solid #0d3f8d;line-height:26px; text-align: center; color:#0d408d; font-size: 24px; font-weight: bold; position: relative;}
.wrapper-timeline .bbl {display:inline-block; width: 13px;height: 13px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;background-color: #c7c7c7;}
.wrapper-timeline .big-text {display:none;position: absolute;top:56px; left: 50%; color:#d5253d; font-size: 18px; font-weight: normal;line-height: 20px; width: 290px; margin-left: -145px}
.wrapper-timeline [class^='i-'] {position: absolute;top:0; cursor :pointer;}
.wrapper-timeline .i-fw {right: 0}
.wrapper-timeline .i-bw {left: 0}
.wrapper-timeline .big.active {background: #0d408d; color:#fff;}
.wrapper-timeline .bbl.active {background: #0d408d;}
.wrapper-timeline .big.current {width: 43px;height: 43px;-moz-border-radius: 21px;-webkit-border-radius: 21px;background-color: #d10923; border:none; line-height: 43px;}
.wrapper-timeline .big.current .big-text {display: block;}
.wrapper-timeline {height: 150px}
/* *************************** *\
* Page de Demande de devis Location Courte Durée
* @ costs-estimates-form
\* *************************** */
#costs-estimates-form .container {background:#164791;}
#costs-estimates-form .poly-white, #costs-estimates-form .poly-top {fill:#164791;}
.mdl-page-short-rent {padding-top:30px;}
.mdl-page-short-rent {background:none;}
.mdl-page-short-rent .weight {text-transform:uppercase;}
.mdl-page-short-rent .ttl-lvl3 {padding-top:0; font-size:28px;}
.mdl-page-short-rent .ttl-lvl4 {font-size:22px;}
.form-short-rent fieldset {padding:15px; border:1px solid #164791;}
.form-short-rent input[type="date"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
.form-short-rent input[type="time"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none;
}
.form-short-rent input[type="date"] {padding-right:28px;}
.form-short-rent-1, .form-short-rent-2 {padding:15px;}
.form-short-rent-1 {margin-right:15px; background:#3366a9;}
.page-content .form-short-rent-1 .ttl-lvl3 {color:#fff;}
.form-short-rent-1 label {color:#fff;}
.form-short-rent-1 fieldset {margin-top:15px;}
.form-short-rent-2 {margin-left:15px; background:#cdd8e5;}
.page-content .form-short-rent-2 .ttl-lvl3 {color:#3366a9;}
.form-short-rent-2 label {color:#164791;}
.wrap-buttons-short-rent {padding: 50px 0 0 0;}
.wrap-buttons-short-rent p {margin:0;}
.wrap-buttons-short-rent .btn {font-size:30px; height:40px; line-height:40px; padding:0 75px;}
.wrap-button-prev {text-align:left;}
.wrap-button-submit {text-align:center;}
/* activité */
body.page-gamme {background:#F2F2F2;}
.page-gamme .slider-frame,
#default-index-activite .slider-frame {background-image: url(../images/bgd_gammeComplete.jpg);}
.wrap-menu-intern {border:2px solid #d4d4d4; border-left:0; border-right: 0; padding: 28px 0 }
.wrap-menu-intern li {padding: 4px 0}
.wrap-menu-intern li a {line-height: 30px; color:#8f8f8f; font-size: 18px; font-weight: bold; background: #e9e9e9; padding: 0 9px; text-transform: uppercase;}
.wrap-menu-intern li a span,
.wrap-menu-intern li a i {display: none; vertical-align: top; margin-left: 30px; margin-top: 5px}
.wrap-menu-intern li .curr,
.wrap-menu-intern li a:hover {color:#fff; background: #0d408d}
.wrap-menu-intern li .curr i,
.wrap-menu-intern li a:hover i {display: inline-block;}
.wrap-menu-intern li .curr span,
.wrap-menu-intern li a:hover span {display: inline-block;}
.gamme .grid-1-3 .ttl-lvl3 {text-transform: uppercase; padding-top: 45px}
.gamme-box {padding-bottom: 30px}
.gamme-box .wrap-ttl,
.gamme-box .wrap-ttl td {height: 100px; vertical-align: bottom;}
.gamme-box .wrap-ttl td {padding-bottom: 20px}
.gamme-box .ttl-lvl3 {color:#8a8a8a; text-transform: uppercase; font-size: 24px}
.gamme-box .desc {color:#8f8f8f; font-size:14px; height: 110px; padding-top: 20px;}
.gamme-intro .btn-goto,
.gamme-box .btn-goto {background: #c3c3c3; margin-right: 6px}
.gamme-intro .btn-goto:hover,
.gamme-box .btn-goto:hover {background: #cf011d;}
.gamme-intro .illus {margin-top: 50px}
/* distribution générale */
#default-index-distribgenerale .slider-frame {background-image: url(../images/bgd_gammeComplete.jpg);}
.gamme-intro p {color:#8f8f8f; font-size: 14px; padding-bottom: 15px}
.gamme-intro .ttl-lvl4 {color:#8f8f8f; padding-top: 40px; font-size: 24px}
.gamme-intro {padding-bottom: 50px}
.gamme-list .ttl-lvl4 {text-transform: uppercase;color:#d00f2a; padding: 30px 0 15px }
.gamme-list .ttl-lvl4 span,
.gamme-list .ttl-lvl4 i {vertical-align: middle; margin-left: 4px}
/* Gamme courte durée Index */
.gamme-courte-index .gamme-box {text-align:center;}
.gamme-courte-index .btn-goto {width:100%;}
.gamme-courte-index .wrap-ttl {height:50px;}
.gamme-courte-index .wrap-buttons {padding-top:10px;}
.gamme-courte-index .wrap-illu {height:150px;}
.gamme-courte-index .row > .cell {vertical-align:middle;}
.gamme-courte-index .ui-tabs-active a {color:#fff; background:#0D408D;}
.gamme-courte-index .ttl-lvl4 {padding-top:20px; color:#1d4d95;}
/* Gamme courte duree */
.gamme-courte .gamme-box {margin:20px 0; padding:0; border:1px solid #d7d7d7;}
.gamme-courte .ui-tabs-active a {color:#fff; background:#0D408D;}
.gamme-courte .description {margin-bottom:10px;}
.gamme-courte .ttl-lvl3 {padding:10px 0;}
.gamme-courte .wrap-buttons {margin:10px;}
.gamme-courte .row > .cell {vertical-align:middle; }
.gamme-courte .product-infos {margin-left:20px;}
.gamme-courte .ttl-lvl3 {padding-bottom:0; color:#d10923;}
.gamme-courte .gamme-box .ttl-lvl3 {color:#797979;}
.list-vehi {width: 100%; border-bottom: 1px solid #f2f2f2;}
.list-vehi th {color:#0d408d; font-weight: normal; border-bottom:1px solid #f2f2f2; padding: 4px 0}
.list-vehi td {color:#8f8f8f; border-bottom:1px solid #f2f2f2; padding: 10px 0}
.list-vehi .illus {width: 180px}
/* jobs */
.jobs-intro .ttl-lvl3 {font-size: 24px; color:#8f8f8f; padding-top:45px;}
.jobs-intro p {font-size: 14px; color:#8f8f8f; padding-bottom: 10px;}
.job {background:#fff; border: 1px solid #e9e9e9; padding:10px 30px 20px; margin: 10px 0 20px; position: relative;}
.job.desc-job {border:none;}
.job.desc-job ul li {padding-left: 15px}
.job .type {position: absolute;top:20px; right: 20px; font-weight: bold; color:#D8D8D8; font-size: 24px;font-weight: bold;text-transform: uppercase;}
.job .ttl-lvl4 {color:#d0102a;}
#jobs-offers-list .job .ttl-lvl4 {max-width: 534px}
.job .gamme-box {padding-bottom: 0}
.job p {color:#8b8b8b; font-size: 14px; padding-bottom: 4px}
.job strong {color:#3c3c3c ;}
.job .desc {padding-bottom: 15px}
.job ul li {position: relative; padding-left: 40px; color:#8b8b8b; font-size:14px }
.job ul li:before {content: "•"; position: absolute; top:0; left: 0}
#jobs-offers-view .job {margin-top: 60px}
#jobs-applications-reply .poly-top {fill:#D8D8D8;}
#jobs-applications-reply {background: #D8D8D8;}
.job-apply {padding-top:10px;}
.job-apply .job {margin-top: 0}
.job-apply .ttl-lvl3 {color:#797979;}
.job-apply label {padding: 6px 0 5px 0; line-height: 16px; font-size: 16px}
.job-apply .layout-form select, .job-apply .layout-form [type="text"], .job-apply .layout-form [type="password"] { min-width: 180px;}
.job-apply [name="pay_actual"],
.job-apply [name="pay_wanted"] { margin-right: 4px}
.job .desc p { font-size: 14px; }
.job .desc ul {padding: 0 0 20px 30px; }
.job .desc ul li {font-size: 14px;}
.job .desc ul li:before {background: none; content:'•';}
#jobs-applications-apply .poly-top {fill:#D8D8D8;}
/* login */
#users-account-login .layout-form-inline label {padding-left: 0}
.btn-rappel {color:#000; font-weight: bold; display: inline-block;padding-bottom: 10px;}
.btn-rappel:hover {text-decoration: underline;}
.mdl-users {background: #D8D8D8;}
.mdl-users .poly-top {fill: #D8D8D8;}
/* devis */
.wrap-form .ttl-lvl3 {color:#797979;}
#contact-estimate-index .wrap-form .copy { font-size: 16px; line-height: 15px}
.wrap-form .wrap-infos {padding-left: 30px; display: block;}
/* agences */
#directory-index-home .slider-frame {background-image: url(../images/bgd_reseau.jpg); }
#directory-index-home .header-slider .svg-container,
#directory-index-home .top-svg {display: none;}
.map-agencies {background: #f2f2f2}
.poly-map {fill:#cecece;}
.wrap-map {height: 652px; position: relative;}
.wrap-map .top-svg {position: absolute;top:0; left: 0}
.wrap-map .bot-svg {position: absolute;bottom:-1px; left: 0}
.map {width: 100%; height: 652px;}
#map_canvas .gm-style img {max-width: 99999em}
.search-agency {position: absolute;top:-261px; left: 0; right: 0}
.search-agency form {max-width: 797px;height: 138px;background-color: #fff; margin: 0 auto; position: relative;}
.search-agency .ttl-lvl2 {text-transform: uppercase;font-size: 48px; color:#164791; line-height: 40px; padding: 30px 0 0 44px !important; text-align: right;}
.search-agency .ttl-lvl2 span { text-align: right;display: block;}
.search-agency .ttl-lvl2 span + span {font-size: 36px;line-height: 29px;}
.search-agency .i-placermap {position: absolute; top: -14px;left: 43px;}
.search-agency input[type="text"] {width: 406px;height: 47px;line-height:47px;border: 1px solid rgba(0,0,0,.1);-moz-border-radius: 4px ;-webkit-border-radius: 4px ;border-radius: 4px ;background-color: #f2f2f2;color:#999; font-style: italic; margin: 43px 0 0 20px;font-size: 16px;}
.search-agency .btn-goto {width: 47px;height: 47px;line-height:47px;background-color: #d10923; font-size: 18px; margin: -3px 0 0 6px; padding: 0}
#directory-index-home .ttl-sub {top:-123px; }
#directory-index-home .ttl-sub span {background: #fff url(../images/bgd_geolocTtl.jpg) top right no-repeat}
.agency-near h2.ttl-lvl3 {text-transform: uppercase;}
.near {color:#8c8c8c; font-style: italic;font-size: 18px; padding-bottom: 30px}
.near i {vertical-align: middle; margin-right: 10px}
.near strong {color:#2a4692;font-style: normal;}
.agency {background: #fff; padding: 20px 24px;margin-bottom: 30px}
.agency .ttl-lvl3 {padding: 0 0 18px; font-size: 24px; line-height: 30px}
.agency .address {font-size: 18px; color:#8e8e8e; padding-bottom: 18px;}
.agency .address + .address {padding-bottom: 0}
.agency .desc {color:#8c8c8c; font-size: 16px; padding: 16px}
.agency .wrap-buttons {border-top:1px solid #ececec; padding-top: 18px}
.agency .btn-goto {background: #C3C3C3;outline:0; }
.agency .btn-goto:hover {background: #d10924; }
#directory-index-view .agency {padding:0 }
.agency-presentation p {color: #8f8f8f; font-size: 18px; margin:20px 0;}
.agency-presentation .ttl-lvl4 {color: #797979;}
.infoBox {width: 317px;min-height: 298px;background-color: #fff;-moz-box-shadow: 0 0 8px rgba(0,0,0,.32);-webkit-box-shadow: 0 0 8px rgba(0,0,0,.32);box-shadow: 0 0 8px rgba(0,0,0,.32); padding: 8px 24px 20px}
.infoBox .ttl-lvl3 {font-size: 24px; text-transform: none; padding: 5px 0 10px; line-height: 28px}
.infoBox .desc p {padding-bottom: 15px}
.infoBox .wrap-btns {border-top:1px solid #d9d9d9; padding-top: 20px;}
.infoBox .btn-goto {padding: 0 6px; font-size: 13px}
.infoBox > img {margin-right:-15px !important}
/* actus */
.actus .ttl-lvl3 {padding:0; }
.actus .desc {font-size: 16px; color:#888; padding: 15px 0}
.actus .right {padding-bottom: 20px}
/* extranet */
.list-vehi .doc { color:#D10923;}
.list-vehi .doc:before { content:''; display: inline-block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAIpQTFRF7Z2n4mN076u0/fb3++jq/vz89MLJ6YiV4Fdq3k5i2TRL5neG2z1S3Uld9tHW1Bcx+uXo0Qkk8LG54mZ265Sg3Uxf5HGB+dzg/O7w2jdN532L7qKt31Rn31Fk/PHy/fP17Jql2jpQ3ENY6YuY76iy+uLl99TY4WBx8be/9MXL5G5+9s7T42t8////aG2OTQAAAJhJREFUGNON0EkOgzAMBVA6z6VlnlpIIAM4vv/1GqIiQUMl/sKL54Wt7+BMnD9YE7JSfUJC8gG7VnBE5jDBZD1F+ZQL0F8DeMoLt2PknTkUxEEEyYDDKy9f0cbCN1ZLEIBqPAAf45GqDe5VmhkszG11Snd6VV7LHhl8E1Uas2baUnlOMKa/1TUXLFqrz1su7JLv7mOmeW7mB9MEPx5QzZGJAAAAAElFTkSuQmCC); width:
20px; height: 20px;vertical-align: middle; margin-right: 5px}
/* error */
#default-error-error .ttl-lvl1 {color:#D10923;}
/* plugin vidéo */
.mejs-container { position: relative; background: #000; font-family: Helvetica,Arial; text-align: left; vertical-align: top; text-indent: 0; }
.me-plugin { position: absolute }
.mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; }
.mejs-fullscreen { overflow: hidden!important }
.mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; }
.mejs-clear { clear: both }
.mejs-background { position: absolute; top: 0; left: 0; }
.mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mejs-poster { position: absolute; top: 0; left: 0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
:root .mejs-poster img { display: none }
.mejs-poster img { border: 0; padding: 0; border: 0; }
.mejs-overlay { position: absolute; top: 0; left: 0; }
.mejs-overlay-play { cursor: pointer }
.mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(../images/bigplay.svg) no-repeat; }
.no-svg .mejs-overlay-button { background-image: url(../images/bigplay.png) }
.mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px }
.mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(../images/background.png); background: rgba(0,0,0,.9); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.9)),to(rgba(0,0,0,.9))); background: -webkit-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9)); background: -moz-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9)); background: -o-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9)); background: -ms-linear-gradient(top,rgba(50,50,50,.9),rgba(0,0,0,.9)); background: linear-gradient(rgba(50,50,50,.9),rgba(0,0,0,.9)); }
.mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(../images/loading.gif) 50% 50% no-repeat; }
.mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 8px; left: 0; background: url(../images/background.png); background: rgba(0,0,0,.7); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7)); height: 30px; width: 100%; }
.mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica,Arial; border: 0; }
.mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(../images/controls.svg) no-repeat; }
.no-svg .mejs-controls .mejs-button button { background-image: url(../images/controls.png) }
.mejs-controls .mejs-button button:focus { outline: dotted 1px #999 }
.mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; }
.mejs-controls .mejs-play button { background-position: 0 0 }
.mejs-controls .mejs-pause button { background-position: 0 -16px }
.mejs-controls .mejs-stop button { background-position: -112px 0 }
.mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; }
.mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; }
.mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50,50,50,.8); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8))); background: -webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8)); }
.mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; }
@-webkit-keyframes buffering-stripes {
from { background-position: 0 0 }
to { background-position: 30px 0 }
}
@-moz-keyframes buffering-stripes {
from { background-position: 0 0 }
to { background-position: 30px 0 }
}
@-ms-keyframes buffering-stripes {
from { background-position: 0 0 }
to { background-position: 30px 0 }
}
@-o-keyframes buffering-stripes {
from { background-position: 0 0 }
to { background-position: 30px 0 }
}
@keyframes buffering-stripes {
from { background-position: 0 0 }
to { background-position: 30px 0 }
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: #d10923;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwIDEwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMTA5MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZTAwMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjEwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
background-image: -moz-linear-gradient(bottom, #d10923 0%, #8e0012 100%);
background-image: -o-linear-gradient(bottom, #d10923 0%, #8e0012 100%);
background-image: -webkit-linear-gradient(bottom, #d10923 0%, #8e0012 100%);
background-image: linear-gradient(bottom, #d10923 0%, #8e0012 100%);
width: 0; }
.mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255,255,255,.8); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8))); background: -webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8)); width: 0; }
.mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; }
.mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; }
.mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; }
.mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px }
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px }
.mejs-controls .mejs-fullscreen-button button { background-position: -32px 0 }
.mejs-controls .mejs-unfullscreen button { background-position: -32px -16px }
.mejs-controls .mejs-volume-button { }
.mejs-controls .mejs-mute button { background-position: -16px -16px }
.mejs-controls .mejs-unmute button { background-position: -16px 0 }
.mejs-controls .mejs-volume-button { position: relative }
.mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(../images/background.png); background: rgba(50,50,50,.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; }
.mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255,255,255,.5); margin: 0; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255,255,255,.9); margin: 0; }
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255,255,255,.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; }
.mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50,50,50,.8); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,.8)),to(rgba(60,60,60,.8))); background: -webkit-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -moz-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -o-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: -ms-linear-gradient(top,rgba(30,30,30,.8),rgba(60,60,60,.8)); background: linear-gradient(rgba(30,30,30,.8),rgba(60,60,60,.8)); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; background: rgba(255,255,255,.8); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8))); background: -webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: -ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8)); background: linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8)); }
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none }
.mejs-controls .mejs-captions-button { position: relative }
.mejs-controls .mejs-captions-button button { background-position: -48px 0 }
.mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../images/background.png); background: rgba(50,50,50,.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; }
.mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px; }
.mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; }
.mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0,0,0,.7); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: -ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7)); background: linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; }
.mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; }
.mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: 0 }
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102,102,102,.7); background: -webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,.7)),to(rgba(50,50,50,.6))); background: -webkit-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6)); background: -moz-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6)); background: -o-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6)); background: -ms-linear-gradient(top,rgba(102,102,102,.7),rgba(50,50,50,.6)); background: linear-gradient(rgba(102,102,102,.7),rgba(50,50,50,.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: 700; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px; line-height: 12px; }
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px; display: block; white-space: nowrap; text-overflow: ellipsis; }
.mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; }
.mejs-captions-layer a { color: #fff; text-decoration: underline; }
.mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400; }
.mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; }
.mejs-captions-position-hover { bottom: 45px }
.mejs-captions-text { padding: 3px 5px; background: url(../images/background.png); background: rgba(20,20,20,.8); }
.me-cannotplay { }
.me-cannotplay a { color: #fff; font-weight: 700; }
.me-cannotplay span { padding: 15px; display: block; }
.mejs-controls .mejs-loop-off button { background-position: -64px -16px }
.mejs-controls .mejs-loop-on button { background-position: -64px 0 }
.mejs-controls .mejs-backlight-off button { background-position: -80px -16px }
.mejs-controls .mejs-backlight-on button { background-position: -80px 0 }
.mejs-controls .mejs-picturecontrols-button { background-position: -96px 0 }
.mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; }
.mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; }
.mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica,Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; }
.mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; }
.mejs-controls .mejs-sourcechooser-button { position: relative }
.mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0 }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(../images/background.png); background: rgba(50,50,50,.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none!important; overflow: hidden; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px; padding: 0; list-style-type: none!important; display: block; color: #fff; overflow: hidden; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; }
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0; line-height: 15px; font-family: helvetica,arial; font-size: 10px; }
.mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/background.png); background: rgba(50,50,50,.7); z-index: 1000; overflow: hidden; }
.mejs-postroll-layer-content { width: 100%; height: 100%; }
.mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(../images/background.png); background: rgba(50,50,50,.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; }
/* Popin nouvelle année */
.popin-newyear {text-align:center; position:relative; z-index:1000001 !important;}
.popin-newyear .ui-dialog-titlebar {display:none;}
.popin-newyear .yo {font-size:0; width:20px; height:20px; background:url('../images/close-new-year.png') no-repeat center; position:absolute; right:13px; top:5px; cursor:pointer;}
.popin-newyear h2 {color:#164791; font-size:25px; font-size:2.5rem; padding-bottom:10px; line-height:23px;}
.overlay-newyear {z-index:1000000 !important;}
.popup-alpha .ui-dialog-content {padding:0;}
.popup-alpha .btn-close {position:absolute; top:10px; right:10px;}
/*====================
/4 Styles responsive
======================*/
.video-container {
position: relative;
padding-bottom: 62.25%;
padding-top: 0; height: 0; overflow: hidden;
}
.video-container > div,
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.video-container .mejs-layers > [class^="mejs-"] { width: 100% !important; height: 100% !important;}
.video-container .mejs-mediaelement video { width: 100% !important; height: 100% !important;}
/* Ecrans non HDPI
=================*/
/*@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx),
(min-resolution: 233dpi) {
[class^="i-"], .s:before {background-image:url(../images/ico@2x.png);}
}*/
@media (min--moz-device-pixel-ratio: 1),
(-o-min-device-pixel-ratio: 2/2),
(-webkit-min-device-pixel-ratio: 1),
(min-device-pixel-ratio: 1),
(min-resolution: 1dppx) {
/* non Retina-specific stuff here */
[class^="i-"], .s:before {background-image:url(../images/ico@1x.png);}
}
@media only screen and (min-width: 1000px) {
.desk-hide {display: none;}
.desc-flright {float: right;}
}
/* Environnement mobile : Tablettes & Téléphones
==================================================*/
@media only screen and (max-width: 1024px) {
/* Masquer certains éléments sur environnement mobile */
.mob-hide {display: none!important;}
.mob-flright {float: right;}
/* Responsive media object */
.media-mob > .media-item, .media-mob > .media-item-rev {float: none; display: block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.media-mob.media-small > .media-item, .media-mob.media-small > .media-item-rev {margin-bottom:5px;}
.media-mob.media-large > .media-item, .media-mob.media-large > .media-item-rev {margin-bottom:20px;}
.grids {}
[class^="grid-"] {}
.mob-row {display: table; width: 100%; table-layout:fixed;}
.mob-row > .mob-cell {display: table-cell; vertical-align: top;}
.mob-unrow {display: block;}
.mob-unrow > .cell {display: inline-block;}
/**
* On défini les tailles de grilles sur environnement mobile
*/
/* Entier */
.mob-full {width: 100%;}
/* Moitiés */
.mob-half,
.mob-1-2,
.mob-2-4,
.mob-3-6,
.mob-4-8,
.mob-5-10,
.mob-6-12 {width:50%;}
/* Tiers */
.mob-1-3,
.mob-2-6,
.mob-3-9,
.mob-4-12 {width:33.3333333%;}
.mob-2-3,
.mob-4-6,
.mob-6-9,
.mob-8-12 {width:66.6666666%;}
/* Quarts */
.mob-1-4,
.mob-2-8,
.mob-3-12 {width:25%;}
.mob-3-4,
.mob-6-8,
.mob-9-12 {width:75%;}
/* Cinquièmes */
.mob-1-5,
.mob-2-10 {width:20%;}
.mob-2-5,
.mob-4-10 {width:40%;}
.mob-3-5,
.mob-6-10 {width:60%;}
.mob-4-5,
.mob-8-10 {width:80%;}
/* Sixièmes */
.mob-1-6,
.mob-2-12 {width:16.6666666%;}
.mob-5-6,
.mob-10-12 {width:83.3333333%;}
/* Huitièmes */
.mob-1-8 {width:12.5%;}
.mob-3-8 {width:37.5%;}
.mob-5-8 {width:62.5%;}
.mob-7-8 {width:87.5%;}
/* Neuvièmes */
.mob-1-9 {width:11.1111111%;}
.mob-2-9 {width:22.2222222%;}
.mob-4-9 {width:44.4444444%;}
.mob-5-9 {width:55.5555555%;}
.mob-7-9 {width:77.7777777%;}
.mob-8-9 {width:88.8888888%;}
/* Dixièmes */
.mob-1-10 {width:10%;}
.mob-3-10 {width:30%;}
.mob-7-10 {width:70%;}
.mob-9-10 {width:90%;}
/* Douxièmes */
.mob-1-12 {width:8.3333333%;}
.mob-5-12 {width:41.6666666%;}
.mob-7-12 {width:58.3333333%;}
.mob-11-12 {width:91.6666666%;}
.placer {padding: 0 15px}
/* header */
.main-menu .nav > li {padding: 0}
.main-menu .nav li a {font-size: 14px;}
.logo {height: 130px; width: 130px;}
/* home */
#news .bx-controls-direction {display: none;}
.loca-type .grid-1-4:nth-child(3) .wrap-loca:before {display: none;}
.slide-home #news {padding: 0 10px 10px}
.sbttl-contact {padding-left: 0}
/*agences*/
.search-agency input[type="text"] {width: 300px}
/* emploi */
#jobs-offers-list .job .ttl-lvl4 {width: 80%;}
.full-service .ttl-lvl3 {font-size: 32px}
.full-service .ttl-lvl4 {font-size:22px;}
.wrap-map {height:450px;}
.map {height: 450px;}
.location-smart .light-zone .illus-overflow.right img, #default-index-locationdriver .light-zone .illus-overflow.right img {bottom: -54px;}
/* *************************** *\
* Page de Demande de devis Location Courte Durée
* VERSION TABLETTE ET TELEPHONE
* @ costs-estimates-form
\* *************************** */
.form-short-rent-1, .form-short-rent-2 {padding:10px; margin:0;}
.form-short-rent-2 {margin-top:20px;}
}
/* tablette vertical, petites tablettes
==================================================*/
@media only screen and (max-width: 830px) {
/* grids */
/* Entier */
.mob-v-full {width: 100%;}
/* Moitiés */
.mob-v-half,
.mob-v-1-2,
.mob-v-2-4,
.mob-v-3-6,
.mob-v-4-8,
.mob-v-5-10,
.mob-v-6-12 {width:50%;}
/* menu mobile */
.header .phab-full {width: auto; float: left;}
.wrap-user {background-color: rgba(106,135,180,.44);width:100%;position: absolute;top: 0;left: 0;right: 0;z-index: 0}
.logo {position: relative;z-index: 1}
.wrap-user p {text-align: left;padding-left: 154px}
.phab-menu {display: inline-block;float: right;}
.wrap-user .tel{padding: 0}
.phab-menu .btn-menu {background: none; height: 31px;line-height: 31px; color:#fff; font-size: 18px; text-transform: none; font-weight: normal; padding-left: 15px;position: relative; padding-right: 15px; outline:0;vertical-align: top}
.phab-menu .btn-menu i {vertical-align: middle; margin-right: 6px}
.phab-menu .btn-menu .i-menu {margin-top: -4px}
.phab-menu .btn-menu + .btn-menu:before {content:'';display: inline-block;position: absolute; left: 0; top:5px; width: 1px; height: 25px; background-color: #728298}
.phab-menu .phab-show {display: inline-block !important}
.main-menu.header-shrink {display: none !important}
.i-user {background-position:-7px -273px; width: 14px; height: 16px;}
/**********************************/
/* Mise en place de la navigation */
/**********************************/
html, body {min-height: 100%;}
body {overflow-x:hidden; -webkit-overflow-scrolling:touch;} /* Empêche le lag lorsque l'on scroll sur mobile */
.layout {position: relative; height: 100%; overflow-x:hidden;} /* Conteneur général du site - contient la navigation masquée et le contenu principal */
.wrap {position:relative; width: 100%; height:100%; left:0;} /* Contenu principal - il sera poussé par la navigation (Attention : la navigation est contenue dans ce bloc) */
/* Navigation */
.main-menu {position: static !important;height: 0}
.main-menu .nav {float: none;padding-right: 15px;}
.main-menu .nav li,
.main-menu .nav li a {display: block; text-align: left;}
.nav-children .children {position: static; padding: 0 15px}
.nav-children .children > li {float:none;}
.nav-children .children > li a {font-weight:normal;}
.panel-nav {position:absolute; overflow: hidden; width: 100%; top:0; z-index: 2;
-webkit-box-shadow: -15px 0 15px -15px #171717 inset;
box-shadow: -15px 0 15px -15px #171717 inset;} /* ¨Par défaut (ie : sans JS), la navigation est positionnée en absolue et apparait en haut de l'écran */
/* Contrôle de la navigation (lorsque le JS est désactivé) */
#nav:not(:target) {z-index: 1; height: 0;} /* Lors du clic sur un lien ancre contenant l'ID de la navigation, on désactive height:0; pour afficher le menu */
/* La classe .js est ajoutée via Modernizr et nous assure que ces comportements n'interviennent que si le JS est activé */
.js .panel-nav {height: 100%!important; width: 70%; left: -70%; background: #354c6b;} /* La navigation est poussée hors de l'espace visible de l'écran */
/* .js .panel-nav {height: 100%!important; width: 70%; left:100%;} Variante pour apparition sur la droite */
.js .hide-btn {display: none;}
.js .wrap {left: 0;}
/* Afficher le menu via JS */
/* La classe .js-nav est ajoutée au clic sur un bouton */
.js-nav .wrap {left:70%;} /* On pousse le contenu principal en fonction de la dimension de la navigation */
/* On n'a pas besoin de toucher à la navigation car son positionnement hors de l'écran est ici annulé - elle apparait donc au bord de l'écran */
/* .js-nav .wrap {left:70%;} annule .js-nav .wrap .panel-nav {left:-70%;}
Variante pour apparition sur la droite : `left:-70%`
*/
/* Afficher le menu -> Ajout des transitions */
.csstransforms3d.csstransitions.js .panel-nav {left: 0;
-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.csstransforms3d.csstransitions.js .wrap {left: 0 !important;
-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease;
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
.csstransforms3d.csstransitions.js-nav .wrap {-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);}
/* agences */
#directory-index-home .header {height: 196px;}
#directory-index-home .slider-frame {height: 196px;}
.search-agency {top:0; position: static; border-bottom:none;}
.search-agency form {height: auto;}
.search-agency .ttl-lvl2,
.search-agency .ttl-lvl2 * { text-transform: uppercase; font-size: 20px !important; }
.search-agency .ttl-lvl2 * { display: block !important; line-height: 18px;}
.search-agency .i-placermap { -moz-transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); top:0; left: 0}
.search-agency .ttl-lvl2 {padding-left: 56px !important; line-height: 28px;display: inline-block !important;width: auto;text-align: left;}
.search-agency .ttl-lvl2[for="city"] { padding-top:16px !important;padding-right: 10px !important;}
#directory-index-home .ttl-sub span {background: none; text-align: center; padding-top: 5px; display: block;}
.search-agency input[type="text"] {margin: 13px 0 0; width: 220px; min-width: 220px;}
.map-agencies .placer.wrap-ttl {background: #fff; height: auto }
.map-agencies .top-svg .poly-map {fill:#ffffff;}
#directory-index-home .ttl-sub {position: static;}
.phab-center {text-align:center;}
/* Responsive media object */
.media-phab > .media-item, .media-phab > .media-item-rev {float: none; display: block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.media-phab.media-small > .media-item, .media-phab.media-small > .media-item-rev {margin-bottom:5px;}
.media-phab.media-large > .media-item, .media-phab.media-large > .media-item-rev {margin-bottom:20px;}
/* contenu */
.page-gamme .wrap-buttons .btn-goto {width: 100%; margin-top: 5px}
.illus-overflow img {position: static;max-width: 100% }
.placer .ttl-lvl1:first-child, .placer .ttl-lvl2:first-child {padding-top: 0}
.wrapper-timeline p > span {margin: 0 2px}
.wrapper-timeline {position: relative;}
.wrapper-timeline .big {margin: 0; position: static;}
.wrapper-timeline .big-text {top: 74px;}
.wrapper-timeline [class^='i-'] {-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);top: 5px;}
.toggle-tabs .active button {font-size: 17px; padding: 0 5px}
.page-content .desc ul {padding-left: 0}
.wrap-map {height: 400px;}
.map {height: 400px;}
.agency {min-height: 500px}
/* contact */
#contact-index-index .ttl-lvl2 {padding-top: 30px}
/* Top Short Rent : bandeau top location de courte durée */
.top-short-rent {background:#d10923; height:30px; left:0; position:fixed; top:0; width:100%; z-index:2; text-align:center; }
.top-short-rent-link {color:#fff; font-weight:bold; display:inline-block;font-size: 15px; width:100%; text-transform: uppercase; line-height:30px;}
.header-inner .placer {margin-top:30px;}
.form-short-rent-1 .short-rent-img {float:none; text-align:center;}
.form-short-rent-1 .short-rent-img img {display:inline;}
}
/* Phablet (Gros téléphone mobile)
==================================================*/
@media only screen and (max-width: 730px) {
/* Masquer certains éléments sur environnement mobile */
.phab-menu.shrink,
.phab-hide {display: none!important;}
.phab-show {display: inline-block !important;}
.phab-block {display: block;}
.main-menu.header-shrink {display: none !important;}
.main-menu.header-shrink * {display: none !important;}
.i-user {background-position:-7px -273px; width: 14px; height: 16px;}
.phab-center {text-align:center;}
/* Responsive media object */
.media-phab > .media-item, .media-phab > .media-item-rev {float: none; display: block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.media-phab.media-small > .media-item, .media-phab.media-small > .media-item-rev {margin-bottom:5px;}
.media-phab.media-large > .media-item, .media-phab.media-large > .media-item-rev {margin-bottom:20px;}
.grids {}
[class^="grid-"] {}
.phab-row {display: table; width: 100%; table-layout:fixed;}
.phab-row > .phab-cell {display: table-cell; vertical-align: top;}
.phab-unrow {display: block;}
.phab-unrow > .cell {display: inline-block;}
/**
* On défini les tailles de grilles sur environnement mobile
*/
/* Entier */
.phab-full {width: 100% !important;}
/* Moitiés */
.phab-half,
.phab-1-2,
.phab-2-4,
.phab-3-6,
.phab-4-8,
.phab-5-10,
.phab-6-12 {width:50%;}
/* Tiers */
.phab-1-3,
.phab-2-6,
.phab-3-9,
.phab-4-12 {width:33.3333333%;}
.phab-2-3,
.phab-4-6,
.phab-6-9,
.phab-8-12 {width:66.6666666%;}
/* Quarts */
.phab-1-4,
.phab-2-8,
.phab-3-12 {width:25%;}
.phab-3-4,
.phab-6-8,
.phab-9-12 {width:75%;}
/* Cinquièmes */
.phab-1-5,
.phab-2-10 {width:20%;}
.phab-2-5,
.phab-4-10 {width:40%;}
.phab-3-5,
.phab-6-10 {width:60%;}
.phab-4-5,
.phab-8-10 {width:80%;}
/* Sixièmes */
.phab-1-6,
.phab-2-12 {width:16.6666666%;}
.phab-5-6,
.phab-10-12 {width:83.3333333%;}
/* Huitièmes */
.phab-1-8 {width:12.5%;}
.phab-3-8 {width:37.5%;}
.phab-5-8 {width:62.5%;}
.phab-7-8 {width:87.5%;}
/* Neuvièmes */
.phab-1-9 {width:11.1111111%;}
.phab-2-9 {width:22.2222222%;}
.phab-4-9 {width:44.4444444%;}
.phab-5-9 {width:55.5555555%;}
.phab-7-9 {width:77.7777777%;}
.phab-8-9 {width:88.8888888%;}
/* Dixièmes */
.phab-1-10 {width:10%;}
.phab-3-10 {width:30%;}
.phab-7-10 {width:70%;}
.phab-9-10 {width:90%;}
/* Douxièmes */
.phab-1-12 {width:8.3333333%;}
.phab-5-12 {width:41.6666666%;}
.phab-7-12 {width:58.3333333%;}
.phab-11-12 {width:91.6666666%;}
/* layout */
.logo {width: 114px; height:105px; margin: 0 auto; display: block; text-align: center;}
.logo img {width: 105px;}
.wrap-user .lang {position: absolute;top:0;right: 0}
.header-slider {display: none}
.breadcrumb-wrap {background: #fff; display: block !important;}
#breadcrumb {border-bottom:1px solid #d4d4d4;}
#breadcrumb p,
#breadcrumb p a {color:#8f8f8f; font-size: 18px; line-height: 38px;}
#breadcrumb p a {display: inline-block;text-decoration: none;}
.ttl-lvl1 {font-size: 37px;}
.page-content .ttl-lvl1 {background:none; color:#164791; text-align: left;font-size: 20px; line-height: 25px !important}
.page-content .ttl-lvl3 {background:none; color:#164791; text-align: left;font-size: 20px; line-height: 25px !important}
.page-content .ttl-lvl1 span {background:none; padding: 0;}
.page-content .ttl-sub span {background:none; padding: 0;}
.page-content .ttl-sub {padding-bottom: 8px}
.illus-overflow {height: auto;}
.illus-overflow img {position: static; width: 100%; max-width: 9999em}
/* home */
.wrap-loca {border:1px solid #e3e3e3; margin: 8px; position: relative;}
.ttl-loca {padding-top: 10px; font-size: 22px; line-height: 25px; padding-bottom: 6px;padding-top: 24px;}
.orga-home .wrap-buttons a {display: block;max-width: 260px; margin: 8px auto !important }
.sbttl-contact {padding-left: 0}
/* header */
#default-index-index .base-frame,
#default-index-index .header {min-height: 575px;height: auto;}
.base-frame,
.header {min-height: 300px;height: auto;}
.header {position: relative;}
#default-index-index .header {background: #e3e3e3 url(../images/bgd_headMob.jpg) 0 -24px repeat-x;}
.header {background: #e3e3e3 url(../images/bgd_headMob.jpg) 0 -54px repeat-x}
#default-index-index .header-inner {background: url(../images/illus_m_top.jpg) 50% 151px no-repeat}
.header-inner {background: url(../images/illus_m_top.jpg) 50% 129px no-repeat;height: 323px;}
.header-slider, .header-inner {position: static;}
.header .phab-full {float: none;}
.wrap-user {background:none; position: static; width: auto;}
.wrap-user p {padding-left: 0}
.shrink.phab-menu{display: none !important;}
.wrap-ttl {height: auto;}
.page-content .ttl-lvl1, .page-content .ttl-sub {top:0;position: static; text-align: left;}
.placer .ttl-lvl1:first-child, .placer .ttl-lvl2:first-child { padding-top: 24px;}
/* footer */
.padd-prefoot {padding-left: 20px !important; position: relative;}
.padd-prefoot:before {height: 1px; width: 250px; margin: 0 auto;position: absolute;top: 8px; left: 50%; margin-left: -125px;}
.foot-last-line .sep {display: none;}
/* menu mobile */
.wrap-user p {text-align: center;}
.wrap-user .tel{padding: 0}
.phab-menu {display: block; background-color: rgba(106,135,180,.44); text-align: left; padding-top: 1px; float: none;}
.phab-menu .btn-menu {background: none; height: 31px;line-height: 31px; color:#fff; font-size: 18px; text-transform: none; font-weight: normal; padding-left: 30px;position: relative; padding-right: 15px; outline:0;vertical-align: top}
.phab-menu .btn-menu i {vertical-align: middle; margin-right: 6px}
.phab-menu .btn-menu .i-menu {margin-top: -4px}
.phab-menu .btn-menu + .btn-menu:before {content:'';display: inline-block;position: absolute; left: 0; top:5px; width: 1px; height: 25px; background-color: #728298}
/* agences */
.search-agency {top:0; position: static; border-bottom:1px solid #e3e3e3;}
.search-agency .ttl-lvl2,
.search-agency .ttl-lvl2 * { text-transform: uppercase; font-size: 20px !important; display: inline-block !important;}
.search-agency .i-placermap { -moz-transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7); top:0; left: 0}
.search-agency .ttl-lvl2 {padding-left: 56px !important; line-height: 28px;display: block !important;width: 100%;text-align: left;}
.search-agency input[type="text"] {margin: 10px 0 0; width: 220px; min-width: 220px;}
.map-agencies .placer.wrap-ttl {background: #fff; }
.near {padding-top: 15px}
.near * {display: block;text-align: center;}
/* Gamme */
.gamme-box .desc {height: auto; padding-bottom: 15px}
.gamme-box .btn-goto {display: block; margin: 4px 0; padding: 0; text-align: center;}
.select-gamme select {width: 278px;height: 35px;border: 1px solid #bfbfbf;-moz-border-radius: 3px ;-webkit-border-radius: 3px ;border-radius: 3px;background-color: #fff;outline: 0}
.gamme .grid-1-3 .ttl-lvl3 {padding-top: 20px}
.gamme .grids-custom .grid-1-3 {padding-bottom: 20px}
/* organisation */
#default-index-organisation .page-content .ttl-lvl1,
#default-index-organisation .page-content .ttl-sub {top:0; position: static; text-align: left;}
.wrap-video {top:0; position: static;}
#default-index-organisation .wrap-ttl {height: auto; position:static;}
.sliderz-emploi { margin: 0 -10px}
.sliderz-emploi .filiere {display: none;}
.sliderz-emploi .bx-controls-direction button {-moz-transform: scale(0.5);-webkit-transform: scale(0.5);-o-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);}
.sliderz-emploi .emploi {height:auto; padding: 0 35px 20px}
.zone-orga .ttl-lvl3 {text-align: center;}
.page-content .desc .ttl-values {text-align: center;}
.page-content .desc .ttl-values em {display: block;}
.zone-blue .ttl-lvl3 {color:#fff; text-align: center;}
#default-index-organisation .grids-widest .ttl-lvl3:before{content:""; background: url(../images/ico@1x.png) -177px -160px no-repeat;width: 15px; height: 9px; display: inline-block;margin-right: 5px;}
/* page de contenu */
.location .zone-a .ttl-lvl3 {padding-top: 0}
.location-courte .illus-overflow, #default-index-locationcourte .illus-overflow {height: auto;}
.location-courte .zone-a .ttl-lvl3, #default-index-locationcourte .zone-a .ttl-lvl3 {padding-top: 20px}
.location-smart .illus-overflow {height: auto}
.wrap-form .wrap-infos {padding-left: 0}
.wrapper-timeline {position: relative;}
.wrapper-timeline .bbl {display: none;}
.wrapper-timeline .big {margin: 0; position: static;}
.wrapper-timeline .big-text {top: 74px;}
.wrapper-timeline [class^='i-'] {-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);top: 5px;}
.wrap-offers {position: relative;height: 750px;}
.wrap-offers .tab .ttl-lvl3 img {height: 40px;margin-right:10px;}
.reprise-parc .illus-overflow, #default-index-repriseparc .illus-overflow {height: auto;}
.page-content .desc ul {padding-left: 0}
/*etre client */
#default-index-beclient .environment {margin-top: 0px}
#default-index-beclient .page-content .ttl-lvl3 {padding-top: 20px}
/* elem to hide */
.wrap-loca:before {display: none;}
/* home */
#default-index-index .phab-slides {display:block !important;}
.phab-slides {display:none !important;background: #e3e3e3; margin-top: 166px; padding: 0 10px 28px; width: 100%;}
.phab-slides a {display:block;text-transform: uppercase; line-height: 40px; vertical-align: middle; font-size: 17px; color:#124593; border-top:1px solid #fff; position: relative;}
.phab-slides a:hover {background: #d6d6d6}
.phab-slides a:before {content:''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 1px; width: 100%; background: #d6d6d6}
.phab-slides a i {vertical-align: middle; margin:-2px 5px 0 35px}
/* contact */
.wrap-form label[for="message"] {display: block;}
.wrap-form {padding: 0 10px;}
.layout-form-inline label {padding-left: 0}
.reprise-parc .header-inner {background: url(../images/illus_reprise.jpg) 50% 0 no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* emplois */
#jobs-offers-list .job .ttl-lvl4 {max-width: 80%;}
#jobs-applications-reply .wrap-ttl,
#jobs-applications-apply .wrap-ttl {background: #D8D8D8}
/* *************************** *\
* Page de Demande de devis Location Courte Durée
* VERSION TELEPHONE
* @ costs-estimates-form
\* *************************** */
.form-short-rent-1 fieldset {margin-top:0;}
.form-short-rent fieldset {padding:10px;}
.wrap-buttons-short-rent {padding:20px 0;}
.wrap-button-prev, .wrap-button-submit {text-align:center; padding:10px 0;}
.wrap-button-prev .btn, .wrap-button-submit .btn {padding:0; width:100%;}
#costs-estimates-form .ttl-lvl1, #costs-estimates-form .ttl-sub{color:#fff;}
}
/* Téléphones
==================================================*/
@media only screen and (max-width: 400px) {
/* Masquer certains éléments sur environnement mobile */
.palm-hide {display: none!important;}
.palm-show {display: block!important;}
/* Responsive media object */
.media-palm > .media-item, .media-palm > .media-item-rev {float: none; display: block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.media-palm.media-small > .media-item, .media-palm.media-small > .media-item-rev {margin-bottom:5px;}
.media-palm.media-large > .media-item, .media-palm.media-large > .media-item-rev {margin-bottom:20px;}
/* Grids
=========*/
.grids {}
[class^="grid-"] {}
.palm-row {display: table; width: 100%; table-layout:fixed;}
.palm-row > .mob-cell {display: table-cell; vertical-align: top;}
.palm-unrow {display: block;}
.palm-unrow > .cell {display: inline-block;}
/**
* On défini les tailles de grilles sur environnement mobile
*/
/* Entier */
.palm-full {width: 100%;}
/* Moitiés */
.palm-half,
.palm-1-2,
.palm-2-4,
.palm-3-6,
.palm-4-8,
.palm-5-10,
.palm-6-12 {width:50%;}
/* Tiers */
.palm-1-3,
.palm-2-6,item
.palm-3-9,
.palm-4-12 {width:33.3333333%;}
.palm-2-3,
.palm-4-6,
.palm-6-9,
.palm-8-12 {width:66.6666666%;}
/* Quarts */
.palm-1-4,
.palm-2-8,
.palm-3-12 {width:25%;}
.palm-3-4,
.palm-6-8,
.palm-9-12 {width:75%;}
/* Cinquièmes */
.palm-1-5,
.palm-2-10 {width:20%;}
.palm-2-5,
.palm-4-10 {width:40%;}
.palm-3-5,
.palm-6-10 {width:60%;}
.palm-4-5,
.palm-8-10 {width:80%;}
/* Sixièmes */
.palm-1-6,
.palm-2-12 {width:16.6666666%;}
.palm-5-6,
.palm-10-12 {width:83.3333333%;}
/* Huitièmes */
.palm-1-8 {width:12.5%;}
.palm-3-8 {width:37.5%;}
.palm-5-8 {width:62.5%;}
.palm-7-8 {width:87.5%;}
/* Neuvièmes */
.palm-1-9 {width:11.1111111%;}
.palm-2-9 {width:22.2222222%;}
.palm-4-9 {width:44.4444444%;}
.palm-5-9 {width:55.5555555%;}
.palm-7-9 {width:77.7777777%;}
.palm-8-9 {width:88.8888888%;}
/* Dixièmes */
.palm-1-10 {width:10%;}
.palm-3-10 {width:30%;}
.palm-7-10 {width:70%;}
.palm-9-10 {width:90%;}
/* Douxièmes */
.palm-1-12 {width:8.3333333%;}
.palm-5-12 {width:41.6666666%;}
.palm-7-12 {width:58.3333333%;}
.palm-11-12 {width:91.6666666%;}
/* Tableaux responsive
========================*/
/**
* Pour afficher des données lisibles sur petits écrans, on change le sens de lecture
* Les en-tête sont affichées devant chaque élément de colonne
En-tête 1 | En-tête 2 | En-tête 3
----------------------------------
Col 1 | Col 2 | Col 3
Col 4 | Col 5 | Col 6
* Devient
En-tête 1 | Col 1
En-tête 2 | Col 2
En-tête 3 | Col 3
------------------
En-tête 1 | Col 4
En-tête 2 | Col 5
En-tête 3 | Col 6
------------------
* Pour simuler ces en-tête, un data-attr `data-label` doit être appliqué à la main sur les cellules
* Ce data-attr doit reprendre l'intitulé de l'en-tête correspondant
Liste des employés
Nom
Prénom
Employé 1
Employé 2
*/
.table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr {display: block;}
.table-responsive thead {border-bottom:1px solid;}
/* Les entêtes sont masqués */
.table-responsive thead th {position: absolute; top:-9999em; left:-9999em;}
/**
* On ne garde que le premier en-tête qui devient le titre du tableau
* Le mieux étant d'avoir une `