/* --- Variables appli --- */
/* --- Fin Variables appli --- */
/* --- Variables Produit --- */
/* --- Fin Variables Produit --- */
/* --- Variables EspSoc --- */
/* --- Fin Variables EspSoc --- */
/* TODO: editer variable theme Matmut */
/*Css du menu*/
.btnmenuespsoc,
.menuespsoc {
  display: none;
}
nav .menuespsoc {
  display: block;
  background-color: #FFF;
}
.menuespsoc #infoSocMenu {
  padding: 0.5em 1em;
  background-color: #fff;
  color: #fff;
  position: relative;
  font-weight: 300;
}
#btnConfirmation button {
  display: block;
  background-color: #000069;
  border-bottom: 1px #768085 solid;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  width: 100%;
  border: 0;
  text-align: left;
  font-size: 1em;
  padding: 0;
  cursor: pointer;
}
#titreInfoSocMenu {
  background-color: #91999e;
  color: #fff;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.menuespsoc #infoSocMenu .icon-icon-person {
  font-size: 3em;
  vertical-align: middle;
  display: inline-block;
  background-color: #FFF;
  border-radius: 5px;
  color: #fff;
  margin-right: 0.2em;
}
.menuespsoc #infoSocMenu #coordonnees {
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  width: calc(100% - 4em);
  overflow: hidden;
}
.menuespsoc #infoSocMenu #emailSocietaire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 0.9em;
  margin-bottom: 0;
}
.menuespsoc #infoSocMenu #emailSocietaire span {
  margin: auto;
  text-transform: lowercase;
}
.menuespsoc #infoSocMenu #emailSocietaire a {
  background-color: #000069;
  border: 0;
  color: #FFF;
  line-height: 20px;
  font-size: 0.9em;
  border-radius: 3px;
  padding: 0.1em 0.5em;
}
.menuespsoc #infoSocMenu #emailSocietaire a i {
  font-size: 1.1em;
}
.menuespsoc #infoSocMenu #emailSocietaire span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.menuespsoc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
header .menuespsoc ul {
  position: relative;
  background-color: #fff;
  z-index: 10;
}
.menuespsoc ul li {
  position: relative;
  overflow: hidden;
}
.menuespsoc ul li.choixMenu {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.menuespsoc ul li.choixMenu.actif {
  max-height: 250px;
}
.menuespsoc ul li.choixMenu:before,
.menuespsoc ul li.choixMenu:after {
  content: '';
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10px;
  height: 2px;
  background-color: #fff;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.menuespsoc ul li.choixMenu:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menuespsoc ul li.choixMenu:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 15px;
}
.menuespsoc ul li.choixMenu.actif:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #fff;
}
.menuespsoc ul li.choixMenu.actif:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
}
.header-espsoc #btnmenu-cardif.actif span i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.menuespsoc ul li.choixMenu.actif > a {
  color: #fff !important;
}
.menuespsoc ul li.choixMenu.actif > ul > li > a {
  font-family: 'Roboto Condensed';
}
.menuespsoc ul li a {
  display: block;
  background-color: #000069;
  border-bottom: 1px #768085 solid;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  cursor: pointer;
}
.menuespsoc ul li i,
.menuespsoc ul li span {
  vertical-align: middle;
  padding: 0 0.5em !important;
  color: inherit;
  border-radius: 0;
  background-color: transparent!important;
}
.menuespsoc ul li ul li a {
  background-color: #0C0F78;
  padding: 0 0 0 3.5em;
}
/*fin css du menu*/
ul li.sansPuce {
  list-style: none;
}
main {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#main article ul.listeOperation li i {
  background-color: #769099;
  color: #fff;
  padding: 0.3em;
  border-radius: 50%;
  margin-bottom: 0.5em;
  margin-bottom: 0.3em;
  display: inline-block;
}
#main article ul.listeOperation li h3 {
  margin: 0 14px 0.2em;
}
#main article ul.listeOperation span.status {
  font-weight: bold;
}
#main article ul.listeContrat li i {
  color: #FFF !important;
  padding: 0.3em;
  border-radius: 50%;
  margin-bottom: 0.5em;
  margin-bottom: 0.3em;
  display: inline-block;
}
#main article .fildArianne {
  padding: 2rem 0 2rem 1.5rem;
}
#main article .fildArianne a,
#main article .fildArianne a:visited {
  color: #666;
  text-decoration: underline;
  position: relative;
}
#main article .fildArianne a:focus,
#main article .fildArianne a:hover {
  text-decoration: none;
}
#main article .fildArianne a:focus:after,
#main article .fildArianne a:hover:after {
  position: absolute;
  display: block;
  content: "";
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #666;
}
@media (min-width: 740px) {
  /*Css du menu*/
  #main article {
    padding-left: 50px;
  }
  #overlay {
    position: fixed;
  }
  /*fin css du menu*/
}
/* wcb */
.wcb-btn:before {
  display: none;
}
/* fin wcb */
/* Correctifs central */
.franchiseInline > div {
  display: inline;
}
.franchiseInline > span {
  display: inline-block;
}
.franchiseInline > div > p {
  display: inline;
}
#main article ul li.garantieSeparateur {
  list-style-type: none;
  margin-left: -2em;
}
/* Fin Correctifs centrale */
/* Correctif flèche vers le haut (version mobile) */
a.top_link {
  display: none!important;
}
/* Redimensionnement automatique iframe */
.fluidMedia {
  position: relative;
  padding-bottom: 100%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  height: 0;
  overflow: hidden;
}
.fluidMedia iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Première lettre de chaque mot en majuscule */
.capitalize {
  text-transform: capitalize;
}
.rang2 {
  list-style-type: none;
  margin-left: 0.5em !important;
}
.rang1,
.rang3 {
  font-weight: bold;
}
.rang3,
.rang4 {
  list-style-type: none;
  padding-left: 2em !important;
}
#main article fieldset.listeReparateursMobile.fieldsetMoins,
#main article fieldset.listeReparateursMobile.fieldsetPlus {
  padding: 0em;
}
#main article fieldset.listeReparateursMobile.fieldsetMoins legend,
#main article fieldset.listeReparateursMobile.fieldsetPlus legend {
  color: #37474f;
  box-sizing: unset;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
#main article fieldset.listeReparateursMobile.fieldsetMoins legend:after,
#main article fieldset.listeReparateursMobile.fieldsetPlus legend:after {
  top: 0.7em;
}
#main article fieldset.listeReparateursMobile.fieldsetMoins .panelradio div,
#main article fieldset.listeReparateursMobile.fieldsetPlus .panelradio div {
  margin-bottom: 0;
  margin-top: 0.5em;
}
#main article fieldset.listeReparateursMobile.fieldsetMoins .panelradio div div,
#main article fieldset.listeReparateursMobile.fieldsetPlus .panelradio div div {
  margin: 0;
}
/** Reparateurs **/
@media (min-width: 740px) {
  .listeReparateursMobile {
    display: none;
  }
}
@media (max-width: 740px) {
  .listeReparateursDesktop {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .listeReparateurs {
    overflow-y: auto;
    max-height: 380px;
  }
}
.listeReparateurs .panelradio.radioBloc {
  position: relative;
}
/** Fin reparateurs **/
/** Carte **/
.conteneurCarte {
  width: 100%;
  height: 80%;
  height: calc(100% - 48px - 56px);
  display: block;
}
.conteneurCarte .carte {
  width: 100%;
  height: 500px;
  display: inline-block;
  vertical-align: top;
}
.conteneurCarte .carte .gm-control-active {
  min-width: 0 !important;
}
.conteneurCarte .carteMin {
  height: 250px;
}
.conteneurCarte #contenuAgence,
.conteneurCarte #contenuReparateur {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 60%;
  vertical-align: top;
}
.conteneurCarte #contenuAgence .closeCard,
.conteneurCarte #contenuReparateur .closeCard {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  color: #364D55;
}
.conteneurCarte #contenuAgence .contenu,
.conteneurCarte #contenuReparateur .contenu {
  height: 100%;
  box-sizing: border-box;
}
.conteneurCarte #contenuAgence #contenuAgenceScroll,
.conteneurCarte #contenuReparateur #contenuAgenceScroll {
  overflow-y: auto;
  height: 80%;
}
.conteneurCarte #contenuAgence #contenuAgenceScroll div,
.conteneurCarte #contenuReparateur #contenuAgenceScroll div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.conteneurCarte #contenuAgence {
  overflow: hidden;
}
/** Fin carte **/
/*couleurs espsoc */
.backgroundContrat {
  background-color: #1975d1 !important;
}
.backgroundSante {
  background-color: #009687 !important;
}
.backgroundContact {
  background-color: #04c7a6 !important;
}
.backgroundProfil {
  background-color: #4fc1e0 !important;
}
.backgroundPrevention {
  background-color: #ffae00 !important;
}
.backgroundSinistre {
  background-color: #7d57c2 !important;
}
.backgroundCotisation {
  background-color: #1975d1 !important;
}
.backgroundDevis {
  background-color: #ff6a00 !important;
}
.backgroundNotif {
  background-color: #fff !important;
}
.backgroundContact {
  background-color: #04c7a3 !important;
}
.backgroundOperation {
  background-color: #4fc1e0 !important;
}
.menuespsoc #logo-desktop a img {
  background-color: #fff;
  margin-bottom: 7px;
  border-radius: 10px;
}
.menuespsoc #liensAnnexes .button.btnAssistance {
  text-transform: uppercase;
  font-size: 1em;
  padding: 0.25em 0.5em;
  margin: 0;
  display: inline-flex;
}
.menuespsoc #liensAnnexes {
  padding: 1em;
  background-color: #D4DDF0;
  position: relative;
  text-align: center;
}
.menuespsoc ul li a {
  line-height: 40px;
}
.menuespsoc ul li.choixMenu {
  max-height: 41px;
}
#btnConfirmation button {
  line-height: 40px;
}
@media (min-width: 740px) {
  .menuespsoc {
    display: block;
    background-color: #f1f1f1;
    width: 50px;
  }
  .btnmenuespsoc {
    display: block;
    position: absolute;
    z-index: 12;
    width: 60px;
    border: 0;
    background: #fff;
    right: -60px;
    height: 60px;
    top: 0;
    outline: 0;
    color: #FFF;
    border-radius: 0 5px 5px 0;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .btnmenuespsoc .icon-keyboard_arrow_left {
    display: none;
  }
  .menuespsoc .contenuMenuEspSoc {
    left: -320px;
    position: absolute;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    z-index: 11;
    margin-top: 1em;
    width: 310px;
  }
  .menuespsoc .contenuMenuEspSoc.actif {
    left: -10px;
  }
  .menuespsoc .contenuMenuEspSoc.fixed {
    position: fixed;
    top: 10px;
    left: -310px;
  }
  .menuespsoc .contenuMenuEspSoc.actif.fixed {
    left: 0;
  }
  #buttonsTopMenu > * {
    flex: 1;
  }
}
@media (min-width: 992px) {
  /*Css du menu*/
  #main article {
    padding-left: inherit;
  }
  .btnmenuespsoc {
    display: none;
  }
  .menuespsoc,
  .menuespsoc .contenuMenuEspSoc {
    position: relative;
    width: 310px;
    left: 0;
  }
  .menuespsoc .contenuMenuEspSoc.fixed {
    position: relative;
    top: auto;
    left: auto;
  }
  .menuespsoc .contenuMenuEspSoc.actif.fixed {
    left: auto;
  }
  /*fin css du menu*/
}
/** Css Carte **/
.conteneurCarte #contenuAgence,
.conteneurCarte #contenuReparateur,
.conteneurCarte #contenuAgenceScroll,
.conteneurCarte .agenceOciane {
  width: 96%;
}
.conteneurCarte #contenuAgence .imgOciane,
.conteneurCarte #contenuReparateur .imgOciane,
.conteneurCarte #contenuAgenceScroll .imgOciane,
.conteneurCarte .agenceOciane .imgOciane {
  width: 48px;
  height: 48px;
  margin: 0 auto;
  display: inline-block;
  background-size: 100%;
  background-image: url("data:image/png;base64,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");
}
.conteneurCarte #contenuAgence .textOciane,
.conteneurCarte #contenuReparateur .textOciane,
.conteneurCarte #contenuAgenceScroll .textOciane,
.conteneurCarte .agenceOciane .textOciane {
  display: inline-block;
  width: calc(100% - 60px);
}
.prelevement:after {
  color: #37474f !important;
  background-color: transparent !important;
}
.blocCurrency {
  background-color: #37474f !important;
  color: white;
  padding: 2px 5px;
}
#main article ul.listeContrat li i {
  background-color: #769099;
}
#main article ul.listeContrat li.CHAS i {
  background-color: #a7690e;
}
#main article ul.listeContrat li.FC i {
  background-color: #682171;
}
#main article ul.listeContrat li.MAV i {
  background-color: #682171;
}
#main article ul.listeContrat li.MGAR i {
  background-color: #008630;
}
#main article ul.listeContrat li.MRSQ i {
  background-color: #0f3d88;
}
#main article ul.listeContrat li.MRSQTEMPO i {
  background-color: #0f3d88;
}
#main article ul.listeContrat li.NDEP i {
  background-color: #0089b6;
}
#main article ul.listeContrat li.PREV i {
  background-color: #682171;
}
#main article ul.listeContrat li.SANT i {
  background-color: #38a394;
}
#main article ul.listeContrat li.SANTOCIANE i {
  background-color: #38a394;
}
#main article ul.listeContrat li.SCOL i {
  background-color: #682171;
}
#main article ul.listeContrat li.ALI i {
  background-color: black;
}
#main article ul.listeContrat li.MPAP i {
  background-color: #938777;
}
#main .blocTitreSinistre {
  margin: 0 1em 1rem;
  font-size: 1em;
}
#main .blocTitreSinistre h2 {
  text-transform: initial;
  font-weight: bold;
}
#faqMessagerie {
  max-width: 100% !important;
  position: relative !important;
  z-index: initial !important;
  color: #0091ea !important;
  border-color: #0f3d89 !important;
}
#faqMessagerie p {
  color: black !important;
  font-size: larger !important;
}
#faqMessagerie a {
  color: #0091ea !important;
}
#faqMessagerie:before {
  border-color: #0f3d89 !important;
}
#faqMessagerie-loader {
  left: auto !important;
  position: relative !important;
  margin: auto !important;
}
/*****************************************************************
               Style lié aux offres promotionnelles
*****************************************************************/
.offrePromo {
  text-align: center;
  align-items: center;
  justify-content: center;
  border: solid 5px #e2e2e2;
  background-color: white;
}
.offrePromo h2 {
  text-transform: uppercase;
  font-size: 1.35em;
  align-self: center;
}
.offrePromo .imagePromo {
  align-self: stretch;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 89px;
}
.offrePromo .imagePromo > div {
  height: 100%;
  width: 100%;
  overflow: hidden;
  float: right;
  position: relative;
  right: 0px;
  direction: rtl;
}
.offrePromo .banner {
  width: 100%;
  height: auto;
}
.offrePromo img {
  height: 100%;
}
.offrePromo .imagePromo .normal {
  display: none;
}
@media (min-width: 740px) {
  .offrePromo .imagePromo {
    width: 100%;
    min-height: 89px;
  }
  .offrePromo .imagePromo .banner {
    display: none;
  }
  .offrePromo .imagePromo .normal {
    display: block;
  }
}
.offreSchoolMouv {
  border-color: #682171;
}
.offreSchoolMouv h2 {
  text-transform: none;
}
.offreSchoolMouv h2 span {
  color: #682171;
}
@media (max-width: 740px) {
  .offrePromoNiveau2 {
    display: none !important;
  }
}
/** Tag nouvel item **/
.newItemTag {
  background-color: #d9534f;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  line-height: normal;
  padding: 3px 6px;
  margin-left: 5px;
  border-radius: 50px;
}
#buttonsTopMenu {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: end;
}
.contenuMenuEspSoc #buttonsTopMenu a,
.contenuMenuEspSoc #buttonsTopMenu button {
  display: flex;
  padding: 0.8rem 1rem;
  font-size: 1.4rem;
  margin: 0;
  justify-content: center;
  align-items: center;
}
.contenuMenuEspSoc #buttonsTopMenu a .icomoon,
.contenuMenuEspSoc #buttonsTopMenu button .icomoon,
.contenuMenuEspSoc #liensAnnexes .button .icomoon {
  font-size: 1.8rem;
  margin: 0;
  margin-right: 0.25rem;
  line-height: 1.8rem;
  padding: 0;
}
.contenuMenuEspSoc #infoSocMenu .menu-initials {
  border-radius: 50%;
  background-color: #000069;
  color: #fff;
  font-family: inherit !important;
  font-size: 1.4em;
  width: 2em;
  height: 2em;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  padding: 0.125em;
  text-decoration: none;
  margin-right: 0.2em;
  vertical-align: middle;
}
.btnmenuespsoc {
  color: #000069;
  text-decoration: none !important;
  cursor: pointer;
}
.btnmenuespsoc:hover {
  background-color: #000069;
  color: #fff;
}
.menuespsoc .contenuMenuEspSoc .compteur.nbOperations {
  background-color: #fff !important;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #000069 !important;
  display: inline-block;
  height: 15px;
  margin-left: 0.5em;
  padding: 0.2em !important;
  text-align: center;
  width: 15px;
  font-weight: bold;
  line-height: 15px;
  position: relative !important;
}
/*TODO: impacter fichier espsoc.less */
.menuespsoc #infoSocMenu {
  color: #000069;
}
.menuespsoc #infoSocMenu b,
.menuespsoc #infoSocMenu strong {
  font-variation-settings: "wght" 300;
}
.menuespsoc #infoSocMenu .icon-icon-person {
  background-color: #000069;
}
/* TODO: Replace by GUI classes */
#buttonsTopMenu .button,
#liensAnnexes .button {
  color: #fff;
  text-decoration: none;
  background-color: #6A2DC1;
  font-size: 1.6rem;
  font-family: 'codec';
  font-variation-settings: "wght" 220;
  line-height: 2rem;
  padding: 1rem;
  box-shadow: none;
  border: 2px solid #6A2DC1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDcwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03MDAgMTAwQzcwMCAxNTUuMjI4IDY1NS4yMjggMjAwIDYwMCAyMDBDNTQ0Ljc3MiAyMDAgNTAwIDE1NS4yMjggNTAwIDEwMEM1MDAgNDQuNzcxNSA1NDQuNzcyIDAgNjAwIDBDNjU1LjIyOCAwIDcwMCA0NC43NzE1IDcwMCAxMDBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMCAwSDYwMFYyMDBIMFYwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: left -710px top -10px;
  transition: all 0.5s linear;
  border-radius: 0.4rem;
}
#buttonsTopMenu .button:hover,
#liensAnnexes .button:hover {
  background-position: right -300px top -40px;
  background-color: transparent;
  color: #6A2DC1;
}
#buttonsTopMenu .button.btnlite2 {
  background-color: transparent;
  color: #6A2DC1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDcwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjYwMCIgY3k9IjEwMCIgcj0iMTAwIiBmaWxsPSIjNkEyREMxIi8+CjxyZWN0IHdpZHRoPSI2MDAiIGhlaWdodD0iMjAwIiBmaWxsPSIjNkEyREMxIi8+Cjwvc3ZnPgo=);
}
#buttonsTopMenu .button.btnlite2:hover {
  background-position: right -300px top -40px;
  background-color: transparent;
  color: #fff;
}
/* End todo replace */