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

.lignerondbleu
{
    padding-left: 40.5%;
    padding-right: 40.5%;
}
.lignerondbleu2
{
    padding-left: 40.5%;
    padding-right: 40.5%;
}
.projets, .all
{
  width: 100%;
}

}


@media screen and (max-width: 1440px)

{


.formulaire
{
    margin-left: 65%;
}
.lignerondbleu
{
    padding-left: 41.5%;
    padding-right: 41.5%;
}
.lignerondbleu2
{
    padding-left: 39.5%;
    padding-right: 39.5%;
}
#blocservices img
{
  padding-left: 8%;

}
.design
{
    width: 50%;
    padding-right: 5px;
}
.design ul
{
    padding-left: 3px;

}
}


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

.formulaire
{
    margin-left: 62%;
}

.lignerondbleu
{
    padding-left: 38.5%;
    padding-right: 38.5%;
}
.lignerondbleu2
{
    padding-left: 36.5%;
    padding-right: 36.5%;
}

#blocservices img
{
  padding-left: 8%;

}

.design
{
    width: 50%;
    padding-right: 5px;
}

}


@media screen and (max-width: 1280px)
{
	#arcright
{
   left: 97.2%; 
}
.textediapo
{
    margin-left: 13%;
}
.lignerondbleu
{
    padding-left: 39.5%;
    padding-right: 39.5%;
}
.lignerondbleu2
{
    padding-left: 39.5%;
    padding-right: 39.5%;
}
#blocservices img
{
  
  width: 370px;
  height: 250px;

}

.design
{
    width: 50%;
    
    
}
.formulaire
{
    margin-left: 68%;
}
.projets, .all
{
  width: 100%;
}

 
}


@media screen and (max-width: 1024px)
{
#arcright
{
   left: 96.4%; 
}
.textediapo h1
{
     font-size: 29px;
}
.lignerondbleu
{
    padding-left: 38.5%;
    padding-right: 38.5%;
}
.lignerondbleu
{
    padding-left: 37.5%;
    padding-right: 37.5%;
}
#blocservices img
{
  width: 300px;
  height: 200px;
  padding-left: 0;
  padding-right: 50px;

}
.design
{
    width: 60%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
}
.design ul
{
    padding-left: 0px;

}
.formulaire
{
    margin-left: 63%;
}
.projets
   {
    height: 1280px;
   }


}

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

#blocservices img
{
  margin: auto;
}
.formulaire
{
    margin-left: 53%;
    
}

  .projets
   {
    height: 1280px;
   }

.lignerondbleu2
{
    padding-left: 37.5%;
    padding-right: 37.5%;
}
}
@media screen and (max-device-width: 414px)
{

.projets
{
  
  width: 70%;
}
.all
{
  margin-top: 0px;
  left: -17px;
}

#blocservices img
{
  margin-left: 0px;
}
.lignerondbleu
{
    padding-left: 33.5%;
    padding-right: 33.5%;
}
.lignerondbleu2
{
    padding-left: 30.5%;
    padding-right: 30.5%;
}
}