#contenu {
  font-size: 16px;
  font-size: 100%;
  box-sizing: border-box;
}

#titrePage {
  display: none;
}

#zone-intro.vitrine-en-bref {
  min-height: 350px;
}

#zone-intro.vitrine-en-bref .en-bref h1 {
  background: none;
}

#zone-centrale .inter-titre {
  text-align: center;
  color: #000;
  font-size: 22px;
  font-weight: normal;
}

#zone-centrale .en-bref h2.inter-titre {
  text-align:left;
}

#zone-centrale .flex-container.avantages {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
              -ms-grid-row-align: flex-start;
          align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  align-items: stretch;
}

#zone-centrale .flex-container.avantages {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding:0;
  margin-left: 0;
  margin-right: 0;  
}

/* ### Avantages ### */
#zone-centrale .flex-container.avantages li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  margin: 0;
  padding: 0;
  display:flex;
}

#zone-centrale .flex-container.avantages li:nth-child(odd) {
  margin-right:10px;
}

#zone-centrale .flex-container.avantages li:nth-child(even) {
  margin-left:10px;
}

#zone-centrale .flex-container.avantages li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  background-color: #c3c3c3;
  text-decoration: none;
  border: solid 1px #d5d5d5;
  background-repeat: no-repeat;
  background-size: contain;
  width:100%;
}

#zone-centrale .flex-container.avantages li a img{
  width:100%;
  height:auto;
  max-height:173px;
}

#zone-centrale .flex-container.avantages li a .titre {
  background: #FFC20E;
  color: #4D4D4F;
  -ms-flex-preferred-size: 2.6em;
      flex-basis: 2.6em;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 2;
  padding-left: 10px;
}

#zone-centrale .flex-container.avantages li a .texte {
  background: #eee;
  margin: 0;
  padding: 0;
  box-shadow: 0px 1px 2px 0px #ddd;
  background: -webkit-linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  background: linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%);
  color: #3e3e3e;
  padding: 10px;
  font-size: 14px;
  flex-grow: 1;
}



/* */
.cd-collapse .cd-body.flex-container {
  padding: 20px 20px 10px 20px;
}

.cd-collapse .flex-container > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
}


.cd-collapse .flex-container > .separateur {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  text-align: center !important;
}


.cd-collapse .flex-container > .separateur > * {
  position: relative;
  text-transform: uppercase;
  text-align:center;
  padding: 10px 0 !important;
  background: #fff;
  font-size: 18px;
  z-index: 10;
  transform-style: preserve-3d;
  margin-top: 25% !important;
}

.cd-collapse .flex-container > .separateur {
  position: relative; 
}

.cd-collapse .flex-container > .separateur:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid #d5d5d5;
}

#zone-centrale .cd-collapse .flex-container > *:not(.separateur) > * {
  padding-left: 60px;
}

#zone-centrale .cd-collapse .flex-container .titre {
  font-size: 16px;
  color: #3e3e3e;
  margin-bottom: .3em;
  position: relative;
  /*background-size: 0px;*/
  background-repeat: no-repeat;
  margin-top: 0;
}

#zone-centrale .cd-collapse .flex-container .titre:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: inherit;
  background-repeat: no-repeat;
}


#zone-centrale .cd-collapse .flex-container .texte {
  font-size: 14px;
  margin-bottom: 0.5em;
  margin-top: 0;
}

#zone-centrale .cd-collapse .boutons,
#zone-centrale .cd-collapse .boutons li {
  padding-left:0;
  background-image: none;
  margin: 0;
}

#zone-centrale .cd-collapse .boutons > dt {
  display: inline-block;
  margin-right: 2em;
}

#zone-centrale .cd-collapse .bouton-action {
  padding: 10px 12px;
  font-size: 14px;
  margin-bottom:10px;
}
#zone-centrale .cd-tuiles.cd-tiroirs a.bouton-action.principal {
  color:#fff;
}
#zone-centrale .cd-tuiles.cd-tiroirs a.bouton-action.secondaire {
  color:#007944;
}

/********Responsive********/
@media screen and (max-width: 649px){

  .cd-collapse .flex-container > *{
   flex: 0 1 100%;
  }

  .cd-collapse .flex-container > .separateur {
   padding: 0 42%;
  }
  
  .cd-collapse .flex-container > .separateur:after {
   border: none;
  }
  
  #page.mobile #zone-intro.vitrine-en-bref{
   background-size:cover;
   background-position:70%;
  } 
  
  #zone-centrale .flex-container.avantages {
   -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   padding-left:0;
  }
  
  #zone-centrale .flex-container.avantages li {
   -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
     flex: 0 1 100%;
   margin: 10px;
  }
  
  #zone-centrale .flex-container.avantages li a img{
   max-height:initial;
  } 

  #zone-centrale .flex-container.avantages li:nth-child(odd),
  #zone-centrale .flex-container.avantages li:nth-child(even){
   margin-right:0px;
   margin-left:0px;
  } 

}