/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/blocks/actualites/actualites.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/
/*------------------------------------*\
	VARIABLES
\*------------------------------------*/
section.actualitys {
  padding: 60px 0px 120px 0px;
}
@media (max-width: 768px) {
  section.actualitys {
    padding: 40px 0px 65px 0px;
  }
}
section.actualitys div.container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  section.actualitys div.container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
  }
}
section.actualitys div.container div.bloc-left {
  width: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-left {
    width: 100%;
  }
}
section.actualitys div.container div.bloc-left h2 {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-left h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
section.actualitys div.container div.bloc-left h2 span.word {
  position: relative;
  overflow: hidden;
}
section.actualitys div.container div.bloc-left h2 span.word span.char {
  -webkit-transform: scaleY(1.75) translateY(40px);
     -moz-transform: scaleY(1.75) translateY(40px);
          transform: scaleY(1.75) translateY(40px);
  position: relative;
}
section.actualitys div.container div.bloc-left a.btn {
  margin-top: 4px;
}
section.actualitys div.container div.bloc-left div.contain-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  padding-top: 50px;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-left div.contain-socials {
    padding-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
       -moz-box-flex: 3;
            flex-grow: 3;
    padding-top: 10px;
  }
}
section.actualitys div.container div.bloc-left div.contain-socials a {
  color: #000012;
  font-weight: 500;
  padding-left: 25px;
  text-decoration: none;
  margin-top: 5px;
  display: inline-block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-left div.contain-socials a {
    margin-right: 20px;
  }
}
section.actualitys div.container div.bloc-left div.contain-socials a:before {
  display: block;
  width: 25px;
  height: 25px;
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-mask-position: 0px 50%;
          mask-position: 0px 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #000012;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
section.actualitys div.container div.bloc-left div.contain-socials a:hover {
  color: #012326;
}
section.actualitys div.container div.bloc-left div.contain-socials a:hover:before {
  background-color: #012326;
}
section.actualitys div.container div.bloc-left div.contain-socials a.twitter:before {
  -webkit-mask-image: url(../../img/blocks/dev/picto-tweet-black.svg);
          mask-image: url(../../img/blocks/dev/picto-tweet-black.svg);
  -webkit-mask-size: 14px;
          mask-size: 14px;
}
section.actualitys div.container div.bloc-left div.contain-socials a.linkedin:before {
  -webkit-mask-image: url(../../img/blocks/dev/picto-linkedin-black.svg);
          mask-image: url(../../img/blocks/dev/picto-linkedin-black.svg);
  -webkit-mask-size: 13px;
          mask-size: 13px;
}
section.actualitys div.container div.bloc-left div.contain-socials a.dribbble:before {
  -webkit-mask-image: url(../../img/blocks/dev/picto-dribbble-black.svg);
          mask-image: url(../../img/blocks/dev/picto-dribbble-black.svg);
  -webkit-mask-size: 12px;
          mask-size: 12px;
}
section.actualitys div.container div.bloc-left div.contain-socials a.behance:before {
  -webkit-mask-image: url(../../img/blocks/dev/picto-behance-black.svg);
          mask-image: url(../../img/blocks/dev/picto-behance-black.svg);
  -webkit-mask-size: 16px;
          mask-size: 16px;
}
section.actualitys div.container div.bloc-left div.contain-socials a.instagram:before {
  -webkit-mask-image: url(../../img/blocks/dev/picto-instagram-black.svg);
          mask-image: url(../../img/blocks/dev/picto-instagram-black.svg);
  -webkit-mask-size: 13px;
          mask-size: 13px;
}
section.actualitys div.container div.bloc-left div.contain-socials a span {
  font-size: 14px;
  color: #CBCBCF;
  margin-left: 5px;
}
section.actualitys div.container div.bloc-right {
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-right {
    width: 100%;
  }
}
section.actualitys div.container div.bloc-right a.bloc {
  display: block;
  text-decoration: none;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-right a.bloc {
    margin-top: 40px;
  }
}
section.actualitys div.container div.bloc-right a.bloc:nth-child(2) {
  padding-top: 50px;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-right a.bloc:nth-child(2) {
    padding-top: 0px;
  }
}
section.actualitys div.container div.bloc-right a.bloc:hover p.title {
  color: #012326;
}
section.actualitys div.container div.bloc-right a.bloc p.category {
  color: #012326;
  margin: 0px;
  margin-bottom: 12px;
  color: #46DB82;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
}
section.actualitys div.container div.bloc-right a.bloc p.title {
  color: #000012;
  font-size: 29px;
  font-weight: 600;
  padding-right: 130px;
  margin: 0px;
  line-height: 33px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 17px;
}
@media (max-width: 768px) {
  section.actualitys div.container div.bloc-right a.bloc p.title {
    padding-right: 0px;
  }
}
section.actualitys div.container div.bloc-right a.bloc p {
  color: #000012;
  margin-bottom: 0px;
}