lamine_wp/web/app/themes/la_mine/asset/dist/style.css

body {
  width: 300px;
  margin: 0 auto;
  font-size: 1.2rem;
  font-family: Universalis ADF Std, sans-serif;
}
h1, h2, h3, h5{
  font-family: Millimetre, sans-serif;
}
h1, h5, h6{
  text-transform: uppercase;
}

img{
  width: 100%;
  height: auto;
}
ul{
  padding:0;
  }
li {
  list-style-type:none;
}
a, a:hover{
  color: black;
  text-decoration: none;
}

.titre_page, .titre {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  align-items: center;
  border: 8px solid blue;
  transform: rotate(-10deg);
  padding: 1%;
  width: 30%;
  background-color: white;
  margin: 4% 0 8% -20%;
}

.titre_1{
  margin-top:1em;
}

.next_edition{
  font-style: italic;
  text-transform: uppercase;
}
.sidebar_left .title, .__organisation .title {
  color: blue;
  text-align: center;
  text-transform: uppercase;
}
.sidebar_left .__content, .sider_left_form, .__organisation .__item {
  border: 8px solid blue;
  padding: 1em;
}
.tableau_engagements {
  margin-top : 10%;
}
.tableau_engagements div{
  margin-top : 5%;
  padding-left: 5%;
}

/*sections page accueil*/
.colonne_section .wrap_content {
  border: 8px solid blue;
  padding: 1em;
}
.colonne_section h3{
  color: blue;
  text-transform: uppercase;
  text-align: center;

}
.video iframe {
  width: 100vh;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
/*fin sections page accueil*/

/*page évent*/
.partager img {
  width: 50px;
  height: auto;
  margin-right: 2%;
}
.post-type img {
  object-fit: cover;
  width: 100%;
}
.tarif, .partager, .inscription {
  margin-top: 4%;
}
/*fin page event*/

/*privatiser l'espace*/
.legendes{
  background-color: white;
  position : absolute;
  bottom: 4%;
  margin-left: 4%;
  border: 8px solid blue;
  padding: 1%;
  padding-top: 2%;
}
.__organisation {
  margin-top: 8%;
  text-align: center;
}
/*fin privatiser l'espace*/

/*BOUTONS*/
.__bouttons{
  text-align : center;
}
.telechargement_plaquette {
  margin-top: 4%;
  border: 4px solid black;
  border-radius: 0%;
  padding: 1%;
}
.__bouttons div {
  margin-top: 4%;
  border: 4px solid blue;
  border-radius: 0%;
  padding: 1%;
  background-color: white;
}

.__bouttons div:hover, .telechargement_plaquette:hover, .bouton_asso:hover {
  text-decoration-color: white;
  transform: rotate(-10deg);
}
.redirection_page {
  color: black;
  text-decoration: underline;
  border: none;
  border-radius: 0%;
}
.redirection_page:hover {
  color: black;
  background-color: grey;
  text-decoration: underline;
  border: none;
  border-radius: 0%;
}
/*  .tout_voir, .tout_voir:hover {
    margin-left: auto;
    margin-right: auto;
    width: 20%;
}*/

/*FIN BOUTON*/
footer{
  background-color: rgba(255, 0, 0, 0.5);
  width: 100%;
  padding: 5%;
  margin: 10% auto 0 auto;
}
footer div{
  margin-right: 1%;
}
footer img {
  width: 50px;
  height: auto;
}

/* START KEVIN */
  header{
    z-index: 9999;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .hero{
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .hero .slide{
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
  .hero .slide .image{
    width: 100%;
    height: 100vh;
  }
  .hero .slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero .slide .flickity-page-dots{
    bottom: 20px;
  }
  .hero .slide .flickity-page-dots li{
    background: white;
  }
  .hero .__head{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 60px;
    color: white;
  }

  .wrapper  section{
    margin: 150px 0;
  }

  .tpsF .img{
    width: 100%;
    height: 400px;
  }
  .tpsF .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .projet .img{
    height: 300px;
  }
  .projet .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tableau_engagements .engagement{
    width: 50%;
  }

  .prive .images{
    width: 100%;
    height: 600px;
  }
  .prive .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


/* END KEVIN */