/* MENU */

nav {
    width: 12%;
}

nav #logo {
    height: 155px;
    left: 50%;
    margin-left: -77.5px;
    position: absolute;
    top: 3.5%;
    width: 155px;
}

nav #menu {
    margin-top: 240px;
}

nav li a {
    font-size: 0.875em;
    margin: 0 0 4px 37px;
}

/*  BARRE HOVER MENU */

#barre-taupe {
    margin-left: 26px;
    width: 130px;
}

#barre-bordeaux {
    background-color: #a89e9c;
    margin-left: 60px;
}

#barre-aubergine {
    background-color: #865550;
    margin-left: 31px;
}

#barre-orange2 {
    background-color: #ff6600;
    margin-left: 30px;
}

#reseaux #fb, #reseaux #twitter, #reseaux #in {
    top: -93%;
}

/* LOGOS RESEAUX SOCIAUX */
#reseaux #fb {
    margin-top: 0;
}

/* LOGO RECAMIER + SPECIALISTE */

#pommez {
    bottom: 45%;
    left: 45%;

}

/* TAILLE TYPO BLOC (H1) */

#contenu-droit {
    width: calc(88% - 1px);
}

#contenu-droit h1 {
    font-size: 1.5em;
    line-height: 28px;
}

/* BLOC CONTACT */

#bloc-contact #sous-titre3 h2 {
    font-size: 1.5em;
    margin: 10px 20px 10px 0;
}

#bloc-contact.active .barre-horizontale1, #bloc-contact.active .barre-horizontale2 {
    width: 130px;
}
#bloc-contact .barre-horizontale1, #bloc-contact .barre-horizontale2 {
    margin: 40px 0 0 30px;
}

#bloc-contact.active .barre-horizontale2 {
    margin: 0 0 0 -20px;
}

#info {
    padding: 160px 0 0 50px;
}

#bloc-contact #map {
    margin-left: -180px;
}


/* BLOC QUI SOMMES-NOUS ? */

#box-qui.active {
    background-color: #fff;
    height: 100%;
}

#box-qui .p-qui {
    margin-top: 60px !important;
}

#box-qui .texte p {
    width: calc(100% - 21%);
    margin-left: 10%;
}

#replie {
    margin-left: 7.5%;
}

#sous-titre2 h2 {
    font-size: 1.5em;
}

#box-qui.active .barre-horizontale1, #box-qui.active .barre-horizontale2 {
    width: 170px;
}

#box-qui .barre-horizontale1 {
    margin: 40px 0 0 100px;
}

#box-qui .barre-horizontale2 {
    margin-left: 30px;
}

#box-qui #sous-titre2 {
    padding-left: 0px;
    position: relative;
}

#sous-titre2 h2 {
    margin: 10px 0 10px 20px;
    width: 260px;
}

#texte-orange {
    width: 75.4%;
    margin-left: 10%;
}

.bloc-description {
    width: 79%;
    padding-left: 10%;
}

/* BOX ACTIVITE */


#box-activite.active {
    height: 66.6666%;
    z-index: 5;
}

#box-activite .texte {
    padding-top: 190px;
}

#box-activite.active h1 {
    display: none;
}

/* BLOC ESPACE CLIENT */

#bloc-client.active {
    height: 66.6666%;
}

h3 {
    margin-left: 7%;
    margin-top: 57px;
}

#bloc-client li {
    margin-left: 7%;
}

/* BOX CONTACT */

#bloc-contact #map {
    margin-top: 21%;
}