body { position:relative; margin:0; padding:0; font-size:13px; background:#FFF; font-family:Verdana, Geneva, sans-serif; }

::-moz-focus-innet { border:0; }
a:active { outline:none; text-decoration:none; }
a:visited { outline:none; text-decoration:none; }
a:link { outline:none; text-decoration:none; }
a:hover { outline:none; text-decoration:underline; }

.spacer { clear:both; width:100%; height:0px; overflow:hidden; font-size:1px; color:#FFFFFF; text-indent:2000px; letter-spacing:2000px; white-space:nowrap; }

#actuenvironnement { display:block; width:100%; min-width:1260px; font-family:Verdana, Geneva, sans-serif; }
#actuenvironnement-top { display:block; width:100%; position:relative; }
#actuenvironnement-middle { display:flex; width:100%; max-width:1260px; box-sizing:border-box; }
#actuenvironnement-middle-left { flex-basis:200px; flex-shrink:0; overflow:hidden; }
#actuenvironnement-middle-right { flex-basis:100%; overflow:hidden; }
#actuenvironnement-bottom { display:block; width:100%; }

#actuenvironnement input,
#actuenvironnement textarea { font-family:Verdana, Geneva, sans-serif; font-size:13px; }

#actuenvironnement-top-print { display:none; }
#actuenvironnement-top { background:#F4F4F4; padding-top:28px; }
#actuenvironnement-top .logo { display:block; margin:0 auto 34px; width:250px; }
#actuenvironnement-top .logo a { display:block; white-space:nowrap; overflow:hidden; outline:none; width:250px; height:63px; text-indent:251px; background:url('/images/interface/header/logo-actu-environnement-transition-medium.png') center no-repeat; background-size:100%; }
#actuenvironnement-top .logo .baseline { display:none; }
#actuenvironnement-top .abonnements { position:absolute; right:20px; top:20px; display:flex; flex-direction:column; align-items:flex-start; }
#actuenvironnement-top .abonnements a.standard { display:inline-block; margin-top:8px; margin-left:8px; font-size:11.5px; color:#515151; line-height:19px; text-decoration:none; white-space:nowrap; transition:200ms; }
#actuenvironnement-top .abonnements a.standard:first-child { margin-top:0; }
#actuenvironnement-top .abonnements a.standard::before { content:''; display:inline-block; width:18px; height:18px; background:#BABABA center center no-repeat; background-size:10px; vertical-align:middle; margin-right:6px; margin-top:-2px; border-radius:50px; transition:200ms;}
#actuenvironnement-top .abonnements a.standard:hover { color:#c95100; }
#actuenvironnement-top .abonnements a.standard:hover::before { background-color:#c95100; }
#actuenvironnement-top .abonnements a.espace_abonne::before { background-image:url('/images/interface/common/svg/fougere.svg?couleur=FFFFFF'); }
#actuenvironnement-top .abonnements a.newsletter::before { background-image:url('/images/interface/common/svg/newsletter.svg?couleur=FFFFFF'); }
#actuenvironnement-top .abonnements a.deconnexion::before { background-image:url('/images/interface/common/svg/deconnexion.svg?couleur=FFFFFF'); }
#actuenvironnement-top .abonnements a.abonnement { display:inline-block; overflow:hidden; position:relative; background:#C95100; color:#FFF; border-radius:3px; font-size:11.5px; line-height:12px; text-decoration:none; text-transform:uppercase; padding:8px 34px 10px; transition:200ms; z-index:1; }
#actuenvironnement-top .abonnements a.abonnement::before { content:''; position:absolute; width:60%; height:100%; background:#E48703; top:0; left:20%; opacity:0; transition:opacity 100ms, width 200ms ease-out, left 200ms ease-out; z-index:-1; }
#actuenvironnement-top .abonnements a.abonnement:hover::before { width:100%; left:0; opacity:1; }

#actuenvironnement-top #header-menu { position:relative; background:#282828; height:45px; z-index:3; }
#actuenvironnement-top #header-menu #header-menu-mobile-burger { position:absolute; top:0; left:-45px; width:45px; height:45px; text-indent:46px; overflow:hidden; white-space:nowrap; background:#1C1C1C url('/images/interface/header/applications.png') center no-repeat; background-size:14px; cursor:pointer; transition:300ms; z-index:3; }
#actuenvironnement-top #header-menu #header-rubriques { display:flex; position:relative; height:45px; margin:0 60px; justify-content:center; z-index:2; }
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique { display:inline-block; position:relative; line-height:13px; font-size:13px; color:#DADADA; padding:15px; text-decoration:none; transition:200ms; z-index:1; }
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique:hover,
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique-selected { color:#FFF; }
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique::before { position:absolute; top:22px; left:3px; content:''; height:0px; width:calc(100% - 6px); background:transparent; transition:200ms; border-radius:3px; z-index:-1; }
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique-selected::before { left:15px; height:4px; width:calc(100% - 30px); top:43px; background:#E48703; }
#actuenvironnement-top #header-menu #header-rubriques .header-rubrique:hover::before { height:31px; width:calc(100% - 6px); left:3px; top:7px; background:#C95100; }
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-materiels-services::before,
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-materiels-services:hover::before { background:#3C6796; }
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-formation::before,
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-formation:hover::before { background:#8363A7; }
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-blogs::before,
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-blogs:hover::before { background:#703C0A; }
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-videos::before,
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-videos:hover::before { background:#00AFB5; }
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-emploi::before,
#actuenvironnement-top #header-menu #header-rubriques #header-rubrique-emploi:hover::before { background:#7FA011; }

#actuenvironnement-top #header-menu #header-search { position:absolute; top:0; right:0px; width:100%; z-index:1; }
#actuenvironnement-top #header-menu #header-search-loupe { display:block; position:absolute; right:0; width:55px; height:45px; background:#282828 url('/images/interface/header/loupe.png') center no-repeat; background-size:20px; cursor:pointer; }
#actuenvironnement-top #header-menu #header-search-loupe.active,
#actuenvironnement-top #header-menu #header-search-loupe:hover { background-color:#1C1C1C; }
#actuenvironnement-top #header-menu #header-search-champs-container { display:block; overflow:hidden; margin-top:45px; height:42px; padding:20px; background:#383838; box-shadow:0 30px 40px rgba(0,0,0,0.2); border-bottom:1px solid #282828; transition:300ms; }
#actuenvironnement-top #header-menu #header-search-champs-container.hidden { height:0; padding-top:0; padding-bottom:0; box-shadow:none; border-bottom:0; }
#actuenvironnement-top #header-menu #header-search-champs { display:flex; align-items:flex-start; width:100%; max-width:900px; border-radius:5px; overflow:hidden; margin:0 auto; }
#actuenvironnement-top #header-menu #header-search-text { -webkit-appearance:none; -moz-appearance:none; flex-basis:100%; height:42px; line-height:42px; box-sizing:border-box; border:0; padding:15px; border-radius:0; background:rgba(255,255,255,0.15); color:#FFF; outline:none; }
#actuenvironnement-top #header-menu #header-search-submit { flex-basis:120px; flex-shrink:0; font-size:13px; height:42px; align-self:flex-start; background:rgba(255,255,255,0.25); color:#EAEAEA; -webkit-appearance:none; -moz-appearance:none; border:0; border-radius:0; cursor:pointer; transition:200ms; }
#actuenvironnement-top #header-menu #header-search-submit:hover { background:#F5A000; color:#FFF; }

#actuenvironnement-middle { margin:0 auto; border-left:1px solid #DADADA; border-right:1px solid #DADADA; box-shadow:0 0 40px rgba(0,0,0,0.1); }
#actuenvironnement-middle-left { background:#F4F4F4; border-right:1px solid #DADADA; }

#actuenvironnement-middle-left #header-verticalites { padding:10px 0; }
#actuenvironnement-middle-left #header-verticalites a { display:block; position:relative; font-size:12.5px; line-height:13px; color:#888888; padding:15px 15px 15px 22px; text-decoration:none; transition:200ms; z-index:1; /*white-space:nowrap;*/ }
#actuenvironnement-middle-left #header-verticalites a::before { position:absolute; content:''; left:0; top:50%; width:100%; height:0; background:#FFF; border-top:1px solid #F4F4F4; border-bottom:1px solid #F4F4F4; z-index:-1; transition:200ms; }
#actuenvironnement-middle-left #header-verticalites a:hover,
#actuenvironnement-middle-left #header-verticalites a.selected { z-index:2; color:#E48703; /*text-indent:5px;*/ padding-left:27px; padding-right:10px; }
#actuenvironnement-middle-left #header-verticalites a:hover::before,
#actuenvironnement-middle-left #header-verticalites a.selected::before { height:100%; top:0; border-color:#DADADA; }
#actuenvironnement-middle-left #header-verticalites a.trending { color:#bf2a42; font-weight:bold; }

#actuenvironnement-middle-right .annonces-header { display:table; position:relative; width:100%; }
#actuenvironnement-middle-right .annonces-header .min-width { display:block; position:relative; width:100%; padding:0 20px; margin:0 auto; box-sizing:border-box; }

#actuenvironnement-middle-right .annonces-header-confirmation { background:#e5f5ed; border-bottom:1px solid #bdedd6; }
#actuenvironnement-middle-right .annonces-header-confirmation .min-width { background:#e5f5ed; }

#actuenvironnement-middle-right .annonces-header-alerte { background:#ffe8a2; border-bottom:1px solid #f1d06c; font-size:13px; color:#4c4c4c; text-shadow:1px 1px 0px #fff3ce; }
#actuenvironnement-middle-right .annonces-header-alerte .min-width { background:#ffe8a2; padding:16px 0; }
#actuenvironnement-middle-right .annonces-header-alerte a { display:inline-block; background:#fff4d1; border-radius:4px; margin-right:8px; margin-top:12px; font-size:12px; color:#636363; padding:6px 30px; text-shadow:1px 1px 0px #fffaeb; text-decoration:none; }
#actuenvironnement-middle-right .annonces-header-alerte a:hover { color:#E48703; }
#actuenvironnement-middle-right .annonces-header-alerte .icone { display:inline-block; margin-top:-1px; margin-right:4px; vertical-align:middle; }
#actuenvironnement-middle-right .annonces-header-alerte .fermer { float:right; padding:5px; margin-right:5px; cursor:pointer; }

#actuenvironnement-middle-right .annonces-header-erreur { background:#f6e5e7; border-bottom:1px solid #eccdd2; padding:15px 0 18px 0; font-size:15px; line-height:24px; color:#282828; text-align:center; text-shadow:1px 1px 0px #EAEAEA; }
#actuenvironnement-middle-right .annonces-header-erreur .min-width { background:#f6e5e7; }
#actuenvironnement-middle-right .annonces-header-erreur strong { font-size:18px; }
#actuenvironnement-middle-right .annonces-header-erreur a { color:#484848; border-bottom:1px dashed #C92121; text-decoration:none; }
#actuenvironnement-middle-right .annonces-header-erreur a:hover { color:#C92121; }
#actuenvironnement-middle-right .annonces-header-erreur a.ME { display:inline-block; background:#ffffff; border-radius:4px; margin-right:8px; margin-top:12px; font-size:12px; color:#636363; padding:6px 30px; text-shadow:1px 1px 0px #fffaeb; text-decoration:none; }
#actuenvironnement-middle-right .annonces-header-erreur a.ME:hover { color:#a82f3d; }

#actuenvironnement-middle-right .globalContent { position:relative; padding:30px 28px; margin:0 auto; z-index:1; }

#informations-cookies { display:table; width:100%; background:#E48703; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:18px; padding:9px 0 10px 0; }
#informations-cookies .texte { display:table-cell; vertical-align:baseline; text-align:left; padding-left:15px; padding-right:5px; width:100%; }
#informations-cookies .texte a { color:#FFF; text-decoration:none; border-bottom:1px dotted #FAB707; }
#informations-cookies .fermeture { display:table-cell; vertical-align:middle; text-align:center; width:40px; padding-left:10px; padding-right:10px; }
#informations-cookies .fermeture img { display:inline-block; width:22px; vertical-align:middle; }