#accueilmain {
  width: 100%;
  height: auto;
}

#accueilslide {
  width: 100%;
  height: 475px;
}

#accueilencadreslide {
  width: 100%;
  height: 475px;
}

#accueilslide1 {
  width: 100%;
  height: 475px;
  background-image: url('./images/S2designaccueil1.jpg');
  background-position: center;
  background-size: cover;
}

#accueilslide1 .cadrecontenu {
  width: 1175px;
  height: 475px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

#contenu1 {
  width: 537px;
  height: 335px;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 19px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

#contenu1 form, #contenu1 form input {
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

#contenu1>div {
  margin-bottom: 19px;
}

#accueilslide1 .cadrecontenu>div>h1 {
  font-size: 31px;
  color: var(--couleur-bordure-bouton);
}
.cadrecontenu p {
  color: var(--couleur-bordure-bouton);
}

#headerrechercheformationslide {
  width: 100%;
  height: 53px;
  border-radius: 25px;
  padding-left: 17px;
  padding-right: 15px;
  border:1px solid var(--couleur-bordure-bouton);
  background-position : 96% 50%;
  background-repeat : no-repeat;
  background-image : url(/images/headerlouperechercher.svg);
  background-size: 21px;
  font-size: 15px;
}

#headerrechercheformationslide:focus {
  outline: none !important;
  border:1px solid var(--couleur-bleu-logo);
}

.populaire {
  color: var(--couleur-bleu-logo);
}

#main_page_center {
  display:flex;
  align-items: center;
  flex-direction:column;
  width:100%;
  height:auto;
  padding-bottom: 55px;
}


.formation_offers {
  display:flex;
  align-items:center;
  flex-direction:column;
  background-image:url("./images/main_page_background_of_sections.png");
   background-position-x:-410px;
  background-position-y:240px;
  width:100%;
  height: auto;
  background-repeat:no-repeat;
  margin-top: 19px;
}

.section_display_more_content a {
  color:gray;
  font-size: 14px;
  font-weight: 600;
}

.presentation_of_section, .all_box_of_the_section {
  display:flex;
  align-items:center;
  width:1175px;
 
}

.presentation_of_section {
  padding-top: 9px;
  padding-bottom: 9px;
}

.all_box_of_the_section {
  margin-bottom: 35px;
}

.presentation_of_section {
    margin-bottom: 19px;
}

.all_box_of_the_section>div:nth-child(1) {
    margin-left: 0;
}

.box_formation_content {
  display:flex;
  flex-direction:column;
  width:265px;
  height:335px;
  margin-left: auto;
  margin-right: auto;
  align-items:center;
  background-color:white;
  box-shadow:0px 0px 13px lightgray;
  padding-bottom:10px;
}


.main_page_title_section {
  color:gray;
  font-size:18px;
  margin-left: auto;
  margin-right: auto;
}

.pack_formation_screen {
  width:265px;
  height:152px;
  object-fit: cover;
}

.type_of_formation {
  font-size:12px;
  width:360px;
  color:blue;
  font-family:verdana;
  font-weight: bold;
}

.description_of_formation {
  display:block;
  width:100%;
  text-align: center;
  color:blue;
  font-size:14px;
  font-family:verdana;
  margin:10px;
}

.stars_container {
  display:flex;
  justify-content: center;
  width:100%;
  height:21px;
  margin-top:5px;
}

.stars_container + img {
  margin-left:20px;
}

.star_icon {
  display:inline-block;
  width:auto;
  height:18px;
}

.access_to_formation {
  display:flex;
  align-items:center;
  height:25px;
  margin-top:8px;
  width:100%;
  margin-left: -25px;
}

.former_description_content {
    display:flex;
    align-items:center;
    width:90%;
    height:53px;
    margin-bottom: 7px;
  }
  
  .avatar_former {
    width:34px;
    height:34px;
    border-radius: 50%;
    margin-right:auto;
    margin-left:auto;
  }
  
  .name_of_the_former {
    width:auto;
    height:auto;
    font-family:verdana;
    margin-right:auto;
    font-size:15px;
    color:gray;
  }

.link_of_formation {
  display:block;
  text-align: center;
  text-decoration:none;
  color:blue;
  width:auto;
  padding:7px;
  font-size:13px;
  border: 2px solid;
  border-radius:20px;
  margin-left:20px;
  margin-bottom:5px;
}

.cost_of_formation {
  margin-left:10%;
  width:90px;
  font-weight: bold;
  color:blue;
  font-size:20px;
}

a, p {
  font-family: Verdana;
}

/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/*                    MEDIA QUERIES                     */
/* ---------------------------------------------------- */
/* ---------------------------------------------------- */
/*----------------------------------------------------- */

/*

@media screen and (min-width: 771px) and (max-width:1182px) {  
  
  .formation_offers {
    width:600px;
    padding-left:25%;
    padding-right:25%;
    background-position-y: 650px;
  }
  
  .box_formation_content {
  }
  
  .presentation_of_section {
    width:600px;
  }
  
  .section_display_more_content {
  }
  
}

*/
  
@media screen and (max-width:1189px) {  
  
  #accueilslide1 .cadrecontenu {
    width: 65%;
    justify-content: center;
  }

  #accueilslide1 .cadrecontenu>div>h1 {
    font-size: 19px;
  }
  .cadrecontenu p, #headerrechercheformationslide, .populaire { 
    font-size: 12px;
  }

  .iconespopulaires {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 9px;
    padding-left: 9px;
  }
  
  .formation_offers {
   width:537px;
   padding-left:0;
   padding-right:0;
   background-position-y: 390px;
  }
  
  
  .all_box_of_the_section {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    justify-content: center;
    width:370px;
  }
  
  .box_formation_content {
    display:flex;
    width:159px;
    height:221px;
    position:relative;
    padding:0;
    margin:0;
    margin-left:0px;
    margin-bottom:10px;
  }
  
  .box_formation_content:nth-child(2), .box_formation_content:nth-child(4) {
    margin-left:10px;
  }
  
  .main_page_title_section {
    width:280%;
    font-size:14px;
    
  }
  
   .section_display_more_content {
    width:100%;
    padding-left:14px; 
  }
  
  .pack_formation_screen {
    width:159px;
    height:100px;
  }
  
  
  .section_display_more_content a {
    font-size:14px;
  }
  
  .presentation_of_section {
    width:100%;
  }

.type_of_formation {
  font-size:10px;
  width:360px;
  color:blue;
  font-family:verdana;
  font-weight: bold;
}
  
.description_of_formation {
  color:blue;
  font-size:10px;
  font-family:verdana;
  text-align:center;
  padding:2px;
}

.stars_container {
  display:flex;
  width:50px;
  height:5px;
  margin-top:5px;
  position:absolute;
  left:54px;
  top:162px;
  
}
.star_icon {
  width:11px;
  height:11px;
  margin:1px;
}

.former_description_content {
    display:flex;
    align-items:center;
    width:145px;
    height:37px;
    padding-bottom:10px;
  }
 .avatar_former {
    width:21px;
    height:21px;
    margin-right:10px;
    margin-bottom: -12px;
  }
 .name_of_the_former {
    width:auto;
    height:auto;
    font-family:verdana;
    color:gray;
   font-size:9px;
  }
  
  .access_to_formation {
  display:flex;
  align-items:center;
  height:25px;
  margin-top:0px;
  width:100%;
}
  
.link_of_formation {
  display: block;
  border: solid 1px darkblue;
  text-decoration:none;
  color:blue;
  flex-shrink:0;
  padding:3px;
  font-size:10px;
  margin-top:10px;
}
.cost_of_formation {
  display:flex;
  flex-shrink: 0;
  width:auto;
  font-weight: bold;
  color:blue;
  font-size:10px;
  padding-right:0px;
}
  
}

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

  .formation_offers {
    width: 90%;
  }

}