:root {
    --light-color:#4e555c!important;
    --dark-color:#000000!important;
    --nav-menu-icon:#20496a;
    --nav-theme:#b8292b!important;
    --nav-dossier:#000000;
    --nav-dossier-text:#ffffff;
    --bg-mobilep:#e1f4fe;
    --newsletter-light:#e53015;
    --newsletter-dark:#a10404;
}

body,a,.box #pagecontact h1{color:#333}
article .signature,.photo-album figcaption,aside .p,.p a,.pub a,ul.box li a span{color:#999}
sup{vertical-align:super;line-height:12px}

.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-chevron-left:before {content:"\f053"}
.fa-chevron-right:before {content:"\f054"}.fa-circle:before {content:"\f111"}
.fa-close:before {content:"\f00d"}
.fa-external-link:before {content:"\f08e"}
.fa-files-o:before {content:"\f0c5"}
.fa-home:before {content:"\f015"}.fa-like:before {content:"\f087"}
.fa-map-marker:before {content:"\f041"}
.fa-tag:before {content:"\f02b"}.fa-phone:before {content:"\f095"}
.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-share:before{content:"\f064"}
.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)}
.yachtclub{background:#088ae0}

.on-preference i:before {content:"\f00c"}
.main-content-head .dossier .header__icon {padding:10px;margin:0;width:64px;height:38px;background:#000;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,.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,.annuaire .fil-ariane{display:none}
.main-content-head .dossier a.header__icon:after {content:'';top:-2px;left:12px}
footer #contenu-footer,.headp,.wrapper{position:relative;margin:auto}
.p-head{height:80px;padding:10px 0;background:#fff}
.bottominfos .bloc-theme{position:relative;margin:0 auto;padding:0 0 42px}
.idxform form,.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{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{padding:11px 14px;display:flex;gap:14px;align-items: center;}
.main-content-head .theme-title .subtitle{color: var(--nav-theme);font-weight:700!important;font-size:.4em !important;}

@media screen and (min-width:768px) {
    .main-content-head .theme-title {padding: 11px 21px;}
}

.nav-menu li a.home::after {content: "BoatIndustry"!important;font-family: 'open sans',sans-serif}
.main-content-head.theme-home .theme-title {padding: 7px 21px;}
.main-content .titrebloc{padding:14px;display:flex}
.main-content .titrebloc span {position:relative;top:auto;right:7px;align-content:center;margin-left:auto}
.main-content-head.search-header,.theme {padding:14px 0}
.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}

.home-block__theme .fiche-tech{background:none;color:#f42300}

.newsletter a.titre-site{font-size:29px;padding:9px 0 0 40px}
.main-search .menusearch{overflow-x:scroll}
.main-content{position:relative}
.home-block,.box,.theme{display:inline-block;position:relative}
.home-block .box.boxlies{margin:14px auto;display:block}
.wall{max-width:100%!important}
.wall .post .blocimg{overflow:hidden}
.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:0.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:0.75em;display:block;padding:14px 21px;border-top:1px solid #eee}
.album a.acces-rubrique{margin:0 0 5px;width:99%;background-color:#08629C;color:#fff !important;text-align:center}
.home-block__theme .acces-rubrique{background:#088ae0;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:#08629C;color:#fff;margin:auto}
.fichetheme h2{font-size:1em}
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}

.pager a:active{color:#fff;background-color:#4095CB;border:1px solid #4095CB;text-decoration:none !important}
.pager .templatepager-currentpage{color:#fff;background-color:#4095CB;border:1px solid #4095CB;text-decoration:none !important;padding:4px 10px}

#NewsGetArticleDataForm-container .gfw-form-fieldpanel,.port .article--ficheproduit div,.port .article--ficheproduit p,.postyc .post--author strong,.sh-modif-publication-window .post--author strong {font-size:14px}
#NewsGetArticleDataForm input[type=submit]{padding:14px 35px}
.article__keyword .article__motcle-geo{vertical-align:top;margin:0 0 7px;background:#f5f5f5;padding:4px 21px;font-size:12px;display:inline-block;position:relative;overflow:hidden}
.article__keyword a i{margin-right:0}
.article__keyword .article__motcle-geo a{vertical-align:top;display:inline-block;padding:3px 0}
.article__keyword .article__motcle-geo:before,.article__keyword .article__motcle-geo:after{content:'';position:absolute;background-color:#fff;-webkit-transform:translateX(32%) rotate(17deg);-ms-transform:translateX(32%) rotate(17deg);transform:translateX(32%) rotate(17deg);height:40px;width:11px;top:-4px}
.article__keyword .article__motcle-geo:before{content:'';left:-8px}
.article__keyword .article__motcle-geo:after{content:'';right:-3px}

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__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 h1{font-size:1.5em;line-height:1.4em;text-align:center}
article h1 .titreetiquette{color:#b8292b}
article h2{font-size:1em;line-height:1.6em}
.article__content h3,article p,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 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 #0596de;color:#0596de;background:#fff;cursor:pointer;font-size:12px;margin:auto;padding:4px 7px;width:115px;border-radius:3px;text-align:center;font-weight:700;display:block}
.main-content .classsuivre span.on-suivre {color:#fff !important;background:#0596de}
.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 li{margin-left:21px;list-style-type:disc}
.article__content ul.lien-externe li{margin:0;list-style-type:none}
.article__content q,blockquote{font-style:italic}
.main-article .newsletter{margin:70px 0;padding:0}
.share-link a,.likeactif,.like {font-weight:700;cursor:pointer}
.likeactif {color:#0596de}
.post--line .reaction{display:none}
a.share,.social-share a,.theme.fiches .plusarticle{color:#fff !important}
#photo .social-share {width:17%}
iframe{width:100%;margin-bottom:14px}
.wall,.port #map,.theme.fiches .plan,.theme--geo .map-canvas{width:100%!important}
.pano360 .legend{margin-top:-20px}

#pagecontact ul li{margin-left:21px;list-style-type:disc}

h2.geolocalisation{margin-bottom:20px;font-size:22px;height:35px}
.gfw-form-fieldpanel{padding-top:5px;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}

.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}

.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__box.edito{    background:#b8292b!important;background: linear-gradient(135deg,#e53015 0,#a10404 100%)!important;}
.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('https://www.bateaux.com/src/applications/news/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}

.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:rgb(85, 85, 85) 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}
.x-showroom-connection {width:375px}	
.x-showroom-partage {width:450px}
.connexion-compte {margin:5px}
._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}
.aside--btn{margin:0 0 21px!important;width:auto!important}
.theme.fiches .plusarticle{background:#F5732A!important}
.port .info span{width:305px;text-align:center;display:inline-block;font-weight:700;padding:14px 0}
.port .info a{padding:7px 14px;display:inline-block;border-radius:2px;margin:7px 0 7px 7px;background:#F5732A;color:#fff}
.port .bateaux {background:#fff;position:absolute;bottom:21px;margin:auto;display:block;left:21px;right:21px;border-radius:3px;box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)}
.port .bateaux span {width:32.9% !important;font-weight:300}
.port .bateaux .central {border-left:1px solid #dadada;border-right:1px solid #dadada}
.port .icon img{width:42px !important;margin-right:21px}
.port .contact{padding:14px 0;background:#f5f5f5 !important}
.port .contact a,.port .contact div,.article--ficheevent div{display:inline-block}
.port .contact a{background:#fff;border:1px solid #dadada;border-radius:2px;margin:0 0 0 14px;padding:7px 14px}
.port .blocinfo{box-shadow:0 3px 2px rgba(0,0,0,0.16), 0 1px 1px rgba(0,0,0,0.23);background:none!important;padding:0}
.port .blocinfo h2{background:#2A3748;color:#fff}
.port .article--ficheproduit div span{width:45%}
.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{text-transform:capitalize}
.theme.fiches .img-salons,.theme.fiches .salon-img,#ShowroomSearchListing_QueryForm-container {position:relative}
.theme.fiches .salon-img div{background:#F5732A;border-radius:3px;padding:14px;color:#fff;display:inline-block;position:absolute;bottom:35px}
.theme.fiches .salon-img .lieu{bottom:104px}
.theme.fiches .salon-img .date,.theme.fiches .salon-img .lieu{right:35px}
.theme.fiches #map {margin:auto;width:95%!important}
.theme.fiches .url{color:#08629C}
.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,0.12), 0 1px 2px rgba(0,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}
.fiche-tech--fiche a{color:#0596de;margin-bottom:14px;display:block;vertical-align:top;background:#fff url(../images/icon2.png) no-repeat 21px 21px;box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);overflow:hidden;position:relative}
.fiche-tech--fiche .img {height:160px;background-position:100% !important;display:block;overflow:hidden;position:relative}
.fiche-tech--fiche div{padding:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fiche-tech--fiche div p{color:#999;font-size:.75em;font-weight:300;padding:0;margin:0}
.salon .boxlies{display:block;width:auto !important;background:#fff url(../images/icon2.png) no-repeat 21px 21px;height:100px}
.salon .boxlies img {width:150px;position:relative;display:inline-block;bottom:0}
.salon .boxlies div {display:inline-block;position:relative;vertical-align:top;min-height:0}
.salon i {width:14px;padding:0 0 0 7px;text-align:center}
#ShowroomSearchListing_QueryForm-container .gfw-form-fieldpanel{padding:0}
#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 span{color:#999}
.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}
.avis p:first-letter,.avis div:first-letter{text-transform:capitalize}
.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}
footer.news{background:#000!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:#999;font-size:12px}
.sh-modif-publication-window .ajaxeditcontent {min-height:42px}
.sh-modif-publication-window #ta_modif_wallsubmit {color:#fff;background:#08629C;border:1px solid #08629C;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}
.postyc {background:#fff;margin:28px 0}
.postyc .post {min-height:230px;padding:14px;position:relative;border-bottom:1px solid #dadada}
.postyc .post--author {margin-bottom:7px;position:relative}
.postyc a{color:#0596de;font-size:14px}
.postyc .post .post--profilename a,.postyc .post .post--date a {color:#999!important;font-size:12px!important}
.postyc .post .post--profilename a:hover,.postyc .post .post--date a:hover {text-decoration:underline}
.postyc .post--author .image-post-author {border-radius:50%;height:40px!important;width:40px!important;margin:0!important}
.postyc .post--author .image-post-msgactu-pageauthor { border-radius: 10px; border: 3px solid #fff;height: 50px!important; width: 50px!important; margin: 0!important;}
.postyc .post--author div {display:inline-block;vertical-align:top;margin-left:14px}
.postyc .post--author .classsuivre{position:absolute;right:0}
.postyc .post--author .post--msg-admin li{font-weight:700}
.postyc .post p {margin:0 0 14px;font-size:14px}
.postyc .post .post-image img {border-radius:10px;max-width:100%;width:auto;margin:0 auto;display:block}
.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}
.plusarticle,.plusarticle a {position:relative;font-weight:700;font-size:0.875em;display:block;text-transform:uppercase;padding:14px 21px;border-top:1px solid #eee;line-height:15px}
.plusarticle{background:#eee;border:0;margin-top:45px;clear:both}
.morearticle{margin:28px 0 0}
.morearticle a.acces-rubrique h2{display:inline-block;color:#fff;font-size:1em}
.morearticle a.acces-rubrique{background:#000;padding:7px 14px;color:#fff;display:inline-block;width:100%}
.touslesarticles{display: inline-block;text-transform:lowercase;font-size:12px;font-weight:normal;float:right}
.touslesarticles i{padding:0 0 0 14px;margin:0 !important}
.top-user-guest .theme-200:before {background-position:2px -175px}



@media screen and (max-width:599px){
.home-block .fichetheme{margin:-21px 0 0;padding:0 0 42px}
.fiche-tech--fiche{height:277px;overflow:hidden}
.fiche-tech--fiche a {min-height:260px}
.wall{max-width:100%!important}
}



@media screen and (min-width:600px){

    .container,.firstarticle,.class-flagalaune{position:relative}
.articles-home a,.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}
.bottominfos .reportage,.bottominfos .bloc-video,.fiche-tech--fiche{padding:21px}
.bottominfos{background:#fff}

.boxlies{margin:14px 0 14px 21px;display:inline-block}
.fiche-tech--fiche{display:flex}
.fiche-tech--fiche a{width:93%;margin:0}
.main-article .fiche-tech--fiche{padding:0}
.main-article .fiche-tech--fiche a {height:inherit}
.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}
.p-head{margin:0 auto;height:90px;padding:0;background:none}
.home-block__theme .fiche-tech .titrebloc::before{display:none}
.bloc-social-share{margin:0;padding:0}
.post--comment,.home-block .fiche-tech--fiche,#pagecontact,.article__keyword{padding:0}
#bouton-top div{width:24%;max-width:100%}

.connexion-compte-modal .gfw-button.x-skin.gray[type="submit"] {width:410px}
.result-search .p{width:189px;height:189px;margin:14px 0 0 14px;display:inline-block}

article h2{padding:0 0 21px}
.article__content{padding:0 0 14px}
article #author .share-post{top:19px}
article iframe{height:400px}
.articles-home.firstarticle{width:100%!important}
.articles-home.firstarticle p{font-size:.9em;padding:0;margin:14px 0 35px}
.articles-home.firstarticle:nth-child(even){margin:0}
.postyc h2,.main-content--keyword-pager a{margin:0}
.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{line-height:32px!important;min-height:30px!important}
a.firstarticle h3{line-height:32px!important;min-height:30px!important}

.home-block .fiche-tech{padding:21px 0 50px}
.home-block .fiche-tech--fiche .img{height:126px}
.home-block .box.boxlies{margin:14px 0 14px 14px;display:inline-block}
.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}

.sh-modif-publication-window,.sh-photo-window{width:625px}
.postyc,.postyc h2{background:#f5f5f5}
.postyc .post .post-image,.postyc .previsu iframe{height:auto;display:inline-block;position:absolute;top:68px;max-height:147px;overflow:hidden;border-radius:10px}
.postyc .post p{margin:0 0 14px 205px}
}



@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}
footer.news{padding:14px 14px 85px}
.top-user-guest{background:#4e555c!important;background:-moz-linear-gradient(-45deg,#000 0,#4e555c 100%)!important;background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#000),color-stop(100%,#4e555c))!important;background:-webkit-linear-gradient(-45deg,#000 0,#4e555c 100%)!important;background:-o-linear-gradient(-45deg,#000 0,#4e555c 100%)!important;background: -ms-linear-gradient(-45deg,#000 0,#4e555c 100%)!important;background: linear-gradient(135deg,#000 0,#4e555c 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#4e555c',GradientType=1)!important;color: #fff!important}
}


@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}
.search-news input{width:327px}
.search-top{position:absolute;right:11px;top:11px;margin:0;padding:0}
.p-head{padding:80px 0 0}
.home-block__newarticle{padding:0}



p.intro a:hover,header li a.actif:hover,.photo-album h1 a:hover,.article__content 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 .dossier .dossier--home::before{content:"\f015";font-size:1rem}

.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}
.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{text-decoration:underline;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}
.pager a:hover{color:#fff;background-color:#4095CB;border:1px solid #4095CB;text-decoration:none!important}
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}
.photo-album figure a:hover{background:rgba(0,0,0,1)}
.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 #08629C;font-size:10px;line-height:15px}
.social:hover,a.titrebloc:hover i{color:#fff}
.social-share:hover{border-bottom:3px solid rgba(0,0,0,.2)}
.aside--btn:hover,.main-content--keyword-pager a:hover,.home-block__theme .acces-rubrique:hover{background:#000}
.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 #0596de;color:#fff;background:#0596de}
.classsuivre span.on-suivre:hover{border:1px solid #d14233;background:#d14233;font-size:0;padding:5px 0;width:129px}
.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}
.home-block__theme .titrebloc:hover, .bottominfos .titrebloc:hover{background:#000}
.headp{width:985px}
.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}
.postyc .post .post-image,.postyc .previsu iframe{width:33%}
.top-user-guest .theme-200:before {background-position:2px -134px}
}



@media screen and (min-width:1024px){

.port .icon:hover,.port .contact:hover,.port .contact div:hover,.port .blocinfo:hover{background:none}
.theme.fiches .url:hover{text-decoration:underline}
.wrapper{width:985px}
header .barremenutop,.p-head{width:998px}
.classaddpref span:hover{color:#fff!important;background:rgba(8,98,156,.8);border:1px solid transparent}
}



@media print{
body{background:#fff}
.content{width:95%;border:0}
.article__content{width:100%}
.article__content img{page-break-inside:avoid;text-align:center}
img.image-bloc-chapeau {margin:0 15px 0 0}
article{width:auto;padding:10px;border:0}
nav,footer,.sociaux-articles,.x-commentaireshowroom-textarea,.bloc-social-share,#cookieChoiceInfo,#socialnav,aside,.plusarticle,article .glhebdo,.album{display:none}
}