div.mission{
display:flex;
flex-direction: column;
}

div.mission > div >  div{
 max-width: 1000px;
}

div.mission > h3{
color: #A666FF;
font-size: 40px;
margin-left: 20px;
text-align: center;
}

.misson{
color: grey;
font-size: 25px;

}

div.mission > div > div> p{
text-align: justify;
text-indent: 30px;
font-size: 16px;
}


div.mission > div >  img{
width: 350px;
height: 250px;
float: left;
margin:10px;
margin-right: 40px;
border-radius: 2px;
}

.prestdeliv{
display: flex; 
flex-direction: row;
justify-content: space-around;
}

@media screen and (max-width: 535px){
 .prestdeliv{
    flex-direction: column;
  }
}

.prestdeliv > div{
display: flex;
flex-direction: column;
align-items: center;
margin:30px;
width: 50%;
}

.prestation > a{
transition: all 0.7s ease-in-out;
font-size: 25px;
color: grey;
}

.delivrable > a{
transition: all 0.7s ease-in-out;
font-size: 25px;
color: grey;
}

.prestation > a:hover{
cursor: pointer;
color: #A666FF;
}

.delivrable > a:hover{
cursor: pointer;
color: #A666FF;
}

#moinsp , #moinsd{
display: none;
}

#tiretp, #tiretd{
opacity: 0;
display: none;
}

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

#plusd, #plusp{
display: none;
}

#moinsp , #moinsd{
display: block;
}

#tiretp, #tiretd{
	opacity: 1;
	display: block;
}

#tiretp > p, #tiretd > p{
}