.tableau {
    font-family:'DM Sans', sans-serif !important;
    font-size: 19px;
    margin:0 0 40px;
}
.tableau .container {
    width:auto;
    max-width:100%;
    padding:0;
}
.tableau .container::before {
    content:none;
}
.tableau .container .row {
    margin:0;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    padding:0;
}

.tableau .grid-section > div {
    border-bottom: 1px solid #abb0b5;
}
.tableau .grid-section > div:last-child {
    border:none;
}
.tableau .grid-section > div:first-child {
    background-color: #1A2E3E;
    font-weight: 600;
}
.tableau .grid-section > div:nth-child(even){
    background-color:#ffffff60;
}
.tableau .grid-section > div:first-child .container .row .column {
    padding: 30px;
}
.tableau .grid-section > div:first-child .container .row .column p {
    color: #fff;
    margin:0 0 5px;
}
.tableau .grid-section > div:first-child .container .row .column p:nth-child(2) {
    font-weight:500;
    margin:0;
}
.tableau .grid-section .container .row .column {
    padding: 15px 20px;
}
.tableau .grid-section .container .row .column {
    text-align:right;
    color: #387FB9;
    font-weight: 600;
}
.tableau .grid-section .container .row .column:first-child {
    color: #333333;
    font-weight: 600;
    text-align:left;
}
.tableau .grid-section .container .row .column p {
    margin:0;
}

/*-Centered-*/

.tableau.centered .grid-section .container .row .column {
    text-align:center;
}
.tableau.centered .grid-section .container .row .column:first-child {
    text-align:left;
}
.tableau .grid-section .container .row .col-md-2.column {
    padding:15px 10px;
}
.tableau .grid-section .container .row .col-md-2.column p {
    font-size:16px;
}

/*-With checkmark-*/

.tableau.checks .grid-section > div:first-child .container .row .column {
    text-align:left;
}
.tableau.checks .grid-section > div:first-child .container .row .column p {
    font-size:15px;
}
.tableau.checks .grid-section .container .row {
    display:flex;
    align-items:center;
}
.tableau.checks .grid-section .container .row .column:first-child {
    text-align:left;
}
.tableau.checks .grid-section .container .row .column:first-child p {
    font-size:15px;
}
.tableau.checks .grid-section .container .row .column {
    text-align:center;
}

/********** Copropriété ***************/
 .pageTexte.article .mainContent > .textContent.tab-copropriete {
     max-width: 100%;
 }
.tab-copropriete .tableau .grid-section > div.header-row {
    background-color: inherit;
    border-bottom: none;
}
.tab-copropriete .tableau .grid-section div.header-row .container .row .column {
    padding: 10px 20px;
    max-width: 28%;
    margin-right: 5%;
    background-color: #55565a;
    height: 80px;
    display: flex;
    border-radius: 15px 15px 0 0;
    position: relative;
}
.tab-copropriete .tableau .grid-section div.header-row .container .row .column::after {
    content: "";
    position: absolute;
    top: 0;
    right: -7%;
    width: 7%;
    height: 100%;
    background: #DEE7F0;
    border-radius: 0 0 0 15px;
}
.tab-copropriete .tableau .grid-section div.header-row .container .row .column div {
    margin: auto;
}
.tab-copropriete .tableau .grid-section div.header-row .container .row .column p {
    line-height: 1.2;
    font-size: 26px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}
.tab-copropriete .tableau .grid-section > div.blue-row, .tableau .grid-section > div.green-row {
    border-bottom: none;
}
.tab-copropriete .tableau .grid-section > div.blue-row {
    background-color: #3f738d;
}
.tab-copropriete .tableau .grid-section div:nth-child(2) {
    border-radius: 0 15px 0 0;
}

.tab-copropriete .tableau .grid-section > div.green-row {
    background-color: #71984a;
    border-radius: 0 0 15px 15px;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column, .tableau .grid-section .green-row .container .row .column  {
    text-align: inherit;
    font-weight: inherit;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column p, .tableau .grid-section .green-row .container .row .column p,
.tab-copropriete .tableau .grid-section .blue-row .container .row .column li, .tableau .grid-section .green-row .container .row .column li {
    color: white;
}
.tableau .grid-section div:not(.last-row) .container .row .column:not(:nth-child(1)) {
    padding: 15px 20px 15px 0;
}
.tab-copropriete .tableau .grid-section .blue-row .container .inside-row, .tableau .grid-section .green-row .container .inside-row  {
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab-copropriete .tableau .grid-section .blue-row .container .inside-row img, .tableau .grid-section .green-row .container .inside-row img {
    margin-right: 10px;
    
}

.tab-copropriete .tableau .grid-section .blue-row .container .row .column ul, .tableau .grid-section .green-row .container .row .column ul {
    margin: 0;
    padding: 0;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column ul li, .tableau .grid-section .green-row .container .row .column ul li {
    padding: 0 0 0 30px;
    margin: 0 0 15px;
    color: white;
    line-height: 1.2;
    font-size: 18px;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column ul li::marker, .tableau .grid-section .green-row .container .row .column ul li::marker {
    content: none;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column ul li::before, .tableau .grid-section .green-row .container .row .column ul li::before {
    content: url(/media/q4bnw1bo/checkbox.svg);
    height: 20px;
    width: 20px;
}
.tab-copropriete .tableau .grid-section .blue-row .container .row .column p, .tableau .grid-section .green-row .container .row .column p, .tableau .grid-section .last-row .container .row .column p {
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
}
.tab-copropriete .tableau .grid-section div.blue-row .container .row .column.col-md-8 {
    padding-top: 0;
}
.tab-copropriete .tableau .grid-section div .container .row .box {
    padding: 20px;
    border: 3px solid white;
    border-radius: 15px;
}
.tab-copropriete .tableau .grid-section div .container .row .inside-row p:first-child {
    margin-bottom: 5px;
}
.tab-copropriete .tableau .grid-section div.last-row .container .row {
    display: flex;
}
.tab-copropriete .tableau .grid-section div.last-row .container .row .column {
    color: #55565a;
    border: 3px solid #55565a;
    border-radius: 15px;
    margin-top: 20px;
    margin-right: 20px;
}
.tab-copropriete .tableau .grid-section div.last-row .container .row .column p:first-child {
    margin-bottom: 5px;
}
.tab-copropriete .tableau .grid-section div.last-row .container .row .column:last-child {
    border: none;
    margin-right: 0;
}
.tab-copropriete .tableau .grid-section div.last-row .container .row .column:last-child div img {
    max-width: 200px;
}

@media only screen and (max-width: 1400px) {
    .tableau.checks .grid-section > div:first-child .container .row .column {
        padding:20px 10px;
    }
}
@media only screen and (max-width: 1079px) {
    /********** Copropriété ***************/
    .tab-copropriete .tableau .grid-section .blue-row .container .row .column p, .tableau .grid-section .green-row .container .row .column p, .tableau .grid-section .last-row .container .row .column p {
        font-size: 14px;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column p {
        font-size: 20px;
    }
    .tab-copropriete .tableau .grid-section div:not(.last-row) .container .row .column img {
        width: 30%;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column {
        padding: 5px 20px;
        height: 100px;
    }
    
    .tableau.checks .grid-section > div:first-child .container .row .column:first-child {
        width:100%;
    }
    .tableau.checks .grid-section > div:first-child .container .row .column {
        width:50%;
        text-align:center;
    }
    .tableau.checks .grid-section > div:first-child .container .row .column:nth-child(1n) :before {
        content:none;
    }
    .tableau.checks .grid-section > div .container .row .column:first-child {
        width:100%;
    }
    .tableau.checks .grid-section > div .container .row .column {
        width:50%;
    }
    .tableau.checks .grid-section .container .row {
        display:block;
    }
    .tableau.checks .grid-section .container .row .column {
        float:left;
    }
    .tableau.checks .grid-section > div:first-child .container .row .column p {
        font-size:14px;
    }
    .tableau.checks .grid-section > div:first-child .container .row .column:before {
        content:none !important;
    }
    .tableau.checks .grid-section > div .container .row .column:nth-child(2):before {
        content:"Protection 1";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks .grid-section > div .container .row .column:nth-child(3):before {
        content:"Protection 2";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks .grid-section > div .container .row .column:nth-child(4):before {
        content:"Protection 3";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks .grid-section > div .container .row .column:nth-child(5):before {
        content:"Protection 4";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    
    .tableau.checks.en .grid-section > div .container .row .column:nth-child(2):before {
        content:"Coverage 1";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks.en .grid-section > div .container .row .column:nth-child(3):before {
        content:"Coverage 2";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks.en .grid-section > div .container .row .column:nth-child(4):before {
        content:"Coverage 3";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
    .tableau.checks.en .grid-section > div .container .row .column:nth-child(5):before {
        content:"Coverage 4";
        font-size: 11px;
        display: block;
        margin: 0 0 10px;
    }
}

@media only screen and (max-width: 992px) {
    .tableau .col-md-8 {
        width:calc((100%/12)*8);
    }
    .tableau .col-md-4 {
        width:calc((100%/12)*4);
    }
    .tableau .col-md-6 {
        width:calc((100%/12)*6);
    }
    .tableau .col-md-9 {
        width:calc((100%/12)*9);
    }
    .tableau .col-md-3 {
        width:calc((100%/12)*3);
    }
    .tableau .col-md-2 {
        width:calc((100%/12)*2);
    }
    .tableau .container .row {
        display:flex;
    }
}
@media only screen and (max-width: 860px) {
    /********** Copropriété ***************/
    .tab-copropriete .tableau .container .row {
        flex-direction: column;
        align-items: center;
    }
    .tab-copropriete .tableau .container .row .column {
        width: 100%;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column {
        max-width: 100%;
        margin-right: 0;
        border-radius: 0;
        justify-content: center;
        border-bottom: 2px solid white;
    }
    .tab-copropriete .tableau .grid-section div:nth-child(2) {
        border-radius: 0;
    }
    .tab-copropriete .tableau .grid-section .blue-row .container .row .column, .tableau .grid-section .green-row .container .row .column {
        border-bottom: 2px solid white;
    }
    .tab-copropriete .tableau .grid-section .blue-row .container .row .column > div, .tableau .grid-section .green-row .container .row .column > div {
        padding-top: 20px;
    }
    .tab-copropriete .tableau .grid-section .blue-row.bottom .container .row .col-md-4 {
        padding-top: 0;
        border-bottom: 0;
    }
    .tableau .grid-section div:not(.last-row) .container .row .column:not(:nth-child(1)) {
        padding: 15px 20px;
    }
    .tab-copropriete .tableau .grid-section .blue-row.bottom .container .row .col-md-8 .box {
        margin-top: 20px;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column p {
        text-align: center;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column:first-child {
        border-radius: 15px 15px 0 0;
    }
    .tab-copropriete .tableau .grid-section .container .row .column img:first-child {
        width: inherit;
    }
    .tab-copropriete .tableau .grid-section div.last-row .container .row {
        flex-direction: column;
        align-items: inherit;
    }
    .tab-copropriete .tableau .grid-section div.last-row .container .row .column:last-child div {
        display: flex;
    }
    .tab-copropriete .tableau .grid-section div.last-row .container .row .column:last-child div img {
        max-width: 250px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 750px){
    .tableau .grid-section > div:first-child .container .row .column {
        padding:20px;
    }
    .tableau p {
        font-size:16px;
    }
}
@media only screen and (max-width: 480px){
    .tableau .grid-section .container .row .column {
        padding:15px 10px;
    }
    .tableau .grid-section > div:first-child .container .row .column {
        padding:15px 10px;
    }
    .tableau p {
        font-size:14px;
    }
    .tableau .grid-section .container .row .col-md-2.column p {
        font-size:14px;
    }
}
@media only screen and (max-width: 400px){
    /********** Copropriété ***************/
    .tab-copropriete .tableau .grid-section .row {
        display: flex;
    }
    .tab-copropriete .tableau .grid-section div.header-row .container .row .column {
        width: 100%;
    }
    
    /*-Fix pour texte trop long col 4 header-*/
    .tableau .grid-section > div:first-child .col-md-8 {
        width:calc((100%/12)*7);
    }
    .tableau .grid-section > div:first-child .col-md-4 {
        width:calc((100%/12)*5);
    }
    .tableau .container .row {
        display:block;
    }
    .tableau .grid-section .container .row .column {
        float:left;
    }
    .tableau .grid-section .container .row > .col-md-6 {
        width:100%;
    }
    .tableau .grid-section .container .row > .col-md-6 ~ .col-md-2{
        width:calc((100%/12)*4);
    }
}