.headTitleAndSuject {
    width: 100%;
    padding:40px 0;
}
.no-content .headTitleAndSuject {
    padding:40px 0 0px 0;
}
.headTitleAndSuject h2,
.headTitleAndSuject p {
    display: block;
    width:50%;
    padding:8px 2%;
    margin:0;
}
.headTitleAndSuject h1,
.headTitleAndSuject h2 {
    float: left;
    text-align: right;
    border-right:solid 1px #1a1a1a;
}
.headTitleAndSuject h3,
.headTitleAndSuject p {
    float: right;
    text-align: left;
}


.fond-gris-fonce .headTitleAndSuject h1,
.fond-gris-fonce .headTitleAndSuject p,
.fond-gris-fonce .headTitleAndSuject h2 {
    color: #FFF;
}

.fond-gris-fonce .headTitleAndSuject h1,
.fond-gris-fonce .headTitleAndSuject h2,
.fond-vert-emeraude .headTitleAndSuject h1,
.fond-vert-emeraude .headTitleAndSuject h2 {
    border-right: solid 1px #FFF;
}

@media (max-width: 768px) {
    .fond-gris-fonce .headTitleAndSuject h1,
    .fond-gris-fonce .headTitleAndSuject h2,
    .fond-vert-emeraude .headTitleAndSuject h1,
    .fond-vert-emeraude .headTitleAndSuject h2,
    .headTitleAndSuject h2 {
        float: none;
        text-align: center;
        border: none;
        width: 80%;
        margin: auto;
    }
    .headTitleAndSuject p {
        float: none;
        text-align: center;
        width: 80%;
        margin: auto;
    }
}