#actuenvironnement { min-width:unset; } @media screen and (max-width:1280px) { #actuenvironnement-middle { border-left:none; border-right:none; box-shadow:none; max-width:unset; } #actuenvironnement-middle-left { flex-basis:180px; } /*#actuenvironnement-middle-left #header-verticalites a { font-size:12px; padding:12px 12px 12px 14px; } #actuenvironnement-middle-left #header-verticalites a:hover, #actuenvironnement-middle-left #header-verticalites a.selected { /*text-indent:3px;*/ /*padding-left:17px; padding-right:9px; } #actuenvironnement-middle-left #header-verticalites a.trending { font-size:11px; } /*#actuenvironnement-middle-left #header-verticalites a.trending span { height:10px; width:10px; }*/ } @media screen and (max-width:1060px) { #actuenvironnement-top > .max-width { padding-top:16px; } #actuenvironnement-top .logo { width:180px; margin-bottom:24px; margin-left:18px; } #actuenvironnement-top .logo a { width:180px; height:48px; text-indent:181px; background:url('/images/interface/header/logo-actu-environnement-transition-small.png') center no-repeat; background-size:100%; } #actuenvironnement-top .logo .baseline { display:block; position:absolute; top:0px; right:0px; font-size:0px; line-height:0px; width:1px; height:1px; overflow:hidden; text-indent:1px; } #actuenvironnement-top .abonnements { flex-direction:row; align-items:center; top:auto; /*bottom:65px;*/ bottom:-4px; } #actuenvironnement-top .abonnements a.standard { margin:0 0 0 15px; } #actuenvironnement-top .abonnements a.abonnement { padding-left:14px; padding-right:14px; margin-left:15px; order:1; } #actuenvironnement-top #header-menu #header-menu-mobile-burger { left:0; opacity:1; } #actuenvironnement-top #header-menu #header-rubriques { justify-content:flex-start; flex-wrap:wrap; margin:0 60px 0 50px; overflow:hidden; } #actuenvironnement-top #header-menu #header-rubriques .header-rubrique { padding:15px 11px; } #actuenvironnement-top #header-menu #header-rubriques .header-rubrique-selected::before { height:31px; width:calc(100% - 6px); left:3px; top:7px; background:#C95100; } #actuenvironnement-top #header-menu #header-rubriques #header-rubrique-droit:hover, #actuenvironnement-top #header-menu #header-rubriques #header-rubrique-droit.header-rubrique-selected { color:#282828; } #actuenvironnement-top #header-menu-mobile { display:flex; flex-direction:column; position:fixed; top:0; left:0px; height:100%; width:320px; background:#1C1C1C; z-index:100; transition:200ms; } #actuenvironnement-top #header-menu-mobile.hidden { left:-320px; } #actuenvironnement-top #header-menu-mobile-transparent-background { display:block; position:fixed; content:''; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); cursor:pointer; z-index:99; } #actuenvironnement-top #header-menu-mobile-transparent-background.hidden { width:0; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top { display:flex; position:relative; height:calc(100% - 50px); overflow:auto; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-menu-mobile-close { flex-basis:50px; flex-shrink:0; position:relative; height:100%; background:#1C1C1C; cursor:pointer; z-index:1; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-menu-mobile-close:before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-menu-mobile-close:after { position:absolute; left:23px; top:23px; content:' '; height:18px; width:4px; background-color:#DADADA; border-radius:3px; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-menu-mobile-close:before { transform:rotate(45deg); } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-menu-mobile-close:after { transform:rotate(-45deg); } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques { flex-basis:100%; position:relative; background:#282828; padding:10px 0 20px; height:max-content; min-height:100%; z-index:1; box-sizing:border-box; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique { display:table; position:relative; line-height:13px; font-size:13px; color:#DADADA; padding:15px 20px; text-decoration:none; transition:200ms; z-index:1; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique .new { display:inline-block; font-size:9px; color:#FAB707; vertical-align:top; margin-top:-6px; margin-left:4px; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique:hover, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique-selected { color:#FFF; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique::before { position:absolute; top:7px; left:-3px; content:''; height:31px; width:0; /*background:transparent;*/ background:#C95100; transition:200ms; border-radius:3px; z-index:-1; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique-selected::before { left:-2px; height:31px; width:4px; top:7px; background:#E48703; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique:hover::before { width:calc(100% + 4px); left:-2px; top:7px; background:#C95100; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-techno::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-techno:hover::before { background:#3C6796; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-droit::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-droit:hover::before { background:#F7EB00; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-droit:hover { color:#282828; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-formation::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-formation:hover::before { background:#8363A7; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-blogs::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-blogs:hover::before { background:#703C0A; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-videos::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-videos:hover::before { background:#00AFB5; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-emploi::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques #header-rubrique-emploi:hover::before { background:#7FA011; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites { padding:2px 0 10px; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites a { display:block; font-size:12px; padding:6px 30px; color:#8F8F8F; text-decoration:none; font-style:italic; transition:200ms; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites a:hover, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites a.selected { color:#F5A000; /*text-indent:5px;*/ padding-left:35px; padding-right:25px; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites a.trending:hover, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-verticalites a.trending.selected { color:#bf2a42; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom { height:50px; padding:10px 15px; box-sizing:border-box; background:#DADADA; z-index:1; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements { position:relative; top:auto; left:auto; bottom:auto; right:auto; justify-content:start; align-items:center; height:100%; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.standard { font-size:11px; margin-left:12px; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.standard:first-child { margin-left:0; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.standard::before { background-color:#888888; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.standard:hover::before { background-color:#C95100; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.abonnement { font-size:10px; line-height:10px; padding-left:8px; padding-right:8px; margin-left:0; order:0; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.deconnexion { position:absolute; overflow:hidden; right:0; width:22px; height:22px; background-size:12px; margin-top:0; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.deconnexion::before { width:18px; height:18px; background-size:10px; } /*#actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.deconnexion::after { content:''; position:absolute; height:100%; width:20px; left:-20px; top:0; background:linear-gradient(red, blue); }*/ #actuenvironnement-middle { flex-wrap:wrap; } #actuenvironnement-middle-left { flex-basis:100%; background:none; border:0; } #actuenvironnement-middle-left #header-verticalites { display:none; } #actuenvironnement-middle-right .annonces-header .min-width { width:auto; padding:0 15px;text-align: center; } #actuenvironnement-middle-right .globalContent { padding:30px; } } @media screen and (max-width:800px) { #actuenvironnement-top .abonnements a.espace_abonne .nom { display:none; } } @media screen and (max-width:650px) { #actuenvironnement-top #header-menu #header-rubriques .header-rubrique span { display:none; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-top #header-rubriques .header-rubrique { display:table; } #actuenvironnement-top > .max-width > .abonnements a.standard, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.deconnexion { width:22px; overflow:hidden; } #actuenvironnement-top > .max-width > .abonnements a.standard::before, #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements a.deconnexion::before { width:22px; height:22px; background-size:12px; margin-top:0; } } @media screen and (max-width:500px) { #actuenvironnement-top .logo { margin-left:auto; } #actuenvironnement-top .abonnements { display:none; } #actuenvironnement-top #header-menu-mobile #header-menu-mobile-bottom .abonnements { display:flex; } #actuenvironnement-middle-right .globalContent { padding:15px; } }