.dossier-img {height: 280px; width: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat}
.dossier-item {margin: 30px 0px; border-top: 1px solid #ccc; padding-top: 20px;}
.dossier-item.first {border-top: none !important; padding-top: 0px}
.dossier-item h4 {padding: 0px; margin: 0px}
.dossier-item .dossier-desc {padding: 0px; margin: 0px 0px 10px 0px; font-size: 1.2em}
.dossier-list {padding: 0px; margin: 15px 0px;}
.dossier-list > li {font-size: 1.2em}
.home-news-permalink {top: 0px}
.metier-img {height: 360px; width: 100%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat}
#metier-row {display: flex; position: relative; margin: 0px -10px; flex-wrap: wrap; box-sizing: border-box}
#metier-desc {width: 100%; max-width: 60%; flex: 0 0 60%; box-sizing: border-box; padding: 10px;}
#metier-sidebar { width: 100%; max-width: 40%; flex: 0 0 40%; box-sizing: border-box; padding: 10px}
#metier-desc strong {color: #7041d5}
#metier-desc .lp-ert {display: none}
.sidebar_section {background: #7041d5; margin-bottom: 15px}
.sidebar_title {text-align: right; padding: 15px 10px 10px 10px; color: #fff; text-transform: uppercase; font-size: 1.4rem; background: #4f29a0}
.sidebar_title.icn01 {background: url(../img/icn01.png) 10px center no-repeat}
.sidebar_title.icn02 {background: url(../img/icn02.png) 10px center no-repeat}
.sidebar_title.icn03 {background: url(../img/icn03.png) 10px center no-repeat}
.sidebar_list {padding: 0px; margin: 0px; list-style: none}
.sidebar_list > li {padding: 10px; font-weight: 500; font-size: 1rem; color: #fff}
.sidebar_list > li:nth-child(2n-1) {background: #7355e0}
#metier_diagramme {margin-top: 20px;}
#metier_diagramme img {display: block; max-width: 100%; margin: 10px auto 0px auto;}
#metier-diagramme-title {text-align: center; text-transform: uppercase; font-weight: 600; line-height: 1em}
#metier-formation {padding: 10px 20px; background: #e9e9e9; font-size: 0.9rem}
#metier-formation-titre {text-transform: uppercase; font-weight: 600; color: #4f29a0; display: block}
#metier-formation p {padding: 0px; margin: 0px}
#metier-download {text-align: center; margin-top: 20px;}
#metier-download a {display: inline-block; padding: 50px 10px 10px 10px; background: url(../img/icnDownload.png) center top no-repeat; text-transform: uppercase;}
#metier-share {text-align: right}
#metier-share a {margin: 0px 3px; font-size: 1.2rem}
span.hometag {
    z-index: 20 !important;
    position: relative;
    font-size: 1.2rem;
    color: #bfbfbf;
}
/* XS */
@media (max-width: 766px) {
.metier-img {height: 200px}
#metier-desc {max-width: 100%; flex: 0 0 100%;}
#metier-sidebar {max-width: 100%; flex: 0 0 100%;}

}

#metier-sidebar h5 {color: #333}