/*--------------------------------------------------------------
# Bacgrounds color block
--------------------------------------------------------------*/
.bgcolor_ffffff {
color: var(--secondary-blue-bleu-800);
text-align: center;
/* Regular/font-regular-20 */
font-family: Calibri;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
 background: var( --basics-white);
}
.bgcolor_ffffff {
    color: var(--secondary-blue-bleu-800);
text-align: center;
font-family:var(--font-primary);
font-style: normal;
font-weight: 600;
line-height: normal;
}
@media (max-width: 1279px) {
  .bgcolor_ffffff h2, .bgcolor_f6f6f6 h2{
font-size: 38px;
}

} 
@media (min-width: 1280px) {
.bgcolor_ffffff h2, .bgcolor_f6f6f6 h2{
font-size: 50px;
}

}

.bgcolor_f7f7f7{
   background: var(--fond-gris-clair);
  color: var(--basics-black-600);
}
.bgcolor_black-900{
   background: var(--basics-black-900);
}

.bgcolor_64686A{
 background: var(--primary-gris1);
  color: var(--color-white);
}
.bgcolor_F6F6F6{
  background: var(--color-sysdream-grey-ligth2);
  color: var(--basics-black-600);
}
.bgcolor_bleu_2581bf{
  background: var(--primary-bleu-logo);
  color: var(--color-white);
}
.bgcolor_grey_495154{
 background: var(--primary-gris-logo);
  color: var(--color-white);
}
.bgcolor_blue_46aada{
   background: var(--secondary-blue-bleu-200);
  color: var(--basics-black-600);
}
.bgcolor_bleu_00a4da{
 background: var(--secondary-blue-bleu-400);
  color: var(--basics-black-600);
}
.bgcolor_blue_1ec3f1{
  background: var(--secondary-blue-bleu-600);
   color: var(--basics-black-600);
}

.bgcolor_bleu_0f273b{
  background: var(--secondary-blue-bleu-800);
  color: var(--color-white);
}


.bgcolor_grey_acb7c1{
  background: var(--secondary-gris-gris-200);
  color: var(--color-white);
}
.bgcolor_grey_98a0a9{
   background: var(--secondary-gris-gris-400);
  color: var(--color-white);
}

.bgcolor_grey_62686d{
    background: var(--secondary-gris-gris-600);
  color: var(--color-white);
}

.bgcolor_bluegreen_94d4d2{
     background: var(--tercery-bluegreen-200);
  color: var(--color-white);
}

.bgcolor_bluegreen_58c4c9{
     background: var(--tercery-bluegreen-400);
  color: var(--color-white);
}

.bgcolor_green_9aca69{
    background: var(--tercery-green-400);
  color: var(--color-white);
}

.bgcolor_red_E51400{
   background: var(--color-sysdream-red);
  color: var(--color-white);
}

.bgcolor_greyligth_F2F2F2{
      background: var(--color-sysdream-grey-ligth);
  color: var(--basics-black-
}


/*--------------------------------------------------------------
# Extra styles for block
--------------------------------------------------------------*/

.bg-blue-1 p{
color: var(--color-white);
font-family: var(--font-default);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}


.bg-blue1{
    background: var(--color-sysdream-bleu-1);
}
.bg-blue1 h2{
color: var(--color-white);
text-align: center;
font-family:var(--font-primary);
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.bg-blue1{
color: var(--color-white);
}
.bg-blue2{
    background: var(--primary-bleu-logo);
}


.bg-blue-1 h2{
color:  var(--color-white);
font-family:var(--font-primary);
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.bg-grey {
 background:var(--color-sysdream-grey-ligth);
}


.bg-grey a{
color: var(--secondary-blue-bleu-800);
text-align: center;
font-family: var(--font-default);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.bg-grey a:hover{
color: var(--secondary-blue-bleu-600);
}

.bg-blue1 .card-body{
    height: 200px;
}
.bg-white .card-body{
    height: 330px;
}