/*nav contact*/
    
    nav li:last-child a {
        color: #64bee6;
        background-color: #525251;
    }
    
    nav li ul li:last-child a {
        color: white;
        background-color: #878787;
        border: solid 1px white;
        border-radius: 10px;
    }
    
    nav li ul li:last-child a:hover {
        color: #64bee6;
        background-color: #525251;
    }
    /*fin nav contact*/
    /*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 {
        background-color: #ebebeb;
        border-radius: 20px;
        overflow: hidden;
        padding: 4%;
    }
    
    #presentation img {
        position: absolute;
    }
    
    #presentation div {
        position: relative;
        left: 40%;
    }
    
    article {
        margin-top: 3%;
    }
    
    article h4 {
        margin-bottom: 0.5%;
    }
    
    article p {
        margin-bottom: 1%;
        line-height: 120%;
    }
    /*fin de ma section*/
    
    #nouscontacter {
        background-color: #414042;
        position: relative;
        height: 500px;
    }
    
    .formulaire form div {
        font-size: 16px;
        color: #f08300;
        padding-left: 0%;
        padding-right: 0%;
    }
    
    .nom,
    .email {
        width: 33.3333%;
        margin-left: 8.3333%;
        float: left;
    }
    
    .sujet {
        width: 41.6667%;
        margin-right: 8.333%;
        float: right;
    }
    
    .email {
        position: absolute;
        top: 120px;
        left: 3%;
    }
    
    input {
        margin-top: 10px;
        margin-bottom: 15px;
        width: 100%;
        height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .message {
        width: 41.6667%;
        margin-right: 8.333%;
        float: right;
    }
    
    textarea {
        margin-top: 10px;
        margin-bottom: 15px;
        width: 100%;
        height: 300px;
    }
    
    input[type=submit],
    input[type=reset] {
        height: auto;
        margin-top: 10px;
        margin-bottom: 30px;
        width: 46%;
        padding-top: 5px;
        color: #f08300;
    }
    
    input[type=submit] {
        margin-right: 2%;
    }
    
    @media screen and (min-width: 1024px) {
        .formulaire div div{
            width: 46%;
            margin: 2%;
            float: left;
        }
        input[type=submit]{
            float: right;
        }
}

@media screen and (max-width: 580px) {
    #presentation img {
        position: relative;
        width: 100%;
    }
    #presentation div {
        position: relative;
        left: 0%;
        width: 100%;
    }
    footer div {
        float: left;
        width: 100%;
        margin: 0% 1% 0% 1%;
        text-align: center;
    }
}