@charset "UTF-8";
/* Base styles
 ***************************************/
v-accordion {
  display: block; }

v-pane {
  display: block; }
  v-pane.is-expanded > v-pane-content > div {
    display: visible; }
  v-pane[disabled] > v-pane-header {
    opacity: 0.6;
    pointer-events: none; }

v-pane-header {
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
  outline: none; }
  v-pane-header:focus {
    outline: none; }
  v-pane-header > div {
    display: block; }

v-pane-content {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 0px; }
  v-pane-content > div {
    visibility: none; }

/* Theme: default
   ***************************************/
.vAccordion--default v-accordion {
  margin-top: 20px;
  padding-left: 20px; }

.vAccordion--default v-pane-content > div {
  padding-bottom: 20px;
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: all 0.5s; }

.vAccordion--default v-pane {
  overflow: hidden; }
  .vAccordion--default v-pane.is-expanded > v-pane-header {
    border-bottom-color: #FFCC33; }
    .vAccordion--default v-pane.is-expanded > v-pane-header::after {
      transform: rotate(90deg);
      opacity: 0; }
    .vAccordion--default v-pane.is-expanded > v-pane-header::before {
      transform: rotate(0deg); }
  .vAccordion--default v-pane.is-expanded > v-pane-content > div {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  .vAccordion--default v-pane[disabled] v-pane-header::after, .vAccordion--default v-pane[disabled] v-pane-header::before {
    display: none; }

.vAccordion--default v-pane-header {
  padding: 5px 0;
  margin-bottom: 20px;
  border-bottom: 2px solid #D8D8D8;
  transition: all 0.25s; }
  .vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 1px;
    background-color: #666666;
    transform-origin: 50% 50%;
    will-change: transform;
    transition: all 0.25s; }
  .vAccordion--default v-pane-header::before {
    transform: rotate(-90deg); }
  .vAccordion--default v-pane-header:hover, .vAccordion--default v-pane-header:focus {
    color: #FFCC33; }

/**
 * Angular JS slider directive
 *
 * (c) Rafal Zajac <rzajac$gmail.com>
 * http://github.com/rzajac/angularjs-slider
 *
 * Licensed under the MIT license
 */
.rzslider {
  display: inline-block;
  position: relative;
  height: 2px;
  width: 100%;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .rzslider.with-legend {
    margin-bottom: 40px; }
  .rzslider[disabled] {
    cursor: not-allowed; }
    .rzslider[disabled] .rz-pointer {
      cursor: not-allowed;
      background-color: #999999; }
  .rzslider span {
    white-space: nowrap;
    position: absolute;
    display: inline-block; }
  .rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0; }
  .rzslider .rz-bar-wrapper {
    left: 0;
    box-sizing: border-box;
    margin-top: -16px;
    padding-top: 16px;
    width: 100%;
    height: 32px;
    z-index: 1; }
    .rzslider .rz-bar-wrapper.rz-draggable {
      cursor: move; }
  .rzslider .rz-bar {
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    background: #d8e0f3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
    .rzslider .rz-bar.rz-selection {
      z-index: 2;
      background: #666666;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      border-radius: 1px; }
  .rzslider .rz-pointer {
    cursor: pointer;
    width: 32px;
    height: 32px;
    top: -15px;
    background-color: #666666;
    z-index: 3;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; }
    .rzslider .rz-pointer:after {
      content: '';
      width: 8px;
      height: 8px;
      position: absolute;
      top: 12px;
      left: 12px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fff; }
    .rzslider .rz-pointer:hover:after {
      background-color: #fff; }
    .rzslider .rz-pointer.rz-active {
      z-index: 4; }
      .rzslider .rz-pointer.rz-active:after {
        background-color: #FFCC33; }
  .rzslider .rz-bubble {
    cursor: default;
    bottom: 16px;
    padding: 1px 3px;
    color: #666666; }
    .rzslider .rz-bubble.rz-selection {
      top: 16px; }
    .rzslider .rz-bubble.rz-limit {
      color: #666666; }
  .rzslider .rz-ticks {
    box-sizing: border-box;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: -3px;
    margin: 0;
    padding: 0 12px;
    z-index: 1;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .rzslider .rz-ticks .rz-tick {
      text-align: center;
      cursor: pointer;
      width: 8px;
      height: 8px;
      background: #d8e0f3;
      border-radius: 50%; }
      .rzslider .rz-ticks .rz-tick.rz-selected {
        background: #666666; }
      .rzslider .rz-ticks .rz-tick .rz-tick-value {
        position: absolute;
        top: -30px;
        transform: translate(-50%, 0); }
      .rzslider .rz-ticks .rz-tick .rz-tick-legend {
        position: absolute;
        top: 24px;
        transform: translate(-50%, 0);
        max-width: 50px;
        white-space: normal; }
    .rzslider .rz-ticks.rz-ticks-values-under .rz-tick-value {
      top: initial;
      bottom: -40px; }
  .rzslider.rz-vertical {
    position: relative;
    width: 2px;
    height: 100%;
    margin: 0 20px;
    padding: 0;
    vertical-align: baseline; }
    .rzslider.rz-vertical .rz-base {
      width: 100%;
      height: 100%;
      padding: 0; }
    .rzslider.rz-vertical .rz-bar-wrapper {
      top: auto;
      left: 0;
      margin: 0 0 -16px;
      padding: 0 0 0 16px;
      height: 100%;
      width: 32px; }
    .rzslider.rz-vertical .rz-bar {
      bottom: 0;
      left: auto;
      width: 2px;
      height: 100%; }
    .rzslider.rz-vertical .rz-pointer {
      left: -15px !important;
      top: auto;
      bottom: 0; }
    .rzslider.rz-vertical .rz-bubble {
      left: 16px !important;
      margin-left: 3px;
      bottom: 0; }
      .rzslider.rz-vertical .rz-bubble.rz-selection {
        left: 16px !important;
        top: auto; }
    .rzslider.rz-vertical .rz-ticks {
      height: 100%;
      width: 0;
      left: -3px;
      top: 0;
      padding: 12px 0;
      z-index: 1;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      .rzslider.rz-vertical .rz-ticks .rz-tick {
        vertical-align: middle; }
        .rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {
          left: 22px;
          top: initial;
          transform: translate(0, -28%); }
        .rzslider.rz-vertical .rz-ticks .rz-tick .rz-tick-legend {
          top: initial;
          right: 24px;
          transform: translate(0, -28%);
          max-width: none;
          white-space: nowrap; }
      .rzslider.rz-vertical .rz-ticks.rz-ticks-values-under .rz-tick-value {
        bottom: initial;
        left: initial;
        right: 12px; }

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
  background-color: transparent; }

body {
  background-color: transparent; }
  body.reset {
    position: static !important;
    width: auto !important;
    top: auto !important; }

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit; }

/**
 * Basic styles for links
 */
a {
  text-decoration: none;
  color: #000; }

a:visited {
  text-decoration: none;
  color: #000000; }

.fixed {
  position: fixed; }

/**
 * Basic styles for common paddings
 */
.padding30 {
  padding: 30px; }

.padding20 {
  padding: 20px; }

.padding15 {
  padding: 15px; }

.padding10 {
  padding: 10px; }

.colBase {
  max-width: 400px;
  width: 400px; }

.colDoubleM {
  max-width: 790px;
  margin-right: 10px; }

.colDoubleP {
  max-width: 800px;
  padding-right: 10px; }

.colDoublePdroit {
  max-width: 800px;
  padding-left: 10px; }

.colDoubleMdroit {
  max-width: 790px;
  margin-left: 10px; }

.colGauche {
  max-width: 380px;
  margin-right: 20px; }

.colDroit {
  max-width: 400px;
  margin-left: 20px; }

.colMilieu {
  max-width: 380px;
  margin: 0 10px; }

.colPGauche {
  max-width: 380px;
  padding-right: 20px; }

.colPDroit {
  max-width: 380px;
  padding-left: 20px; }

.colPMilieu {
  max-width: 380px;
  padding: 0 10px; }

.colContainerP > div:nth-child(3n + 1) {
  padding-right: 20px; }

.colContainerP > div:nth-child(3n + 2) {
  padding: 0 10px; }

.colContainerP > div:nth-child(3n + 3) {
  padding-left: 20px; }

.colContainerP > div:nth-child(n + 4) {
  padding-top: 30px; }

.partialXs {
  min-width: 600px; }

.partialSm {
  min-width: 960px; }

.partialMd {
  min-width: 1280px; }

.contenuCentre {
  text-align: center;
  flex: 100;
  margin: 0 20px; }

.blocCentre {
  justify-content: center; }

.capitalize {
  text-transform: capitalize; }

.underline {
  text-decoration: underline; }

.pointer {
  cursor: pointer; }

.radioInline md-radio-button {
  margin-right: 15px; }
  .radioInline md-radio-button:last-child {
    margin-right: 0; }

.alignBaseline {
  align-items: baseline; }

.center {
  text-align: center; }

.imageCentre {
  margin: auto; }

.rrgLienSimple {
  color: #000000;
  cursor: pointer; }
  .rrgLienSimple:hover {
    color: #000000;
    text-decoration: underline; }

.rrgErrorMessage {
  color: #eb1a21;
  font-size: 0.8rem; }

.cc-banner {
  font-family: "RenaultLifeWeb", "Arial", sans-serif; }

md-toast.rrgToastCenter {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center; }
  md-toast.rrgToastCenter .md-toast-content {
    padding-right: 0; }
    md-toast.rrgToastCenter .md-toast-content button {
      font-size: 25px;
      position: relative;
      width: 37px;
      margin-right: 12px; }
      md-toast.rrgToastCenter .md-toast-content button i {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 37px;
        height: 25px;
        margin: auto; }

.md-panel._md-panel-backdrop {
  position: fixed; }

.md-scroll-mask {
  display: none; }

ancre-bloc-fix-scroll {
  display: block; }

.rrg-section, .rrg-sectionT, .rrg-sectionB, .rrg-sectionF {
  padding-left: 15px;
  padding-right: 15px; }

.rrg-sectionT {
  padding-top: 40px; }

.rrg-sectionB {
  padding-bottom: 40px; }

.rrg-sectionF {
  padding-top: 40px;
  padding-bottom: 40px; }

/* REGLE DE MEDIA DESKTOP */
/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrg-sectionT {
    padding-top: 15px; }
  .rrg-sectionB {
    padding-bottom: 15px; }
  .rrg-sectionF {
    padding-top: 15px;
    padding-bottom: 15px; }
  .container [class^="colP"]:nth-child(odd) {
    padding-left: 0;
    padding-right: 15px; }
  .container [class^="colP"]:nth-child(even) {
    padding-left: 15px;
    padding-right: 0; }
  .container [class^="colP"].flex-sm-100 {
    padding: 0;
    max-width: 100%; }
  .container .colDoubleP {
    padding-right: 0;
    max-width: none; }
  .container [class^="colDoubleP"].flex-sm-100 {
    padding: 0; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrg-section, .rrg-sectionT, .rrg-sectionB, .rrg-sectionF {
    padding-left: 20px;
    padding-right: 20px; }
  .rrg-sectionT {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px; }
  .rrg-sectionB {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px; }
  .rrg-sectionF {
    padding: 20px; }
  .layoutBlockMobile {
    display: block; }
  .container [class^="colP"] {
    padding: 0;
    max-width: none;
    width: 100%; }
    .container [class^="colP"].flex-xs-50:nth-child(odd) {
      padding-left: 0;
      padding-right: 10px; }
    .container [class^="colP"].flex-xs-50:nth-child(even) {
      padding-left: 10px;
      padding-right: 0; }
  .container [class^="colDoubleP"] {
    padding: 0;
    max-width: none;
    width: 100%; } }

.animate-show.ng-hide-add, .animate-show.ng-hide-remove {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
  display: block !important; }

.animate-show.ng-hide-add {
  opacity: 1; }
  .animate-show.ng-hide-add.ng-hide-add-active {
    opacity: 0; }

.animate-show.ng-hide-remove {
  opacity: 0; }
  .animate-show.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("../../fonts/renaultlifeweb-bold.eot");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-bold.eot#iefix") format("embedded-opentype"), url("../../fonts/renaultlifeweb-bold.woff") format("woff");
  /* Modern Browsers */
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("../../fonts/renaultlifeweb-bolditalic.eot");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-bolditalic.eot#iefix") format("embedded-opentype"), url("../../fonts/renaultlifeweb-bolditalic.woff") format("woff");
  /* Modern Browsers */
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("../../fonts/renaultlifeweb-light.eot");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-light.eot#iefix") format("embedded-opentype"), url("../../fonts/renaultlifeweb-light.woff") format("woff");
  /* Modern Browsers */
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("https://api.renault-retail-group.fr/fonts/RenaultLifeWeb-LightItalic");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-lightitalic.eot") format("embedded-opentype"), url("../../fonts/renaultlifeweb-lightitalic.woff") format("woff");
  /* Modern Browsers */
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("https://api.renault-retail-group.fr/fonts/RenaultLifeWeb-Regular");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-regular.eot") format("embedded-opentype"), url("../../fonts/renaultlifeweb-regular.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "RenaultLifeWeb";
  src: url("../../fonts/renaultlifeweb-italic.eot");
  /* IE9 */
  src: url("../../fonts/renaultlifeweb-italic.eot#iefix") format("embedded-opentype"), url("../../fonts/renaultlifeweb-italic.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'rrg-icon';
  src: url("../../fonts/rrg-icon_r6choz.eot");
  src: url("../../fonts/rrg-icon_r6choz.eot#iefix") format("embedded-opentype"), url("../../fonts/rrg-icon_r6choz.ttf") format("truetype"), url("../../fonts/rrg-icon_r6choz.woff") format("woff"), url("../../fonts/rrg-icon_r6choz-rrg-icon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.rrg-icon, .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"],
.moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rrg-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.rrg-acceleration::before {
  content: "\e900"; }

.rrg-alerte::before {
  content: "\e901"; }

.rrg-alerte2::before {
  content: "\e902"; }

.rrg-amortisseurs::before {
  content: "\e903"; }

.rrg-atelier::before {
  content: "\e904"; }

.rrg-attention::before {
  content: "\e905"; }

.rrg-batterie::before {
  content: "\e906"; }

.rrg-batterie2::before {
  content: "\e907"; }

.rrg-bicorps::before {
  content: "\e908"; }

.rrg-billets::before {
  content: "\e909"; }

.rrg-blogger::before {
  content: "\e90a"; }

.rrg-boite-vitesse::before {
  content: "\e90b"; }

.rrg-boule-attelage::before {
  content: "\e90c"; }

.rrg-break::before {
  content: "\e90d"; }

.rrg-brochure::before {
  content: "\e90e"; }

.rrg-brochure2::before {
  content: "\e90f"; }

.rrg-brochure3::before {
  content: "\e910"; }

.rrg-brochure4::before {
  content: "\e911"; }

.rrg-bussole::before {
  content: "\e912"; }

.rrg-cabriolet::before {
  content: "\e913"; }

.rrg-cadis::before {
  content: "\e914"; }

.rrg-calculette::before {
  content: "\e915"; }

.rrg-calendrier::before {
  content: "\e916"; }

.rrg-camembert::before {
  content: "\e917"; }

.rrg-capacite::before {
  content: "\e918"; }

.rrg-caracteristiques::before {
  content: "\e919"; }

.rrg-carburant::before {
  content: "\e91a"; }

.rrg-carburant2::before {
  content: "\e91b"; }

.rrg-carburant3::before {
  content: "\e91c"; }

.rrg-carburant4::before {
  content: "\e91d"; }

.rrg-carburant5::before {
  content: "\e91e"; }

.rrg-carburant6::before {
  content: "\e91f"; }

.rrg-carburant7::before {
  content: "\e920"; }

.rrg-carrosserie::before {
  content: "\e921"; }

.rrg-carte-credit::before {
  content: "\e922"; }

.rrg-catalogue::before {
  content: "\e923"; }

.rrg-charge::before {
  content: "\e924"; }

.rrg-chassis::before {
  content: "\e925"; }

.rrg-check::before {
  content: "\e926"; }

.rrg-check2::before {
  content: "\e927"; }

.rrg-chevron-bas::before {
  content: "\e928"; }

.rrg-chevron-droite::before {
  content: "\e929"; }

.rrg-chevron-gauche::before {
  content: "\e92a"; }

.rrg-chevron-haut::before {
  content: "\e92b"; }

.rrg-choc::before {
  content: "\e92c"; }

.rrg-chrono::before {
  content: "\e92d"; }

.rrg-cible::before {
  content: "\e92e"; }

.rrg-cle::before {
  content: "\e92f"; }

.rrg-climatisation::before {
  content: "\e930"; }

.rrg-close::before {
  content: "\e931"; }

.rrg-coin::before {
  content: "\e932"; }

.rrg-commentaire::before {
  content: "\e933"; }

.rrg-commentaire2::before {
  content: "\e934"; }

.rrg-communication::before {
  content: "\e935"; }

.rrg-communication2::before {
  content: "\e936"; }

.rrg-communication3::before {
  content: "\e937"; }

.rrg-communication4::before {
  content: "\e938"; }

.rrg-compteur::before {
  content: "\e939"; }

.rrg-contact::before {
  content: "\e93a"; }

.rrg-courroie::before {
  content: "\e93b"; }

.rrg-cursor::before {
  content: "\e93c"; }

.rrg-desktop::before {
  content: "\e93d"; }

.rrg-document::before {
  content: "\e93e"; }

.rrg-drapeau::before {
  content: "\e93f"; }

.rrg-echange::before {
  content: "\e940"; }

.rrg-editer::before {
  content: "\e941"; }

.rrg-editer2::before {
  content: "\e942"; }

.rrg-emissions::before {
  content: "\e943"; }

.rrg-emissions2::before {
  content: "\e944"; }

.rrg-energie::before {
  content: "\e945"; }

.rrg-equipements::before {
  content: "\e946"; }

.rrg-essuie-glace::before {
  content: "\e947"; }

.rrg-euro::before {
  content: "\e948"; }

.rrg-f1::before {
  content: "\e949"; }

.rrg-facebook::before {
  content: "\e94a"; }

.rrg-favoris::before {
  content: "\e94b"; }

.rrg-favoris2::before {
  content: "\e94c"; }

.rrg-favoris3::before {
  content: "\e94d"; }

.rrg-ffw::before {
  content: "\e94e"; }

.rrg-fichiers::before {
  content: "\e94f"; }

.rrg-filtre-huile::before {
  content: "\e950"; }

.rrg-fleche-bas-droite::before {
  content: "\e951"; }

.rrg-fleche-bas::before {
  content: "\e952"; }

.rrg-fleche-haut-gauche::before {
  content: "\e953"; }

.rrg-fleche-haut::before {
  content: "\e954"; }

.rrg-flickr::before {
  content: "\e955"; }

.rrg-fonderie::before {
  content: "\e956"; }

.rrg-freinage::before {
  content: "\e957"; }

.rrg-freins::before {
  content: "\e958"; }

.rrg-gamme::before {
  content: "\e959"; }

.rrg-garantie::before {
  content: "\e95a"; }

.rrg-goodies::before {
  content: "\e95b"; }

.rrg-google-plus::before {
  content: "\e95c"; }

.rrg-gps::before {
  content: "\e95d"; }

.rrg-groupe::before {
  content: "\e95e"; }

.rrg-handicappe::before {
  content: "\e95f"; }

.rrg-home::before {
  content: "\e960"; }

.rrg-idee::before {
  content: "\e961"; }

.rrg-imprimer::before {
  content: "\e962"; }

.rrg-information::before {
  content: "\e963"; }

.rrg-intervention::before {
  content: "\e964"; }

.rrg-istagram::before {
  content: "\e965"; }

.rrg-jante::before {
  content: "\e966"; }

.rrg-laptop::before {
  content: "\e967"; }

.rrg-link::before {
  content: "\e968"; }

.rrg-linkedin::before {
  content: "\e969"; }

.rrg-list::before {
  content: "\e96a"; }

.rrg-list2::before {
  content: "\e96b"; }

.rrg-localisation::before {
  content: "\e96c"; }

.rrg-localisation2::before {
  content: "\e96d"; }

.rrg-loupe::before {
  content: "\e96e"; }

.rrg-loupe2::before {
  content: "\e96f"; }

.rrg-loupe3::before {
  content: "\e970"; }

.rrg-mail::before {
  content: "\e971"; }

.rrg-mecanique-boulon::before {
  content: "\e972"; }

.rrg-mecanique-revision::before {
  content: "\e973"; }

.rrg-mecanique::before {
  content: "\e974"; }

.rrg-menu::before {
  content: "\e975"; }

.rrg-mobile::before {
  content: "\e976"; }

.rrg-monnaie::before {
  content: "\e977"; }

.rrg-monnaie2::before {
  content: "\e978"; }

.rrg-monospace::before {
  content: "\e979"; }

.rrg-moteur::before {
  content: "\e97a"; }

.rrg-moteur2::before {
  content: "\e97b"; }

.rrg-moteur3::before {
  content: "\e97c"; }

.rrg-moteur4::before {
  content: "\e97d"; }

.rrg-moteur5::before {
  content: "\e97e"; }

.rrg-mp3::before {
  content: "\e97f"; }

.rrg-musique::before {
  content: "\e980"; }

.rrg-nouveaute::before {
  content: "\e981"; }

.rrg-occasions::before {
  content: "\e982"; }

.rrg-ordinateur::before {
  content: "\e983"; }

.rrg-organisation::before {
  content: "\e984"; }

.rrg-panne::before {
  content: "\e985"; }

.rrg-parc::before {
  content: "\e986"; }

.rrg-pare-brise::before {
  content: "\e987"; }

.rrg-parking::before {
  content: "\e988"; }

.rrg-parking2::before {
  content: "\e989"; }

.rrg-partager::before {
  content: "\e98a"; }

.rrg-pause::before {
  content: "\e98b"; }

.rrg-peinture::before {
  content: "\e98c"; }

.rrg-peinture2::before {
  content: "\e98d"; }

.rrg-peinture3::before {
  content: "\e98e"; }

.rrg-peinture4::before {
  content: "\e98f"; }

.rrg-personnalisation::before {
  content: "\e990"; }

.rrg-personnalisation2::before {
  content: "\e991"; }

.rrg-personnalisation3::before {
  content: "\e992"; }

.rrg-phare::before {
  content: "\e993"; }

.rrg-phare2::before {
  content: "\e994"; }

.rrg-phare3::before {
  content: "\e995"; }

.rrg-phare4::before {
  content: "\e996"; }

.rrg-photo::before {
  content: "\e997"; }

.rrg-pinterest::before {
  content: "\e998"; }

.rrg-piston::before {
  content: "\e999"; }

.rrg-pistons::before {
  content: "\e99a"; }

.rrg-planete::before {
  content: "\e99b"; }

.rrg-play::before {
  content: "\e99c"; }

.rrg-plus::before {
  content: "\e99d"; }

.rrg-points::before {
  content: "\e99e"; }

.rrg-porte-bagage::before {
  content: "\e99f"; }

.rrg-porte-velo::before {
  content: "\e9a0"; }

.rrg-portes::before {
  content: "\e9a1"; }

.rrg-pot-echappement::before {
  content: "\e9a2"; }

.rrg-prise::before {
  content: "\e9a3"; }

.rrg-prix::before {
  content: "\e9a4"; }

.rrg-promo-pourcentage::before {
  content: "\e9a5"; }

.rrg-promo::before {
  content: "\e9a6"; }

.rrg-promo2::before {
  content: "\e9a7"; }

.rrg-qrcode::before {
  content: "\e9a8"; }

.rrg-question::before {
  content: "\e9a9"; }

.rrg-r-link::before {
  content: "\e9aa"; }

.rrg-rafraichir::before {
  content: "\e9ab"; }

.rrg-rec::before {
  content: "\e9ac"; }

.rrg-rent::before {
  content: "\e9ad"; }

.rrg-reparation::before {
  content: "\e9ae"; }

.rrg-reseau::before {
  content: "\e9af"; }

.rrg-roue::before {
  content: "\e9b0"; }

.rrg-route::before {
  content: "\e9b1"; }

.rrg-route2::before {
  content: "\e9b2"; }

.rrg-route3::before {
  content: "\e9b3"; }

.rrg-rss::before {
  content: "\e9b4"; }

.rrg-sauvegarder::before {
  content: "\e9b5"; }

.rrg-screen::before {
  content: "\e9b6"; }

.rrg-screen2::before {
  content: "\e9b7"; }

.rrg-selection::before {
  content: "\e9b8"; }

.rrg-sellerie::before {
  content: "\e9b9"; }

.rrg-slide::before {
  content: "\e9ba"; }

.rrg-slide2::before {
  content: "\e9bb"; }

.rrg-smartphone::before {
  content: "\e9bc"; }

.rrg-sortie::before {
  content: "\e9bd"; }

.rrg-spinner::before {
  content: "\e9be"; }

.rrg-sport::before {
  content: "\e9bf"; }

.rrg-stat::before {
  content: "\e9c0"; }

.rrg-stop::before {
  content: "\e9c1"; }

.rrg-supprimer::before {
  content: "\e9c2"; }

.rrg-suv::before {
  content: "\e9c3"; }

.rrg-synchroniser::before {
  content: "\e9c4"; }

.rrg-tablet::before {
  content: "\e9c5"; }

.rrg-telecharger::before {
  content: "\e9c6"; }

.rrg-telecharger2::before {
  content: "\e9c7"; }

.rrg-tricorps::before {
  content: "\e9c8"; }

.rrg-tumblr::before {
  content: "\e9c9"; }

.rrg-turn::before {
  content: "\e9ca"; }

.rrg-twitter::before {
  content: "\e9cb"; }

.rrg-urgence::before {
  content: "\e9cc"; }

.rrg-usb::before {
  content: "\e9cd"; }

.rrg-usine::before {
  content: "\e9ce"; }

.rrg-utilisateur::before {
  content: "\e9cf"; }

.rrg-video::before {
  content: "\e9d0"; }

.rrg-view::before {
  content: "\e9d1"; }

.rrg-vignette::before {
  content: "\e9d2"; }

.rrg-vimeo::before {
  content: "\e9d3"; }

.rrg-visualisation::before {
  content: "\e9d4"; }

.rrg-visualisation2::before {
  content: "\e9d5"; }

.rrg-visualisation3::before {
  content: "\e9d6"; }

.rrg-visualisation4::before {
  content: "\e9d7"; }

.rrg-vitesses::before {
  content: "\e9d8"; }

.rrg-volant::before {
  content: "\e9d9"; }

.rrg-volume-off::before {
  content: "\e9da"; }

.rrg-volume::before {
  content: "\e9db"; }

.rrg-vu::before {
  content: "\e9dc"; }

.rrg-youtube::before {
  content: "\e9dd"; }

.icon-SocialFacebookFill::before {
  content: "\e65a"; }

.icon-SocialFacebookOutlined::before {
  content: "\e65b"; }

.icon-SocialInstagramFill::before {
  content: "\e65e"; }

.icon-SocialinstagramOutlined::before {
  content: "\e65f"; }

.icon-SocialLinkedinFill::before {
  content: "\e660"; }

.icon-SocialLinkedinOutlined::before {
  content: "\e661"; }

.icon-SocialPinterestFill::before {
  content: "\e664"; }

.icon-SocialPinterestOutlined::before {
  content: "\e665"; }

.icon-SocialTwitterFill::before {
  content: "\e666"; }

.icon-SocialTwitterOutline::before {
  content: "\e667"; }

.icon-SocialVKFill::before {
  content: "\e668"; }

.icon-SocialVKOutline::before {
  content: "\e669"; }

.icon-SocialWeibo::before {
  content: "\e9de"; }

.icon-SocialWeiboFill::before {
  content: "\e9df"; }

.icon-SocialYoukuFill::before {
  content: "\e9e0"; }

.icon-SocialYoukuOutline::before {
  content: "\e9e1"; }

.rrg-comparateur-full::before {
  content: "\e9e3"; }

.rrg-favori-full::before {
  content: "\e9e2"; }

.rrg-vue::before {
  content: "\e9e4"; }

.rrg-coeur::before {
  content: "\e9e5"; }

.rrg-telephone::before {
  content: "\e9e6"; }

.rrg-reglages::before {
  content: "\e9e7"; }

.rrg-recherche::before {
  content: "\e9e8"; }

.rrg-loupePlus::before {
  content: "\e9e9"; }

.rrg-profile::before {
  content: "\e9ea"; }

.rrg-personnes::before {
  content: "\e9eb"; }

.rrg-panier::before {
  content: "\e9ec"; }

.rrg-message::before {
  content: "\e9ed"; }

.rrg-horloge::before {
  content: "\e9ee"; }

.rrg-flecheRight::before {
  content: "\e9ef"; }

.rrg-etoile::before {
  content: "\e9f0"; }

.rrg-direction::before {
  content: "\e9f1"; }

.rrg-map::before {
  content: "\e9f2"; }

.rrg-instagram::before {
  content: "\e9f3"; }

.rrg-svg-play {
  background-image: url(data:image/svg+xml;base64,pd94bwwgdmvyc2lvbj0ims4wiiblbmnvzgluzz0idxrmltgipz48iurpq1rzueugc3znifbvqkxjqyails8vvzndly9eveqgu1zhideums8vru4iicjodhrwoi8vd3d3lnczlm9yzy9hcmfwagljcy9tvkcvms4xl0rurc9zdmcxms5kdgqipjxzdmcgdmvyc2lvbj0ims4xiibpzd0iq2fscxvlxzeiihhtbg5zpsjodhrwoi8vd3d3lnczlm9yzy8ymdawl3n2zyigeg1sbnm6egxpbms9imh0dha6ly93d3cudzmub3jnlze5otkvegxpbmsiihg9ijbweciget0imhb4iib3awr0ad0injvwecigagvpz2h0psixmzbwecigdmlld0jved0iltquodi5ic00ljgyosa2nsaxmzaiigvuywjszs1iywnrz3jvdw5kpsjuzxcgltquodi5ic00ljgyosa2nsaxmzaiihhtbdpzcgfjzt0ichjlc2vydmuipjxwyxroigzpbgw9iingrkndmzmiigq9ik0yny42nzesntuumtcxyy0xns4xnjqsmc0yny41lteyljmzni0yny41lti3ljvjmc0xns4xnjqsmtiumzm2lti3ljq5oswyny41lti3ljq5owmxns4xnjqsmcwyny41ldeyljmzniwyny41ldi3ljq5oum1ns4xnzesndiuodm1ldqyljgzniw1ns4xnzesmjcunjcxldu1lje3mxogtti3ljy3mswzlja3ogmtmtmuntyxldatmjquntk0ldexljaznc0ync41otqsmjquntk0yzasmtmuntyyldexljazncwync41otmsmjquntk0ldi0lju5m3mync41otmtmteumdmxldi0lju5my0ync41otndntiumjy0lde0ljexmsw0ms4ymzesmy4wnzgsmjcunjcxldmumdc4eiivpjxwyxroigzpbgw9iingrkndmzmiigq9ik0ync4zntgsmtcunji2bdeyljc2ncw5ljaynwmxljezoswwljgwnswxljewmiwyljuwns0wlja2ocwzlji2tdi0ljmynswzoc4xm2mtmc42ntesmc40mjetms41mdgtmc4wndctms41mdgtmc44mtlwmtgundi1qziyljgxnywxny42mzesmjmunzeylde3lje2oswync4zntgsmtcunji2ii8+phbhdgggzmlsbd0ii0zgrkzgriigzd0itti3ljy3mswxmjaumtcxyy0xns4xnjqsmc0yny41lteyljmzni0yny41lti3ljvzmtiumzm2lti3ljusmjcuns0yny41yze1lje2ncwwldi3ljusmtiumzm2ldi3ljusmjcunvm0mi44mzysmtiwlje3mswyny42nzesmtiwlje3mxogtti3ljy3msw2oc4wnzhjltezlju2mswwlti0lju5ncwxms4wmzqtmjquntk0ldi0lju5ngmwldezlju2mywxms4wmzqsmjquntk0ldi0lju5ncwync41otrzmjquntkzltexljazmswync41otmtmjquntk0qzuylji2ncw3os4xmtesndeumjmxldy4lja3ocwyny42nzesnjgumdc4eiivpjxwyxroigzpbgw9iingrkzgrkyiigq9ik0ync4zntgsodiunji2bdeyljc2ncw5ljaynwmxljezoswwljgwnswxljewmiwyljuwns0wlja2ocwzlji2bc0xmi43mjksoc4ymtljltaunjuxldaundixlteunta4ltaumdq3lteunta4ltauode5vjgzljqynumymi44mtcsodiunjmsmjmunzeyldgylje2oswync4zntgsodiunji2ii8+pc9zdmc+);
  background-size: 100%;
  background-position: 0 -65px;
  width: 65px;
  height: 65px;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer; }
  .rrg-svg-play:hover {
    background-position: 0 0; }

.grid {
  border: 1px solid #cccccc;
  list-style: none;
  background: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out; }

.grid-img {
  width: 100%;
  vertical-align: middle;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
  background-color: #fff;
  opacity: 0;
  visibility: hidden; }

.grid-img.img-loaded {
  visibility: visible;
  opacity: 1; }

/*** Basic typography style ***/
body {
  color: #000000; }

body, button, html, input, select, textarea {
  font-size: 1rem;
  font-family: "RenaultLifeWeb", "Arial", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  margin: 8px 0;
  font-weight: normal; }

.subtitle {
  font-weight: bold;
  font-size: 1.286rem;
  margin: 8px 0; }

h1 {
  font-size: 2.857rem;
  margin-top: 55px; }

h2 {
  font-size: 2.143rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.786rem; }

h5 {
  font-size: 1.429rem; }

h6 {
  font-size: 1.286rem; }

@media (max-width: 960px) {
  h1 {
    font-size: 2.657rem; }
  h2 {
    font-size: 1.843rem; }
  h3 {
    font-size: 1.8rem; }
  h4 {
    font-size: 1.586rem; }
  h5 {
    font-size: 1.229rem; }
  h6 {
    font-size: 1.086rem; } }

@media (max-width: 600px) {
  h1 {
    font-size: 1.4rem; }
  h2 {
    font-size: 1.2rem; }
  h3 {
    font-size: 1.2rem; }
  h4 {
    font-size: 1.2rem; }
  h5 {
    font-size: 1.2rem; }
  h6 {
    font-size: 1.2rem; } }

.rrgEntete {
  text-align: center; }
  .rrgEntete h1 {
    margin: 0;
    padding-bottom: 0;
    padding-top: 55px; }
  .rrgEntete h5 {
    margin: 0;
    padding-top: 0;
    padding-bottom: 55px; }

.rrgCursor {
  cursor: pointer; }

.page-title, .page-titleConcession, .page-sousTitreConcession {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
  padding: 30px 0;
  font-size: 2.5rem; }

.page-titleConcession {
  padding-bottom: 0; }

.page-sousTitreConcession {
  padding-top: 0;
  margin: 0; }

.header-titre {
  font-size: 2rem; }

.strong {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.section-titre {
  text-align: center;
  padding: 45px 0 30px;
  margin: 0; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .section-titre {
    padding: 45px 15px 30px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .section-titre {
    padding: 45px 20px 30px; }
  .page-title, .page-titleConcession, .page-sousTitreConcession {
    padding: 15px 0;
    font-size: 2rem; } }

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1200px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  width: 100%;
  /* 1 */ }

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* GLOBAL INIT _HEADER.SCSS */
ul {
  margin: 0;
  padding: 0; }
  ul li {
    list-style: none; }

md-input-container {
  margin: 10px 0px; }

.header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #cccccc; }

.headerLandingPageTitre {
  text-align: center;
  margin: 0; }

.headerNavigationGeneral {
  padding-top: 25px;
  padding-bottom: 13px;
  background: #fff;
  position: relative;
  z-index: 16; }
  .headerNavigationGeneralTitre {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 7px; }
  .headerNavigationGeneralLogo {
    text-align: right; }
    .headerNavigationGeneralLogo a {
      display: block; }
    .headerNavigationGeneralLogo img {
      max-width: 200px;
      width: 100%;
      display: block; }

.menuGeneral {
  padding: 0; }
  .menuGeneralLien {
    font-size: 16px;
    text-decoration: none;
    display: block;
    color: #000000;
    cursor: pointer;
    margin-right: 2em; }
    .menuGeneralLien.active {
      position: relative; }
      .menuGeneralLien.active::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #333333;
        z-index: 1; }
    .menuGeneralLien p {
      margin: 0; }
    .menuGeneralLien:hover, .menuGeneralLien:active {
      text-decoration: underline;
      color: #FFCC33; }
    .menuGeneralLien--noir {
      color: #000000; }
      .menuGeneralLien--noir:hover, .menuGeneralLien--noir:active, .menuGeneralLien--noir:focus {
        color: #000000;
        text-decoration: none; }
  .menuGeneralIcon {
    font-size: 22px; }

.headerMaConcession {
  background: #FFFFFF;
  width: 100%;
  padding: 10px; }
  .headerMaConcessionPanel {
    width: 380px; }
  .headerMaConcessionBloc {
    border-bottom: 1px solid #cccccc;
    margin: 15px;
    padding-bottom: 10px; }
    .headerMaConcessionBloc:last-child {
      border-bottom: 0; }
    .headerMaConcessionBloc .rrg-btnLienSimple {
      padding: 20px 0 0;
      display: block; }
      .headerMaConcessionBloc .rrg-btnLienSimple:first-child {
        padding-top: 0; }
  .headerMaConcessionNom {
    font-weight: bold;
    text-transform: capitalize;
    margin: 0; }
  .headerMaConcessionTelephone {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 10px;
    font-weight: bold; }
    .headerMaConcessionTelephone i {
      padding-right: 10px; }
  .headerMaConcessionPlusInfos {
    color: #666666;
    font-size: 0.8rem;
    padding-bottom: 5px;
    display: inline-block; }
  .headerMaConcessionDetail i {
    font-size: 30px;
    padding-right: 10px;
    margin-top: 5px; }
  .headerMaConcessionInfo {
    flex-grow: 2; }
  .headerMaConcessionHoraire {
    padding: 10px 0; }

.headerNavigationSecondaire {
  position: relative;
  z-index: 16;
  background-color: #eeeeee; }
  .headerNavigationSecondaire--admin {
    background-color: #333333; }
    .headerNavigationSecondaire--admin .headerMenuSecondaire li {
      color: #FFFFFF; }

.headerMenuSecondaire li {
  color: #333333; }
  .headerMenuSecondaire li.active {
    text-decoration: underline;
    color: #000000; }

.headerMenuSecondaireIcon {
  vertical-align: middle;
  font-size: 20px; }

.headerMenuSecondaireLien, .headerMenuSecondaireConcession a {
  color: inherit;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  padding: 9px 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative; }
  .headerMenuSecondaireLien:hover, .headerMenuSecondaireConcession a:hover, .headerMenuSecondaireLien:active, .headerMenuSecondaireConcession a:active {
    text-decoration: underline;
    color: #000000; }
  .headerMenuSecondaireLienPastille {
    position: absolute;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-color: red;
    top: 0em;
    right: -1.5em;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5em; }

.headerMenuSecondaireTexte {
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  padding: 9px 0;
  vertical-align: middle; }

.headerMenuSecondaireGauche li {
  padding-right: 30px; }
  .headerMenuSecondaireGauche li:last-child {
    padding-right: 0; }

.headerMenuSecondaireDroite li {
  padding-left: 30px; }
  .headerMenuSecondaireDroite li:first-child {
    padding-left: 0; }

.headerMenuSecondaireConcession {
  padding: 0 30px 0 0 !important; }
  .headerMenuSecondaireConcession a {
    background: #FFCC33;
    padding: 9px 30px 9px 15px;
    border-bottom-right-radius: 100px; }
  .headerMenuSecondaireConcessionPanel {
    padding: 20px;
    padding-bottom: 0;
    position: absolute;
    background: #FFFFFF;
    min-width: 375px; }

.headerMenuSecondaireOffres {
  max-height: 830px;
  min-width: 610px;
  padding: 0; }
  .headerMenuSecondaireOffres md-menu-item {
    overflow: hidden;
    padding: 20px;
    height: 100%; }
    .headerMenuSecondaireOffres md-menu-item > * {
      margin: 0; }

.headerMobile {
  display: none; }

.headerResultatRecherche {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 16;
  font-size: 0.9rem; }
  .headerResultatRecherche .colPGauche {
    font-size: 1.1rem; }
  .headerResultatRecherche .container {
    background: #FFFFFF;
    padding: 20px 40px; }
  .headerResultatRechercheContainerMobile {
    height: calc(100% - 56px);
    overflow: hidden;
    overflow-y: auto; }
    .headerResultatRechercheContainerMobile .headerResultatRecherche {
      position: static; }
      .headerResultatRechercheContainerMobile .headerResultatRecherche .container {
        padding: 0; }
  .headerResultatRechercheBackdrop {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 15;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .headerResultatRechercheLigne > div:nth-child(n + 3) {
    padding-top: 20px; }
  .headerResultatRechercheLigne > div:nth-child(odd) {
    padding-right: 15px; }
  .headerResultatRechercheLigne > div:nth-child(even) {
    padding-left: 15px; }
  .headerResultatRechercheTitre {
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 10px; }
  .headerResultatRechercheItem {
    margin-bottom: 10px; }
    .headerResultatRechercheItem a {
      display: block; }
      .headerResultatRechercheItem a > span {
        display: block; }
    .headerResultatRechercheItem i {
      font-size: 20px;
      padding-right: 5px; }
    .headerResultatRechercheItem:last-child {
      margin-bottom: 0; }
    .headerResultatRechercheItemNom {
      font-weight: bold;
      color: #333333; }
    .headerResultatRechercheItemPrix {
      color: #FFCC33;
      font-size: 1.1rem;
      line-height: 1; }
      .headerResultatRechercheItemPrix > span {
        font-size: 0.8rem; }
    .headerResultatRechercheItemDetail {
      font-size: 0.8rem; }
    .headerResultatRechercheItemTel {
      font-size: 0.8rem;
      vertical-align: middle; }

.headerBarreRecherche {
  background: #333333;
  overflow: hidden;
  max-height: 0;
  transition: 400ms;
  z-index: 16;
  position: relative; }
  .headerBarreRecherche.active {
    max-height: 48px; }
  .headerBarreRechercheInput {
    border: none;
    background: transparent;
    width: 100%;
    color: #FFFFFF;
    padding: 15px 0;
    height: 48px;
    font-weight: normal; }
    .headerBarreRechercheInput:focus, .headerBarreRechercheInput:active {
      outline: none; }
  .headerBarreRechercheForm {
    position: relative;
    width: 100%; }
  .headerBarreRechercheButton {
    background: transparent;
    border: none;
    padding: 0;
    color: #FFCC33;
    display: none;
    font-size: 30px; }
    .headerBarreRechercheButton.active {
      display: block; }
    .headerBarreRechercheButton i {
      display: block; }

@media (max-width: 959px) {
  .headerResultatRecherche .colPGauche {
    padding: 0; }
    .headerResultatRecherche .colPGauche .headerResultatRechercheTitre {
      margin-top: 0; }
  .headerResultatRecherche .colDoublePdroit {
    padding: 0; }
  .headerResultatRechercheLigne > div:nth-child(n + 3) {
    padding-top: 0; }
  .headerResultatRechercheLigne > div:nth-child(odd) {
    padding-right: 0; }
  .headerResultatRechercheLigne > div:nth-child(even) {
    padding-left: 0; }
  .headerResultatRechercheTitre {
    margin-top: 25px; }
  .headerMobile {
    display: block; }
    .headerMobileIcon--ouvrir {
      font-size: 70px; }
    .headerMobileMasque {
      position: fixed;
      background: #000000;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      display: none;
      z-index: 900;
      opacity: 0; }
      .headerMobileMasque.active {
        display: block;
        opacity: 0.3; }
        .headerMobileMasque.active-add, .headerMobileMasque.active-remove {
          display: block;
          opacity: 0.3; }
  .headerNavigationMobileTitre {
    font-weight: normal;
    text-align: center;
    margin: 0; }
  .headerNavigationMobileLogo {
    text-align: center; }
    .headerNavigationMobileLogo a {
      display: block;
      border-bottom: 1px solid #cccccc; }
    .headerNavigationMobileLogo img {
      display: block;
      width: 100%;
      padding: 5px 20px; }
  .headerNavigationMobilePanier {
    text-align: right;
    padding-right: 20px;
    padding-left: 10px; }
    .headerNavigationMobilePanier img {
      width: 35px; }
    .headerNavigationMobilePanier a {
      display: block;
      position: relative; }
    .headerNavigationMobilePanierNombre {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 20px;
      display: block;
      background: #FFCC33;
      font-size: 0.9rem; }
  .headerNavigationMobileLien {
    display: block; }
  .headerNavigationMobileInterne {
    z-index: 1000;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    display: none;
    transition: 400ms;
    transition-timing-function: ease-in;
    background: #FFFFFF;
    height: 100vh; }
    .headerNavigationMobileInterne.active {
      display: block; }
      .headerNavigationMobileInterne.active-add, .headerNavigationMobileInterne.active-remove {
        display: block; }
  .headerBarreRechercheMobile {
    background: #000000;
    height: 56px; }
    .headerBarreRechercheMobileIcon {
      width: 56px;
      height: 56px;
      max-width: 56px;
      line-height: 56px;
      font-size: 56px; }
      .headerBarreRechercheMobileIcon--fermer {
        background: #FFFFFF;
        color: #333333;
        text-align: center; }
        .headerBarreRechercheMobileIcon--fermer:active, .headerBarreRechercheMobileIcon--fermer:focus {
          outline: none; }
      .headerBarreRechercheMobileIcon--bouton {
        background: transparent;
        border: none;
        display: block;
        text-align: center;
        color: #FFCC33;
        font-size: 30px;
        padding: 0; }
        .headerBarreRechercheMobileIcon--bouton:active, .headerBarreRechercheMobileIcon--bouton:focus {
          outline: none; }
    .headerBarreRechercheMobileInput {
      font-weight: normal;
      padding: 19px;
      line-height: 1;
      border: none;
      color: #FFFFFF;
      background: transparent; }
      .headerBarreRechercheMobileInput:active, .headerBarreRechercheMobileInput:focus {
        outline: none; }
  .headerMenuMobile {
    height: calc(100% - 56px);
    overflow: hidden;
    overflow-y: auto; }
    .headerMenuMobile li {
      border-bottom: 1px solid #eeeeee; }
      .headerMenuMobile li:first-child {
        border-top: 1px solid #000000; }
      .headerMenuMobile li.headerMenuMobileSeparateur {
        border-bottom: 1px solid #cccccc; }
      .headerMenuMobile li:nth-child(-n+3) {
        background: #333333;
        border-bottom: 1px solid #000000; }
        .headerMenuMobile li:nth-child(-n+3) .headerMenuMobileLien {
          color: #FFFFFF; }
    .headerMenuMobileLien {
      display: block;
      color: #000000;
      font-size: 18px;
      padding: 15px 50px 15px 15px;
      position: relative; }
    .headerMenuMobileIcon {
      position: absolute;
      font-size: 35px;
      width: 35px;
      height: 35px;
      right: 5px;
      top: 0;
      bottom: 0;
      margin: auto; } }

@media (min-width: 600px) and (max-width: 959px) {
  .headerNavigationMobileTitre {
    font-size: 1.5rem; }
  .headerNavigationMobileInterne {
    width: 50%; }
    .headerNavigationMobileInterne.active {
      left: 0; }
  .headerNavigationMobileLogo img {
    max-width: 500px;
    padding: 15px 20px;
    margin: auto; } }

@media (max-width: 599px) {
  .headerNavigationMobileTitre {
    font-size: 1.4rem; }
  .headerNavigationMobileInterne {
    width: 100%;
    left: auto;
    right: -100%; }
    .headerNavigationMobileInterne.active {
      right: 0; }
  .headerMenuSecondaireConcessionToast {
    position: fixed !important; }
    .headerMenuSecondaireConcessionToast .md-toast-content {
      display: block;
      padding-top: 20px; }
      .headerMenuSecondaireConcessionToast .md-toast-content::before {
        content: none; }
      .headerMenuSecondaireConcessionToast .md-toast-content a, .headerMenuSecondaireConcessionToast .md-toast-content span {
        display: block;
        text-align: center; }
      .headerMenuSecondaireConcessionToast .md-toast-content .md-highlight span {
        color: #FFFFFF; } }

.content-full {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background-color: #eeeeee;
  height: auto;
  min-height: auto;
  max-height: auto; }

#scroolTop {
  position: fixed;
  right: 20px;
  bottom: 10%; }
  #scroolTop button {
    width: 35px;
    height: 35px;
    min-height: 35px;
    min-width: 35px;
    margin: 0;
    padding: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: background 400ms;
    -moz-transition: background 400ms;
    -ms-transition: background 400ms;
    -o-transition: background 400ms;
    transition: background 400ms; }
    #scroolTop button:hover {
      background: rgba(0, 0, 0, 0.7); }

.footerSection {
  background-color: #333333;
  border-top: 1px solid #666666;
  padding-top: 35px;
  padding-bottom: 35px; }
  .footerSection--filAriane {
    padding-top: 10px;
    padding-bottom: 10px; }
  .footerSectionBas {
    background-color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFFFFF; }
  .footerSection:first-child {
    border-top: 0; }

.footerIcon {
  color: #FFFFFF;
  font-size: 30px;
  padding-right: 10px; }
  .footerIcon--mobile {
    display: none; }
  .footerIcon.block {
    display: block; }

.footerCol {
  padding-right: 30px; }

.footerTitre {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  color: #FFFFFF; }

.footerListeSocial {
  margin-top: 15px; }
  .footerListeSocial li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    color: #FFFFFF; }
    .footerListeSocial li:last-child {
      margin-right: 0; }
    .footerListeSocial li a {
      padding: 2px 0;
      color: inherit; }

.footerListe li {
  color: #FFFFFF;
  line-height: 1.57; }
  .footerListe li a {
    padding: 2px 0;
    color: inherit; }

.footerTexte {
  color: #FFFFFF;
  line-height: 1.57;
  margin: 0; }

.footer a {
  color: inherit;
  line-height: 1.57;
  cursor: pointer; }
  .footer a:hover {
    text-decoration: underline; }

.footerListeSocial a:hover {
  text-decoration: none; }

.footer #notation {
  color: white; }
  .footer #notation .logo {
    height: 100px;
    padding-right: 15px; }
  .footer #notation .avis {
    float: right; }
  .footer #notation .etoiles {
    float: left;
    height: 26px;
    width: 102px;
    margin-top: 15px;
    background-size: 100px auto;
    background-image: url("https://api.renault-retail-group.fr/images/ekomi/etoiles.png");
    background-repeat: no-repeat; }
    .footer #notation .etoiles .etoiles-note {
      background-size: 102px auto;
      background-image: url("https://api.renault-retail-group.fr/images/ekomi/etoiles-blanches.png");
      background-repeat: no-repeat;
      height: 26px;
      margin: -4px 0px 0px 0px; }

.footerFilAriane li {
  color: #FFFFFF;
  opacity: 0.6; }
  .footerFilAriane li::after {
    content: '>';
    color: inherit;
    padding: 0 10px; }
  .footerFilAriane li:last-child::after {
    content: none; }
  .footerFilAriane li:last-child {
    opacity: 1; }

@media (min-width: 600px) and (max-width: 959px) {
  .footerSection {
    padding-top: 20px;
    padding-bottom: 20px; }
  .footerCol {
    padding: 10px 25px 10px 0; } }

@media (max-width: 599px) {
  .footerSection {
    padding-top: 15px;
    padding-bottom: 15px; }
    .footerSection--retractable {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0; }
      .footerSection--retractable .footerCol {
        padding: 20px 10px; }
  .footerCol {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0; }
    .footerCol--retractable {
      border-bottom: 1px solid #666666;
      padding: 20px 10px; }
  .footerTitre {
    cursor: pointer;
    position: relative; }
    .footerTitre.active + .footerListe {
      display: block; }
  .footerListe {
    display: none; }
    .footerListe li {
      padding-top: 10px; }
    .footerListeSocial {
      display: block;
      text-align: center; }
  .footerIcon {
    width: 40px;
    min-width: 40px;
    max-width: 40px; }
    .footerIcon--mobile {
      display: block;
      position: absolute;
      font-size: 35px;
      width: 35px;
      height: 35px;
      right: 5px;
      top: 0;
      bottom: 0;
      margin: auto;
      color: #FFCC33; } }

.rrg-btnPrincipal {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnPrincipal::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnPrincipal:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnSecondaire::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  padding-right: 3em; }
  .rrg-btnTertiaire::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire:hover {
    background-color: #555555 !important; }
  .rrg-btnTertiaire:visited {
    color: #FFFFFF; }

.rrg-btnTertiaire-alt {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 3em; }
  .rrg-btnTertiaire-alt::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-alt:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnPrincipal-acheter {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnPrincipal-acheter::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnPrincipal-acheter:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire-acheter {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnSecondaire-acheter::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire-acheter:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-acheter {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  padding-right: 3em; }
  .rrg-btnTertiaire-acheter::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-acheter:hover {
    background-color: #555555 !important; }

.rrg-btnTertiaire-alt-acheter {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 3em; }
  .rrg-btnTertiaire-alt-acheter::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-alt-acheter:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnPrincipal-geolocalisation {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnPrincipal-geolocalisation::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnPrincipal-geolocalisation:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire-geolocalisation {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnSecondaire-geolocalisation::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire-geolocalisation:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-geolocalisation {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  padding-right: 3em; }
  .rrg-btnTertiaire-geolocalisation::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-geolocalisation:hover {
    background-color: #555555 !important; }

.rrg-btnTertiaire-alt-geolocalisation {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 3em; }
  .rrg-btnTertiaire-alt-geolocalisation::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-alt-geolocalisation:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnPrincipal-plus {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnPrincipal-plus::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnPrincipal-plus:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire-plus {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnSecondaire-plus::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire-plus:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-plus {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  padding-right: 3em; }
  .rrg-btnTertiaire-plus::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-plus:hover {
    background-color: #555555 !important; }

.rrg-btnTertiaire-alt-plus {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 3em; }
  .rrg-btnTertiaire-alt-plus::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-alt-plus:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnPrincipal-full {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnPrincipal-full::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnPrincipal-full:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire-full {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em; }
  .rrg-btnSecondaire-full::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire-full:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnSecondaire-full-alerte {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #cccccc;
  color: #000000;
  padding-right: 3em;
  margin: 0; }
  .rrg-btnSecondaire-full-alerte::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnSecondaire-full-alerte:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-full {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #333333;
  color: #FFFFFF;
  padding-right: 3em; }
  .rrg-btnTertiaire-full::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-full:hover {
    background-color: #555555 !important; }

.rrg-btnTertiaire-alt-full {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #000000;
  padding-right: 3em; }
  .rrg-btnTertiaire-alt-full::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-alt-full:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnClassique {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: "transparent";
  color: black;
  font-variant: small-caps; }
  .rrg-btnClassique:hover {
    text-decoration: underline;
    background-color: white !important;
    cursor: pointer; }

.rrgBtnNavPrimaire {
  padding: 10px 0;
  width: 100%;
  border-radius: 0;
  min-width: 10px;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFCC33;
  color: #000000; }

.rrgBtnNavSecondaire {
  padding: 10px 0;
  width: 100%;
  border-radius: 0;
  min-width: 10px;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000; }

.rrg-carre, .rrg-btnPrincipal-carre, .rrg-btnSecondaire-carre, .rrg-btnTertiaire-carre, .rrg-btnTertiaire-alt-carre {
  padding: 40px 5px 30px;
  width: 152px;
  border-radius: 0;
  border-bottom: 2px solid #666666;
  line-height: 1;
  white-space: normal;
  word-wrap: break-word;
  height: 152px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none; }
  .rrg-carre i, .rrg-btnPrincipal-carre i, .rrg-btnSecondaire-carre i, .rrg-btnTertiaire-carre i, .rrg-btnTertiaire-alt-carre i {
    font-size: 2.5rem;
    font-family: 'icon-rrg';
    overflow: hidden;
    display: block;
    padding-bottom: 20px; }

.rrg-btnPrincipal-carre {
  background-color: #FFCC33; }
  .rrg-btnPrincipal-carre:hover {
    background-color: #FFDE00 !important; }

.rrg-btnSecondaire-carre {
  background-color: #cccccc; }
  .rrg-btnSecondaire-carre:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-carre {
  color: #FFFFFF;
  background-color: #333333; }
  .rrg-btnTertiaire-carre:hover {
    background-color: #555555 !important; }

.rrg-btnTertiaire-alt-carre {
  background-color: #FFFFFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom-color: #000000; }
  .rrg-btnTertiaire-alt-carre:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnLienSimple {
  text-transform: uppercase;
  font-weight: bold;
  color: #000000;
  display: inline-block;
  font-size: 0.95rem;
  padding: 20px 20px 20px 0;
  cursor: pointer;
  position: relative; }
  .rrg-btnLienSimple span, .rrg-btnLienSimple i {
    line-height: 1;
    vertical-align: middle; }
  .rrg-btnLienSimple i:first-child {
    font-size: 22px;
    padding-right: 5px; }
  .rrg-btnLienSimple span + i {
    font-size: 0.95rem;
    padding: 0;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.rrg-btnTertiaire-blanc {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 0;
  padding-right: 3em; }
  .rrg-btnTertiaire-blanc::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-blanc:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-blanc-simple {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 0; }
  .rrg-btnTertiaire-blanc-simple:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnTertiaire-blanc-full {
  padding: 1.0625em 2.5em;
  width: 100%;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #000000;
  border: 0;
  padding-right: 3em; }
  .rrg-btnTertiaire-blanc-full::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnTertiaire-blanc-full:hover {
    background-color: #e1e1e1 !important; }

.rrg-btnVignetteContenuHover {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #FFFFFF;
  padding: 0 12px;
  color: #FFFFFF;
  font-size: inherit;
  text-transform: initial;
  margin: 0 0 15px; }
  .rrg-btnVignetteContenuHover i {
    vertical-align: middle;
    font-size: 25px;
    padding-right: 12px; }

.rrg-btnVignetteOffre {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #FFFFFF;
  color: #333333;
  padding-right: 3em;
  font-size: 0.9rem; }
  .rrg-btnVignetteOffre::after {
    color: #333333;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrg-btnVignetteOffre::after {
    font-size: 1rem;
    top: 0.9em; }

.rrgBtnVignette, .rrgBtnVignetteComparer, .rrgBtnVignetteFavoris, .rrgBtnVignetteSupprimer {
  padding: 1.0625em 2.5em;
  width: auto;
  border-radius: 0;
  border: none;
  line-height: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  padding-right: 3em;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  padding: 12px 20px 12px 50px;
  text-transform: none;
  font-weight: normal;
  font-size: 1rem; }
  .rrgBtnVignette::after, .rrgBtnVignetteComparer::after, .rrgBtnVignetteFavoris::after, .rrgBtnVignetteSupprimer::after {
    color: #FFFFFF;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .rrgBtnVignette::after, .rrgBtnVignetteComparer::after, .rrgBtnVignetteFavoris::after, .rrgBtnVignetteSupprimer::after {
    right: auto;
    left: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .rrgBtnVignette:hover, .rrgBtnVignetteComparer:hover, .rrgBtnVignetteFavoris:hover, .rrgBtnVignetteSupprimer:hover {
    background-color: #e1e1e1 !important; }

.rrgBtnVignetteComparer::after {
  content: '\e9c0'; }

.rrgBtnVignetteComparer.active::after {
  content: "\e9e3"; }

.rrgBtnVignetteFavoris::after {
  content: '\e94c'; }

.rrgBtnVignetteFavoris.active::after {
  content: "\e9e2"; }

.rrgBtnVignetteSupprimer::after {
  content: '\e9c2'; }

.btnIconSimple {
  position: absolute;
  z-index: 1;
  background: #FFFFFF;
  border-radius: .5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  top: 10px;
  right: 60px;
  width: 36px;
  height: 36px; }
  .btnIconSimple:hover {
    background: #eeeeee !important; }
  .btnIconSimple i {
    display: block;
    font-size: 36px;
    color: #000000; }

.btnFermerDialogPleine {
  z-index: 1;
  background: #FFCC33;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 10px;
  right: 60px; }
  .btnFermerDialogPleine:hover {
    background: #FFDE00 !important; }
  .btnFermerDialogPleine i {
    display: block;
    font-size: 36px;
    color: #000000; }

.btnFermerSideNav {
  z-index: 1;
  background: #FFCC33;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  position: absolute;
  right: 10px;
  top: 10px; }
  .btnFermerSideNav:hover {
    background: #FFDE00 !important; }
  .btnFermerSideNav i {
    display: block;
    font-size: 36px;
    color: #000000; }

.btnAction {
  z-index: 1;
  background: #FFFFFF;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  width: auto;
  height: auto;
  border-radius: 0; }
  .btnAction:hover {
    background: #eeeeee !important; }
  .btnAction i {
    display: block;
    font-size: 36px;
    color: #000000; }

.btnIco {
  z-index: 1;
  background: #FFFFFF;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  width: 36px;
  height: 36px; }
  .btnIco:hover {
    background: #eeeeee !important; }
  .btnIco i {
    display: block;
    font-size: 36px;
    color: #000000; }

.btnActionAbsolute {
  z-index: 1;
  background: #FFFFFF;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  position: absolute;
  border-radius: 0; }
  .btnActionAbsolute:hover {
    background: #eeeeee !important; }
  .btnActionAbsolute i {
    display: block;
    font-size: 36px;
    color: #000000; }

.md-button.md-default-theme[disabled], .md-button[disabled] {
  background-color: #cccccc;
  opacity: 0.5; }
  .md-button.md-default-theme[disabled]::after, .md-button[disabled]::after {
    color: currentColor; }
  .md-button.md-default-theme[disabled]:hover, .md-button[disabled]:hover {
    background-color: #cccccc !important; }

.rrg-btnPrincipal, .rrg-btnSecondaire, .rrg-btnTertiaire, .rrg-btnTertiaire-alt, .rrg-btnTertiaire-blanc {
  white-space: normal; }
  .rrg-btnPrincipal::after, .rrg-btnSecondaire::after, .rrg-btnTertiaire::after, .rrg-btnTertiaire-alt::after, .rrg-btnTertiaire-blanc::after {
    top: 0;
    margin: auto;
    width: 20px;
    bottom: 0;
    height: 20px; }
  .rrg-btnPrincipal-full, .rrg-btnSecondaire-full, .rrg-btnTertiaire-full, .rrg-btnTertiaire-alt-full, .rrg-btnTertiaire-blanc-full {
    white-space: normal; }
    .rrg-btnPrincipal-full::after, .rrg-btnSecondaire-full::after, .rrg-btnTertiaire-full::after, .rrg-btnTertiaire-alt-full::after, .rrg-btnTertiaire-blanc-full::after {
      top: 0;
      margin: auto;
      width: 20px;
      bottom: 0;
      height: 20px; }

.rrg-btnGrisArrondis {
  background-color: #eeeeee;
  color: #000000;
  border-radius: 25px;
  padding: 12px 24px; }

.rrgBtnFermer, .rrgBtnFermerAbsolute {
  z-index: 1;
  background: #FFFFFF;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 5px; }
  .rrgBtnFermer:hover, .rrgBtnFermerAbsolute:hover {
    background: #FFFFFF !important; }
  .rrgBtnFermer i, .rrgBtnFermerAbsolute i {
    font-size: 25px;
    color: #666666;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle; }

.rrgBtnPicto {
  z-index: 1;
  background: #FFFFFF;
  border-radius: 0.5em;
  margin: 0;
  min-width: 0;
  line-height: 1;
  min-height: 0;
  padding: 5px; }
  .rrgBtnPicto:hover {
    background: #FFFFFF !important; }
  .rrgBtnPicto i {
    font-size: 25px;
    color: #666666;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle; }

.rrgBtnFermerAbsolute {
  position: absolute;
  right: 0;
  top: 0; }

.md-panel.rrg-tooltip {
  background-color: #cccccc;
  opacity: 1;
  white-space: normal;
  height: auto;
  padding: 10px;
  line-height: normal;
  font-weight: normal;
  margin: 0; }
  .md-panel.rrg-tooltip.md-origin-bottom {
    margin-top: 5px; }
  .md-panel.rrg-tooltip .title {
    line-height: 1;
    font-size: 0.7rem;
    font-weight: normal;
    color: #000000;
    margin: 0; }
    .md-panel.rrg-tooltip .title + .body {
      padding-top: 10px; }
  .md-panel.rrg-tooltip .body {
    font-weight: normal;
    font-size: 0.7rem;
    color: #000000;
    margin: 0;
    line-height: 1; }
    .md-panel.rrg-tooltip .body + .body {
      padding-top: 10px; }
  .md-panel.rrg-tooltip .md-content {
    height: auto;
    background-color: transparent;
    white-space: normal; }

.rrgTooltipModalite {
  font-size: 11px;
  line-height: 1.1;
  display: block; }

.rrgTooltipModaliteMensualite {
  cursor: pointer;
  position: relative;
  padding-bottom: 5px; }
  .rrgTooltipModaliteMensualiteInfos {
    font-size: 0.7rem;
    line-height: 1;
    display: block; }
  .rrgTooltipModaliteMensualitePrix {
    color: #000000;
    font-size: 0.9rem;
    display: block;
    position: relative;
    height: 100%; }
    .rrgTooltipModaliteMensualitePrix:hover + .rrgTooltipModaliteMensualiteTexte {
      display: block; }
    .rrgTooltipModaliteMensualitePrix i {
      color: #999999;
      vertical-align: middle; }
  .rrgTooltipModaliteMensualiteTexte {
    opacity: 0.8;
    color: #000000;
    font-size: 0.7rem;
    position: absolute;
    left: -21px;
    right: -21px;
    top: calc(100% + 10px);
    z-index: 10;
    padding: 10px 20px;
    background: #eeeeee;
    border: 1px solid #cccccc;
    display: none; }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .rrgTooltipModaliteMensualite {
    padding: 10px 15px; } }

md-select.md-default-theme ._md-select-value._md-select-placeholder,
md-select ._md-select-value._md-select-placeholder,
md-input-container.md-default-theme label,
md-input-container label,
md-input-container.md-default-theme ._md-placeholder,
md-input-container ._md-placeholder,
.md-default-theme .md-datepicker-input,
.md-datepicker-input,
md-input-container.md-default-theme .md-input:-moz-placeholder,
md-input-container .md-input:-moz-placeholder,
.md-default-theme .md-datepicker-input:-moz-placeholder,
.md-datepicker-input:-moz-placeholder {
  color: #000000 !important;
  font-size: 1.1em;
  opacity: 1 !important;
  font-weight: lighter; }

md-input-container .md-errors-spacer {
  min-height: 10px; }

md-select .md-select-value {
  border-bottom-color: #333333; }
  md-select .md-select-value.md-select-placeholder {
    color: #333333; }

.mdRadioGroupInline {
  padding: 20px 0; }

md-optgroup label {
  color: #333333; }

._md-select-value > span:not(._md-select-icon) {
  padding: 10px; }

.md-default-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle,
.md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: #000000; }

.md-datepicker-input-container {
  width: calc(100% - 68px) !important; }

.rrgForm {
  background: #FFFFFF; }
  .rrgForm--border {
    border: 1px solid #cccccc; }
  .rrgFormChamp {
    border: 0;
    width: 100%; }
    .rrgFormChampDroit > input, .rrgFormChampDroit md-autocomplete {
      border-left: 1px solid #cccccc !important; }
    .rrgFormChamp input, .rrgFormChamp md-autocomplete {
      margin: 0;
      padding: 0 10px;
      font-weight: normal;
      min-height: 30px;
      height: 30px;
      width: 100%;
      min-width: 0;
      font-size: 0.9rem;
      border-radius: 0;
      border: 0; }
      .rrgFormChamp input:focus, .rrgFormChamp md-autocomplete:focus {
        outline: none; }
    .rrgFormChamp i {
      padding: 2px 10px;
      border-right: 1px solid #cccccc;
      font-size: 26px; }
    .rrgFormChamp md-autocomplete input {
      padding: 0;
      height: 100%;
      font-weight: normal;
      line-height: 1;
      font-size: 0.9rem; }
    .rrgFormChamp md-autocomplete md-autocomplete-wrap {
      box-shadow: none;
      height: 100%; }
    .rrgFormChamp md-autocomplete md-progress-linear {
      display: none; }
  .rrgFormSubmit {
    background: #FFCC33;
    font-weight: bold;
    border-radius: 0;
    margin: 0;
    padding: 15px;
    line-height: 1;
    min-height: 0;
    min-width: 55px; }
    .rrgFormSubmit:hover {
      background: #FFDE00 !important; }
  .rrgFormMobile {
    width: 100%; }
    .rrgFormMobile .rrgFormChamp {
      width: 100%; }
      .rrgFormMobile .rrgFormChamp i {
        display: none; }
      .rrgFormMobile .rrgFormChamp md-autocomplete {
        border: 0;
        margin: 0;
        padding: 10px 20px;
        font-weight: lighter;
        min-height: 50px;
        height: 50px;
        width: 100%;
        min-width: 0;
        font-size: 0.9rem;
        border-radius: 0; }
        .rrgFormMobile .rrgFormChamp md-autocomplete:focus {
          outline: none; }
        .rrgFormMobile .rrgFormChamp md-autocomplete button {
          margin-right: -9px; }
        .rrgFormMobile .rrgFormChamp md-autocomplete input {
          padding: 0;
          height: 100%;
          font-weight: lighter;
          line-height: 1;
          font-size: 1.2rem; }
        .rrgFormMobile .rrgFormChamp md-autocomplete md-autocomplete-wrap {
          box-shadow: none;
          height: 100%; }
        .rrgFormMobile .rrgFormChamp md-autocomplete md-progress-linear {
          display: none; }
        .rrgFormMobile .rrgFormChamp md-autocomplete + md-autocomplete {
          margin-top: 10px; }
      .rrgFormMobile .rrgFormChampDroit {
        margin-top: 10px;
        width: 100%; }
        .rrgFormMobile .rrgFormChampDroit button {
          padding: 18px; }

.rrg-md-select-chevronBas ._md-select-value ._md-select-icon {
  font-size: 25px;
  font-family: 'rrg-icon' !important; }
  .rrg-md-select-chevronBas ._md-select-value ._md-select-icon::after {
    content: '\e928';
    top: auto;
    transform: none; }

.rrgColumnFormBtn .md-button + .md-button {
  margin-top: 10px; }

.rrgColumnForm md-input-container {
  margin: 15px 0 0;
  padding: 0 0 5px;
  display: block; }
  .rrgColumnForm md-input-container .md-errors-spacer {
    min-height: 0;
    position: absolute;
    right: 0;
    top: 30px; }
  .rrgColumnForm md-input-container + [class^="rrg-btn"], .rrgColumnForm md-input-container + .rrgColumnFormBtn {
    margin-top: 10px; }
  .rrgColumnForm md-input-container md-radio-group {
    padding: 0; }

.rrgColumnForm md-radio-group {
  padding: 0 0 5px;
  margin: 15px 0 0; }
  .rrgColumnForm md-radio-group + [class^="rrg-btn"] {
    margin-top: 15px; }

.rrgColumnForm p {
  margin: 15px 0 0;
  padding: 0 0 5px; }

.rrgColumnForm h6 {
  margin: 0;
  font-weight: bold; }

.errorTitle {
  margin-bottom: 40px; }

.errorLinks {
  margin-bottom: 40px; }
  .errorLinks a {
    margin: 0 20px; }

.errorImg {
  max-width: 400px;
  margin-bottom: 40px; }
  .errorImgNumber {
    width: 200px;
    margin-bottom: 80px; }

.vAccordion--default v-pane-header {
  margin-bottom: 0;
  margin-top: 10px;
  padding: 0; }
  .vAccordion--default v-pane-header::after, .vAccordion--default v-pane-header::before {
    right: 2%; }

.vAccordion--default v-pane-header p {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }
  .vAccordion--default v-pane-header p span {
    vertical-align: middle; }
  .vAccordion--default v-pane-header p i {
    font-size: 1.5rem;
    padding-right: 10px;
    vertical-align: middle; }

.userAccordion.vAccordion--default v-pane {
  border: 1px solid #eeeeee;
  border-left: 0;
  border-right: 0; }
  .userAccordion.vAccordion--default v-pane + v-pane {
    margin-top: 15px; }
  .userAccordion.vAccordion--default v-pane v-pane-header {
    border-bottom: 0;
    margin: 0;
    padding: 20px; }
    .userAccordion.vAccordion--default v-pane v-pane-header::after, .userAccordion.vAccordion--default v-pane v-pane-header::before {
      right: 2%; }
  .userAccordion.vAccordion--default v-pane v-pane-content > div {
    padding: 0; }
  .userAccordion.vAccordion--default v-pane v-pane-content form {
    padding: 0; }

v-pane-header,
v-pane-content {
  background: #FFFFFF; }

v-pane-content .md-inline-form {
  padding-left: 16px;
  padding-right: 16px; }

.v-pane-content-container {
  padding: 0 20px 10px; }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .userAccordion.vAccordion--default v-pane + v-pane {
    margin-top: 30px; } }

.rrg-videojs {
  height: 100%; }
  .rrg-videojs .video-js {
    width: 100%;
    height: 100%;
    font-size: 0.9em; }
  .rrg-videojs .video-js .vjs-big-play-button,
  .rrg-videojs .video-js .vjs-play-progress,
  .rrg-videojs .video-js .vjs-volume-level {
    background-color: #FFCC33; }
  .rrg-videojs .video-js .vjs-control:hover::before, .rrg-videojs .video-js .vjs-control:focus::before {
    text-shadow: 0 0 1em #FFCC33, 0 0 1em #FFCC33, 0 0 1em #FFCC33; }
  .rrg-videojs .video-js .vjs-fullscreen-control.vjs-control,
  .rrg-videojs .vjs-big-play-button {
    display: none; }
  .rrg-videojs .vjs-has-started .vjs-control-bar {
    background: #000000;
    opacity: 0.8; }
  .rrg-videojs .vjs-loading-spinner {
    border: 6px solid #000000; }
  .rrg-videojs .video-js .vjs-load-progress div {
    background: #999999;
    opacity: 0.75; }

.rrgActusListes a {
  display: block; }

.rrgActusHeader {
  text-align: right;
  font-size: 0;
  padding-bottom: 20px; }
  .rrgActusHeader li {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    padding: 7px 15px;
    position: relative;
    outline: none;
    cursor: pointer; }
    .rrgActusHeader li.active {
      background: #eeeeee; }
      .rrgActusHeader li.active::after {
        content: '';
        border: 10px solid #eeeeee;
        border-bottom: 0;
        border-left-color: transparent;
        border-right-color: transparent;
        position: absolute;
        top: 100%;
        width: 20px;
        left: 0;
        right: 0;
        margin: auto; }

.rrgActu {
  background: #FFFFFF;
  list-style: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  cursor: pointer; }
  .rrgActu .grid-img {
    width: 100%;
    vertical-align: middle;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
    background-color: #fff;
    opacity: 0;
    visibility: hidden; }
  .rrgActu .grid-img.img-loaded {
    visibility: visible;
    opacity: 1; }
  .rrgActuHeader img {
    display: block;
    width: 100%; }
  .rrgActuContenu {
    padding-top: 15px;
    padding-bottom: 0; }
  .rrgActuLogo {
    padding-right: 15px;
    width: 65px;
    min-width: 65px;
    height: 50px; }
    .rrgActuLogo img {
      display: block;
      max-width: 100%; }
    .rrgActuLogo .facebook {
      color: #4b6fa8;
      font-size: 50px; }
    .rrgActuLogo .twitter {
      color: #00b9e4;
      font-size: 50px; }
    .rrgActuLogo .instagram {
      color: #e4405f;
      font-size: 50px; }
  .rrgActuTitre {
    font-weight: bold;
    font-size: 1rem; }
  .rrgActuTexte {
    font-size: 0.8rem; }

.rrgTab {
  /* Nouvelle concession */ }
  .rrgTabEtape {
    position: relative;
    cursor: pointer; }
    .rrgTabEtape a {
      padding-left: 0;
      display: flex;
      color: #cccccc;
      height: 100%; }
    .rrgTabEtapeContainer {
      padding-left: 0;
      display: flex;
      color: #cccccc;
      height: 100%; }
    .rrgTabEtape .btnActionAbsolute {
      top: 0;
      bottom: 0;
      margin: auto; }
    .rrgTabEtapeContenu {
      display: flex;
      align-items: center;
      list-style-type: none;
      border-bottom: 0.4em solid;
      padding: 1em; }
      .rrgTabEtapeContenu.active {
        color: #333333;
        border-bottom: 0.4em solid; }
    .rrgTabEtapeNumero {
      border: 0.4em solid;
      border-radius: 50%;
      font-weight: bold;
      height: 56px;
      width: 56px;
      min-width: 56px;
      min-height: 56px;
      line-height: 2.6em;
      text-align: center;
      color: inherit; }
    .rrgTabEtapeTitre {
      font-weight: bold;
      font-size: 1.4em;
      color: inherit;
      padding-left: 20px; }
  .rrgTabInterventionPromo {
    color: #FFCC33;
    text-transform: uppercase;
    font-size: 0.9rem; }
  .rrgTabInterventionNouvelleIcon {
    color: #FFCC33;
    font-size: 24px;
    vertical-align: middle; }
  .rrgTabInterventionNouvelleChip {
    background: #FFCC33 !important; }
  .rrgTabCol {
    background: #FFFFFF;
    padding: 20px;
    margin-right: 40px; }
    .rrgTabCol:last-child {
      margin: 0; }
    .rrgTabColSection {
      background: #eeeeee; }
  .rrgTabSelectionHoraire {
    padding: 0;
    min-width: 300px;
    max-height: none; }
    .rrgTabSelectionHoraireDef {
      padding: 20px;
      border-top: 1px solid #eeeeee;
      text-align: center;
      font-size: 0.9rem; }
      .rrgTabSelectionHoraireDefDetail {
        padding-bottom: 5px; }
        .rrgTabSelectionHoraireDefDetail span {
          display: inline-block;
          text-align: center;
          position: relative;
          vertical-align: middle;
          font-weight: bold; }
        .rrgTabSelectionHoraireDefDetail .rrgTabSelectionHoraireAvantage {
          position: static;
          margin-right: 5px; }
    .rrgTabSelectionHoraireAvantage {
      position: absolute;
      right: -15px;
      border-radius: 50%;
      width: 10px;
      height: 10px;
      background: #32ab41;
      top: 0;
      display: inline-block;
      bottom: 0;
      margin: auto;
      background: #32ab41; }
      .rrgTabSelectionHoraireAvantageDetail {
        font-size: 0.8rem; }
    .rrgTabSelectionHoraireListe li {
      text-align: center; }
    .rrgTabSelectionHoraireItem {
      min-width: 70px;
      padding: 5px 0;
      display: inline-block;
      text-align: center;
      transition: 400ms;
      cursor: pointer;
      border-radius: 50px;
      border: 2px solid #FFFFFF;
      position: relative; }
      .rrgTabSelectionHoraireItem:hover {
        border-color: #FFCC33; }
      .rrgTabSelectionHoraireItem.active {
        background: #FFCC33; }
    .rrgTabSelectionHoraireTitre {
      text-align: center;
      padding: 10px;
      text-transform: uppercase;
      background: #eeeeee; }
  .rrgTabRecapitulatif {
    background: #FFFFFF;
    padding: 40px; }
    .rrgTabRecapitulatifPromo {
      color: #666666; }
    .rrgTabRecapitulatifSection {
      padding: 20px 0; }
      .rrgTabRecapitulatifSection:first-child {
        padding-top: 0; }
      .rrgTabRecapitulatifSectionTitre {
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: bold; }
      .rrgTabRecapitulatifSection > div {
        display: inline-block;
        padding-right: 20px;
        min-width: 23%; }
      .rrgTabRecapitulatifSectionBoutons {
        width: 100%; }
        .rrgTabRecapitulatifSectionBoutons .md-button {
          margin-bottom: 15px; }
          .rrgTabRecapitulatifSectionBoutons .md-button:last-child {
            margin-left: 0; }
  .rrgTabListeTypeVehicule {
    padding-bottom: 20px; }
    .rrgTabListeTypeVehicule li {
      padding-left: 20px; }
      .rrgTabListeTypeVehicule li md-radio-button {
        margin-bottom: 0; }
    .rrgTabListeTypeVehiculeNom {
      padding-right: 20px; }
  .rrgTabSection {
    padding: 20px;
    background: #FFFFFF; }
    .rrgTabSection--transparent {
      background: transparent; }
    .rrgTabSection--simple {
      background: transparent;
      padding: 0; }
    .rrgTabSection--vehiculeElectrique {
      background: transparent;
      padding: 0; }
      .rrgTabSection--vehiculeElectrique md-switch {
        margin: 0;
        padding-left: 20px; }
    .rrgTabSection + .rrgTabSection {
      margin-top: 40px; }
    .rrgTabSectionTitre {
      display: flex;
      flex-flow: row nowrap;
      justify-content: start;
      align-items: center;
      margin: 0;
      font-weight: bold;
      font-size: 1.2em;
      color: #000000; }
      .rrgTabSectionTitre i {
        font-size: 1.5rem;
        padding-right: 15px;
        vertical-align: middle; }
        .rrgTabSectionTitre i.rrg-chevron-droite {
          color: #cccccc;
          flex: 1 0 10%;
          margin-right: 0;
          text-align: right; }
      .rrgTabSectionTitre + .rrgTabSectionContenu {
        padding-top: 20px; }
      .rrgTabSectionTitre .moment-picker {
        width: 100%; }
  .rrgTabResumeListeBtn .md-button {
    margin-bottom: 15px; }
  .rrgTabResumeConseiller {
    padding: 20px;
    background: #FFFFFF;
    text-align: center; }
    .rrgTabResumeConseiller i {
      font-size: 30px; }
  .rrgTabResumePanier {
    margin-bottom: 10px; }
    .rrgTabResumePanierContenu {
      background: #FFFFFF;
      padding-top: 20px; }
    .rrgTabResumePanierTitre {
      text-align: center;
      background: transparent;
      margin: 20px 0; }
    .rrgTabResumePanierDetails {
      padding: 0 20px 20px;
      display: block; }
      .rrgTabResumePanierDetails .rrg-etoile {
        font-size: 24px;
        padding: 4px 0 4px 4px;
        float: right; }
      .rrgTabResumePanierDetailsTitre {
        margin-top: 0;
        margin-bottom: 10px; }
    .rrgTabResumePanierConcession {
      padding-bottom: 20px; }
      .rrgTabResumePanierConcession i {
        font-size: 30px;
        padding-right: 10px; }
      .rrgTabResumePanierConcession p {
        margin: 0; }
      .rrgTabResumePanierConcessionNom {
        font-weight: bold;
        text-transform: capitalize; }
      .rrgTabResumePanierConcessionTel {
        font-weight: bold; }
    .rrgTabResumePanierAdresseClient p {
      margin: 0; }
    .rrgTabResumePanierAdresseClientIdentifiant {
      font-weight: bold; }
    .rrgTabResumePanierVehicule p {
      margin: 0; }
    .rrgTabResumePanierVehiculeIdentifiant {
      font-weight: bold; }
  .rrgTabListeSelect li {
    padding-right: 20px; }
    .rrgTabListeSelect li:last-child {
      padding-right: 0; }
  .rrgTabListeSelectIntervention {
    display: block; }
  .rrgTabConfirmation {
    padding: 40px;
    text-align: center;
    background: #FFFFFF; }
    .rrgTabConfirmation i {
      font-size: 35px; }
    .rrgTabConfirmation p {
      text-align: center; }
    .rrgTabConfirmation h3 {
      text-align: center; }
    .rrgTabConfirmationRemerciement {
      font-size: 1.2rem;
      font-weight: bold; }
  .rrgTabNouvelleConcessionIcon {
    color: #FFCC33; }
    .rrgTabNouvelleConcessionIcon i {
      padding-right: 5px;
      padding-left: 15px; }
    .rrgTabNouvelleConcessionIcon span {
      font-family: "RenaultLifeWeb-Regular", "Arial", sans-serif;
      font-size: 16px; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrgTabCol {
    margin-right: 0;
    margin-bottom: 15px;
    display: block; }
  .rrgTabSection + .rrgTabSection {
    margin-top: 15px; }
  .rrgTabEtapeTitre {
    padding-left: 0;
    text-align: center;
    padding-top: 5px; }
  .rrgTabListeSelect li {
    padding: 0 0 10px; }
    .rrgTabListeSelect li:last-child {
      padding-bottom: 0; }
  .rrgTabListeTypeVehicule li {
    padding-top: 10px;
    padding-left: 0; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrgTabCol {
    margin-right: 0;
    margin-bottom: 20px; }
  .rrgTabRecapitulatifSection > div {
    padding-bottom: 20px;
    padding-right: 0;
    width: 100%;
    display: block; }
  .rrgTabRecapitulatifSectionBoutons .md-button {
    margin-left: 0;
    margin-top: 15px; }
    .rrgTabRecapitulatifSectionBoutons .md-button:first-child {
      margin-top: 0; }
  .rrgTabSection + .rrgTabSection {
    margin-top: 30px; }
  .rrgTabResume {
    padding-top: 30px;
    width: 100%; }
    .rrgTabResumeListeBtn .md-button {
      margin-bottom: 30px; }
    .rrgTabResumeConseiller {
      margin-bottom: 20px; }
    .rrgTabResumePanier {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      z-index: 20; }
      .rrgTabResumePanierMasque {
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1; }
      .rrgTabResumePanierContenu {
        background: #FFFFFF;
        display: none; }
        .rrgTabResumePanierContenu.active {
          display: block;
          overflow-y: auto;
          max-height: 75vh; }
  .rrgTabEtape {
    height: 100%; }
    .rrgTabEtapeTitre {
      padding-left: 0;
      padding-top: 5px;
      text-align: center; }
  .rrgTabSelectionItem {
    padding: 2px 0;
    line-height: 1; }
  .rrgTabListeSelect li {
    padding: 0 0 10px; }
    .rrgTabListeSelect li:last-child {
      padding-bottom: 0; }
  .rrgTabListeTypeVehicule li {
    padding-top: 10px;
    padding-left: 0; } }

.serviceVignette {
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  padding-bottom: 40px; }
  .serviceVignetteLabel {
    display: inline-block;
    vertical-align: middle; }
    .serviceVignetteLabel input {
      display: none; }
  .serviceVignetteLien {
    height: 100%; }
    .serviceVignetteLienSpan {
      height: 100%; }
  .serviceVignetteImage {
    padding: 0;
    position: relative;
    overflow: hidden; }
    .serviceVignetteImage::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 20px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #FFFFFF;
      z-index: 1; }
    .serviceVignetteImage img {
      max-width: 100%;
      width: 100%;
      display: block;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease;
      -webkit-transform-origin: center center 0;
      -moz-transform-origin: center center 0;
      -ms-transform-origin: center center 0;
      -o-transform-origin: center center 0;
      transform-origin: center center 0; }
    .serviceVignetteImage:hover img {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05); }
  .serviceVignette h5 {
    text-align: left; }
    .serviceVignette h5 + md-card-title {
      padding-top: 0; }
  .serviceVignette h5, .serviceVignette h6 {
    margin: 0;
    font-size: 1.429rem;
    padding: 20px 15px;
    font-weight: normal; }
    .serviceVignette h5 i, .serviceVignette h6 i {
      display: inline-block;
      vertical-align: middle; }
  .serviceVignette md-card-title {
    padding: 20px 15px; }
    .serviceVignette md-card-title h5, .serviceVignette md-card-title h6 {
      padding: 0; }
  .serviceVignette .rrg-btnLienSimple {
    padding: 20px 15px;
    width: 100%; }
  .serviceVignette md-card-actions {
    margin: 0;
    padding-right: 15px; }

.serviceLigne .serviceVignette {
  padding-bottom: 0; }

.serviceRenaultMobility {
  font-size: 0; }
  .serviceRenaultMobility a {
    display: inline-block;
    margin: 0 15px; }
  .serviceRenaultMobility img {
    width: auto;
    height: 40px;
    display: block; }

.serviceWrapper {
  position: relative;
  font-weight: normal; }
  .serviceWrapper .btnIconSimple {
    right: 10px;
    top: 10px; }
  .serviceWrapperRow::after, .serviceWrapperRow::before {
    content: '';
    display: table; }
  .serviceWrapperRow::after {
    clear: both; }
  .serviceWrapperSection {
    background: #FFFFFF;
    padding: 40px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .serviceWrapperColGauche {
    float: left;
    width: 33.33%; }
    .serviceWrapperColGauche + .serviceWrapperColDroite {
      padding-left: 40px; }
  .serviceWrapperColDroite {
    float: left;
    width: 66.67%; }
  .serviceWrapperNom {
    font-weight: normal;
    margin: 0;
    padding-bottom: 20px; }
  .serviceWrapperTelephone {
    font-weight: bold;
    padding-top: 20px;
    margin: 0; }
    .serviceWrapperTelephone span {
      font-size: 1rem;
      display: block;
      margin-bottom: 5px;
      font-weight: normal; }
  .serviceWrapperBouton {
    margin-bottom: 20px; }
  .serviceWrapperContainer {
    padding-top: 60px; }
    .serviceWrapperContainer:first-child {
      padding-top: 0; }
  .serviceWrapperHoraire {
    padding-top: 20px; }
    .serviceWrapperHoraire .audSectionHoraire {
      padding: 0; }
      .serviceWrapperHoraire .audSectionHoraire:first-child {
        padding-right: 40px; }

.serviceListeAction {
  margin-top: 30px; }
  .serviceListeAction .serviceVignette {
    cursor: pointer; }
  .serviceListeAction:first-child {
    margin-top: 0; }

.serviceNombreCol1 .serviceCol {
  padding: 0; }

.serviceNombreCol2 .serviceCol:nth-child(odd) {
  padding-right: 15px; }

.serviceNombreCol2 .serviceCol:nth-child(even) {
  padding-left: 15px; }

.serviceNombreCol3 .serviceCol:nth-child(3n + 1) {
  padding-right: 20px; }

.serviceNombreCol3 .serviceCol:nth-child(3n + 2) {
  padding: 0 10px; }

.serviceNombreCol3 .serviceCol:nth-child(3n + 3) {
  padding-left: 20px; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) and (max-width: 1279px) {
  .serviceWrapperColDroite {
    width: 75%; }
  .serviceWrapperColGauche {
    width: 25%; }
  .serviceWrapper .audSectionHoraire:first-child {
    padding-right: 20px; } }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .servicePadding {
    padding: 0 15px; }
  .serviceSection {
    margin: 0 -15px; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .serviceWrapperColDroite {
    padding-top: 20px;
    padding-left: 0;
    width: 100%; }
  .serviceWrapperColGauche {
    width: 100%; }
  .serviceWrapperColGauche + .serviceWrapperColDroite {
    padding-left: 0; }
  .serviceRenaultMobility {
    text-align: center; }
    .serviceRenaultMobility a {
      margin: 0 7.5px 15px 7.5px; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .serviceWrapperSection {
    padding: 20px; }
  .serviceWrapperHoraire .audSectionHoraire:first-child {
    padding-right: 5%; }
  .serviceWrapperHoraire .audSectionHoraire li {
    font-size: 15px; }
  .serviceVignette .rrg-btnLienSimple {
    padding: 0 15px;
    margin-bottom: 40px; }
  .serviceVignette h5 {
    font-size: 1.3rem; }
  .servicePadding:nth-child(odd) {
    padding-right: 15px; }
  .servicePadding:nth-child(even) {
    padding-left: 15px; }
  .serviceLigne [class^="colP"].flex-sm-50 {
    margin-bottom: 30px; }
    .serviceLigne [class^="colP"].flex-sm-50:last-child {
      margin-bottom: 0; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  #servicesMobile {
    background: transparent; }
    #servicesMobile v-pane-content {
      background: transparent; }
      #servicesMobile v-pane-content .faSection {
        margin: 20px; }
        #servicesMobile v-pane-content .faSection .serviceListeAction {
          margin-bottom: 20px; }
          #servicesMobile v-pane-content .faSection .serviceListeAction:last-child {
            margin-bottom: 0; }
  .serviceListeAction {
    margin-top: 0; }
  .serviceLigne {
    display: block; }
  .serviceVignette {
    display: block;
    padding-bottom: 0; }
    .serviceVignette h5 {
      font-size: 1.2rem; }
    .serviceVignetteLien {
      display: block; }
    .serviceVignette .rrg-btnLienSimple {
      padding: 10px 15px;
      margin-bottom: 20px; }
    .serviceVignette md-card-title {
      padding: 10px 15px;
      display: block;
      font-size: 0.9rem; }
    .serviceVignette md-card-actions {
      display: block; }
  .serviceWrapperHoraire .audSectionHoraire:first-child {
    padding-right: 10px; }
  .serviceWrapperContainer {
    padding-top: 30px; }
  .serviceWrapperNom {
    padding-bottom: 20px; }
  .serviceWrapperSection {
    margin: 0;
    padding: 0 15px 15px; }
  .serviceWrapperColDroite {
    padding-top: 0; }
  .serviceWrapperColGauche {
    padding-bottom: 20px; }
  .serviceWrapperHoraire {
    padding-top: 5px; }
    .serviceWrapperHoraire .audSectionHoraire:first-child {
      padding-right: 0;
      padding-bottom: 20px; }
    .serviceWrapperHoraire .audHoraireHeure span {
      padding: 0; }
      .serviceWrapperHoraire .audHoraireHeure span:first-child {
        padding-right: 20px; }
  .serviceSection {
    display: block; }
  .serviceLigne [class^="colP"] {
    margin-bottom: 20px; }
    .serviceLigne [class^="colP"]:last-child {
      margin-bottom: 0; } }

.rrgComparateur {
  position: fixed;
  bottom: 0;
  z-index: 110;
  width: 100%; }
  .rrgComparateurTitre {
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: lighter;
    outline: none;
    cursor: pointer; }
    .rrgComparateurTitre i {
      font-size: 30px;
      margin-right: 20px; }
    .rrgComparateurTitreContainer {
      background-color: #191919; }
      .rrgComparateurTitreContainer .container {
        padding: 0; }
  .rrgComparateurVoir a {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    display: block; }
    .rrgComparateurVoir a.md-button {
      color: #000000; }
    .rrgComparateurVoir a i {
      font-size: 20px; }
    .rrgComparateurVoir a span {
      padding: 0 10px;
      display: inline-block; }
  .rrgComparateurVoiture {
    background: #FFFFFF;
    height: 100%; }
    .rrgComparateurVoitureDetails {
      padding: 10px 0; }
    .rrgComparateurVoitureImage a {
      display: block; }
    .rrgComparateurVoitureImage img {
      max-width: 80%;
      display: block; }
    .rrgComparateurVoitureNom {
      font-weight: bold; }
    .rrgComparateurVoitureModele {
      font-weight: lighter;
      font-size: 0.8rem; }
    .rrgComparateurVoiturePrix {
      color: #FFCC33;
      font-weight: bold;
      margin-top: 10px; }
    .rrgComparateurVoitureSupprimer {
      align-self: flex-start;
      font-size: 35px; }
  .rrgComparateurListeContainer {
    background-color: #eeeeee; }
  .rrgComparateurListe li {
    padding-top: 15px;
    padding-bottom: 15px; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrgComparateurVoiture {
    padding: 0 10px;
    padding-bottom: 15px;
    text-align: center;
    position: relative; }
    .rrgComparateurVoitureImage img {
      margin: auto; }
    .rrgComparateurVoitureSupprimer button {
      position: absolute;
      right: 0;
      top: 0; }
  .rrgComparateurListe .colPGauche {
    padding-right: 10px; }
  .rrgComparateurListe .colPMilieu {
    padding-left: 5px;
    padding-right: 5px; }
  .rrgComparateurListe .colPDroit {
    padding-left: 10px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrgComparateur--pageConflitMobile {
    bottom: 50px; }
  .rrgComparateurListe li {
    padding: 0 0 20px;
    max-width: none; }
    .rrgComparateurListe li:first-child {
      padding-top: 20px; }
  .rrgComparateurVoiture {
    border: 1px solid #cccccc; }
  .rrgComparateurVoir {
    padding-bottom: 20px; } }

#loading-bar .bar {
  background: #FFCC33; }

#loading-bar .peg {
  -moz-box-shadow: #FFCC33 1px 0 6px 1px;
  -ms-box-shadow: #FFCC33 1px 0 6px 1px;
  -webkit-box-shadow: #FFCC33 1px 0 6px 1px;
  box-shadow: #FFCC33 1px 0 6px 1px; }

#loading-bar-spinner .spinner-icon {
  border-top-color: #FFCC33;
  border-left-color: #FFCC33; }

.md-autocomplete-suggestions-container li .highlight {
  font-weight: bold;
  color: #333333; }

.rrgBarreRecherche {
  background: #333333;
  padding-top: 15px;
  padding-bottom: 15px; }
  .rrgBarreRecherche .rrgForm {
    flex-grow: 1;
    background: #FFFFFF; }
  .rrgBarreRechercheListeCheckbox {
    padding-top: 10px; }
  .rrgBarreRechercheBoutonPlusOption {
    color: #FFFFFF;
    cursor: pointer;
    margin: 5px 0;
    font-weight: bold;
    font-size: 1rem; }
    .rrgBarreRechercheBoutonPlusOption span {
      display: inline-block;
      vertical-align: middle; }
    .rrgBarreRechercheBoutonPlusOption i {
      font-size: 25px;
      display: inline-block;
      vertical-align: middle; }
  .rrgBarreRecherche md-checkbox {
    margin: 5px 0;
    padding-right: 20px;
    color: #FFFFFF;
    font-weight: bold; }
    .rrgBarreRecherche md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
      border-color: #FFFFFF; }
    .rrgBarreRecherche md-checkbox:last-child {
      padding-right: 0; }

.rrgListeFiltres {
  background: #eeeeee; }
  .rrgListeFiltres > .container {
    position: relative; }
  .rrgListeFiltresContainer {
    background: #FFFFFF; }
    .rrgListeFiltresContainer li {
      padding-bottom: 10px; }
      .rrgListeFiltresContainer li:last-child {
        padding-bottom: 0; }
    .rrgListeFiltresContainer md-checkbox {
      margin: 0; }

.rrgFiltre {
  color: #000000;
  padding: 15px 0; }
  .rrgFiltrePanel {
    display: none;
    opacity: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms; }
    .rrgFiltrePanelSlider {
      width: 400px; }
    .rrgFiltrePanelKey {
      font-weight: bold;
      padding-bottom: 10px;
      display: block; }
    .rrgFiltrePanelBackdrop {
      position: fixed;
      background: transparent;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 20; }
    .rrgFiltrePanelNom {
      font-weight: bold;
      cursor: pointer; }
  .rrgFiltre i {
    font-size: 20px;
    vertical-align: middle; }
  .rrgFiltre--desactive {
    cursor: default; }
    .rrgFiltre--desactive .rrgFiltrePanelNom {
      color: #cccccc;
      cursor: default; }
      .rrgFiltre--desactive .rrgFiltrePanelNom i {
        display: none; }

.rrgListeFiltresActif {
  background: #FFFFFF; }

.rrgFiltresRecherche {
  background: #eeeeee; }
  .rrgFiltresRechercheBtnRetour {
    display: none; }

.rrgMenuContent {
  background-color: #FFFFFF;
  max-height: 304px;
  overflow-y: auto;
  padding: 15px; }
  .rrgMenuContent .count {
    display: inline-block; }
  .rrgMenuContentDynamique {
    background-color: #FFFFFF;
    padding: 0; }
    .rrgMenuContentDynamique .count {
      display: inline-block; }
    .rrgMenuContentDynamiqueCol {
      padding: 15px;
      max-height: 304px;
      overflow-y: auto; }

.rrgPanelFilter {
  background: transparent;
  position: fixed; }
  .rrgPanelFilter .md-panel {
    background: transparent;
    position: fixed; }

.rrgSubFilter {
  padding-left: 15px;
  padding-bottom: 15px; }

.rrgTriSecondaire {
  padding: 40px 0 20px; }
  .rrgTriSecondaireSelect {
    width: 100%;
    margin: 0; }
  .rrgTriSecondaireCol {
    padding: 0 15px; }

.rrgFormFiltres .rrgListeFiltres {
  position: relative;
  background: #FFFFFF;
  border-left: 1px solid #cccccc; }

.rrgFormFiltres .rrgFiltre {
  padding: 0 10px; }
  .rrgFormFiltres .rrgFiltre i {
    padding: 5px 10px;
    margin: 0; }
  .rrgFormFiltres .rrgFiltrePanelNom {
    font-weight: normal;
    color: #a4a9a9;
    font-size: 0.9rem; }
  .rrgFormFiltres .rrgFiltre.last {
    padding-right: 0; }
    .rrgFormFiltres .rrgFiltre.last i {
      border-right: none; }

/* REGLE DE MEDIA > MOBILE */
@media (min-width: 600px) {
  .rrgFiltresRecherche.fixe {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    z-index: 10; }
    .rrgFiltresRecherche.fixe .rrgListeFiltresActif {
      box-shadow: 0 1px 1px #999999; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .rrgBarreRecherche .rrgForm {
    width: 100%;
    margin: 0; }
  .rrgBarreRechercheListeCheckbox {
    width: 100%;
    padding-top: 0; }
  .rrgBarreRecherche md-checkbox {
    margin-top: 20px; }
  .rrgBarreRechercheBoutonPlusOption {
    margin-top: 20px; }
  .rrgListeFiltres .md-input-change md-input-container md-select {
    padding-left: 20px; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrgListeFiltres .rrgFiltre i {
    /*position: absolute;*/
    right: 10px;
    top: 0;
    margin: auto;
    bottom: 0;
    height: 20px; }
  .rrgListeFiltres .rrgFiltrePanelNom {
    font-size: 0.9rem; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrgFormFiltres {
    margin-top: 20px; }
    .rrgFormFiltres .rrgListeFiltres {
      width: 100%;
      border: 0;
      background: transparent;
      margin-bottom: 10px; }
    .rrgFormFiltres .rrgFiltre {
      padding: 10px 20px;
      border: 0;
      background: #FFFFFF;
      margin-top: 20px; }
      .rrgFormFiltres .rrgFiltreContainer {
        margin-top: 20px; }
        .rrgFormFiltres .rrgFiltreContainer .rrgFiltre {
          width: 100%; }
      .rrgFormFiltres .rrgFiltre:first-child {
        margin-top: 0; }
      .rrgFormFiltres .rrgFiltre .rrgFiltrePanelSlider {
        padding: 20px 0 0; }
      .rrgFormFiltres .rrgFiltre i {
        margin-right: -15px;
        display: block;
        border: 0; }
      .rrgFormFiltres .rrgFiltre.last {
        padding-right: 20px; }
      .rrgFormFiltres .rrgFiltrePanelNom {
        font-weight: lighter;
        font-size: 1.2rem; }
  .rrgTriSecondaire {
    display: block; }
  .rrgMenuContent {
    max-height: none;
    overflow: visible;
    background: transparent; }
    .rrgMenuContentContainer {
      background: transparent; }
    .rrgMenuContentDynamique {
      background: transparent; }
      .rrgMenuContentDynamiqueCol {
        max-height: none;
        overflow: visible;
        background: transparent; }
  .rrgListeFiltres {
    padding: 0; }
    .rrgListeFiltresContainer {
      background: transparent; }
  .rrgFiltre {
    border-bottom: 1px solid #cccccc;
    padding: 15px 10px; }
    .rrgFiltre.active .rrgFiltrePanel {
      display: block; }
      .rrgFiltre.active .rrgFiltrePanelNom .rrg-chevron-bas::before {
        content: "\e92b"; }
    .rrgFiltrePanel {
      box-shadow: none;
      display: none;
      opacity: 1;
      z-index: 1;
      position: static;
      -webkit-transition: opacity 400ms;
      -moz-transition: opacity 400ms;
      -ms-transition: opacity 400ms;
      -o-transition: opacity 400ms;
      transition: opacity 400ms; }
      .rrgFiltrePanelSlider {
        width: 100%; }
  .rrgFiltresRecherche {
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: -100%;
    transition: 400ms;
    z-index: 50; }
    .rrgFiltresRechercheBtnRetour {
      display: block;
      height: 50px;
      margin-top: 20px; }
    .rrgFiltresRecherche.active {
      left: 0; }
  .rrgBarreRechercheListeCheckbox {
    padding: 0; }
    .rrgBarreRechercheListeCheckbox md-checkbox {
      margin-right: 10px;
      margin-top: 10px; }
  .rrgBarreRechercheBoutonPlusOption {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.1rem; }
  .rrgBarreRechercheBtnRetour {
    display: block; }
  .rrgBarreRecherche .rrgFormMobileChamp {
    margin-bottom: 0; } }

.offreVignette {
  margin: 0;
  box-shadow: none; }
  .offreVignetteImage {
    position: relative; }
    .offreVignetteImage img {
      width: 100%;
      display: block; }
  .offreVignetteBouton {
    position: absolute;
    bottom: 0;
    padding: 10px; }

.rrg-chips {
  padding: 0; }
  .rrg-chips md-chips-wrap {
    padding: 0;
    box-shadow: none; }
  .rrg-chips md-chip {
    margin: 10px 10px 0 0;
    background: #eeeeee;
    font-size: 0.9em;
    color: #333333; }
    .rrg-chips md-chip ._md-chip-remove {
      display: block; }
  .rrg-chips md-icon {
    fill: #333333;
    min-height: 20px;
    min-width: 20px; }

.rrgChip {
  margin: 10px 10px 10px 0;
  background: #eeeeee;
  font-size: 0.9em;
  color: #333333;
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 6px 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative; }
  .rrgChip i {
    font-size: 25px;
    cursor: pointer;
    vertical-align: middle; }

.rrg-dialog md-dialog {
  min-width: 440px;
  max-height: 95%; }

.rrg-dialogPleine {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  background: #000000; }

.flkty {
  visibility: hidden; }
  .flkty::after {
    clear: both;
    content: '';
    display: table; }

.rrg-CarouselSlides .flickity-page-dots {
  bottom: 10px; }
  .rrg-CarouselSlides .flickity-page-dots .dot {
    background: #FFFFFF; }
    .rrg-CarouselSlides .flickity-page-dots .dot#dot-video {
      width: auto;
      height: 20px;
      border-radius: 10px;
      font-size: 12px;
      font-weight: bold;
      padding: 0 7px;
      line-height: 20px; }

.rrg-CarouselSlide {
  margin: 0;
  text-align: center;
  width: 100%;
  float: left; }
  .rrg-CarouselSlide img {
    display: block;
    width: 100%; }
  .rrg-CarouselSlideIframeVideo {
    height: 100%;
    width: 100%; }
    .rrg-CarouselSlideIframeVideo .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
    .rrg-CarouselSlideIframeVideo .video-container iframe,
    .rrg-CarouselSlideIframeVideo .video-container object,
    .rrg-CarouselSlideIframeVideo .video-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .rrg-CarouselSlideIframeVideoTitre {
      background: #FFFFFF;
      color: #999999;
      padding: 5px;
      text-align: left;
      width: 100%; }
  .rrg-CarouselSlideVideo {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    display: block;
    width: 100%;
    position: absolute; }
    .rrg-CarouselSlideVideo p {
      margin: 0; }
    .rrg-CarouselSlideVideoPicto {
      margin: 20px 0; }
      .rrg-CarouselSlideVideoPicto i {
        font-size: 75px; }
    .rrg-CarouselSlideVideo > div {
      position: absolute;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }

.rrg-CarouselAudSlides .flickity-page-dots {
  bottom: 10px; }
  .rrg-CarouselAudSlides .flickity-page-dots .dot {
    background: #FFFFFF; }

.rrg-CarouselAudSlides .rrg-CarouselSlide {
  padding: 5px;
  width: 33.33%; }
  .rrg-CarouselAudSlides .rrg-CarouselSlide span {
    height: 100%;
    overflow: hidden;
    display: block; }
  .rrg-CarouselAudSlides .rrg-CarouselSlide img, .rrg-CarouselAudSlides .rrg-CarouselSlide iframe {
    display: block; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrg-CarouselAudSlide {
    width: 50%; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrg-CarouselAudSlides .flickity-page-dots {
    display: none; }
  .rrg-CarouselAudSlides .rrg-CarouselSlide {
    width: 100%; }
  .rrg-CarouselSlides .flickity-page-dots {
    display: none; } }

.lightGallery img {
  cursor: pointer; }

.lg-icon {
  font-family: 'rrg-icon'; }

.lg-toolbar .lg-close::after {
  content: "\e931"; }

.lg-actions .lg-next::before {
  content: "\e929"; }

.lg-actions .lg-prev::after {
  content: "\e92a"; }

.moment-picker td.today {
  border-radius: 3em; }

.moment-picker-masque {
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 900;
  display: block; }

.moment-picker .header-view thead tr th[ng-bind="view.title"] {
  text-transform: capitalize;
  font-weight: normal;
  font-size: 1rem; }

.moment-picker .header-view thead tr th[ng-bind-html="view.next.label"],
.moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"] {
  text-indent: -9999px;
  position: relative;
  font-size: 30px;
  height: 50px;
  width: 50px; }
  .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"]::after,
  .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"]::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    text-indent: 0; }

.moment-picker .header-view thead tr th[ng-bind-html="view.next.label"]::after {
  content: "\e929"; }

.moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"]::after {
  content: "\e92a"; }

.moment-picker .moment-picker-container {
  padding: 0;
  font-weight: normal;
  font-size: 0.9rem; }
  .moment-picker .moment-picker-container.open {
    top: 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: table;
    height: auto;
    position: fixed;
    margin: 0;
    z-index: 100;
    min-width: 310px; }
    .moment-picker .moment-picker-container.open::after, .moment-picker .moment-picker-container.open::before {
      content: none; }

.moment-picker .year-view td {
  width: 55px;
  height: 55px;
  text-shadow: none;
  position: relative;
  text-transform: capitalize; }
  .moment-picker .year-view td::after {
    position: absolute;
    border-radius: 55px;
    width: 55px;
    height: 55px;
    border: 2px solid transparent;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: ''; }
  .moment-picker .year-view td:hover {
    background: transparent; }
    .moment-picker .year-view td:hover::after {
      border-color: #FFCC33; }
  .moment-picker .year-view td.selected {
    background: transparent;
    text-shadow: none;
    color: #000000; }
    .moment-picker .year-view td.selected::after {
      background: #FFCC33;
      z-index: -1; }

.moment-picker .month-view td {
  width: 3em;
  height: 3em;
  text-shadow: none;
  position: relative; }
  .moment-picker .month-view td::after {
    position: absolute;
    border-radius: 3em;
    width: 3em;
    height: 3em;
    border: 2px solid transparent;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: ''; }
  .moment-picker .month-view td:hover {
    background: transparent; }
    .moment-picker .month-view td:hover::after {
      border-color: #FFCC33; }
  .moment-picker .month-view td.selected {
    background: transparent;
    text-shadow: none;
    color: #000000; }
    .moment-picker .month-view td.selected::after {
      background: #FFCC33;
      z-index: -1; }

.moment-picker .month-view .moment-picker-specific-views th {
  background: #eeeeee;
  border-radius: 0;
  font-weight: normal;
  color: #000000; }

.rrg-badge md-badge {
  margin: 0 0 0 8px;
  background-color: #eb1a21;
  color: #FFFFFF;
  padding: 2px 7px;
  font-size: 1rem;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

.rrgVignette {
  height: 100%; }
  .rrgVignette md-card {
    height: 100%;
    box-shadow: none;
    border: 1px solid #999999;
    margin: 0;
    position: static; }
    .rrgVignette md-card md-card-content {
      padding: 0; }
    .rrgVignette md-card md-card-title-text {
      text-align: left;
      padding: 10px 20px 0; }
  .rrgVignette:hover md-card {
    border-color: #FFCC33;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms; }
  .rrgVignetteImage {
    max-width: 100%;
    display: block;
    text-align: center; }
  .rrgVignetteDetail {
    color: #999999;
    font-size: 0.9rem; }
  .rrgVignetteEtatVehicule {
    border-top-right-radius: 10px;
    background: #cccccc;
    padding: 10px;
    font-size: 0.9rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .rrgVignetteLanguetteContainer {
    padding: 10px 20px 0;
    position: relative; }
  .rrgVignetteHeader {
    min-height: 200px;
    position: relative; }
    .rrgVignetteHeader:hover .rrgVignetteContenuHover {
      opacity: 1;
      z-index: 2; }
    .rrgVignetteHeader span {
      display: block; }
    .rrgVignetteHeaderConcession {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.9em; }
    .rrgVignetteHeaderLien {
      font-size: 0.7em;
      color: #333333; }
  .rrgVignetteTopContainer {
    position: relative;
    padding: 0; }
  .rrgVignetteContenuHover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    transition: 400ms;
    background: rgba(0, 0, 0, 0.8); }
    .rrgVignetteContenuHover .rrgBtnVignette, .rrgVignetteContenuHover .rrgBtnVignetteComparer, .rrgVignetteContenuHover .rrgBtnVignetteFavoris, .rrgVignetteContenuHover .rrgBtnVignetteSupprimer {
      margin-bottom: 15px; }
    .rrgVignetteContenuHover .rrg-btnPrincipal {
      margin-top: 15px; }
  .rrgVignetteFinance {
    padding: 20px 20px 40px; }
  .rrgVignetteInfos {
    padding: 0; }
    .rrgVignetteInfos a {
      display: block;
      width: 100%; }
  .rrgVignetteTitle {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.2rem;
    color: #000000; }
  .rrgVignettePrix {
    font-weight: bold;
    font-size: 2rem;
    margin: 0;
    color: #FFCC33; }
    .rrgVignettePrixType {
      text-transform: uppercase;
      font-size: 1.2rem; }
    .rrgVignettePrix sub {
      vertical-align: baseline;
      font-size: 1rem; }
  .rrgVignetteAncienPrix {
    color: #666666;
    font-size: 1rem;
    margin: 0 10px;
    font-weight: bold;
    text-decoration: line-through; }
  .rrgVignetteReduction {
    background: #eb1a21;
    color: #FFFFFF;
    padding: 2px 5px;
    font-size: 0.9rem;
    display: inline-block; }
  .rrgVignetteMensualiteText {
    color: #000000;
    font-size: 1rem;
    display: block;
    position: relative;
    height: 100%; }
  .rrgVignetteMensualiteTeachingSentence {
    color: #000000;
    font-size: 0.75rem;
    position: absolute;
    left: -21px;
    right: -21px;
    top: 100%;
    z-index: 10;
    padding: 10px 20px;
    background: #eeeeee;
    border: 1px solid #cccccc;
    display: none;
    -webkit-transition: 250ms;
    -moz-transition: 250ms;
    -ms-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms; }
  .rrgVignetteMensualitePrix {
    display: inline-block; }
    .rrgVignetteMensualitePrix:hover + span {
      display: block; }
  .rrgVignetteTools {
    border-top: 1px solid #cccccc; }
    .rrgVignetteTools a {
      text-transform: none; }
  .rrgVignetteConcession {
    display: inline-block;
    vertical-align: middle; }
    .rrgVignetteConcession .rrg-icon, .rrgVignetteConcession .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .rrgVignetteConcession th[ng-bind-html="view.next.label"], .rrgVignetteConcession
    .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
    .moment-picker .header-view thead tr .rrgVignetteConcession th[ng-bind-html="view.previous.label"] {
      font-size: 1.5em;
      margin-right: 5px;
      display: inline-block;
      vertical-align: middle; }
    .rrgVignetteConcession > div {
      display: inline-block;
      vertical-align: middle; }
    .rrgVignetteConcessionLocalisation, .rrgVignetteConcessionLivraison {
      margin: 0;
      line-height: 1;
      font-size: 0.8rem; }
    .rrgVignetteConcessionLocalisation {
      text-transform: capitalize; }
    .rrgVignetteConcessionLivraison {
      color: #999999;
      font-size: 0.76923rem;
      text-align: left; }

[class^="rrgVignetteLanguette"] {
  margin-right: 10px; }
  [class^="rrgVignetteLanguette"]:last-child {
    margin-right: 0; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .rrgListeVignettes .rrgListeVignettesContainer {
    position: static;
    margin: 0 -15px; }
    .rrgListeVignettes .rrgListeVignettesContainer > div {
      padding-left: 15px;
      padding-right: 15px;
      max-width: 400px;
      width: 33.3333%; }
      .rrgListeVignettes .rrgListeVignettesContainer > div:nth-child(n + 4) {
        padding-top: 30px; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .rrgListeVignettes .rrgListeVignettesContainer {
    margin: 0 -10px; }
    .rrgListeVignettes .rrgListeVignettesContainer > div {
      padding-left: 10px;
      padding-right: 10px;
      width: 50%; }
      .rrgListeVignettes .rrgListeVignettesContainer > div:nth-child(n + 3) {
        padding-top: 20px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .rrgListeVignettes .rrgListeVignettesContainer > div:nth-child(n + 2) {
    padding-top: 10px; }
  .rrgVignetteLanguetteContainer {
    margin: 0; }
  .rrgVignetteConcession {
    flex-grow: 2; } }

.rrg-toast {
  position: fixed; }

.md-toast-animating {
  overflow: visible !important; }

.faSection {
  padding: 40px;
  background: #FFFFFF; }
  .faSection + .faSection {
    margin-top: 40px; }
  .faSection--ligne {
    padding: 0;
    background: transparent; }
  .faSectionCol {
    padding: 10px; }
    .faSectionCol img {
      display: block;
      width: 100%;
      max-width: 100%; }
    .faSectionColDroite {
      padding-left: 10px; }
    .faSectionColGauche {
      padding-right: 10px; }
    .faSectionColMilieu {
      padding: 0 5px; }
  .faSectionSlider {
    padding: 10px; }

.faSousTitreSection {
  margin: 50px 0 25px; }
  .faSousTitreSection:first-child {
    margin-top: 0; }

.faListe {
  padding: 0 20px; }
  .faListe li {
    padding-bottom: 15px; }
    .faListe li:last-child {
      padding-bottom: 0; }
  .faListeShowMore li:nth-child(n + 7) {
    display: none; }

.faColonne {
  padding: 0 20px;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px; }
  .faColonne li {
    padding-bottom: 10px; }

.faListeEquipement {
  display: flex;
  padding: 0; }
  .faListeEquipement li {
    font-weight: bold;
    font-size: 1.3rem;
    padding: 2px 0; }
    .faListeEquipement li::after {
      content: '';
      border-right: 1px solid #000000;
      padding-left: 10px;
      margin-right: 10px; }
    .faListeEquipement li:last-child::after {
      content: none; }

.faAccordion.vAccordion--default v-pane {
  background: #FFFFFF;
  overflow: hidden;
  border: 1px solid #cccccc;
  border-bottom: 0; }
  .faAccordion.vAccordion--default v-pane:last-child {
    border-bottom: 1px solid #cccccc; }
  .faAccordion.vAccordion--default v-pane v-pane-header {
    transition: all 0.25s;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid transparent;
    font-weight: bold; }
    .faAccordion.vAccordion--default v-pane v-pane-header::after, .faAccordion.vAccordion--default v-pane v-pane-header::before {
      right: 20px; }
  .faAccordion.vAccordion--default v-pane v-pane-content > div {
    padding: 0; }
  .faAccordion.vAccordion--default v-pane v-pane-content .faSection {
    padding-top: 0; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .faSection {
    padding: 15px 20px; }
    .faSection--ligne {
      padding: 0; }
  .faAccordion.vAccordion--default {
    padding-top: 15px;
    padding-bottom: 15px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .faListe + .faListe {
    padding-top: 15px; }
  .faAccordion.vAccordion--default {
    padding-top: 20px;
    padding-bottom: 20px; }
  .faSection {
    padding: 20px 20px; }
    .faSectionSlider {
      padding: 10px; }
    .faSection--ligne {
      padding: 0; } }

.hpSectionPrincipale {
  height: 570px;
  position: relative;
  max-width: 1920px;
  margin: auto; }
  .hpSectionPrincipale .container {
    height: 100%; }
  .hpSectionPrincipaleBackground {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1; }
    .hpSectionPrincipaleBackgroundImage img {
      height: auto;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .hpSectionPrincipaleBackgroundOverlay {
      opacity: 0.5;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      background: #000000; }
  .hpSectionPrincipaleTitre {
    text-align: center;
    color: #FFFFFF;
    font-weight: lighter;
    text-shadow: 1px 1px 1px #333333; }
  .hpSectionPrincipaleContenu {
    padding: 0 80px 40px; }
  .hpSectionPrincipaleInfo {
    text-align: center; }
    .hpSectionPrincipaleInfo a {
      color: #FFFFFF;
      font-weight: lighter;
      text-shadow: 1px 1px 1px #333333;
      font-size: 1.8rem; }
    .hpSectionPrincipaleInfo:last-child {
      padding-bottom: 0; }
    .hpSectionPrincipaleInfoNombre {
      color: #FFCC33;
      font-size: 2rem;
      text-shadow: 1px 1px 1px #333333;
      font-weight: bold; }
    .hpSectionPrincipaleInfoTexte {
      color: #FFFFFF;
      font-weight: lighter;
      text-shadow: 1px 1px 1px #333333;
      font-size: 1.8rem; }
  .hpSectionPrincipaleRecherche {
    padding-top: 25px; }
    .hpSectionPrincipaleRechercheTitre a {
      display: block;
      color: #FFFFFF;
      font-weight: normal; }

.hpSectionQuestion {
  background: #eeeeee; }
  .hpSectionQuestionContenu {
    text-align: center; }
    .hpSectionQuestionContenu i.rrg-question {
      font-size: 45px; }
    .hpSectionQuestionContenuTexte {
      padding: 20px 0; }
      .hpSectionQuestionContenuTexte p {
        margin: 0; }

.hpSectionOffresDuMoment {
  position: relative;
  overflow: hidden; }
  .hpSectionOffresDuMomentSlide {
    margin: 40px auto;
    max-width: 1037px;
    border: 1px solid #FFFFFF;
    position: relative; }
    .hpSectionOffresDuMomentSlide img {
      width: 100%;
      display: block; }
    .hpSectionOffresDuMomentSlideVignette {
      background: rgba(255, 255, 255, 0.5);
      display: block;
      position: absolute;
      margin: 20px;
      box-shadow: none;
      padding: 20px 40px;
      text-align: left; }
      .hpSectionOffresDuMomentSlideVignette h5 {
        margin: 0;
        font-weight: bold; }
      .hpSectionOffresDuMomentSlideVignette h4 {
        margin: 0 0 40px;
        font-weight: bold; }
      .hpSectionOffresDuMomentSlideVignette p {
        margin-bottom: 0; }
  .hpSectionOffresDuMomentBg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden; }
    .hpSectionOffresDuMomentBg img {
      -webkit-filter: blur(30px);
      -moz-filter: blur(30px);
      -o-filter: blur(30px);
      -ms-filter: blur(30px);
      filter: blur(30px);
      height: 100%;
      width: 100%;
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3);
      margin: auto; }

.hpSectionGrille {
  padding-bottom: 40px; }
  .hpSectionGrilleGauche {
    margin-right: 10px; }
  .hpSectionGrilleDroite {
    background: #000000; }
    .hpSectionGrilleDroite video {
      display: block;
      width: 100%;
      height: 100%; }
  .hpSectionGrilleImage {
    position: relative; }
    .hpSectionGrilleImage img {
      display: block;
      width: 100%;
      max-width: 100%;
      max-height: 100%; }
  .hpSectionGrilleVideo {
    position: relative; }
    .hpSectionGrilleVideo:first-child {
      margin-bottom: 10px; }
    .hpSectionGrilleVideo img {
      display: block;
      width: 100%; }
  .hpSectionGrilleTitre {
    text-align: center;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 15px;
    color: #FFFFFF;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 1;
    font-size: 1.786rem; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .hpSectionOffresDuMoment .section-titre {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1; }
  .hpSectionOffresDuMomentSlide {
    margin-top: 110px; }
  .hpSectionOffresDuMomentBg span {
    height: 100%;
    display: block; }
  .hpSectionPrincipaleBackgroundImage img {
    min-width: 1920px;
    max-width: 1920px;
    height: auto;
    top: 0;
    left: 0; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .hpSectionOffresDuMoment {
    position: relative;
    overflow: hidden; }
    .hpSectionOffresDuMomentSlide {
      margin: 0;
      border: 0;
      position: relative; }
      .hpSectionOffresDuMomentSlideVignette {
        margin: 0;
        background: transparent;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        padding: 10px;
        width: 100%; }
        .hpSectionOffresDuMomentSlideVignetteTexte {
          background: rgba(255, 255, 255, 0.5);
          padding: 20px;
          margin-bottom: 10px; }
        .hpSectionOffresDuMomentSlideVignette h5, .hpSectionOffresDuMomentSlideVignette h4 {
          font-weight: bold;
          margin: 0; }
        .hpSectionOffresDuMomentSlideVignette p {
          margin: 0;
          padding: 0 5px; }
        .hpSectionOffresDuMomentSlideVignette h5, .hpSectionOffresDuMomentSlideVignette h4, .hpSectionOffresDuMomentSlideVignette p {
          display: inline-block;
          vertical-align: baseline; }
    .hpSectionOffresDuMomentBg {
      display: none; }
  .hpSectionGrilleGauche {
    margin: 0; }
  .hpSectionGrilleImage img {
    width: 100%; }
  .hpSectionGrilleVideo {
    height: auto; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 960px) {
  .hpSectionGrilleGauche {
    min-width: 470px;
    width: 100%;
    max-width: 470px; }
  .hpSectionGrilleDroite {
    background-color: #000000; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .hpSectionPrincipaleBackgroundImage img {
    top: auto;
    bottom: 0; }
  .hpSectionPrincipaleContenu {
    padding: 0 15px 15px; }
  .hpSectionGrilleGauche {
    width: 100%; }
  .hpSectionGrilleDroite {
    margin-bottom: 15px; }
  .hpSectionGrilleTitre {
    font-size: 1.3rem; }
  .hpSectionGrilleVideo {
    margin: 0;
    width: 100%;
    height: auto; }
    .hpSectionGrilleVideo:first-child {
      margin: 0 15px 0 0; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .hpSectionRechercheMobile {
    background: #eeeeee; }
  .hpSectionGrilleDroite {
    margin-bottom: 20px; }
  .hpSectionGrilleTitre {
    font-size: 1.2rem; }
  .hpSectionOffresDuMoment .rrg-CarouselSlide {
    height: auto; }
  .hpSectionOffresDuMomentSlide img {
    height: auto;
    width: 100%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .hpSectionOffresDuMomentSlideVignetteImg {
    overflow: hidden;
    position: relative;
    z-index: -1; }
  .hpSectionPrincipale {
    height: 250px; }
    .hpSectionPrincipaleContenu {
      padding: 0 0 20px; }
    .hpSectionPrincipaleInfo {
      padding: 10px 0;
      font-size: 1.2rem; }
      .hpSectionPrincipaleInfo a {
        font-size: 1.4rem;
        font-weight: normal; }
      .hpSectionPrincipaleInfoNombre {
        font-size: 1.6rem;
        padding-right: 0;
        line-height: 1;
        text-align: center; }
      .hpSectionPrincipaleInfoTexte {
        font-size: 1.4rem;
        line-height: 1;
        margin: 10px;
        padding-bottom: 10px;
        text-align: center;
        font-weight: normal; } }

.hpBanniereBlackFriday {
  position: absolute;
  height: 160px;
  width: 100%;
  background: #0e0e0e;
  padding: 0 15px; }
  .hpBanniereBlackFriday::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: white;
    left: 0; }
  .hpBanniereBlackFriday .imgDesktop {
    position: absolute;
    margin-left: -270px; }
  .hpBanniereBlackFriday .hpBanniereAccroche {
    position: absolute;
    margin: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    text-transform: uppercase; }
    .hpBanniereBlackFriday .hpBanniereAccroche > span {
      font-size: 35px;
      display: block;
      font-weight: bold;
      letter-spacing: 7px; }
      .hpBanniereBlackFriday .hpBanniereAccroche > span::after {
        content: '*';
        position: absolute;
        top: 0;
        font-size: 20px; }
    .hpBanniereBlackFriday .hpBanniereAccroche small {
      font-size: 13px;
      line-height: 1; }
  .hpBanniereBlackFriday .rrg-btnPrincipal {
    position: relative;
    float: right;
    top: 50%;
    transform: translateY(-50%); }

@media all and (max-width: 960px) {
  .hpBanniereBlackFriday {
    height: 100px; }
    .hpBanniereBlackFriday .imgMobile {
      position: absolute;
      left: 0;
      height: 100px; }
    .hpBanniereBlackFriday .hpBanniereAccroche {
      left: auto;
      right: 60px;
      transform: translate(0, -50%);
      text-align: right; }
      .hpBanniereBlackFriday .hpBanniereAccroche > span {
        font-size: 25px;
        letter-spacing: 4px; }
        .hpBanniereBlackFriday .hpBanniereAccroche > span::after {
          font-size: 12px; }
      .hpBanniereBlackFriday .hpBanniereAccroche small {
        font-size: 11px;
        line-height: 1; }
    .hpBanniereBlackFriday .btnMobile {
      height: 100%;
      margin-right: -15px;
      width: 40px;
      min-width: 40px;
      padding: 0; }
      .hpBanniereBlackFriday .btnMobile::after {
        left: 50%;
        transform: translateX(-50%); } }

@media all and (max-width: 600px) {
  .hpBanniereBlackFriday {
    height: 70px; }
    .hpBanniereBlackFriday .imgMobile {
      height: 70px; }
    .hpBanniereBlackFriday .hpBanniereAccroche {
      text-align: center; }
      .hpBanniereBlackFriday .hpBanniereAccroche > span {
        font-size: 16px; }
        .hpBanniereBlackFriday .hpBanniereAccroche > span::after {
          font-size: 11px; }
      .hpBanniereBlackFriday .hpBanniereAccroche small {
        font-size: 9px; } }

.audVisite360 {
  text-align: center;
  margin: 30px 0;
  background: white;
  padding: 15px 0 10px; }
  .audVisite360 img {
    display: inline-block;
    cursor: pointer; }
  .audVisite360 iframe {
    display: block; }
  .audVisite360Panel {
    padding: 20px;
    background: #FFFFFF; }
    .audVisite360PanelBtn {
      padding-bottom: 20px; }

.audGeolocalisationDialog {
  width: 100%;
  padding: 0 40px 40px;
  max-width: 800px; }

.audGeolocalisationNoService {
  padding-bottom: 15px; }

.audGeolocalisation .section-titre i {
  display: block;
  padding-bottom: 20px; }

.audGeolocalisationConcessionSelectionne {
  padding: 20px 20px 0;
  border: 1px solid #808080;
  margin-bottom: 20px; }

.audGeolocalisationRechercheLocalisation .rrg-btnPrincipal-geolocalisation {
  width: 100%; }

.audGeolocalisationRechercheText {
  margin: 0;
  padding: 0 30px;
  font-weight: bold;
  font-size: 1rem; }

.audGeolocalisationRechercheLieu {
  align-items: left; }
  .audGeolocalisationRechercheLieu .rrgForm {
    width: 100%; }

.audGeolocalisationInterventionNouvelleChip {
  background: #FFCC33 !important; }

.audGeolocalisationEtablissement {
  border-bottom: 1px solid #cccccc;
  padding: 15px 0; }
  .audGeolocalisationEtablissement p {
    margin: 0; }
  .audGeolocalisationEtablissementKilometre {
    padding-right: 15px;
    font-weight: bold; }
  .audGeolocalisationEtablissementAdresse {
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    text-align: left; }
  .audGeolocalisationEtablissementVille {
    font-weight: bold; }

.audListeService .serviceVignette {
  padding-bottom: 0; }
  .audListeService .serviceVignetteImage {
    height: 120px; }
    .audListeService .serviceVignetteImage[data-offre="Renault Assistance"] img {
      max-width: 85px; }
    .audListeService .serviceVignetteImage[data-offre="Renault Mobility"] img {
      max-width: 100px; }
    .audListeService .serviceVignetteImage img {
      max-width: 60px;
      margin: auto; }

.audSectionMap {
  overflow: hidden; }

.audNgMap, ng-map {
  height: 75vh;
  max-width: calc(100% + 100px);
  width: 100%; }

.audCol {
  height: 75vh;
  top: 0;
  position: absolute;
  z-index: 1;
  width: 400px;
  max-width: 400px;
  background: #FFFFFF;
  overflow: hidden;
  overflow-y: auto; }
  .audColContainer {
    position: relative; }
  .audColFiltresServices {
    text-align: center;
    width: 100%;
    padding-top: 30px; }
    .audColFiltresServices md-input-container {
      margin: 0;
      padding: 0;
      max-width: 100%;
      position: relative; }
      .audColFiltresServices md-input-container::after, .audColFiltresServices md-input-container::before {
        content: '';
        width: 1px;
        height: 15px;
        background: #999999;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto; }
      .audColFiltresServices md-input-container::after {
        right: -10px; }
      .audColFiltresServices md-input-container::before {
        left: -10px; }
      .audColFiltresServices md-input-container md-select .md-select-value {
        padding: 0;
        font-weight: bold;
        font-size: 0.95rem;
        border-bottom: 0 !important; }
        .audColFiltresServices md-input-container md-select .md-select-value span {
          color: #FFFFFF; }
        .audColFiltresServices md-input-container md-select .md-select-value > span:not(._md-select-icon) {
          margin: 0;
          padding: 0;
          line-height: 1; }
        .audColFiltresServices md-input-container md-select .md-select-value ._md-select-icon {
          margin: 0;
          padding: 0 15px; }
  .audColResultatConcession {
    border-bottom: 1px solid #cccccc; }
    .audColResultatConcessionDetail {
      padding: 40px 20px 0; }
      .audColResultatConcessionDetailDroite {
        flex-grow: 2; }
    .audColResultatConcessionNom {
      font-weight: bold;
      text-transform: capitalize;
      margin: 0;
      padding-bottom: 20px; }
    .audColResultatConcessionDistance {
      font-weight: bold;
      padding-right: 20px; }
    .audColResultatConcessionTel {
      font-weight: bold;
      padding: 20px 0; }
    .audColResultatConcessionOuverture {
      padding-top: 15px;
      padding-right: 70px; }
    .audColResultatConcessionMenu {
      padding-right: 0;
      padding-bottom: 0;
      margin-top: -40px; }
      .audColResultatConcessionMenu .rrg-icon, .audColResultatConcessionMenu .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .audColResultatConcessionMenu th[ng-bind-html="view.next.label"], .audColResultatConcessionMenu
      .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
      .moment-picker .header-view thead tr .audColResultatConcessionMenu th[ng-bind-html="view.previous.label"] {
        position: absolute;
        z-index: 100;
        font-size: 45px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 45px;
        height: 45px; }
      .audColResultatConcessionMenu md-fab-trigger .md-fab {
        background: #333333; }
        .audColResultatConcessionMenu md-fab-trigger .md-fab ._md-fab-toolbar-background {
          background: #333333 !important; }
      .audColResultatConcessionMenu md-fab-actions .md-fab-action-item:first-child {
        margin-right: 40px; }
      .audColResultatConcessionMenu md-fab-actions .md-fab-action-item .md-button {
        color: #FFFFFF;
        display: block; }
  .audColAction {
    background: #333333;
    padding: 40px;
    min-height: 269px; }
    .audColActionOu {
      font-weight: bold;
      text-align: center;
      color: #FFFFFF; }
      .audColActionOu span {
        padding: 10px;
        display: inline-block; }
      .audColActionOu::before, .audColActionOu::after {
        content: '';
        width: 20px;
        height: 1px;
        background: white;
        display: inline-block;
        vertical-align: middle; }
  .audCol .audSearchBtn {
    height: 44px; }

auto-dealer-offer {
  width: 100%; }

.audInfoWindow {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 18px;
  font-weight: normal; }
  .audInfoWindowDetails {
    padding-bottom: 5px;
    max-width: 250px; }
    .audInfoWindowDetails i {
      font-size: 25px;
      padding-right: 5px; }
  .audInfoWindowTel {
    font-size: 0; }
    .audInfoWindowTel span {
      display: inline-block;
      vertical-align: middle;
      font-size: 0.9rem; }
    .audInfoWindowTel i {
      display: inline-block;
      vertical-align: middle;
      font-size: 20px;
      padding-right: 5px; }
  .audInfoWindowBtn a {
    display: block;
    width: 100%;
    position: relative; }
    .audInfoWindowBtn a + a {
      margin-top: 10px; }
  .audInfoWindowBtn .rrg-localisation {
    font-size: 1.2rem; }
  .audInfoWindowNom {
    font-weight: bold;
    font-size: 1.2rem; }
  .audInfoWindowHoraire {
    padding-top: 10px;
    padding-bottom: 20px; }
    .audInfoWindowHoraire .audHoraireJour {
      width: 70px; }
  .audInfoWindowAction {
    text-align: right;
    padding-top: 10px; }
    .audInfoWindowAction > span:first-child i {
      padding-left: 0; }
    .audInfoWindowAction > span, .audInfoWindowAction a {
      display: inline-block;
      cursor: pointer; }
      .audInfoWindowAction > span > span, .audInfoWindowAction > span i, .audInfoWindowAction a > span, .audInfoWindowAction a i {
        display: inline-block;
        vertical-align: middle; }
    .audInfoWindowAction i {
      font-size: 25px;
      padding: 0 5px; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .audVisite360 {
    margin: 15px 0; }
  .audCol {
    width: 100%; }
    .audColFiltresServices {
      padding-top: 15px; }
    .audColResultatConcessionDetail {
      padding: 20px 20px 0; }
    .audColAction {
      padding: 20px;
      min-height: 214px; } }

.audDetails {
  background: #eeeeee; }

.audInformations .container {
  border: 1px solid #cccccc;
  padding: 20px; }

.audInformationsListeActions > div .rrg-btnLienSimple {
  padding-top: 10px;
  padding-bottom: 10px; }

.audInformationsListeActions .md-button {
  margin-bottom: 10px; }
  .audInformationsListeActions .md-button:last-child {
    margin-bottom: 0; }

.audInformationsTelephone {
  margin: 0;
  line-height: 1;
  padding-right: 0em !important;
  display: inline-block;
  position: relative;
  font-weight: bold;
  padding-right: 3em; }
  .audInformationsTelephone i {
    padding-right: 10px; }
  .audInformationsTelephone::after {
    color: #000000;
    content: "";
    font-size: 1.3rem;
    font-family: 'rrg-icon';
    margin-left: 1rem;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: 0.7em; }
  .audInformationsTelephone::after {
    top: 50%;
    transform: translateY(-50%);
    right: -30px; }

.audInformationsAdresse {
  padding-top: 40px;
  padding-bottom: 20px; }

.audInformationsOuverture h5 {
  text-align: right;
  margin: 0; }

.audInformationsOuvertureScroll {
  text-align: right;
  cursor: pointer; }

.audOuvertureIco {
  padding-right: 5px; }

.audSectionGmap ng-map {
  height: 300px;
  min-height: 1px; }

.audSectionLigneVignette:last-child {
  padding-bottom: 40px; }

.audSectionLigneVignette.faSectionCol {
  padding: 10px 5px; }

.audSectionLigneVignette .offreVignette {
  padding: 0 5px; }

.audSectionHoraire {
  padding-right: 20px; }
  .audSectionHoraire li {
    padding-bottom: 10px; }
    .audSectionHoraire li:last-child {
      padding-bottom: 0; }

.audOuvert, .audHoraireAujourdhuiOuvert + .audHoraireHeure {
  color: #32ab41;
  font-weight: bold; }

.audFerme, .audHoraireAujourdhuiFerme + .audHoraireHeure {
  color: #eb1a21;
  font-weight: bold; }

.audAujourdhui {
  color: #32ab41;
  font-weight: bold; }
  .audAujourdhui.audFerme, .audHoraireAujourdhuiFerme + .audAujourdhui.audHoraireHeure {
    color: #eb1a21; }

.audHoraireHeure span {
  padding-right: 20px; }
  .audHoraireHeure span:last-child {
    padding-right: 0; }

.audHoraireJour {
  font-weight: bold;
  text-transform: capitalize; }

.audHoraireExceptionnelles {
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .audGeolocalisationRechercheText {
    flex-basis: 0 !important; }
  .audVisite360Panel {
    max-height: 90vh;
    overflow-x: auto; }
  .audSectionOffres {
    padding: 10px 5px;
    background: #FFFFFF;
    text-align: center; }
    .audSectionOffres .offreVignette {
      padding: 0 5px; } }

/* REGLE DE MEDIA MOBILE + TABLETTE + MEDIUM DESKTOP*/
/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .audVisite360 img {
    margin: auto;
    display: block; }
  .audVisite360Panel {
    height: 100vh;
    width: 100%; }
    .audVisite360Panel .rrg-btnTertiaire-blanc-simple {
      padding: 0 10px;
      font-size: 0.85rem;
      min-width: 0; }
  .audPanel iframe {
    width: 100%;
    max-height: calc(100vh - 96px); }
  .md-toolbar-tools {
    height: 68px;
    max-height: 68px; }
  .audGeolocalisationRechercheText {
    text-align: center;
    padding: 10px 0; }
  .md-media-xs {
    display: block;
    width: 100%; }
  .audInformations .container {
    padding: 0;
    border: 0; }
  .audHoraireExceptionnelles {
    padding-top: 40px;
    padding-bottom: 10px; }
  .audSectionOffres {
    padding: 10px 5px;
    background: #FFFFFF;
    text-align: center; }
    .audSectionOffres .offreVignette {
      display: block;
      padding: 5px;
      margin: auto;
      text-align: center; }
      .audSectionOffres .offreVignetteImage {
        display: inline-block; }
      .audSectionOffres .offreVignette:last-child {
        padding-bottom: 0; }
      .audSectionOffres .offreVignette:first-child {
        padding-top: 0; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .audVisite360 {
    margin: 10px 0; }
  auto-dealer-offer {
    background: #eeeeee;
    padding-top: 30px; }
  .audGeolocalisationDialog {
    padding: 0 15px 15px; }
  .audGeolocalisationEtablissementBtnChoix {
    padding-top: 15px; }
  .audGeolocalisationEtablissementKilometre {
    text-align: center; }
  .audGeolocalisationConcessionSelectionne {
    padding: 15px 15px 0; }
    .audGeolocalisationConcessionSelectionne .rrg-btnLienSimple {
      padding: 15px 0; }
  .audSectionLigneVignette .serviceVignette:nth-child(even), .audSectionLigneVignette .offreVignette:nth-child(even) {
    padding-left: 5px; }
  .audSectionLigneVignette .serviceVignette:nth-child(odd), .audSectionLigneVignette .offreVignette:nth-child(odd) {
    padding-right: 5px; }
  .audInformationsContainer {
    border: 1px solid #cccccc;
    padding: 15px;
    margin-bottom: 15px; }
  .audInformationsAdresse {
    padding: 10px 0 40px; }
  .audInformationsOuvertureScroll {
    padding-top: 10px; }
  .audHoraireHeure span {
    padding-right: 5px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .audGeolocalisationDialog {
    padding: 0 10px 10px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0; }
  .audGeolocalisationEtablissementBtnChoix {
    padding-top: 10px; }
  .audGeolocalisationEtablissementAdresse {
    padding-right: 0; }
  .audGeolocalisationEtablissementKilometre {
    text-align: center; }
  .audGeolocalisationConcessionSelectionne {
    display: block;
    padding: 15px 15px 0; }
    .audGeolocalisationConcessionSelectionne .rrg-btnLienSimple {
      padding: 15px 0; }
  .audSectionHoraire {
    padding-right: 0; }
  .audInformationsContainer {
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom: 20px; }
  .audInformationsAdresse {
    padding: 0 0 25px; }
  .audInformationsOuverture {
    padding-bottom: 20px; }
    .audInformationsOuverture h5 {
      text-align: left; }
    .audInformationsOuvertureScroll {
      text-align: left;
      padding-left: 30px; }
  .audSectionLigneVignette .offreVignette {
    max-width: 100%; }
  .audCol {
    height: auto;
    width: 100%;
    position: static;
    max-width: none; }
    .audColContainer {
      margin: 0; } }

.audNouvelleConcession {
  position: relative; }
  .audNouvelleConcessionImg {
    width: 100%; }
    .audNouvelleConcessionImg--Opacite {
      display: block;
      width: 100%;
      opacity: .2;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%); }
    .audNouvelleConcessionImg--Mask {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
  .audNouvelleConcessionContainer {
    position: absolute;
    width: 80%;
    top: 50%;
    right: 0; }
    .audNouvelleConcessionContainer .audNouvelleConcessionSousTitre {
      float: right; }
  .audNouvelleConcessionTitre {
    text-align: right;
    background: #FFCC33;
    padding-right: 20px; }
  .audNouvelleConcessionSousTitre {
    text-align: center; }
    .audNouvelleConcessionSousTitre--Bg {
      background: #FFCC33; }
      .audNouvelleConcessionSousTitre--Bg:first-of-type {
        padding-right: 40px;
        margin-left: 5px; }
      .audNouvelleConcessionSousTitre--Bg:last-of-type {
        padding-left: 40px;
        padding-right: 5px; }
  .audNouvelleConcessionDrive {
    overflow: hidden; }
    .audNouvelleConcessionDriveTitre {
      margin: 0; }
    .audNouvelleConcessionDriveSousTitre {
      margin: 0 0 20px 0; }
    .audNouvelleConcessionDriveContainer {
      margin-bottom: 20px;
      position: relative;
      padding-top: 11px;
      overflow: hidden; }
      .audNouvelleConcessionDriveContainer::before {
        content: "";
        background-image: url("https://api.renault-retail-group.fr/images/autodealer/fleche.svg");
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 80%;
        position: absolute;
        width: 100%;
        height: 40px;
        top: 0;
        left: -30px; }

@media (max-width: 960px) {
  .audNouvelleConcessionDriveContainer::before {
    display: none; }
  .audNouvelleConcessionContainer {
    top: auto;
    bottom: 0;
    right: 0; }
    .audNouvelleConcessionContainer .audNouvelleConcessionTitre {
      font-size: 30px; } }

@media (max-width: 600px) {
  .audNouvelleConcessionContainer .audNouvelleConcessionTitre {
    font-size: 15px; }
  .audNouvelleConcessionSousTitre {
    font-size: 20px; } }

.cmsCnt .vAccordion--default v-pane-header {
  padding: 5px 0; }

.cmsCnt .serviceVignetteImage {
  max-width: 100%; }

.cmsCnt__desc {
  font-weight: lighter;
  font-size: 1.429rem;
  margin: 0; }

.cmsCnt__ml {
  font-size: 0.8em;
  font-weight: lighter;
  font-style: italic;
  color: #666666; }

.cmsCnt__section {
  text-align: center; }
  .cmsCnt__section__separateur {
    border-width: 2px;
    border-color: #FFCC33;
    border-style: solid;
    max-width: 500px;
    height: 2px; }
  .cmsCnt__section__soustitre {
    font-weight: bold;
    font-size: 1.286rem;
    margin: 30px 0 0; }
  .cmsCnt__section__titre {
    font-weight: normal;
    font-size: 2rem; }
  .cmsCnt__section__list {
    text-align: left;
    padding-left: 40px; }
    .cmsCnt__section__list__item {
      padding: 10px;
      list-style: circle; }
      .cmsCnt__section__list__item strong {
        font-weight: bold; }
  .cmsCnt__section__fleet {
    background-image: url("https://api.renault-retail-group.fr/images/cms/renault-fleet-service.jpg");
    background-position: center right;
    background-repeat: no-repeat; }
  .cmsCnt__section__packAvantages__prix {
    color: #FFFFFF;
    margin: 0 auto; }
  .cmsCnt__section__packAvantages__premier {
    background-color: #0094d3; }
  .cmsCnt__section__packAvantages__plus {
    background-color: #00b749; }
  .cmsCnt__section__packAvantages__twingo {
    background-color: #e42096; }
  .cmsCnt__section__tableCgv {
    border-collapse: collapse;
    border: 0; }

.cmsCnt__assurances__tableau {
  background-color: #eeeeee; }

.cmsCnt__assurances__tableauItem {
  border-bottom: 1px solid #FFFFFF;
  padding: 10px;
  font-size: 0.8em; }

.cmsCnt__assurances__tableauTitres {
  padding: 20px 0;
  font-size: 1em;
  text-align: center;
  border-bottom: 3px solid #000000;
  margin-top: 20px; }

.cmsCnt__action {
  position: relative; }
  .cmsCnt__action__bloc {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 14%;
    left: 9%; }
    .cmsCnt__action__bloc__titre {
      color: #FFFFFF;
      font-weight: bold;
      margin-bottom: 20px;
      font-size: 1.3em; }
    .cmsCnt__action__bloc .rrg-btnPrincipal-plus {
      width: 80%; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 1280px) {
  .cmsCnt__action__bloc__titre {
    font-size: 2em; }
  .cmsCnt__action__bloc .rrg-btnPrincipal-plus {
    width: 50%; } }

.cmsErreur {
  color: #333333; }
  .cmsErreur__titre {
    font-size: 5em;
    font-weight: bold; }
  .cmsErreur__soustitre span {
    font-size: 1.8em; }
  .cmsErreur__soustitre .smaller {
    font-size: 1em; }
  .cmsErreur__titre, .cmsErreur__soustitre {
    margin: 0;
    line-height: 1; }
  .cmsErreur__image {
    margin: 40px 0; }
  .cmsErreur .rrg-btnLienSimple {
    padding-top: 7px;
    padding-bottom: 7px; }

.cms .serviceLigne [class^="colP"]:nth-child(n + 4) {
  margin-bottom: 30px; }

.cms .serviceLigne [class^="colP"]:nth-last-child(-n+3) {
  margin-bottom: 0; }

.cms > *:first-child {
  padding-top: 0; }

.cms p {
  margin: 0; }
  .cms p + p {
    margin-top: 15px; }

.cmsEntete {
  padding: 55px 20px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0; }
  .cmsEntete h1, .cmsEntete h2, .cmsEntete h3, .cmsEntete h4, .cmsEntete h5 {
    margin: 0; }

.cmsImg {
  max-width: 100%;
  display: block;
  margin: auto; }

.cmsDesc {
  font-weight: lighter;
  font-size: 1.429rem;
  text-align: center;
  margin: 0;
  padding: 20px 0; }
  .cmsDesc + .cmsBlocText {
    padding-top: 0; }

.cmsMl {
  font-size: 0.8em;
  font-weight: lighter;
  font-style: italic;
  color: #666; }

.cmsBlocText {
  padding: 20px 0; }

.cmsBlocBtn {
  text-align: center; }

.cmsBlocInline {
  display: inline-block; }

.cmsAction {
  position: relative; }
  .cmsActionBloc {
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 14%;
    left: 9%; }
    .cmsActionBlocTitre {
      color: #FFFFFF;
      font-weight: bold;
      margin-bottom: 20px;
      font-size: 1.3em; }
    .cmsActionBloc .rrg-btnPrincipal-plus {
      width: 80%; }

.cmsTableau {
  background-color: #eeeeee;
  border-collapse: collapse;
  border: 0; }
  .cmsTableauCGV {
    border-collapse: collapse;
    border: 0; }
  .cmsTableauItem {
    border-bottom: 1px solid #FFFFFF;
    padding: 10px;
    font-size: 0.8em; }
  .cmsTableauTitres {
    padding: 20px 0;
    font-size: 1em;
    text-align: center;
    border-bottom: 3px solid #000000;
    margin-top: 20px; }

.cmsSection {
  padding: 40px 0;
  margin-top: 40px;
  position: relative; }
  .cmsSection + .cmsSection {
    margin-top: 0; }
    .cmsSection + .cmsSection:last-child {
      padding-bottom: 0; }
  .cmsSection::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    margin: auto;
    border: 2px solid #FFCC33;
    max-width: 500px;
    height: 2px;
    content: ''; }
  .cmsSection.first {
    margin-top: 0; }
    .cmsSection.first::before {
      content: none; }
  .cmsSectionPackAvantagesTwigo {
    background-color: #e42096;
    color: #FFFFFF; }
  .cmsSectionPackAvantagesPlus {
    background-color: #00b749;
    color: #FFFFFF; }
  .cmsSectionPackAvantagesPremier {
    background-color: #0094d3;
    color: #FFFFFF; }
  .cmsSectionService {
    background: #eeeeee; }
  .cmsSectionSousTitre {
    font-weight: bold;
    font-size: 1.286rem;
    text-align: center;
    margin: 0;
    padding: 0 10px; }
    .cmsSectionSousTitre + .cmsSectionTitre {
      margin-bottom: 10px; }
  .cmsSectionTitre {
    font-weight: normal;
    font-size: 2rem;
    text-align: center;
    margin: 0;
    padding: 0 10px; }
  .cmsSectionListeTitre {
    padding-bottom: 10px; }
  .cmsSectionListe ul {
    padding-left: 40px; }
    .cmsSectionListe ul li {
      list-style: circle; }
      .cmsSectionListe ul li + li {
        padding-top: 10px; }

.cmsColGauche, .cmsColDroite {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  width: 50%; }

.cmsColGauche {
  padding-right: 20px; }

.cmsColDroite {
  padding-left: 20px; }

.cmsColContainer {
  font-size: 0; }
  .cmsColContainer .cmsSectionListe ul {
    padding-left: 0; }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .cmsEntete {
    padding: 20px; }
    .cmsEntete h1 {
      font-size: 1.8rem; }
    .cmsEntete h2 {
      font-size: 1.3rem; }
  .cmsColGauche, .cmsColDroite {
    padding: 0;
    width: 100%; }
  .cmsColGauche {
    padding-bottom: 20px; }
  .cmsColContainer .cmsSectionListe ul li + li {
    padding-top: 20px; }
  .cmsCnt__section__soustitre {
    font-size: 1.2rem; }
  .cmsCnt__section__titre {
    font-size: 1.4rem; } }

.csContainer {
  position: relative; }

.csSlider {
  position: relative; }
  .csSlider img {
    max-width: 100%;
    display: block;
    margin: auto; }

.csSuggestionRecherche md-checkbox[disabled="disabled"] {
  display: none; }

.csListeEquipement {
  font-size: 0;
  text-align: center;
  background: #eeeeee; }
  .csListeEquipement li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1rem;
    margin: 10px 0; }
    .csListeEquipement li::after {
      content: '';
      border-right: 1px solid #000000;
      padding-left: 20px;
      margin-right: 20px; }
    .csListeEquipement li:last-child::after {
      content: none; }

.csTab {
  padding: 20px 40px; }
  .csTabTitre {
    margin: 0;
    padding: 20px 0; }
  .csTabEquipements ul li {
    padding-bottom: 10px; }
  .csTabColonne {
    padding: 0 20px 20px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px; }
    .csTabColonne li {
      padding-bottom: 10px; }
  .csTabAccordion v-pane {
    border-top: 1px solid #eeeeee; }
    .csTabAccordion v-pane-header {
      margin: 0;
      border: 0;
      padding: 20px 0;
      font-size: 1.7rem;
      font-weight: lighter; }
      .csTabAccordion v-pane-header::before, .csTabAccordion v-pane-header::after {
        width: 25px;
        color: #999999; }
    .csTabAccordion v-pane .csTabColonne {
      padding-bottom: 0; }

.csTabs md-tabs-content-wrapper {
  background-color: #FFFFFF; }

.csTabs md-tabs-wrapper md-pagination-wrapper md-ink-bar {
  background: #eeeeee;
  height: 1px; }

.csTabs md-tabs-wrapper md-pagination-wrapper md-tab-item {
  background: #C6C6C6;
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  color: #000000; }
  .csTabs md-tabs-wrapper md-pagination-wrapper md-tab-item.md-active {
    background: #FFFFFF;
    color: #000000; }

.csDetailsModele a {
  color: #999999; }

.csBandeau {
  margin-bottom: 10px; }

.csPageInfos {
  margin-top: 55px; }

.csPageTitre {
  font-size: 2rem;
  margin: 0;
  line-height: 1; }

.csPageSousTitre {
  margin: 0;
  font-size: 1.5rem; }

.csListeLanguetteTitre {
  display: block;
  font-size: 0.8rem;
  text-align: left;
  color: #666666;
  margin: 0;
  padding-bottom: 15px; }

.csListeLanguette .csLanguette {
  font-size: 1rem;
  width: 60px;
  max-width: 60px; }
  .csListeLanguette .csLanguette + .csLanguette {
    margin-left: 10px; }
  .csListeLanguette .csLanguetteTitre {
    display: block;
    font-weight: bold;
    font-size: 0.8rem;
    text-align: center; }
  .csListeLanguette .csLanguette:last-child {
    margin-right: 0; }

.csInformationsBloc {
  top: 0;
  transition: 200ms; }

.csInformationsLocalisation {
  border: 1px solid #eeeeee;
  padding: 15px;
  background: #FFFFFF; }
  .csInformationsLocalisation i {
    flex-grow: 0;
    font-size: 35px; }

.csInformationsNomVille {
  margin: 0; }

.csInformationsPromo {
  font-size: 0;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0; }
  .csInformationsPromoAncienPrix {
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    color: #333333; }
    .csInformationsPromoAncienPrix::after {
      content: '';
      display: block;
      position: absolute;
      width: 90%;
      height: 2px;
      background: #333333;
      -webkit-transform: rotate(-10deg);
      -moz-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      transform: rotate(-10deg);
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      right: 0; }
  .csInformationsPromoReduction {
    font-weight: bold;
    color: #FFFFFF;
    background: #333333;
    font-size: 1.2rem;
    display: inline-block;
    padding: 5px 15px; }

.csInformationsTelephone {
  margin: 0;
  font-weight: bold;
  font-size: 1.1rem; }
  .csInformationsTelephoneShow {
    cursor: pointer; }

.csInformationsPlusInfo {
  color: #666666;
  font-size: 0.8rem; }

.csInformationsFinancementReprise {
  background-color: #FFFFFF;
  margin-bottom: 20px;
  border: 1px solid #eeeeee; }
  .csInformationsFinancementReprise .md-button {
    margin: 0;
    background: #f7f7f7;
    flex-grow: 1;
    text-transform: none;
    color: #333333;
    padding: 5px;
    white-space: normal;
    line-height: 1;
    border-radius: 0; }
    .csInformationsFinancementReprise .md-button .md-ripple-container {
      border-radius: 0; }
    .csInformationsFinancementReprise .md-button:first-child {
      border-right: 1px solid #eeeeee; }

.csInformationsBlocComparerFavoris {
  margin: 15px 0 5px;
  text-align: right; }
  .csInformationsBlocComparerFavoris i {
    display: block;
    font-size: 22px; }

.csInformationsBlocPrix {
  border: 1px solid #eeeeee;
  font-size: 0.8rem;
  margin-top: 20px;
  padding: 15px 15px 0;
  background: #FFFFFF;
  color: #666666;
  position: relative; }
  .csInformationsBlocPrix + .csInformationsFinancementReprise {
    border-top: 0; }
  .csInformationsBlocPrix p {
    margin: 0; }
  .csInformationsBlocPrix .csTooltip {
    top: 100%;
    left: -20px;
    right: -20px; }

.csInformationsDepartPrix {
  font-size: 0.8rem;
  color: #666666;
  font-weight: normal;
  display: block; }

.csInformationsPrix {
  color: #FFCC33;
  font-size: 2.5rem;
  font-weight: bold;
  position: relative; }
  .csInformationsPrix .csTooltip {
    top: 100%;
    left: -20px;
    right: -20px; }
  .csInformationsPrixTexte {
    color: #000000;
    font-size: 0.8rem;
    font-weight: normal;
    display: block; }

.csInformationsPrixType {
  font-size: 1rem;
  text-transform: uppercase; }

.csInformationsBtnContactezMoi {
  margin-top: 15px; }

.csInformationsBtnFavoris.active i::before {
  content: "\e9e2"; }

.csInformationsBtnComparer.active i::before {
  content: "\e9e3"; }

.csInformations md-backdrop {
  position: fixed;
  background: #000000;
  opacity: 0.4; }

.csInformations md-sidenav {
  position: fixed;
  max-width: none;
  background: #FFFFFF;
  width: 75%; }
  .csInformations md-sidenav iframe {
    width: 100%;
    height: 100%;
    display: block; }
  .csInformations md-sidenav md-content {
    padding: 0; }

.csModal {
  max-height: 100vh;
  width: 80%; }
  .csModal h6 br {
    display: none; }
  .csModal md-whiteframe {
    background: #FFFFFF;
    height: 100%;
    overflow-y: auto;
    padding: 15px; }
  .csModal p {
    font-size: 13px; }
    .csModal p.small {
      font-size: 11px;
      margin-bottom: 20px; }

.csSideNav md-backdrop {
  position: fixed;
  background: #000000;
  opacity: 0.4; }

.csSideNav md-sidenav {
  position: fixed;
  max-width: none;
  background: #FFFFFF;
  width: 75%; }
  .csSideNav md-sidenav iframe {
    width: 100%;
    height: 100%;
    display: block; }
  .csSideNav md-sidenav md-content {
    padding: 0; }

.csOptionCalculPrix {
  margin-bottom: 45px; }
  .csOptionCalculPrix md-checkbox {
    margin: 0; }
    .csOptionCalculPrix md-checkbox ._md-label {
      line-height: 1; }
  .csOptionCalculPrix p {
    margin: 0; }
  .csOptionCalculPrixModifier {
    color: #666666;
    font-size: 0.8rem;
    padding-left: 20px;
    cursor: pointer; }
    .csOptionCalculPrixModifier:hover {
      text-decoration: underline; }
  .csOptionCalculPrixMontant {
    font-weight: bold;
    font-size: 1rem; }
  .csOptionCalculPrixNombreMois {
    color: #FFCC33;
    font-weight: bold;
    font-size: 1rem;
    padding-left: 5px; }
  .csOptionCalculPrixResultat {
    font-size: 0.9rem;
    margin-top: 15px; }

.csTooltip {
  background-color: #eeeeee;
  opacity: 0;
  white-space: normal;
  height: auto;
  padding: 10px;
  font-weight: normal;
  color: #000000;
  border: 1px solid #cccccc;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  line-height: 1;
  font-size: 0.7rem;
  z-index: -1;
  text-transform: none; }
  .csTooltip p {
    font-weight: normal;
    color: #000000;
    margin: 0;
    background-color: transparent;
    line-height: 1;
    size: 0.7rem; }
  .csTooltip .title {
    line-height: 1;
    font-size: 0.7rem;
    font-weight: normal;
    color: #000000;
    margin: 0; }
    .csTooltip .title + .body {
      padding-top: 10px; }
  .csTooltip .body {
    font-weight: normal;
    font-size: 0.7rem;
    color: #000000;
    margin: 0;
    line-height: 1; }
    .csTooltip .body + .body {
      padding-top: 10px; }
  .csTooltipCible:hover + .csTooltip {
    opacity: 0.95;
    z-index: 10; }

.csBtnPlusResultats {
  margin: 30px 10px 0 10px; }

.csDetails {
  background: #eeeeee; }
  .csDetailsTypeGarantieImage {
    padding-right: 20px; }
    .csDetailsTypeGarantieImage img {
      display: block;
      max-width: 100px; }
  .csDetailsListeGaranties span::after {
    content: ' |'; }
  .csDetailsListeGaranties span:last-of-type::after {
    content: none; }
  .csDetailsListeGaranties p {
    margin: 5px 0 0; }
  .csDetailsListeGaranties small {
    font-size: 0.7rem;
    line-height: 1; }

.csVision360 {
  text-align: right;
  position: absolute;
  bottom: 36px;
  right: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px; }
  .csVision360 a {
    display: inline-block;
    font-size: 1.3rem; }
    .csVision360 a > span {
      display: inline-block;
      vertical-align: middle;
      font-weight: lighter; }
      .csVision360 a > span > span {
        font-weight: bold; }
    .csVision360 a img {
      display: inline-block;
      vertical-align: middle; }

.csGarantieOr {
  text-align: center;
  background: #FFCC33;
  color: #000000;
  padding: 17px 5px 2px;
  font-size: 0.7rem;
  min-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  border: 1px solid #fc3;
  border: 1px solid #FFCC33; }

.csGarantiePro {
  text-align: center;
  background: #665b4e;
  color: #FFFFFF;
  padding: 17px 5px 2px;
  font-size: 0.7rem;
  min-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  border: 1px solid #fc3;
  border: 1px solid #665b4e; }

.csGarantieZe {
  text-align: center;
  background: #40c7e9;
  color: #FFFFFF;
  padding: 17px 5px 2px;
  font-size: 0.7rem;
  min-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  border: 1px solid #fc3;
  border: 1px solid #40c7e9; }

.csPrixFute {
  text-align: center;
  background: #f071c3;
  color: #FFFFFF;
  padding: 17px 5px 2px;
  font-size: 0.7rem;
  min-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  border: 1px solid #fc3;
  border: 1px solid #f071c3; }

.csLanguetteImage {
  display: inline-block;
  min-height: 60px;
  width: 60px;
  height: 60px;
  vertical-align: top;
  min-width: 60px;
  transform: translateY(-10%); }

.csOperation3plus3 {
  text-align: center;
  background: #FFFFFF;
  color: #000000;
  padding: 17px 5px 2px;
  font-size: 0.7rem;
  min-height: 60px;
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: top;
  z-index: 1;
  border: 1px solid #fc3;
  border: 1px solid #cccccc; }

.csVehiculesDispo {
  display: inline-block;
  font-size: 1.4rem; }
  .csVehiculesDispoNombre {
    padding-right: 5px;
    font-weight: bold;
    font-size: 2rem;
    display: inline-block; }

.csOngletPrixVehicule {
  background: #FFFFFF;
  padding: 15px;
  border: 1px solid #eeeeee; }
  .csOngletPrixVehicule .csAcompte {
    font-size: .6rem;
    text-transform: none;
    display: block; }
  .csOngletPrixVehiculeMasque {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000; }

.csBlocAchat {
  position: fixed;
  bottom: 0;
  z-index: 10;
  width: 100%; }
  .csBlocAchat .csOptionCalculPrix {
    padding: 15px;
    margin: 0; }

.csPanelContactVehicule {
  position: fixed; }
  .csPanelContactVehicule .md-panel {
    position: fixed; }

[class^="csImgAnimate"] {
  position: absolute;
  z-index: 100; }
  [class^="csImgAnimate"] img {
    display: block;
    max-width: 100%; }

.csComparateur {
  background: #eeeeee; }
  .csComparateurContenu {
    background: #FFFFFF; }
  .csComparateurListeOptions {
    width: 100%;
    text-align: left;
    font-size: 0.8rem;
    line-height: 1.5; }
    .csComparateurListeOptionsCat {
      padding: 30px 0 20px;
      font-size: 1rem; }
      .csComparateurListeOptionsCat:first-child {
        padding-top: 0; }
    .csComparateurListeOptionsSection {
      margin-left: 50px;
      margin-top: 60px;
      margin-bottom: 30px; }
    .csComparateurListeOptionsContainer > div .csComparateurListeOptions {
      margin-left: 50px;
      padding-left: 20px;
      margin-bottom: 10px; }
    .csComparateurListeOptionsContainer > div:first-child .csComparateurListeOptions {
      margin-left: 0; }
  .csComparateurSection {
    padding: 40px;
    background: #FFFFFF; }
    .csComparateurSection + .csComparateurSection {
      padding-top: 0px; }
  .csComparateurBtn {
    margin-top: 40px; }
  .csComparateurTableau {
    text-align: center;
    width: 100%;
    padding-left: 50px; }
    .csComparateurTableauHeader {
      background: #333333;
      color: #FFFFFF;
      padding: 15px;
      font-weight: bold;
      min-height: 49px; }
    .csComparateurTableauBody {
      border: 1px solid #eeeeee; }
      .csComparateurTableauBody li {
        padding: 10px;
        min-height: 39px; }
        .csComparateurTableauBody li:nth-child(even) {
          background-color: #eeeeee; }
  .csComparateurVehiculeDetails {
    position: relative;
    padding-bottom: 53px; }
  .csComparateurVehiculeAjout {
    width: 80px;
    position: relative;
    margin: 0 auto; }
    .csComparateurVehiculeAjout .rrg-bicorps {
      font-size: 60px;
      width: 80px;
      height: 60px;
      display: inline-block; }
    .csComparateurVehiculeAjout .rrg-plus {
      font-size: 30px;
      position: absolute;
      right: 0;
      top: 0; }
  .csComparateurVehiculePrix {
    color: #FFCC33;
    font-weight: bold;
    font-size: 1.5rem; }
  .csComparateurVehiculeDiac {
    font-size: 0.6rem;
    font-weight: bold;
    color: #333333; }
  .csComparateurVehiculeAncienPrix {
    padding-top: 10px;
    font-weight: bold;
    text-decoration: line-through; }
  .csComparateurVehiculeNom {
    font-size: 1.2rem;
    font-weight: bold; }
  .csComparateurVehiculeHeader {
    position: relative; }
  .csComparateurVehiculeSupprimer .rrgBtnFermer, .csComparateurVehiculeSupprimer .rrgBtnFermerAbsolute {
    position: absolute;
    top: 0;
    right: 0; }
  .csComparateurVehiculeNumero {
    font-size: 55px;
    font-weight: bold;
    text-align: center; }
  .csComparateurVehiculeImg {
    padding-top: 15px; }
    .csComparateurVehiculeImg img {
      max-width: 100%;
      display: block; }
  .csComparateurVehiculeHeader {
    border: 1px solid #eeeeee;
    padding: 15px;
    height: 100%; }
  .csComparateurVehiculeLien {
    padding-top: 15px;
    bottom: 0;
    width: 100%; }
    .csComparateurVehiculeLien a {
      display: block; }
      .csComparateurVehiculeLien a span {
        padding: 10px 10px 10px 0; }

.rrgMobileNavBar {
  background: #FFFFFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10; }
  .rrgMobileNavBarItem {
    height: 100%;
    flex-grow: 1;
    flex-basis: 0; }
    .rrgMobileNavBarItemPicto {
      height: 25px; }
      .rrgMobileNavBarItemPicto .rrg-stat {
        font-size: 20px; }
    .rrgMobileNavBarItemNom {
      display: block;
      text-align: center;
      font-size: 9px;
      line-height: 1;
      margin-top: 5px; }
    .rrgMobileNavBarItemNotification {
      width: 17px;
      height: 17px;
      line-height: 17px;
      border-radius: 20px;
      margin-left: 5px;
      font-size: 11px;
      background: #FFCC33;
      font-weight: normal; }
    .rrgMobileNavBarItem i {
      display: block;
      font-size: 25px;
      position: relative; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 1280px) {
  .csServiceSection .servicePadding:first-child {
    padding-left: 0; }
  .csServiceSection .servicePadding:last-child {
    padding-right: 0; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .csServiceSection .servicePadding:first-child {
    padding-left: 0; }
  .csServiceSection .servicePadding:last-child {
    padding-right: 0; } }

.csContactVehicule {
  background-color: #FFFFFF;
  max-width: 500px;
  min-width: 500px;
  width: 100%;
  padding: 30px; }
  .csContactVehicule .csInformationsBlocPrix {
    margin-top: 0;
    margin-bottom: 30px; }
  .csContactVehicule .btnActionAbsolute {
    right: 5px;
    top: 5px; }
  .csContactVehiculeTitre {
    font-size: 1.2rem;
    color: #000000;
    font-weight: bold; }
  .csContactVehicule .csOptionCalculPrixResultat {
    margin-top: 0; }
    .csContactVehicule .csOptionCalculPrixResultat:first-child {
      margin-top: 20px; }
    .csContactVehicule .csOptionCalculPrixResultat p {
      margin: 5px 0; }
  .csContactVehicule .csOptionCalculPrixMontant {
    text-align: right; }
  .csContactVehicule .csInformationsPrix {
    font-size: 1.9rem;
    padding-left: 10px;
    text-align: right; }

/* REGLE DE MEDIA > TABLETTE */
@media (min-width: 960px) {
  .csInformationsBloc.active {
    position: absolute; }
  .csEquipementsListe {
    column-count: 2; }
    .csEquipementsListe .rrg-btnLienSimple {
      padding: 0 20px 0 0; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .csFa .csInformations .colPDroit {
    max-width: none; }
  .csFa .rrgComparateur {
    bottom: 50px; }
  .csInformationsFinancementReprise {
    margin-bottom: 0; }
  .csInformationsBlocPrix {
    margin-top: 0; }
    .csInformationsBlocPrix .csTooltip {
      left: 0;
      right: 0; }
  .csInformations .csPageInfos {
    color: #FFFFFF;
    margin-bottom: 10px; }
  .csInformationsDepartPrix {
    text-align: left; }
  .csInformationsBloc {
    position: fixed;
    margin: auto;
    z-index: 1001;
    width: 50%;
    top: 50%;
    left: 0;
    right: 0;
    padding: 10px;
    max-width: 100%;
    max-height: 100vh;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow-y: auto; }
    .csInformationsBloc > * {
      width: 100%; }
    .csInformationsBloc .csPageInfos {
      margin-top: 0;
      padding-right: 50px;
      position: relative; }
      .csInformationsBloc .csPageInfos i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 50px; }
    .csInformationsBloc .csPageTitre {
      font-size: 1.5rem; }
    .csInformationsBloc .csPageSousTitre {
      font-size: 1.1rem; }
  .csInformationsBlocMobile {
    margin-top: 15px; }
    .csInformationsBlocMobile .csBtnInfosFixed {
      position: fixed;
      z-index: 100;
      bottom: 0;
      left: 0;
      right: 0; }
    .csInformationsBlocMobile .csInformationsBlocComparerFavoris {
      margin-top: 0;
      margin-bottom: 0; }
    .csInformationsBlocMobile .csInformationsBlocPrix {
      border: none;
      padding: 0; }
    .csInformationsBlocMobile .csInformationsPrix {
      padding: 15px;
      border: 1px solid #eeeeee; }
    .csInformationsBlocMobile .csInformationsPromo {
      position: relative; }
  .csVehiculesDispo {
    display: block;
    text-align: center;
    padding-bottom: 20px;
    border: 0; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .csEquipementsListe {
    column-count: 2; }
    .csEquipementsListe .rrg-btnLienSimple {
      padding: 0 20px 0 0; }
  .csSideNav md-sidenav {
    width: 50%;
    z-index: 1002; }
  .csServiceSection .servicePadding:nth-child(odd) {
    padding-left: 0; }
  .csServiceSection .servicePadding:nth-child(even) {
    padding-right: 0; }
  .csComparateurSection {
    padding: 15px; }
    .csComparateurSection .colPGauche {
      padding-right: 10px; }
    .csComparateurSection .colPMilieu {
      padding-left: 5px;
      padding-right: 5px; }
    .csComparateurSection .colPDroit {
      padding-left: 10px; }
  .csComparateurTableau {
    padding-left: 25px; }
  .csComparateurListeOptionsSection {
    margin-left: 25px;
    margin-top: 30px;
    margin-bottom: 15px; }
  .csComparateurVehiculeNumero {
    font-size: 25px; }
  .csInformations md-sidenav {
    width: 75%; } }

.csDetails md-tab-content {
  touch-action: auto !important; }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .csTab {
    padding: 15px; }
    .csTab v-pane-header > div {
      font-size: 1.3rem; }
    .csTabTitre {
      padding-top: 0;
      padding-bottom: 15px;
      font-size: 1.3rem; }
    .csTabColonne {
      columns: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0; }
  .csInformationsBlocMobile {
    margin-top: 20px; }
  .csTabs md-tabs-wrapper md-pagination-wrapper md-tab-item {
    padding: 12px 7px;
    font-size: 0.85rem; }
    .csTabs md-tabs-wrapper md-pagination-wrapper md-tab-item.md-active {
      background: #FFFFFF;
      color: #000000; }
  .csModal {
    width: 100%;
    height: 100%; }
  .csSideNav md-sidenav {
    width: 100%;
    z-index: 1002; }
  .csDetailsModele {
    margin-top: 20px;
    text-align: center; }
  .csPageTitre, .csPageSousTitre {
    text-align: center; }
  .csVision360 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    position: static;
    margin: auto; }
  .csComparateur .colPGauche, .csComparateur .colPDroit, .csComparateur .colPMilieu {
    min-width: 265px; }
  .csComparateurBtn {
    margin-top: 20px; }
    .csComparateurBtn button {
      width: 100%; }
  .csComparateurVehiculeNumero {
    font-size: 40px; }
  .csComparateurBtnContact {
    margin-left: 25px; }
  .csComparateurContenu {
    display: inline-block; }
    .csComparateurContenuContainer {
      white-space: nowrap;
      overflow-x: auto; }
  .csComparateurListeOptionsSection {
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 10px; }
  .csComparateurListeOptionsContainer > div .csComparateurListeOptions {
    margin-left: 0; }
  .csComparateurTableau {
    padding-left: 25px; }
  .csComparateurSection {
    padding: 20px;
    white-space: normal; }
  .csGarantieConstructeur {
    text-align: center; }
  .csContactVehicule {
    max-width: 320px;
    min-width: 320px; }
  .csServiceSection {
    display: block; }
  ._md-select-menu-container._md-active {
    z-index: 1000; }
  .csInformations md-sidenav {
    width: 100%;
    display: block; }
  .csInformationsBloc {
    border: 0;
    width: 100%; }
  .csInformationsBlocPrix {
    margin: 0;
    text-align: center;
    display: block; }
  .csInformationsPrix {
    text-align: center;
    padding: 0; }
  .csInformationsLocalisation {
    padding-top: 15px;
    text-align: center;
    display: block; }
  .csInformationsPlusInfo {
    text-align: right;
    font-size: 0.9rem; }
  .csDetailsTypeGarantieImage {
    padding-right: 0;
    padding-bottom: 10px; }
    .csDetailsTypeGarantieImage img {
      margin: auto; }
  .csDetailsListeGaranties p {
    text-align: center; }
  .csDetailsListeGaranties span {
    display: block;
    text-align: center; }
    .csDetailsListeGaranties span::after {
      content: none; } }

.csColonneCaracteristiques li {
  color: #666666; }

.csOffreVignette .offreVignette {
  padding: 5px 0; }
  .csOffreVignette .offreVignette:first-child {
    padding-top: 0; }
  .csOffreVignette .offreVignette:last-child {
    padding-bottom: 0; }

@media (max-width: 320px) {
  .csTabs md-tabs-wrapper md-pagination-wrapper md-tab-item {
    padding: 12px 4px;
    font-size: 0.8rem; } }

.csuVideoModeleOccasion {
  text-align: center;
  position: relative; }
  .csuVideoModeleOccasion img {
    max-width: 100%;
    width: 100%;
    display: block; }
  .csuVideoModeleOccasion md-card {
    max-width: 60%;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    display: inline-block;
    padding: 20px 40px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
    background: rgba(255, 255, 255, 0.8); }
    .csuVideoModeleOccasion md-card md-card-title {
      text-align: center;
      padding: 0 0 20px;
      display: block; }
      .csuVideoModeleOccasion md-card md-card-title h6 {
        margin: 0; }
        .csuVideoModeleOccasion md-card md-card-title h6 + h6 {
          margin-top: 5px; }
    .csuVideoModeleOccasion md-card md-card-content {
      padding: 0; }

.csuOffres .csuOffre:first-child {
  border: 0; }
  .csuOffres .csuOffre:first-child v-pane-header {
    padding-top: 0; }

.csuOffres .csuOffre:last-child v-pane-header {
  padding-bottom: 0; }

.csuOffres .csuOffre v-pane-header {
  padding: 5px 0; }

.csuOffres .csuOffreTitre img {
  margin-left: 20px;
  padding: 5px;
  width: 60px;
  height: 60px; }

.csuOffres .csuOffreDetails p {
  margin: 0; }
  .csuOffres .csuOffreDetails p + p {
    margin-top: 20px; }

.csuOffres .csuOffreDetails .rrg-btnLienSimple {
  text-transform: none; }

.csuOffres .csuOffreVignette {
  padding-left: 20px; }
  .csuOffres .csuOffreVignetteImg {
    margin-bottom: 20px; }
    .csuOffres .csuOffreVignetteImg img {
      display: block;
      width: 100%; }
  .csuOffres .csuOffreVignette .md-button {
    text-align: left;
    padding-left: 30px; }

.csuEquipementsGaranties {
  padding: 20px;
  background: #FFFFFF;
  margin-bottom: 30px; }

.csuListeEquipement {
  font-size: 0;
  text-align: center;
  margin-bottom: 20px; }
  .csuListeEquipement li {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1rem;
    margin: 0;
    font-weight: bold; }
    .csuListeEquipement li::after {
      content: '';
      border-right: 1px solid #000000;
      padding-left: 10px;
      margin-right: 10px; }
    .csuListeEquipement li:last-child::after {
      content: none; }

.csuBlocOperationsMobile {
  background: #eeeeee; }

.csuVignette {
  padding-top: 15px;
  margin-right: 15px; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .csuVideoModeleOccasion {
    margin-top: 40px; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .csuVideoModeleOccasion md-card {
    padding: 20px; }
  .csuVignette {
    text-align: center; }
  .csuOffres .csuOffre .md-button {
    font-size: 0.9rem; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .csuVideoModeleOccasion {
    overflow: hidden;
    height: 300px; }
    .csuVideoModeleOccasion md-card {
      max-width: 90%;
      padding: 15px; }
    .csuVideoModeleOccasion img {
      max-width: none;
      width: auto;
      height: 100%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: 50%; }
  .csuVignette {
    text-align: center;
    margin-right: 0; }
  .csuOffres .csuOffreTitre img {
    width: 45px;
    height: 45px; }
  .csuOffres .csuOffreVignette {
    padding-left: 0; }
  .csuOffres .csuOffre .md-button {
    font-size: 0.9rem;
    text-align: center; } }

.assNouvelleConcessionDrive {
  margin-top: 20px; }
  .assNouvelleConcessionDriveTitre {
    font-size: 1.286rem;
    margin-right: 20%;
    text-align: right; }
    .assNouvelleConcessionDriveTitre span {
      display: block;
      font-weight: bold;
      font-size: 2.143rem; }
  .assNouvelleConcessionDriveContainer:first-child {
    position: relative;
    overflow: hidden;
    padding-bottom: 2px; }
    .assNouvelleConcessionDriveContainer:first-child::after {
      content: "";
      background-image: url(https://api.renault-retail-group.fr/images/autodealer/fleche.svg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100%;
      position: absolute;
      width: 100%;
      height: 15px;
      bottom: 0px;
      left: -20px; }

@media (max-width: 960px) {
  .assNouvelleConcessionDriveTitre {
    margin-right: 0;
    text-align: center; } }

.assFooter .rrg-question {
  color: #FFCC33;
  font-size: 2em;
  padding-bottom: 20px;
  display: block; }

.assFooterListeQuestions a {
  margin: 0 20px 20px; }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .assFooterListeQuestions a {
    width: 100%;
    margin: 0 0 20px; } }

.cartTabCheckout {
  padding: 20px; }
  .cartTabCheckoutImage {
    padding-right: 20px; }
    .cartTabCheckoutImage img {
      display: block; }
  .cartTabCheckoutAcompte {
    margin: 0;
    font-size: 0.8rem; }
  .cartTabCheckoutItem {
    font-weight: bold;
    font-size: 1em;
    margin: 0; }
  .cartTabCheckoutCategory {
    margin: 0;
    color: #999999; }
  .cartTabCheckoutBarre {
    color: #999999;
    font-size: 1.2em;
    font-weight: bold; }
  .cartTabCheckoutPastille {
    background-color: #eb1a21;
    color: #FFFFFF;
    padding: 2px 5px;
    margin-left: 10px; }
  .cartTabCheckoutReference {
    margin: 0;
    color: #999999; }
  .cartTabCheckoutStock {
    margin-top: 20px;
    margin-bottom: 0;
    color: #32ab41; }
  .cartTabCheckoutUnavailable {
    margin-top: 20px;
    margin-bottom: 0;
    color: #eb1a21; }
  .cartTabCheckoutPrix {
    font-size: 2.3em;
    margin: 0;
    text-align: right; }
  .cartTabCheckoutPose {
    text-align: right; }
    .cartTabCheckoutPose > div {
      display: inline-block; }
  .cartTabCheckoutQuantite {
    border: 1px solid #cccccc;
    padding: 6px 10px;
    width: 33px;
    height: 33px;
    text-align: center; }
    .cartTabCheckoutQuantiteContainer {
      padding-top: 20px; }
    .cartTabCheckoutQuantitePlus, .cartTabCheckoutQuantiteMoins {
      color: #000000;
      font-size: 1.8em;
      width: 33px;
      height: 33px;
      text-align: center; }
  .cartTabCheckoutDroite {
    padding-left: 20px; }
  .cartTabCheckoutSupprimer {
    font-size: 1.4em;
    line-height: 1;
    padding: 6px 0;
    height: 33px;
    display: block; }

.cartTabTexteConfirmationCommande {
  padding: 20px; }
  .cartTabTexteConfirmationCommande p:first-child {
    margin-top: 0; }
  .cartTabTexteConfirmationCommande p:last-child {
    margin-bottom: 0; }

.cartTabVide {
  text-align: center; }
  .cartTabVide h6 {
    text-align: center;
    margin: 0; }
  .cartTabVide h4 {
    text-align: center;
    margin: 0 0 20px; }
  .cartTabVide img {
    margin-bottom: 20px; }

.cartTabContainer {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid; }
  .cartTabContainer:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }

.cartTabContenuSection {
  background: #FFFFFF; }
  .cartTabContenuSection + .cartTabContenuSection {
    margin-top: 10px; }
  .cartTabContenuSectionTitre {
    padding: 30px 0 15px;
    margin: 0; }

.cartTabContenuResumeAcompte {
  font-size: 0.9rem;
  padding-right: 5px; }

.cartTabContenuResumeBtn .md-button + .md-button {
  margin-top: 10px; }

.cartTabContenuResumeTitre {
  margin: 20px 0;
  text-align: center; }

.cartTabContenuResumeSousTitre {
  margin: 0;
  font-weight: bold; }

.cartTabContenuResumePanier {
  padding: 20px;
  background: #FFFFFF; }
  .cartTabContenuResumePanierListe {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 5px; }
    .cartTabContenuResumePanierListe:last-child {
      margin-bottom: 15px; }
  .cartTabContenuResumePanierItem {
    margin: 0;
    font-size: 0.9rem;
    text-align: left; }
  .cartTabContenuResumePanierQuantite {
    margin: 0;
    padding: 0 10px; }
  .cartTabContenuResumePanierJours {
    margin: 0;
    font-size: 0.7rem; }
  .cartTabContenuResumePanierPrix {
    margin: 0;
    font-weight: bold;
    text-align: right;
    line-height: 1;
    font-size: 0.9rem; }
    .cartTabContenuResumePanierPrix span {
      font-weight: normal;
      font-size: 0.7rem; }
  .cartTabContenuResumePanier + [class^="rrg-btn"] {
    margin-top: 20px; }

.cartTabContenuResumeTotal {
  font-weight: bold;
  font-size: 1.3rem;
  margin: 0; }
  .cartTabContenuResumeTotalContainer {
    text-align: center; }
  .cartTabContenuResumeTotalPrix {
    margin: 0;
    font-weight: bold;
    line-height: 1;
    font-size: 1.1rem; }
    .cartTabContenuResumeTotalPrix span {
      font-weight: normal;
      font-size: 0.7rem; }

.cartTabContenuResumeArticles {
  margin: 0;
  color: #999999; }

.cartTabContenuResumeListeContainer {
  padding: 20px; }
  .cartTabContenuResumeListeContainer > div .cartTabContenuResumeListe {
    margin: 10px 0 20px; }
  .cartTabContenuResumeListeContainer > div:last-child .cartTabContenuResumeListe {
    margin-bottom: 0; }

.cartTabContenuResumePrix {
  font-size: 2.3rem;
  text-align: right;
  margin: 0; }

.cartTabContenuResumeTTC {
  font-size: 0.8rem;
  margin: 0; }

.cartTabContenuLivraisonRadio md-radio-group md-radio-button {
  height: auto;
  padding: 4px 0;
  line-height: 1;
  margin: 10px 0; }
  .cartTabContenuLivraisonRadio md-radio-group md-radio-button h5 {
    margin: 0; }

.cartTabContenuLivraisonDomicile {
  padding-bottom: 20px; }
  .cartTabContenuLivraisonDomicile h5 {
    margin-bottom: 0; }

.cartTabContenuLivraisonPrix {
  text-align: right;
  font-weight: bold; }

.cartTabContenuLivraisonAdresseAjout {
  padding-bottom: 20px; }

/* REGLE DE MEDIA DESKTOP */
/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .cartTabCheckoutPrix {
    text-align: right; }
  .cartTabCheckoutDroite {
    padding: 0; }
  .cartTabContenuSectionTitre {
    text-align: center; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .cartTabCheckout {
    padding: 20px; }
    .cartTabCheckoutAcompte {
      text-align: center; }
    .cartTabCheckoutImage {
      padding: 0; }
      .cartTabCheckoutImage img {
        margin: auto auto 20px; }
    .cartTabCheckoutDroite {
      padding: 0; }
    .cartTabCheckoutPrix {
      text-align: center; }
    .cartTabCheckoutQuantiteContainer {
      padding: 20px 0; }
  .cartTabContenuSectionTitre {
    text-align: center; }
  .cartTabContenuResume {
    margin-top: 20px; }
    .cartTabContenuResumeAcompte {
      display: block;
      text-align: center;
      padding: 0; }
    .cartTabContenuResumeBtn .md-button:first-child {
      margin-top: 10px; }
    .cartTabContenuResumePrix {
      margin: 20px 0 0;
      text-align: center; }
    .cartTabContenuResumeTTC {
      margin: 20px 0 0;
      text-align: center; }
    .cartTabContenuResumePanier {
      text-align: center; } }

.lpForm {
  background: #FFFFFF;
  padding: 20px; }
  .lpFormHtmlContact {
    padding-top: 5px;
    font-size: 0.9rem;
    display: none; }
  .lpFormTitre {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px; }
  .lpFormSubtitle {
    font-weight: bold;
    font-size: 1.5rem;
    padding-bottom: 20px; }
  .lpForm .mdRadioGroupInline {
    padding: 0; }
  .lpForm md-input-container {
    margin: 0;
    margin-bottom: 20px;
    width: 100%; }
    .lpForm md-input-container .md-errors-spacer {
      min-height: 0; }
    .lpForm md-input-container .md-input {
      min-height: 25px;
      padding: 0; }

.lpSection {
  padding-top: 60px;
  padding-bottom: 25px; }
  .lpSectionTitre {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 2.8rem; }
  .lpSectionSousTitre {
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 1.5rem;
    margin: 0;
    margin-top: 10px; }

.lpRenaultParis .rrg-section, .lpRenaultParis .rrg-sectionT, .lpRenaultParis .rrg-sectionB, .lpRenaultParis .rrg-sectionF {
  padding-bottom: 15px; }

.lpRenaultParis img {
  display: block;
  max-width: 100%;
  margin: auto; }

.lpEnd2017Header {
  background-color: transparent;
  border-bottom: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 70; }
  .lpEnd2017Header ~ .md-panel-outer-wrapper {
    top: -90px; }
  .lpEnd2017Header ~ footer {
    position: relative;
    z-index: 40; }
  .lpEnd2017Header .rrg-icon, .lpEnd2017Header .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .lpEnd2017Header th[ng-bind-html="view.next.label"], .lpEnd2017Header
  .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
  .moment-picker .header-view thead tr .lpEnd2017Header th[ng-bind-html="view.previous.label"] {
    vertical-align: middle;
    font-size: 3rem;
    margin-right: 15px; }
  .lpEnd2017Header::before {
    content: "";
    position: absolute;
    width: 160px;
    height: 175px;
    top: -53px;
    left: -75px;
    background: url(https://api.renault-retail-group.fr/images/lp/header-shape.svg) no-repeat center center; }
  .lpEnd2017Header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 85px;
    width: calc(100% - 85px);
    height: 110px;
    background: white;
    border-bottom: 1px solid #cccccc; }
  .lpEnd2017Header .header-titre {
    font-size: 1.5rem;
    line-height: 1; }
    .lpEnd2017Header .header-titre span {
      display: block;
      font-weight: normal; }
  .lpEnd2017Header .headerNavigationGeneral {
    background: none; }
    .lpEnd2017Header .headerNavigationGeneralTitre.header-titre {
      line-height: 1;
      color: #FFFFFF;
      text-transform: uppercase;
      letter-spacing: 3px;
      font-size: 1.8rem; }
      .lpEnd2017Header .headerNavigationGeneralTitre.header-titre span {
        display: block;
        font-weight: normal;
        font-size: 1rem;
        text-transform: none;
        margin-top: 5px; }

.lpRenaultLille {
  background: url(https://api.renault-retail-group.fr/images/lp/lp-lille-desktop.jpg) no-repeat center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  margin-top: -110px;
  height: 100%; }
  .lpRenaultLille .container {
    margin-top: 110px;
    padding-top: 110px; }
  .lpRenaultLille .rrg-section, .lpRenaultLille .rrg-sectionT, .lpRenaultLille .rrg-sectionB, .lpRenaultLille .rrg-sectionF,
  .lpRenaultLille .rrg-section .container,
  .lpRenaultLille .rrg-sectionT .container,
  .lpRenaultLille .rrg-sectionB .container,
  .lpRenaultLille .rrg-sectionF .container,
  .lpRenaultLille .rrg-section .container > div,
  .lpRenaultLille .rrg-sectionT .container > div,
  .lpRenaultLille .rrg-sectionB .container > div,
  .lpRenaultLille .rrg-sectionF .container > div,
  .lpRenaultLille .rrg-section .container > div > div,
  .lpRenaultLille .rrg-sectionT .container > div > div,
  .lpRenaultLille .rrg-sectionB .container > div > div,
  .lpRenaultLille .rrg-sectionF .container > div > div,
  .lpRenaultLille .rrg-section .container > div > div .lpForm,
  .lpRenaultLille .rrg-sectionT .container > div > div .lpForm,
  .lpRenaultLille .rrg-sectionB .container > div > div .lpForm,
  .lpRenaultLille .rrg-sectionF .container > div > div .lpForm {
    height: 100%; }
  .lpRenaultLille .lpImageBackgroundMobile {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 0; }
  .lpRenaultLille .lpPhraseAccroche {
    padding-top: 100px;
    color: #FFFFFF; }
    .lpRenaultLille .lpPhraseAccroche h2 {
      font-weight: bold; }
  .lpRenaultLille .lpForm {
    position: relative;
    z-index: 50; }
    .lpRenaultLille .lpFormHeader {
      text-align: center;
      margin-bottom: 100px; }
      .lpRenaultLille .lpFormHeader * {
        display: block; }
      .lpRenaultLille .lpFormHeader p {
        margin: 0; }
  .lpRenaultLille .lpConditionsLien {
    margin-top: 20px; }
  .lpRenaultLille .lpBulletinSelect {
    margin-top: 20px; }
    .lpRenaultLille .lpBulletinSelect label {
      font-size: 20px; }
  .lpRenaultLille .telechargerBulletin {
    position: relative;
    margin-bottom: 20px;
    display: block; }

.lpBackgroundSection {
  position: relative; }
  .lpBackgroundSection img {
    display: block;
    margin: auto;
    width: 100%; }
  .lpBackgroundSectionTitre {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 2rem; }
  .lpBackgroundSectionSousTitre {
    color: #FFFFFF;
    text-align: center;
    margin: 0; }
  .lpBackgroundSectionBaseline {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    text-align: center; }
  .lpBackgroundSectionTop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .lpBackgroundSectionBottom {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto; }
  .lpBackgroundSectionMiddle {
    position: absolute;
    top: 50%;
    margin: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.lpEnd2017Panel {
  max-width: 400px; }
  .lpEnd2017Panel .lpForm {
    padding: 0; }
  .lpEnd2017Panel md-input-container.md-input-focused:not([md-no-float]) .noPlaceholder .md-select-placeholder span:first-child {
    opacity: 0 !important; }
  .lpEnd2017Panel h6 {
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px; }

.lpOffreVsVdTelechargerListe {
  text-align: center;
  margin-top: 10px; }
  .lpOffreVsVdTelechargerListe a {
    color: #FFFFFF; }

.lpOffreVsVd .lpBackgroundSectionBottom img {
  display: block;
  margin: 10px auto;
  width: 40px; }

.lpOffreVsVd .lpSectionMentions {
  text-align: center;
  margin-top: 50px;
  color: #FFFFFF;
  font-size: 0.7rem; }

.lpOffreVsVd .lpMentionsLegales {
  font-size: .6rem; }

.lpBlackFriday, .lpOffreVsVd {
  margin-top: 90px; }
  .lpBlackFriday h5, .lpOffreVsVd h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0; }
    .lpBlackFriday h5 + p, .lpOffreVsVd h5 + p {
      text-align: center;
      margin: 15px 0; }
  .lpBlackFridayCaroussel, .lpOffreVsVdCaroussel {
    margin: 20px 0; }
    .lpBlackFridayCaroussel .rrg-CarouselSlide, .lpOffreVsVdCaroussel .rrg-CarouselSlide {
      width: 225px;
      padding: 0; }
  .lpBlackFridaySlide, .lpOffreVsVdSlide {
    padding: 0 5px;
    position: relative;
    cursor: pointer; }
    .lpBlackFridaySlideTitre, .lpOffreVsVdSlideTitre {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 20px 10px;
      font-weight: bold;
      color: #FFFFFF; }
    .lpBlackFridaySlidePrix, .lpOffreVsVdSlidePrix {
      position: absolute;
      bottom: 10px;
      right: 5px;
      width: 50%;
      background-color: #101010;
      font-size: 1.5rem;
      font-weight: bold;
      color: #FFFFFF;
      text-align: left;
      padding: 5px 5px 5px 10px;
      border-radius: 30px 0 0 30px; }
  .lpBlackFridayListeActions, .lpOffreVsVdListeActions {
    text-align: center;
    font-size: 0; }
    .lpBlackFridayListeActions .md-button, .lpOffreVsVdListeActions .md-button {
      margin: 0 5px; }
  .lpBlackFriday .lpBackgroundSectionTop, .lpOffreVsVd .lpBackgroundSectionTop {
    top: 40px; }
  .lpBlackFriday .lpBackgroundSectionMiddle, .lpOffreVsVd .lpBackgroundSectionMiddle {
    max-width: 300px;
    text-align: center; }
    .lpBlackFriday .lpBackgroundSectionMiddle > span, .lpOffreVsVd .lpBackgroundSectionMiddle > span {
      line-height: 0;
      font-size: 1.5rem;
      color: #FFFFFF;
      text-transform: uppercase;
      font-weight: bold; }
      .lpBlackFriday .lpBackgroundSectionMiddle > span .lpBackgroundSectionMedium, .lpOffreVsVd .lpBackgroundSectionMiddle > span .lpBackgroundSectionMedium {
        letter-spacing: .1rem; }
      .lpBlackFriday .lpBackgroundSectionMiddle > span .lpBackgroundSectionSmall, .lpOffreVsVd .lpBackgroundSectionMiddle > span .lpBackgroundSectionSmall {
        letter-spacing: .1rem;
        line-height: 2;
        font-size: 1rem; }
      .lpBlackFriday .lpBackgroundSectionMiddle > span .lpBackgroundSectionTiny, .lpOffreVsVd .lpBackgroundSectionMiddle > span .lpBackgroundSectionTiny {
        line-height: 1;
        font-size: 0.7rem;
        text-transform: none;
        font-weight: normal; }

.lpBlackFriday, .lpDark {
  background: #101010; }
  .lpBlackFriday h5, .lpDark h5 {
    color: #cccccc; }
    .lpBlackFriday h5 + p, .lpDark h5 + p {
      color: #cccccc; }
  .lpBlackFriday .lpBackgroundSectionBottom img, .lpDark .lpBackgroundSectionBottom img {
    display: block;
    margin: 10px auto;
    opacity: 0.2;
    width: 40px; }
  .lpBlackFriday .lpBackgroundSectionBaseline, .lpDark .lpBackgroundSectionBaseline {
    color: #999999; }
  .lpBlackFridayHeader.lpEnd2017Header .rrg-icon, .lpBlackFridayHeader.lpEnd2017Header .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .lpBlackFridayHeader.lpEnd2017Header th[ng-bind-html="view.next.label"], .lpBlackFridayHeader.lpEnd2017Header
  .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
  .moment-picker .header-view thead tr .lpBlackFridayHeader.lpEnd2017Header th[ng-bind-html="view.previous.label"], .lpDarkHeader.lpEnd2017Header .rrg-icon, .lpDarkHeader.lpEnd2017Header .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .lpDarkHeader.lpEnd2017Header th[ng-bind-html="view.next.label"], .lpDarkHeader.lpEnd2017Header
  .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
  .moment-picker .header-view thead tr .lpDarkHeader.lpEnd2017Header th[ng-bind-html="view.previous.label"] {
    color: #cccccc; }
  .lpBlackFridayHeader.lpEnd2017Header::before, .lpDarkHeader.lpEnd2017Header::before {
    background: url(https://api.renault-retail-group.fr/images/lp/header-shape-black-friday.svg) no-repeat center center; }
  .lpBlackFridayHeader.lpEnd2017Header::after, .lpDarkHeader.lpEnd2017Header::after {
    background: #101010;
    border-bottom: 1px solid #333333; }
  .lpBlackFridayHeader.lpEnd2017Header .header-titre, .lpDarkHeader.lpEnd2017Header .header-titre {
    font-weight: bold; }
  .lpBlackFriday .lpMentionsLegales, .lpDark .lpMentionsLegales {
    color: #FFFFFF; }

/* REGLE DE MEDIA TABLETTE */
@media (max-width: 599px) {
  .lpRenaultParis .rrg-section, .lpRenaultParis .rrg-sectionT, .lpRenaultParis .rrg-sectionB, .lpRenaultParis .rrg-sectionF {
    padding-bottom: 20px; }
  .lpFooter ul {
    -webkit-flex-direction: column;
    flex-direction: column; }
    .lpFooter ul li {
      margin: 10px 0; }
  .lpFooter a {
    line-height: 1; }
  .lpFooterCopyright {
    text-align: center; }
  .lpBlackFriday, .lpOffreVsVd {
    margin-top: 50px; }
    .lpBlackFriday > .rrg-children:first-child, .lpOffreVsVd > .rrg-children:first-child {
      padding-top: 40px; }
    .lpBlackFriday h5, .lpOffreVsVd h5 {
      padding-top: 50px; }
      .lpBlackFriday h5 + p, .lpOffreVsVd h5 + p {
        font-size: .9rem; }
    .lpBlackFridayCaroussel, .lpOffreVsVdCaroussel {
      margin: 40px 0; }
    .lpBlackFridayListeActions .md-button, .lpOffreVsVdListeActions .md-button {
      width: 100%;
      margin: 0; }
      .lpBlackFridayListeActions .md-button + .md-button, .lpOffreVsVdListeActions .md-button + .md-button {
        margin-top: 20px; }
  .lpOffreVsVd .lpBackgroundSectionTop {
    top: 50px; }
    .lpOffreVsVd .lpBackgroundSectionTop .lpBackgroundSectionTitre {
      letter-spacing: 0;
      font-size: 1rem; }
  .lpOffreVsVd .lpBackgroundSectionMiddle {
    transform: scale(0.8);
    text-align: center;
    max-width: inherit;
    width: 100%;
    margin: 0;
    top: auto;
    bottom: 45%; }
  .lpEnd2017Header .headerNavigationGeneralTitre.header-titre {
    letter-spacing: 1px;
    font-size: 1.1rem;
    padding-left: 10px; }
    .lpEnd2017Header .headerNavigationGeneralTitre.header-titre span {
      font-size: 0.7rem; }
  .lpEnd2017Panel {
    top: 0;
    left: 0;
    transform: translateX(0) translateY(0);
    height: 100%;
    width: 100%;
    max-width: none; }
    .lpEnd2017Panel .userContact {
      max-width: none;
      min-width: 1px; }
    .lpEnd2017Panel .lpForm [name="secondForm"] .rrg-btnPrincipal-full {
      margin-bottom: 60px; }
  .lpEnd2017Header .headerNavigationGeneral {
    padding: 10px; }
    .lpEnd2017Header .headerNavigationGeneral .rrg-icon, .lpEnd2017Header .headerNavigationGeneral .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .lpEnd2017Header .headerNavigationGeneral th[ng-bind-html="view.next.label"], .lpEnd2017Header .headerNavigationGeneral
    .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
    .moment-picker .header-view thead tr .lpEnd2017Header .headerNavigationGeneral th[ng-bind-html="view.previous.label"] {
      margin: 0;
      margin-left: 15px;
      font-size: 2rem; }
    .lpEnd2017Header .headerNavigationGeneralTitre {
      margin: 0; }
    .lpEnd2017Header .headerNavigationGeneralLogo img {
      max-width: 80px;
      height: auto; }
  .lpEnd2017Header .header-titre {
    font-size: .8rem; }
  .lpEnd2017Header::before {
    top: -93px; }
  .lpEnd2017Header::after {
    height: 70px; }
  .lpRenaultLille {
    height: auto;
    background: none;
    -webkit-background-size: cover;
    background-size: cover;
    margin-top: -90px;
    width: 100%;
    display: block; }
    .lpRenaultLille .lpPhraseAccroche {
      height: 60vh !important;
      padding-top: 30px; }
      .lpRenaultLille .lpPhraseAccroche h2 {
        font-size: 16px;
        margin-bottom: 0; }
      .lpRenaultLille .lpPhraseAccroche span {
        font-size: 12px; }
      .lpRenaultLille .lpPhraseAccroche > div {
        position: fixed;
        top: 110px; }
    .lpRenaultLille .lpForm {
      margin-bottom: 20px;
      background-color: rgba(255, 255, 255, 0.95); }
      .lpRenaultLille .lpFormHeader {
        margin-bottom: 20px; }
    .lpRenaultLille .container {
      margin-top: 90px;
      padding-top: 90px; } }

.lpTextValidation {
  text-align: center; }
  .lpTextValidation i {
    padding: 30px 0;
    font-size: 30px;
    display: block; }

.lpSectionPrincipale {
  position: relative;
  max-width: 1928px;
  height: 800px;
  margin: auto; }
  .lpSectionPrincipale .colPDoubleM {
    position: relative;
    height: 100%; }
  .lpSectionPrincipaleBackground img {
    width: 100%;
    max-width: 1928px;
    height: auto;
    right: 50%;
    top: 0;
    margin-right: -50%;
    left: auto; }
  .lpSectionPrincipale .lpPlacesDisponibles {
    width: 100%;
    background: #000000;
    color: #FFFFFF;
    display: block;
    text-align: center;
    padding: 15px;
    font-size: 20px; }
    .lpSectionPrincipale .lpPlacesDisponibles strong {
      font-size: 25px; }
  .lpSectionPrincipale--simple {
    height: auto; }
    .lpSectionPrincipale--simple .lpSectionPrincipaleBackground {
      position: static; }
      .lpSectionPrincipale--simple .lpSectionPrincipaleBackground img {
        min-width: 0;
        max-width: none;
        margin: auto;
        width: 100%; }
  .lpSectionPrincipaleSousTitre {
    color: #FFFFFF;
    font-size: 2.5em; }

.lpFooter ul {
  display: -webkit-flex;
  display: flex;
  flex: auto; }
  .lpFooter ul li {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; }

.lpFooterCopyright {
  text-align: right;
  flex-grow: 0; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .lpSectionPrincipaleSousTitre {
    text-align: center; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .lpFormTitre {
    text-align: center; }
  .lpSectionPrincipale {
    position: relative;
    max-width: none;
    height: auto;
    margin: auto; }
    .lpSectionPrincipaleBackground {
      position: static;
      height: auto;
      overflow: hidden;
      width: 100%; }
      .lpSectionPrincipaleBackground img {
        min-width: 0;
        max-width: none;
        height: auto;
        width: 100%;
        margin-right: 0; }
    .lpSectionPrincipaleSousTitre {
      color: #000000;
      text-align: center; } }

@media (min-width: 960px) {
  .lpBackgroundSectionMiddle {
    transform: scale(1.2) translateY(-50%);
    transform-origin: 0 0; } }

/* Contenu page modèle */
.csnModele__slider {
  width: 100%; }

.csnModele img {
  display: block;
  max-width: 100%; }

.csnModeleSectionPresentation, .csnModeleSectionProduit {
  background: #eeeeee; }

.csnModeleTexte {
  margin: 0;
  padding-bottom: 15px; }
  .csnModeleTexte:last-child {
    padding-bottom: 0; }

.csnModeleDesc {
  margin: 0;
  padding-top: 15px; }

.csnModeleVideo {
  position: relative; }

.csnModeleBrochureTelecharger {
  margin-top: 15px; }

.csnModele__exterieur {
  text-align: justify; }

.csnModele__plus {
  background-color: #FFFFFF;
  text-align: justify; }

.csnModeleListeGammes {
  background: #FFFFFF; }

.csnModeleGammeImage {
  flex-grow: 0;
  padding-right: 15px; }

.csnModeleFiche {
  background: #FFFFFF; }
  .csnModeleFicheTechnique {
    padding: 20px; }
    .csnModeleFicheTechnique h5 {
      border-bottom: 1px solid #999999;
      margin: 0; }
    .csnModeleFicheTechnique p {
      margin: 20px 0 0;
      background: #eeeeee;
      padding: 10px; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .csnModeleVideoEntete .section-titre {
    padding-top: 0;
    text-align: left; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .csnModeleVideoEntete .section-titre {
    padding-top: 0;
    text-align: left; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .csnModele img {
    margin: auto; }
  .csnModeleBrochure {
    padding-bottom: 15px; }
  .csnModeleDesc {
    padding: 15px 0; }
  .csnModeleGammeImage {
    padding: 0; }
  .csnModeleListeGammes .csnModeleTexte {
    padding: 15px 10px; }
  .csnModeleBrochureTelecharger {
    max-width: 100%; } }

md-sidenav md-list md-list-item .md-button {
  width: 100%; }

md-content.md-default-theme,
md-content {
  background-color: #FFFFFF !important; }

md-sidenav {
  background: transparent linear-gradient(45deg, #43cea2 10%, #185a9d 90%) repeat scroll 0 0; }
  md-sidenav a {
    text-transform: none !important;
    margin: 0 !important;
    font-size: 14px;
    font-weight: bold; }
  md-sidenav md-list-item,
  md-sidenav md-list-item ._md-list-item-inner {
    min-height: 35px; }

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar),
footer {
  background-color: #FFCC33;
  color: #000000; }
  md-toolbar.md-default-theme:not(.md-menu-toolbar) a,
  md-toolbar:not(.md-menu-toolbar) a,
  footer a {
    color: #000000; }

.ng-scope .demo::before,
.ng-scope .demo::after {
  border-bottom: 1px solid currentcolor;
  content: "";
  display: block;
  flex: 1 1 0;
  margin: 0 20px; }

.ng-scope .demo {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-size: 2.143rem;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #FFCC33; }

fieldset {
  border: none; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.white-logo {
  background-color: #333333;
  color: #FFFFFF; }

.logos {
  padding: 0; }
  .logos li {
    padding: 2%;
    width: 33.33%;
    margin-bottom: 20px; }

table.md-api-table tr td:first-child {
  font-weight: bold; }

.md-api-table tr:nth-child(2n+1) td {
  background-color: #e3ecf5; }

.md-api-table td {
  vertical-align: top; }

.md-api-table td, .md-api-table th {
  padding: 12px 16px;
  text-align: left; }

.md-api-table tr:nth-child(2n) td {
  background-color: #d1deec; }

.demo-layout {
  box-shadow: 1px 1px 3px #666666;
  height: 128px; }

.megaMenu {
  padding-top: 40px;
  padding-bottom: 15px; }
  .megaMenu:first-child {
    padding-top: 0; }
  .megaMenuTitre {
    font-size: 1.286rem;
    margin: 0 0 10px;
    font-weight: bold;
    display: block; }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .megaMenu {
    padding-bottom: 0;
    padding-top: 20px; }
    .megaMenu:first-child {
      padding-top: 20px; }
    .megaMenuTitre {
      font-size: 1.5rem; }
    .megaMenuColonne:last-child {
      padding-bottom: 20px; } }

.axsInformations {
  padding-bottom: 40px; }

.axsContainer {
  position: relative; }

.axsVignetteImage {
  max-height: 200px; }

.axsDetails {
  background: #eeeeee;
  padding: 40px 0; }
  .axsDetails__vehiculesCompatibles {
    font-weight: bold;
    font-size: 1.3rem; }

.axsSlider img {
  max-width: 100%;
  display: block;
  margin: auto; }

.axsAccessoiresDispo {
  display: inline-block;
  font-size: 1.4rem; }
  .axsAccessoiresDispoNombre {
    padding-right: 5px;
    font-weight: bold;
    font-size: 2rem;
    display: inline-block; }

.axsAccessoiresInfo {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  padding: 0 10px 10px; }
  .axsAccessoiresInfoNombre, .axsAccessoiresInfoBold {
    font-weight: bold;
    font-size: 2rem;
    display: block; }

.axsSectionAstuces {
  background: #eeeeee; }
  .axsSectionAstucesBouton {
    padding-top: 40px; }
    .axsSectionAstucesBouton .md-button {
      margin: auto; }

.axsBtnPlusResultats {
  margin: 30px 10px 0 10px; }

.axsVideo {
  position: relative; }
  .axsVideo:first-child {
    padding-right: 20px; }
  .axsVideo:last-child {
    padding-left: 20px; }
  .axsVideo img {
    display: block;
    width: 100%; }

.axsSectionSlider .rrg-CarouselSlide img {
  display: block;
  width: 100%; }

.axsInformations {
  padding-bottom: 40px; }
  .axsInformationsBloc {
    padding: 20px 15px;
    background: #FFFFFF;
    border: 1px solid #eeeeee; }
    .axsInformationsBloc.active {
      position: absolute; }
  .axsInformationsRef {
    align-self: flex-end;
    color: #666666;
    font-size: 0.8rem;
    padding-bottom: 10px; }
  .axsInformationsStock {
    padding-bottom: 20px; }
    .axsInformationsStock.enStock {
      color: green; }
    .axsInformationsStock.epuise {
      color: red; }
  .axsInformationsChoixCouleurTaille {
    padding-bottom: 40px; }
  .axsInformationsBlocPrix {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #eeeeee;
    font-size: 0.8rem;
    color: #666666;
    align-items: baseline; }
    .axsInformationsBlocPrix p {
      margin: 0; }
  .axsInformationsAncienPrix {
    color: #666666;
    font-size: 1rem;
    margin: 0 10px 0 20px;
    font-weight: bold;
    text-decoration: line-through; }
  .axsInformationsReduction {
    background: red;
    color: #FFFFFF;
    padding: 2px 5px;
    font-size: 0.9rem;
    display: inline-block; }
  .axsInformationsPrix {
    color: #FFCC33;
    font-size: 2.5rem;
    font-weight: bold; }
  .axsInformationsPrixType {
    font-size: 1rem;
    text-transform: uppercase; }

.reverse-column {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .axsForm.rrgForm {
    max-width: 85%;
    margin: auto; } }

@media (max-width: 600px) {
  .axsVideo:first-child {
    padding: 0 0 20px; }
  .axsVideo:last-child {
    padding: 0; }
  .axsSlider {
    margin-bottom: 10px; } }

.csnVignetteImage {
  max-width: 100%; }

.csnDecouvrirModele {
  text-align: right;
  position: relative; }
  .csnDecouvrirModele img {
    max-width: 100%;
    width: 100%;
    display: block; }
  .csnDecouvrirModele + .csnVideoModele {
    margin-top: 40px; }
  .csnDecouvrirModeleContenu {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8); }
    .csnDecouvrirModeleContenuBtn {
      min-width: 215px; }
    .csnDecouvrirModeleContenu h6 {
      margin: 0;
      width: 100%;
      text-align: right;
      padding: 0 20px 0 0; }

.csnEssaiModele {
  text-align: right;
  position: relative; }
  .csnEssaiModele img {
    max-width: 100%;
    width: 100%;
    display: block; }
  .csnEssaiModeleContainer md-backdrop {
    position: fixed; }
  .csnEssaiModeleContainer md-sidenav {
    position: fixed;
    max-width: none;
    background: #fff;
    width: 40%;
    padding: 20px; }
    .csnEssaiModeleContainer md-sidenav h2 {
      margin: 0;
      padding-bottom: 40px;
      text-align: center; }
    .csnEssaiModeleContainer md-sidenav .rrgVignette {
      height: auto; }
      .csnEssaiModeleContainer md-sidenav .rrgVignette md-card {
        border: 0;
        height: auto;
        display: block; }
        .csnEssaiModeleContainer md-sidenav .rrgVignette md-card md-card-title md-card-title-text {
          padding: 0; }
        .csnEssaiModeleContainer md-sidenav .rrgVignette md-card md-card-title .rrgVignetteFinance {
          margin-top: 20px;
          border: 1px solid #eeeeee;
          padding: 20px; }
    .csnEssaiModeleContainer md-sidenav .csnSidenav {
      background: #FFFFFF; }
      .csnEssaiModeleContainer md-sidenav .csnSidenav .rrgTabCol {
        margin-right: 0;
        margin-top: 20px;
        padding: 20px 0; }
        .csnEssaiModeleContainer md-sidenav .csnSidenav .rrgTabCol:last-child {
          margin-bottom: 20px; }
  .csnEssaiModeleContainer + .csnDecouvrirModele {
    margin-top: 40px; }
  .csnEssaiModeleContenu {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 20px;
    background: rgba(255, 255, 255, 0.8); }
    .csnEssaiModeleContenu h6 {
      margin: 0;
      width: 100%;
      text-align: right;
      padding: 0 20px 0 0; }
  .csnEssaiModele + .csnDecouvrirModele {
    margin-top: 40px; }

.csnVideoModele {
  position: relative; }
  .csnVideoModele img {
    max-width: 100%;
    width: 100%;
    display: block; }

/* REGLE DE MEDIA DESKTOP */
@media (max-width: 1279px) {
  .csnVignetteTitle {
    font-size: 1.2rem; }
  .csnVignettePrix {
    font-size: 1.5rem; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .csnSlider {
    background-image: url("https://api.renault-retail-group.fr/images/carstocknew/csntablet.jpg");
    background-position: 50% 90%; }
  .csnVignetteTitle {
    font-size: 1rem; }
  .csnVignettePrix {
    font-size: 1.1rem; }
  .csnVignetteTools a {
    min-height: 0;
    line-height: normal; }
  .csnDecouvrirModele + .csnVideoModele {
    margin-top: 15px; }
  .csnEssaiModeleContenu, .csnDecouvrirModeleContenu {
    top: 15px;
    right: 15px;
    left: 15px;
    padding: 15px; }
    .csnEssaiModeleContenu h6, .csnDecouvrirModeleContenu h6 {
      text-align: center;
      padding: 0 15px 0 0; }
  .csnEssaiModele + .csnDecouvrirModele, .csnDecouvrirModele + .csnDecouvrirModele {
    margin-top: 15px; }
  .csnEssaiModeleContainer md-sidenav, .csnDecouvrirModeleContainer md-sidenav {
    width: 75%; }
  .csnEssaiModeleContainer + .csnDecouvrirModele, .csnDecouvrirModeleContainer + .csnDecouvrirModele {
    margin-top: 15px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .csnTooltip {
    left: 20px !important;
    right: 20px; }
  .csnDecouvrirModele md-card {
    top: 10px;
    right: 10px;
    left: 10px;
    max-width: 100%;
    padding: 10px; }
    .csnDecouvrirModele md-card md-card-title {
      padding-bottom: 10px;
      flex-basis: initial;
      display: block;
      text-align: center; }
    .csnDecouvrirModele md-card md-card-content {
      display: block;
      text-align: center; }
  .csnDecouvrirModele + .csnVideoModele {
    margin-top: 20px; }
  .csnSlider {
    background-image: url("https://api.renault-retail-group.fr/images/carstocknew/csnmobile.jpg");
    background-position: 50% 100%; }
  .csnEssaiModele, .csnDecouvrirModele {
    overflow: hidden; }
    .csnEssaiModele img, .csnDecouvrirModele img {
      height: 200px;
      max-width: none;
      width: auto;
      margin-left: 50%;
      transform: translateX(-50%); }
    .csnEssaiModeleContainer md-sidenav, .csnDecouvrirModeleContainer md-sidenav {
      width: 100%; }
    .csnEssaiModeleContainer + .csnDecouvrirModele, .csnDecouvrirModeleContainer + .csnDecouvrirModele {
      margin-top: 20px; }
    .csnEssaiModeleContenu, .csnDecouvrirModeleContenu {
      top: 10px;
      right: 10px;
      left: 10px;
      padding: 10px;
      display: block; }
      .csnEssaiModeleContenu h6, .csnDecouvrirModeleContenu h6 {
        padding: 0 0 10px;
        text-align: center;
        display: block; }
      .csnEssaiModeleContenuBtn, .csnDecouvrirModeleContenuBtn {
        display: block;
        text-align: center; }
    .csnEssaiModele + .csnDecouvrirModele, .csnDecouvrirModele + .csnDecouvrirModele {
      margin-top: 20px; } }

#controls {
  position: absolute;
  color: #ffffff;
  width: 100%;
  height: 100%;
  z-index: 1; }
  #controls .container {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: column; }

#goToLandscape {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 10;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.goToLandscapeContainer {
  display: table;
  height: 100%; }

.goToLandscapeContenu {
  display: table-cell;
  vertical-align: middle; }
  .goToLandscapeContenu p {
    text-align: center;
    margin-top: 0; }
  .goToLandscapeContenu img {
    margin: auto;
    width: 65px;
    display: block; }

#closeCardBoard {
  display: none;
  font-size: 50px;
  position: fixed;
  right: 0;
  top: 0;
  color: #fff;
  z-index: 100; }

#fullscreen img {
  padding: 20px; }

#exitFullscreenPicto {
  display: none; }

#sourisPicto {
  display: none; }

#camera .modeVisionTitre br {
  display: none; }

#camera .modeVisionPicto {
  width: 100%;
  font-size: 0; }
  #camera .modeVisionPicto img {
    width: 50%;
    height: 100%;
    display: inline-block; }

.modeVision {
  display: flex;
  opacity: 0;
  width: 33.3333%;
  text-align: center;
  cursor: pointer; }
  .modeVision.pictoFullScreen {
    display: none; }
  .modeVision.desactivated {
    cursor: default;
    position: relative; }
    .modeVision.desactivated .modeVisionPicto {
      opacity: 0.5; }
    .modeVision.desactivated:hover .modeVisionNonCompatible {
      display: block; }
  .modeVisionNonCompatible {
    display: none;
    position: absolute;
    left: 50%;
    top: calc(100% + 10px);
    color: #FFFFFF;
    font-size: 0.8rem;
    background: #333333;
    border-radius: 5px;
    padding: 5px;
    white-space: nowrap;
    transform: translateX(-50%);
    box-shadow: 0 0 5px #000000; }
  .modeVisionContainer {
    align-self: center;
    align-items: stretch;
    justify-content: center;
    display: flex; }
    .modeVisionContainer::before, .modeVisionContainer::after {
      content: '';
      display: table; }
    .modeVisionContainer::after {
      clear: both; }
  .modeVisionContenu {
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    width: 100%; }
  .modeVisionDescription {
    color: #000; }
    .modeVisionDescription span {
      padding-top: 20px;
      font-weight: bold;
      display: block;
      font-size: 20px; }
  .modeVisionTitre {
    color: #000; }
  .modeVisionPicto {
    display: block;
    width: 95px;
    height: 95px;
    margin: auto; }
    .modeVisionPicto img {
      display: block;
      margin: auto;
      width: auto;
      height: 100%; }
  .modeVisionButton .colPMilieu {
    margin: auto;
    width: 33.3333%; }
    .modeVisionButton .colPMilieu button {
      display: block;
      margin-top: 30px;
      position: relative;
      cursor: pointer; }

.visionActive .modeVision {
  width: auto; }
  .visionActive .modeVisionContainer {
    background: rgba(255, 255, 255, 0.5); }
  .visionActive .modeVisionContenu {
    background: transparent; }

.visionActive #camera .modeVisionPicto img {
  width: auto;
  height: 100%; }

#vue360 {
    background: #333333;
}

.interiorErrorContainer {
    height:100vh;
    padding-top: 50vh;
}

.interiorErrorMessage {
    margin: auto;
    text-align: center;
    color: white;
}
.interiorErrorMessage p {
    margin: 0;
    font-size: 1.2rem;
}

.vision360Background {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px); }
  .vision360Background.active {
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0); }

@media (min-width: 600px) {
  #vue360 {
    overflow: hidden; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  #camera .modeVisionContenu {
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px; }
  #camera .modeVisionPicto {
    width: 140px;
    height: 95px; }
    #camera .modeVisionPicto img {
      width: 70px;
      height: 70px; }
  #camera .modeVisionBottom {
    padding: 0 20px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  #camera .modeVisionContenu {
    padding-left: 0;
    padding-right: 0; }
  #camera .modeVisionTitre br {
    display: block; }
  #camera .modeVisionPicto {
    width: 100px;
    height: 70px; }
    #camera .modeVisionPicto img {
      width: 50px;
      height: 70px; }
  .modeVision {
    width: 33%;
    display: block;
    float: left;
    padding: 0; }
    .modeVisionContainer {
      background: rgba(255, 255, 255, 0.5); }
    .modeVisionDescription {
      display: none; }
    .modeVisionContenu {
      padding: 10px;
      background: transparent; }
      .modeVisionContenu::after, .modeVisionContenu::before {
        content: '';
        display: table; }
      .modeVisionContenu::after {
        clear: both; }
    .modeVisionPicto {
      width: 70px;
      height: 70px; }
    .modeVisionButton .colPMilieu {
      width: 100%;
      max-width: 344px; } }

#ekomi {
  margin: 0 auto !important;
  max-width: 965px;
  width: 100%; }
  #ekomi .clr {
    clear: both; }
  #ekomi h1 {
    margin-top: 55px; }
  #ekomi .orderby {
    margin: 20px 0; }
  #ekomi .ekomi-banner {
    background: url("https://api.renault-retail-group.fr/images/ekomi/banniere-ekomi.jpg") no-repeat;
    height: 244px;
    width: 100%;
    margin: 0 auto; }
    #ekomi .ekomi-banner h1 {
      border-left: medium none;
      color: #ffffff;
      font-weight: normal;
      font-size: 17px;
      line-height: 20px;
      padding: 3% 0 3% 17%; }
    #ekomi .ekomi-banner .note-globale {
      height: 34px;
      padding: 0 0 3% 17%; }
      #ekomi .ekomi-banner .note-globale .etoiles {
        background: url("https://api.renault-retail-group.fr/images/ekomi/etoiles.png") no-repeat;
        float: left;
        height: 34px;
        margin-right: 20px;
        width: 200px; }
      #ekomi .ekomi-banner .note-globale .rate {
        color: #ffffff;
        float: left;
        font-weight: normal;
        font-size: 30px; }
      #ekomi .ekomi-banner .note-globale .etoiles-jaunes {
        background: url("https://api.renault-retail-group.fr/images/ekomi/etoiles-jaunes.png") no-repeat;
        height: 34px; }
    #ekomi .ekomi-banner .pourcentages {
      color: #ffffff;
      font-weight: normal;
      font-size: 14px;
      padding: 14px 0 0 17%; }
      #ekomi .ekomi-banner .pourcentages .smiles-container {
        font-size: 0; }
      #ekomi .ekomi-banner .pourcentages .smiles {
        font-size: 14px;
        background: no-repeat left center;
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
        padding-left: 35px;
        padding-right: 20px; }
        #ekomi .ekomi-banner .pourcentages .smiles:last-child {
          padding-right: 0; }
      #ekomi .ekomi-banner .pourcentages .smile-vert-vert {
        background-image: url("https://api.renault-retail-group.fr/images/ekomi/picto-smile-vert.png"); }
      #ekomi .ekomi-banner .pourcentages .smile-vert-jaune {
        background-image: url("https://api.renault-retail-group.fr/images/ekomi/picto-smile-jaune.png"); }
      #ekomi .ekomi-banner .pourcentages .smile-vert-rouge {
        background-image: url("https://api.renault-retail-group.fr/images/ekomi/picto-smile-rouge.png"); }
  #ekomi .avis {
    clear: both;
    text-align: left; }
    #ekomi .avis .notation {
      background-color: #eae9e8;
      width: 100%;
      margin-bottom: 20px;
      padding-bottom: 10px; }
    #ekomi .avis .note {
      background-image: url("https://api.renault-retail-group.fr/images/ekomi/picto-avis.png");
      color: #ffffff;
      font-weight: lighter;
      font-size: 14px;
      height: 49px;
      line-height: 40px;
      margin: 10px;
      text-align: center;
      width: 46px;
      min-width: 46px; }
    #ekomi .avis .commentaire, #ekomi .avis .reponse {
      font-weight: normal;
      width: 100%;
      padding: 10px 56px 30px 0; }
      #ekomi .avis .commentaire p, #ekomi .avis .reponse p {
        margin: 0; }
      #ekomi .avis .commentaire .date, #ekomi .avis .reponse .date {
        border-top: 1px solid #444444;
        float: left;
        font-weight: normal;
        font-style: italic;
        font-size: 12px;
        margin-top: 15px; }
    #ekomi .avis .reponse {
      padding: 0 66px; }
      #ekomi .avis .reponse p {
        background-color: #d0cfcb;
        padding: 10px; }
  #ekomi #pagination {
    clear: both; }
    #ekomi #pagination a {
      transition: all 0.3s linear 0s;
      color: #999999; }
    #ekomi #pagination .pagination ul {
      border-radius: 4px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
      display: inline-block;
      margin-bottom: 0;
      margin-left: 0; }
      #ekomi #pagination .pagination ul > li {
        display: inline; }
        #ekomi #pagination .pagination ul > li > a, #ekomi #pagination .pagination ul > li > span {
          background-color: #FFFFFF;
          border-image: none;
          border: 1px solid #e8e7e6;
          border-left-width: 0;
          float: left;
          line-height: 20px;
          padding: 4px 12px;
          text-decoration: none; }
        #ekomi #pagination .pagination ul > li > span.pagenav {
          background: #edb322 none repeat scroll 0 0;
          color: #FFFFFF;
          font-weight: bold; }
        #ekomi #pagination .pagination ul > li:first-child > a, #ekomi #pagination .pagination ul > li:first-child > span, #ekomi #pagination .pagination ul > li:first-child > a, #ekomi #pagination .pagination ul > li:first-child > span {
          border-bottom-left-radius: 4px;
          border-left-width: 1px;
          border-top-left-radius: 4px; }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  #ekomi .avis .notation {
    margin-bottom: 15px; }
  #ekomi .avis .commentaire, #ekomi .avis .reponse {
    padding-right: 10px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  #ekomi .avis .notation {
    margin-bottom: 20px; }
  #ekomi .avis .commentaire, #ekomi .avis .reponse {
    padding-right: 10px; }
  #ekomi .avis .reponse {
    padding-left: 10px; }
  #ekomi .ekomi-banner {
    padding: 20px;
    background: #333333; }
    #ekomi .ekomi-banner h1 {
      margin: 0;
      padding: 20px;
      text-align: center; }
    #ekomi .ekomi-banner .note-globale {
      padding: 0;
      height: auto; }
      #ekomi .ekomi-banner .note-globale .etoiles, #ekomi .ekomi-banner .note-globale .rate {
        float: none;
        margin: auto;
        text-align: center; }
    #ekomi .ekomi-banner .pourcentages {
      padding: 0;
      text-align: center; }
      #ekomi .ekomi-banner .pourcentages .smiles-container {
        text-align: center; } }

.userCompteClient {
  position: relative; }
  .userCompteClient .notificationMessageSupprimer {
    margin-bottom: 43px;
    padding: 0;
    min-width: 15px;
    align-self: flex-start; }
  .userCompteClient md-content {
    padding: 0; }
  .userCompteClient .cadre {
    border: 1px solid #eeeeee;
    padding: 20px 15px; }
  .userCompteClient h6 {
    font-weight: bold;
    margin: 0;
    padding-bottom: 20px; }
  .userCompteClientFavoris {
    margin-top: 15px;
    padding: 0 15px; }
  .userCompteClientBoutons {
    margin-top: 10px;
    margin-bottom: 10px; }
    .userCompteClientBoutons .md-button {
      margin-left: 15px; }
      .userCompteClientBoutons .md-button:first-child {
        margin-left: 0; }
  .userCompteClient .userMenuActif {
    color: #000000; }
  .userCompteClientList li {
    position: relative;
    color: #999999;
    width: 100%;
    line-height: 2.5em;
    border: 2px solid #eeeeee;
    text-indent: 20px;
    font-weight: normal;
    margin-top: 20px; }
    .userCompteClientList li:first-child {
      margin-top: 0; }
    .userCompteClientList li:hover {
      cursor: pointer;
      color: #000000; }
    .userCompteClientList li a:link,
    .userCompteClientList li a:focus,
    .userCompteClientList li a:visited,
    .userCompteClientList li a:hover {
      color: #000000; }
    .userCompteClientList li .rrg-icon, .userCompteClientList li .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .userCompteClientList li th[ng-bind-html="view.next.label"], .userCompteClientList li
    .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
    .moment-picker .header-view thead tr .userCompteClientList li th[ng-bind-html="view.previous.label"] {
      display: flex;
      justify-content: flex-end;
      margin: -40px 15px 0 0;
      line-height: 2.5em; }
  .userCompteClient__rendezVous .ancien .rendezVousDate {
    color: #999999; }
  .userCompteClient__rendezVous .nouveau {
    background: #eeeeee; }
    .userCompteClient__rendezVous .nouveau .rendezVousDate {
      color: #32ab41; }
  .userCompteClient__rendezVousGarage {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    font-weight: normal; }
    .userCompteClient__rendezVousGarage .rendezVousVille,
    .userCompteClient__rendezVousGarage .rendezVousIntervention {
      margin: 0;
      font-weight: bold; }
    .userCompteClient__rendezVousGarage .rendezVousAvis {
      font-size: 0.9em;
      font-weight: normal; }
    .userCompteClient__rendezVousGarage .rendezVousVoiture {
      margin: 0 0 20px 0; }
      .userCompteClient__rendezVousGarage .rendezVousVoiture h5 {
        margin: 0; }
      .userCompteClient__rendezVousGarage .rendezVousVoiture p {
        margin: 0; }
      .userCompteClient__rendezVousGarage .rendezVousVoiture .rendezVousNom {
        font-weight: normal; }
    .userCompteClient__rendezVousGarage .rrg-icon, .userCompteClient__rendezVousGarage .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .userCompteClient__rendezVousGarage th[ng-bind-html="view.next.label"], .userCompteClient__rendezVousGarage
    .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
    .moment-picker .header-view thead tr .userCompteClient__rendezVousGarage th[ng-bind-html="view.previous.label"] {
      font-size: 1.1em; }
  .userCompteClientCommande {
    border: 1px solid #eee;
    padding: 20px 15px;
    margin-bottom: 20px; }
    .userCompteClientCommande:first-child {
      margin-top: 20px; }
    .userCompteClientCommande--noImg {
      display: block !important; }
      .userCompteClientCommande--noImg > div {
        width: 100% !important;
        max-width: 100% !important; }
      .userCompteClientCommande--noImg .userCompteClientCommandeTableauDetails {
        padding-right: 0; }
    .userCompteClientCommande h6 {
      padding-bottom: 0;
      font-size: 1.2rem; }
    .userCompteClientCommande .commandeLivre {
      color: #32ab41; }
    .userCompteClientCommande .commandeEnCoursLivraison {
      color: #F6881C; }
    .userCompteClientCommandeTableauEntete {
      font-weight: normal;
      font-variant: small-caps;
      margin-bottom: 5px; }
      .userCompteClientCommandeTableauEntete > div {
        padding: 0 5px; }
        .userCompteClientCommandeTableauEntete > div:first-child {
          padding-left: 0; }
        .userCompteClientCommandeTableauEntete > div:last-child {
          padding-right: 0; }
    .userCompteClientCommandeTableauDetails {
      align-items: center;
      padding-right: 15px;
      font-weight: normal; }
      .userCompteClientCommandeTableauDetails .rrg-icon, .userCompteClientCommandeTableauDetails .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .userCompteClientCommandeTableauDetails th[ng-bind-html="view.next.label"], .userCompteClientCommandeTableauDetails
      .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
      .moment-picker .header-view thead tr .userCompteClientCommandeTableauDetails th[ng-bind-html="view.previous.label"] {
        font-size: 1.6em;
        font-weight: bold; }
      .userCompteClientCommandeTableauDetails > div {
        padding: 0 5px; }
        .userCompteClientCommandeTableauDetails > div:first-child {
          padding-left: 0; }
        .userCompteClientCommandeTableauDetails > div:last-child {
          padding-right: 0; }
      .userCompteClientCommandeTableauDetailsQuantite {
        text-align: right;
        font-size: 0.7rem;
        color: #666666;
        padding-top: 2px; }
      .userCompteClientCommandeTableauDetailsNom {
        font-size: 0.8rem; }
      .userCompteClientCommandeTableauDetails table {
        border-spacing: 0;
        width: 100%; }
        .userCompteClientCommandeTableauDetails table tbody tr td, .userCompteClientCommandeTableauDetails table thead tr td, .userCompteClientCommandeTableauDetails table tfoot tr td {
          text-align: center;
          font-size: 0.8rem;
          padding: 5px; }
          .userCompteClientCommandeTableauDetails table tbody tr td:first-child, .userCompteClientCommandeTableauDetails table thead tr td:first-child, .userCompteClientCommandeTableauDetails table tfoot tr td:first-child {
            text-align: left;
            padding-left: 0; }
        .userCompteClientCommandeTableauDetails table thead {
          font-weight: bold;
          font-variant: small-caps; }
          .userCompteClientCommandeTableauDetails table thead tr td {
            font-size: 1rem;
            padding-bottom: 0; }
        .userCompteClientCommandeTableauDetails table tfoot tr td {
          padding: 0 5px; }
          .userCompteClientCommandeTableauDetails table tfoot tr td:first-child {
            text-align: right;
            font-weight: bold;
            font-variant: small-caps;
            font-size: 1rem; }
      .userCompteClientCommandeTableauDetails > ul {
        width: 100%; }
        .userCompteClientCommandeTableauDetails > ul > li {
          padding-bottom: 5px;
          border-bottom: 1px solid #eeeeee;
          margin-bottom: 5px; }
          .userCompteClientCommandeTableauDetails > ul > li:first-child {
            border-top: 1px solid #eeeeee;
            padding-top: 5px; }
    .userCompteClientCommandeImg img {
      width: 100%;
      max-width: 100%;
      display: block; }
    .userCompteClientCommandeSousTitre {
      padding-bottom: 15px;
      display: block; }
  .userCompteClient__listeEnvies__nom {
    color: #999999; }
  .userCompteClient__listeEnvies__voiture {
    display: flex;
    margin-top: 20px; }
    .userCompteClient__listeEnvies__voiture .rrg-icon, .userCompteClient__listeEnvies__voiture .moment-picker .header-view thead tr th[ng-bind-html="view.next.label"], .moment-picker .header-view thead tr .userCompteClient__listeEnvies__voiture th[ng-bind-html="view.next.label"], .userCompteClient__listeEnvies__voiture
    .moment-picker .header-view thead tr th[ng-bind-html="view.previous.label"],
    .moment-picker .header-view thead tr .userCompteClient__listeEnvies__voiture th[ng-bind-html="view.previous.label"] {
      line-height: 0.75em;
      margin-right: 15px;
      font-size: 1.6em;
      font-weight: bold; }
    .userCompteClient__listeEnvies__voiture .listeEnviesVoitureNom {
      text-align: left;
      font-weight: bold; }
    .userCompteClient__listeEnvies__voiture .detailVoiture {
      display: flex;
      margin: 10px 0; }
      .userCompteClient__listeEnvies__voiture .detailVoiture li {
        text-align: left;
        margin: 0; }
        .userCompteClient__listeEnvies__voiture .detailVoiture li:not(:first-child) {
          margin: 20px 0; }
  .userCompteClient__clubAvantages__description {
    justify-content: center;
    padding: 20px;
    font-size: 1.1em;
    font-weight: normal; }
  .userCompteClient__clubAvantages .clubAvantagesVignette {
    padding: 10px; }

.userAlerte + .userAlerte {
  margin-top: 40px; }

.userAlerteHeader {
  padding: 15px 95px 15px 15px;
  color: #FFFFFF;
  position: relative; }

.userAlerteTitre {
  padding-top: 40px; }
  .userAlerteTitre h5 {
    margin: 0; }
    .userAlerteTitre h5 span {
      display: inline-block;
      vertical-align: middle; }
    .userAlerteTitre h5 i {
      display: inline-block;
      vertical-align: middle;
      font-size: 45px;
      padding-right: 10px; }

.userAlerteListeChips {
  border: 1px solid #eeeeee;
  border-top: 0;
  padding: 0 15px; }
  .userAlerteListeChips::after, .userAlerteListeChips::before {
    content: '';
    display: table; }
  .userAlerteListeChips::after {
    clear: both; }
  .userAlerteListeChips .rrgChip {
    padding: 0 12px; }

.userAlerteBtn {
  position: absolute;
  top: 15px;
  right: 0; }
  .userAlerteBtn i {
    font-size: 25px;
    padding-right: 15px;
    cursor: pointer; }
    .userAlerteBtn i:first-child {
      padding-left: 15px; }

.userPartial, .userPartialT, .userPartialB {
  border: 1px solid #eeeeee;
  padding: 20px 15px; }
  .userPartialT {
    padding-bottom: 0; }
  .userPartialB {
    padding-top: 0; }

.userTdB md-list {
  padding: 0; }
  .userTdB md-list:first-child {
    padding-right: 15px; }
  .userTdB md-list:last-child {
    padding-left: 15px; }
  .userTdB md-list md-list-item {
    padding: 0; }
    .userTdB md-list md-list-item + md-list-item {
      margin-top: 30px; }

.userBlocTdB {
  border: 1px solid #eeeeee;
  padding: 20px 15px;
  width: 100%;
  font-size: 0.9rem; }
  .userBlocTdBAlertes i {
    font-size: 20px;
    padding: 0 15px; }
  .userBlocTdBAlertes li + li {
    margin-top: 15px; }
  .userBlocTdB md-card {
    margin: 0;
    box-shadow: none;
    margin-top: 40px; }
    .userBlocTdB md-card md-card-actions {
      margin: 0; }
  .userBlocTdB h6 {
    margin: 0; }
    .userBlocTdB h6 span, .userBlocTdB h6 i {
      display: inline-block;
      vertical-align: middle; }
    .userBlocTdB h6 i {
      font-size: 20px;
      padding-right: 10px; }

.userTdB md-list {
  padding: 0; }
  .userTdB md-list:nth-child(odd) {
    padding-right: 15px; }
  .userTdB md-list:nth-child(even) {
    padding-left: 15px; }
  .userTdB md-list:nth-child(n + 3) {
    margin-top: 30px; }
  .userTdB md-list md-list-item {
    padding: 0;
    height: 100%; }
    .userTdB md-list md-list-item + md-list-item {
      margin-top: 30px; }

.userBlocTdB {
  border: 1px solid #eeeeee;
  padding: 20px 15px;
  width: 100%;
  font-size: 0.9rem;
  height: 100%; }
  .userBlocTdBAlertes i {
    font-size: 20px;
    padding: 0 15px; }
  .userBlocTdBAlertes li + li {
    margin-top: 15px; }
  .userBlocTdB md-card {
    margin: 0;
    box-shadow: none;
    margin-top: 40px; }
    .userBlocTdB md-card md-card-actions {
      margin: 0; }
  .userBlocTdB h6 {
    margin: 0; }
    .userBlocTdB h6 span, .userBlocTdB h6 i {
      display: inline-block;
      vertical-align: middle; }
    .userBlocTdB h6 i {
      font-size: 35px;
      padding-right: 10px; }

.userProfileForm {
  padding: 0; }

.userChampVide {
  color: #333333; }

.userConnexion, .userContact {
  background-color: #FFFFFF;
  max-width: 400px;
  min-width: 400px;
  width: 100%;
  padding: 30px; }
  .userConnexionContainer, .userContactContainer {
    max-height: 100%; }
  .userConnexionListLien, .userContactListLien {
    text-align: left; }
    .userConnexionListLien li, .userContactListLien li {
      position: relative; }
    .userConnexionListLienPastille, .userContactListLienPastille {
      display: inline-block;
      width: 1em;
      height: 1em;
      border-radius: 50%;
      background-color: #eb1a21; }
      .userConnexionListLienPastilleCompte, .userContactListLienPastilleCompte {
        display: inline-block;
        border-radius: 50%;
        background-color: #eb1a21;
        width: 13px;
        height: 13px;
        margin-right: 10px; }
      .userConnexionListLienPastillePetite, .userContactListLienPastillePetite {
        border-radius: 50%;
        background-color: #eb1a21;
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        left: -13px;
        top: 0;
        margin: auto;
        bottom: 0; }
  .userConnexion [class^="rrg-btn"] + .rrg-btnLienSimple, .userContact [class^="rrg-btn"] + .rrg-btnLienSimple {
    margin-bottom: -20px; }

.userInputOptin md-radio-group {
  margin: 0; }

.userInputOptin + .userInputOptin {
  margin-top: 0; }

.userMessageOptin {
  font-size: 0.7rem; }
  .userMessageOptinLabel {
    width: 100px;
    padding-right: 10px;
    font-size: 0.9rem;
    line-height: 21px; }

.userBlocLogin {
  margin-bottom: 15px;
  position: relative; }

.userBlocChoix {
  margin: 0 !important;
  outline: none !important; }
  .userBlocChoix + .userBlocVehicule {
    padding-top: 20px; }
  .userBlocChoix .md-label {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    display: flex;
    width: 100%; }
  .userBlocChoix md-radio-button {
    width: 100%; }
  .userBlocChoixActions {
    min-width: 45px; }
    .userBlocChoixActions .btnAction i {
      font-size: 20px; }
  .userBlocChoixDetails {
    padding-right: 20px; }
  .userBlocChoixInfo {
    font-size: 0.8rem; }

.userNotificationPastille, .userNotificationPastilleVignette, .userNotificationPastilleMenu {
  background: #eb1a21;
  width: 26px;
  height: 26px;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  color: #FFFFFF;
  border-radius: 50%;
  font-weight: bold; }
  .userNotificationPastilleVignette {
    position: absolute;
    right: -13px;
    top: -13px;
    z-index: 101; }
  .userNotificationPastilleMenu {
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-indent: 0; }

.userVignetteVendu {
  position: absolute;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.9rem;
  padding: 30px;
  line-height: 1; }
  .userVignetteVendu i {
    line-height: 2;
    font-size: 1.4rem; }

.userVignetteFavoris md-card {
  border: 1px solid #eeeeee;
  min-height: 170px;
  position: relative; }

.userVignetteFavoris .rrgVignetteTitre {
  font-weight: bold;
  font-size: 1.2rem;
  padding: 15px 15px 0; }

.userVignetteFavoris .rrgVignetteModele {
  padding: 0 15px; }

.userVignetteFavoris .rrgVignetteFinance {
  padding: 0 15px;
  margin-bottom: 30px; }

.userVignetteFavoris .rrgVignettePrix {
  font-size: 1.1rem; }
  .userVignetteFavoris .rrgVignettePrixType {
    font-size: 0.8rem; }

.userVignetteFavoris .rrgVignetteAncienPrix {
  margin: 0;
  font-size: 0.9rem;
  padding-left: 10px; }

.userVignetteFavoris .rrgVignetteHeader {
  position: static;
  min-height: 1px; }

.userVignetteFavoris .rrgVignetteContenuHover {
  padding: 10px;
  z-index: 102; }
  .userVignetteFavoris .rrgVignetteContenuHover .rrg-btnPrincipal {
    margin-top: 0;
    padding-left: 20px;
    padding-right: 35px; }
    .userVignetteFavoris .rrgVignetteContenuHover .rrg-btnPrincipal::after {
      right: 10px; }

.userVignetteFavoris [class^="rrgBtnVignette"] {
  margin-bottom: 10px; }

.userVignetteFavoris .btnReserver {
  margin-top: 10px;
  width: 100%; }

.userPGRDemarche {
  background: #eeeeee; }
  .userPGRDemarcheSection {
    background: #FFFFFF;
    padding: 40px; }
  .userPGRDemarcheEtape {
    font-size: 1.2rem;
    padding: 80px 0 40px; }
    .userPGRDemarcheEtapeNumero {
      font-size: 1.5rem;
      font-weight: bold; }
  .userPGRDemarche h6 {
    margin: 0;
    padding-bottom: 20px; }
  .userPGRDemarche form[name="loginForm"] {
    padding-bottom: 40px; }

.userPGRSectionSimple .section-titre {
  padding: 45px 0; }

.userPGRSectionPrincipale {
  height: 570px;
  position: relative;
  max-width: 1920px;
  margin: auto; }
  .userPGRSectionPrincipale .container {
    height: 100%; }
  .userPGRSectionPrincipaleBackground {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1; }
    .userPGRSectionPrincipaleBackgroundImage img {
      height: auto;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0; }
    .userPGRSectionPrincipaleBackgroundOverlay {
      opacity: 0.5;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      background: #000000; }
  .userPGRSectionPrincipaleContenu {
    padding: 40px;
    background: rgba(255, 255, 255, 0.5); }
    .userPGRSectionPrincipaleContenu img {
      margin-bottom: 40px;
      display: block; }
    .userPGRSectionPrincipaleContenu p {
      font-size: 1.7rem;
      margin: 0;
      color: #000000;
      font-weight: lighter; }

@media (min-width: 960px) and (max-width: 1279px) {
  .userCompteClientFavoris .colContainerP > div:nth-child(3n + 1), .userCompteClientFavoris .colContainerP > div:nth-child(3n + 2), .userCompteClientFavoris .colContainerP > div:nth-child(3n + 3), .userCompteClientFavoris .colContainerP > div:nth-child(n + 4) {
    padding: 0; }
  .userCompteClientFavoris .colContainerP > div:nth-child(2n + 1) {
    padding-right: 15px; }
  .userCompteClientFavoris .colContainerP > div:nth-child(2n + 2) {
    padding-left: 15px; }
  .userCompteClientFavoris .colContainerP > div:nth-child(n + 3) {
    padding-top: 30px; } }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .userListeChoixBloc {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .userBlocChoix {
    padding-right: 20px; }
    .userBlocChoix:nth-child(odd) {
      padding-right: 20px; }
    .userBlocChoix:nth-child(n+3) {
      padding-top: 20px; }
  .userPGRSectionPrincipaleBackgroundImage img {
    min-width: 1920px;
    max-width: 1920px;
    height: auto;
    right: 50%;
    top: 0;
    margin-right: -50%;
    left: auto; } }

/* REGLE DE MEDIA MOBILE + TABLETTE */
@media (max-width: 959px) {
  .userTdB md-list:first-child, .userTdB md-list:last-child {
    padding: 0; }
  .userTdB md-list + md-list {
    margin-top: 30px; }
  .userCompteClientFavoris {
    padding: 0; }
    .userCompteClientFavoris .colContainerP > div:nth-child(3n + 1), .userCompteClientFavoris .colContainerP > div:nth-child(3n + 2), .userCompteClientFavoris .colContainerP > div:nth-child(3n + 3), .userCompteClientFavoris .colContainerP > div:nth-child(n + 4) {
      padding: 0; }
    .userCompteClientFavoris .colContainerP > div:nth-child(n + 1) {
      padding-top: 15px; }
  .userConnexion, .userContact {
    max-width: 320px;
    min-width: 320px;
    height: 100%;
    overflow-y: auto; }
  .userCompteClientBoutons .md-button {
    margin-left: 0;
    margin-top: 15px;
    width: 100%; }
    .userCompteClientBoutons .md-button:first-child {
      margin-top: 0; }
  .userCompteClientCommandeTableauDetails {
    padding-right: 0; }
  .userCompteClientCommandeTableauEntete > div {
    padding-left: 0;
    margin-top: 10px; }
    .userCompteClientCommandeTableauEntete > div:first-child {
      margin-top: 0; }
  .userListeChoixBloc {
    display: block; }
  .userBlocChoix + .userBlocChoix {
    padding-top: 20px; }
  .userPGRSectionPrincipaleBackgroundImage img {
    min-width: 1920px;
    max-width: 1920px;
    height: auto;
    right: 50%;
    top: 0;
    margin-right: -50%;
    left: auto; }
  .userPGRSectionPrincipaleContenu p {
    text-align: center; }
    .userPGRSectionPrincipaleContenu p br {
      display: none; }
  .userPGRSectionPrincipaleContenu img {
    margin: auto;
    padding-bottom: 20px; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .userTdB md-list + md-list {
    margin-top: 20px; }
  .userTdB md-list md-list-item + md-list-item {
    margin-top: 20px; }
  .userMomentPickerMobile .moment-picker .moment-picker-container {
    position: static; }
  .userMenuGererInfos {
    background: #FFFFFF;
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    transition: left 400ms;
    height: calc(100vh - 72px);
    z-index: 50; }
    .userMenuGererInfosMasque {
      background: rgba(0, 0, 0, 0.4);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1; }
    .userMenuGererInfosBtnRetour {
      display: block; }
    .userMenuGererInfos.active {
      left: 0; }
    .userMenuGererInfos ul {
      overflow: hidden;
      overflow-y: scroll;
      height: 100%;
      padding: 15px; }
  .userMenuMobileContainer {
    padding-bottom: 30px; }
  .userConnexionPanel {
    height: 100%;
    width: 100%; }
    .userConnexionPanel .userConnexion {
      min-width: 100%;
      max-width: 100%; }
  .userContactPanel {
    height: 100%;
    width: 100%; }
    .userContactPanel .userContact {
      min-width: 100%;
      max-width: 100%; }
  .userPGRSectionSimple .section-titre br {
    display: none; }
  .userPGRDemarcheEtape3 .md-button {
    margin-top: 20px; } }

.ie md-dialog, .edge md-dialog {
  display: block; }

.ie .userContact, .edge .userContact, .ie .userConnexion, .edge .userConnexion {
  overflow: auto; }

.ie .serviceVignette, .edge .serviceVignette {
  display: block;
  height: auto; }
  .ie .serviceVignette a, .edge .serviceVignette a {
    display: block; }
  .ie .serviceVignette md-card-title, .edge .serviceVignette md-card-title, .ie .serviceVignette md-card-title-text, .edge .serviceVignette md-card-title-text {
    display: block; }
  .ie .serviceVignette md-card-actions, .edge .serviceVignette md-card-actions {
    display: block; }
    .ie .serviceVignette md-card-actions span, .edge .serviceVignette md-card-actions span {
      display: block; }

.ie .rrgVignette, .edge .rrgVignette {
  height: auto; }
  .ie .rrgVignette md-card, .edge .rrgVignette md-card, .ie .rrgVignette md-card-title, .edge .rrgVignette md-card-title, .ie .rrgVignette md-card-title-text, .edge .rrgVignette md-card-title-text {
    display: block; }
  .ie .rrgVignetteTitle, .edge .rrgVignetteTitle, .ie .rrgVignetteDetail, .edge .rrgVignetteDetail {
    display: block; }

.ie .rrgBarreRechercheAccessoire, .edge .rrgBarreRechercheAccessoire {
  display: block; }

.ie .rrgListeVignettes, .edge .rrgListeVignettes {
  display: block;
  font-size: 0; }
  .ie .rrgListeVignettes > div, .edge .rrgListeVignettes > div {
    display: inline-block;
    vertical-align: top; }

.ie .hpSectionOffresDuMomentBg, .edge .hpSectionOffresDuMomentBg {
  background: #eeeeee; }
  .ie .hpSectionOffresDuMomentBg img, .edge .hpSectionOffresDuMomentBg img {
    display: none; }

body.ie, body.edge, body.edge {
  max-width: 100%; }

/* REGLE DE MEDIA DESKTOP */
@media (min-width: 960px) {
  .ie .rrgListeVignettes, .edge .rrgListeVignettes {
    color: red; }
    .ie .rrgListeVignettes > div, .edge .rrgListeVignettes > div {
      width: 33.33%; } }

/* REGLE DE MEDIA TABLETTE */
@media (min-width: 600px) and (max-width: 959px) {
  .ie .rrgListeVignettes > div, .edge .rrgListeVignettes > div {
    width: 50%; } }

/* REGLE DE MEDIA MOBILE */
@media (max-width: 599px) {
  .ie .rrgListeVignettes > div, .edge .rrgListeVignettes > div {
    width: 100%; } }

.safari {
  /* REGLE DE MEDIA TABLETTE ET PLUS */
  /* REGLE DE MEDIA TABLETTE */ }
  .safari .serviceVignette {
    display: block; }
  .safari .flex-100 {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%; }
  .safari .flex-66 {
    -webkit-flex: 1 1 66.66%;
    flex: 1 1 66.66%; }
  .safari .flex-50 {
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%; }
  .safari .flex-33 {
    -webkit-flex: 1 1 33.33%;
    flex: 1 1 33.33%; }
  .safari .flex-25 {
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%; }
  @media (min-width: 960px) {
    .safari .flex-lg-66, .safari .flex-md-66 {
      -webkit-flex: 1 1 66.66%;
      flex: 1 1 66.66%; }
    .safari .flex-lg-50, .safari .flex-md-50 {
      -webkit-flex: 1 1 50%;
      flex: 1 1 50%; }
    .safari .flex-lg-33, .safari .flex-md-33 {
      -webkit-flex: 1 1 33.33%;
      flex: 1 1 33.33%; }
    .safari .flex-lg-25, .safari .flex-md-25 {
      -webkit-flex: 1 1 25%;
      flex: 1 1 25%; } }
  @media (min-width: 600px) {
    .safari .flex-gt-sm-66 {
      -webkit-flex: 1 1 66.66%;
      flex: 1 1 66.66%; }
    .safari .flex-gt-sm-50 {
      -webkit-flex: 1 1 50%;
      flex: 1 1 50%; }
    .safari .flex-gt-sm-33 {
      -webkit-flex: 1 1 33.33%;
      flex: 1 1 33.33%; }
    .safari .flex-gt-sm-25 {
      -webkit-flex: 1 1 25%;
      flex: 1 1 25%; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .safari .flex-sm-66 {
      -webkit-flex: 1 1 66.66%;
      flex: 1 1 66.66%; }
    .safari .flex-sm-50 {
      -webkit-flex: 1 1 50%;
      flex: 1 1 50%; }
    .safari .flex-sm-33 {
      -webkit-flex: 1 1 33.33%;
      flex: 1 1 33.33%; }
    .safari .flex-sm-25 {
      -webkit-flex: 1 1 25%;
      flex: 1 1 25%; } }