/* --------------------------------------------------
  Page d'accueil - Financement jeunesse
===================================================== */
.flex-container .zone-outil{ border-bottom: 5px; }
.flex-container .type-produit {
  min-width: 190px; 
  width: 220px; 
}
:not(.colones) > .type-produit {
  width: auto;
  -webkit-flex: 1 0 30%;
  flex: 1 0 30%;
  box-sizing: border-box;
}
.flex-container.colones, :not(.colones) > .type-produit{
    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 bottom left;
    margin-bottom: 10px;
}
.flex-container .type-produit.poupre img,
.flex-container .type-produit.bleu img {
  width:100%;
}
.flex-container.items-colones {
    padding: 15px;
    width: 190px;
} 
:not(.colones) > .type-produit > :not(.items-colones) {
  margin: 15px;
}
.item-description, :not(.colones) > .type-produit > .item-description {
    -webkit-align-self: flex-start;
    align-self: flex-start;
  margin-bottom: 0;
}
.item-bouton-obtenir, :not(.colones) > .type-produit > .item-bouton-obtenir {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    margin-top: 10px;
  width: 100%;
    text-align: center;
}  
.flex-container  .poupre:before {
    background-color: #705BA8;
}
.flex-container  .bleu:before {
    background-color: #085897;
}
.flex-container  .olive:before {
    background-color: #aed57f;
}
.flex-container  .gris:before {
    background-color: #959595;
}
.flex-container  .type-produit:before {
    content: "";
    width: 146px;
    height: 7px;
    position: absolute;
    }
/* Page d'accueil - Les blocs Outils */

.zone-outil .intro {position: relative;}
.zone-outil .intro p {margin-right: 5px;}
.zone-outil .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;
}
h2.icone-consulter {
    padding-left: 35px;
    background-image: url(/ressources/images/ic-n1-a-consulter-vert.svg);
    background-size: 1.1em;
    background-position: 11px 10px;
    background-repeat: no-repeat;
    padding-top: 10px;
}

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

.zone-outil .intro span.zone-cliquable a {
  display: block;
  width: 100%;
  height: 100%;
}
.type-produit .item-description .filet-top-bottom{
    padding: 0 0 10px 0;
    margin: 0;
    border-top: 1px solid #cbcccc;
    border-bottom: 1px solid #cbcccc;
    }
.type-produit .item-description h3 a {
    font-size: 14px;
    color: #3e3e3e !important;
    text-decoration: none;
}
.type-produit .item-description h3 a:visited {
    color: #3e3e3e;
}
#contenu h2, #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 .ajust ul li{
    text-align: left;
}

#contenu span.zone-cliquable {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.zone-outil-conseil{width: 46%;}
.colones-3 .zone-outil-conseil{min-width: 190px; width: 200px;}
.type-produit .item-description  h3 a span.accroche{font-weight: normal; color: #3e3e3e; font-size: 0.9em;}
 /* --------------------------------------------------
  Pages produit
===================================================== */ 
#zone-intro.en-bref.pret-etudiant.produit, #zone-intro.en-bref.prets.produit {
    padding-top: 7px;
    padding-left: 280px;
}
#zone-intro.en-bref.pret-etudiant.produit:before, #zone-intro.en-bref.prets.produit:before  {
  content: "";
  width: 419px;
  height: 7px;
  position: absolute;
  top: 0;
  left: 280px;
}
 /* --------- Marge de crédit Avantage étudiant ------------*/
#zone-intro.en-bref.pret-etudiant.produit.marge-credit-etudiant {
  background: url(/ressources/images/b10-bloc-bref-marge-avantage.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-marge-avantage.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-marge-avantage.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-marge-avantage.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-marge-avantage.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-avantage.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-avantage.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-marge-avantage.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}
 /* --------- Marge de crédit STRATÉGIQUE étudiant ------------*/
#zone-intro.en-bref.pret-etudiant.produit.marge-credit-strategique-etudiant {
  background: url(/ressources/images/b10-bloc-bref-marge-strategique.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-marge-strategique.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-marge-strategique.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-marge-strategique.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-marge-strategique.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-strategique.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-strategique.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-marge-strategique.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}
 /* --------- Prêt étudiant avec garantie gouvernementale ------------*/
#zone-intro.en-bref.pret-etudiant.produit.pret-etudiant-garantie-gouvernementale {
  background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
  background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/d35-equation-pret-etudiant.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/d35-equation-pret-etudiant.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/d35-equation-pret-etudiant.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Marge Atout ------------*/
#zone-intro.en-bref.prets.produit.marge-atout {
  background: url(/ressources/images/b10-bloc-bref-marge-atout.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-marge-atout.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-marge-atout.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-marge-atout.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-marge-atout.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-atout.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-atout.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-marge-atout.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Marge de credit personnelle ------------*/
#zone-intro.en-bref.prets.produit.marge-credit-personnelle {
  background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.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-marge-credit-personelle.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.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-marge-credit-personelle.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-marge-credit-personelle.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Marge de crédit STRATÉGIQUE investisseur ------------*/
#zone-intro.en-bref.prets.produit.strategique-investisseur  {
  background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.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-marge-credit-investisseur.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.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-marge-credit-investisseur.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-marge-credit-investisseur.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Prêt auto+  ------------*/
#zone-intro.en-bref.prets.produit.pret-auto-plus  {
  background: url(/ressources/images/b10-bloc-bref-pret-auto.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-pret-auto.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-pret-auto.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-pret-auto.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-pret-auto.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-pret-auto.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-pret-auto.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-pret-auto.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Prêt personnel Desjardins  ------------*/
#zone-intro.en-bref.prets.produit.pret-personnel-desjardins  {
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, url(/ressources/images/) repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.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-pret-personnel.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-pret-personnel.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Comparer nos prêts hypothécaires ------------*/
#zone-intro.en-bref.prets.produit.prets-hypothecaire  {
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, url(/ressources/images/) repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.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-prets-hypothecaire.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- Réaliser vos projets grâce à la valeur de votre maison ------------*/
#zone-intro.en-bref.prets.produit.realiser-projets-valeur-maison  {
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, url(/ressources/images/) repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.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-prets-hypothecaire-projets.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-prets-hypothecaire-projets.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* ---------  accord D Commercant  ------------*/

#zone-intro.en-bref.prets.produit.financement-accordd-commercant  {
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, url(/ressources/images/) repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); 
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(60%,#f8f8f8));
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); 
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); 
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); 
  background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%);
  -pie-background: url(/ressources/images/b10-bloc-bref-financement-marchands.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}

 /* --------- accord D Caisse  ------------*/
#zone-intro.en-bref.prets.produit.financement-accordd-caisse  {
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, url(/ressources/images/) repeat-x bottom left #fff;
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, -moz-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* FF3.6+ */
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.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-financement-accord-d.jpg) no-repeat left top, -webkit-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Chrome10+,Safari5.1+ */
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, -o-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* Opera 11.10+ */
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, -ms-linear-gradient(top, #fff 0%, #f8f8f8 60%); /* IE10+ */
  background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, linear-gradient(to bottom, #fff 0%, #f8f8f8 60%); /* W3C */
  -pie-background: url(/ressources/images/b10-bloc-bref-financement-accord-d.jpg) no-repeat left top, url(/ressources/images/a00-bloc-en-bref-fond.gif) repeat-x bottom left #fff;
}


#zone-intro.en-bref.pret-etudiant.produit.poupre:before, #zone-intro.en-bref.prets.produit.poupre:before {
    background-color: #705BA8;
}    
#zone-intro.en-bref.pret-etudiant.produit.bleu:before {
    background-color: #085897;
}  
.flex-container.produit-credit{justify-content: flex-start;}
.flex-container.produit-credit .zone-outil-conseil {width: 152px; min-width: 90px; flex-grow:1;}
.flex-container.produit-credit .zone-outil-conseil .ajust {width: 100% !important; min-width: 164px; text-align: center;}
.flex-container.produit-credit .zone-outil-conseil .ajust h3 {width: 95%; background: #fff url(/ressources/images/b10-icone-crochet.png) no-repeat center top; padding-top: 30px;}
 /* --------------------------------------------------
  Version mobile
===================================================== */ 
@media screen and (min-width: 300px) and (max-width: 500px) {
 .zone-outil div, .colones-3 .zone-outil-conseil {width: 100%;}
 .colones {width: 100%;}
 .flex-container.items-colones {width: 100%;} 
 .flex-container.produit-credit .zone-outil-conseil {width: 100%;}
 .flex-container .type-produit {width: 100%;} 
 #page.mobile #contenu #zone-intro {margin-bottom: 10px;}

 }
@media screen and (min-width: 500px) and (max-width: 1000px) {
 .zone-outil div, .colones-3 .zone-outil-consei {width: 100%;}
 
 .colones {width: 48%;}
 .flex-container.items-colones {width: 100%;} 
 .flex-container.produit-credit .zone-outil-conseil {width: 100%;}
 .flex-container .type-produit {width: 100%;}  
  #page.mobile #contenu #zone-intro {margin-bottom: 10px;} 
  } 
@media screen and (max-width: 699px){
  #page.mobile #contenu #zone-intro.en-bref.pret-etudiant.produit, #page.mobile #contenu #zone-intro.en-bref.prets.produit {
      background: none;
      padding-left: 10px;
  }
  #page.mobile #contenu #zone-intro.en-bref.pret-etudiant.produit:before, #page.mobile #contenu #zone-intro.en-bref.prets.produit:before {
      left: 0;
      width: 100%;
  }
  #page.mobile #contenu #zone-intro {margin-bottom: 10px;}
}
  


  /*          bloc amd                      */

#contenu .bloc-avantage-membre ul {

  padding-left: 27px;
}