body {
    font-size: 1.4em;
}

footer {
    padding: 10% 0;
}

footer a {
    padding-bottom: 2%;
    display: inline-block;
}

footer .bouton_1 {
    width: 80%;
    padding: 3%;
}

#coordonnees .bouton_3, footer .bouton_3, input.bouton_3 {
    width: 80%;
    padding: 3%;
}

footer p {
    font-size: .7em;
    margin-top: 10%;
}

#bouton_up {
    display: none !important;
}

.cd-nav .cd-navigation-wrapper {
    padding: 5%;
}

#logo_menu {
    width: 40%;
    display: block;
    margin: auto;
}

header h1 {
    margin: 5% 0 0 15%;
}

.bouton_3 {
    width: 80%;
    padding: 3%;
    margin: 5% 0;
}


/************************************** ACCUEIL **************************************/

#img_float {
    float: none;
    width: 100%;
}

#accueil_apropos {
    width: 300px;
}

.bloc_float, .bloc_parcours {
    width: 90%;
    float: none;
    margin: auto;
    padding: 0 5%;
    margin-bottom: 5%;
}

.blocs_nav_accueil {
    width: 100%;
    float: none;
    padding: 10% 2%;
    min-height: auto;
}

.blocs_nav_accueil:nth-child(odd) {
    background: #fff !important;
}


/************************************** PARCOURS **************************************/

#img_parcours {
    float: none;
    width: 100%;
    text-align: center;
}

.logos_parcours {
    float: none;
    width: 100%;
    text-align: center;
}

.events-content .bouton_1 {
    width: 80% !important;
    padding: 5%;
}

.cd-horizontal-timeline .events-content h2 {
    font-size: 2rem !important;
}


/************************************** COMPETENCES **************************************/

#bloc_competences {
    width: 96%;
    float: none;
    margin: 5% 0;
    line-height: 1.8;
}

#bloc_competences img {
    margin-right: 5%;
}

#bloc_competences .trait_bleu {
    margin-left: 8%;
}

#contenu_logiciels {
    width: 84%;
}

.bloc_logiciels {
    width: 100%;
    float: none;
    margin: 5% 0 15% 0;
}

.bloc_logiciels h4 {
    margin: 7% 0 0% 0;
}


/************************************** REALISATIONS **************************************/

.realisations_legende {
    width: 100%;
    margin: 0;
    text-align: center;
}

.realisations_legende h4 {
    width: auto;
    margin: 2%;
}

.realisations_detail .bouton_1 {
    width: 80%;
    padding: 3%;
    margin: 0;
}


/************************************** CONTACT **************************************/

#coordonnees {
    width: 96%;
    padding: 10% 2%;
}

form.contactform {
    width: 96%;
    margin-top: 10%;
}

.contactform input, .contactform textarea {
    width: 80%;
    padding: 3%;
}