.backgroundTextWhite{
    padding:1em 2.5%;
    background-color:rgb(255,255,255);
}

.competenceCadre{
    position:relative;
    border:0px solid red;
    display:block;
    min-height:inherit;
    width: 105%;
    margin-left: -2.5%;
}

.competenceCadre .custom-btn{
    font-size: 15px;
}

.associes,.postcession,.dirigeant{
    margin-bottom: 600px;
}
.commercial{
    margin-bottom: 650px;
}

.competenceGauche, .competenceDroite{
    z-index: 10;
    width: 55%;
    float: left;
    -webkit-box-shadow: -5px 5px 12px 0px rgba(0,0,0,0.1); /* Pour les navigateurs WebKit (Chrome, Safari) */
    box-shadow: -5px 5px 12px 0px rgba(0,0,0,0.1);       /* Standard */
}

.competenceDroite{
    float: right;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.1);
}

.competenceSousTitre{
    font-size:3em;
    line-height:1.5em;
    padding-bottom:0.5em;
    margin-top:0.5em;
    text-align: left;
}
.competenceImageHaut{
    position:relative;
    display:block;
    width:100%;
    margin-left: 0px;
    border:0px solid green;
}

@media only screen and (min-width:2000px){

    .commercial{
        margin-bottom: 650px;
    }
    .associes{
        margin-bottom: 520px;
    }
    .postcession{
        margin-bottom: 520px;
    }
    .dirigeant{
        margin-bottom: 520px;
    }

    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:45%
    }
    .competenceImageHautADroiteContact{
        width: 45%;
    }
}
@media only screen and (min-width:1800px)and (max-width:2000px){
    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:950px
    }
    .competenceImageHautADroiteContact{
        width: 600px;
    }
}
@media only screen and (min-width:1600px) and (max-width:1800px){

    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:950px
    }
    .competenceImageHautADroiteContact{
        width: 550px;
    }
}
@media only screen and (min-width:1480px) and (max-width:1600px){
    .commercial{
        margin-bottom: 650px;
    }
    .associes{
        margin-bottom: 540px;
    }
    .postcession{
        margin-bottom: 520px;
    }
    .dirigeant{
        margin-bottom: 520px;
    }

    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:750px
    }
    .competenceImageHautADroiteContact{
        width: 550px;
    }
}
@media only screen and (min-width:1360px) and (max-width:1480px){

    .commercial{
        margin-bottom: 700px;
    }
    .associes{
        margin-bottom: 540px;
    }
    .postcession{
        margin-bottom: 540px;
    }
    .dirigeant{
        margin-bottom: 560px;
    }

    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:700px
    }
    .competenceImageHautADroiteContact{
        width: 550px;
    }
}
@media only screen and (min-width:1200px) and (max-width:1360px){

    .commercial{
        margin-bottom: 740px;
    }
    .associes{
        margin-bottom: 560px;
    }
    .postcession{
        margin-bottom: 560px;
    }
    .dirigeant{
        margin-bottom: 650px;
    }

    .competenceImageHautADroite, .competenceImageHautAGauche{
        width:650px
    }
    .competenceImageHautADroiteContact{
        width: 550px;
    }
}

@media only screen and (min-width:1200px){

    .competenceImageHautADroite,.competenceImageHautADroiteContact{
        position:absolute;
        right:2.5%;
        top:-60px;
        z-index:-1
    }
    .competenceImageHautAGauche{
        position:absolute;
        left:2.5%;
        top:-60px;
        z-index:-1
    }
}

@media only screen and (max-width:1200px){

    .commercial,.associes,.postcession,.dirigeant{
        margin-bottom: 0px;
    }

    .competenceGauche, .competenceDroite{
        z-index: 10;
        width: 100%;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

}

@media only screen and (min-width:800px) and (max-width:1200px){
    .competenceImageHautADroite, .competenceImageHautAGauche{
        margin-left: 0px;
        width: 500px;
    }
}
@media only screen and (min-width:600px) and (max-width:800px){
    .competenceImageHautADroite, .competenceImageHautAGauche{
        margin: 0px auto;
        width: 90%;
    }
}
@media only screen and (max-width:600px){
    .competenceImageHautADroite, .competenceImageHautAGauche{
        margin: 0px auto;
        width: 100%;
    }

    .competenceCadre .custom-btn{
        font-size: 15px;
    }
}
@media only screen and (max-width:1100px){
    .competenceImageHaut,.competenceImageHautADroite, .competenceImageHautAGauche{
        position:relative;
        display:block;
    }
    .competenceImageHaut{
        margin-left: 0px;
        width: 100%;
    }

    .competenceCadre{
        min-height:inherit
    }
    .competenceSousTitre{
        font-size:2.1em;
        line-height:1.2em;
        padding-bottom:0em;
        margin-top:0.5em;
    }
}