.QuiSommesNous {
    width: 90%;
    margin: 0px auto;
    padding: 35px 0px;
	 background: url(../Images/BgQuiSommeNous.jpg) 50% 100% no-repeat !important;
    background-attachment: fixed;
  
    background-size: cover;
}
.BlockQuiSommeNous{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: space-between;
}
.TitreQuiSommesNous {
    color: #262626;
    font-size: 7em;
    font-family: 'Bodoni';
    font-weight: bold;
    width: 300px;
    padding-left: 15px;
    text-align: left;
}

.TitreQuiSommesNous span {
    color: #fd1f22;
    display:block;
}
.Pres {
    padding-left: 5%;
}
.DescriptionQuiSommeNous {
    position: relative;
    color: #2d2d2d;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.DescriptionQuiSommeNous:before {
    position: absolute;
    content: "";
    width: 85px;
    top: -30px;
    left: 0px;
    background: url(../Images/PuceTitre.png)  top left  no-repeat !important;
    height: 20px;
}
.VoirPlus a {
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   color: #fd1f22;
   text-decoration: none;
   text-transform: uppercase;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   font-weight:600;
   padding: 10px 20px;
   border:2px solid #0000de;
}
.VoirPlus a:hover {
  background:#0000de;
  color: #fff;
}

.VoirPlus {
    display: block;
    margin-top: 40px;
    float: right;
}
.TitreQuiSommesNous em {
    color: #fd1f22;
    font-style: initial !important;
}

.element {
  display: inline-block;
  height: 100%;
  width: 100%;
  animation: skew 3s infinite;
  transform: skew(-7deg);
  animation-direction: alternate;
  opacity: 1;
  overflow: hidden;
  position: relative;
}
.ImgPres:before {
    position: absolute;
    content: "";
    width: 30px;
    top: 35%;
    left: auto;
    right: -15px;
    background:#0000de;
    height: 30%;
    transform: skew(-7deg);
}
@media screen and (max-width:768px) {
.BlockQuiSommeNous {
 
    flex-direction: column;
}
.ImgPres {
    width: 100%;
    overflow: hidden;
}
.Pres {
    width: 100%;
    margin-top: 60px;
}
.TitreQuiSommesNous {
    font-size: 5em;
    width: 100%;
    padding: 0px 15px;
}
.TitreQuiSommesNous span {

    display: inline-block;
}
.ImgPres:before {display:none;}
.element {
  
    width: 90%;
    margin-left: 5%;
}
.element img{
	width:100%;
}
.DescriptionQuiSommeNous:before{
	left:calc(50% - 41px)
}
}
