/* Largeur minimum et marimum : 320px - 940px */
body, #page.aide #entete, #page.aide #centre, #page.aide #pied {
  width: auto;
  min-width: 320px;
}
#page.aide {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100vh;
}
#page.aide #zone-centrale {
  min-height: auto;
}
#page.aide #centre {
  min-height: 500px;
}
#page.aide #zone-pied-de-page {
  flex: auto;
  padding-bottom: 0;
}
#page.aide #centre, #page.aide #pied {
  max-width: 940px;
  padding-left: 10px;
  padding-right: 10px;
}
#page.aide #pied {
  padding-bottom: 0;
}

#page.COAST #zone-entete-de-page {
  color: #fff;
  background-color: #004ca5;
  background: -moz-linear-gradient(top,#004ca5 0,#0064c2 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#004ca5),color-stop(100%,#0064c2));
  background: -webkit-linear-gradient(top,#004ca5 0,#0064c2 100%);
  background: -o-linear-gradient(top,#004ca5 0,#0064c2 100%);
  background: -ms-linear-gradient(top,#004ca5 0,#0064c2 100%);
  background: linear-gradient(to bottom,#004ca5 0,#0064c2 100%);
  -webkit-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
  box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#b2b2b2'), progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00529d, endColorstr=#0080c5)";
  border-bottom: transparent;
}
#page.aide #zone-centrale {
  background: #fff url(/ressources/images/a00-fond-contenu.gif) repeat-x left top;
  background: -moz-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e7e8), color-stop(177px,#fff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* IE10+ */
  background: linear-gradient(to bottom, #e5e7e8 0%, #fff 177px); /* W3C */
}

header .flex-container.column-order #barre-outils { order: 1; }
header .flex-container.column-order #barre-logos { order: 2; }
header #barre-outils #outils { justify-content: flex-end; }
header #barre-outils #liste-outils { display: block; }
header#entete #barre-logos #logos { justify-content: flex-start; margin: 0 auto; }
header #liste-outils .toggle-options .libelle { padding-right: calc(1em + 6px); }
header #liste-outils .toggle-options .libelle:after { content: "\2212"; }
header #liste-outils .toggle-options.collapsed .libelle:after { content: "\002B"; }

#page.COAST #contenu h1, #page.COAST #contenu .titre-n1 { color: #00417F; }
#page.COAST #zone-centrale a:link:not(:hover),
#page.COAST #zone-centrale a:not(.lien-action):hover,
#page.COAST #zone-centrale a.lien-action:visited:not(:hover),
#page.COAST #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #0067c6; }
#page.COAST button.principal,
#page.COAST  input[type="button"].principal,
#page.COAST  input[type="submit"].principal {
    color: #2E2E2E;
    background-color: #c0e9a8;
    border-color: #c0e9a8;
}
#page.COAST button.principal:hover,
#page.COAST  input[type="button"].principal:hover,
#page.COAST  input[type="submit"].principal:hover {
  background-color: #9acb7e;
    border-color: #9acb7e;
}

#page.DOMINIONLENDING #zone-entete-de-page {
    color: #fff;
    background: -moz-linear-gradient(top,#024992 30%,#0c275a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#024992),color-stop(100%,#0c275a));
    background: -webkit-linear-gradient(top,#024992 30%,#0c275a 100%);
    background: -o-linear-gradient(top,#024992 30%,#0c275a 100%);
    background: -ms-linear-gradient(top,#024992 30%,#0c275a 100%);
    background: linear-gradient(to bottom,#024992 30%,#0c275a 100%);
  border-bottom: transparent;
}
#page.DOMINIONLENDING #contenu h1, #page.DOMINIONLENDING #contenu .titre-n1 { color: #013599; }
#page.DOMINIONLENDING #zone-centrale a:link:not(:hover),
#page.DOMINIONLENDING #zone-centrale a:not(.lien-action):hover,
#page.DOMINIONLENDING #zone-centrale a.lien-action:visited:not(:hover),
#page.DOMINIONLENDING #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #013599; }
#page.DOMINIONLENDING button.principal,
#page.DOMINIONLENDING  input[type="button"].principal,
#page.DOMINIONLENDING  input[type="submit"].principal,
#page.DOMINIONLENDING button.secondaire:hover,
#page.DOMINIONLENDING  input[type="button"].secondaire:hover,
#page.DOMINIONLENDING  input[type="submit"].secondaire:hover {
    color: #fff;
    background-color: #0261AD;
    border-color: #0261AD;
}
#page.DOMINIONLENDING button.secondaire,
#page.DOMINIONLENDING  input[type="button"].secondaire,
#page.DOMINIONLENDING  input[type="submit"].secondaire {
    color: #0261AD;
    background-color: #fff;
    border-color: #0261AD;
}
#page.DOMINIONLENDING button.principal:hover,
#page.DOMINIONLENDING  input[type="button"].principal:hover,
#page.DOMINIONLENDING  input[type="submit"].principal:hover {
    background-color: #064f89;
    border-color: #064f89;
}


#page.WSCU #zone-entete-de-page {
  color: #fff;
    background: -moz-linear-gradient(top,#006aaa 30%,#072a5e 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#006aaa),color-stop(100%,#072a5e));
    background: -webkit-linear-gradient(top,#006aaa 30%,#072a5e 100%);
    background: -o-linear-gradient(top,#006aaa 30%,#072a5e 100%);
    background: -ms-linear-gradient(top,#006aaa 30%,#072a5e 100%);
    background: linear-gradient(to bottom,#006aaa 30%,#072a5e 100%);
  border-bottom: transparent;
}
#page.WSCU #contenu h1, #page.WSCU #contenu .titre-n1 { color: #3F8524; }
#page.WSCU #zone-centrale a:link:not(:hover),
#page.WSCU #zone-centrale a:not(.lien-action):hover,
#page.WSCU #zone-centrale a.lien-action:visited:not(:hover),
#page.WSCU #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #007EAA; }
#page.WSCU button.principal,
#page.WSCU  input[type="button"].principal,
#page.WSCU  input[type="submit"].principal,
#page.WSCU button.secondaire:hover,
#page.WSCU  input[type="button"].secondaire:hover,
#page.WSCU  input[type="submit"].secondaire:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
#page.WSCU button.secondaire,
#page.WSCU  input[type="button"].secondaire,
#page.WSCU  input[type="submit"].secondaire {
    color: #337ab7;
    background-color: #fff;
    border-color: #337ab7;
}
#page.WSCU button.principal:hover,
#page.WSCU  input[type="button"].principal:hover,
#page.WSCU  input[type="submit"].principal:hover {
    background-color: #056b8e;
    border-color: #056b8e;
}

#page.BESTBUY #zone-entete-de-page {
  color: #fff;
    background: #fdfdfd;
    background: -moz-linear-gradient(top,#003b65 0,#002c4b 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#003b65),color-stop(100%,#002c4b));
    background: -webkit-linear-gradient(top,#003b65 0,#002c4b 100%);
    background: -o-linear-gradient(top,#003b65 0,#002c4b 100%);
    background: -ms-linear-gradient(top,#003b65 0,#002c4b 100%);
    background: linear-gradient(to bottom,#003b65 0,#002c4b 100%);
    -webkit-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
    box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#003b65'), progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#003b65, endColorstr=#002c4b)";
  border-bottom: transparent;
}
#page.BESTBUY #contenu h1, #page.BESTBUY #contenu .titre-n1 { color: #3F8524; }
#page.BESTBUY #zone-centrale a:link:not(:hover),
#page.BESTBUY #zone-centrale a:not(.lien-action):hover,
#page.BESTBUY #zone-centrale a.lien-action:visited:not(:hover),
#page.BESTBUY #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #0067c6; }
#page.BESTBUY button.principal,
#page.BESTBUY  input[type="button"].principal,
#page.BESTBUY  input[type="submit"].principal,
#page.BESTBUY button.secondaire:hover,
#page.BESTBUY  input[type="button"].secondaire:hover,
#page.BESTBUY  input[type="submit"].secondaire:hover {
    color: #fff;
    background-color: #0261AD;
    border-color: #0261AD;
}
#page.BESTBUY button.secondaire,
#page.BESTBUY  input[type="button"].secondaire,
#page.BESTBUY  input[type="submit"].secondaire {
    color: #0261AD;
    background-color: #fff;
    border-color: #0261AD;
}
#page.BESTBUY button.principal:hover,
#page.BESTBUY  input[type="button"].principal:hover,
#page.BESTBUY  input[type="submit"].principal:hover {
    background-color: #064f89;
    border-color: #064f89;
}

#page.FUTURESHOP #zone-entete-de-page {
    color: #fff;
    background: #b8001a;
    -webkit-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
    box-shadow: 0 -2px 10px 2px rgba(0,0,0,0.45);
  border-bottom: transparent;
}
#page.FUTURESHOP #contenu h1, #page.FUTURESHOP #contenu .titre-n1 { color: #141414; }
#page.FUTURESHOP #zone-centrale a:link:not(:hover),
#page.FUTURESHOP #zone-centrale a:not(.lien-action):hover,
#page.FUTURESHOP #zone-centrale a.lien-action:visited:not(:hover),
#page.FUTURESHOP #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #a50016; }
#page.FUTURESHOP button.principal,
#page.FUTURESHOP  input[type="button"].principal,
#page.FUTURESHOP  input[type="submit"].principal {
  background: linear-gradient(180deg,#a7001a 0,#aa0920 100%);
    border: 1px #aa0920;
    box-shadow: 0 1px 2px #b2b2b2;
    color: #fff;
}
#page.FUTURESHOP button.secondaire,
#page.FUTURESHOP  input[type="button"].secondaire,
#page.FUTURESHOP  input[type="submit"].secondaire {
    color: #a50016;
    border: 1px solid #d5d5d5;
    background: #FFF;
    background-image: linear-gradient(180deg,#FFF 70%,#efefef 100%);
    -webkit-box-shadow: 0 1px 2px 0 #b2b2b2;
    box-shadow: 0 1px 2px 0 #b2b2b2;
}

#page.SUNOVA #contenu h1, #page.SUNOVA #contenu .titre-n1 { color: #595959; }
#page.SUNOVA #zone-centrale a:link:not(:hover),
#page.SUNOVA #zone-centrale a:not(.lien-action):hover,
#page.SUNOVA #zone-centrale a.lien-action:visited:not(:hover),
#page.SUNOVA #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #197771; }
#page.SUNOVA button.principal,
#page.SUNOVA  input[type="button"].principal,
#page.SUNOVA  input[type="submit"].principal,
#page.SUNOVA button.secondaire:hover,
#page.SUNOVA  input[type="button"].secondaire:hover,
#page.SUNOVA  input[type="submit"].secondaire:hover {
    color: #fff;
    background-color: #197771;
    border-color: #197771;
}
#page.SUNOVA button.secondaire,
#page.SUNOVA  input[type="button"].secondaire,
#page.SUNOVA  input[type="submit"].secondaire {
    color: #197771;
    background-color: #fff;
    border-color: #197771;
}
#page.SUNOVA button.principal:hover,
#page.SUNOVA  input[type="button"].principal:hover,
#page.SUNOVA  input[type="submit"].principal:hover {
    background-color: #11645F;
    border-color: #11645F;
}

#page.PROSPERA #contenu h1, #page.PROSPERA #contenu .titre-n1 { color: #BD431A; }
#page.PROSPERA #zone-centrale a:link:not(:hover),
#page.PROSPERA #zone-centrale a:not(.lien-action):hover,
#page.PROSPERA #zone-centrale a.lien-action:visited:not(:hover),
#page.PROSPERA #zone-centrale ul.liens-action li a:visited:not(:hover)
{ color: #D73A03; }
#page.PROSPERA button.principal,
#page.PROSPERA  input[type="button"].principal,
#page.PROSPERA  input[type="submit"].principal,
#page.PROSPERA button.secondaire:hover,
#page.PROSPERA  input[type="button"].secondaire:hover,
#page.PROSPERA  input[type="submit"].secondaire:hover {
    color: #fff;
    background-color: #7e7367;
    border-color: #7e7367;
}
#page.PROSPERA button.secondaire,
#page.PROSPERA  input[type="button"].secondaire,
#page.PROSPERA  input[type="submit"].secondaire {
    color: #7e7367;
    background-color: #fff;
    border-color: #7e7367;
}
#page.PROSPERA button.principal:hover,
#page.PROSPERA  input[type="button"].principal:hover,
#page.PROSPERA  input[type="submit"].principal:hover {
    background-color: #695f54;
    border-color: #695f54;
}
/* Afficher logos dépendant du Domaine */
#zone-entete-de-page #logo {
  width: auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
#zone-entete-de-page #logos img {
  width: auto !important;  /* écraser le responsif */
}
#zone-entete-de-page #logos img.logo-desjardins {
  width: 169px !important;
}
#zone-entete-de-page #logos img.logo-acadiecaissescolaire {
  max-height: 100%; 
}

#zone-entete-de-page #logo-domaine {
  float: left;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin: 0 0 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent url("/ressources/images/g40-entete-filet-logos.png") no-repeat left center;
}

#page.COAST #zone-entete-de-page #logo-domaine  ,
#page.WSCU #zone-entete-de-page #logo-domaine  ,
#page.BESTBUY #zone-entete-de-page #logo-domaine  ,
#page.FUTURESHOP #zone-entete-de-page #logo-domaine  ,
#page.DOMINIONLENDING #zone-entete-de-page #logo-domaine
{  background-image: url("/ressources/images/g00-entete-filet-blanc-logos.png "); }


#page.COAST   a.lien-action:before ,
#page.WSCU  a.lien-action:before,
#page.SUNOVA  a.lien-action:before,
#page.PROSPERA  a.lien-action:before,
#page.BESTBUY  a.lien-action:before,
#page.FUTURESHOP  a.lien-action:before,
#page.DOMINIONLENDING  a.lien-action:before,
#page.COAST   ul.liens-action li a:before ,
#page.WSCU  ul.liens-action li a:before,
#page.SUNOVA  ul.liens-action li a:before,
#page.PROSPERA  ul.liens-action li a:before,
#page.BESTBUY  ul.liens-action li a:before,
#page.FUTURESHOP  ul.liens-action li a:before,
#page.DOMINIONLENDING  ul.liens-action li a:before {
    display: inline-block;
    content: "\25B6\25B6";
    transform: scale(0.7,1.45);
    letter-spacing: -1px;
}
#page.WSCU  ul.liens-action li a:before,
#page.WSCU  a.lien-action:before {
  color: #3F8524;
}
#page.COAST   a.lien-action ,
#page.WSCU  a.lien-action,
#page.SUNOVA  a.lien-action,
#page.PROSPERA  a.lien-action,
#page.BESTBUY  a.lien-action,
#page.FUTURESHOP  a.lien-action,
#page.DOMINIONLENDING  a.lien-action,
#page.COAST   ul.liens-action li a ,
#page.WSCU  ul.liens-action li a,
#page.SUNOVA  ul.liens-action li a,
#page.PROSPERA  ul.liens-action li a,
#page.BESTBUY  ul.liens-action li a,
#page.FUTURESHOP  ul.liens-action li a,
#page.DOMINIONLENDING  ul.liens-action li a {
  padding-left: 0;
  background: none;
}

header#entete #barre-logos #logos > *:not(:first-child) {
  margin-left: 20px;
}
#zone-entete-de-page #logo-domaine img {
  margin-left: 20px;
}


/**********  collape avec separateur  ***********/

#page.aide #zone-centrale #contenu{
  font-size: 1.335em;
}

#page.aide #zone-centrale #contenu h1.titre{
 /* font-size: 2.78em; */
  background: none;
  margin-bottom: 0.5em;
}

#page.aide #zone-centrale #contenu h2{
  font-family: robotoregular;
  font-size: 1.38em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  margin-top: 0em;
}


.cd-collapse .cd-body.flex-container {
  padding: 20px 20px 10px 20px;
}

.cd-collapse .flex-container > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 45%;
            flex: 0 1 45%;
}

.cd-collapse .flex-container > .separateur {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  text-align: center !important;
}


.cd-collapse .flex-container > .separateur > * {
  position: relative;
  text-transform: uppercase;
  text-align:center;
  padding: 20px 0 !important;
  background: #fff;
  font-size: 18px;
  z-index: 10;
  margin-top: 40% !important;
}

.cd-collapse .flex-container > .separateur {
  position: relative; 
}

.cd-collapse .flex-container > .separateur:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid #d5d5d5;
}

#zone-centrale .cd-collapse .flex-container > *:not(.separateur) > * {
  padding-left: 60px;
}

#zone-centrale .cd-collapse .flex-container .titre {
  font-size: 16px;
  color: #3e3e3e;
  margin-bottom: .3em;
  position: relative;
  /*background-size: 0px;*/
  background-repeat: no-repeat;
  margin-top: 0;
}

#zone-centrale .cd-collapse .flex-container .titre:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: inherit;
  background-repeat: no-repeat;
}


#zone-centrale .cd-collapse .flex-container .texte {
  font-size: 14px;
  margin-bottom: 0.5em;
  margin-top: 0;
}





@media (min-width: 768px) {
	header#entete #barre-logos #logos img.logo-desjardins {
    width: 169px;
	}
}


@media screen and (max-width: 649px){

  .cd-collapse .flex-container > *{
   flex: 0 1 100%;
  }

  .cd-collapse .flex-container > .separateur {
   padding: 0 42%;
  }
  
  .cd-collapse .flex-container > .separateur:after {
   border: none;
  }
  
  #page.mobile #zone-intro.vitrine-en-bref{
   background-size:cover;
   background-position:70%;
  } 
  
  #zone-centrale .flex-container.avantages {
   -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   padding-left:0;
  }



  #zone-centrale .cd-collapse .flex-container > *:not(.separateur) > *{
    padding-left: 0px;
  }

  }