html, body { background-color: #e2e2dc; margin: 0; padding: 0; font-family: Tahoma; }


.be-header { padding: 1.5rem 0 1.5rem 0; }
.be-header::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.be-header .hdr-icon { float: left; padding: 0.6rem 0.6rem 0.6rem 0.6rem; margin-left: 10%; border: 1px solid #417eaf; }
.be-header .hdr-icon img { }
.be-header .hdr-title { float: left; font-size: 1.4rem; color: #4e6b97; font-weight: 400; margin: 0.2rem 0 0 1.1rem; }
.be-header .hdr-title a { font-size: 1.4rem; color: #4e6b97; font-weight: 400; text-decoration: none; }
.be-header .hdr-title a:hover { text-decoration: none; }

.be-sujet { position: relative; width: 100%; height: 30rem; margin-left: 0; margin-bottom: 2rem; border-top: 0.2rem solid #eeeeee; border-bottom: 0.2rem solid #eeeeee; background-position: center center; background-repeat: no-repeat; background-size: 110% auto; overflow: hidden; }
.be-sujet img { opacity: 0; }
.be-sujet .bst-container { position: absolute; bottom: 0; left: 0; background-color: rgba(25, 49, 69, 0.6); width: 100%; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,0.3); }
.be-sujet .bst-container .btc-title { width: 80%; margin-left: 10%; font-size: 2.1rem; color: #ffffff; }
.be-sujet .bst-container .btc-title h1 { font-size: 2.1rem; color: #ffffff; margin: 0; }
.be-sujet .bst-container .btc-info { width: 80%; margin-left: 10%; font-size: 1.1rem; color: #ffffff; }

.be-section { width: 80%; margin-left: 10%; margin-bottom: 3rem; }
.be-section.close { margin-bottom: 1rem; }
.be-section .bsn-text { float: none; font-size: 1.2rem; line-height: 1.6rem; color: #2d4568; }
.be-section .bsn-text a { color: #49216e; text-decoration: none; }
.be-section .bsn-text a:hover { text-decoration: underline; }

.be-section .bsn-text a.btn { background-color: #49216e; color: #ffffff; text-decoration: none; padding: 0.5rem 2.2rem; border-radius: 8px; border: 1px solid #49216e; box-shadow: 2px 3px 10px rgba(0,0,0,0.2);  }

.be-section .bsn-text h1 { font-size: 1.8rem; line-height: 2.2rem; color: #417eaf; }
.be-section .bsn-text h2 { font-size: 1.5rem; line-height: 1.9rem; color: #2d4568; }
.be-section .bsn-text h3 { font-size: 1.3rem; line-height: 1.7rem; color: #2d4568; }
.be-section.m5050::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.be-section.m5050 .bsn-text { float: left; width: 48%; }
.be-section.m5050 .bsn-text img { width: 95%; border: 1px solid #ffffff; box-shadow: 2px 3px 10px rgba(0,0,0,0.2); }
.be-section.m5050 .bsn-text:last-child { float: right; width: 48%; }
.be-section.m5050 .bsn-text:last-child img { width: 95%; border: 1px solid #ffffff; box-shadow: 2px 3px 10px rgba(0,0,0,0.2); }

.be-section .bsn-text .bnt-table { display: table; cursor: default; }
.be-section .bsn-text .bnt-table .bte-row { display: table-row; background-color: #dbdbd5;  }
.be-section .bsn-text .bnt-table .bte-row:hover { background-color: #f7f7f7; }
.be-section .bsn-text .bnt-table .bte-row .ber-cell { display: table-cell; padding: 0.1rem 3.6rem 0.1rem 0.6rem; border-bottom: 1px solid #e2e2dc; }
.be-section .bsn-text .bnt-table .bte-row:hover .ber-cell { border-bottom: 1px solid #d7d7d7; }
.be-section .bsn-text .bnt-table .bte-row .ber-cell.right { text-align: right; padding: 0.1rem 0.6rem 0.1rem 0.6rem;  }

.be-footer { width: 100%; background-color: rgba(25, 49, 69, 0.9); border-bottom: 0.2rem solid #eeeeee; }
.be-footer::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.be-footer .bfr-left { float: left; width: 40%; color: #ffffff; margin-left: 10%; padding: 1.9rem 0; }
.be-footer .bfr-left a { color: #ffffff; text-decoration: none; }
.be-footer .bfr-left a:hover { color: #ffffff; text-decoration: none; }
.be-footer .bfr-left span { font-size: 0.85rem; color: rgba(255,255,255,0.6); }
.be-footer .bfr-right { float: left; width: 40%; color: #ffffff; text-align: right; padding: 1.9rem 0; }

.be-footer .bfr-right a { color: #ffffff; text-decoration: none; }


.be-socket { width: 100%; padding: 1rem 0; text-align: center; font-size: 0.85rem; }



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

    .be-header .hdr-icon { margin-left: 24%; }
    .be-footer .bfr-left { margin-left: 24%; }
    .be-sujet .bst-container .btc-title { width: 52%; margin-left: 24%; }
    .be-sujet .bst-container .btc-info { width: 52%; margin-left: 24%; }    
    .be-section { width: 52%; margin-left: 24%; }    
    .be-footer .bfr-left { width: 26%; }
    .be-footer .bfr-right { width: 26%; }
    
}

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

    .be-header .hdr-icon { margin-left: 18%; }
    .be-footer .bfr-left { margin-left: 18%; }
    .be-sujet .bst-container .btc-title { width: 64%; margin-left: 18%; }
    .be-sujet .bst-container .btc-info { width: 64%; margin-left: 18%; }    
    .be-section { width: 64%; margin-left: 18%; }  
    .be-footer .bfr-left { width: 32%; }
    .be-footer .bfr-right { width: 32%; }  
    
}



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

    .be-sujet { height: 24rem; }


    .be-section .bsn-text .bnt-table { display: block; }
    .be-section .bsn-text .bnt-table .bte-row { display: block; }
    .be-section .bsn-text .bnt-table .bte-row .ber-cell { display: block; text-align: center; padding: 0.2rem 0; }
    .be-section .bsn-text .bnt-table .bte-row .ber-cell.right { text-align: center; padding: 0.2rem 0; }

}

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

    .be-sujet { height: 20rem; }

}

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

    .be-sujet { height: 14rem; margin-bottom: 8rem; overflow: visible;  }
    .be-sujet .bst-container { position: absolute; bottom: -5.85rem; left: 0; background-color: rgba(25, 49, 69, 0.6); width: 100%; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,0.3); }
    .be-sujet .bst-container .btc-title { font-size: 1.7rem; }
    .be-sujet .bst-container .btc-title h1 { font-size: 1.7rem; }
    .be-sujet .bst-container .btc-info { font-size: 0.95rem; }


    .be-section.m5050 .bsn-text { float: none; width: 100%; }
    .be-section.m5050 .bsn-text:last-child { float: none; width: 100%; margin-top: 2rem; }

    .be-footer .bfr-left { float: none; width: 100%; text-align: center; margin-left: 0; }
    .be-footer .bfr-right { float: none; width: 100%; margin-top: 2rem; text-align: center; }    


    .be-footer .bfr-left span { font-size: 0.75rem; }


}


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

    .be-header .hdr-icon { float: left; padding: 0.4rem 0.4rem 0.3rem 0.4rem; margin-left: 8%; }
    .be-header .hdr-title { font-size: 1.0rem; margin: 0.8rem 0 0 1.1rem; }
    .be-header .hdr-title a { font-size: 1.0rem; }

    .be-sujet { height: 10.5rem; margin-bottom: 9rem; overflow: visible;  }
    .be-sujet .bst-container { position: absolute; bottom: -6.75rem; left: 0; background-color: rgba(25, 49, 69, 0.6); width: 100%; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,0.3); }
    .be-sujet .bst-container .btc-title { font-size: 1.5rem; }
    .be-sujet .bst-container .btc-title h1 { font-size: 1.5rem; }
    .be-sujet .bst-container .btc-info { font-size: 0.95rem; }

    .be-footer .bfr-left span { font-size: 0.70rem; }

}

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


    .be-sujet { height: 8.5rem; margin-bottom: 9rem; overflow: visible;  }
    .be-sujet .bst-container { position: absolute; bottom: -6.75rem; left: 0; background-color: rgba(25, 49, 69, 0.6); width: 100%; padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,0.3); }
    .be-sujet .bst-container .btc-title { font-size: 1.5rem; }
    .be-sujet .bst-container .btc-title h1 { font-size: 1.5rem; }
    .be-sujet .bst-container .btc-info { font-size: 0.95rem; }

}