/* Vitrine */


@media (min-width: 768px){ 
  .cd-bloc-info.cd-vitrine.sans-carre-blanc div {width: calc(42% - 20px);
    background-color: transparent;
  Margin-top: 0rem!important;} 
  .cd-bloc-info.cd-vitrine.sans-carre-blanc  .titre {
  width: 20.25rem; }
  .cd-bloc-info.cd-vitrine.sans-carre-blanc  .desc {
  width: 27.19rem;}

html[style='font-size: 200%;'] .cd-bloc-info.cd-vitrine.sans-carre-blanc  .titre {
  width: 19.4rem;
}   

html[style='font-size: 150%;'] .cd-bloc-info.cd-vitrine.sans-carre-blanc  .desc,
html[style='font-size: 200%;'] .cd-bloc-info.cd-vitrine.sans-carre-blanc  .desc {
  width: 20.19rem;
} 

}


.cd-bloc-info.cd-vitrine.sans-carre-blanc > div:last-child {
    margin-top: 21.25rem;
    background-color: transparent;
}

.cd-bloc-info.cd-vitrine.sans-carre-blanc  .titre {
  font-size: 3.125rem!important;
  font-weight: 900!important;
  line-height: 1!important;
  color: black!important;
  padding-top: 0!important;
  font-family: robotoblack!important;
 }

 .cd-filet-top {
    border-top: solid 0.125rem #383838!important;
    padding-top: 1rem!important;
  font-family: robotoregular!important;
 }

.cd-bloc-info.cd-vitrine.sans-carre-blanc  .desc {
  font-size: 1.25rem;
  font-weight: 500;
  color: #383838;
  line-height: 1.2!important;
}

/* Tuile */

.cd-tuiles.cd-image.colour .cd-vignette + * {
    margin-top: calc(72.11% + 1.25rem) !important;
  }
html[style='font-size: 150%;'] .cd-tuiles.cd-image.colour > *,
html[style='font-size: 200%;'] .cd-tuiles.cd-image.colour > * {
  margin-top: 0px!important;
}  

@media (max-width: 768px) {
.cd-tuiles.cd-image.colour > * {
  margin-top: 0px!important;
}
}

.cd-tuiles.cd-image.colour .titre {
  font-size: 2.5rem !important;
  font-weight: 900 !important;
  color: #3e3e3e !important;
  font-family: robotoblack!important;
}

.ic-outils-plus-gris-plein:before {
  background-image: url('https://www.desjardins.com/ressources/images/ic-outils-plus-gris-plein.svg');
}

@media (min-width: 768px) {
.cd-tuiles.cd-image *[class*=ic-]:not([class*=-ic]):before {
  top: calc(6em - 1.5rem)!important;
  left: calc(0px - 1.25rem)!important;
}

html[style='font-size: 150%;'] .cd-tuiles.cd-image *[class*=ic-]:not([class*=-ic]):before,
html[style='font-size: 200%;'] .cd-tuiles.cd-image *[class*=ic-]:not([class*=-ic]):before {
  z-index: 1;
  top: calc(0rem - 1.3rem)!important;
  left: calc(50% - 1.4rem)!important;
}

}

.cd-tuiles.cd-image *[class*=ic-]:not([class*=-ic]):before {
  z-index: 1;
  top: calc(0rem - 1.3rem);
  left: calc(50% - 1.4rem);
}


/*cercle*/
.item a { 
  display: inline-block; 
  margin: 1rem auto; 
  text-align: center; 
  line-height: 1.1rem; 
  font-family: 'robotobold'; 
  font-size: 1.125rem; 
  color: #007944; 
  text-decoration: none; 
} 

.item a .cercle { 
  margin: 0.5rem auto;
  border-radius: 50%;
  border: 0.56rem solid #66cbd4;
  background-color: white;
  box-shadow: 0rem 0.18rem 0.18rem grey;
  text-align: center; width: 6.813rem; height: 6.813rem;
  transition: transform 1.2s ease-in-out; 
}

.item a .cercle.vert {
  border-color: #00884e;
}

.item a .cercle img { margin-top: 1.375rem; }        

@media (min-width: 768px) {
.cd-grille > .cd-10 {
    flex-basis: 10%;
    -ms-flex-preferred-size: 10%;
    max-width: 15%;
}
.cd-grille.padding-desktop-140 {
  padding: 20px 140px;
}

  html[style='font-size: 150%;'] .cd-grille > .cd-10,
  html[style='font-size: 200%;'] .cd-grille > .cd-10 {
    flex-basis: 50%!important;
    -ms-flex-preferred-size: 50%!important;
    max-width: 50%!important;
  }

  html[style='font-size: 150%;'] .cd-grille.gutter-40 > .cd-10,
  html[style='font-size: 200%;'] .cd-grille.gutter-40 > .cd-10 {
    flex-basis: calc(50% - 40px)!important;
    -ms-flex-preferred-size: calc(50% - 40px)!important;
    max-width: calc(50% - 40px)!important;
    left: calc(15% - 5px)!important;
  }
}

@media (max-width: 767px) {
  .cd-grille.cd-grille-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0;
    margin-bottom: 0;
  }
  .cd-grille.cd-grille-mobile > * {
    flex-basis: 0;
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  
  .cd-grille.cd-grille-mobile > .cd-10 {
    flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    max-width: 50%;
  }

  .cd-grille.cd-grille-mobile.gutter-40 > .cd-10 {
    flex-basis: calc(50% - 40px);
    -ms-flex-preferred-size: calc(50% - 40px);
    max-width: calc(50% - 40px);
    left: calc(15% - 5px);
  }

}


#zone-centrale .cd-tuile-extensible .tuile-extensible-heading .titre a {
  line-height: 1.25;
  font-size: 2rem!important;
  }



/*reseau sociaux */ 

/* icone de téléchargement */
#zone-centrale .cd-sans-puce {
  padding-left: 0;
}

#zone-centrale .cd-sans-puce li {
  background-image: none;
  padding-left: 0;
}

a.gras {
  text-decoration: none;
  font-weight: bold;
}

a.telechargement {
  position: relative;
  padding-right: 1rem;
  background-image: url(/ressources/images/ic-telecharger.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: .5rem 1rem
}

.cd-tuiles.ados-tuiles a,
#zone-centrale .cd-tuiles.ados-tuiles a:hover,
#zone-centrale .cd-tuiles.ados-tuiles a:focus {
  text-decoration: none;
}

.cd-tuiles.ados-tuiles.cd-image .cd-vignette + * {
  margin-top: calc(50.11% + 1.25rem) !important;
}

.cd-tuiles.ados-tuiles a .titre {
  position: relative;
  padding-right: 1rem;
}

#zone-centrale .cd-tuiles.ados-tuiles a:hover .titre,
#zone-centrale .cd-tuiles.ados-tuiles a:focus .titre {
  text-decoration: underline;
}

.cd-tuiles.ados-tuiles a .titre:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  height: 1.25rem;
  background-image: url(/ressources/images/ic-n1-chevron-droit-vert.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}

#contenu .cd-bouton-action.w100 {
  width: 100%;
  margin: 0;
}

.cd-position-bas.filet {
  position: relative;
  padding-top: 2rem;
}

.cd-position-bas.filet:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 1rem;
}


/* fix icône sur titre + filet-bottom */
h2.cd-filet-bottom[class*=ic-]:not([class*="-ic"]):before {
  top: .4rem;
}

ul.cd-reseaux-sociaux,
ul.cd-download-app {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

#zone-centrale ul.cd-reseaux-sociaux,
#zone-centrale ul.cd-download-app {
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
}

#zone-centrale ul.cd-reseaux-sociaux li,
#zone-centrale ul.cd-download-app li {
  background-image: none;
  margin-top: 0;
  padding-left: 0;
}

ul.cd-reseaux-sociaux li a,
ul.cd-download-app li a {
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}

ul.cd-reseaux-sociaux li a {
  width: 2.2rem;
  height: 2.2rem;
}

#zone-centrale ul.cd-download-app li a {
  width: 8.5rem;
  height: 2.5rem;
}

ul.cd-reseaux-sociaux li a.facebook{background-image: url('/ressources/images/ic-facebook.svg')}
ul.cd-reseaux-sociaux li a.twitter{background-image: url('/ressources/images/ic-twitter.svg')}
ul.cd-reseaux-sociaux li a.linkedin{background-image: url('/ressources/images/ic-linkedin.svg')}
ul.cd-reseaux-sociaux li a.youtube{background-image: url('/ressources/images/ic-youtube.svg')}
ul.cd-reseaux-sociaux li a.google-plus{background-image: url('/ressources/images/ic-google-plus.svg')}
ul.cd-reseaux-sociaux li a.instagram{background-image: url('/ressources/images/ic-instagram.svg')}

html[lang=fr] ul.cd-download-app li a.appstore {background-image: url('/ressources/images/logo-appstore-f.svg');}
html[lang=fr] ul.cd-download-app li a.googleplay {background-image: url('/ressources/images/logo-google-play-f.svg');}
html[lang=en] ul.cd-download-app li a.appstore {background-image: url('/ressources/images/logo-appstore-e.svg');}
html[lang=en] ul.cd-download-app li a.googleplay {background-image: url('/ressources/images/logo-google-play-e.svg');}

iframe {
  width: 280px;
  height:180px;
}

html[style='font-size: 150%;'] iframe,
html[style='font-size: 200%;'] iframe {
  width: 900px;
  height:509px;
}

@media (max-width:767px){
  iframe {
  width: 340px;
  height:240px;
}
}