/**
 * @file
 *
 * EDSbase : Feuille de style dédiée à la mise en page générale.
 *
 */

/*** CENTRAGES ***/

.center-1920,
.center-1920-edges {
  margin: 0 auto;
  width: 1920px;
}
.center-1820-edges {
  margin: 0 auto;
  width: 1820px;
}
.center-1568 {
  margin: 0 auto;
  width: 1568px;
}
.center-1520,
.center-1520-edges {
  margin: 0 auto;
  width: 1520px;
}
.center-1488,
.center-1488-edges {
  margin: 0 auto;
  width: 1488px;
}
.center-1330 {
  margin: 0 auto;
  width: 1330px;
}
.center-1200 {
  margin: 0 auto;
  width: 1200px;
}
.center-1100 {
  margin: 0 auto;
  width: 1100px;
}
.center-1000 {
  margin: 0 auto;
  width: 1000px;
}
.center-980,
.center-980-edges {
  margin: 0 auto;
  width: 980px;
}
.center-940,
.center-940-edges {
  margin: 0 auto;
  width: 940px;
}
.center-794 {
  margin: 0 auto;
  width: 794px;
}
.center-600-edges {
  margin: 0 auto;
  width: 600px;
}

/*--------- <= 2000px ---------*/

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

  .center-1920 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1920px ---------*/

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

  .center-1920-edges {
    width: 100%;
  }

}

/*--------- <= 1820px ---------*/

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

  .center-1820-edges {
    width: 100%;
  }

}

/*--------- <= 1630px ---------*/

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

  .center-1568 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1580px ---------*/

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

  .center-1520 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1550px ---------*/

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

  .center-1488 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1520px ---------*/

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

  .center-1520-edges {
    width: 100%;
  }

}


/*--------- <= 1488px ---------*/

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

  .center-1488-edges {
    width: 100%;
  }

}

/*--------- <= 1380px ---------*/

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

  .center-1330 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1248px ---------*/

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

  .center-1200 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1144px ---------*/

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

  .center-1100 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1040px ---------*/

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

  .center-1000 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 1020px ---------*/

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

  .center-980 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 980px ---------*/

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

  .center-980-edges {
    width: 100%;
  }
  .center-940 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 940px ---------*/

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

  .center-940-edges {
    width: 100%;
  }

}

/*--------- <= 825px ---------*/

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

  .center-794 {
    padding-left: 2%;
    padding-right: 2%;
    width: 100%;
  }

}

/*--------- <= 600px ---------*/

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

  .center-600-edges {
    width: 100%;
  }

}