html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* *, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  } */

@font-face {
  font-family: "montserrat";
  src: url(../fonts/Montserrat/Montserrat-Medium.ttf);
  font-weight: medium;
}
@font-face {
  font-family: "Palanquin";
  src: url(../fonts/Palanquin/Palanquin-Regular.ttf);
  font-weight: regular;
}
@font-face {
  font-family: "palanquin-medium";
  src: url(../fonts/Palanquin/Palanquin-Regular.ttf);
  font-weight: regular;
}

body{
  font-family: Tahoma, Geneva, sans-serif;
}
.hide{
  display: none;
}
.gradient-body{
  background: linear-gradient(to right, #D9D9D9, #DDD1C1);
}
h1{
  font-size: px;
  padding-top: 0px;
  margin: 0 5px;
}
h2{
  padding-top: 5px;
  margin: 0 5px;
}
h3{
  padding: 8px 0px;
  margin: 0 5px;
}
p{
  margin: 8px 15px;
  letter-spacing: 0.15px;
}
h1,h2,h3,p{
  text-align: center;
}
.h1padding{
  padding: 20px;
  margin-bottom: 5px;
}
.ppadding{
  padding: 20px 0px;
  /* margin-bottom: 5px; */
}
.top{
  /* position: fixed; */
  display: inline-flex;
  width: 100%;
  align-items: center;
  /* margin-bottom: 50px; */
  /* flex-wrap: wrap; */
}
.nav{
  /* display: flex; */
  width: 40%;
  align-items: center;
  justify-content: space-around;
  font-family: Tahoma, Geneva, sans-serif;
}
.links{
    display: flex;
    justify-content: center;
    padding: 0 13px;
    color: black;
    text-decoration: none;
}
.logo-top{
    /* display: flex; */
    width: 60%;
}
.logo{
  display: flex;
  align-self:flex-start;
  padding: 12px;
  width: 80px;
  height: 80px;
}


.header{
  text-align: center;
  color: #f0f0f0;
  /* margin-top: 50px; */
  /* padding-top: 100px; */
}
.gradient{ background: linear-gradient(to left, #877672,#4D2C3D);

}
.button{
  font-family: "Montserrat", sans-serif;
  color: #f0f0f0;
  background-color: #820808 ! important;
  font-size: 16px;
  border-radius: 5px;
  border-style: none;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
}
.fascicules{
  color: #000;
}
.underline{
  /* text-decoration: underline; */
  font-size: 20px;
}
.fascicules-tous{
  display: inline-flex;
  padding: 15px;
  /* justify-content: space-around; */
  /* width: 100%; */
  /* flex-wrap: wrap; */
}
.gratuit{
  display: inline-flex;
  padding: 15px;
}
.fascicule{
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px;
  justify-content: center;
}
.images{
  display: flex;
  /* justify-content: center; */
  /* flex-grow: 5; */
  /* flex-shrink: 2; */
}
.texte-selz{
  display: flex;
  justify-content: center;
  /* flex-wrap: wrap; */
}
.texte{
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}
.selz{
  display: flex;
  justify-content: center;
  /* align-items: baseline; */
  /* align-items: ; */
}
.selz-header {
  display: flex;
  justify-content: center;
  padding: 10px;
  margin: 10px 0px;
}
.simplegoods-header {
  padding: 10px;
  margin: 10px 0px;
}
.simplegoods {
  display: flex;
  justify-content: center;
}
.sgbutton {
  background-color: #4f2e3e;
}

#f1-gratuit {
  width: 400px;
  height: 266px;
  padding: 0px 20px;
}
#f1{
  width: 300px;
  height: 199.5px !important;
  border: 0px;
  /* padding: 0px 20px; */
}

#f2{
  width: 300px;
  height: 199.5px;
  /* padding: 0px 20px; */
}

#f3{
  width: 300px;
  height: 199.5px;
  /* padding: 0px 20px; */
}

#gratuit-p1 {
  width: 500px;
  height: 332.5px;
  padding: 0px 20px;
}

#categorie-mdc {
  width: 300px;
  height: 199.5px !important;
  border: 0px;
  /* padding: 0px 20px; */
}

#categorie-ayu {
  width: 300px;
  height: 199.5px !important;
  border: 0px;
  /* padding: 0px 20px; */
}

#categorie-amer {
  width: 300px;
  height: 199.5px !important;
  border: 0px;
  /* padding: 0px 20px; */
}


.gratuit-p1 {
  padding: 0 13px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
}

.bold {
  font-weight: bold;
  text-decoration: underline;

}