*{
    margin: 0em;
    padding: 0em;
    font-family: 'Poppin', sans-serif;
    color: #e6e9eb;
    box-sizing: border-box;
}

body{
    /*background: fixed url(images/background2.jpg)*/
    background-color: #e6e9eb;
}

.nav_bar{
    display: flex;
    justify-content: center;
    background-color: black;
}

.nav_link{
    color: #e6e9eb;
    margin: 1em;
    text-decoration: none;
    font-weight: 700;
}

.nav_link:hover{
    text-decoration: underline;
}


.parcours_titre{
    background-color: #141314;
    color: #e6e9eb;
    border: #393c40 solid 0em;
    border-radius: 0.375em;
    box-shadow: 0.3125em 0.15em 0.3125em #393c40;
    font-size: 2.5em;
    margin-top: 10em;
    margin-left:  0.5em;
    padding: 0.5em;
    /*background-color: #2b2b26;*/
}

.dipl{
    color: #1a182e;
    font-size: 1.25em;
    margin-left: 3.125em;
    margin-right: 3.125em;
    margin-top: 1.875em;
    padding-left: 1em;
    padding-right: 1em;
}

.block{
    display: flex;      /* Pour mettre un élément au centre */       
    justify-content: center;
    margin-top: 2em;
}


.CV{
    background-color: #5a5d70;
    color: #e6e9eb;
    padding: 0.5em;
    border: 0.125em solid #5a5d70 ;
    border-radius: 0.3125em;
    text-decoration: none;
    box-shadow: 0.1875em 0.125em 0.25em black;
    
}

.CV:hover{
    background-color: #7e839e;
    border-color: #7e839e;
    box-shadow: 0.375em 0.25em 0.5em black;
}

.all_grid{
    display: flex;
    justify-content: center;
}

.grid{
    margin-top: 1.5em;
    display: grid;
    grid-template-columns:  repeat(4,1fr)  ;
    grid-template-rows: 12.5em 12.5em;
    row-gap: 1em;
    column-gap: 10em;

}


/*.cadre_de_mes_outils{
    border: solid 2px #b8c1cc;
    border-radius: 1.5em;
    box-shadow: 5px 10px 10px #8a8986;
    margin: 2em;
    margin-top: 0.5em;
    padding-top: 1em;
    /*background-color: #b8c1cc;
    margin-bottom: 50px;
}*/




.certifs{
    margin-top: 1.5em;
    margin-left: 2em;
    color: black;
    font-size: 1.4375em;
}

.cisco, .vmware, .firewall, .openvpn, .windows, .linux, .python, .html_css{
    height: 9.6875em;
    width: 15.625em;
    background-color:  #d8dee8;
    border: solid  #b8c1cc ;
    border-radius: 0.5em;
    box-shadow: 0.15625em 0.3125em 0.3125em #7a8a9f ;
    position: relative;


}

/*.cisco:hover, .vmware:hover,.firewall:hover, .openvpn:hover,.windows:hover, .linux:hover, .python:hover, .html_css:hover{
    background-color: #616151;
    border: solid #91917e ;
    box-shadow: 5px 10px 10px #24241f;
}*/

.bold{
    font-weight: bolder;
    color: #768491;
}

.logo, .logo_intro_cyber{
    width: auto;
    max-height: 7.5em;
    display: block;
    margin:auto;
}


.logo_cisco{
    width: auto;
    max-height: 6.25em;
    display: block;
    margin:auto;
}

.logo_openvpn_firewall{
    width: auto;
    max-height: 7.5em;
    display: block;
    margin:auto;
    margin-top: 0.3125em;
}

.moi{
    margin-top: 5em;
}

.logo_text{
    position: absolute;       /* Me permet d'avoir le texte correctement centré */
    bottom: 0.3125em;
    width: 100%;
    left: 0em;
    text-align: center;
    color: #141314;
    font-weight:600;
}

.mes_outils{
    margin-left: 2em;
    margin-top: -2em;
}

.mes_outils_txt{
    font-size: larger;
}

.les_certifs{
    display: flex;
    justify-content: center;
    gap: 5em;
    
}

.intro_cyber, .secnum{
    margin-top: 1.5em;
    height: 9.6875em;
    width: 15.625em;
    position: relative;
    vertical-align: center;
    
}

.cert{
    margin-top: 2em;
}

.certifs, .mon_ecole_title, .mes_outils_txt{
    font-weight: 700;
    background-color:#141314;
    color: #e6e9eb;
    border: #393c40 solid 0em;
    border-radius: 0.3125em;
    box-shadow: 0.3125em 0.15625em 0.3125em #393c40;
    padding: 0.5em;
}


.certifs_text{
    position: absolute;
    bottom: 0.0625em;    
    margin-right: 50%;
}

.logo_secnum{
    width: auto;
    max-height: 5.625em;
    display: block;
    margin:auto;
    margin-right: 3.125em;
    margin-top: 0.9375em;   
}


.logo_ccna{
    width: auto;
    max-height: 7em;
    margin-top: 1.5em;
}

.logo_cyberops{
    width: auto;
    max-height: 10.25em;
}

.mail , .linkedin {
    width: auto;
    height: 5.626em;
}

.me_contacter{
    margin-left: 2.5em;
    font-size: 1.375em;
    padding-top: 12.5em;
}

.all_grid_certifs{
    display: flex;
    justify-content: center;
    margin-left: 3.125em;
    margin-top: 2em;
}


.all_grid_certifs{
    display: flex;
    justify-content: center;
    margin-right: 5em;
}

footer{
    margin-top: 5em;
    background-color: #141314;
    height: 25em;
    padding-top: 1.25em;

}

.linkedin{
    width: auto;
    max-height: 2.5em;
}

.linkedin_name{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.9375em;
}

.linkedin_div{
    display: flex;
}

.mail{
    display: flex;
    margin-top: 0.625em;
}

.mail_address{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.9375em;
}

.mail_image{
    margin-top: auto;
    margin-bottom: auto;
    width: auto;
    max-height: 2.5em;
}

.les_contacts{
    margin-left: 3.5em;
}

.div_me_contacter{
    margin-top: 2.5em;
}

.annexes{
    margin-left: 1em;
    margin-top: 1.25em;
    font-size: 1.375em;
}

.tab{
    margin-left: 1.5em;
    font-size: 0.9375em;
    text-decoration: none;
}

.tab:hover{
    text-decoration: underline;
    font-weight: 600;
}

.tab_div{
    margin-top: 0.5em;
    padding-bottom: 2em;
    background-color:#141314;
    width: 100%;
}

.mon_ecole_title_block{
    margin-left: 1.5em;
}

.mon_ecole_title{
    color: #e6e9eb;
}

.mon_ecole_description{ 
    color: #1a182e;
    margin-left: 3.5em;
    margin-right: 3.5em;
    font-size: 1.25em;
    margin-top: 1em;    
}

.mon_ecole_grid{
    display: flex;
    /*grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;*/
    gap: -3rem;
    /*margin-left: 3em;
    margin-right: 3em;*/
    justify-content: center;
    margin-top: 3em;
    flex-wrap: wrap;
}

.apep_rue{
    grid-row: 1/3;
    grid-column: 1;
}

.logo_apep{
    grid-row: 1;
    grid-column: 2;
}

.apep_map{
    grid-row: 2;
    grid-column: 2;
}

.apep_rue_image{
    max-height: 75%;
    max-width: auto;
}

.apep_map_image:hover, .apep_rue_image:hover{
    box-shadow: #5a5d70 0.5em 0.5em 2.5em;
}

.logo_apep_image{
    height: 40%;
    width: auto;
}

.apep_map_image{
    max-height: 75%;
    max-width: auto;
}

.link_class:hover{
    text-decoration: underline;
    color: #768491;
}