body {
  margin: 0px;
}
.content-container {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  position: relative;
  top: 0px;
}
@media (max-width: 640px) {
  .content-container {
    top: 164px;
  }
}
.container-body {
  height: auto;
  width: 960px;
  margin: auto;
  position: relative;
  top: -50px;
}
.container-body h1 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
}
.container-body h2,
.container-body h3 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
}
.container-body-top {
  transform: skewX(0deg) skewY(-2deg);
}
p,
a,
span,
li,
h1,
h2,
h3,
h4,
::placeholder,
input {
  font-family: "quicksandregular";
}
.row {
  margin: 0px;
}
.content-container .container-bloc {
  padding-bottom: 50px;
}
footer {
  position: relative;
  bottom: 0;
  width: 100%;
}
.alert {
  margin-bottom: 0.5rem;
  width: 100%;
}
/** Link **/
.content-container .container-bloc-link,
.content-container .container-bloc-link .container-body-top {
  background: #f1ece9;
}
.content-container .container-bloc-link .container-body p {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-around;
}
.content-container .container-bloc-link .container-body p span.link-reglement {
  text-align: left;
}
.content-container .container-bloc-link .container-body p span.link-contrat {
  text-align: right;
}
.content-container .container-bloc-link .container-body p span a {
  padding: 7px 75px;
  border: 1px solid #694d30;
  color: #694d30;
  font-size: 20px;
}
.content-container .container-bloc-link .container-body p.link {
  margin-bottom: 20px;
}
.content-container .container-bloc-link .container-body p.texte {
  text-align: center;
  margin-top: 40px;
  font-family: "quicksandregular";
  color: #928781;
  font-size: 18px;
}
.content-container .container-bloc-link .container-body p.texte a {
  color: #928781;
  font-size: 20px;
  width: 100%;
}
.pictos-education {
  text-align: center;
  height: auto;
  cursor: pointer;
}
.pictos-education span {
  display: block;
}
.pictos-education span:first-child a {
  text-align: center;
  display: block;
  width: 100px;
  height: 106px;
  margin: auto;
}
.pictos-education span a.indiv {
  background: url("../images/pictos/cours_ind_off.png");
  background-size: cover;
}
.pictos-education:hover span a.indiv {
  background: url("../images/pictos/cours_ind_on.png");
  background-size: cover;
}
.pictos-education span a.coll {
  background: url("../images/pictos/cours_collec_off.png");
  background-size: cover;
  width: 123px;
}
.pictos-education:hover span a.coll {
  background: url("../images/pictos/cours_collec_on.png");
  background-size: cover;
}
.pictos-education span a.compo {
  background: url("../images/pictos/comport_off.png");
  background-size: cover;
  width: 152px;
}
.pictos-education:hover span a.compo {
  background: url("../images/pictos/comport_on.png");
  background-size: cover;
}
.pictos-education span.baseline {
  margin-top: 10px;
}
.pictos-education span.baseline a {
  font-family: "quicksandregular";
  font-size: 18px;
  line-height: 20px;
  color: #84746e;
}
.pictos-education:hover span.baseline a {
  color: #9065a6;
  text-decoration: none;
}
.container-pictos {
  width: 960px;
  display: flex;
  justify-content: space-between;
}
/** Slide point **/
div.container-body-element-list-slide-point {
  width: 960px;
  margin: auto;
}
div.container-body-element-list-slide-point > p {
  text-align: center;
}
div.container-body-element-list-slide-point > p > a {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #efebe9;
}
/** Message success **/
div#content-messages {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
div.container-alert-success {
  width: 400px;
  margin: auto;
}
div.container-alert-success div.button-close {
  position: absolute;
  right: 0px;
  top: 0px;
}
div.container-alert-success div.button-close span {
  font-size: 20px;
  text-shadow: none;
}
/** Bloc educative **/
.container-body-educative-top {
  width: 100%;
  height: 100px;
  transform-origin: 0% 100%;
  transform: skewX(0deg) skewY(-2deg);
  background: #dbccc6;
}
.container-bloc-educative {
  background: #dbccc6;
}
.container-bloc-educative .container-body-educative h1 {
  color: #4b5c62;
}

/**
Opinions
 */
.container-body-opinions .button {
  position: relative;
  top: 10px;
}
.container-body-opinions .button a {
  font-family: "quicksandregular";
  color: rgb(96, 83, 105);
  font-size: 20px;
  padding: 5px 30px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
}
.container-body-opinions .button a:hover {
  color: rgb(96, 83, 105);
  border: 1px solid rgb(96, 83, 105);
}
a#back_to_top {
  display: none;
}

.madina {
  font-family: "madina", sans-serif;
}
.gagalin {
  font-family: "gagalin", sans-serif;
}
@media screen and (max-width: 990px) {
  .container-body {
    height: auto;
    width: 760px;
    margin: auto;
  }
  .content-container .container-bloc-link .container-body p span a {
    padding: 7px 39px;
  }
  div.container-body-element-list-slide-point {
    width: 760px;
  }
  .container-pictos {
    width: 760px;
  }
}
@media screen and (max-width: 760px) {
  .container-body {
    height: auto;
    width: 600px;
    margin: auto;
    font-size: 20px;
  }
  .container-pictos {
    width: 600px;
  }
  div.container-body-element-list-slide-point {
    width: 600px;
  }
  .container-body h2,
  .container-body h3 {
    font-size: 29px;
  }
}
@media screen and (max-width: 640px) {
  .container-body {
    height: auto;
    width: 480px;
    margin: auto;
  }
  .container-body-top {
    transform: skewX(0deg) skewY(0deg) !important;
  }
  .container-body h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
  }
  .container-body h2,
  .container-body h3 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
  }
  .container-pictos {
    width: 100%;
  }
  .content-container .container-bloc-link .container-body p span a {
    padding: 7px 10px;
  }
  div.container-body-element-list-slide-point {
    width: 480px;
  }
  div.container-img-bg {
    overflow: hidden;
    height: 350px;
  }
  div.container-img-bg img {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
    top: 70px;
    position: relative;
  }
  a#back_to_top {
    display: block;
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 9999;
    color: rgba(96, 83, 105, 1);
  }
  a#back_to_top span {
    height: 52px;
    width: 52px;
    border: 2px solid rgba(96, 83, 105, 1);
    border-radius: 52px;
    line-height: 52px;
  }
}
@media (max-width: 480px) {
  .container-body {
    height: auto;
    width: 100%;
    margin: auto;
    top: 0px;
  }
  .container-pictos {
    display: block;
  }
  .pictos-education {
    margin-bottom: 15px;
  }
  .content-container .container-bloc {
    padding-bottom: 15px;
  }
  .content-container .container-bloc-link .container-body p {
    display: block;
  }
  .content-container .container-bloc-link .container-body p span {
    height: 55px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
  }
  .container-bloc {
    padding: 0px 10px;
  }
  .container-body-top {
    display: none;
  }
  div.container-body-element-list-slide-point {
    width: 100%;
  }
}