@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url(https://db.onlinewebfonts.com/c/746c56ca503798b68ad9488e4fb49eaa?family=Koblenz-Heavy);



.taille-police-titre {
font-size:24px;
color:#262626;
font-weight:bold;
}

.taille-police-texte {
font-size:14px;
color:#262626;
width:90%;
margin-left:auto;
margin-right:auto;
text-align:justify;
}



.photo-header-fille{
  background: no-repeat center/80% url("../assets/fille-header.jpg");
 } 
 
.photo-header-garcon{
  background: no-repeat center/80% url("../assets/garcon-header.jpg");
 } 
 
 .bloc-photo{
 width: 100%;
 height: 350px;
 border-radius: 0 0 20px 20px;
 }
 
.photo-centre-1{
  background: no-repeat center/80% url("../assets/photos-centre1.jpg");
  background-size: cover;
 } 
 
.photo-centre-2{
  background: no-repeat center/80% url("../assets/photos-centre2.jpg");
  background-size: cover;
 }

.photo-centre-3{
  background: no-repeat center/80% url("../assets/photos-centre3.jpg");
  background-size: cover;
 }  
 
.photo-centre-4{
  background: no-repeat center/80% url("../assets/photos-centre4.jpg");
  background-size: cover;
 } 


.photo-header::before {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  content: "";
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.photo-header {
  position: absolute;
  right: 7%;
  bottom: 0;
  width: 350px;
  height: 600px;

}
.photo-header-2 {

  right: auto;
  left:5%;
  bottom: 0;
}


.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


.category-links {
      font-size: 14px;
      line-height: 14px;
      width: auto;
      color: #6c757d;
      background: #f8f9fa;
      display: inline-block;
      padding: 6px 20px;
      margin-right: 5px;
      border-radius: 99px;
	  border:1px #6c757d solid;
      margin-top: 10px;
      text-decoration: none;
	  cursor: pointer;
	  }

 .category-section {
    position:relative;
    width: auto;
    display: block;
    height: auto;
    text-align: center;
	}
	

	  
.overflow-hidden { overflow: hidden; }



/* on accorde ce qui doit être affiché en mobile et en desktop */

@media screen and (min-width: 41em) {
.police-orchestra{
font-family: "Koblenz-Heavy";
color:#e32638;
font-size:60px;
}

.taille-police-gros-titre {
font-size:36px;
color:#262626;
font-weight:bold;
}

.timeline {
background: no-repeat center/90% url("../assets/timeline-desktop.png");
width:100%;
max-width: 837px;
height:207px;
margin:50px;
}

/* rendre les colonnes toujours égales en flex sur desktop */

.flex-md-equal > * {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }

}

@media screen and (min-width : 1em) and (max-width : 41em) {
.police-orchestra{
font-family: "Koblenz-Heavy";
color:#e32638;
font-size:45px;
}

.taille-police-gros-titre {
font-size:30px;
color:#262626;
font-weight:bold;
}

.timeline {
background: no-repeat center/100% url("../assets/timeline-mobile.png");
width:100%;
max-width: 279px;
height:466px;
margin:50px;
}
}