.smi__header{
     height: 25vh;
    background-image: url('../img/backgrounds/parcours.jpg');
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    background-size: cover;
    padding: 0;
    color: white; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    font-size: 40px;
    font-weight: bold; 
    text-shadow: -4px 4px 4px black;
}



.smi__container {
    padding-top: 30px; 
    padding-bottom: 100px;
    background-image: url(../img/pageProdDetails1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.AppleO_BigContainer {
    background-image: url(../img/pageProdDetails1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.smi__container_title {
    font-size: 26px; 
    text-align: center; 
    padding: 15px 0 15px 0 ;
    font-weight: bold; 
    color: #13387f ;  
}

/**/

.smi__container__1 {
   
    width: 70% ; 
    margin: 0 auto; 

}

.pageParcoursSMI__slider {
    width: 50% !important ; 
    margin:0px 0 94px 0;
}

.pageParcoursSMI__slider_element {
    
}

.pageParcoursSMI__slider_element_img {
    width: 200px;
    height: 200px; 
}

.smi_info_annee {
    
    width: 50%; 
    margin-left: 137px;
}

.smi_info_annee > p:first-child {
    background: #174bb0 ; 
    padding: 10px 0 4px 0 ;
    text-align: center; 
    font-weight: bold; 
    color: white; 
    border-radius: 0 13px 0 0 ;
    font-size: 26px;
    margin: 0; 
}

.smi_info_annee > p:last-child {
    padding: 15px 20px 15px 20px;
    text-align: center; 
    line-height: 1.5;  
    background: #ededed ; 
    color: #174bb0 ; 
    font-size: 18px; 
    border-radius: 0 0 0 13px ;

}

.pageParcoursSMI_arrow {
    width: 25px;
    height: 29px; 
    z-index: auto;
}

.smi_btn {
    float: right; 
    background: #174bb0 ;
    border: none; 
    color: white ; 
    font-size: 18px ;
    padding: 6px 16px ;

}

button#smi_btn:hover {
    transform: scale(1.1);
    transition: ease .2s;
    /* border-radius: 5px; */
}

.smi_btn:hover {
    background: #0756f1 ;
    cursor: pointer; 
    transition: ease .3s ;
}


/* Modal ---------------------------- */
/* The Modal (background) */
.smi_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1500000; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  padding-bottom: 0;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  /* overflow: hidden; */
}

/* Modal Content */
.smi_modal-content {
  /* background-color: #fefefe00; */
  width: 100%;
  margin: 0 auto;
  padding: 0;
  /* border: 1px solid #888; */
  /* overflow: hidden !important; */ */
}

/* The Close Button */
.smi_close {
  color: #ffffffd9;
  float: right;
  font-size: 49px;
  font-weight: bold;
  position: fixed;
  right: 40px;
}

.smi_close:hover,
.smi_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.smi_modal-content > img {
    /* border: 2px solid; */
    width: 100%;
    margin: 0;
}

/* Modal FIN ------------------------ */

.smi_info_popup {
  margin-top: -130px;
  display: flex; 
  flex-direction : column; 
  justify-content: end;
  position: relative ; 
  left: 50%;
  width: 50%; 
}

.smi_info_popup img {
  width: 100%; 
}

.smi_info_popup img:hover {
    transform: skewY(-5deg);
    transition: ease .2s;
}


.smi_info_popup button {
    width: fit-content;
    position: relative;
    left: 65%;
    width: -moz-max-content;
}