.alveole-hub-v2 {
    padding-top: 63px;
    padding-left: 76px;
    background-image: url(/ressources/images/a00-alveole-haut-g.svg);
    background-repeat: no-repeat;
    background-size: 7%;
    background-position: 25px 10px;
}


.cd-vitrine_1600.hub .cartouche { max-width: 40%; }
.cd-vitrine_1600.hub .cartouche .intro { max-width: 80%; }
#page #zone-centrale .cd-typo-temp .cd-vitrine_1600 h1.titre,
#page #zone-centrale .cd-typo-temp .cd-vitrine_1600 p.pre-titre { font-family: robotoblack, arial, sans-serif !important; }

.plus-gros-12_5 { font-size: 112.5%; line-height: 1.25em !important; }
.img-negative img { position: relative; margin-top: -4.5em; width: 90%; }
img.limite-largeur { width: 60%; display: inline-block; margin: 2.5em auto -1em; }
img.limite-largeur-2 { width: 100%; display: inline-block; margin: 0 auto; }

@media (max-width: 768px) {
  #cd-top-vitrine.cd-vitrine_1600.hub > * { padding-left: 1.5rem !important; }
  #cd-top-vitrine.cd-vitrine_1600.hub > * { margin: -20px !important; margin-bottom: -20px !important; margin-top: -20px !important; }
  .cd-vitrine_1600.hub { background-position-x: 74%; background-size: 400%; }
  .cd-vitrine_1600.hub > * { background-color: rgba(255, 255, 255, .85); }
}

@media (max-width: 767px) and (min-width: 577px) {
  #cd-top-vitrine.cd-vitrine_1600.hub { margin: 0 -10px !important; }
  .cd-vitrine_1600.hub .cartouche { max-width: 60%; }
  .cd-vitrine_1600.hub .cartouche .intro { max-width: 85%; }
}

@media (max-width: 576px) {
  img.limite-largeur { width: 50%; display: inline-block; margin: 1.5em auto 0; }
  .cd-vitrine_1600.hub .cartouche { max-width: 100%; }
  .cd-vitrine_1600.hub .cartouche .intro { max-width: 85%; }
  #zone-centrale #contenu #cd-top-vitrine .pre-titre.t24 { font-size: 1.5rem; }
  .alveole-hub-v2 {
	padding-top: 72px;
	padding-left: 59px!important;
	margin-left: -24px!important;
	background-size: 13%;
  }
}

@media (max-width: 576px) {
    .alveole-hub-v2 { padding-top: 60px; }
}





/* ****************** */
/* Covid-19.css */
/* ****************** */








/*icone et autre a mettre dans les compostantes*/
.ic-joindre-particuliers-vert:before { background-image: url(/ressources/images/d00-joindre-particuliers-vert.svg);}
.ic-joindre-entreprises-vert:before { background-image: url(/ressources/images/d00-joindre-entreprises-vert.svg);}
.ic-joindre-jeunesse-vert:before { background-image: url(/ressources/images/d00-joindre-jeunesse-vert.svg);}
.ic-joindre-service-distance-vert:before { background-image: url(/ressources/images/d00-joindre-service-distance-vert.svg);}
.ic-joindre-voyage-vert:before { background-image: url(/ressources/images/d00-joindre-voyage-vert.svg);}
.ic-six-carte-credit-vert:before{ background-image: url(/ressources/images/ic-six-carte-credit-vert.svg);}
.ic-six-assurances-vert:before{ background-image: url(/ressources/images/ic-six-assurances-vert.svg);}
.ic-six-maison-vert:before{ background-image: url(/ressources/images/ic-six-maison-vert.svg);}
.ic-six-epargne-terme-vert:before{ background-image: url(/ressources/images/ic-six-epargne-terme-vert.svg);}
.ic-six-pret-vert:before{ background-image: url(/ressources/images/ic-six-pret-vert.svg);}
.ic-six-sans-contact-vert:before{ background-image: url(/ressources/images/ic-six-sans-contact-vert.svg);} 
.ic-six-financement-vert:before{ background-image: url(/ressources/images/ic-six-financement-vert.svg);} 
.ic-six-carte-credit-vert:before{ background-image: url(/ressources/images/ic-six-carte-credit-vert.svg);} 
.ic-six-auto-vert:before{ background-image: url(/ressources/images/ic-six-auto-vert.svg);} 
.ic-six-conjoints-vert:before{ background-image: url(/ressources/images/ic-six-conjoints-vert.svg);} 
.ic-six-information-gris:before{ background-image: url(/ressources/images/ic-six-information-gris.svg );} 
h2.ic-bientot-voyage:before { background-image: url(/ressources/images/d00-joindre-voyage-vert.svg );}


.ic-n1-erreur:before { background-image: url(/ressources/images/ic-n1-erreur.svg ); padding-left: 2rem!important;}
.ic-n1-confirmation:before { background-image: url(/ressources/images/ic-n1-confirmation.svg );padding-left: 2rem!important;}



.cd-fond-blanc{
    background-color: #fff;
}


/* overwrite de composantes.css */
.ic-n1-erreur:before, .ic-n1-confirmation:before{
    top: calc((1.5em - 1.5rem) / 2)!important;
    width: 1.5rem!important;
    height: 1.5rem!important;
}

/* 
#zone-centrale .cd-tuiles > *.c-bg-blanc,
#zone-centrale .cd-tuiles.c-bg-blanc > * {
	background-color: #fff;
} */

span.display-bloc{
    display: block;
    margin-top: 10px;
}
#contenu .cd-bouton-action.fit-content{
    width: fit-content;
}
.alveole {
    padding-top: 90px;
    padding-left: 76px;
    background-image: url(/ressources/images/a00-alveole-haut-g.svg);
    background-repeat: no-repeat;
    background-size: 13%;
}
.alveole-hub {
    padding-top: 63px;
    padding-left: 76px;
    background-image: url(/ressources/images/a00-alveole-haut-g.svg);
    background-repeat: no-repeat;
    background-size: 7%;
    background-position: 25px 25px;
}
.bordure-gris{
    border:solid 1px #d5d5d5;
    /*
    border-width: 1px;
    border-style: solid;
    border-color: #f2f2f2 1px solid;
    */
}
.cd-bouton-action.secondaire.fleche-bas{
    padding-left: 1.5rem!important;
}
.cd-bouton-action.secondaire.fleche-bas:before{
    content: '';
    position: absolute;
    /* top: 0px; */
    left: 0;
    width: 1rem;
    height: 1rem;
    background-image: url(/ressources/images/ic-fleche-vert-bas-droite.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.ic-membres:before, .ic-membres-vert:before { background-image: url(/ressources/images/ic-six-conjoints-vert.svg);}
h2.ic-report-paiement:before{ background-image: url(/ressources/images/ic-six-report-paiement-vert.svg);}
h3.ic-report-paiement:before{ background-image: url(/ressources/images/ic-six-report-paiement-vert.svg);}
p.ic-p-info:before{ 
    background-image: url(/ressources/images/ic-six-avertissement.svg);
    width: 1rem!important;
    height: 1rem!important;
    top: 0px!important;
}
p.ic-p-info{ 
    padding-left: 1.5rem!important;
}


.bandeau-volume-appel{
    background-color: #fefbf5; 
    border: 2px solid #ed8f07;
    padding: 0.5em;
}
.cd-tuiles.sans-bordure:not(.cd-lien) > *:not(.cd-lien):not(.cd-tiroir):not(.cd-collapse){
    border: none!important;
}

#page #zone-centrale .cd-typo-temp .cd-vitrine_1600-hub h1.titre {
    font-family: robotoblack, arial, sans-serif;
    font-size: 2.25rem;
}

.cd-vitrine_1600 {
    background-size: cover;
    background-position-x: 75%;
}
.cd-vitrine_1600.all-part {
    background-position-x: 50%;
}
.cd-vitrine_1600.all-entr {
    background-position-x: 50%;
}
.cd-vitrine_1600 .cartouche {
    max-width: 50%;
}
.covid19-services-en-ligne-phone{
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 328px; 
}
@media (max-width: 1023px) and (min-width: 768px) {
    .cd-vitrine_1600:not(.hub) .cartouche {
        max-width: 33.33%;
    }
    .cd-vitrine_1600.all-part {background-position-x: 51%;}
    .cd-vitrine_1600.all-entr {background-position-x: 93%;}
    .alveole {
        padding-top: 90px;
        padding-left: 60px!important;
        margin-left: 10px!important;
        background-size: 13%;
    }
}

@media (min-width: 768px) {
    .telimage {padding-left: 10%}
    #page-hub {
        margin-top: -5rem !important;
    }
    .cd-vitrine_1600.all-part {background-position: 50% 30%;}
    .cd-vitrine_1600.all-entr {background-position-x: 88%;}
}
@media (max-width: 767px) {
    .cd-vitrine_1600:not(.hub) .cartouche {
        max-width: 33.33%;
    }
    .cd-vitrine_1600.all-part {background-position-x: 68%;}
    .cd-vitrine_1600.all-entr {background-position-x: 96%;}
    .covid19-services-en-ligne-phone{
        min-height: 328px;
        background-position-x: 50%;
    }
}
@media (max-width: 576px) {
    /* .cd-vitrine_1600 .cartouche {
        max-width: 100%;
        background-color: rgba(255, 255, 255, .85);
        border-radius: 8px;
        padding: 1.25rem 20px;
    } */
    .alveole {
        padding-top: 40px;
        padding-left: 30px!important;
        margin-left: 10px!important;
        background-size: 13%;
    }
    .mob-w-100{
        width: 100% !important;
        height: auto;
    }
    .alveole-hub {
        padding-top: 72px;
        padding-left: 59px!important;
        margin-left: -24px!important;
        background-size: 13%;
    }
    .cd-vitrine_1600 {
        background-position-x: 86%;
        background-size: 1290px;
    }

    .cd-vitrine_1600:not(.hub) .cartouche {
      max-width: 100%;
      padding-top: 350px;
    }

    .cd-vitrine_1600.cd-max-ctn > div {
      padding-left: 10px;
      padding-right: 10xp;
    }
  }


@media (min-width: 576px) {
	.col-count-2{
	 -webkit-column-count: 2;
	 -moz-column-count: 2;
	 column-count: 2;
	}
}


#zone-centrale .cd-liste.cd-puce-check li {
	padding-left: 2rem;
}
ul.cd-liste.cd-puce-check > li:before {
    position: absolute;
    top: calc(((1em * 1.5) / 2) - .5em);
    left: 0em;
    width: 1em;
    height: 1em;
    background-image: url(/ressources/images/ic-n-check-tableau-vert.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}



@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} 
}

#zone-centrale .cd-tuiles .titre.selecteur{
	font-size: 1.250rem;
}

#zone-centrale .cd-tuiles .cd-style-p{ 
 font-size: 1rem;
}


select.cd-form-control {
  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-form-control::-ms-expand {
  opacity: 0
}

.ic-joindre-telephone-vert:before {
  width: 1.25rem !important;
}