.bouton_1, input.bouton_1 {
    padding: 5% 0;
    width: 80%;
}

.cd-nav .cd-navigation-wrapper {
    padding: 0 !important;
}

#logo_menu {
    width: 40%;
    display: block;
    text-align: center;
    margin: auto;
    padding: 5% 0 0 0;
}

#loader::before {
    display: none;
}

footer {
    padding: 10% 0;
}

footer a {
    color: #fff;
    margin: 0 3%;
    padding-bottom: 2%;
    display: inline-block;
}

footer .bouton_1 {
    width: 80%;
    padding: 5%;
    margin: 10% 0 5% 0;
}

footer .bouton_3, #coordonnees .bouton_3, input.bouton_3 {
    width: 80%;
    padding: 5%;
    margin: 0 0 10% 0;
}

#bouton_up {
    display: none !important;

}
    
header h1 {
    color: #fff !important;
    font-size: .7em;
    margin: 5% 10% 0 20%;
}

.bouton_3 {
    width: 80%;
    padding: 3%;
}

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

#logo_accueil {
    width: 200px;
}

#accueil h1 {
    padding-top: 10%;
    font-size: 2em;
}

#trait_bleu {
    width: 10%;
}

#img_float {
    display: block;
    padding-top: 10%;
    width: 100%;
    float: none;
}

#accueil_apropos {
    width: 250px;
}

.bloc_float, .bloc_parcours {
    width: 100%;
}

.blocs_nav_accueil {
    width: 100%;
    padding: 5% 2%;
    min-height: auto;
}

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


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

#img_parcours {
    float: none;
}

.bloc_float, .bloc_parcours {
    width: 100%;
    float: none;
}

.logos_parcours {
    float: none;
    width: 50%;
    margin: auto;
}

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

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

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



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

#fond_gris {
    padding: 5%;
}

#bloc_competences {
    width: 96%;
    float: 0;
    margin: 2% 0;
}

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

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

#contenu_logiciels {
    margin: 0;
}

.bloc_logiciels {
    width: 100%;
    float: none;
    margin: 20% 2%;
}



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

.realisations_legende {
    width: 100%;
    margin: 0;
}

.realisations_legende h4 {
    padding-left: 10%;
    width: 49%;
}

.infobulle img, .infobulle-fixe img{
    width: 350px;
}

.contenu_bulle, .contenu_bulle_fixe {
    height: 310px;
    width: 310px;
    padding-top: 25%;
    text-align: center;
}

.infobulle>div,.infobulle-fixe>div {
    margin-top: -353px;
}

.contenu_details_realisations {
    width: 60%;
}

.realisations_detail .bouton_1 {
    width: 80%;
    padding: 3%;
    margin-bottom: 2%;
}

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

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

#coordonnees .bouton_3 {
    width: 80%;
    padding: 2%;
    margin: auto;
}

form.contactform {
    width: 96%;
}

#mail, #name {
    float: none;
    width: 100%;
}

#message, #sujet {
    width: 100%;
}