@charset "UTF-8";
/**
*  SGA - GDA — Entry Point
*/
/*
  LATO
 */
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(fonts/lato/lato-italic-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: local("Lato Italic"), local("Lato-Italic"), url(fonts/lato/lato-italic.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(fonts/lato/lato-light-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: local("Lato Light"), local("Lato-Light"), url(fonts/lato/lato-light.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(fonts/lato/lato-regular-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: local("Lato Regular"), local("Lato-Regular"), url(fonts/lato/lato-regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(fonts/lato/lato-bold-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"), url(fonts/lato/lato-bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(fonts/lato/lato-black-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: local("Lato Black"), local("Lato-Black"), url(fonts/lato/lato-black.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
  WARNING : MATERIAL

  The import from file has been removed due to missing updates
  In order to migrate legacy project (monCompte, Admin, VivaContact...), you should make this change into angular.json :

   add "styles": [ ..., "./node_modules/@cgifinance/portail/assets/fonts/material-icons/portail.material-icons.css" ]
   before "styles": [ ..., "./node_modules/@cgifinance/portail/assets/fonts/fonts.css" ]

   Or you can directly target the latest material icons in index.html (be aware that some icons changed since)
 */
/*
  ROBOTO
 */
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
/*
  CGI FINANCE
 */
@font-face {
  font-family: "nexablack";
  src: url("fonts/brands/cgifinance/NexaBlack.otf") format("truetype"), url("fonts/brands/cgifinance/NexaBlack.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nowlight";
  src: url("fonts/brands/cgifinance/Now-Light.otf") format("truetype"), url("fonts/brands/cgifinance/Now-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  KIA
 */
@font-face {
  font-family: "kiabold";
  src: url("fonts/brands/kia/KIA_Bold_0.ttf") format("truetype"), url("fonts/brands/kia/KIA_Bold_0.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "kialight";
  src: url("fonts/brands/kia/KIA_Light_0.ttf") format("truetype"), url("fonts/brands/kia/KIA_Light_0.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Porsche
 */
@font-face {
  font-family: "porschenexttt";
  src: url("fonts/brands/porsche/PorscheNextTT-Regular.ttf") format("truetype"), url("fonts/brands/porsche/PorscheNextTT-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "porschenextttBold";
  src: url("fonts/brands/porsche/PorscheNextTT-Bold.ttf") format("truetype"), url("fonts/brands/porsche/PorscheNextTT-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Hyundai
 */
@font-face {
  font-family: "helveticaneueHyundai";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Mitsubishi
 */
@font-face {
  font-family: "helveticaneue";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Autosphere
 */
@font-face {
  font-family: "syncopate";
  src: url("fonts/brands/autosphere/Syncopate-Regular.ttf") format("truetype"), url("fonts/brands/autosphere/Syncopate-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "syncopateBold";
  src: url("fonts/brands/autosphere/Syncopate-Bold.ttf") format("truetype"), url("fonts/brands/autosphere/Syncopate-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Hyundai — GothamBook
 */
@font-face {
  font-family: "gothambook";
  src: url("fonts/brands/hyundai/GothamBook.otf") format("truetype"), url("fonts/brands/hyundai/GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Genesis
 */
@font-face {
  font-family: "GenesisSansTextGlobal";
  src: url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.ttf") format("truetype"), url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.woff2") format("woff2"), url("fonts/brands/genesis/GenesisSansTextGlobal-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GenesisSansHeadGlobal";
  src: url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.ttf") format("truetype"), url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.woff") format("woff2"), url("fonts/brands/genesis/GenesisSansHeadGlobal-Regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Sefia
 */
@font-face {
  font-family: "helveticaneueSefia";
  src: url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.otf") format("truetype"), url("fonts/brands/mitsubishi-hyundai-sefia/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
  Omoda/Jaecoo
 */
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Bold.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Light.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Regular.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("fonts/brands/omoda/Manrope-Medium.woff2") format("woff2"), url("fonts/brands/omoda/Manrope-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/*
  Montserrat
  */
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/montserrat-regular.woff2") format("woff2"), url("fonts/montserrat/montserrat-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/montserrat-medium.woff2") format("woff2"), url("fonts/montserrat/montserrat-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/montserrat/montserrat-bold.woff2") format("woff2"), url("fonts/montserrat/montserrat-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
body {
  --font-family-default: Roboto;
}

/********** Variables CSS marque CGI Finance **********/
body.brand-cgifinance,
body.brand-cgi,
body.brand-defaut {
  --legacy-color: var(--brand-primary);
  --font-family-title: 'nowlight';
  --font-size-base: 1.0;
  color: #3E3D40;
  --logo-path: url('../logo/brands/logo-cgifinance-500x200.png');
}

/********** Variables CSS marque Autosphere **********/
body.brand-autosphere {
  --brand-primary-active: #033080;
  --brand-primary: #1167FF;
  --brand-primary-transparent70: #5995FF;
  --brand-primary-transparent40: #A0c2ff;
  --brand-primary-transparent20: #CFE1FF;
  --brand-primary-transparent10: #E8F0FF;
  --brand-primary-transparent5: #F3F7FF;
  --legacy-color: var(--brand-primary-active);
  --font-family-title: 'Montserrat';
  --font-size-base: 0.75;
  --logo-path: url('../logo/brands/logo-autosphere-500x200.png');
}

/********** Variables CSS marque Kia **********/
body.brand-kiafinance,
body.brand-kia {
  --brand-primary-active: #000000;
  --brand-primary: #05141F;
  --brand-primary-transparent70: #505B63;
  --brand-primary-transparent40: #9BA1A5;
  --brand-primary-transparent20: #CDD0D2;
  --brand-primary-transparent10: #E6E8E9;
  --brand-primary-transparent5: #F2F3F3;
  --legacy-color: #706F6F;
  --font-family-title: 'kialight';
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-kiafinance-500x200.png');
}

/********** Variables CSS marque Porsche **********/
body.brand-porschefinance,
body.brand-porsche {
  --brand-primary-active: #000000;
  --brand-primary: #010205;
  --brand-primary-transparent70: #4E4E50;
  --brand-primary-transparent40: #999A9B;
  --brand-primary-transparent20: #CCCCCD;
  --brand-primary-transparent10: #E6E6E6;
  --brand-primary-transparent5: #F2F2F2;
  --legacy-color: #010205;
  --font-family-title: 'porschenexttt';
  --font-size-base: 1.15;
  --logo-path: url('../logo/brands/logo-porsche-500x200.png');
}

/********** Variables CSS marque Genesis **********/
body.brand-genesisfinance,
body.brand-genesis {
  --brand-primary-active: #000000;
  --brand-primary: #010205;
  --brand-primary-transparent70: #4A4A4A;
  --brand-primary-transparent40: #939393;
  --brand-primary-transparent20: #C4C4C4;
  --brand-primary-transparent10: #DDDDDD;
  --brand-primary-transparent5: #E9E9E9;
  --legacy-color: #010205;
  --font-family-title: 'GenesisSansHeadGlobal';
  --font-size-base: 0.75;
  --logo-path: url('../logo/brands/logo-genesis-500x200.png');
}

/********** Variables CSS marque Hyundai **********/
body.brand-hyundaifinance,
body.brand-hyundai {
  --brand-primary-active: #042653;
  --brand-primary: #002C5F;
  --brand-primary-transparent70: #4D75A9;
  --brand-primary-transparent40: #99B0CE;
  --brand-primary-transparent20: #CCD7E6;
  --brand-primary-transparent10: #E6ECF3;
  --brand-primary-transparent5: #F3F7FF;
  --legacy-color: #053266;
  --font-family-title: helveticaneueHyundai;
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-hyundai-500x200.png');
}

/********** Variables CSS marque Mitsubishi **********/
body.brand-mitsubishifinance,
body.brand-mitsubishi {
  --legacy-color: #e30513;
  --font-family-title: 'helveticaneue';
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-mitsubishi-500x200.png');
}

/********** Variables CSS marque Tesla **********/
body.brand-tesla {
  --legacy-color: #FF0000;
  --font-family-title: var(--font-family-default);
  --font-size-base: 1.0;
  --logo-path: url('../logo/brands/logo-tesla-finance-500x200.png');
}

/********** Variables CSS marque Sefia **********/
body.brand-sefia {
  --legacy-color: #00508f;
  --font-family-title: helveticaneueSefia;
  --font-size-base: 1.08;
  --logo-path: url('../logo/brands/logo-sefia-500x200.png');
}

/********** Variables CSS marque Smart **********/
body.brand-smart {
  --legacy-color: #b70d30;
  color: #3E3D40;
  --font-family-title: 'nowlight';
  --font-size-base: 1.0;
  --logo-path: url('../logo/brands/logo-smart-500x200.png');
}

/********** Variables CSS marque Omoda & Jaeco **********/
body.brand-omodajaecoofinance,
body.brand-omodajaecoo {
  --brand-primary-active: #040A15;
  --brand-primary: #181E29;
  --brand-primary-transparent70: #5D6669;
  --brand-primary-transparent40: #A3A5A9;
  --brand-primary-transparent20: #D1D2D4;
  --brand-primary-transparent10: #E8E8EA;
  --brand-primary-transparent5: #F3F4F4;
  --legacy-color: #181E29;
  --font-family-title: 'Manrope';
  --font-size-base: 1.15;
  --logo-path: url('../logo/brands/logo-omoda-500x200.png');
}

@media (min-width: 768px) {
  body.brand-cgifinance,
  body.brand-cgi,
  body.brand-defaut {
    --cover-path: url('../image/image-identity/defaut/fondhomepagecgifinance_750.png');
  }
}
@media (min-width: 992px) {
  body.brand-cgifinance,
  body.brand-cgi,
  body.brand-defaut {
    --cover-path: url('../image/image-identity/defaut/fondhomepagecgifinance_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-cgifinance,
  body.brand-cgi,
  body.brand-defaut {
    --cover-path: url('../image/image-identity/defaut/fondhomepagecgifinance_1170.jpg');
  }
}

@media (min-width: 768px) {
  body.brand-kiafinance,
  body.brand-kia {
    --cover-path: url('../image/image-identity/kia/fondhomepagekia_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-kiafinance,
  body.brand-kia {
    --cover-path: url('../image/image-identity/kia/fondhomepagekia_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-kiafinance,
  body.brand-kia {
    --cover-path: url('../image/image-identity/kia/fondhomepagekia_1170.jpg');
  }
}

/********** SGA Desktop — Kia **********/
.kia .titre-charte {
  font-family: kiabold;
}

.kia .texte-charte {
  font-family: kialight;
}

.kia .titre-color {
  color: #bb162b;
}

/* IMAGES */
.kia .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/kia/logo-kiafinance-500x200.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.kia .img-header {
  background-image: url("../image/image-identity/kia/logo-kiafinance-500x200.png");
  background-position: top left;
}

.kia > .container {
  background-image: url("../image/image-identity/kia/fondhomepagekia_750.jpg");
}

/* BUTTONS */
.kia .btn-primary,
.kia .dropdown-menu > li > a.btn-primary {
  background-color: #bb162b;
  border-color: #bb162b;
  color: white;
  text-transform: none;
}

.kia .btn-primary:hover,
.kia .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3D40;
  border-color: #3E3D40;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .kia > .container {
    background-image: url("../image/image-identity/kia/fondhomepagekia_750.jpg");
  }
}
@media (min-width: 992px) {
  .kia > .container {
    background-image: url("../image/image-identity/kia/fondhomepagekia_970.jpg");
  }
}
@media (min-width: 1200px) {
  .kia > .container {
    background-image: url("../image/image-identity/kia/fondhomepagekia_1170.jpg");
  }
}
@media (min-width: 768px) {
  body.brand-porschefinance,
  body.brand-porsche {
    --cover-path: url('../image/image-identity/porsche/fondhomepageporsche_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-porschefinance,
  body.brand-porsche {
    --cover-path: url('../image/image-identity/porsche/fondhomepageporsche_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-porschefinance,
  body.brand-porsche {
    --cover-path: url('../image/image-identity/porsche/fondhomepageporsche_1170.jpg');
  }
}

/********** SGA Desktop — Porsche **********/
.porsche .titre-charte {
  font-family: porschenextTT;
}

.porsche .texte-charte {
  font-family: Lato;
}

.porsche .titre-color {
  color: #d5001c;
}

/* IMAGES */
.porsche .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/porsche/logo-porschefinance-500x200.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.porsche .img-header {
  background-image: url("../image/image-identity/porsche/logo-porschefinance-500x200.png");
  background-position: top left;
}

.porsche > .container {
  background-image: url("../image/image-identity/porsche/fondhomepageporsche_750.jpg");
}

/* BUTTONS */
.porsche .btn-primary,
.porsche .dropdown-menu > li > a.btn-primary {
  background-color: #d5001c;
  border-color: #d5001c;
  color: white;
  text-transform: none;
}

.porsche .btn-primary:hover,
.porsche .dropdown-menu > li > a.btn-primary:hover {
  background-color: #403f45;
  border-color: #403f45;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .porsche > .container {
    background-image: url("../image/image-identity/porsche/fondhomepageporsche_750.jpg");
  }
}
@media (min-width: 992px) {
  .porsche > .container {
    background-image: url("../image/image-identity/porsche/fondhomepageporsche_970.jpg");
  }
}
@media (min-width: 1200px) {
  .porsche > .container {
    background-image: url("../image/image-identity/porsche/fondhomepageporsche_1170.jpg");
  }
}
@media (min-width: 768px) {
  body.brand-genesisfinance,
  body.brand-genesis {
    --cover-path: url('../image/image-identity/genesis/fondhomepagegenesis_750.png');
  }
}
@media (min-width: 992px) {
  body.brand-genesisfinance,
  body.brand-genesis {
    --cover-path: url('../image/image-identity/genesis/fondhomepagegenesis_970.png');
  }
}
@media (min-width: 1200px) {
  body.brand-genesisfinance,
  body.brand-genesis {
    --cover-path: url('../image/image-identity/genesis/fondhomepagegenesis_1170.png');
  }
}

/********** SGA Desktop — Genesis **********/
.genesis .titre-charte {
  font-family: "genesisSansHeadLight", -apple-system, BlinkMacSystemFont, sans-serif;
}

.genesis .texte-charte {
  font-family: "genesisSansText", -apple-system, BlinkMacSystemFont, sans-serif;
}

.genesis .titre-color {
  color: #1A1A1A;
}

/* IMAGES */
.genesis .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/genesis/logo-genesis.png");
  background-repeat: no-repeat;
}

.genesis .img-header {
  background-image: url("../image/image-identity/genesis/logo-genesis-500x200.png");
  background-position: top left;
}

.genesis > .container {
  background-image: url("../image/image-identity/genesis/fondhomepagegenesis_750.png");
}

/* BUTTONS */
.genesis .btn-primary,
.genesis .dropdown-menu > li > a.btn-primary {
  background-color: #1A1A1A;
  border-color: #1A1A1A;
  color: white;
  text-transform: none;
}

.genesis .btn-primary:hover,
.genesis .dropdown-menu > li > a.btn-primary:hover {
  background-color: #000000;
  border-color: #000000;
}

/* MEDIA QUERIES */
/*@media (min-width: 768px) {
  .genesis > .container {
    background-image: url('../image/image-identity/genesis/fondhomepagegenesis_750.png');
  }
}

@media (min-width: 992px) {
  .genesis > .container {
    background-image: url('../image/image-identity/genesis/fondhomepagegenesis_970.png');
  }
}

@media (min-width: 1200px) {
  .genesis > .container {
    background-image: url('../image/image-identity/genesis/fondhomepagegenesis_1170.png');
  }
}*/
@media (min-width: 768px) {
  body.brand-hyundaifinance,
  body.brand-hyundai {
    --cover-path: url('../image/image-identity/hyundai/fondhomepagehyundai_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-hyundaifinance,
  body.brand-hyundai {
    --cover-path: url('../image/image-identity/hyundai/fondhomepagehyundai_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-hyundaifinance,
  body.brand-hyundai {
    --cover-path: url('../image/image-identity/hyundai/fondhomepagehyundai_1170.jpg');
  }
}

/********** SGA Desktop — Hyundai **********/
.hyundai .titre-charte {
  font-family: gothambook;
}

.hyundai .texte-charte {
  font-family: helveticaneue;
}

.hyundai .titre-color {
  color: #004587;
}

/* IMAGES */
.hyundai .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/hyundai/hyundai-finance.png");
  background-repeat: no-repeat;
}

.hyundai .img-header {
  background-image: url("../image/image-identity/hyundai/logo-hyundai-500x200.png");
  background-position: top left;
}

.hyundai > .container {
  background-image: url("../image/image-identity/hyundai/fondhomepagehyundai_750.jpg");
}

/* BUTTONS */
.hyundai .btn-primary,
.hyundai .dropdown-menu > li > a.btn-primary {
  background-color: #004587;
  border-color: #004587;
  color: white;
  text-transform: none;
}

.hyundai .btn-primary:hover,
.hyundai .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3E40;
  border-color: #3E3E40;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .hyundai > .container {
    background-image: url("../image/image-identity/hyundai/fondhomepagehyundai_750.jpg");
  }
}
@media (min-width: 992px) {
  .hyundai > .container {
    background-image: url("../image/image-identity/hyundai/fondhomepagehyundai_970.jpg");
  }
}
@media (min-width: 1200px) {
  .hyundai > .container {
    background-image: url("../image/image-identity/hyundai/fondhomepagehyundai_1170.jpg");
  }
}
@media (min-width: 768px) {
  body.brand-mitsubishifinance,
  body.brand-mitsubishi {
    --cover-path: url('../image/image-identity/mitsubishi/fondhomepagemitsubishi_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-mitsubishifinance,
  body.brand-mitsubishi {
    --cover-path: url('../image/image-identity/mitsubishi/fondhomepagemitsubishi_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-mitsubishifinance,
  body.brand-mitsubishi {
    --cover-path: url('../image/image-identity/mitsubishi/fondhomepagemitsubishi_1170.jpg');
  }
}

/********** SGA Desktop — Mitsubishi **********/
.mitsubishi .titre-charte {
  font-family: helveticaneueHv;
}

.mitsubishi .texte-charte {
  font-family: helveticaneue;
}

.mitsubishi .titre-color {
  color: #e30513;
}

/* IMAGES */
.mitsubishi .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/mitsubishi/mitsubishi-finance.png");
  background-repeat: no-repeat;
}

.mitsubishi .img-header {
  background-image: url("../image/image-identity/mitsubishi/logo-mitsubishi-500x200.png");
  background-position: top left;
}

.mitsubishi > .container {
  background-image: url("../image/image-identity/mitsubishi/fondhomepagemitsubishi_750.jpg");
}

/* BUTTONS */
.mitsubishi .btn-primary,
.mitsubishi .dropdown-menu > li > a.btn-primary {
  background-color: #e30513;
  border-color: #e30513;
  color: white;
  text-transform: none;
}

.mitsubishi .btn-primary:hover,
.mitsubishi .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3E40;
  border-color: #3E3E40;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .mitsubishi > .container {
    background-image: url("../image/image-identity/mitsubishi/fondhomepagemitsubishi_750.jpg");
  }
}
@media (min-width: 992px) {
  .mitsubishi > .container {
    background-image: url("../image/image-identity/mitsubishi/fondhomepagemitsubishi_970.jpg");
  }
}
@media (min-width: 1200px) {
  .mitsubishi > .container {
    background-image: url("../image/image-identity/mitsubishi/fondhomepagemitsubishi_1170.jpg");
  }
}
@media (min-width: 768px) {
  body.brand-autosphere {
    --cover-path: url('../image/image-identity/autosphere/fondhomepageautosphere_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-autosphere {
    --cover-path: url('../image/image-identity/autosphere/fondhomepageautosphere_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-autosphere {
    --cover-path: url('../image/image-identity/autosphere/fondhomepageautosphere_1170.jpg');
  }
}

/********** SGA Desktop — Autosphere **********/
.autosphere .login-title {
  font-size: 19px;
}

.autosphere .titre-charte {
  font-family: syncopateBold;
}

.autosphere .titre-color {
  color: #0e18c4;
}

.autosphere .texte-charte {
  font-family: syncopate;
}

/* IMAGES */
.autosphere .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/autosphere/autosphere-finance.png");
  background-repeat: no-repeat;
}

.autosphere .img-header {
  background-image: url("../image/image-identity/autosphere/logo-autosphere-500x200.png");
  background-position: top left;
}

.autosphere > .container {
  background-image: url("../image/image-identity/autosphere/fondhomepageautosphere_750.jpg");
}

/* BUTTONS */
.autosphere .btn-primary,
.autosphere .dropdown-menu > li > a.btn-primary {
  background-color: #0e18c4;
  border-color: #0e18c4;
  color: white;
  text-transform: none;
}

.autosphere .btn-primary:hover,
.autosphere .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3E40;
  border-color: #3E3E40;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .autosphere > .container {
    background-image: url("../image/image-identity/autosphere/fondhomepageautosphere_750.jpg");
  }
}
@media (min-width: 992px) {
  .autosphere > .container {
    background-image: url("../image/image-identity/autosphere/fondhomepageautosphere_970.jpg");
  }
}
@media (min-width: 1200px) {
  .autosphere > .container {
    background-image: url("../image/image-identity/autosphere/fondhomepageautosphere_1170.jpg");
  }
}
/********** SGA Desktop — Tesla **********/
/* No SGA-specific styles for this brand */
@media (min-width: 768px) {
  body.brand-sefia {
    --cover-path: url('../image/image-identity/sefia/fondhomepagesefia_750.jpg');
  }
}
@media (min-width: 992px) {
  body.brand-sefia {
    --cover-path: url('../image/image-identity/sefia/fondhomepagesefia_970.jpg');
  }
}
@media (min-width: 1200px) {
  body.brand-sefia {
    --cover-path: url('../image/image-identity/sefia/fondhomepagesefia_1170.jpg');
  }
}

/********** SGA Desktop — Sefia **********/
.sefia .titre-charte {
  font-family: "Times New Roman";
  line-height: 1;
}

.sefia .texte-charte {
  font-family: helveticaneue;
}

.sefia .titre-color {
  color: #00508f;
}

/* IMAGES */
.sefia .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/sefia/logo-prioris.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.sefia .img-header {
  background-image: url("../image/image-identity/sefia/logo-prioris.png");
  background-position: top left;
}

.sefia > .container {
  background-image: url("../image/image-identity/sefia/fondhomepagesefia_750.jpg");
}

/* BUTTONS */
.sefia .btn-primary,
.sefia .dropdown-menu > li > a.btn-primary {
  background-color: #00508f;
  border-color: #00508f;
  color: white;
  text-transform: none;
}

.sefia .btn-primary:hover,
.sefia .dropdown-menu > li > a.btn-primary:hover {
  background-color: #3E3E40;
  border-color: #3E3E40;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .sefia > .container {
    background-image: url("../image/image-identity/sefia/fondhomepagesefia_750.jpg");
  }
}
@media (min-width: 992px) {
  .sefia > .container {
    background-image: url("../image/image-identity/sefia/fondhomepagesefia_970.jpg");
  }
}
@media (min-width: 1200px) {
  .sefia > .container {
    background-image: url("../image/image-identity/sefia/fondhomepagesefia_1170.jpg");
  }
}
/********** SGA Desktop — Smart **********/
/* No SGA-specific styles for this brand */
@media (min-width: 768px) {
  body.brand-omodajaecoofinance,
  body.brand-omodajaecoo {
    --cover-path: url('../image/image-identity/omoda/fondhomepageomoda_750.png');
  }
}
@media (min-width: 992px) {
  body.brand-omodajaecoofinance,
  body.brand-omodajaecoo {
    --cover-path: url('../image/image-identity/omoda/fondhomepageomoda_970.png');
  }
}
@media (min-width: 1200px) {
  body.brand-omodajaecoofinance,
  body.brand-omodajaecoo {
    --cover-path: url('../image/image-identity/omoda/fondhomepageomoda_1170.png');
  }
}

/********** SGA Desktop — omoda **********/
.omodajaecoo .titre-charte {
  font-family: Manrope;
  font-weight: 700;
}

.omodajaecoo .texte-charte {
  font-family: Manrope;
  font-weight: 300;
}

.omodajaecoo .titre-color {
  color: #181E29;
}

/* IMAGES */
.omodajaecoo .header .header-logo {
  height: 100px;
  width: 250px;
  background-image: url("../image/image-identity/omoda/logo-omoda-500x200.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.omodajaecoo .img-header {
  background-image: url("../image/image-identity/omoda/logo-omoda-500x200.png");
  background-position: top left;
}

.omodajaecoo > .container {
  background-image: url("../image/image-identity/omoda/fondhomepageomoda_750.png");
}

/* BUTTONS */
.omodajaecoo .btn-primary,
.omodajaecoo .dropdown-menu > li > a.btn-primary {
  background-color: #181E29;
  border-color: #040A15;
  color: white;
  text-transform: none;
}

.omodajaecoo .btn-primary:hover,
.omodajaecoo .dropdown-menu > li > a.btn-primary:hover {
  background-color: #181E29;
  border-color: #181E29;
}

/* MEDIA QUERIES */
@media (min-width: 768px) {
  .omodajaecoo > .container {
    background-image: url("../image/image-identity/omoda/fondhomepageomoda_750.png");
  }
}
@media (min-width: 992px) {
  .omodajaecoo > .container {
    background-image: url("../image/image-identity/omoda/fondhomepageomoda_970.png");
  }
}
@media (min-width: 1200px) {
  .omodajaecoo > .container {
    background-image: url("../image/image-identity/omoda/fondhomepageomoda_1170.png");
  }
}
.logo-image {
  background-image: var(--logo-path);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.cover-image {
  background-image: var(--cover-path);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
}

/*# sourceMappingURL=identity.css.map */