/*nav présentation*/

nav li:nth-child(2) a {
    color: #64bee6;
    background-color: #525251;
}

nav li ul li:nth-child(2) a {
    color: white;
    background-color: #878787;
    border: solid 1px white;
    border-radius: 10px;
}

nav li ul li:nth-child(2) a:hover {
    color: #64bee6;
    background-color: #525251;
}
    /*ma nav présentation*/
    /*Ma section*/
    
    .grostitre {
        margin: 0 auto;
        text-align: center;
        letter-spacing: 0.05em;
    }
    
    .cadrepresentation {
        background-color: white;
        height: 100%;
        display: block;
        position: relative;
        margin-top: 3%
    }
    
    #presentation {
            box-shadow: -2px 3px 10px 2px rgba(0, 0, 0, 0.2), -5px 10px 30px rgba(255, 255, 255, 0.8) inset; 
    border: 2px solid white;
        background-color: #ebebeb;
        /*    border-radius: 20px;*/
        overflow: hidden;
        padding: 4%;
    }
    
    article {
        margin-top: 3%;
    }
    
    article h4 {
        margin-bottom: 0.5%;
    }
    
    article p {
        margin-bottom: 1%;
        line-height: 120%;
    }

article a {
    color: #f08300;
    display: inline-block;
}
article a:hover {
    color: #f08300;
    color: #64bee6;
}
    
    #presentation div#profil {
        position: relative;
        width: 30%;
        float: left;
    }
    
    #presentation div#besoin {
        position: relative;
        float: left;
        margin-left: 10%;
    }
    
    #profil img {
        width: 100%;
    }
    
    .trait1 {
        width: 100%;
        height: 2px;
        background-color: #525251;
        position: relative;
        display: block;
        float: left;
        margin-top: -4%;
    }
    
    .trait2 {
        width: 100%;
        height: 2px;
        background-color: white;
        margin-bottom: 10px;
        position: relative;
        display: block;
        float: left;
        margin-top: -3%;
    }

h4 {
    font-size: 0.8em;
}
    /*fin de ma section*/
    
    @media screen and (max-width: 580px) {
        #presentation div#profil {
            position: relative;
            width: 100%;
            float: left;
        }
        #presentation div#besoin {
            position: relative;
            float: left;
            margin-left: 0%;
            width: 100%;
        }
        #profil img {
            width: 50%;
        }
        .trait1 {
            width: 100%;
            height: 2px;
            background-color: #525251;
            position: relative;
            display: block;
            float: left;
            margin-top: -2%;
        }
        .trait2 {
            width: 100%;
            height: 2px;
            background-color: white;
            margin-bottom: 10px;
            position: relative;
            display: block;
            float: left;
            margin-top: -1%;
        }
        footer div {
            float: left;
            width: 100%;
            margin: 0% 1% 0% 1%;
            text-align: center;
        }
    }