@media all and (min-width: 1281px)

 {
.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 5%;
}

}



@media all and (min-width: 1025px) and (max-width: 1280px) 

{

.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 5%;
}

}



@media all and (min-width: 785px) and (max-width: 1024px) and (min-device-width:1280px)

{

  .gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 5%;
}

}

@media all and (min-width: 601px) and (max-width: 784px) and (min-device-width:1280px)
{ 
.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 5%;
}

}

@media all and (min-device-width: 1280px) and (max-width: 600px)
{

.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 5%;
}

}


@media all and (max-device-width: 599px) and (orientation:portrait)
{
.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 15%;
}

}


@media all and (max-device-width: 820px) and (orientation:landscape)

 {
.gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 15%;
}

}

@media all and (min-device-width: 591px) and (max-device-width:1150px) and (orientation:portrait)
{

  .gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 15%;
}


}


@media all and (min-device-width: 821px) and (max-device-width:1500px) and (orientation:landscape)
{
    .gnegne
{
  width: 100%;
  display: flex;
}

.reseaux
{
  width: 55%;
}

.preseaux
{
  margin-top: 2.5%;
  color: white;
  font-family: 'Roboto';
  font-weight: bold;
    float: right;

}

.reseaux_logo
{
  margin-top: 3.5%;
  width: 30px;
  color: white;
}

.contactt
{
  width: 35%;
}


.pcontactt
{
  font-family: 'Roboto';
  font-weight: bold;
  color: white;
  float: right;
  margin-top: 15%;
}

}