/* RISTOURNE */
h1#titrePage {display:none}
div#contenu {float: none}
div#centre {width: 100%}
div#contenu {overflow: visible}

/* Conteneur pleine largeur écran */
.max_width {
  margin-left: auto;
  margin-right: auto;
}

.max_width > div  {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

@media (orientation: landscape) and (max-width: 960px) {
   html {overflow-x: hidden;}
  .max_width {
   margin-left: -10px;
   margin-right: -10px;
  }

  .max_width > div  {
   width: auto;
   padding-left: 20px;
   padding-right: 20px;
  }
}

@media(max-width: 768px) {
  html {overflow-x: hidden;}
  .max_width {
   margin-left: -10px;
   margin-right: -10px;
  }

  .max_width > div  {
   width: auto;
   padding-left: 20px;
   padding-right: 20px;
  }
}

.max_width > div > *:first-child {margin-top: 0 !important}
.max_width > div > *:last-child {margin-bottom: 0 !important}

/* Def spécial de padding */
.padding-1 {padding-top: 50px; padding-bottom: 50px}
.padding-2 {padding-top: 70px; padding-bottom: 40px}

/* def special de titre et couleur de texte */
#zone-centrale .c-gris-1 {color: #4a4a4a !important}
#zone-centrale .c-noir {color: #000 !important}

#zone-centrale #contenu.cd-typo-temp .titre-ristourne {
  font-family: 'robotoregular' !important;
  font-size: 1.625rem !important;
  font-weight: 500 !important;
}

html[style="font-size: 150%;"] .titre-ristourne[class*=ic-],
html[style="font-size: 200%;"] .titre-ristourne[class*=ic-] {
  padding-left: 0 !important;
  padding-top: 3.125rem !important
}

html[style="font-size: 150%;"] .titre-ristourne[class*=ic-]:before,
html[style="font-size: 200%;"] .titre-ristourne[class*=ic-]:before {
  top: 0 !important;
}

.titre-vert {
  display:inline-block;
  color: #007944;
  font-size: 1.5625rem;
  font-family: 'robotobold', arial, sans-serif;
}

@media (max-width: 768px) {
  .titre-vert {
   display:block;
   font-size: 1.375rem
  }
}

/* Correction bouton action */
/* Bouton D'action */
@media (max-width: 568px) {
  #contenu .cd-bouton-action {
   width: 100%;
  }
}

/********************************************/
/*******  VITRINE RISTOURNE phase 1  ********/
/********************************************/
@media(min-width: 769px) {
  .max_width.ristourne > div {width: 1200px;}
  .max_width.ristourne .cd-vitrine > div {
   margin-left: 130px !important; /* (1200px - 940px) / 2 */
   padding: 25px;
   max-width: calc(50% - 155px); /* au lieu du - 20px habituel : 130 + 25px; */
  }
}

@media(max-width: 768px) {
  .max_width.ristourne .cd-vitrine {
   background-position: 70% center;
   background-size: cover;
   margin-left: -20px;
   margin-right: -20px;
  }
}

.max_width.ristourne .cd-vitrine > div > *:first-child {
  margin-top: 0 !important
}
.max_width.ristourne .cd-vitrine > div > *:last-child {
  margin-bottom: 0 !important
}

/********************************************/
/*******  VITRINE RISTOURNE phase 2  ********/
/********************************************/
.cd-panel.ristourne {
  min-height: 21.88rem;
  position: relative;
  overflow: hidden;
}

#zone-centrale #contenu.cd-typo-temp .cd-panel.ristourne h1 {
  width: 40%;
  font-family: 'robotoblack', arial, sans-serif;
  color: #4a4a4a;
  font-size: 2.25rem;
  line-height: normal;
  font-weight: 900;
  position: absolute;
  top: 117px;
  left: 65px;
  margin: 0;
}

html[style="font-size: 150%;"] #zone-centrale #contenu.cd-typo-temp .cd-panel.ristourne h1,
html[style="font-size: 200%;"] #zone-centrale #contenu.cd-typo-temp .cd-panel.ristourne h1 {
  position: initial;
  margin-left: 50px;
  margin-top: 50px;
  width: calc(100% - 50px);
}

.ristourne .alveole {
  position: absolute;
  width: 108px;
  height: 190px;
  top: 30px;
  left: 0;
  background-image: url('/ressources/images/a00-alveole-haut-g.svg');
  background-size: contain;
  background-repeat: no-repeat;
}


/* LES BULLES ! */
.bulle {
  position: absolute;
  display: flex;
  justify-content: center;
  background-size: contain;
  background-repeat: no-repeat;
  font-family: robotoblack, arial, sans-serif;
  font-weight: normal;
  color: #2e2e2e;
}

.bulle > * {
  align-self: center;
  text-align: center;
  margin-top: 0 !important;
  line-height: 1 !important;
}

.bulle-vert-mint {background-image: url('/ressources/images/d05-ristourne-bulle-vert-mint.png')}
.bulle-jaser {background-image: url('/ressources/images/d05-ristourne-bulle-jaser.png')}
.bulle-blue {background-image: url('/ressources/images/d05-ristourne-bulle-blue.png')}
.bulle-jaune {background-image: url('/ressources/images/d05-ristourne-bulle-jaune.png')}
.bulle-rouge {background-image: url('/ressources/images/d05-ristourne-bulle-rouge.png')}



/* Vitrine */
.ristourne .bulle-jaser {
  width: 317px;
  height: 389px;
  padding-right: 12px;
  padding-left: 3px;
  padding-bottom: 55px;
  padding-top: 95px;
  font-size: 2.5rem;
  top: -62px;
  right: 145px;
  z-index:2;
}

html[style="font-size: 150%;"] .ristourne .bulle-vert-mint,
html[style="font-size: 200%;"] .ristourne .bulle-vert-mint,
html[style="font-size: 150%;"] .ristourne .bulle-blue,
html[style="font-size: 200%;"] .ristourne .bulle-blue {
  display: none;
}

html[style="font-size: 150%;"] .ristourne .bulle-jaser,
html[style="font-size: 200%;"] .ristourne .bulle-jaser {
  position: inherit;
  margin-top: 100px;
  height: 447px;
  width: 366px;
  right: 0;
}

.ristourne .bulle-vert-mint {
  width: 249px;
  height: 208px;
  top: -116px;
  left: 293px;
}



.ristourne .bulle-blue {
  z-index: 1;
  width: 249px;
  height: 489px;
  top: -170px;
  right: 0;
}

@media (max-width: 768px) {
  #zone-centrale #contenu.cd-typo-temp .cd-panel.ristourne h1 {
   font-size: 2rem;
   line-height: normal !important;
   width: 50%;
   left: 54px;
   top: 111px;
   z-index: 3;
  }
  
  .ristourne .bulle-jaser {
   top: auto;
   bottom: 51px;
   left: auto;
   right: 20px;
   width: 269px;
   height: 317px;
   padding-right: 0;
   font-size: 2.2rem;
  }

  .ristourne .bulle-vert-mint {
   width: 200px;
   font-size: 2.2rem;
   top: -78px;
   right: 143px;
  }

  .ristourne .bulle-blue {
   display: none
  }
}

@media (max-width: 576px) {
  .cd-panel.ristourne {
   min-height: 27.5rem;
   margin-left: -20px;
   margin-right: -20px;
  }
  
  .ristourne .alveole {
   top: 17px;
   left: 36px;
   background-size: 80%;
  }

  #zone-centrale #contenu.cd-typo-temp .cd-panel.ristourne h1 {
   font-size: 1.5625rem;
   width: calc(100% - 110px);
   top: 76px;
   left: 81px;
  }

  .ristourne .bulle-vert-mint {
   display: none;
  }

  .ristourne .bulle-jaser {
   bottom: 10px;
   left: 25px;
   height: 303px;
   padding-left: 1px;
   padding-right: 30px;
   padding-top: 85px;
   padding-bottom: 49px;
   font-size: 1.625rem;
  }

  .ristourne .bulle-blue {
   display: block;
   height: 362px;
   top: 71px;
   right: -62px;
  } 
}

@media (max-width: 360px) {
  .ristourne .bulle-jaser {
   bottom: 0px;
   left: 25px;
   height: 253px;
   padding-right: 68px;
  }
}

/* Onglet Ristourne Produits */
.bulle-produit {
  min-height: 100%;
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

html[style="font-size: 150%;"] .bulle-produit,
html[style="font-size: 200%;"] .bulle-produit {
  min-height: 375px;
}

@media (max-width: 767px) {
  .bulle-produit {
    /*min-height: 300px;*/
  }
}

.bulle-produit .bulle-jaser {
  z-index: 2;
  width: 235px;
  height: 264px;
  padding-right: 24px;
  padding-bottom: 43px;
  padding-top: 77px;
  font-size: 1.5rem;
}

.bulle-produit .bulle-rouge,
.bulle-produit .bulle-jaune {
  z-index: 1;
  width: 172px;
  height: 227px;
  padding-left: 42px;
  padding-right: 15px;
  padding-bottom: 29px;
  padding-top: 93px;
  font-size: 1rem;
  top: 75px;
  right: 41px;
}

@media (max-width: 767px) {
  .bulle-produit .bulle-jaser {
   top: -41px;
  }
  .bulle-produit .bulle-rouge,
  .bulle-produit .bulle-jaune {
    top: 36px;
    right: 0;
  }
}

@media (max-width: 360px) {
  .bulle-produit .bulle-rouge,
  .bulle-produit .bulle-jaune {
    top: 62px;
  }
}


html[style="font-size: 150%;"] .bulle-produit .bulle-jaser,
html[style="font-size: 200%;"] .bulle-produit .bulle-jaser {
  width: 410px;
  height: 478px;
  left: 0px;
  top: -110px;
}

html[style="font-size: 150%;"] .bulle-produit .bulle-rouge,
html[style="font-size: 200%;"] .bulle-produit .bulle-rouge,
html[style="font-size: 150%;"] .bulle-produit .bulle-jaune,
html[style="font-size: 200%;"] .bulle-produit .bulle-jaune {
  width: 433px;
  height: 416px;
  padding-right: 131px;
  padding-bottom: 51px;
  padding-top: 175px;
  padding-left: 63px;
  right: 81px;
  top: -48px;
}

@media (max-width: 768px) {
  html[style="font-size: 150%;"] .bulle-produit .bulle-jaser,
  html[style="font-size: 200%;"] .bulle-produit .bulle-jaser {
    left: 0px;
    top: -102px;
    height: 489px;
    padding-bottom: 13px;
  }

  html[style="font-size: 150%;"] .bulle-produit .bulle-rouge,
  html[style="font-size: 200%;"] .bulle-produit .bulle-rouge,
  html[style="font-size: 150%;"] .bulle-produit .bulle-jaune,
  html[style="font-size: 200%;"] .bulle-produit .bulle-jaune {
    right: -107px;
    top: -48px;
  }
}

@media (max-width: 576px) {
  html[style="font-size: 150%;"] .bulle-produit,
  html[style="font-size: 200%;"] .bulle-produit {
    min-height: auto;
  }
  
  html[style="font-size: 150%;"] .bulle-produit .bulle-jaser,
  html[style="font-size: 200%;"] .bulle-produit .bulle-jaser,
  html[style="font-size: 150%;"] .bulle-produit .bulle-rouge,
  html[style="font-size: 200%;"] .bulle-produit .bulle-rouge,
  html[style="font-size: 150%;"] .bulle-produit .bulle-jaune,
  html[style="font-size: 200%;"] .bulle-produit .bulle-jaune {
    background-image: none;
    position: initial;
    height: auto;
    width: 100%;
    padding: initial;
  }
}

.bulle-produit .bulle-rouge > *,
.bulle-produit .bulle-jaune > * {
  text-align: left;
}

/* Alignement à gauche des icones onglet mobile */
@media (max-width: 576px) {
  ul.icon-align-left > li a[class*=ic-]:before {
    left: 0 !important;
  }
}


/* PANNEAUX TITRE */
.cd-panel-titre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-repeat: no-repeat;
}

.cd-panel-titre > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 200px;
}
#zone-centrale #contenu.cd-typo-temp .cd-panel-titre > div > * {
  color: #595959 !important;
  font-weight: 500 !important;
}

#zone-centrale .cd-panel-titre > div > * .accroche {
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
}

html[style="font-size: 150%;"] .cd-panel-titre > div > *[class*=ic-],
html[style="font-size: 200%;"] .cd-panel-titre > div > *[class*=ic-] {
  padding-left: 0 !important;
  padding-top: 3.125rem !important
}

html[style="font-size: 150%;"] .cd-panel-titre > div > *[class*=ic-]:before,
html[style="font-size: 200%;"] .cd-panel-titre > div > *[class*=ic-]:before {
  top: 0 !important;
}

/* LISTE PRODUIT */
@media (max-width: 768px) {
  .liste-produit {
   flex-basis: 100%;
    max-width: 100%;
  }
}


/* FAITS SAILLANTS */
@media (max-width: 768px) {
  .faits-saillants {
   flex-basis: 100%;
   max-width: 100%;
  }
}

#zone-centrale .faits-saillants > li {
  padding-left: 0;
  background: none;
}

.faits-saillants > li > div:first-child {
  background-color: #fff;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  line-height: 1;
}

.faits-saillants .titre-vert {
  display: block;
  margin-top: 20px;
  font-family: 'robotoblack', arial, sans-serif;
  color: #00884e;
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 1;
}

@media (max-width: 576px) {
  #zone-centrale .faits-saillants {
   flex-basis: 100%;
   max-width: 100%;
   padding-top: 1rem;
   padding-bottom: .5rem;
  }

  .faits-saillants > li {
   display: flex;
   margin-bottom: 1.5rem
  }

  .faits-saillants > li > div:first-child {
   margin-right: 20px;
   width: 70px;
   height: 70px;
  }

  .faits-saillants > li > div:first-child > img {
   width: 50% !important;
  }

  .faits-saillants .titre-vert {
   margin-top: 0;
  }
}

/* Date dépôt */
.date-depot {
  text-align: center;
  border-top: solid 1px rgba(0, 136, 78, .23);
  padding-top: 50px;
  font-size: 1.125rem;
  font-weight: bold;
}

/* CD-LISTE OL */
/* overwrite contenu.css */
#zone-centrale ol.cd-liste {padding-left: 0}
/* fin overwrite contenu.css */

#contenu.cd-typo-temp ol.cd-liste {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

ol.cd-liste {
  list-style: none;
  counter-reset: compteur;
}

#zone-centrale ol.cd-liste > li {
  counter-increment: compteur;
  margin-top: 0 !important;
  line-height: 2;
}
ol.cd-liste > li:before {content: counter(compteur) '. '}

/* Si gras */
ol.cd-liste.bold > li {font-weight: bold}
ol.cd-liste.bold > li:before {font-weight: bold}

/* Si numérotation coloré */
ol.cd-liste.cd-num-vert > li:before {color: #007944}

/* Si fond de couleur */
#zone-centrale ol.cd-liste[class*=c-bg] {padding: 24px 36px 24px 36px}
@media (max-width: 768px) {
  #zone-centrale ol.cd-liste[class*=c-bg] {
   padding-left: 27px;
   padding-right: 27px;
  }
}

/* LISTE SANS PUCES */
#zone-centrale ul.cd-liste.cd-sans-puces li {padding-left: 0;}
#zone-centrale ul.cd-liste.cd-sans-puces li:before {display: none;}

/* FAIRE LA DIFFÉRENCE */
.faire-diff {
  background-image: url(/ressources/images/d05-ristourne-collective-difference.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1.5625rem;
  font-family: 'robotoblack', arial, sans-serif;
  font-weight: 900;
  min-height: 200px;
}

@media (max-width: 768px) {
  .faire-diff {
   min-height: 274px;
   margin-top: 30px;
  }
}

#zone-centrale .faire-diff:hover,
#zone-centrale .faire-diff:focus {
  text-decoration: underline;
}

.faire-diff:after {
  display:none;
}

.faire-diff > span {
  position: relative;
}

.faire-diff > span:after {
  content: '';
  position: absolute;
  left: calc(50% - .75rem);
  top: calc(100% + 1rem);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/ressources/images/ic-fleche-liens.svg);
  background-size: contain;
}

/* Alvéole dans la grille */
.alveole {
  padding-top: 125px;
  padding-left: 76px;
  background-image: url('/ressources/images/a00-alveole-haut-g.svg');
  background-repeat: no-repeat;
  background-size: 23%;
}

@media (max-width: 576px) {
  .alveole {
   padding-top: 70px;
   padding-left: 45px;
   background-position-y: 10px
  }
}


/* Service à la clientèle */
#zone-centrale .cd-service-clientele h2.titre {
  font-size: 1.375rem;
}