/* --------------------------------------------------
  Note blanche
===================================================== */


#zone-centrale .c-blanc a.appel-note {
  color:#fff!important;
}



/*  page hub    */

#contenu .cd-tuiles .cd-postion-haut{
  margin: -20px -20px 20px -20px !important;
  padding: 20px;
  padding-left: calc(20px + 1.5rem);
  min-height: 4.5rem;
}
#contenu .cd-tuiles .cd-postion-haut.bordure{
  border-bottom: 1px solid #cbcbcb;
}
#contenu .cd-tuiles .cd-postion-haut *[class*=ic-]:not([class*=-ic]):before{
  width:1.5rem;
  height:1.5rem;
  top: calc((1.5em - 1.5rem) / 2);
}
#contenu .cd-tuiles .cd-postion-haut *[class*=ic-]:not([class*=-ic]):not(.cd-capsule){
  padding-left:2rem;
}

/*  page hub    */


/* --------------------------------------------------
  Bloc des Avantages Membres Desjardins
===================================================== */
#contenu .bloc-avantage-membre:before {
    content: url(/ressources/images/0a00-pastille-amd-63px.png);
    display: block;
    height: 56px;
    left: -30px;
    position: absolute;
    top: -21px;
    width: 63px;
}

#contenu .bloc-avantage-membre {
    border: 3px solid #ffc20e !important;
    color: #4d4d4f !important;
    display: inline-block;
    line-height: 22px;
    margin-bottom: 2em;
    margin-left: 26px !important;
    margin-top: 5em;
    padding: 0 0 8px 26px;
    position: relative;
    text-align: left !important;
}
#contenu .bloc-avantage-membre h2, 
#contenu .bloc-avantage-membre .titre-n2 {
  background-color: #ffc20e;
  font-size: 0.875rem;
  font-weight: bold;
  height: 25px;
  text-transform: uppercase;
  padding-left: 15px;
  margin-top: 0em;
}

#contenu .bloc-avantage-membre > * {
  padding-left: 17px;
  padding-right: 10px;
}

/* Page d'accueil - Les deux blocs Outils */





.grille .colonne .intro { position: relative; }

.grille .colonne .intro span.zone-cliquable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff\9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

@media print {
  .grille .colonne .intro span.zone-cliquable { display: none\9; }
}

.grille .colonne .intro span.zone-cliquable a {
  display: block;
  width: 100%;
  height: 100%;
}



#contenu .titre-n2-nospace {
  margin-top: 0em;
}

#contenu h2.filet {
  margin-top: 2em;
  padding-bottom: 5px;
  border-bottom: 1px solid #cbcccc;
}

.image-gauche {
  margin-right: 10px;
  margin-bottom: 12px;
}

#contenu .capsule-texte, #contenu .ajust {
  overflow: hidden;
}
#contenu .capsule-ajust {
 padding: 10px;
}

#contenu  .capsule-ajust a {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#contenu  .capsule-ajust a:hover, #contenu  .capsule-ajust a:focus {text-decoration: underline; color:#000;}


#contenu span.zone-cliquable {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

/* fiches intro - accueil cartes */



#boutons-comparer-cartes { margin: 20px 0; }
#boutons-comparer-cartes a.bouton-action { display: none; }

#contenu .fiche-intro-carte {
  background: url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x scroll left bottom #FFFFFF;
  position: relative;
  border: 1px solid #ddd;
  padding: 22px 10px 10px 10px; /* HAUT (top) selon maquette = 15px + filet couleur 7px = total 22px; */
  margin-bottom: 7px; /* +13px equivalent au 1em venant du #contenu .grille = 20px total (maquette) */
}
#contenu .flex-container.flex-spacing > .fiche-intro-carte {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  margin-bottom: 1.5em;
  width: 100%
}
#contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte + * {
  -webkit-align-self: flex-end;
  align-self: flex-end;
}


#contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte + div {
  width: 100%;
}

#contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte ul :nth-child(n+4), #fiche-carte .carte-spec ul :nth-child(n+4), #classique ul :nth-child(n+3) {
  display:none; 
}

#contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte + div > *:first-child {
  margin-top: 0;
}

#contenu .fiche-intro-carte.promo {
border: 1px solid #008c53;  
}

#assurance-3j, .assurance-3j {
   display:none;
}

#contenu .fiche-intro-carte:before,
#contenu .sel-out-carte:before {
  content: "";
  width: 146px;
  height: 7px;
  position: absolute;
  top: 0;
  left: 0;
}
#contenu .fiche-intro-carte.base:before, 
#contenu .sel-out-carte.base:before { 
background-color: #aed57f; 
}
#contenu .fiche-intro-carte.intermediaire:before, 
#contenu .sel-out-carte.intermediaire:before { 
background-color: #f2c457; 
}
#contenu .fiche-intro-carte.superieur:before, 
#contenu .sel-out-carte.superieur:before { 
background-color: #959595; 
}
#contenu .fiche-intro-carte.us:before,
#contenu .fiche-intro-carte.us:before { 
background-color: #89b2c6; 
}


#contenu .fiche-intro-carte ul {
  list-style-type:none;
  padding: 0 0 10px 0;
  margin: 0;
  border-top: 1px solid #cbcccc;
  border-bottom: 1px solid #cbcccc;
}
#contenu .fiche-intro-carte ul li { background: none; padding: 0; margin: 0.5em 0 0; }
#contenu .fiche-intro-carte .info-carte > a:first-of-type,
#contenu .fiche-intro-carte h3 a,
#contenu .fiche-intro-carte h3 {
  text-decoration: none;
  font-size: 14px;
  color: #3e3e3e;
}


#contenu .fiche-intro-carte .info-carte > a:hover:first-of-type,
#contenu .fiche-intro-carte h3 a:hover {
  text-decoration: underline;
}

#contenu .fiche-intro-carte .bouton-action.principal { display: block; margin: 0 auto; text-align: center; width: 64%; }



/* Tiroirs */

#contenu  .complet .section-visa.dossiers {width: 700px; position: relative;}
#contenu  .contenu-rangee {overflow:hidden; padding-left:10px;}
#contenu  .complet .section-visa.dossiers ul.articles {position: relative; margin: 0; padding: 0; width: 100%; height: 100%;}
#contenu  .complet .section-visa.dossiers ul.articles li {position: relative; margin: 0; padding: 0; height: 65px; background-image: none; background-color: #f1f1f1; width: 100%;}
#contenu  .complet {background-color: #f1f1f1;}
#contenu  .border-spacing {border-spacing: 0 10px;}
#contenu  .complet .section-visa.dossiers ul.articles li#fin{ top: 0; left: 0; width: 100%;}
#contenu  .complet .section-visa.dossiers ul.articles li#ass{ top: 0; left: 0;  width: 100%;}
#contenu  .complet .section-visa.dossiers ul.articles li span {display: block; width: 100%; height: 100%;}
#contenu  .complet .section-visa.dossiers ul.articles li a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 30px 10px 10px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color:#000;
  background: url(/ressources/images/a00-icone-tiroir-plus.png) no-repeat right  center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-position: 670px;
}


#contenu  .complet.ouvert .section-visa.dossiers ul.articles li a {
  background: url(/ressources/images/a00-icone-tiroir-moins.png) no-repeat right  center;
  background-position: 670px;
}

#contenu  .complet .section-visa.dossiers ul.articles li a:hover, #contenu  .complet .section-visa.dossiers ul.articles li a:focus {text-decoration: underline; color:#000;  background-image:url(/ressources/images/a00-icone-tiroir-plus.png);}

#contenu  .complet.ouvert .section-visa.dossiers ul.articles li a:hover, #contenu  .complet.ouvert .section-visa.dossiers ul.articles li a:focus {
background-image:url(/ressources/images/a00-icone-tiroir-moins.png);
}


#contenu  .complet .section-visa.dossiers ul.articles li a strong {top: 22px; position: absolute; padding-left: 56px; margin-top: 0em; margin-bottom: 0em; max-width: 250px; font-size: 14px; font-weight: bold; color: #3e3e3e;}
#contenu  .complet .section-visa.dossiers ul.articles li a strong span {padding-left: 0px; margin-top: 0em; max-width: 250px; font-weight: normal; font-size: 13px; color:#595959;}


/* tuiles-primaires */
#contenu .capsule-visa { position: relative; margin: 1em 0; background: #fff; border: 1px solid #cccbcb; }
#contenu .capsule-visa > * { margin-top: 0.5em; margin-bottom: 0; }
#contenu .capsule-visa > *:first-child { margin-top: 0; }

#contenu .capsule-visa .titre, #contenu .capsule-visa a{top: 0; left: 0;display: block; text-decoration: none;}
#contenu .capsule-visa a strong, #contenu .capsule-visa strong {
font-size: 14px;
font-weight: bold;
color: #3e3e3e;
background: #fff url(/ressources/images/b10-icone-crochet.png) no-repeat left top;
padding-left: 23px;
min-height: 20px;
display: block;
}
#contenu .capsule-visa a p{
font-weight: normal;
font-size: 13px;
color:#595959;
}

#contenu .promo-visa {
  position: relative;
  background: #EDF4E6 ;
  display: block;
  padding: 8px;
  margin: 1em 0;
  display: block;
  }

#contenu .capsule-visa a:hover, #contenu .capsule-visa a:focus {text-decoration: underline; color:#000;}

.info-complementaire .bouton-action {margin-right: 10px;}
#contenu .capsule-visa.info-complementaire .grille { display: table; width: 100%; }
#contenu .capsule-visa.info-complementaire .grille .colonne { display: table-cell; position: relative; vertical-align: top; float: none; padding: 0 10px 0 0; width: 25%;}
#contenu .capsule-visa.info-complementaire .grille .colonne + .colonne { padding: 0 0 0 10px; }
#contenu .capsule-visa.info-complementaire .grille.filet-vertical .colonne { padding: 10px; }
#contenu .capsule-visa.info-complementaire .grille.filet-vertical .colonne + .colonne { padding: 10px; border-left: 1px solid #ddd }
#contenu .capsule-visa.info-complementaire .grille .colonne > * { margin-top: 0.5em; margin-bottom: 0; }
#contenu .capsule-visa.info-complementaire .grille .colonne > *:first-child { margin-top: 0; }
#contenu .capsule-visa.info-complementaire .grille .colonne > .image-droite, #contenu .capsule.info-complementaire .grille .colonne > .image-gauche { margin-bottom: 1em; }
#contenu .capsule-visa.info-complementaire .grille .colonne > .image-droite:first-child + *,
#contenu .capsule-visa.info-complementaire .grille .colonne > .image-gauche:first-child + * { margin-top: 0; }
#contenu .capsule-visa.info-complementaire .grille .colonne p .lien-action { display: block; }

#contenu .capsule-visa.info-complementaire .grille .colonne span.zone-cliquable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff\9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

@media print {
  #contenu .capsule-visa.info-complementaire .grille .colonne span.zone-cliquable { display: none\9; }
}

#contenu .capsule-visa.info-complementaire .grille .colonne span.zone-cliquable a {
  display: block;
  width: 100%;
  height: 100%;
}


/* tuiles-secondaire */
.tableau-presentation .rangee .demi .capsule-ajust {padding: 10px;}
.tableau-presentation .rangee .demi .section-visa { position: relative; background: #f1f1f1 url(/ressources/images/d30-puce-plus-dossier.png) no-repeat right bottom;}

.tableau-presentation .rangee .demi .section-visa span.zone-cliquable {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff\9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

@media print {
  .tableau-presentation .rangee .demi .section-visa span.zone-cliquable { display: none\9; }
}

.tableau-presentation .rangee .demi .section-visa span.zone-cliquable a {
  display: block;
  width: 100%;
  height: 100%;
}

.tableau-presentation .rangee .demi .section-visa a{ width: 100%; height: 100%; text-decoration: none; color: #000;}
.tableau-presentation .rangee .demi .section-visa a strong, .tableau-presentation .rangee .demi .section-visa strong  {top: 10px;font-size: 1.0769rem;font-weight: bold;color: #3e3e3e;}
.tableau-presentation .rangee .demi .section-visa a strong span, .tableau-presentation .rangee .demi .section-visa strong span{font-weight: normal;font-size: 1rem;color: #595959;}
.tableau-presentation .rangee .demi .section-visa a strong span strong, .tableau-presentation .rangee .demi .section-visa strong span strong  {top: 10px; font-size: 13px; font-weight: bold; color: #595959;}
.tableau-presentation .rangee .demi .section-visa a:hover, .tableau-presentation .rangee .demi .section-visa a:focus {text-decoration: underline; color:#000; }
.tableau-presentation .rangee .demi .section-visa.sans-lien{background: #f1f1f1;}
#contenu .contenu-ajust {min-height: 45px;}


/* tuiles-tertiaire */
#contenu .capsule-carte-visa-2 {background: #ebf4f3; padding-bottom:10px;}
#contenu .capsule-carte-visa-2.info-complementaire{margin: 2em 0 1em 0;}
#contenu .capsule-carte-visa-2 > * { margin-top: 0.5em; margin-bottom: 0; }
#contenu .capsule-carte-visa-2 > *:first-child { margin-top: 0; }
#contenu .capsule-carte-visa-2.info-complementaire .grille { display: table; width: 100%; padding: 5px;}
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne { display: table-cell; vertical-align: top; float: none; width: 50%; padding: 10px 15px 0 10px; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne + .colonne { padding: 10px 15px 0 10px; }
#contenu .capsule-carte-visa-2.info-complementaire .grille.filet-vertical .colonne { padding: 10px 15px 0 10px; }
#contenu .capsule-carte-visa-2.info-complementaire .grille.filet-vertical .colonne + .colonne { padding: 10px 15px 0 10px; border-left: 1px solid #cbcccc }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > * { margin-top: 0.5em; margin-bottom: 0; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > *:first-child { margin-top: 0; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > .image-droite, #contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > .image-gauche { margin-bottom: 1em; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > .image-droite:first-child + *,
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne > .image-gauche:first-child + * { margin-top: 0; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne p .lien-action { display: block; }
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne h2 {font-size: 1.0769rem; font-weight: bold; color: #3e3e3e;}
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne ul {padding-left: 0px;}
#contenu .capsule-carte-visa-2.info-complementaire .grille .colonne ul li{font-size: 1rem;font-weight: normal;color: #595959;}

/* hooks */
#hooks #catalogue-bonidollars, #hooks #recompenses-bonidollars {background: #e6efee; border: #d7e1df solid 1px;}
#hooks #catalogue-bonidollars h2 a, #hooks #recompenses-bonidollars h2 a  {font-size: 13px; color: #3e3e3e; }
#hooks #catalogue-bonidollars h2 a:hover, #hooks #recompenses-bonidollars h2 a:hover  {text-decoration: underline; }
#hooks #catalogue-bonidollars h2, #hooks #recompenses-bonidollars h2  {padding: 0; }
#hooks #catalogue-bonidollars h2 {background: url(/ressources/images/b10-icone-bonidollars.png) no-repeat top left; padding-left: 40px !important;}
#hooks #recompenses-bonidollars h2 {background: url(/ressources/images/b10-icone-bonidollars-primes.png) no-repeat top left; padding-left: 40px !important;}
#hooks #recompenses-bonidollars .bouton-action.secondaire {width:100%; line-height: 1.7em;box-sizing: border-box;text-align: center;}
#hooks #astuce-utilisation .boite .item{background: url(/ressources/images/b10-icone-astuces.png) no-repeat top left; padding-left: 20px;}
#hooks #astuce-utilisation .boite .item .resume{font-size: 13px; color: #595959;}

/*  Offres et promotion */
.zone-offres-promotions {width:700px; margin-bottom: 10px;}
.vitrine-offres-promotions{position: relative; min-height: 390px; background: #a5b0a8 url(//www.desjardins.com/ressources/images/b10-platine-prestige-couple.jpg) no-repeat left top;}
.vitrine-offres-promotions #bloc-blanc{background-color: #fff; position: relative; width: 430px; padding: 10px 15px 15px;}
.vitrine-offres-promotions .bloc-haut {left: 15px;top: 65px;}

/* --------------------------------------------------
  Tableau - Comparer les cartes
===================================================== */
#contenu h2.cartes-comp-spacing {margin-top: 30px;}
#contenu table.tableau-donnees tbody tr th.produit{padding-left: 10px;}
#contenu table.tableau-donnees tbody tr th.produit.base{border-left: 10px solid #aed57f;}
#contenu table.tableau-donnees tbody tr th.produit.intermediaire{border-left: 10px solid #f2c457;}
#contenu table.tableau-donnees tbody tr th.produit.superieur{border-left: 10px solid #959595;}
#contenu table.tableau-donnees tbody tr th.produit.us{border-left: 10px solid #89b2c6;}

#contenu table.tableau-donnees .avantage-membre.petit {font-size: 0.9em;}
#contenu table.tableau-donnees .sans-gras {font-weight: normal;}
#contenu .cartes-complementaires ul li {
background: url(/ressources/images/a00-bloc-en-bref-puce.png) no-repeat scroll 2px 0.3em rgba(0, 0, 0, 0);
margin: 1em 0 1em 0;
padding: 0 0 0 16px;
display: inline-block;
width: 30%;
vertical-align: top;
}
#contenu .cartes-complementaires.quatre ul li {
  width: 20%; /*overwrite declaration precedente quand .quatre */
}

#contenu .cartes-complementaires ul li a {
font-weight:bold;
text-decoration:none;}

/* --------------------------------------------------
  BLOCS EN BREF
===================================================== */

#page.mobile #zone-intro.en-bref.visa.produit p.majuscules {
  overflow: hidden;
}

#zone-intro.en-bref.visa.produit {
  padding-top: 7px;
  padding-left: 280px;
}
#zone-intro.en-bref.visa.produit:before {
  content: "";
  width: 419px;
  height: 7px;
  position: absolute;
  top: 0;
  left: 280px;
}
#zone-intro.en-bref.visa.produit.base:before { background-color: #aed57f; }
#zone-intro.en-bref.visa.produit.intermediaire:before { background-color: #f2c457; }
#zone-intro.en-bref.visa.produit.superieur:before { background-color: #959595; }
#zone-intro.en-bref.visa.produit.us:before { background-color: #89b2c6; }
#zone-intro.en-bref.visa.produit.no-color:before { background-color: transparent; }


#zone-intro.en-bref.visa.produit.jpe.fr {
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-f.gif') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.jpe.en {
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url('/ressources/images/b10-bloc-bref-remise-etudiants-2018-e.gif') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.classique {
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url('/ressources/images/b10-bloc-bref-classique.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.remises {
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url('/ressources/images/b10-bloc-bref-remises.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.elegance {
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url('/ressources/images/b10-bloc-bref-elegence.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.modulo {
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url('/ressources/images/b10-bloc-bref-modulo.jpg') no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-modulo-blocbref-tresbas-f.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}

#zone-intro.en-bref.visa.produit.world {
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-mcworld.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.odyssee {
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-odysse.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.prestige {
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-prestige.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.platine {
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-platine.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.produit.us {
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-us.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}

#zone-intro.en-bref.visa.produit.elite {
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-odyssee-promo.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}

#zone-intro.en-bref.visa.produit.prepayee {
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-prepayee-rousse.jpg) no-repeat left top, url('/ressources/images/a00-bloc-en-bref-fond.gif') repeat-x bottom left #fff;
}
#zone-intro.en-bref.visa.assurances {
  padding-top: 7px;
}
#zone-intro.en-bref.visa.assurances:before {
  content: "";
  width: 422px;
  height: 7px;
  position: absolute;
  top: 0;
  left: 0px;
}
#zone-intro.en-bref.visa.assurances.base:before { background-color: #aed57f; }
#zone-intro.en-bref.visa.assurances.intermediaire:before { background-color: #f2c457; }
#zone-intro.en-bref.visa.assurances.superieur:before { background-color: #959595; }

#zone-intro.en-bref.visa .image-gauche {
  margin: 1em 15px 15px 0;
  padding: 0;
}
#zone-intro.en-bref.visa .images {
  margin-top: 0;
  padding-top: 0;
}

#zone-intro.en-bref.visa .images .titre-boutton-remise {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

/* --------------------------------------------------
  VITRINE 940px Hub Visa (Temporaire)
===================================================== */
#page.fr #contenu .vit-pleine-page {
  display: block;
  /*background: url('/ressources/images/b10-vit-remise-etudiante-2018-f.jpg') no-repeat left top;*/
  background: url('/ressources/images/a10-lp-modulo-2018-f.jpg') no-repeat left top;
  height: 222px;
}

#page.en #contenu .vit-pleine-page {
  display: block;
  /*background: url('/ressources/images/b10-vit-remise-etudiante-2018-e.jpg') no-repeat left top;*/
  background: url('/ressources/images/a10-lp-modulo-2018-e.jpg') no-repeat left top;
  height: 222px;

}
@media screen and (max-width: 699px) {
  #page.fr  #contenu .vit-pleine-page {
    display: block;
    background: url('/ressources/images/a10-lp-mob-modulo-2018-f.jpg') no-repeat left top;
    background-size: cover;
    height: 80vw;
  }

  #page.en  #contenu .vit-pleine-page {
    display: block;
    background: url('/ressources/images/a10-lp-mob-modulo-2018-e.jpg') no-repeat left top;
    background-size: cover;
    height: 80vw;
  }

}

@media screen and (min-width: 700px) and (max-width: 939px) {
  #page.fr .mobile #contenu .vit-pleine-page {
    display: block;
    background: url(/ressources/images/a10-lp-mob-modulo-2018-f.jpg) no-repeat left top;
    background-size: cover;
    height: 24vw;
  }

  #page.en .mobile #contenu .vit-pleine-page {
    display: block;
    background: url(/ressources/images/a10-lp-mob-modulo-2018-e.jpg) no-repeat left top;
    background-size: cover;
    height: 24vw;
  }

}



/* --------------------------------------------------
  BLOCS STYLE VITRINE
===================================================== */

#contenu .bloc-vitrine {
  position: relative;
  margin-bottom: 1.5rem;
  margin-top: 1.25rem;
}

#contenu .bloc-vitrine.bordure {
  border:1px solid #D9D9D9;
}

#contenu .bloc-vitrine.titre {
  min-height: 350px;
}

#contenu .bloc-vitrine.titre .en-bref {
  min-width: 380px;
  max-width: 75%;
}

#contenu .bloc-vitrine.titre h1 {
  font-family: robotoregular;
  font-size: 2.76em;
  margin: 0 0 20px 0;
  padding: 0px;
}

#contenu .bloc-vitrine.titre h2 {
  font-family: robotomedium;
  font-size: 1.84em;
  margin: 0 0 10px 0;
}

#contenu .bloc-vitrine.titre p {
  font-family: robotomedium;
  font-size: 1.69em;
  color: #595959;
  margin: 0 0 20px 0;
}

#contenu .bloc-vitrine.titre .bouton-action {
  font-size: 1.23em;
  line-height: 1.5;  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

#contenu .bloc-vitrine h1 {
  background: none;
}

#contenu .bloc-vitrine.en-bref,
#contenu .bloc-vitrine .en-bref {
  padding: 0 15px;
  border: 1px solid #ddd;
  -moz-box-shadow: 0px 1px 2px 0px #ddd;
  -webkit-box-shadow: 0px 1px 2px 0px #ddd;
  box-shadow: 0px 1px 2px 0px #ddd;
  background: #fff url("'/ressources/images/a00-bloc-en-bref-fond.gif'") repeat-x left bottom;
  background: -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
}

#contenu .bloc-vitrine.en-bref > *,
#contenu .bloc-vitrine .en-bref > * {
  margin: 1em 0;
  padding: 0;
}

#contenu .bloc-vitrine.en-bref h2, .bloc-vitrine.en-bref .titre-n2 {
  font-size: 1em;
}

#contenu .bloc-vitrine.en-bref .petit {
  font-size: 0.75em;
}

#contenu .bloc-vitrine.en-bref ul,
#contenu .bloc-vitrine .en-bref ul {
  padding-left: 0;
}

.bloc-vitrine.en-bref ul li,
.bloc-vitrine .en-bref ul li {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 16px;
  background: url("/ressources/images/a00-bloc-en-bref-puce.png") no-repeat 2px 0.3em;
}

#contenu .bloc-vitrine.en-bref ul ul li,
#contenu .bloc-vitrine .en-bref ul ul li {
  padding: 0 0 0 16px;
  background: url("/ressources/images/a00-puce-point-vert.gif") no-repeat 4px 0.5em;
}

#contenu .bloc-vitrine.en-bref > ul > li:first-child,
#contenu .bloc-vitrine .en-bref > ul > li:first-child {
  margin: 0;
}

#contenu .bloc-vitrine.en-bref .images,
#contenu .bloc-vitrine .en-bref .images {
  margin: 1em 0 1em 1em;
  padding-top: 0.25em;
  float: right;
  text-align: right;
}

#contenu .bloc-vitrine.en-bref .images img,
#contenu .bloc-vitrine .en-bref .images img {
  display: block;
  margin: 1em 1px 0 auto;
}

/* Bug d'interprétation de Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { .bloc-vitrine.en-bref .images a.bouton-action + br { content: " "; } }

#contenu .bloc-vitrine.en-bref .images img:first-child,
#contenu .bloc-vitrine .en-bref .images img:first-child {
  margin-top: 0;
}

#contenu .bloc-vitrine.en-bref .image-droite,
#contenu .bloc-vitrine .en-bref .image-droite {
  margin: 1em 0 1em 1em;
  padding-top: 0.25em;
}

#contenu .bloc-vitrine.en-bref .image-gauche,
#contenu .bloc-vitrine .en-bref .image-gauche {
  margin: 1em 1em 1em 0;
  padding-top: 0.25em;
}

#contenu .bloc-vitrine.vitrine img,.bloc-vitrine .vitrine img {
  position: relative;
}

#contenu .bloc-vitrine {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 230px;
  background: #C3C3C3 none top right/auto no-repeat;
}
#page:not(.pleine-page) .bloc-vitrine,
body([style*="font-size: 150%;"])  .bloc-vitrine, 
body([style*="font-size: 200%;"]) .bloc-vitrine,
html([style*="font-size: 150%;"])  .bloc-vitrine, 
html([style*="font-size: 200%;"]) .bloc-vitrine {
  -webkit-align-items: stretch;
  align-items: stretch;
  min-height: 500px;
}

#contenu .bloc-vitrine > .en-bref {
  max-width: 45%;
  box-sizing: border-box;
  padding: 20px;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  background-color: rgba(255,255,255,0.9);
  display: flex;
}

#contenu .bloc-vitrine .en-bref .icone {
  margin-right: 0.5em;

}

#contenu .bloc-vitrine > .en-bref > div {
  margin-top: 0px; 
  white-space: inherit;
}

#contenu .bloc-vitrine > .en-bref h2, #contenu .bloc-vitrine > .en-bref h3 {
  margin-top: 0px; 
}

}
.bloc-vitrine > .en-bref > h1,
.bloc-vitrine > .en-bref > .titre-n1 {
  margin-bottom: 0.6em;
  line-height: 1em;
}
#page:not(.pleine-page) .bloc-vitrine > .en-bref {
  max-width:  60%;
}
@media screen and (max-width: 850px) {
  #page.mobile .bloc-vitrine {
  background-size: auto;
  }
  #page.mobile .bloc-vitrine > .en-bref {
  max-width:  60%;
  }
}
@media screen and (max-width: 480px) {
  #page.mobile .bloc-vitrine {
  -webkit-align-items: stretch;
  align-items: stretch;
  }
  #page.mobile .bloc-vitrine {
  -webkit-align-items: stretch;
  align-items: stretch;
  }
  #page.mobile .bloc-vitrine > .en-bref, #page.mobile .bloc-vitrine.titre > .en-bref {
  margin-top: 180px;
  min-width: 100%;
  max-width: 100%;
  }

  #page.mobile .bloc-vitrine.titre h1 {
    font-size: 2.46em!important; 
  }

  #page.mobile .bloc-vitrine.titre h2 {
    font-size: 1.69em;
  }

  #page.mobile .bloc-vitrine.titre p {
    font-size: 1.653em;
  }

  #page.mobile .bloc-vitrine.titre .bouton-action {
    font-size: 1.23em;
  }

}




/* --------------------------------------------------
  Bloc info (Hooks)
===================================================== */

#contenu .bloc-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}

#contenu .bloc-info > div {
  padding: 20px;
  flex-basis: calc(50% - 10px);
  box-sizing: border-box;
  border: 1px solid #dddddd;
  min-height: 230px;
  /*Pour IE**/
  max-width: 49%; 
  margin-bottom: 1.5rem;

}

#contenu .bloc-info div h2 {
  margin-top: 0;
  margin-bottom:  10px;
}

#contenu .bloc-info div h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

#contenu .bloc-service-clientele a {
  text-decoration: none;
}

#contenu a.plus-details {
  font-weight: bold;
  font-size: 13px;
  font-size: 1em;
  color: #007944;
  text-decoration: none;
  display: inline-block;
  line-height: 18px;
  margin-top: 10px;
  background-image: url(/ressources/images/ic-fleche-liens.svg) !important;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-left: 21px;
  background-position: initial !important;
}

#contenu a.plus-details:hover {
  text-decoration: underline;
}

#contenu .bloc-service-clientele a:link {
  text-decoration: none;
  color: #007944;
}

#contenu .bloc-service-clientele a:visited{
  text-decoration: none;
  color: #007944;
}

#contenu .bloc-service-clientele a:hover {
  text-decoration: underline;
  color: #007944;
}

#contenu .plus-details a:visited {
  text-decoration: underline;
  color: #007944;
}


#contenu .bloc-info ul  {
  padding-left: 0;
}

#contenu .bloc-info ul > li, #contenu ul.puce-verte > li  {
  background: url('/ressources/images/f20-ic-puce-vert.svg') no-repeat 0 0.4em;
  padding-left: 15px;
}


#contenu .bloc-info .bloc-service-clientele {
  background-image: url("/ressources/images/b10-vit-clientele-selecteur.jpg");
  background-position: top right;
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

#contenu .bloc-service-clientele > div {
  padding: 15px;
  background-color:  rgba(255,255,255,0.9);
  width: 238px; 
}


#contenu .bloc-info .bloc-click-call, #contenu .bloc-info .bloc-pas-certain {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#contenu .bloc-info .bloc-click-call div:first-child, #contenu .bloc-info .bloc-pas-certain div:first-child {
  flex-basis: 100%;
  align-self: flex-start;
 
}

#page.fr [id^=agendize] {
  margin-bottom: 20px
}

#contenu .bloc-info .bloc-click-call div, #contenu .bloc-info .bloc-pas-certain div {
  align-self: center;
}

#contenu .bloc-info .avatar {
  margin-right: 20px;
}


#contenu h2.flex-container img:first-child {
  max-height: none;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
   #contenu .bloc-click-call .bloc-bouton img {
    width: 220px!important;
    }


  }

@media screen and (max-width: 699px) {
  #contenu .bloc-info > div {
    flex-basis: 100%;
    min-height: none;
    max-width: none; 
  }

#contenu .bloc-info .avatar {
  margin-bottom: 15px;
  margin-right: 0;

}

#contenu .bloc-info .avatar, #contenu .bloc-info .bloc-bouton {
  flex-basis: 100%;
  text-align: center;
}

  
}

/* --------------------------------------------------
  TIROIRS
===================================================== */

#contenu .tiroir.visa {
  margin: 0 0 15px 0;
  padding: 0;
  background-color: #f1f1f1;
}

#contenu .tiroir.visa .entete-tiroir {
  margin: 0;
  border: none;
}

#contenu .tiroir.visa .entete-tiroir .titre {
  font-size: 1.077em;
  font-weight: bold;
  color: #3e3e3e;
}
#contenu .tiroir.visa#sante .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assur-sante.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#bagages .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assur-bag.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#annulation .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-annul-voy.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#assistance .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assist-voy.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#dommages .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assur-dmg.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#transport .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assur-transp.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#garantie .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-protection.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#accirance .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-accirance.png) no-repeat 10px 10px; }
#contenu .tiroir.visa#mobiles .entete-tiroir .titre { background: #f1f1f1 url(/ressources/images/b10-cartes-icones-assur-mob.png) no-repeat 10px 10px; }

#contenu .tiroir.visa .entete-tiroir .titre a {
  padding: 10px 40px 10px 67px;
  color: #3e3e3e;
  background-image: url(/ressources/images/a00-icone-tiroir-plus.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
#contenu .tiroir.visa.ouvert .entete-tiroir .titre a {
  background-image: url(/ressources/images/a00-icone-tiroir-moins.png);
}
#contenu .tiroir.visa.lien .entete-tiroir .titre a {
  background-image: none;
}
#contenu .tiroir.visa .entete-tiroir .titre a:before {
  content: "";
  display: inline-block;
  min-height: 46px;
  vertical-align: middle;}#contenu .tiroir.visa .entete-tiroir .titre a .centre-vertical {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
}
#contenu .tiroir.visa .entete-tiroir .titre .accroche { color: #3e3e3e; }

#contenu #zone-intro-tri-cartes {
position: relative;
margin-bottom: 1.5em;
font-size: 13px;
color: #595959
}
#contenu #zone-intro-tri-cartes.en-bref {
margin-left: 0;
margin-right: 0;
padding: 10px 0 8px 10px;
overflow: hidden;
border: none;
border-bottom: 1px solid #cbcccc;
border-top: 1px solid #cbcccc;
background-color: #F0F4F6;
}
#contenu form #zone-intro-tri-cartes input {
margin: 3px 1px 0 1px;
}
#contenu form #zone-intro-tri-cartes label {
font-weight: normal;
padding-right: 7px;
}

#contenu #zone-intro-tri-cartes .afficherAllCartes {
float: right;
padding: 0 10px 0 0;
}
#contenu .grille .colonne-carte {
  float: left;
  height: 630px;
  min-height: 40em;
  width: 220px;
  min-width: 17em;
  margin: 0 0 0 1px;
}
#contenu .flex-container.flex-spacing > .fiche-intro-carte,
#contenu .flex-container.flex-spacing .colonne-carte {
  min-width: 17em;
  min-height: 40em;
  width: 33%;
  width: calc(100% /3.0001 - 10px);
  box-sizing: border-box;
}
body[style="font-size: 200%;"] #contenu .flex-container.flex-spacing > .fiche-intro-carte,
body[style="font-size: 200%;"] #contenu .flex-container.flex-spacing .colonne-carte,
body[style="font-size: 150%;"] #contenu .flex-container.flex-spacing > .fiche-intro-carte,
body[style="font-size: 150%;"] #contenu .flex-container.flex-spacing .colonne-carte { 
  -webkit-flex: 1 auto;
  flex: 1 auto;
}
#contenu .flex-container.flex-spacing > .fiche-intro-carte .image-gauche + *,
#contenu .flex-container.flex-spacing .colonne-carte .image-gauche + * {
  clear: both;
}
@media screen and ( min-width: 470px) and (max-width: 699px ) {
  #contenu .flex-container.flex-spacing > .fiche-intro-carte,
  #contenu .flex-container.flex-spacing .colonne-carte {
  width: 49%;
  width: calc(50% - 10px);
  }
}
@media screen and (max-width: 699px ) {
  #contenu .flex-container.flex-spacing > .fiche-intro-carte .image-gauche + *,
  #contenu .flex-container.flex-spacing .colonne-carte .image-gauche + * {
  clear: none;
  margin-top: 0;
  }
  #contenu .flex-container.flex-spacing > .fiche-intro-carte ul,
  #contenu .flex-container.flex-spacing .colonne-carte ul {
  clear: both;
  }
  #contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte {
  -webkit-flex-basis: 175px;
  flex-basis: 175px;
  }
}
@media screen and ( max-width: 514px ) {
  #contenu .flex-container.flex-spacing > .fiche-intro-carte,
  #contenu .flex-container.flex-spacing .colonne-carte {
  height: auto;
  min-height: auto;
  width: 100%;
  }
  #contenu .flex-container.flex-spacing > .fiche-intro-carte ul,
  #contenu .flex-container.flex-spacing .colonne-carte ul {
  clear: none;
  overflow: hidden;
  }
  #contenu .flex-container.flex-spacing > .fiche-intro-carte .info-carte {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  }
}
#contenu .grille .colonne-carte-first {
float: left;
height: 630px;
width: 220px;
margin: 0 0 0 1px;
}
#contenu .grille .colonne-carte-margin {
float: left;height: 620px;
width: 18px;
margin: 0;
}

#contenu #zone-intro-tri-cartes .afficherCartes {
padding-left: 10px;
}
#contenu #zone-intro-tri-cartes .divAfficherCartes {
padding-bottom: 5px;
}
#dossierCredit { background-color: #007944 !important}
#icone-nouveautes {//padding: 0 30px 0 0;
  background: url(/ressources/images/a00-utilitaires-icone-nouveautes.png) no-repeat right 0px;
//background-size: inherit;
}

/* --------------------------------------------------
  Calculateur promo
===================================================== */

p .calc-montant {
  font-size: 2.5em;
  line-height: 1em;

}

p .calc-texte {
  color: #00884e;
  font-size: 1.1em;
}

#bloc-calculateur-scd .highcharts-color-0 {
  fill: #D5D5D5;
  stroke: #D5D5D5;
}

#bloc-calculateur-scd .highcharts-color-1 {
  fill: #209061;
  stroke: #209061;
}

.calc-txt-cont {
  width: 40%;
  text-align: center;
}

.calc-graph {
  width: 60%;
}

@media screen and (max-width: 450px) {
.calc-txt-cont {
  width: 100%;
  -webkit-order:1;
  order: 1;
}

.calc-graph {
  width: 100%;
  -webkit-order:2;
  order: 2;
}

.filet-mob {
  padding-top: 1em; 
  border-top: 1px solid #d5d5d5;
}

  
}


.messageErreur {
  padding-left: 24px;
  font-weight: bold;
  color: #c00;
  background: url(/ressources/images/e35-icone-erreur.png) no-repeat left top;
}

.test{
padding-left:2px;

}

.droite-c {
  text-align: right;
}

  #texteResultats-6 {
    position: absolute;
    top:20px;
    right:10px; 
    padding-left:10px;
    text-align: right;
  }

  #texteResultats-6 a {
    margin: 5px 0 0 20px ;
  }

.vitrine-calc-promo {
  position: relative; 
  min-height: 215px; 
  background: #ffffff url(//www.desjardins.com/ressources/images/b05-modulo-fond-calculateur.jpg) 
  no-repeat left top;
  padding-top: 215px;
  box-sizing:border-box; 
}

.mobile .vitrine-calc-promo {
  position: relative; 
  min-height: 0px; 
  background:none;
  padding-top: 0px;
  box-sizing:border-box; 
}

.bloc-calc-promo {
  width:560px;
}

.mobile .bloc-calc-promo {
  width:inherit;
}


#texteResultats-6.mobile, #texteResultats-12.mobile {
    position: relative;
    top:0;
    right:0;
    line-height: 2em;
  }

#lien-amd-conteneur{background: #f1f1f1; padding: 10px}
#lien-amd-info{width: 100%; align-items: center;}
#texte-amd{width: 50%; font-size: 1.15em; color: #00884e;}
#position-amd{width: 50%; text-align: right;}


@media screen and (max-width: 450px) {
  .big-button {width:90%;}
  .droite-c {text-align: center;}
  #lien-amd-info{width: 100%}
  #texte-amd{width: 100%; padding-bottom: 10px;}
  #position-amd{width: 50%; text-align: right;}
  
}
@media screen and (min-width: 451px) and (max-width: 625px){
  #lien-amd-info{width: 100%}
  #texte-amd{width: 100%; padding-bottom: 10px;}
  #position-amd{width: 50%; text-align: right;}
  
}

/* --------------------------------------------------
  Carte prépayée
===================================================== */

#contenu .boite-tiers {
  border: 1px solid #007944;
  padding: 10px;
  box-sizing: border-box;
  padding: 20px 10px 20px 10px ;
  -webkit-flex-basis: calc(33% - 10px);
  flex-basis: calc(33% - 10px);
  max-width:225px;
  margin-bottom: 10px;
}  

#contenu .boite-tiers ul {
  margin-bottom: 0;
}  


#contenu .boite-tiers p {
  margin-bottom: 0;
}  

#contenu .boite-tiers .icone {
  text-align: center;
  margin-bottom: 20px
}  

#contenu .boite-tiers h3 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
}  


#contenu .bloc-dep {
  padding: 20px 10px;
  -webkit-flex-basis: calc(50% - 5px);
  flex-basis: calc(50% - 5px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width:345px;
  background-color: #ebf4f3;
}

#contenu .bloc-dep p {
margin-bottom:0;
}

#contenu .bloc-dep h3 {
margin:0;
}


#contenu .bloc-dep.b1 {
margin-bottom: 10px;
}

#contenu .bloc-dep.b2 {
margin-bottom: 10px;
}

#contenu .bloc-dep .ic-ok {
float:left;
margin-right:5px;
padding-left: 0;
padding-top: 0;
}

@media screen and (max-width: 450px) {
#contenu .boite-tiers {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: none;
}

#contenu .bloc-dep {
  padding: 20px 10px;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: none;
  box-sizing: border-box;
  background-color: #ebf4f3;
}

#contenu .bloc-dep.b1 {
margin-bottom: 0;
}

#contenu .bloc-dep.b2 {
margin-bottom: 0;
}

#contenu .bloc-dep .ic-ok {
display:none;

}

@media screen and ( max-width: 749px ) {
.img-mobile-AMD{
width: 70% !important;
margin-top: -10px;
margin-bottom: -10px;
margin-left: 30%;
}
}

input[type="submit"] {
    white-space: normal;
}