:root {
    --light-color:#8fc055;
    --dark-color:#518d4d;
    --nav-menu-icon:#f5f5f5;
    --nav-theme:#518d4d;
    --nav-dossier:#518d4d;
    --nav-dossier-text:#fff;
    --bg-mobilep:#e1f4fe;
    --newsletter-light:#8fc055;
    --newsletter-dark:#518d4d;
}

.box #pagecontact h1,a,body,.postyc .previsu a{color:#333}
article .signature,.photo-album figcaption,aside .p,.p a,.pub a,ul.box li a span,.avis span{color:#666}
p.intro a,a.lien-externe,.article__content a,a.blue,.box-menu #pagecontact a{color:#0275c1}
i{margin-right:8px}
sup{vertical-align:super;line-height:12px}
.padding14,.indexkeyword .resultat-alphabetique,article h1,.sh-modif-publication-window .post--actu,.post--comment{padding:14px}
.padding21{padding:21px}
.cover{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.fa,.theme .dossier:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-stack-1x{position:absolute;left:0;width:100%;text-align:center}
.fa-fw{width:1.28571429em;text-align:center}
.fa-angle-right:before{content:"\f105"}
.fa-arrow-down:before{content:"\f063"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-building-o:before{content:"\f0f7"}
.fa-calendar:before{content:"\f073"}
.fa-caret-right:before{content:"\f0da"}
.fa-caret-down:before{content:"\f0d7"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-circle:before{content:"\f111"}
.fa-clock-o:before{content:"\f017"}
.fa-close:before{content:"\f00d"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-external-link:before{content:"\f08e"}
.fa-files-o:before{content:"\f0c5"}
.fa-home:before{content:"\f015"}
.fa-like:before{content:"\f087"}
.fa-linkedin:before{content:"\f0e1"}
.fa-map-marker:before{content:"\f041"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-tag:before{content:"\f02b"}
.fa-phone:before{content:"\f095"}
.fa-pinterest-p:before{content:"\f231"}
.fa-play:before{content:"\f16a"}
.fa-plus:before,.off-preference i:before{content:"\f067"}
.fa-print{margin-left:5px;color:#555}
.fa-print:before{content:"\f02f"}
.fa-search:before{content:"\f002"}
.fa-sign-out:before{content:"\f08b"}
.fa-share:before{content:"\f064"}
.fa-sliders:before{content:"\f1de"}
.fa-suitcase:before{content:"\f0f2"}
.fa-ticket:before{content:"\f145"}
.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.on-preference i:before{content:"\f00c"}
.main-content-head .dossier .header__icon{padding:10px;margin:0;width:64px;height:38px;background:#0b5f0e;border-right:1px solid #000}
.main-content-head .dossier .header__icon span,header.news .titre-site,.geo,.album a span,.home-block a.acces-rubrique span,.social-share span,#ta_comment_menusubmit_header,.main-content-head .dossier a.actif:after,.routedurhum .main-content-head .theme-title,.dossierspecial .main-content-head .theme-title span,.dossierspecial .main-content-head .theme-title:before,.dossierspecial .main-content-head .theme-title div,.brest2020 .main-content-head .theme-title span,.brest2020 .main-content-head .theme-title:before,.brest2020 .main-content-head .theme-title div,.boatshow .main-content-head .theme-title span,.boatshow .main-content-head .theme-title:before,.boatshow .main-content-head .theme-title div,.x-showroom-partage #addphototype,#ShowroomSearchListing_QueryForm-container .gfw-noshrink,#ShowroomSearchListing_QueryForm-container .gfw-form-label-col,.home-block__newarticle .articles-home a span.etiquette:after,.main-content-head .dossier .themelink:after,.main-content-head .dossier .dossierlink:after{display:none}
.main-content-head .dossier a.header__icon:after{content:'';top:-2px;left:12px}
.p-head{height:80px;padding:10px 0;background:#fff}
.idxform form,.article--ficheproduit div:nth-child(even),.indexkeyword,.sh-modif-publication-window,.photo-album{background:#fff}
.relative,.box h1,.articles-home,.photo-album .title,.photo-album figure,.contact,.box a.dossier,.box a.dossier span,.plusarticle,.plusarticle a,.visuel,.routedurhum,.main-content,.theme.fiches .img-salons,.theme.fiches .salon-img,#ShowroomSearchListing_QueryForm-container{position:relative}
ul.box img,.article__reportage a.dossier-suivant span{float:left}
.main-content-head{position:relative;background:#f7f7f7;word-spacing:normal}
.main-content-head .theme-title{margin:0;display:block;letter-spacing:-1px;position:relative;padding:3px 21px 14px 65px;font-weight:300;font-size:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.main-content-head .theme-title:before{content:"";background:url('../images/sprite-naturel-com.png') no-repeat 12px 0;background-size:50px;width:70px;height:70px;position:absolute;left:0;top:0}
.main-content-head .theme-title span{font-weight:700;line-height:38px}
.main-content-head .theme-title .com{font-weight:300;font-size:.5em;display:inline-block;margin:5px 0 -3px;letter-spacing:normal}
.main-content-head .theme-title h1,.main-content-head .theme-title .subtitle{display:block;line-height:10px;font-size:.7rem;vertical-align:top;font-weight:400;margin:0;letter-spacing:normal}
.search-top{margin:0 14px 14px}
.main-content-head.search-header{padding:14px 0!important}
.main-search{background:#f7f7f7!important}
.search-news form{border:1px solid #dadada;position:relative}
.search-news input{padding:11px!important;border:0!important;font-size:14px;width:90%}
button.valid[type=submit]{font-size:16px}
.search-news button.valid[type=submit]{padding:9px 7px 10px 14px;border-left:1px solid #dadada;position:absolute;right:0;top:0;background:#f5f5f5;color:#999}
.theme-title:before {
    content: "";
    background: #fff url(../images/sprite-naturel-com.png) no-repeat 13px 7px;
    background-size: 33px;
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    border-radius: 40px;
    left: -9px;top:0
}
.home-block__theme .fiche-tech{background:none;color:#f42300}
.home-block__newarticle .articles-home a span.etiquette{width:auto;position:relative!important;left:auto;background:none;color:#f42300;font-size:inherit;margin:0;padding:0;display:inline-block}
.main-content-head .dossier{position:relative;overflow:hidden;min-height:38px}
.social-share.skype,.bloc-theme .titrebloc,.glhebdo p,aside iframe{margin:0}
.nav-menu a:before{background:#f5f5f5 url('../images/sprite-naturel-com.png') no-repeat 2px 0px;background-size:26px}
.nav-menu .theme-emploi:before{background-position:2px -45px;background-size:140px;background-color:#f42300}
.nav-menu .theme-forums:before{content:"\f075";background:#f48c07;color:#fff;padding:5px 0 0}
.newsletter a.titre-site{font-size:29px;padding:9px 0 0 40px}
.main-search .menusearch{overflow-x:scroll}
.home-block,.box,.theme{display:inline-block;position:relative}
.home-block .box.boxlies{margin:14px auto;display:block}
.home-block .box{padding:35px 0 42px}
.bloc-theme,.fichetheme{background:#f7f7f7}
.box-menu p.intro,.box-menu #pagecontact p,.box-menu #pagecontact ul{margin:0 10px;text-align:left;font-size:14px;line-height:20px}
a.acces-rubrique-accueil{font-weight:700;font-size:.875em;margin:0 0 70px;display:block;text-align:center;padding:8px;border-bottom:1px solid #dadada;border-top:1px dotted #dadada;background:#eee;width:97%}
.plusarticle,.plusarticle a{background:#fff;font-weight:700;font-size:.75em;display:block;padding:14px 21px;border-top:1px solid #eee}
.album a.acces-rubrique{margin:0 0 5px;width:99%;background-color:#1ec823;color:#fff!important;text-align:center}
.home-block__theme .acces-rubrique{background:#0275c1;color:#fff;padding:7px 14px;border-radius:6px;display:block;margin:14px 14px 35px;text-align:center}
.plusactu{display:block;width:520px;text-align:center;padding:10px;background:#1ec823;color:#fff;margin:auto}
.fichetheme h2{font-size:1em}
.home-block h2 i,.titrebloc i{color:#fff;position:absolute;right:0;margin:0;width:36px;text-align:center;font-size:23px}
a.bloc-article-lie{margin:10px 12px 17px;font-size:11px}
.reportage a h2,.reportage a h3{font-size:14px!important}
.reportage .nbarticles span{display:block;font-size:26px;color:#fff}
a.post,#SubscribeForm-container .top{display:block}
.articles-home a img{height:auto;width:100%}
.articles-home a:visited{color:#666}
.articles-home a p{padding:0 14px 14px;line-height:inherit}
.articles-home .title:before{top:107px!important}
.articles-home.firstarticle p,.article__keyword{padding:0 14px}
#NewsGetArticleDataForm-container .gfw-form-fieldpanel,.port .article--ficheproduit div,.postyc .post--author strong,.sh-modif-publication-window .post--author strong{font-size:14px}
#NewsGetArticleDataForm input[type=submit]{padding:14px 35px}
a.lien-externe{font-size:13px;display:block;padding:14px;overflow:hidden;text-overflow:ellipsis}
a.lien-externe i{margin-right:5px}
a.lien-externe i,a.lien-externe :before{display:initial}
a.joblist-index-menu{background-color:#eee;display:inline-block;padding:8px 0;font-weight:700;font-size:13px;width:50%;text-align:center}
a.joblist-index-menu-droite{background-color:#eee;display:inline-block;padding:8px 0;font-weight:700;font-size:13px;text-align:center;width:50%}
#ShowroomSearchListing_QueryForm-container{background:#f5f5f5;padding:14px 7px}
.article--ficheevent div{display:inline-block}
.article__reportage a.dossier-precedent span,.x-showroomsocial-share,.aside--btn i{float:right}

.search .articles-home{margin:20px 0 0 12px}
article ul.chaine-info-droite{box-shadow:none}

.article__content h3,article td,article td span,li{line-height:25px}
p,article td,article td span,.article__content li,.x-adminform-window .gfw-form-commands{margin:14px 0}
article table{border-spacing:0;width:100%}
article tr{line-height:30px}
article td{font-size:12px;border-top:1px dotted #dadada}
.article__author{position:relative;line-height:1.2em;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:12px 0}
.article__author .share-post{position:absolute;right:7px;top:12px}
.article__author strong{display:block;font-size:.9em;color:#000}
.article__author a:hover{text-decoration:none!important}
.article__author .imgauteur{float:left;overflow:hidden;border-radius:50px;width:40px;height:40px;margin-right:14px}
.article__author .signature{font-size:.8em}
.article__author .imgauteur img,article figure img{width:100%;height:auto}
.photo-album figure iframe,aside .p img,.sh-modif-publication-window,.fichetheme{width:100%}
.main-content .classsuivre span{border:1px solid #0275c1;color:#0275c1;background:#fff;cursor:pointer;font-size:12px;margin:auto;padding:9px 7px;width:115px;border-radius:3px;text-align:center;font-weight:700;display:block}
.main-content .classsuivre span.on-suivre{color:#fff!important;background:#0275c1}
.main-content .classsuivre span.on-suivre:before{content:'\f00c';font:normal normal normal 14px/1 FontAwesome;font-size:inherit;padding:0 7px 0 0}
.post--multiuser .classsuivre span{width:90%}
.article__content img{width:100%;height:auto;margin:auto;display:block}
.article__content h3{margin:35px 0 14px}
.article__content ol,.article__content ul{margin-left:35px}
.article__content ol{list-style-type:decimal}
.article__content ul h3{font-weight:700;list-style-type:none}
.article__content ul.lien-externe li{margin:0;list-style-type:none}
.article__content q,blockquote{font-style:italic}

.post--line,.article--ficheproduit{background:#fff}
.share-link a,.likeactif,.like{font-weight:700;cursor:pointer}
.likeactif{color:#0596de}
.post--line .reaction{display:none}
.social-share a,.theme.fiches .plusarticle{color:#fff!important}
#photo .social-share{width:17%}
iframe{width:100%;margin-bottom:14px}
.article--ficheproduit .visuel,#ShowroomSearchListing_QueryForm-container .gfw-form-fieldpanel{padding:0}
.article--ficheproduit img,.wall,.port #map,.theme.fiches .plan,.theme--geo .map-canvas{width:100%!important}
.article--ficheproduit div{padding:7px 21px}
.article--ficheproduit div:nth-child(odd){background:rgba(245,245,245,.7)}
.article--ficheproduit div span{width:50%;display:inline-block;vertical-align:top}
.article--ficheproduit div span:nth-child(2),.postyc .post--author .post--msg-admin li{font-weight:700}
.article--ficheproduit div span.appendiceoption{width:40%}
.article--ficheproduit div span.item,.port .article--ficheproduit .blocinfo span{width:auto}
.article--chapeau figcaption{position:absolute;bottom:4px;padding:14px!important;color:#fff;left:0;right:0;font-size:12px;background:rgba(0,0,0,.7)}
.article__content ul li,#pagecontact ul li{margin-left:21px;list-style-type:disc}
.pano360{margin:0 0 21px;font-size:11px}
.pano360 .legend{margin-top:-20px}
h2.geolocalisation{margin-bottom:20px;font-size:22px;height:35px}
.gfw-form-fieldpanel{padding-top:5px;font-size:12px}
.gfw-form-title{font-size:1.2em;font-weight:700;color:#000;padding:0 0 7px 21px}
#SubscribeForm-container{width:100%!important;margin:-45px 0 0!important}
#SubscribeForm-container .gfw-form-title,#UnSubscribeForm-container .gfw-form-title{margin:0 -165px 0 0;font-size:12px}
.gfw-form-label-col{width:150px}
.gfw-form-widget-col input[type=text],.gfw-form-widget-col textarea{width:96%;border:1px solid #dadada;padding:10px}
#UnSubscribeForm-container .gfw-form-widget-col input[type=text]{width:90%;border:1px solid #dadada;padding:10px}
.gfw-form-widget-col input[name=NewsGetArticleDataForm_captcha]{width:50px;margin-right:10px}

.ficheliee .titrebloc,.fiche-tech .titrebloc{border:1px solid #0275c1;padding:0;overflow:hidden}
.ficheliee .titrebloc span,.fiche-tech .titrebloc span{background:#0275c1;color:#fff;width:100%}
.ficheliee .titrebloc i,.fiche-tech .titrebloc i{padding:4px;color:#fff}
.article--ficheproduit .btn-mp{background:#0275c1;margin:21px auto}
.glhebdo .btn{background:#4AA400;position:relative;font-size:13px;padding:19px;text-align:center;margin:7px 0 0;top:0;width:100%}
.glhebdo .btn i{position:absolute;left:14px;top:15px;background:rgba(0,0,0,.3);padding:7px;border-radius:50%}
.result-search .p{width:187px;height:187px;text-align:center;margin:21px auto 42px;vertical-align:top}
.result-search .btn{float:right;margin:14px 14px 21px}
.photo-album figure img{margin:14px auto;display:block;width:100%}
.photo-album figure a{background:rgba(0,0,0,.6);padding:15px;position:absolute;top:15px;display:block;color:#fff;border-radius:2px;font-size:13px}
.photo-album figure a.image-precedente{left:-15px;text-align:right}
.photo-album figure a.image-suivante{right:-15px}
.photo-album figure a.image-suivante i{margin:0 0 0 8px}
.photo-album figcaption{padding:14px 0;font-size:13px}
.photo-album figcaption span{font-size:11px;display:block;text-align:right}
.photo-album .more{padding:7px 0 14px 21px}
.photo-album h1 a{padding:0;display:inline-block}
.photo-album .title a{color:#B00;font-weight:700;display:inline-block}
.photo-album .plus-photo{margin-left:10px}
.album{padding-top:14px!important}
.photos .album{max-height:300px}
.photo-album .album{max-height:800px}
.album a{position:relative;width:49%}
.album a img{width:100%;height:auto}
.sous-album{height:30px;background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);width:90%;margin-top:-30px;position:absolute}
.theme .plusarticle{margin:0!important}
.box a.autre{display:inline-block;margin:7px 0 0 8px;position:relative;height:87px;width:87px;overflow:hidden;border-radius:2px;cursor:zoom-in}
.box .photo-album a.autre{float:left;margin:4px;position:relative}
.aside__photos .all{padding:7px 0;font-weight:700;font-size:11px!important;text-align:center}
.aside__photos .titre{margin-bottom:7px}
.aside__photos img{margin:0 0 0 7px;width:46.5%}
.article--emploi ul li a{padding:14px;font-size:12px;border-bottom:1px dotted #eee;display:block}
.article--emploi .joblist-index-no:before{content:'';background:url('../images/pourvue.png');width:50px;height:16px;display:inline-block;margin:0 10px 0 0}
.box a.all{padding:14px;display:block;background:#f5f5f5;font-size:13px}
.suivre{text-align:center;padding:20px 0 5px}
.gfw-tableform-validationerror-container{position:relative;top:5px;display:block;clear:both;height:100px}

.theme.fiches .content{margin:21px}
.x-adminform-window,.x-adminform-window .gfw-form-label-col{width:187px}
.x-adminform-window #CVCompetenceEditForm_idcompetence-row .gfw-form-label-col{width:0}
.x-adminform-window div.cv-form-select select{height:28px;background:#fff}
.x-adminform-window .gfw-widget-autosuggest-container input.gfw-widget-autosuggest-inputtext{margin:0;border-radius:0}
.x-adminform-window{background-color:#fff;z-index:9999!important;margin:0 auto;width:100%;box-shadow:#555 0 0 7px}	
.x-adminform-window .gfw-form-label-block{width:190px}
.x-adminform-window textarea{height:100px}
.x-adminform-window select{padding:0!important;width:356px!important;background:#fff}
.x-adminform-window input.gfw-widget-autosuggest-inputtext{width:340px!important}
.x-adminform-window .gfw-attributeeditor .x-suplink{width:70px!important}
._main-article .connexion-texte-formulaire{float:left;padding:5px 5px 0 0;width:125px;text-align:right;font-size:14px;color:#3f3f3f}
._main-article .connexion-champ-formulaire input{border:1px solid #E3E3E3;background-color:#FDFDFD;padding:6px 10px;width:170px}
.gfw-button.x-skin.gray{bottom:0;right:0;background:#378bbf;border:0;cursor:pointer;line-height:2em;padding:7px 28px;font-size:1.1em;color:#fff!important;border-radius:2px}
.x-showroom-partage #wallsubmit,.x-showroom-partage #quipeutvoir{vertical-align:middle;font-size:11px;border:1px solid #dadada;padding:3px}
.x-showroom-partage #wallsubmit{text-align:center;width:auto;border-radius:8px;box-shadow:#555 0 2px 3px;background:#FFF}
.x-showroomsocial{line-height:20px;vertical-align:middle;float:right;padding:0 0 0 14px;text-align:center;width:auto;border-radius:3px}
.x-showroomsocial-like{float:right;margin-left:10px}
.x-showroomsocial-share .x-admin-impose-modaleaction{font-size:11px;line-height:20px}
.x-showroomsocial-share .x-admin-impose-modaleaction,.x-showroomsocial-like .x-admin-impose-modaleaction{padding:0 7px;width:initial!important}
.x-showroomsocial-pagetheme,.x-showroomsocial-pagedossier,.x-showroomsocial-pagealbum{margin-right:20px}
.x-commentaireshowroom,.article--end,.main-article .fichetheme{margin:70px 0 0}

.theme.fiches .plusarticle{background:#F5732A!important}
.article--ficheevent div span{border-radius:50%;color:#fff;background:#F5732A;padding:18px 10px 0;text-align:center;margin:0 auto;width:40px;display:block;height:40px}
figure.photoelement{width:47%;display:inline-block;height:220px;overflow:hidden;position:relative}
figure.photoelement img{width:100%!important;margin:0!important;position:absolute;bottom:0}
figure.plan img{margin:14px 0 0!important}
.theme.fiches figure img{width:100%;margin:-44px 0 -4px}
.theme.fiches h2{font-size:1em;line-height:24px;color:#F5732A;margin-top:35px}
.theme.fiches h2 i{padding:10px;background:#F5732A;color:#fff;border-radius:50%;font-size:12px;width:11px;text-align:center}
.theme.fiches .photoelement{margin:21px 12px 0 0}
.theme.fiches .logo{background:none!important}
.theme.fiches .logo img{height:200px;width:200px!important;background:#f5f5f5;display:block;border-radius:50%;position:relative;margin:0 auto;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}
.theme.fiches .content img{width:49%}
.theme.fiches .plusarticle a{border:0;position:absolute;top:0;right:0;color:#fff}
.theme.fiches iframe{width:610px;margin:14px 21px 0;height:343px}
.theme.fiches iframe.iframeshom{margin:21px auto;display:block;width:100%;height:800px}
.theme.fiches .x-commentaireshowroom,.theme.fiches .photos,.theme.fiches p{padding:0 21px}
.theme.fiches .album{padding:7px 0 0}
.theme.fiches .avis p strong,.avis p:first-letter,.avis div:first-letter{text-transform:capitalize}
.theme.fiches #map{margin:auto;width:95%!important}
.theme.fiches .url{color:#1ec823}
.boxlies{width:93%!important;margin:14px auto;display:block;vertical-align:top;background:#fff url('../images/icon2.png') no-repeat 21px 21px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);height:230px;overflow:hidden}
.boxlies img{width:100%;bottom:40px;position:absolute}
.home-block .boxlies img{bottom:73px}
.boxlies div{padding:14px;display:block;background:#fff;position:absolute;bottom:0;min-height:60px;left:0;right:0}
.boxlies div span,.boxlies div p{color:#999;font-size:12px;display:block;font-weight:300;padding:7px 0 0}
.boxlies div p{margin-top:7px}
#ShowroomSearchListing_QueryForm-container input{margin:0 14px;padding:14px;width:78%}
#ShowroomSearchListing_QueryForm-container input[type="submit"]{padding:9px 21px}
#ShowroomSearchListing_QueryForm-container .gfw-form-commands{float:right;position:absolute;top:14px;right:0}
.avis{padding:0 0 21px;font-size:14px}
.avis p{font-size:14px;padding:21px 21px 0!important}
.avis div{padding:0 21px!important;line-height:25px}
.avis p,.avis div{text-transform:lowercase}
.x-commentaireshowroom #connection-candidat{margin-top:7px;float:right;background-color:#4095cb;border:1px solid #4095cb;white-space:normal;margin-left:-1px;line-height:22px;border-radius:2px;box-sizing:content-box;-webkit-font-smoothing:antialiased;font-weight:700;padding:0 7px;position:relative;text-align:center;vertical-align:middle}
.connection-candidat-publier{margin-right:14px!important}
.sh-modif-publication-window .post--author{margin-bottom:7px;position:relative}
.sh-modif-publication-window .post--author .image-post-author{border-radius:50%;height:50px!important;width:50px!important;margin:0!important}
.sh-modif-publication-window .post--author div{display:inline-block;vertical-align:top;margin-left:14px}
.sh-modif-publication-window .post .post--profilename{line-height:15px}
.sh-modif-publication-window .post--profilename,.post--date{color:#666;font-size:12px}
.sh-modif-publication-window .ajaxeditcontent{min-height:42px}
.sh-modif-publication-window #ta_modif_wallsubmit{color:#fff;background:#1ec823;border:1px solid #1ec823;border-radius:3px}
.sh-modif-publication-window #ta_modif_wallform input[type="submit"]{margin:7px 0 14px;text-align:center;float:right;padding:7px 21px;font-size:12px}
.sh-modif-publication-window .bloctxt h2{font-size:15px;text-overflow:initial;overflow:initial;white-space:initial;margin:0 0 7px;color:rgba(0,0,0,.85)!important;line-height:25px}
.home-block__theme .postyc {margin:56px 0 0}
.home-block__theme .postyc .titrebloc{background:none;padding:0;overflow:hidden;border-top:1px solid #0b5f0e}
.main-content--keyword-pager{height:80px;position:relative;padding:7px 0 28px}
.main-content--keyword-pager a{padding:14px 21px;margin:0 14px;border-radius:3px;color:#fff!important;background:#088ae0;display:inline-block}
.main-content--keyword-pager .previous i{margin:0 7px 0 0}
.main-content--keyword-pager .next{position:absolute;right:0}
.main-content--keyword-pager .next i{margin:0 0 0 7px}
.mafenetre{background:#f5f5f5}
.mafenetre,.mafenetre .x-contents{height:250px!important}
.glhebdo #SubscribeForm input[name=SubscribeForm_submit]{background:var(--newsletter-dark)!important;border:1px solid var(--newsletter-dark)!important}
.aside__box.box-hebdo .titre i {color: var(--newsletter-dark)!important}



@media screen and (max-width:599px){
.wall{max-width:100%!important}
}



@media screen and (min-width:600px){
.habillage{background-size:767px}
.container,.firstarticle{position:relative}
.articles-home{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.articles-home a,.articles-home a .title,.articles-home a h3,.articles-home a p{font-size:16px}
.result-search .p{display:inline-block}
.search-news input{width:100%}
.firstarticle{border:0}
a.firstarticle h2,a.firstarticle h3{font-size:25px!important}
#containername1{width:500px;margin:auto}
.theme .album a{width:32%}
.boxlies{margin:14px 0 14px 21px;display:inline-block}
.post--line .reaction{margin:0 0 0 7px;font-size:12px;color:#999;display:inline-block}
}



@media screen and (max-width:767px){
.glhebdo p{margin:0;text-align:center;padding:14px 0}
}



@media screen and (min-width:768px){
.fixed{position:fixed;width:100%;left:auto!important;right:auto!important;z-index:2}
.home-block__theme,.bloc-theme,.fichetheme,.article--end{background:#fff}
.main-content-head .theme-title{font-size:28px}
.main-content-head .dossier .nav2.dossier--keyword,.home-block__theme .fiche-tech .titrebloc::before{display:none}
.home-block .fiche-tech--fiche,#pagecontact,.article__keyword{padding:0}
#bouton-top div{width:24%;max-width:100%}
a.lien-externe{padding:14px 0}

.article__content{padding:0 0 14px}
article #author .share-post{top:19px}
article iframe{height:400px}
.articles-home a .title,.glhebdo p{padding:7px 0}
.home-block__theme.home-block__newarticle .theme-232.theme-title:before{background-position:-61px -360px}
.home-block__newarticle .articles-home.firstarticle{width:58%!important;float:left;margin:0 28px 0 0}
.home-block__newarticle .articles-home a span,.home-block__newarticle .articles-home a .title{display:inline-block}
.home-block__newarticle .articles-home a span{margin:6px 21px 0 0;width:35%;border-radius:8px}
.home-block__newarticle .articles-home a span.theme-title{width:100%;border-radius:0}
.home-block__newarticle .articles-home a .titrebloc{padding:3px 14px;font-size:.9rem}
.home-block__newarticle .articles-home a span img{border-radius:8px}
.articles-home.firstarticle p{font-size:.9em;padding:0;margin:14px 0 35px}
.article--end .articles-home,.theme--geo .articles-home.firstarticle{margin:0 0 21px}
.theme.fiches .articles-home a span{line-height:22px;vertical-align:top}
a.firstarticle h2,a.firstarticle h3{line-height:32px!important;min-height:30px!important}
a.firstarticle .video{font-size:80px}
.boxlies{width:30%!important;height:200px;margin:14px 0 14px 14px}
.boxlies img{bottom:50px}
.home-block .boxlies img{bottom:89px}
.glhebdo{position:relative}
.glhebdo .btn{display:inline-block;position:absolute;right:0;width:50%}
.connection-candidat-publier{margin-right:0!important}
.theme--geo .map-canvas{margin:14px 0 0}
.theme--geo .boxlies{margin:14px 0!important}
.theme--geo .boxlies:nth-child(odd){margin:14px 21px!important}
.main-content.main-content--keyword{background:#f7f7f7}
.sh-modif-publication-window,.sh-photo-window{width:625px}
}



@media screen and (max-width:768px){
.wall .menusearch{display:none}
#connection-candidat{right:14px;left:14px}
.home-block{margin:0 auto 28px;display:block}
.list-article{padding:0 0 14px}
.header__nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,1);height:60px;z-index:2;border-top:1px solid #dadada}
.x-commentaireshowroom-textarea{padding:14px}
.glhebdo{padding:0 14px}
}



@media screen and (min-width:769px){
a:hover{text-decoration:none}
a:hover,ul.box li a:hover i,.articles-home a:hover h3,a.lien-auto-article:hover{color:#2980BC}

header.news .titre-site:hover{text-decoration:none;color:#fff}
header li a:hover{text-decoration:none;-webkit-transition-property:background-color;-webkit-transition-duration:.30s;-moz-transition-property:background-color;-moz-transition-duration:.30s;transition-property:background-color;transition-duration:.30s}
.home-block__newarticle{padding:0}
p.intro a:hover,header li a.actif:hover,a.lien-externe:hover,.photo-album h1 a:hover,.article__content a:hover,.postyc .previsu:hover h2,.keyword a:hover{text-decoration:underline}
.article--emploi .joblist-index-no:hover{background-color:#f7f7f7}
.search-news button.valid[type=submit]:hover{background:#eee;color:#666}
.main-content-head .theme-title:hover{color:#444}
.fixed{width:1000px}
.main-search .menusearch{overflow-x:initial}
.reportage .articles-home:hover a h2,.reportage .articles-home:hover a h3{color:#fff!important}
.home-block__theme .acces-rubrique{margin:0 0 14px}
a.acces-rubrique:hover{background:#088ae0;color:#fff}
.album a.acces-rubrique:hover,.plusactu:hover,.lettre-recherche-alphabetique a:hover,header li a:hover{background:#17618c;color:#fff}
a.acces-rubrique:hover span,.album a.acces-rubrique:hover span{display:inline-block;position:absolute;right:10px;background-color:#17618c}
.keyword a:hover{color:#000}
.geo{font-size:12px!important;display:block;top:128px;position:absolute;padding:4px 7px;background-color:rgba(220,220,220,.8);z-index:1}
a.joblist-index-menu:hover,a.joblist-index-menu-droite:hover{background-color:#dadada}
ul.chaine-info-droite li a.joblist-index-no:hover{background-color:#f5f5f5}
.album a:hover img{opacity:.2}
.album a:hover span{padding:7px;text-align:center;display:block;position:absolute;top:30%;right:0;left:0;font-size:13px;cursor:zoom-in;color:#000;font-weight:700}
.box a.dossier[title]:hover:after{content:attr(title);background:rgba(0,0,0,.8);font-size:11px;color:#fff;padding:7px;position:absolute;left:0;top:0;right:0;z-index:20;height:86px;overflow:hidden;line-height:15px}
.box a.autre:hover span{background:rgba(245,245,245,.8);padding:10px;display:block;position:absolute;bottom:0;width:74px;height:67px;border-bottom:3px solid #1ec823;font-size:10px;line-height:15px}
.social:hover,a.titrebloc:hover i{color:#fff}
.aside--btn:hover,.main-content--keyword-pager a:hover,.home-block__theme .acces-rubrique:hover,.home-block__theme a.titrebloc:hover,.bottominfos .titrebloc:hover{background:var(--dark-color)}
.glhebdo .btn:hover{background:#4AA400}
.reportage .articles-home:hover .nbarticles{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:12px;padding:15px;border-radius:50%;border:2px solid #fff}
.theme.fiches iframe.iframeshom{height:900px;width:650px}
.creacompte a:hover{border:1px solid #4aa400;background:#4aa400;color:#fff!important}
.classsuivre span:hover{border:1px solid #0275c1;color:#fff;background:#0275c1}
.classsuivre span.on-suivre:hover{border:1px solid #d14233;background:#d14233;font-size:0;padding:10px 0 5px}
.classsuivre span.on-suivre:hover:before{content:'Se d\0000E9sabonner';font-size:12px;font-family:inherit;font-weight:700;padding:2px 0 0!important;display:inline-block;height:15px}
.boxlies:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}
.bloc-theme .boxlies{margin:28px 0 14px 21px}
.bloc-theme .boxlies:nth-child(2){margin:28px 0 0 21px}
.home-block .box.boxlies{margin:0 14px 14px 0;width:31.2%!important}
.home-block .box.boxlies:nth-child(4){margin:0}
a.titrebloc:hover{background:#A4CEEA}
.main-search .post .post--fichetech .img{background-position:181px!important}
.main-article .post--line .classlike:hover,.main-article .post--line .share-link:hover{background:#f5f5f5;color:#2980BC!important}
.sh-modif-publication-window,.sh-photo-window{width:582px}
.ficheliee .titrebloc,.fiche-tech .titrebloc{background:#fff}
.ficheliee .titrebloc:hover,.fiche-tech .titrebloc:hover{background:rgba(8,138,224,.5)!important}
.search-top{margin:0;padding:0;position:absolute;right:11px;top:11px}
.search-news input{width:327px}
}



@media screen and (min-width:1024px){
.article--ficheproduit div:hover{background:rgba(8,138,224,.1)}
.theme.fiches .url:hover{text-decoration:underline}
.classaddpref span:hover{color:#fff!important;background:rgba(8,98,156,.8);border:1px solid transparent}
.main-content--keyword .abo .classaddpref span:hover{transition:all 0.3s cubic-bezier(.25,.8,.25,1)}
}