.tematik_manualnav--metiersAccueil ul{margin-bottom:0;padding-left:0;list-style:none}@media (min-width: 992px){.tematik_manualnav--metiersAccueil ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row nowrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 992px){.tematik_manualnav--metiersAccueil li{-webkit-box-flex:1;-webkit-flex:1 1 33.3333%;-moz-box-flex:1;-ms-flex:1 1 33.3333%;flex:1 1 33.3333%;max-width:33.3333%}}.tematik_manualnav--metiersAccueil .tematik_manualnav-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-flow:column nowrap;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-height:20rem;padding:2rem 2rem;color:#fff;text-align:center;z-index:0}@media (min-width: 992px){.tematik_manualnav--metiersAccueil .tematik_manualnav-item{padding:2rem 5rem;height:100vh}}.tematik_manualnav--metiersAccueil .tematik_manualnav-image{position:relative;z-index:0;position:relative;z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;z-index:-1}.tematik_manualnav--metiersAccueil .tematik_manualnav-image:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c292a;opacity:0.2;z-index:-1;-webkit-transition:opacity .4s,background-color .4s;-moz-transition:opacity .4s,background-color .4s;transition:opacity .4s,background-color .4s}@supports (mix-blend-mode: soft-light) or (-webkit-mix-blend-mode: soft-light){.tematik_manualnav--metiersAccueil .tematik_manualnav-image:before{opacity:.5;mix-blend-mode:soft-light}}.tematik_manualnav--metiersAccueil .tematik_manualnav-image:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c292a;opacity:0.2;z-index:-1;-webkit-transition:opacity .4s,background-color .4s;-moz-transition:opacity .4s,background-color .4s;transition:opacity .4s,background-color .4s}@supports (mix-blend-mode: multiply) or (-webkit-mix-blend-mode: multiply){.tematik_manualnav--metiersAccueil .tematik_manualnav-image:after{opacity:0;mix-blend-mode:multiply}}.tematik_manualnav--metiersAccueil .logoBernard-icone{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:2rem;width:6rem;height:6rem;-webkit-transition:fill .4s;-moz-transition:fill .4s;transition:fill .4s}.tematik_manualnav--metiersAccueil li:nth-child(1) .tematik_manualnav-image:after{background-color:#36a9e1}.tematik_manualnav--metiersAccueil li:nth-child(1) .logoBernard-icone{fill:#36a9e1}.tematik_manualnav--metiersAccueil li:nth-child(2) .tematik_manualnav-image:after{background-color:#e74011}.tematik_manualnav--metiersAccueil li:nth-child(2) .logoBernard-icone{fill:#e74011}.tematik_manualnav--metiersAccueil li:nth-child(3) .tematik_manualnav-image:after{background-color:#3aaa35}.tematik_manualnav--metiersAccueil li:nth-child(3) .logoBernard-icone{fill:#3aaa35}.tematik_manualnav--metiersAccueil [class*="titre"]{color:inherit}.tematik_manualnav--metiersAccueil .tematik_manualnav-item:hover .tematik_manualnav-image::before{opacity:0}.tematik_manualnav--metiersAccueil .tematik_manualnav-item:hover .tematik_manualnav-image::after{opacity:0.8}.tematik_manualnav--metiersAccueil .tematik_manualnav-item:hover .logoBernard-icone{fill:#fff}