/* tel que demandé par Jacinthe, je remet les H2 au centre temporairement */
/* devra être retiré lorsque la direction sera clair sur ces éléments*/
#zone-centrale .cd-titre-n2[class*=ic-]:not([class*=-ic]){
  text-align: center;
  padding-left: 0px;
padding-top: 70px;
}

/* pdf webifié :*/

.fonct-slide{
  display: none;
}


.cd-bloc-concrete{
  background-color: #f2f2f2;
  padding: 1.25rem
}
#zone-centrale .cd-bloc-concrete h2:first-child, #zone-centrale .cd-bloc-concrete .titre-n2:first-child{
  margin-top: 0;
} 
.inline div:not(.bloc){
  display: inline-block;
}
/* CALCULATEUR */
.calculateur{
  justify-content: center;
  display: flex;
}


.bloc{
  margin-right: 1rem;
  margin-left: 1rem;
}
html[style="font-size: 200%;"] div.calculateur .bloc {
  margin-right: 0rem;
  margin-left: 0rem;
}
#page.pleine-page #corps div.capsule.alveole{
  background-position-x: 125%;
}

input.cd-input{
  font-size: 1em;
  padding: 6px 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.33;
}

.icone-exception{
    background-image: url(/ressources/images/ic-n1-aimerez-le-plus.svg);
    background-position-x: center;
    background-repeat: no-repeat;
    height: 54px;
}




@media only screen and (max-width: 768px) {
 .calculateur{
    display: block;
  }
  #page.pleine-page #corps div.capsule.bleu{
    padding: 15px;
    padding-right: 5px;
  }
  #page.pleine-page #corps div.capsule.alveole{
    background-position-x: 515%;
  }
  input.cd-input, button.secondaire{
    width: 88%;
    margin-bottom: 0.60rem;
  } 
  .bloc{
    margin-right: 0;
    margin-left: 0;
  }
}

/**********************/
/*      Page hub      */
/**********************/

div.cd-capsule {background-color: #dae5e2;}
div.cd-capsule.cd-alveole {
    background-image: url(/ressources/images/ic-alveole-info.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 40px 0px;
}
div.cd-capsule#outil div{padding : 20px;}
div.cd-capsule#outil div h2.cd-titre-n2{
   font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: #000; 
  text-align: left;
  margin-top: 0em; 
}

div.cd-capsule div p {
    font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
div.cd-capsule#outil p:last-child{margin-top: 34px;}

@media (max-width: 768px){
  div.cd-capsule.cd-alveole {background-size: 40%;}
  
    }
  
  
@media (min-width: 768px){
  .cd-hub.cd-tuiles {
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }
  
  .cd-hub.cd-tuiles.cd-2-colonnes div:last-child:nth-child(odd) {flex-grow: 0;}
  .cd-hub.cd-tuiles.cd-2-colonnes div div { margin:auto; }
}

/*********************************************/
/*                   Marge Atout             */ 
/*********************************************/

.cd-vitrine .bouton-action {left: 0px !important;}





.cd-panel .cd-titre-n2.gauche {text-align:left !important;}
#corps .cd-titre-n3 {
    font-size: 18px;
    font-size: 1.125rem;
}