/*********************************************************/   /****--------------| Chargement  |----------------****/
.view-off{
  visibility: hidden;
}

.view-on{
  visibility: visible;
}
/*********************************************************/
.content-first img{
  align-items: center;
}

.s-content p,
.s-content h1 {
  color: white;
}

.s-content{
  position: absolute;
  z-index: 2;
  top:200px;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  width: 100%;
}
.content-bg{
  padding-bottom: 75px;
}

.content-second{
  padding-top: 120px;
  width: 100%;
  position: relative;
  background-color: white;
}


li {
  list-style-type: none;
}

.affiche-link{
  width: 100%;
  height: 100%;
}

.affiche-link:hover{
  transition-duration:1000ms;

}

.content-item{
  margin: 3px;
  width: 300px;
  height: 300px;
}
.link-color-grey{
  font-family: sans-serif ;
}

.background-color-item
{
  background-color: #f8f8f8;
}
.link-color-grey:hover{
  transition-duration:.5s;
  color: grey;
  border-radius:6px 6px 6px 6px;;
  box-shadow: 1px 1px 6px #afafaf;
}

.link-color-two:hover,
.link-color-red:hover,
.link-color-three:hover
{
  transition-duration:.5s;
  color: white;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 2px 3px 6px 3px #969696;
}
.link-color-grey:hover{
  background-color: #fcfcfc;
}
.color-red-two{
  color:  #a60d36;
}
.color-red-one{
  color: #f1382b;
}
.color-red-three{
  color: #ec3c5c;
}
.link-color-two:hover{
  background-color: #a60d36;
}
.link-color-red:hover{
  background-color: #ec483c;
}
.link-color-three:hover
{
  background-color: #ec3c5c;
}

.content-item-2{
  filter: contrast(1000%);
}
.content-item .viewa1{
  filter: contrast(1000%);
}

.content-item:hover .viewa1{
  transition-duration:9ms;
  filter: brightness(1000%);
}

.content-item:hover .affiche-link{
  -webkit-transition-delay: .25s;
  transition-duration: .5s;
}


/*********************************************************/   /****Tuile****/

.content-item-text{
  padding: .5rem;
}

.viewa1{
  padding-top: 10px;
}


/*********************************************************/

.s-content-0 h2 {
  color: #f1382b;
}

.content-5{
  background-color: #f1382b;
}


.display-7{
  font-size: 3rem;
  font-weight:300;
  line-height: 1.2;
}
.s-content-three{
  border-radius: 6px 6px 6px 6px;
  display: flex;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.s-content-3-item/* On prend le deuxième bloc élément */
{
  display: flex;
  flex-direction: row;
  justify-content:  space-between;
}

.s-content-3-item .viewa1{
  filter: contrast(1000%);
}
.items{
  width: 200px;
}

.block-it{
  display: flex;
}

.items:hover{
  background-color: #eaeaea;
  border-radius: 6px 6px 6px 6px;
}
/**--------------------------------------------------------Loading bar----------------------------------**/

.s-content-four{
  color: white;
  text-align: center;
}
.bgs{
  border-radius: 6px 6px 6px 6px;
  display: flex;
  justify-content: center;
}

.icon-content-bg{
  display: flex;
  flex-direction: row;
  justify-content: center;
}


.s-content-five-bis{
  display: flex;
  flex-direction: column;
  border-radius: 6px 6px 6px 6px;
  color: white;
}

.s-content-five{
  display: flex;
  flex-direction: column;
  border-radius: 6px 6px 6px 6px;
  color: white;
}

.end{
  width: 600px;
}

.text-width{
  width: 1500px;
}

.flex-md-equal > * {
  flex: 1;
}
.text-c1{
  font-size: 24px;
}
.title-mod{
  padding-top: 50px;
  display: flex;
  justify-content: center;
}
.img-service{
  width: 100%;
}
.article-teams-container{
  display: flex;
  justify-content: center;
}
.article-teams-content{
  width: 70%;
}

@media screen and (max-width: 1350px){

  .s-content-3-item /* On prend le deuxième bloc élément */
  {
    display: flex;
    flex-direction: column;
  }
  .s-content-five-bis{
    display: flex;
    flex-direction: row;

  }
  .s-content-four{
    text-align: justify;
  }

  .icon-content-bg{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .end{
    width: 100%;
  }
  .text-width{
    width: 700px;
  }
  .text-c1{
    font-size: 22px;
  }

}

@media screen and (max-width: 750px) {

  .content-second{
    padding-top: 60px;
  }

  .s-content-0{
    text-align: justify;
  }
  .s-content-four{
    text-align: justify;
  }
  .end{
    width: 100%;
  }
  .text-width{
    width: 100%;
  }
  .text-c1{
    font-size: 16px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .title-mod{
    padding-top: 10px;
    display: flex;
    justify-content: start;
  }
  .content-bg{
    padding-bottom: 20px;
  }
  .img-service{
     width: 80%;
   }
  .article-teams-content{
    width: 100%;
  }

}



@media screen and (max-device-width: 750px) {
  .text-corp{
    font-size: 16px;
  }
  .content-item{
    font-size: 10px;
    width: 200px;
    height: 200px;
  }
  .article-logo h5,
  .content-item h5{
    font-size: 14px;
  }
  .content-item .viewa1{
    width: 32px;
  }
  .content-item-text{
    padding: 0;
  }
  .article-text .text-corp{
    font-size: 16px;
  }
  .article-logo .viewa1{
    width: 32px;
  }
  .content-item-text{
    font-size: 10px;
  }
  .items{
    width: 150px;
  }
  .items .viewa1{
    width: 48px;
  }
  .end{
    width: 100%;
  }
}