/* 
=================
BOITE À OUTILS
================
*/
.cs_home_bao_row {
  margin-bottom:35px;
}

/* Boite du titre */
.cs_home_bao_title {
  float:left;
  width: 230px;
  height: 230px;
  background-color: black;
  display: table;
  padding: 10px;
}
.cs_home_bao_title_content {
  text-align:center;
  display: table-cell;
  vertical-align: middle;
}
.cs_home_bao_title h2 {
  font-weight: 900;
  font-family: 'Roboto';
  font-size: 40px;
  color: white;
  margin: 0;
  opacity:1;
  word-spacing: 230px;
}
@media (max-width: 991px) {
  .cs_home_bao_title {
    height: 348px;
    width: 180px;
  }
}
@media (max-width: 678px) {
  .cs_home_bao_title {
    margin-bottom:6px;
    width: 100%;
    height: 120px;
    padding: 20px 10px 10px;
  }
  .cs_home_bao_title h2 {
    word-spacing: unset;
  }
}

@media (max-width: 320px) {
    .cs_home_bao_title h2 {
        font-size: 34px;
    }
}


/* Éléments de la boite à outils */
.cs_home_bao_blocks {
  overflow:auto;
}
.cs_home_bao_div {
  display:inline-block;
  width: calc((100% - 18px) / 3);
  height:112px;
  position:relative;
  margin: 0px 0px 6px 6px;
  background-size: 80%,auto 100%;
  background-repeat: no-repeat;
  background-position: center,center;
}
.cs_home_bao_div a img {
  height:100%;
  width:100%;
}
.cs_home_influence {
  background-image: url('../images/influence_txt.png'),
                    url('../images/influence_img.png');
  background-position: center,right;
}
.cs_home_chiffres {
  background-image: url('../images/chiffres_txt.png'),
                    url('../images/chiffres_img.png');
}
.cs_home_science {
  background-image: url('../images/science_txt.png'),
                    url('../images/science_img.png');
}
.cs_home_information {
  background-image: url('../images/information_txt.png'),
                    url('../images/information_img.png');
}
.cs_home_ethique {
  background-image: url('../images/ethique_txt.png'),
                    url('../images/ethique_img.png');
}
.cs_home_langage {
  background-image: url('../images/langage_txt.png'),
                    url('../images/langage_img.png');
  background-position: center,left;
}

@media (max-width: 1199px) {
  .cs_home_bao_div {
    background-size: 90%,auto 100%;
  }
}

@media (max-width: 991px) {
  .cs_home_bao_div {
    width: calc((100% - 12px) / 2);
  }
  .cs_home_chiffres {
    background-position: center,right -20px center;
  }
  .cs_home_langage {
    background-position: center,right -50px center;
  }
}

@media (max-width: 678px) {
  .cs_home_bao_blocks {
    margin-left: -6px;
    width: calc(100% + 6px);
  }
  .cs_home_bao_div {
    background-size: 70%,auto 100%;
    background-position: center,center;
  }
}

@media (max-width: 600px) {
  .cs_home_bao_div {
    background-size: 90%,auto 100%;
  }
}

@media (max-width: 500px) {
  .cs_home_bao_blocks {
    margin-left: unset;
    width: 100%;
  }
  .cs_home_bao_div {
    width: 100%;
    margin: 0px 0px 6px 0px;
    background-size: 60%,100% auto;
  }
}
@media (max-width: 376px) {
  .cs_home_bao_div {
    background-size: 70%,auto 100%;
  }
}
@media (max-width: 306px) {
  .cs_home_bao_div {
    background-size: 90%,auto 100%;
  }
}