#photoPresentation{
    width:25%;
    vertical-align: middle;
    display: inline-block;
    margin-left:5%;
}

.brACacher{
    display:none;
}

#presentation{
    padding-bottom:1em;
    color:var(--couleur2);
    background-color: var(--couleur1);
}

#photoPresentation2{
    width:20%;
    vertical-align:middle;
    margin-left: 5%;
    display: inline-block;
}

a{
    color:inherit;
    text-decoration: none;
    transition: all .2s ease;
}

a:hover{
    color: var(--couleur3);
}

.services{
    text-align: center;
    background-color: var(--couleur1);
    padding:20px 0px;
    color:var(--couleur2);
}

#Apropos{
    padding:20px 10px;
    background-color: var(--couleur2);
    display: inline-block;
    width:100%;
    text-align:center;
}

#AproposRightPanel{
    vertical-align:middle;
    width: 60%;
    display: inline-block;
    text-align: center;
}

#presentationTXT{
    font-style:italic;
}

#presentationPanelLeft{
    vertical-align: middle;
    display: inline-block;
    margin-left:20%;
    width: 44%;
}

#master1Txt, #NomPrenom{
    color:var(--couleur3);
    margin:0px;
}

#NomPrenom{
    font-size:2em;
}

#etudiantTxt, #master1Txt{
    font-size:4em;
    margin:0px;
}

#CVButton{
    display: inline-block;
    text-align:center;
}


@media (max-width: 950px) {
    #photoPresentation{
        width:100%;
        margin-left:0px;
    }
    #NomPrenom{
        text-align:center;
    }
    
    #presentationPanelLeft{
        width:90%;
        margin-left:5%;
    }
    
    #etudiantTxt, #master1Txt{
        font-size:2em;
    }
    
    #presentationTXT{
        text-align:center;
    }
    #presentationTXT br{
        margin-bottom:1em;
    }
    
    #Apropos{
        width:100%;
        margin:0px;
        padding:0px;
    }
    
    #AproposRightPanel{
        width: 58%;
        margin:0px;
        vertical-align: middle;
    }
    
    #photoPresentation2 {
      width: 40%;
      margin:0px;
      vertical-align: middle;
      display: inline-block;
      vertical-align: middle;
      border-radius: 20px;
    }
    
    #Bonjour{
        display:none;
    }
    
    .brACacher{
        display:inline;
    }
    
    
    
    .projetsPrincipaux{
        width:70%;
        height:auto;
        font-size:1em;
        margin-bottom:20px;
    }
    
    
}