#zone-centrale {
  background-color: #f8f8f8;
}

/* Section vitines */ 
.cd-max-ctn[style*="b30-vit"]{background-repeat:no-repeat}
.cd-top-vitrine .t22 {font-size: 1.38rem;}

.vit-1200{
	background-position-x: 50%;
	background-repeat: no-repeat;
} 
@media (max-width: 768px){
	.vit-1200{
	    background-position-x: 80%;
	}
}

.vit-1600{
	background-position-x: 50%;
	background-repeat: no-repeat;
} 
@media (max-width: 768px){
	.vit-1600{
	    background-position-x: 72%;
	}
}


@media (min-width: 769px) {
    .cd-top-vitrine  > div.c-bg-transparent,
    .cd-top-vitrine  > div.c-bg-transparent{
        background-color: transparent;
        padding-left: 0px;
        margin-left: -20px;
    }
}

.cd-top-vitrine:not(.cd-vitrine) {
    min-height: 450px;
}
.cd-top-vitrine > div{
  min-width: 0;
    width: 45%;
    width: calc(50% - 20px);;
}

/* Redefinition des styles pour les vitrine  */
#contenu .cd-top-vitrine {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -10px 30px;
  padding: 20px;
  min-height: 375px;
  background-size: cover;
  background-repeat: no-repeat;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  background-position: 50% 0%;
}

@media (min-width: 576px) {
  #contenu .cd-top-vitrine {
   margin: 0 0 30px;
  }
	html[style='font-size: 150%;'] #zone-centrale #contenu .cd-top-vitrine .texte-vitrine,
	html[style='font-size: 200%;'] #zone-centrale #contenu .cd-top-vitrine .texte-vitrine {
	 width: 100%;
	}

	html[style='font-size: 150%;'] #zone-centrale #contenu .cd-top-vitrine,
	html[style='font-size: 200%;'] #zone-centrale #contenu .cd-top-vitrine {
	 padding-top: 450px;
	 width: 100%;
	}  
}


@media (max-width: 768px) {
  #contenu .cd-top-vitrine {
   background-repeat: no-repeat;
   background-size: inherit;
   margin: 0 0px 30px;
   padding: 20px 10px;
  } 
  .cd-top-vitrine > div{
   min-width: 0;
   width: 45%;
   width: 100%;
   margin-top: 350px;
   padding: 20px;
   background-color: #fffffffa;
   border-radius: 8px;
  }   
	.texte-vitrine .flex-container {
	 width: 50%;
	}  
}

    
@media (max-width: 768px) and (min-width: 577px){
	.texte-vitrine .flex-container{
	 width: calc(100% - 45%) !important;
	}  
}


.ic-aimerez-le-plus:before {
  background-image: url('/ressources/images/ic-valise-avantages.svg');
}
*:not(.cd-icone) .cd-layout-horizontal[class*=ic-]:not([class*=-ic]):before {
  background-color: transparent;
}

/*  SELECT */
select.cd-n3-select {
  display: inline-block;
  padding: 10px 35px 10px 10px;
  font-size: 1em;
  font-weight: normal;
  height: 2.75rem;
  min-height: 2.75rem;
  color: #383838;
  background-color: white;
  background-image: url(/ressources/images/ic-n1-chevron-bas.svg);
  background-position: right 10px center;
  background-size: 17px 10px;
  background-repeat: no-repeat;
  border: 1px solid #cccbcb;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
}
select.cd-n3-select::-ms-expand {
  opacity: 0
}

@media (max-width: 576px) {
	.mob-column-reverse{
	 display: flex;
	 flex-direction: column-reverse
	} 
	.mob-column-reverse .item-1{order: 2} 
	.mob-column-reverse .item-2{order: 2} 
}
