/* 
============
RESSOURCES
============
*/
.cs_home_ressource_blocks {
  display:block
}
.cs_home_ressource_div {
  display:block;
  position:relative;
  margin-bottom:2px;
  width:100%;
  height:86px;
  background-size: 80%,100%;
  background-repeat: no-repeat;
}
.cs_home_ressource_div img {
  width: 100%;
  height: 100%;
}
.cs_home_debuter {
  background-image: url('../images/débuter_txt.png'),
                    url('../images/débuter_img.png');
  background-position: center,center;
}
.cs_home_entrainer {
  background-image: url('../images/entrainer_txt.png'),
                    url('../images/entrainer_img.png');
  background-position: center,top right;
}
.cs_home_approfondir {
  background-image: url('../images/approfondir_txt.png'),
                    url('../images/approfondir_img.png');
  background-position: center,center;
}
.cs_home_enseigner {
  background-image: url('../images/enseigner_txt.png'),
                    url('../images/enseigner_img.png');
  background-position: center,top;
}
@media (max-width: 1200px) {
  .cs_home_debuter {
    background-position: center,bottom right;
  }
  .cs_home_entrainer {
    background-position: center,top left;
  }
  .cs_home_approfondir {
    background-position: center,center left;
  }
  .cs_home_enseigner {
    background-position: center,left;
  }
}
@media (max-width: 991px) {
  .cs_home_ressource_div {
    background-size: 90%,auto 100%;
    background-position: center,center;
  }
}
@media (max-width: 781px) {
  .cs_home_ressource_blocks {
    width: calc(100% + 6px);
    margin-left: -3px;
  }
  .cs_home_ressource_div {
    display:inline-block;
    margin: 0px 3px 3px 3px;
    width: calc((100% - 12px) / 2);
    background-size: 80%,100% auto;
  }
  .cs_home_debuter {
    background-position: center,bottom right;
  }
  .cs_home_entrainer {
    background-position: center,top right;
  }
  .cs_home_approfondir {
    background-position: center,center right;
  }
  .cs_home_enseigner {
    background-position: center,center right;
  }
}
@media (max-width: 600px) {
  .cs_home_ressource_div {
    background-size: 90%,100% auto;
  }
}
@media (max-width: 550px) {
  .cs_home_ressource_div {
    background-size: 90%,auto 100%;
  }
}
@media (max-width: 500px) {
  .cs_home_ressource_blocks {
    width: 100%;
    margin-left: unset;
  }
  .cs_home_ressource_div {
    margin: 0px 0px 4px 0px;
    width: 100%;
    height: 112px;
    background-size: 80%,100% auto;
  }
}
@media (max-width: 376px) {
  .cs_home_ressource_div {
    background-size: 80%,auto 100%;
  }
}
@media (max-width: 306px) {
  .cs_home_ressource_div {
    background-size: 95%,auto 100%;
  }
}