@font-face{font-family:'FontAwesome';src:url('/src/applications/news/css/police/fontawesome-webfont.eot?v=4.4.0');src:url('/src/applications/news/css/police/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/src/applications/news/css/police/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/src/applications/news/css/police/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/src/applications/news/css/police/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/src/applications/news/css/police/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display:block}
:root {
    --body-bg:#efefef;
    --content-bg:color-mix(in srgb, var(--dark-color), #fff 90%);
    --facebook:66,103,178;
    --linkedin:40,103,178;
    --twitter:45,170,225;
    --youtube:246,62,40;
    --instagram:188, 42, 141;
    --bleu:#126fd8;

    --blue-link: #08629C;
    --rouge: #f42300;
    --red: #d14233;
    --forum:#a10404;
    --icon-fiches:#08629C;
    --icon-forum: #f48c07;
    --gutter: 20px;
    --green: #3d8304;

    --box-shadow:0 1px 1px rgb(0 0 0 / 7%), 0 1px 9px rgb(0 0 0 / 7%);
    --box-shadow-hover: 0 0 20px rgb(0 0 0 / 20%);

    --borderr8: 8px;
    --borderradius:8px;
    --borderradius-big:16px;
    --borderradius-full:9999px;
    --link-std:#126fd8;
    --box-shadow-large:0 0 34px rgb(0 0 0 / 15%);
}
.fa-align-left:before{content:"\f036"}
.fa-anchor:before{content:"\f13d"}
.fa-arrow-circle-o-down:before {content:"\f01a"}
.fa-arrow-circle-o-up:before {content:"\f01b"}
.fa-arrow-circle-right:before {content:"\f0a9"}
.fa-arrows-h:before {content:"\f07e"}
.fa-arrows-v:before {content:"\f07d"}
.fa-battery-half:before{content:"\f242"}
.fa-bell:before{content:"\f0f3"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-camera:before{content:"\f030"}
.fa-caret-down:before{content:"\f0d7"}
.fa-check-circle:before {content: "\f058"}
.fa-clone:before{content:"\f24d"}
.fa-cale,h2.cale i{background:var(--icon-fiches) no-repeat top/70%  url(/src/applications/news/images/cale.png)!important;vertical-align:middle}
.fa-cog:before{content:"\f013"}
.fa-comment:before{content:"\f075"}
.fa-database:before{content:"\f1c0"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-envelope:before {content:"\f0e0"}
.fa-flag:before{content:"\f024"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-globe:before {content:"\f0ac"}
.fa-hashtag:before{content:"\f292"}
.fa-inbox:before{content:"\f01c"}
.fa-info:before{content:"\f129"}
.fa-map-marker:before{content: "\f041"}
.fa-mobile:before {content:"\f10b"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-paper-plane:before{content:"\f1d8"}
.fa-paperclip:before{content:"\f0c6"}
.fa-play:before {content: "\f16a"}
.fa-plus-square-o:before{content:"\f196"}
.fa-picture-o:before{content:"\f03e"}
.fa-pinterest-p:before{content:"\f231"}
.fa-rss:before{content:"\f09e"}
.fa-sign-out:before{content:"\f08b"}
.fa-sliders:before{content:"\f1de"}
.fa-tachometer:before{content:"\f0e4"}
.fa-th:before{content:"\f00a"}
.fa-universal-access:before{content:"\f29a"}
.fa-user:before,h2.annuaire-nautisme i:before{content:"\f007"}
.fa-users:before{content:"\f0c0"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-warning:before{content:"\f071"}
.fa-youtube-play:before{content:"\f16a"}
.yc-user .menu-user.info .x-element.post-cale a:before{content:"";background:#999 no-repeat top/70%  url(/src/applications/news/images/cale.png)!important;vertical-align:middle}
.fa-amazon:before {content: "\f270"}
.fa-apple:before {content: "\f179"}
.fa-facebook:before{content:"\f09a"}
.fa-google-plus:before{content:"\f0d5"}
.fa-google:before{content:"\f1a0"}
.fa-linkedin:before {content:"\f0e1"}
.fa-skype:before{content:"\f17e"}
.fa-spotify:before {content: "\f1bc"}
.fa-twitter:before{content:"\f099"}
.facebook{background:rgb(var(--facebook))}
.twitter{background:rgb(45,170,225)}
.skype{background:#00AFF0}
.youtube{background:rgb(246,62,40)}
.rss{color:var(--dark-color)!important;background-color:#f5f5f5;margin:0 0 0 4px!important}
.linkedin{background:rgb(var(--linkedin))}
.pinterest{background:#c8232c}
:before,: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;box-sizing:border-box}

*{margin:0;padding:0;border:0;outline:0;font-family:verdana, sans-serif;box-sizing:border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}

.articles-home p,.title,h1,h2,h2 a,h3,h3 a,h4{font-weight:700}
h2,h3,li{vertical-align:top}
a,p{font-weight:normal;text-decoration:none}
ul, ul li{list-style-type:none}
i{margin-right:8px}
q{quotes:"\0022" "\0022"}
q:lang(es){quotes:"\201C" "\201D"}
button{cursor:pointer;background:none}
input,textarea{-webkit-appearance:none;border:1px solid #DBDBDB;width:100%;padding:14px;border-radius:var(--borderradius);font-size:.8em}
input[type="checkbox"]{appearance:checkbox}
input[type="submit"]{border:1px solid #e5e5e5;width:100%;padding:14px;background:#f5f5f5;appearance:none;cursor: pointer;}
input[type="file"]{background-color:color-mix(in srgb, var(--light-color), #fff 95%);border:0}
table.gfw-checkbox-table td.x-checkbox-cell{width:35px;}
.padding14,.indexkeyword .resultat-alphabetique,.sh-modif-publication-window .post--actu,.post--comment{padding:14px}
.padding21{padding:21px}
.cover{background-size:cover}

.site-container{overflow:hidden;height:100%}
.site-pusher{transition-duration:0.3s;height:100%}

@media screen and (min-width:768px) {
    @font-face {font-family: Open Sans;src: url('/src/applications/news/css/police/OpenSans-Regular.ttf');font-display: swap}
    @font-face {font-family: Open Sans;src: url('/src/applications/news/css/police/OpenSans-Bold.ttf');font-weight: 700;font-display: swap}
    @font-face {font-family: Open Sans;src: url('/src/applications/news/css/police/OpenSans-Light.ttf');font-weight: 300;font-display: swap}
    * {font-family: 'open sans', georgia, sans-serif !important}
    body {background-color: var(--theme-bg);font-size: 1em}
    input[type="submit"]{cursor:pointer}
    input[type="submit"]:hover{color:#fff;border:1px solid var(--light-color);background:var(--light-color)}
}

@media screen and (min-width:1024px) {
    body{background-color: var(--body-bg)}
}

#connection-candidat{text-align:center;font-weight:700;margin:3px;color:#fff!important;font-size:14px!important;background:#4aa400;border-radius:2px;position:absolute;top:5px}
section,nav,footer,.theme.fiches .articles-home span{display:block}
footer #connection-candidat,.nav-menu,.fichecommunaute .tooltip,.error-general-message:nth-child(1):before{display:none}
p.intro a,a.lien-externe,.article__content a,a.blue,.box-menu #pagecontact a{color:var(--bleu)}
.post--author span,.article--ficheevent div p{display:block}
.sh-modif-publication-window .post--author span{display:block}

.yc-body header{z-index:4;height:69px;position:fixed;width:100%;top:0;background:linear-gradient(135deg,var(--dark-color) 0,var(--light-color) 100%);color:#fff}

header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:block;
    & .header-logo{width:150px;margin: 7px 0 0;}
    & li a{float:left;margin:0;border:none;padding:0;font-size:11px!important;background:none;box-shadow:none;color:#FFF!important}
    & .top-user{background:linear-gradient(135deg,var(--dark-color) 0,var(--light-color) 100%);color:#fff;position:fixed;right:0;bottom:0;top:inherit!important;z-index:2;height:55px;width:100%;transform:none;-webkit-transform:none;box-shadow:2px 2px 7px #999}

    & .top-user ul li.navmenu{display:inline-block}
    & .top-user ul li.bouton{text-align:center;color:#FFF;position:relative}
    & .top-user ul li.bouton.pro{border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}
    & .top-user ul li ul{display:none;z-index:11;position:absolute;top:65px;right:0;background:#fff;border-radius:var(--borderradius);overflow: hidden;text-align:left}
    & .top-user ul li ul li a{font-size:11px;color:#333!important;border-bottom:1px solid #ededed;width:268px;padding:10px;margin:0;cursor:pointer;position:relative}
& .top-user ul li:hover>.sousMenu{display:block}
& .top-user ul li .linksousmenu.actif + .sousMenu{display:block}
& .top-user ul li ul li.site a{padding: 14px 0 14px 49px}
    & .top-user ul li ul li a.sousmenu2ligne{font-size:11px;display:block;color:#666;padding:8px 0 11px 17px;background:#fbfbfb;z-index:1}
    & .top-user li.bouton .linkmenu i{top:inherit;right:-7px;position:relative}
    & .top-user li.bouton .sousMenu i{padding:7px;margin:0 7px 0 0;width:28px;color:#fff;border-radius:5px;text-align:center;background:#088ae0;height:28px}
    & .top-user li.bouton .sousMenu .deconnexion i{background:#333}
    & .top-user .rolloverImage{border-radius:50%;height:24px;margin:0 14px 0 0;display:block;width:24px}
    & .top-user .linkmenu span{display:block!important;font-size:24px!important;background:none;color:#fff;margin:0 auto;padding:0}
    & .top-user .linkmenu .user span{border:2px solid #dadada;float:left}
    & .top-user .user .user-name{padding:7px 14px 0;display:inline-block}
    & .top-user .user strong{vertical-align:top;font-size:14px;color:#000;margin:14px 0 0;display:block}
    & .top-user .user .voirprofil{color:var(--light-color)}
    & .top-user .sousMenu .rolloverImage{height:60px;width:60px;margin:7px 14px 7px 0;float:left;border:2px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.15)}
    & .top-user .sousMenu li a{font-size:.8em!important;}
    & .top-user .sousMenu li.user a{background-color:#f4f4f4}
    & .top-user .titremenu{background:#f4f4f4!important;border-top:1px solid #999;color:#2A3748;font-weight:700;clear:both;font-size:14px;padding:7px 0}
    & .top-user a.deconnexion{background:#f4f4f4;font-weight:700}
    & .top-user ul li.bouton a.linkmenu{padding:7px;display:inherit;border:inherit;text-transform:inherit}
    & #connection-candidat{display:none}
}
.header__icon{margin:0 14px;position:absolute;display:block;right:0;top:0;width:40px;height:55px}
.header__icon:after{content:'';position:absolute;display:block;width:1rem;height:1px;top:4px;right:7px;box-shadow:0 10px 0 1px white,0 16px 0 1px white,0 22px 0 1px white}
.header__icon span{position:absolute;bottom:0;color:#fff;font-size:10px;right:0;line-height:30px}


@media screen and (min-width:768px) {
    header .header-logo {width:205px}
    header li a {font-size:14px !important;}
    header .top-user ul li.bouton a.linkmenu {padding:14px 14px 7px}
}


@media screen and (max-width:1023px) {
header {position: relative;
    & .top-user a { display: block;text-align: center;padding: 10px 0;border-bottom: 1px solid #dadada}
    & .top-user ul li ul {top: auto;right: 0;bottom: 70px;box-shadow: 5px 4px 5px rgba(0, 0, 0, .1), 2px 0 5px rgba(0, 0, 0, .1), -5px -1px 12px rgba(0, 0, 0, .1)}
    & .top-user ul li ul li a {text-align: left}
& .top-user ul .navmenu.bouton ul {right: -140px; width: 268px; z-index: 1;bottom: 57px;}
& .top-user ul #menu_reseau.navmenu.bouton ul {right: -170px;bottom: 57px;}
& .top-user ul #menu_vous.navmenu.bouton ul {right: -60px;bottom: 57px;}
    & .top-user ul .navmenu.bouton.bouton_home ul {left: 0}
    & .top-user ul .navmenu.bouton.pro ul {top: auto;right: 0;bottom: 70px}
    & .top-user .menu_actif .linkmenu span{color: var(--light-color) !important}
    & .top-user ul li.bouton.menu_actif a.linkmenu {color: var(--light-color) !important}
    & .top-user button {text-align: center;padding: 10px 0;border-bottom: 1px solid #dadada;display: block; width: 100%}
}
    header.news .header__icon{z-index:1!important}
    header.news .header__icon span{color:#000!important}
    header.news .header__icon:after{box-shadow:0 10px 0 1px #000,0 16px 0 1px #000,0 22px 0 1px #000!important}
}

@media screen and (min-width:1024px) {
header{z-index:2;height:67px;position:fixed;width:100%;top:0;background:linear-gradient(135deg,var(--dark-color) 0,var(--light-color) 100%);color:#fff;
    & li a:hover{background:#f5f5f5}
    & li a.deconnexion:hover{background:#f5f5f5}
    & .top-user{transform:none;position:relative;top:0;width:auto;font-size:inherit;border-bottom:initial;background:initial;height:initial;;box-shadow:none}
    & .top-user li:hover a.linkmenu{color:#fff;background:rgba(0,0,0,.1)}
    & .top-user ul li.menu_actif{border-bottom:2px solid #fff}
    & .top-user ul li.bouton a.linkmenu{padding:14px 9px 7px}
    & .top-user ul li.bouton a.linkmenu.profil{display:block}
    & .top-user ul li ul{box-shadow: 0 0 34px rgb(0 0 0 / 15%);}

    & .top-user ul li ul li a:hover{font-size:11px;text-decoration:none;border-radius:0}
    & .top-user .sousMenu li.user a:hover{color:#555!important}
    & .top-user-guest{transform:none;position:relative;top:0;width:auto;font-size:inherit;border-bottom:initial;background:initial;height:initial;;box-shadow:none}
    & #menushowroom .top-user{position:absolute;}
}
    .header__icon{margin:7px 0 0;left:0}
    .header__icon:hover{width:55px;height:55px;left:-3px;background:rgba(255,255,255,.1);border-radius:50%}
    .header__icon:hover:after{content:'';right:19px}
    .header__icon:hover span{right:12px}
    header.news .titre-site{width:100%;font-size:27px!important;color:#fff!important;display:inline-block}
    header.news .titre-site span{font-weight:700}
    header.news .titre-site .com{font-weight:300;font-size:.5em}
    header.news .titre-site div{display:block;line-height:11px;font-size:.76rem;vertical-align:top;color:#fff;font-weight:400}
    header.news a.titre-site h1{display:block;line-height:11px;font-size:.76rem;vertical-align:top;color:#fff;font-weight:400}
}

.search-news form{border:1px solid #dadada;display:flex;border-radius: var(--borderradius);    overflow: hidden;}
.search-news input{padding:7px!important;width:90%;border: 0; border-radius: 0;}
button.valid[type=submit]{font-size:16px}
.search-news button.valid[type=submit]{padding:4px 7px 7px 14px;color:#999;    flex: 1 1 auto;}
a.habillage img{height: 100%;width: 100%;object-fit:cover}
a.hors-serie.habillage img{height: auto}
.habillage-fixed{box-shadow:0 4px 5px 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.25)}

.top-user img{border-radius:6px;max-width:35px;max-height:35px;outline:none;word-wrap:break-word}
.sousMenu__linkpage{padding:7px 0 0 40px!important}
.sousMenu__linkpage.pages{padding:7px 0 7px 40px!important;border-bottom:1px solid #dadada}
.sousMenu__linkpage img{max-width:30px;max-height:30px}
.sousMenu__linkpage span{display:inline-block;vertical-align:top;padding:3px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:195px}
.x-commentaireshowroom #connection-candidat{margin-top:7px;margin-left:-1px;float:right;background-color:#4095cb;border:1px solid #4095cb;white-space:normal;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}
.fixed { font-size: 1em;width:auto}

.nav-guest.top-user {
    & a{display:inline-block;color:#fff!important;padding:0 7px!important;}
    & a:before{content:"";background:url('/src/applications/news/images/sprite-bateaux-com.png') no-repeat -147px -80px;color:#fff;background-size:250px;display:block;padding:0px;text-align:center;width:45px;height:33px;margin:0 auto}
    & .sousMenu a:before{content: none}
    & .sousMenu a{color:#333!important; padding: 7px !important;font-size: 12px !important;}
    & .sousMenu i{background-color: var(--icon-fiches) !important;}
    & .sousMenu button{width:100%;text-align: left;color:#333!important; padding:7px !important;font-size: 12px !important;}
    & .sousMenu li.bouton_menu_search i{background:#4aa400!important}
    & .theme-164:before{background-position:-100px -80px;background-size:250px}
    & .theme-port:before{background-position:-24px -76px;background-size: 160px;}
    & .theme-fiches-bateaux:before {background-position: -56px -132px;background-size: 160px}
    & .theme-fiches-annuaire:before {content: "\f007";background:none;font-size: 22px;padding:8px}
    & .theme-annonces:before{content:"\f0a1";font-size:22px;background:none;padding:9px}
    & .theme-forums:before{content:"\f075";font-size:22px;background:none;padding:9px}
    & .connexion:before{content:"\f2be";margin:0 auto;font-size:22px;background:none;padding:9px}
    & .live:before{font-size:22px;background:none;padding:9px;content:"\f09e"}
    & .navmenumagbtx .sousMenu button {padding:7px !important;border-bottom: 1px solid #ededed;}
    & .navmenumagbtx .sousMenu button i {width:30px;height:30px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie a{position:relative;display:block;padding:10px 14px 10px 45px!important;border-bottom:1px solid #ededed;color:#444!important;font-size:initial}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie a:before{background-color:var(--icon-fiches)!important;background: url('https://www.bateaux.com/src/applications/news/images/sprite-bateaux-com.png') no-repeat -87px -46px;background-size:150px;text-align:center;color:#fff;background-color:var(--nav-menu-icon);width:30px;height:30px;position:absolute;left:7px;top:7px;border-radius:5px;content:"";display:block;position:absolute;margin:0}
    & .navmenumagbtx li:hover a:before{background-color:var(--icon-fiches)!important}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-164:before{background-position:-58px -46px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-165:before{background-position:-58px -77px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-168:before{background-position:3px -103px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-207:before{background-position:-27px -127px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-209:before{background-position:2px -45px;background-size:140px}
    & .navmenumagbtx .sousMenu .bouton_menu_infodustrie .theme-210:before{background-position:2px -129px}
}

@media screen and (min-width:768px) {
    .nav-guest.top-user .sousMenu a{font-size: 14px !important}
    .nav-guest.top-user .sousMenu button {font-size: 14px !important}
}

@media screen and (min-width:1024px) {
.nav-guest.top-user {
    & a {padding: 5px 9px !important;font-size: 12px !important}
    & a:before {background-position: -113px -60px; background-size: 190px; width: 35px; height: 30px;padding: 4px 8px;margin: 5px auto 0}
    & ul li a:hover{background: rgba(0, 0, 0, .1) !important}
    & ul li button:hover {background: rgba(0, 0, 0, .1) !important}
    & li:hover a:before {background-color: #f42300 !important;border-radius: 5px}
    & .theme-164:before {background-position: -78px -60px;background-size: 190px}
    & .theme-annonces:before{font-size: 20px;padding: 5px}
    & .live:before{font-size: 20px;padding: 5px}
    & .live:hover:before {background-color: #f42300 !important}
    & .theme-port:before {background-position: -29px -82px}
    & .theme-fiches-bateaux:before {background-position: -61px -137px}
    & .theme-forums:before{font-size: 20px;padding: 5px}
    & .theme-forums:hover:before {background-color: #f48c07 !important}
    & .connexion {color: #fff !important;width: fit-content;top: 0}
    & .connexion:before {font-size: 20px;padding: 5px;margin: 5px auto 0}
    & .connexion:hover:before {background-color: #088ae0 !important}
    & .theme-fiches-annuaire:before {padding: 3px}
    }
}

ul li .alert i,ul li .red i,i.live{background:#d14233!important}
ul li .forum i,.forum__header h1 i,.forum .intro i{background:var(--icon-forum)!important}
ul li .pages i{background:#4aa400!important}
ul li .black i{background:#000!important}

.with--sidebar .site-cache{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:2}
.with--sidebar .nav-menu{border-top:5px solid #ed2607;display:block;box-shadow:0 2px 5px rgba(0,0,0,.15);overflow:scroll;z-index:5;background:#f5f5f5;position:fixed;top:80px;bottom:0;-webkit-overflow-scrolling:touch;width:300px;transform:translateZ(0);-webkit-transform:translateZ(0)}
.with--sidebar .nav-menu li{line-height:14px}
.nav-menu li button{line-height:14px}

.yc-body.with--sidebar .nav-menu{top:55px}

.nav-menu a{position:relative;display:block;padding:14px 14px 14px 45px!important;border-bottom:1px solid #ededed;color:#444!important;font-size:initial}
.nav-menu button{position:relative;display:block;padding:14px 14px 14px 45px!important;border-bottom:1px solid #ededed;color:#444!important;font-size:initial}
.nav-menu a:before{content:"";display:block;position:absolute;margin:0;text-align:center;color:#fff;background-color:var(--nav-menu-icon);width:30px;height:30px;left:7px;top:7px;border-radius:5px}
.nav-menu li.bouton_menu_search i{text-align:center;color:#fff;background-color:var(--nav-menu-icon);width:30px;height:30px;position:absolute;left:7px;top:7px;border-radius:5px}

.previsuurlpage .bloctxt h2{white-space: normal;line-height:25px;font-size:1em}

.main-content-head {grid-area:head;height: 175px;border-bottom:1px solid #eee;
    & .theme-title--link{line-height: 1em}
    & .theme-title span {line-height: 1.2em;padding: 0 3px 0 0;font-weight:700;display: inline-block;background: linear-gradient(135deg, var(--dark-color) 0, var(--light-color) 100%);background-clip: text;color: transparent;font-size:1em;text-transform: uppercase;}
    & .theme-title .com {font-size: .3em; color: #ec0716;}
    & .theme-title--link h1{display:block;line-height:10px;font-size:.4rem;vertical-align:top;font-weight:700;margin:0;color: var(--nav-theme);}
    & .theme-title .subtitle{display:block;line-height:10px;font-size:.65rem;vertical-align:top;font-weight:400;margin:0;letter-spacing:normal}
    & .theme-title--img{width:100px;margin:auto 0;align-items: center;display: flex}
    & .dossier{background:#fff;position:absolute;border-top: 1px solid #eee;left: 0;right: 0}
    & .dossier.dossier--keyword span{box-shadow:none}
    & .dossier span{display:block;padding:0 14px 14px}
    & .dossier .themelink{background:var(--nav-theme);border: 1px solid var(--nav-theme);text-transform:uppercase;color:#fff}
    & .dossier a.themelink:hover{background:var(--nav-theme);border: 1px solid var(--nav-theme);text-transform:uppercase;color:#fff}
    & .dossier .dossierlink{overflow:hidden;background:var(--nav-dossier);color:var(--nav-dossier-text);border:1px solid var(--nav-dossier);text-transform:uppercase;position:relative;border-radius: 20px}
    & .dossier .actif{overflow:hidden;background:var(--nav-dossier);color:var(--nav-dossier-text);border:1px solid var(--nav-dossier);text-transform:uppercase;position:relative;border-radius: 20px}
    & .dossier a{position:relative;vertical-align:top;padding:5px 7px;margin:14px 7px 0 0;display:inline-block;font-size:14px;color:#333333;background:#f7f7f7;border-radius:20px;border:1px solid #eee;}
    & .dossier a:hover{background:var(--nav-dossier);border:1px solid var(--nav-theme);color:var(--nav-dossier-text);border-radius: 20px;transition-property:background-color;transition-duration:.30s}
    & .dossier .dossier--home{background:var(--nav-theme);border: 1px solid var(--nav-theme);color:#fff;text-transform:uppercase;border-radius: 20px}
    & .dossier .dossier--home:hover{background:var(--nav-theme);border: 1px solid var(--nav-theme);color:#fff}
    & .dossier .dossier--home::before{content:"\f015";color:#fff!important;font-size:1rem;}
    & .dossier .dossier--home p{font-size:12px;display:none}
}


@media screen and (min-width:768px) {
    .main-content-head {
        & .theme-title span {font-size: 1.1em;}
        & .theme-title--link h1{font-size:.65rem;}
        & .theme-title--img{width:200px}
}
}
.main-content-head.theme-home .dossier .themelink{display: none}
.gfw-hscroller .x-container	{overflow-y: hidden;scrollbar-width: none; -ms-overflow-style: none;}
.gfw-hscroller .x-container::-webkit-scrollbar { width: 0;height: 0;}
.dossier--keyword .gfw-hscroller .x-container{background:#fff}
.gfw-hscroller .x-slidebtn	{z-index:1;padding:8px;margin:7px 0;box-sizing:border-box;display:flex;flex-flow:column;justify-content:center;align-items:center;cursor:pointer;user-select:none;transition:opacity .1s;border-radius: 8px;position:absolute;width:100px;height:43px!important;background-repeat: no-repeat}
.yc-fiche .gfw-hscroller .x-slidebtn	{margin:3px 0}
.main_news .gfw-hscroller .x-slidebtn	{margin:14px 0}
.gfw-hscroller .x-slidebtn.x-blurred{display:none}
.gfw-hscroller .x-slideleft {background-position:left 10% center;background-size:30%,100%;background-image: url(/src/images/icons/svg/pagerprev.svg),linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.01));left:0}
.gfw-hscroller .x-slideright {background-position:right 10% center;background-size:30%,100%;background-image:url(/src/images/icons/svg/pagernext.svg),linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,.01));right:0;top:0}

#centrale.container{display:grid;grid-template-areas:
        "head"
        "content"
        "bottom-info"
        "sidebar"}
.zone-habillage.habillage{position:fixed;z-index:3;height:83px;width:auto;right:0;left:0;transform:translate(0,0);top:0;overflow:hidden}


#centrale{margin:83px auto 0;background:#fff;position:relative}

.dossierspecial .main-content-head{height: 207px}
.dossierspecial .main-content-head .theme-title{bottom:105px}

.main-content{grid-area:content;padding:14px;grid-gap:14px 0;background:#fff;word-spacing:normal}

/* ------Boatshow------- */
.boatshow .main-content{margin-top:85px}
.boatshow .main-content.theme{margin-top:45px}
.boatshow .main-content.main-article{margin-top:0}


.search-head + div{display:block}
.main-content.main-content--keyword{grid-gap:14px 0!important;grid-template-columns: 0 1fr}

.bottominfos{grid-area: bottom-info;}
.bottominfos .bloc-theme > div{display: grid;grid-template-columns: repeat(1,1fr); gap: 21px;}

@media screen and (min-width:768px) {
    .bottominfos .bloc-theme > div{grid-template-columns: repeat(3,1fr)}
}

.titrebloc{font-weight:700;background:linear-gradient(135deg,var(--dark-color) 0,var(--light-color) 100%);overflow:initial;color:#fff;padding:4px 14px 7px 62px;font-size: .9rem;display:block;position:relative;border-radius:var(--borderradius)}
.titrebloc span{display:none}
.titrebloc span i{display:none}
.ficheliee .titrebloc,.fiche-tech .titrebloc{padding:14px;background:var(--bleu)}
.bloc-social-share,.article__reportage,.fiche-tech--fiche{display:flex;flex-wrap:wrap;justify-content:space-between;height: fit-content;}

.post--comment form {position:relative;display: flex;flex-wrap: wrap;gap: 7px;justify-content: center;}
.post--comment a{margin:0 21px 21px 56px;color:var(--bleu);font-size:14px;display:block}
.post--comment .linkcardsup a,.main-article .post--comment a{margin:0}
.post--comment .ajaxeditcontent{min-height:21px;border: 1px solid #f5f5f5;background:#fff;display:inline-block;margin:0 0 0 14px;flex:1 1 50%;position:relative;border-radius: 8px;padding:5px 14px}
.post--comment img.post--comment--photo,.post--comment img.image-post-author{width:45px;height:45px;vertical-align:top;border:1px solid #e5e5e5;border-radius:50%;display:inline-block}
.post--comment .titrebloc{background:#fff;color:#000;font-weight:700;margin:0 0 14px;padding:0}
.post--comment .x-commentaireshowroom-maincommentaire a{margin:0 ;color:#999!important}
.post--comment .x-commentaireshowroom-maincommentaire .x-commentaireshowroom-msg a{font-size: 14px!important;display:inline-block;color:#333!important}
.post--comment a.x-commentaireshowroom-nom{display:inline-block;color:var(--blue-link)!important;font-weight:700}
.post--comment .connexion-texte-formulaire i{    color: #fff; background: var(--dark-color)}
.post--comment .gfwform-fileuploader-container:has(.x-identifypanel:empty){display:block}
.post--comment div:has(label.img){order: 4;flex: 1 0 100%;}
.post--comment .menusubmit_footer{order: 3;}
.yc-forum .post--comment .ajaxeditcontent{margin:0}
label.img{display:block;padding: 14px;border-radius: 8px;background: #edf8ff}

.main-content.home-block > a{grid-area: auto /2}


.main-article .titrebloc—light,.main-article .module-annonce h2{font-size: 1em; border-bottom: 0.5px solid var(--dark-color); padding: 0 0 14px; display: inline-block; color: var(--dark-color);min-width: 60%;width: auto!important; text-transform: uppercase;border-radius: 0;background:#fff;    font-weight: 400;}
.main-article .titrebloc—light{margin:65px 0 0 !important;}
.main-article .bloc__reportage .titrebloc—light{background: none;margin:0!important;}
.main-article .fiche-annuaire{margin:21px 0 49px!important;}
.main-article .fiche-annuaire .fiche-tech-chantier{margin:49px 0 0!important;}
.main-article .post-fiche-caracteristiques{display:grid;grid-template-columns: repeat(2, 1fr);gap:7px;  flex-wrap: wrap; margin: 0 0 7px;position: relative;}
.main-article .post-fiche-caracteristiques .caracteristique{background: #f5f5f5;padding:14px;border-radius:0 0 8px 8px;text-align: center;    min-width: 140px;}
.main-article .post-fiche-caracteristiques .caracteristique span{height:40px;display:block;width:auto}
.main-article .post-fiche-caracteristiques .caracteristique i{font-size:1.8em!important;color: #000!important;height:50px;width:50px;margin:7px}
.main-article .post-fiche-caracteristiques .caracteristique img{height:35px!important;width:35px!important}
.main-article .post-fiche-caracteristiques .caracteristique div{font-weight:700;font-size:1em;padding:0}
.main-article .post-fiche-caracteristiques .caracteristique div span{font-weight: 400;font-size:.7em;line-height: 20px; height: auto;}
.main-article .post-fiche-caracteristiques .caracteristique.btn{ background: #d3e2ec;color: var(--blue-link)!important;align-items: center;display: flex;width: auto}
.main-article .post-fiche-caracteristiques .caracteristique.btn:hover{    opacity: 1;}
a.lien-externe{font-size:13px;display:block;padding:14px;width: 100%;word-break: break-word;}
a.lien-externe i{margin-right:5px}
a.lien-externe i,a.lien-externe :before{display:initial}

.article--ficheproduit{margin-top:21px}
.article--ficheproduit .visuel{padding:0}
.article--ficheproduit img{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) {font-weight:700}
.article--ficheproduit div span.appendiceoption{width:40%}
.article--ficheproduit div span.item,.port .article--ficheproduit .blocinfo span{width:auto}
.article--ficheproduit .btn-mp,.article--annuaire .btn-mp{background:var(--icon-fiches);margin:21px auto}
.article--ficheproduit.ficheliee .cover-photo{margin: -35px 0 0}
.article--annuaire.fiche-annuaire{background: #f5f5f5;border-radius: 8px;padding: 14px;}
.article--annuaire.fiche-annuaire img{height:90px;width:90px!important;    background: #f5f5f5;    display: block;    border-radius: 50%;position: relative;    margin: 0 auto;border: 2px solid #fff;    box-shadow: 0 2px 5px rgb(0 0 0 / 15%);}
.article--annuaire.fiche-annuaire p span{    background: rgba(8,98,156,.1);    padding: 7px 14px;border-radius: 8px;    display: inline-block; margin: 0 7px 7px 0;}

.main-article .post--comment{padding:0;background:#fff;}
.main-article .commentform{margin:21px 14px 0}
#eltta_comment1_x-admin-keyword{background: #f5f5f5; margin: 14px 0;border-radius: 8px;}
footer #contenu-footer,.headp,.wrapper{position:relative;margin:auto}
.main-article .post--comment .x-commentaireshowroom-listecommentaires{padding:14px 0 0}
.social-share{border-radius:2px;color:#fff;width:24%;height:35px}
.social-share i{font-size:16px;margin:0}

.commentform,.x-shadminform-window .connexion-compte-modal .x-widget-container{position:relative}
.commentform .linkcard{margin:7px 0 0 46px}

.yc-forum .post--comment .ajaxeditcontent{width:65%;padding:13px}
.main-article .commentform .wallform-connected input[type=submit]{bottom:auto;height:47px}

.x-commentaireshowroom-maincommentaire {margin: 21px 0 0}
.wall .x-commentaireshowroom-maincommentaire {margin: 0 0 14px}
.x-commentaireshowroom-maincommentaire a{padding:0;display:inline-block}
.x-commentaireshowroom-nom{color:#333!important;font-size:14px!important}
.x-commentaireshowroom-date{margin:0;color: #666;text-transform:lowercase}
.x-commentaireshowroom-maincommentaire img{display:inline-block;width:100%;height:auto;border-radius: var(--borderradius-big)}
.x-commentaireshowroom-msg iframe{width:100%;height:266px}
.main-article .x-commentaireshowroom-maincommentaire img{margin: 0 21px 0 0!important;}
.main-article .x-commentaireshowroom-commentaire {background: #f5f5f5;padding:14px;border-radius: var(--borderradius-big)}
.main-article .x-commentaireshowroom-commentaire:after,.main-article .post--comment .ajaxeditcontent:after,.post .post--comment .ajaxeditcontent:after{    content: ' '; position: absolute; width: 0; height: 0;left: -14px;right: auto;top: 21px; bottom: auto; border:7px solid;border-color: #f5f5f5 #f5f5f5 transparent transparent;}


.x-commentaireshowroom-commentaire .x-commentaireshowroom-msg img{width:100%;height:auto;margin:14px 0 0;border-radius:10px}
.x-commentaireshowroom-note p{display:inline-block;font-size:10px;margin:14px 14px 0 0}
.menusubmit_footer input{padding:14px 7px;color:#555}

@media screen and (min-width:768px) {
    .menusubmit_footer input {padding: 14px}
}

.main-article .commentform label{display: grid!important;gap:21px;}
.main-article .commentform label .connexion-texte-formulaire{    grid-column: 1/3;grid-row: 1;padding:0}
.gfw-fileuploader{width:auto}
.connexion-texte-formulaire i{font-size: .8em!important;}
.main-article .commentform label .connexion-champ-formulaire{grid-column: 3/4;grid-row: 1;}
.connexion-champ-formulaire .gfw-fileuploader.x-status-uploaded{background-size: contain;border-radius: 8px;margin: 0 14px 0 0;    background-repeat: no-repeat;}
label .connexion-texte-formulaire{padding:0 14px 7px}
.main-article .gfwform-fileuploader-container{display:block}
.gfwform-fileuploader-container .x-empty{font-size:13px;background: #fff;border-radius:8px;padding:14px}
.main-article .gfwform-fileuploader-container .x-identifypanel{height:auto}
.x-sm{font-size:9px}

.x-shadminform-window .connexion-compte-modal input[type="text"],.x-shadminform-window .connexion-compte-modal input[type="password"]{font-size:16px;border:1px solid #DBDBDB;width:100%;padding:14px}
.x-shadminform-window .connexion-compte-modal .connexion-texte{width:125px;font-size:12px;float:left;padding:14px 0}
.x-shadminform-window .connexion-compte-modal .connexion-texte .x-widget-container{float:left}
.x-shadminform-window .connexion-compte-modal .connexion-texte input{margin:2px}
.x-shadminform-window .x-shadminform-window .connexion-compte-modal .gfw-button.x-skin.gray[type="submit"]{width:100%;padding:14px;margin:0 0 21px}
.creacompte{border-top:1px solid #DBDBDB;padding:14px 21px;line-height:40px;font-weight:700;background:#f5f5f5}
.creacompte a{border:1px solid #4aa400;color:#4aa400;padding:7px 14px;border-radius:3px;line-height:24px;float:right;background:#fff}
.x-shadminform-window .fa-envelope-o:before,.x-shadminform-window .connexion-compte-modal .formemail .x-widget-container:after{content:'\f003'}
.x-shadminform-window .connexion-compte-modal .formpassword .x-widget-container:after{content:'\f023'}
.x-shadminform-window .connexion-compte-modal .x-widget-container:after{width:20px;font:normal normal normal 14px/1 FontAwesome;position:absolute;right:14px;top:18px;color:#DBDBDB;font-size:18px}
.x-shadminform-window .connexion-compte-modal .formpassword{margin-top:14px}
.x-shadminform-window .post--comment--photo{border-radius:50%;height:50px!important;width:50px!important;margin:0!important}

article{position:relative;line-height:19px;height:auto;background:#fff;vertical-align:top}
article .redacteur img{float:left;border-radius:50%;width:100px!important;margin:15px 15px 60px 0}
article .redacteur figcaption{display:none}
article .redacteur p{margin-left:115px}
article .redacteur p strong {font-size:15px;padding:0 0 5px;display:inline-block}
blockquote{border-left: 4px solid #4e627647;padding-left: 21px;margin: 42px 0;font-style:normal;color: #4e6276}
blockquote p{font-size:1.5em!important;line-height:1.3em;color:#000}

article h1{font-size:1.3em;line-height:1.4em;text-align:center}
article h1 .titreetiquette{color:#f42300}
article h2{font-size:1em;line-height:1.7em;padding:0 0 21px}
article p,article li{font-size:1.1em;line-height:1.6em}
article figure{display:block;margin:14px auto;position:relative}
article figure img{width:100%;height:auto;border-radius:8px 8px 0 0}
article figcaption,.pano360 .legend{font-size:14px;padding:14px;background:#f5f5f5}
article figcaption{bottom: 0; border-radius: 0 0 8px 8px;background: rgb(245, 245, 245, .9)}
.pano360{margin:21px 0;font-size:11px}
.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:0;top:12px}
.article__author strong{display:block;font-size:.8em;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--chapeau figcaption{position:absolute;bottom:4px;padding:14px!important;color:#fff;left:0;right:0;font-size:12px;background:rgba(0,0,0,.7);border-radius: 0 0 8px 8px}


.articlepodcast{margin: 21px 0 0;display: grid;grid-template-columns: 1fr;background: #f1f3f4;border-radius: 30px;padding:0 21px;
    & p{font-weight: 700;text-align:center;font-size: 1em;}
    & audio{margin: 0 auto 14px;height:38px}
}
.podcast .podcast--theme div{height: 114px}
.podcast .podcast--theme div img{float: left;border-radius: 8px;margin-right: 21px;box-shadow: 0 7px 20px #00000038;}
.podcast .podcast--theme div p{color: #999}
.podcast .podcast--theme ul a{display: block;padding: 14px 21px;border-bottom: 1px solid #eee}
.podcast .podcast--theme ul a .icon {background:#f5f5f5;border-radius:8px;padding:7px 10px;font-size:1.2em;margin: 0 7px 0 0;display: inline-block}
.podcast .podcast--theme ul a i{background:#f5f5f5;border-radius:8px;padding:10px;text-align:center;font-size:1.2em}
.podcast .podcast--theme ul a .fleche{float:right;margin:7px}
.podcast .podcast--theme ul a .fleche i{margin:0;color:var(--dark-color);background:#f5f5f5;border-radius: 20px;padding:3px 0 0 2px;height: 25px;width: 25px;}
.podcast .podcast--theme ul a:hover{background: rgba(8,98,156,.1)}
.podcast .podcast--theme ul a:hover i{color:#000}
.podcast .podcast--theme ul a:hover .fleche i{background: var(--dark-color);color: #fff}
@media screen and (min-width:600px) {
    .articlepodcast {grid-template-columns: 1fr 2fr;align-items: center}
    .articlepodcast audio {margin: 7px auto}
}

.gfw-attributeeditor .x-element{display:grid;z-index:0;vertical-align:top;background:rgba(0,0,0,.04);font-size:12px;border-radius:var(--borderradius-full)}
.gfw-attributeeditor .x-attributeditor-element picture{z-index: 1;grid-column: 1;grid-row: 1;height:35px;}
.gfwattributeeditor-fichename .x-element a{color:#333!important;align-self:center;display:grid;grid-gap:7px;}
.gfwattributeeditor-fichename .x-element:hover a{color:#fff!important;text-decoration:none!important}
.edition .post-fiche{z-index:0;vertical-align:top;background:rgba(0,0,0,.04);font-size:12px;border-radius:var(--borderradius-full)}
.post--info.gfwattributeeditor-fichename i.fa-hashtag{margin-right:0;background: rgba(0,0,0,.03);padding:12px;border-radius:50%;grid-column:1;grid-row:1;width:38px;text-align: center}
.post--info.gfwattributeeditor-fichename .x-element:hover{background:#0596de}

.gfw-attributeeditor .x-element div span{grid-row: 1;align-self: center;display:block}
.followkeywords.padding14{padding: 7px 21px 21px}

.followkeywords{margin:21px 0 14px;display:flex;flex-flow:row wrap;gap:7px;
    & strong{display:block}
    & .keyword{display:grid;z-index:0;vertical-align:top;background:rgba(0,0,0,.04);font-size:12px;border-radius:var(--borderradius-full)}
    & .keyword a{color:#333!important;align-self:center;display:grid;grid-gap:7px;}
    & .keyword a span{padding: 0 7px 0 0;}
    & .keyword i.fa-hashtag{margin-right:0;background: rgba(0,0,0,.03);padding:12px;border-radius:50%;grid-column:1;grid-row:1;width:35px;text-align: center}
    & .keyword i.fa-map-marker{margin-right:0;background: rgba(0,0,0,.03);padding:12px;border-radius:50%;grid-column:1;grid-row:1;width:35px;text-align: center}
    & .keyword span{grid-row: 1;align-self: center;display:block}
    & .keyword:hover{background:#0596de}
    & .keyword:hover a{color:#fff!important;text-decoration:none!important}
    & .keyword:hover .fa-hashtag{color:#fff!important;text-decoration:none!important}
    & .keyword picture{z-index: 1;grid-column: 1;grid-row: 1;height:35px;}
    & .keyword img{border-radius:20px!important;height:35px;width:35px;max-height:50px!important;margin:0!important;}
}


@media screen and (min-width:768px) {
    .followkeywords .keyword a span{white-space: pre;padding: 0 14px 0 0;}
}

@media screen and (min-width:1024px) {
    .classaddpref span.off-preference i:after{content: "S'abonner";font-family: 'open sans', verdana, sans-serif;padding: 0 7px}
    .post--info.gfwattributeeditor-fichename .x-element div span.off-preference i:after {content: "S'abonner";font-family: 'open sans', verdana, sans-serif;padding: 0 7px}
    .followkeywords .keyword img{height:40px;width:40px;}
    .followkeywords .keyword picture{height:40px;width:40px;}
    .followkeywords .keyword i.fa-hashtag{width:38px}
    .followkeywords .keyword i.fa-map-marker{width:38px}
    .gfw-attributeeditor .x-attributeditor-element picture{height:40px;}
}

.gfwattributeeditor-fichename .x-element,.edition .post-fiche{background:#D4EDFF}
.post--info,.yc-body .forum__header .followkeywords{margin:14px 0}
.post .followkeywords{margin: 14px 0 0}
.post--info.gfwattributeeditor-fichename{display:block;margin:0}
.post--info.gfwattributeeditor-fichename .fiche-tech-chantier{margin:14px 0 0}
.article__reportage{grid-area: 2 / 2}
.article__reportage a{position:relative;width:49%;display:inline-block;vertical-align:top;border-radius: 10px;overflow:hidden}
.article__reportage a p{position:absolute;bottom:0;left:0;right:0;color:#fff;display:inline-block;font-size:14px;line-height:normal;overflow:hidden;margin:0;padding:14px;background:linear-gradient(transparent,#000)}
.article__reportage a span{height:200px;width:100%;background-position:bottom}
.article__reportage a i{background:rgba(255,255,255,.7);height:35px;width:35px;position:absolute;top:15px;border-radius:50%;padding:10px}
.article__reportage .dossier-precedent i{left:14px}
.article__reportage .dossier-suivant{margin-left:auto}
.article__reportage .dossier-suivant i{right:14px;left:auto;margin:0}

.btn,.raflinknoparamsdelete,.raflinknoparamsadd{background:var(--dark-color);color:#fff!important;display:block;margin:0 auto;padding:7px 14px;border-radius:8px;width:fit-content;text-align:center}
.raflinknoparamsadd{padding:14px}
.btn__large{width:80%}
.btn__large i{float:right;font-size:21px}
.btn--search{background:#3d8304;width:100%}
.btn.aside--btn{margin:0 auto 21px;width:300px}
.fiche .btn--search{margin:0 auto 14px;padding:14px}
.gfw-grid-container .gfw-grid>tbody>tr>th.sortable .x-headertext{padding:7px 14px}
th.sortable a.x-headertext{color:#fff!important}
.gfw-grid-container .gfw-grid>tbody>tr.row{border-left:3px solid transparent}
.fichecommunaute .gfw-gridview-container .gfw-grid>tbody>tr.row{border:0;display:inline-block;background:#fff}
.gfw-grid>tbody>tr.row>td{border-bottom:1px solid #eee}
.gfw-grid>tbody>tr.row>td:first-child{font-weight:700}
.block-onglet,.gfw-grid>tbody>tr>td{padding:14px}
.fichecommunaute .gfw-gridview-container .gfw-grid>tbody>tr>td{padding:0;border:0}
.fichecommunaute img{border-radius:50%;width:48px!important;height:48px!important;margin:7px!important}

.gfw-grid>tbody>tr>th{border-left:1px solid rgba(255,255,255,.1)}
.article__content .p_300-100{margin:14px auto 0;width: 300px;height:auto}
.article__content .p_300-100 p{color:#666;margin:0 0 21px;font-size:9px;text-align:right}
.w300px .p {width: 300px;height:auto}
.w300px .p p{color:#666;margin:0 0 21px;font-size:9px;text-align:right}
.w300px .p div{min-height:266px}
.w300px .p{margin:0 auto 35px}
.w300px .p iframe {width: 100%}

.content__p{min-height:310px;background:var(--bg-mobilep);border-radius:var(--borderradius);margin-bottom:21px}
.article__author + .content__p{margin-top:21px}
.yc-fiche .wall .p{width: 100%;background: var(--bg-mobilep); padding:0;border-radius: 8px;margin:0 0 21px}
.yc-fiche .wall .p img{border-radius: 8px 8px 0 0}
.yc-fiche .wall .p p{color:#666;padding:0 7px 7px;font-size:.6em;text-align:right}
.post p{word-break: break-word;padding:0 0 14px}
.post .p img{width: 100%}
.post p.lien-pub{color:#999;margin:0 14px 14px;font-size:9px;text-align:right}


#fastcontactformcontainer{padding:0 14px 14px}
.contactformcontainer{box-shadow:0 0 15px rgb(0 0 0 / 12%);border-radius: 8px;background: linear-gradient(135deg, var(--dark-color) 0, #004f81 100%);}
.contactformcontainer .contactformtitle {    padding: 14px 14px 0;font-weight: 700; color:#fff;}
.contactformcontainer .contactannonceur{align-items: center;padding: 14px;font-weight: 700; display: flex;gap: 14px;background: #f5f5f5; border-radius: 8px;margin: 14px;}
.contactformcontainer .contactannonceur img{width:50px;height:50px;border-radius:8px;border: 2px solid #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);}
.contactformcontainer .class_showtel{background: #f5f5f5;color: var(--blue-link);padding:10px 14px;    border-radius: 8px;    margin: 0 14px 21px;    width: auto;    display: block;    text-align: center;}
.contactformcontainer .class_showtel:hover{background: var(--nav-dossier);color: var(--blue-link);}
.contactformcontainer .connexion-compte-modal,.contactformcontainer .contactform{border-radius:8px;}
.contactformcontainer .connexion-compte-modal form a{    float: none;}
.contactformcontainer label {color: #fff;font-size: .8em;font-weight: 700;margin: 0 0 14px;display: block;}
.contactformcontainer label span{color: var(--red);padding:0 0 0 3px}
.contactformcontainer .fastcontact-form-contact {display:none}
.contactformcontainer .fastcontact-form-contact label{margin: 0 0 7px;}
.contactformcontainer .fastcontact-form-contact label .formemail{display: grid;grid-template-columns: 1fr 4fr}
.contactformcontainer .fastcontact-form-contact label .formemail span{color:initial}
.contactformcontainer .fastcontact-form-log{background:#ffffff99;padding:14px;border-radius:8px;margin:0 0 21px}
.contactformcontainer .fastcontact-form-log p,.contactformcontainer .fastcontact-form-log p .std1{color:#000;font-size:1em !important}
.contactformcontainer .fastcontact-form-log label{margin:14px 0 0}
.contactformcontainer .connexion-compte-modal .x-widget-container:after{display:none}
.contactformcontainer input,.contactformcontainer textarea{padding:7px!important;width:100%!important;border-radius:3px!important}
.contactformcontainer input::placeholder{font-size:.9em}
.yc-body .contactformcontainer input[type=text],.yc-body .contactformcontainer textarea{border:0}
.contactformcontainer .gfw-button.x-skin.gray{padding:14px}
.contactformcontainer .gfw-button.x-skin.gray[type="submit"]{margin:0 auto;background:var(--dark-color)}
.contactformcontainer .contactform-valid{background: #a8ffba33;color:#fff;padding: 14px;border-radius: 8px}
.contactformcontainer .contactform-valid .std1{font-weight: 700;color:#000}
.fastcontactformcontainer_nom{gap:14px;display:flex}
.fastcontactformcontainer_nom label{display: inline-block!important;width: 49%;}
.gfw-form-widget-col input[name=NewsGetArticleDataForm_captcha]{margin:7px 14px 7px 7px}

aside{grid-area: sidebar;width:100%;padding:14px;word-spacing:normal}
aside .p{margin:0 auto 35px;width:300px;height:auto;display:block}
aside .p a{display:block}
aside .p p{color:#666;margin:0 0 21px;font-size:9px;text-align:right}
aside .p img{border-radius: var(--borderradius)}

aside .p_300-100 img{border-radius: 8px}
.aside__box-p{width:300px;height:auto;margin:0 auto 35px}
.aside__box-p img{border-radius: var(--borderradius-big)}
.aside__box-p p{color:#666;margin:0 0 21px;font-size:.6em;text-align:right}
.aside__photos .all{display:block}

.aside__box {background:#fff;position:relative;padding:10px;border-radius:var(--borderradius);margin:0 auto 35px;display:block;
    & img {margin: 7px 14px 7px 7px}
    & .titre {color: var(--blue-link);font-size: 1.1em !important;display: block !important;position: initial !important;margin: 0 0 14px !important;font-weight: 700;line-height: 25px !important}
    & .titre:after {content: "";width: 60%;height: 3px;background: var(--blue-link);display: block;border-radius: 8px; margin: 9px 0 0}
    & .btn {background: #bb1f07;width:100%;margin:7px auto 0;font-size:14px!important;font-weight:700;color: #fff!important;padding:14px!important;}
    & .redacteur {display: flex;align-items: center;gap: 14px;color: #999;font-size: .8em;}
    & .redacteur img {border-radius:var(--borderradius-full);height: 40px;width: auto}
    & a.linkfiche {margin: 0 0 14px;font-size: 13px;display: block}
    & a.btn:after {display: none}
    & a {line-height:17px;color:#333}
    & a span {font-size:10px;display:block}
    & a.unesidebar {font-size:.8em;display:flex;gap:14px;align-items: center;padding:7px}
    & a.unesidebar img {height: 67px;width: 100px; display: block;margin: 0;border-radius: 8px}
    & a.unesidebar div {display: inline-block}
    & a.unesidebar:after {content: "\f054";color: #dadada}
    & .linksidebar {display: grid;grid-template-columns: 1fr 14px}
    & .menu.info.contact{margin:14px 0 0}
    & .menu.info.contact i{display:none}
}

.aside__box.site .titre{color:var(--blue-link)!important}
.aside__box.forum .titre{color:var(--forum)}
.aside__box.forum .titre:after{background:var(--forum)}
.aside__box.forum .btn{background:var(--forum)}

.aside__box.box-hebdo{background:var(--newsletter-light);background: linear-gradient(135deg,var(--newsletter-light) 0,var(--newsletter-dark) 100%);color: #fff;width:100%}
.aside__box.box-hebdo .titre{color:#fff!important}
.aside__box.box-hebdo .titre:after{background: #fff}
.aside__box.box-hebdo .titre i{color:#ed2607!important;background:#fff}
.aside__box.box-hebdo .glhebdo{font-size:.8em}
.glhebdo #SubscribeForm{margin:14px 0}
.glhebdo #SubscribeForm input[name=SubscribeForm_email]{padding:14px;font-size:14px;border:0;width:100%}
.glhebdo #SubscribeForm input[name=SubscribeForm_submit]{background:var(--newsletter-dark);color:#fff;font-size:14px;border:1px solid var(--newsletter-dark);margin:7px 0 0}

.aside__box.edito{background: linear-gradient(135deg,var(--light-color) 0,var(--dark-color) 100%)}
.aside__box.edito .redacteur{border-radius: 35px 8px 8px 35px;background: rgba(255, 255, 255, .9);height: 50px;align-items: center;}
.aside__box.edito .redacteur picture{height:50px}
.aside__box.edito .redacteur img{height:50px;width:50px;margin:0}
.aside__box.edito span{color:#333;flex: 1 1 auto;line-height: 1.5em;}
.aside__box.edito strong{display:block;font-size:1.5em;font-style:italic}
.aside__box.edito a{padding:14px 0 0;display:block;font-weight:700;font-size:.9em;line-height: 1.5em;text-align:center;color:#fff}

.aside__box.yc .titre i{background:var(--icon-fiches)}
.aside__box.yc .btn{background:var(--icon-fiches)}
.aside__box.fichetech .btn{background:var(--icon-fiches)}
.aside__box.fichetech a.linkfiche{display:grid;grid-template-columns: 100px 1fr;gap: 14px;align-items: center}
.aside__box.fichetech .fa-port:before{content:"\f041"}
.aside__box.fichetech .fa-voiliers:before{content:"\f13d"}
.aside__box.boxlist a{font-size:.85em;margin:0 0 7px;padding: 7px;position: relative}
.aside__box.boxlist a.linksidebar:after{content: "\f054";color:#dadada;margin:0;position:absolute;right:0;top:50%;transform:translate(-50%,-50%)}
.aside__box.link img{height:75px;margin:0}
.aside__box.link span{height:67px;overflow:hidden;border-radius:5px;border:0!important}
.aside__box.link div p{color:#666;font-weight:300;margin:0}

aside .aside__boxvideo{height:200px;background-size:100%}
aside .aside__boxvideo .titrevideo{position:absolute;bottom:0;left:0;right:0;display:block;padding:21px 14px;color:#fff;font-size:16px;background:linear-gradient(transparent,#000)}
aside .aside__boxvideo .video{top:40%}



@media screen and (min-width:768px) {
    aside {padding:14px 49px}
}

@media screen and (max-width:1023px) {
    aside{margin:0 auto!important;}
    .aside__box .titre {font-size: .9em}
    aside.aside--news {width: 370px}
}


@media screen and (min-width:1024px) {
    aside { width: 100%;padding: 35px 14px;}
    aside .sidebar-p{min-height:285px}
    .aside__box .unesidebar:hover{background: #f5f5f5; border-radius:var(--borderradius)}
    .aside__box .titre:hover {background:none}
    .linksidebar:hover {background: #f5f5f5; border-radius: var(--borderradius)}
    .aside__box.edito a:hover{background:none}
    .aside__box.boxlist a:hover:after{color: #088ae0}
    .aside__box.site a:hover:after{color: #088ae0}
    .aside__box.fichetech a.linkfiche:hover {background: #f5f5f5;border-radius: var(--borderradius)}
    .aside__box.forum.boxlist a:hover:after {color: var(--forum)}
}

.raflinknoparamsadd{background:var(--icon-fiches)}

.menu.info .ficheproche{margin:0 0 14px;font-size:13px;display:block}
.menu.info .ficheproche{font-size:13px!important}

a.titrebloc::after{position:absolute;right:0;top:50%;transform:translate(-50%,-50%)}
a.titrebloc:after{content: "\f105";margin:0 7px}

.yc-fiche .post-fiche-info .blocfichetech_contact{padding: 0}
.fichetech_contact i{background:#eee;color:#999!important;border-radius:50%;padding: 7px;font-size: 12px!important;vertical-align: middle;width: 26px;height: 26px;text-align: center;}
.fichetech_contact div{align-items:center;font-weight:700;margin:14px 0 0 3px!important;display: grid!important;grid-template-columns: 35px 160px;}
.yc-fiche .post-fiche-info .fichetech_contact,.fichetech_contact div:nth-child(even),.article--ficheproduit div:nth-child(even){background:#fff!important;}
.post-fiche-info .fichetech_contact div{grid-template-columns: 36px 1fr;padding:7px 0; margin: 7px 0 0!important;}
.fichetech_contact span{display:block;margin:0 0 0 37px;font-weight: 400!important;width:80%!important;}

.menu.info .ficheproche span{width:70px;height:70px;overflow:hidden;border-radius:5px;display:inline-block!important;border:0!important}
.menu.info .ficheproche img{height:75px;margin:0}
.menu.info .ficheproche div{display:inline-block;vertical-align:top;margin:7px 0 0 3px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu.info .ficheproche div p{font-size:.96em;color:#666;font-weight:300;margin:0}

.raflinknoparamsadd{width:100%;margin:0 auto 21px}

.c-rating.no-interaction .c-rating__item:hover{cursor:initial}
.c-rating.no-interaction .c-rating__item.is-active:hover,.c-rating.no-interaction .c-rating__item:hover{background-position:-16px 0}
.c-rating.no-interaction{background:rgba(0,0,0,.5);text-align:center;padding:7px 0;position:absolute;bottom:0;left:0;right:0;grid-column: 1 / 2;}
.fichetech .c-rating.no-interaction{padding:7px}
.c-rating__item,.c-rating__item:hover{background-size:43px;height:17px;flex:0 0 16px;background:url('/src/images/icons/16/star_small_empty-gris.png') 0 0}
.c-rating__item.is-active,.c-rating__item.is-active:hover{background:url('/src/images/icons/16/star_small_full-gris.png') 0 0}

.fiche-tech--detail-fiche .c-rating.no-interaction{display:flex!important;}

p.intro{margin:21px}

#cookieChoiceInfo{z-index:1000;position:fixed;opacity:.9;bottom:70px;left:14px;right:14px;
    & div{opacity:1!important;position:initial!important;border-radius:8px;background-color:#1d2734!important;color:#fff!important;width:inherit!important}
    & span{width:100%!important;line-height:1.8}
    & #cookieChoiceDismiss{color:#000!important;top:0!important;display:inline-block!important;position:relative!important;margin:0 7px}
}

footer.news{background:var(--dark-color)}
footer.news{color:#fff!important;font-size:13px;position:relative}
footer.news a{color:#fff!important;font-size:13px;position:relative;display:block;padding:0 7px 14px 21px}
footer.news p{display:block;padding:0 7px 14px 21px}
.footer__social{margin:0 14px 21px}
.footer__social button{margin:0 4px;height:28px;width:28px;display:inline-block;color:#fff;border-radius:3px;position:relative;font-size:13px}
.footer__social button i{top:8px}
.langswitch{background:#fff;position:relative;padding:7px 14px;border-radius:var(--borderradius);margin:14px 0;font-size:.8em;display:flex;align-items:center}
.langswitch select{position:relative;padding-left:14px;background:transparent;-webkit-appearance:none;-moz-appearance:none;width:90px;z-index:1}
.langswitch:before{content:"\f078";color:#666;position:absolute;right:14px;top:10px;z-index: 1}
.langswitch .fa{color:#000;font-size:18px}
.langswitch span{vertical-align: top;color:#666}

.main-content.theme .intro img{width:100%}
.main-content.theme .fiche-tech{padding:42px 0 35px}
.raflinknoparamsdelete{width:100%}

.main-content.cookie,.main-content.cgu,.main-content.privacy,.main-content.moderation{padding:14px}
.main-content.cookie h1,.main-content.cgu h1,.main-content.privacy h1,.main-content.moderation h1{font-size:1.5em}
.main-content.cookie h2,.main-content.cgu h2,.main-content.privacy h2,.main-content.moderation h2{font-size:1.2em;margin:35px 0 21px}
.main-content.cookie h3,.main-content.cgu h3,.main-content.privacy h3,.main-content.moderation h3{margin:21px 0 0}
.main-content.cookie li,.main-content.cgu li,.main-content.privacy li,.main-content.moderation li{list-style-type:disc;margin:0 0 7px 21px}
.main-content.cookie a,.main-content.cgu a,.main-content.privacy a,.main-content.moderation a{text-decoration:underline}

.post--multitech .fiche-tech--fiche{padding:14px}
.main-article .fiche-tech--fiche{padding:0}
.main-article .fiche-tech--fiche a{height:inherit}
.fiche-tech--fiche{grid-template-columns: repeat(1, 1fr);padding:14px 0;display: grid;flex-wrap: nowrap;gap:21px}
.fiche-tech--fiche .img{height:70px;background-position:50%!important;display:block;overflow:hidden;position:relative;object-fit:cover;width:100%}
.fiche-tech--fiche .img .c-rating{padding:7px 12px;display:flex!important;}
.fiche-tech--fiche a{transition: transform .4s;box-shadow: 0 1px 1px rgb(0 0 0 / 7%), 0 1px 9px rgb(0 0 0 / 7%);color:#08629C;background:#eee;border-radius:8px;overflow:hidden;grid-area: auto / 2;font-size:14px;grid-column: inherit;}
.fiche-tech--fiche a div{font-size:.9em;color:#000;padding:10px;font-weight:700;grid-gap:0!important;display:block!important}
.fiche-tech--fiche a div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:.8em;margin:0}
.fiche-tech--fiche a.post--more{width:100%;display:block;grid-row:2;grid-column:1/4}
.fiche-tech--fiche .fiche-tech--detail-fiche{display: grid;padding:9px;grid-gap: 1rem;width: auto!important;grid-auto-flow: column;grid-auto-columns: calc(200px - 2rem);grid-template-columns: repeat(6, calc(50% - 40px))}
.fiche-tech--fiche .gfw-hscroller .x-container{width: 100%}
.fiche-tech--fiche .gfw-hscroller .x-slidebtn{height:100%!important;top: 0;margin:0}
.home-block .annoncehome .module-annonce h2{display:none}
.module-annonce .fiche-tech--fiche .gfw-hscroller .x-slidebtn{margin: 14px 0 0;height: 91% !important;border-radius:0}
.annoncehome .module-annonce .fiche-tech--fiche .gfw-hscroller .x-slidebtn{margin:9px 0 0;height: 94% !important;}
.module-annonce .fiche-tech--fiche .fiche-tech--detail-fiche{grid-template-columns: repeat(6, calc(70% - 40px))}
.post--multitech .fiche-tech--fiche{grid-template-columns: repeat(3,1fr);}
.post--multitech .fiche-tech--fiche .fiche-tech--detail-fiche{padding:9px 0 21px}
.menu .fiche-tech--fiche,.theme--geo .fiche-tech--fiche,.page-fiche .fiche-tech--fiche{grid-template-columns: repeat(2,1fr);}
.main-content .list-article{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}
.main-content .list-article .p{margin:21px auto}
.main-content .p{width:100%;background:var(--bg-mobilep);padding:7px;border-radius:8px;text-align:center}
.main-content .p img{border-radius: var(--borderradius)}
.main-content .p p{color:#666;margin:0;font-size:.5em;text-align:right}
.main-content .titrebloc { width: 100%}
.main-content .fiche-tech--fiche{position:relative}
.main-content .list-article.reportages {display: grid;grid-template-columns: 1fr; gap: 28px 0;overflow: hidden;}
.main-content .list-article.reportages .articles-home {border-radius:8px;margin:0;grid-template-columns:1fr;grid-template-rows: 1fr;background: var(--dark-color)}
.main-content .list-article.reportages .articles-home img {grid-column:1;opacity:.4;margin:0 -25%;width:auto;height:100%}
.main-content .list-article.reportages .articles-home .title {width: 245px;grid-column: 1;color: #fff;text-align: left;margin: auto 21px 21px;opacity: .99;font-size: 1.5em}

@media screen and (min-width:768px) {
    .home-block__theme {justify-content: space-between}
    .main-content {padding: 21px 49px;margin: 0 auto}
    .main-content .list-article .articles-home {width: 100%}
    .main-content .p {background: #fff;padding: 0;border-radius:0}
    .main-content .list-article.reportages {grid-template-columns: 1fr 1fr}
    .fiche-tech--fiche a div{font-size:1.2em}
}

@media screen and (min-width:1024px) {
    .main-content .list-article.reportages .articles-home:hover {text-decoration: underline; color: #fff}
}

.homefiches__dep{line-height:30px}
.homefiches.theme--geo h2 {margin: 7px 0 21px}
.homefiches .homefiches__dep a{position: relative;vertical-align: top;padding: 0 12px;margin:7px 7px 0 0;display: inline-block;font-size: 13px;color: #333333;background: #f7f7f7;border-radius: 20px;border: 1px solid #eee;}
.homefiches .homefiches__dep a:hover{background: var(--nav-dossier);border: 1px solid var(--nav-theme);color: var(--nav-dossier-text);border-radius: 20px;transition-property: background-color;transition-duration: .30s;}

.fa-play.video{opacity:.8;position:absolute!important;font-size:60px!important;color:#fff;top:19%;left:50%;transform:translate(-50%,-50%);text-align:center}
.articles-home.firstarticle .fa-play.video,.articles-home.class-flagalaune .fa-play.video{left:50%;}
.articles-home .fa-play.video {left: 18%;top:50%}
.pager{text-align:center;margin:14px 0;padding:14px 0;font-size:14px;gap:7px}
.gfw-pager{text-align:center;margin:14px 0;padding:14px 0;font-size:14px;gap:7px;    flex-flow: row wrap;}
.pager a{display:inline-block;margin:0;padding:4px 7px;border-radius:8px}
.pager a:link,.pager a:visited{border:1px solid #f5f5f5;background-color:#f5f5f5}
.pager a:active{border-radius: 8px;color:#fff!important;background-color:#4095CB;text-decoration:none!important}
.gfw-pager a{display:inline-block;padding:7px 12px;color:#333!important;border-radius:8px;background:#fff}
.gfw-pager a:active{border-radius: 8px;color:#fff!important;background-color:#4095CB;text-decoration:none!important}
.gfw-pager .current{border-radius: 8px;color:#fff!important;background-color:#4095CB;text-decoration:none!important;padding:7px 14px}
.pager .templatepager-currentpage{border-radius: 8px;color:#fff!important;background-color:#4095CB;text-decoration:none!important;padding:7px 14px}
.pager a .templatepager-currentpage{margin:-11px}

.theme--geo .articles-home.firstarticle span,.theme--geo .articles-home.class-flagalaune span{margin:0 0 21px}

.contenu-correspondant{display:flex;justify-content:center;align-items:center;flex-flow:wrap;gap:21px;margin:0 0 28px;
    & a{width:250px;background:#fff;border-radius:var(--borderradius);overflow:hidden;box-shadow: 0 0 17px rgb(0 0 0 / 18%)}
    & a span{padding:14px;display:block;font-weight:700;text-align:center;background:color-mix(in srgb, var(--light-color), #fff 95%);border-radius:var(--borderradius);margin:7px;font-size:.75em}
}

.bottominfos{background:#fff}
.bottominfos .reportage{padding:21px}
.bottominfos .bloc-video{padding:21px}
.bottominfos .titrebloc,.article__reportage .titrebloc{padding:4px 14px 7px}
.bottominfos .fiche-tech.fichetheme .titrebloc{padding:0}
.bottominfos .titrebloc{margin:0 21px}

#pagecontact{background:#fff;padding:21px}
#pagecontact h1{font-size:1.4em;margin:0 0 21px}
#pagecontact h2{font-size:1.2em;margin-top:35px}
.main-content.theme h1{font-size:1.4em;margin:0 0 21px}

h2.contact{padding:0 0 21px;grid-area: auto /2;}

.bloc__reportage{background:#f5f5f5;border-radius:var(--borderradius-big);padding:14px;margin:0 0 42px;
    & .titrebloc{background:none;color:#333;padding:0;margin:0;}
    & .nav__reportage{display: grid;grid-template-columns:1fr;grid-template-areas: "dossier-precedent"
    "dossier-suivant";gap: 14px;align-items: center;}
    & .articles-home{margin:0}
    & .nav__reportage a{background:rgba(0,0,0,.04);    border-radius: 8px;  font-size: .9em;  padding: 14px;}
    & .nav__reportage a span{color:var(--rouge)}
    & .dossier-precedent{grid-area:dossier-precedent}
    & .dossier-suivant{grid-area:dossier-suivant}
    & .dossier-precedent:before {margin:21px 21px 27px 0;float: left;content: "\f053"}
    & .dossier-suivant:before { margin:21px 0 27px 21px;float: right;content: "\f054"}
    & .list-article{display: flex;flex-wrap: wrap;justify-content: space-between;gap:14px}
    & .list-article .title{font-size: 14px}
}

@media screen and (min-width:768px) {
    .bloc__reportage .list-article .title {font-size: 18px}
}
@media screen and (min-width:1024px) {
    .bloc__reportage .nav__reportage{grid-template-columns: 1fr 1fr;grid-template-areas: "dossier-precedent dossier-suivant"}
    .bloc__reportage .nav__reportage a:hover{background: rgba(0,0,0,.07);color:#000}
    .bloc__reportage .nav__reportage a:hover:before {color: #088ae0}
    .bloc__reportage .nav__reportage a:hover:after {color: #088ae0}
}


.post--info.gfwattributeeditor-fichename .x-element div{display:inline-block;cursor:pointer;vertical-align: bottom}


.classaddpref{grid-column:2;grid-row: 1;align-self: center}
.classaddpref span{line-height:19px;padding:7px 7px 0;background:#fff;border-radius:20px;cursor:pointer;margin:0 7px 0 0;font-size:12px;border:1px solid rgba(8,98,156,.8);color:rgba(8,98,156,.8);width:28px;text-align: center;align-self:center;display:block}
.classaddpref span i{white-space: pre;vertical-align:top;margin:0}
.classaddpref span.on-preference{color:#fff!important;background:rgba(8,98,156,.8);border:1px solid transparent}
.classaddpref span.on-preference i{margin-right:0}
.post--info.gfwattributeeditor-fichename .x-element div{grid-column:2;grid-row: 1;align-self: center}
.post--info.gfwattributeeditor-fichename .x-element div span{line-height:19px;padding:7px  7px 0;background:#fff;border-radius:20px;cursor:pointer;margin:0 7px 0 0;font-size:12px;border:1px solid rgba(8,98,156,.8);color:rgba(8,98,156,.8)}
.post--info.gfwattributeeditor-fichename .x-element div span i{vertical-align:top;margin:0}
.post--info.gfw-attributeeditor .x-element div span.on-preference{color:#fff!important;background:rgba(8,98,156,.8);border:1px solid transparent}
.post--info.gfw-attributeeditor .x-element div span.on-preference i{margin-right:0}

.main-content--keyword-info{position: relative;border-radius:var(--borderradius-big);border:var(--borderstd);background:#fff;padding:11px;margin-bottom: 14px;display:flex;grid-gap: 14px;grid-auto-rows: minmax(50px, 75px);grid-template-columns:68px 3fr 1fr;
    & img{border-radius:50%;height:70px;position:absolute;left:11px;top:11px}
    & .keywords-title{align-self:center;vertical-align:top;display:block;font-weight:700;font-size:14px;text-transform:uppercase}
    & .keywords-title span{display:block;font-size:12px;color:#999;font-weight:400;text-transform:initial}
    & .abo{align-self:center;vertical-align:top;margin-left:auto}
    & .keywords-subtitle{font-weight:300;text-transform:initial}
}
.indexkeyword--keyword img{border-radius:50%;height:70px;position:absolute;left:13px;top:14px}

@media screen and (min-width:600px) {
    .main-content--keyword-info {grid-template-columns:68px 4fr 116px}
}

@media screen and (min-width:768px) {
    .main-content--keyword-info{grid-template-columns:70px 4fr 105px;  }
    .main-content--keyword-info .keywords-title{font-size:18px}
    .main-content--keyword-info .abo{grid-column: auto}
}

@media screen and (min-width:1024px) {
    .classaddpref span{width:auto}
}

.bs-stand-p figure{margin:0}
.main-content.theme .intro{margin:0 0 42px}
.wall.page-fiche .post{box-shadow: none!important;background: transparent;}
.wall.page-fiche .post .fiche-tech--fiche a {background: #fff}

.home-block__newarticle div,.postyc h2,.main-content--keyword-pager a{margin:0}
.postyc h2{padding:0}
.indexkeyword h1{font-size:1.2em;margin:0 0 14px 14px;      grid-area: auto /1!important;}
.lettre-recherche-alphabetique{text-align:center;padding:14px 0;    grid-area: auto /1!important;}
.lettre-recherche-alphabetique a{background:#f1f1f1;padding:7px 14px;margin:2px;font-size:12px;display:inline-block}
a.resultat-alphabetique{font-size:12px;display:grid;gap:14px;position:relative;    align-items: center;    grid-template-columns: 75px 1fr;}
a.resultat-alphabetique span{display:inline-block}
a.resultat-alphabetique .indexkeyword--photo{    grid-column: 1;height:70px;width: 70px;}
a.resultat-alphabetique .title{text-transform:uppercase;vertical-align:top;grid-column: 2;}
.indexkeyword--keyword{width:100%;background:#f5f5f5;border-radius:8px;position:relative;margin:0 0 14px}
.indexkeyword--photo i{width:70px;height:70px;border-radius:50%;background:#eee;padding:26px;vertical-align:top}
.indexkeyword--keyword .addprefAjaxRefresh{position:absolute;right:14px;top:33%;margin:0}
.indexkeyword--keyword .addprefAjaxRefresh.classaddpref span{font-size: 14px}
.indexkeyword--keyword .addprefAjaxRefresh.classaddpref span{padding:6px 6px 0;display:block}
.abo .addprefAjaxRefresh.classaddpref span{font-size: 13px;vertical-align: top;}

.reportagesommaire {background: #f5f5f5;margin: 14px 0 !important;padding: 14px;border-radius: 10px;
    & span {display: block;margin-bottom: 14px}
    & span strong {font-style: italic}
    & li {margin: 7px 21px 0;list-style-type: decimal}
    & li a {font-size: 14px}
    & .actif a {color: #333 !important}
}

.p-block21 {margin:0 0 28px}
.article__keyword{padding:0 14px}
.post--author .image-post-msgactu-pageauthor {border-radius:10px;border:3px solid #fff;height:45px!important;width:45px!important;margin:0!important;color:#fff}
.list-article{padding:21px 0 14px}

.home-block__theme{display:flex;flex-wrap:wrap;justify-content:center;gap: 28px;margin-top:100px}
.home-block__theme .titrebloc::before{top:-10px}
.home-block__theme.home-block__newarticle{margin:0;gap:28px}
.home-block__theme.home-block__newarticle .articles-home{width:100%;}
.home-block__theme ~ .fiche-tech{margin-top:100px}
.home-block__theme .articles-home.class-flagalaune {margin:21px 0 28px}
.home-block__theme h2{width:100%;}
.home-block__theme div{width:auto;}

.home-block__newarticle .une-bloc-article{flex-flow:wrap; display: flex;gap: 28px}

.home-block h2 i{color:#fff;position:absolute;right:0;margin:0;width:36px;text-align:center;font-size:20px}
.articles-home {width:100%;grid-template-areas:
        "photo"
        "content";display: grid!important;grid-template-columns:repeat(5, 1fr);grid-column-gap:14px;position: relative;}
.articles-home:visited{color:#666}
.articles-home p{padding:0 14px 14px;line-height:inherit}
.articles-home .title{line-height:1.3em;font-size:1em;grid-area:content;grid-column:3 / 6;grid-row:1;margin:auto 0;font-weight: 700;}
.articles-home .title:before{top:107px!important}
.articles-home span{position:relative;line-height: 0}
.articles-home picture{grid-area: photo;grid-column: 1 / 3;grid-row: 1}
.articles-home img{height:auto;width:100%;border-radius:var(--borderradius);border:1px solid #f1f1f1;display:block}
.articles-home h3{font-size:1em;grid-area:content;grid-column:3 / 6;grid-row:1;margin: auto 0;font-weight: 700}

.articles-home.theme__reportage{margin-bottom: 50px;}
.articles-home.theme__reportage .plus{display:block;background:var(--content-bg);border-radius:8px;padding:14px;}
.articles-home.theme__reportage .plus:before {float:right;content:"\f054"}


.articles-home.firstarticle{   grid-template-areas:
         "content"
         "photo";grid-template-columns: repeat(1, 1fr);grid-gap: 14px;grid-template-rows: repeat(3, 1fr);}
.articles-home.firstarticle img{grid-area: photo;grid-row: 1 / 4}
.articles-home.firstarticle picture{grid-area: photo;grid-row: 1 / 4}
.articles-home.firstarticle .title{font-size:18px;font-weight:700;grid-area: content;grid-row:3 / 4;padding: 14px;color: #fff;background-image: linear-gradient(transparent,rgba(0,0,0,1));position: absolute;left: 0;right: 0;bottom: 0;border-radius: 0 0 8px 8px;}

.articles-home.class-flagalaune{   grid-template-areas:
         "content"
         "photo";grid-template-columns: repeat(1, 1fr);grid-gap: 14px;grid-template-rows: repeat(3, 1fr);}
.articles-home.class-flagalaune.theme__reportage {grid-gap:0;background:var(--content-bg);border-radius: 8px}
.articles-home.class-flagalaune img{grid-area: photo;grid-row: 1 / 4}
.articles-home.class-flagalaune picture{grid-area: photo;grid-row: 1 / 4}
.articles-home.class-flagalaune h2{font-size:18px;font-weight:700;grid-area: content;grid-row:3 / 4;padding: 14px;color: #fff;background-image: linear-gradient(transparent,rgba(0,0,0,1));position: absolute;left: 0;right: 0;bottom: 0;border-radius: 0 0 8px 8px;}

.articles-home.firstarticle{width:100%;}
.articles-home.class-flagalaune{width:100%;}
.p-block21 img{width:100%;}
.p-block22 img{width:100%;}
.home-block__newarticle .articles-home span.etiquette{width:auto;position:relative!important;background:none;color:#bb1f07;font-size:inherit;margin:0;padding:0}

.etiquette{font-size:.8em;position:absolute!important;left:0;padding:14px 7px;color:#fff;background-color:#dc2307;z-index:0;border-radius: var(--borderradius) 0 var(--borderradius) 0;}

.theme--geo h1{margin:0 14px}
.theme--geo h2{margin:28px 0 14px;border-radius:8px;overflow: hidden;}
.theme--geo .olMap{width:100%!important}
.listegeo .fiche-tech i{color: #fff;border-radius: 50%;padding: 7px;font-size: 12px;vertical-align: middle;width: 26px;height: 26px;text-align: center; background-color: var(--icon-standard);}
.listegeo .fiche-tech--fiche{margin:0 0 28px}
.ficheliee.fiche-annuaire{margin:21px 0 0}

.fiche-tech-chantier{background:#f5f5f5;border-radius:var(--borderradius);padding:7px;margin:0 0 14px;align-items:center;display:flex;color:#000;
    & img{height:80px;width:80px;border-radius:var(--borderradius);display:block}
    & p{margin:14px!important;padding:0;vertical-align:middle}
    & p strong{padding:0 0 14px}
    & p span{display:none!important}
}

.annonceur-contact{align-items: center;display: flex;gap: 21px;margin: 0 0 14px;
    & img{border-radius:var(--borderradius);border:2px solid #fff;box-shadow:0 2px 5px rgba(0, 0, 0, .15);height:80px;width:80px;display:block}
    & div{margin: 0!important;padding: 0;vertical-align:middle}
    & p{color:#000;font-size:1.2em;flex:1}
    & .decouvrir{display:none!important;}
}
.gfw-attributeeditor .fiche-tech-chantier .UserFriendSuggestListeForm-photoprofil {height:60px!important; width:60px!important}
.gfw-attributeeditor .fiche-tech-chantier p{font-size:1.2em}

.post--info.gfwattributeeditor-fichename .fiche-tech-chantier picture{height:auto;width:auto}

@media screen and (min-width:768px) {
    .fiche-tech-chantier p{margin: 14px!important;flex: 1;flex-flow: row;padding: 0;vertical-align:middle;align-items:center;display: flex}
    .fiche-tech-chantier p strong{flex: 1;padding: 0}
    .fiche-tech-chantier p span{display:inline-block!important;background: color-mix(in srgb, transparent, #000 7%);border-radius:var(--borderradius);padding:7px 14px}

    .annonceur-contact{padding:7px}
    .annonceur-contact:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);background: linear-gradient(135deg, #fff 0, var(--nav-dossier) 100%);border-radius: var(--borderradius)}
    .annonceur-contact div{flex: 1;flex-flow: row;align-items:center;display: flex}
    .annonceur-contact:hover .decouvrir{background:var(--light-color);color:#fff}
    .annonceur-contact .decouvrir{display:inline-block!important;background:  color-mix(in srgb, transparent, #000 7%);border-radius:var(--borderradius);padding:7px 14px}

    .fiche-annuaire .fiche-tech-chantier:hover{box-shadow: 0 0 15px rgb(0 0 0 / 20%);}
}

.search-top{margin: 0 14px 14px}
.footer__copy img{margin:17px 0}
.footer__int{margin: 14px 0 0}

#SubscribeForm-container{width:100%!important}
.gfw-form-title{font-size:1.2em;font-weight:700;color:#000}
#SubscribeForm-container .gfw-form-title,#UnSubscribeForm-container .gfw-form-title{margin:0 -320px 0 0;font-size:12px}
.gfw-tableform-validationerror-container{position:relative;margin:60px 0 0;display:block;clear:both;height:100px;grid-area: content}
.gfw-tableform-validationerror-container ul{margin-left:14px}
.addemail{background: #fff;border-radius: 8px;padding: 21px;grid-area: content}

.morearticle .articles-home {display:block}



.main-content.page-team{grid-gap: 0}
.main-content .page-redacteur .classsuivre span{padding:12px}
.page-team-user{grid-template-columns:70px 1fr;display: grid;gap: 14px;align-items: center;border-bottom: 1px solid #eee; margin: 14px 0 0;padding: 0 0 14px;}
.page-team-user picture{height:70px;width:70px}
.page-team-user img{border-radius:50%}
.page-team-user h2{font-size:1em}
.page-team-user span{display:block;font-weight: 400;margin:0;color:#999;font-size: .9em;}
.main-content.page-team h1{font-size:1.2em}
.page-redacteur h1,.page-redacteur h2{font-size:1em}
.page-redacteur .page-team-user{margin: 14px 0}
.page-redacteur-titre a{display:block;font-weight:700;padding:7px; border-radius:8px; background:#f5f5f5;margin:0 0 21px}
.page-redacteur-titre a:before{content: "\f053";margin: 0 7px}
.page-redacteur-presentation{line-height: 1.6em;}
.page-redacteur-presentation a {text-decoration:underline}
.page-redacteur-sr{ display:block;  background: url(/src/applications/news/images/sprite-bateaux-com.png) no-repeat 10px -500px;background-size: 150px;margin: 0 7px 14px 0; border-radius:8px;padding:10px 14px 10px 42px;background-color: #f5f5f5;text-align: center;}
.page-redacteur-contact:before{content: "\f0e0";background:var(--bleu);border-radius:3px;padding:12px;color:#fff;width:40px;text-align: center;}
.page-redacteur-twitter:before{content: "\f099";margin:0 7px 7px 0; background:rgba(var(--twitter));border-radius:8px;padding:12px;color:#fff;width:40px;text-align: center;}
.page-redacteur-facebook:before{content: "\f09a";margin:0 7px 7px 0; background:rgba(var(--facebook));border-radius:8px;padding:12px;color:#fff;width:40px;text-align: center;}
.page-redacteur-linkedin:before{content: "\f0e1";margin:0 7px 7px 0; background:rgba(var(--linkedin));border-radius:8px;padding:12px;color:#fff;width:40px;text-align: center;}
.page-redacteur-youtube:before{content: "\f16a";margin:0 7px 7px 0; background:rgba(var(--youtube));border-radius:8px;padding:12px;color:#fff;width:40px;text-align: center;}
.page-redacteur-instagram:before{content: "\f16d";margin:0 7px 7px 0; background:rgba(var(--instagram));border-radius:8px;padding:12px;color:#fff;width:40px;text-align: center;}
.last-article-redacteur{display: flex;flex-wrap: wrap;gap: 21px;margin: 21px 0 0;}

.gfw-button.x-skin.gray{bottom:0;right:0;background:#eee;border:0;cursor:pointer;padding:3px 7px;font-size:.8em;color:#fff!important;line-height:2em;height: max-content;}
.gfw-button.x-skin.gray:hover{opacity:.8;background-image:none}
.creation-new-compte .gfw-button.x-skin.gray:hover,.valid-form-connexion .gfw-button.x-skin.gray:hover{background-color:#2d6b00}
.raflinknoparamsdelete{background:var(--green);font-size:16px}
.gfw-button.x-skin.gray[type="submit"]{margin: 0 0 21px;background:var(--green);font-size:16px}

.yc-body .creation-new-compte h1{font-size:1.2em;}
.hr{text-align: center;}
.hr hr{height:1px;border:none;color:#DBDBDB;background-color:#DBDBDB}
.center-hr{position:relative;top:-.8em;padding:0 14px;margin:0 auto;background-color:#fff;color:#999}

.sous-titre-new-compte{text-align:center;color:#4b5966;font-weight:700;font-size:1.1em;padding:14px}

#loginloopform {border: 7px solid var(--dark-color);border-radius:var(--borderradius-big);overflow: hidden;margin:14px 0;background-color:color-mix(in srgb, var(--light-color), #fff 95%);
    & .sr-login {padding:21px;background-color:color-mix(in srgb, var(--light-color), #fff 95%);margin:0}
    & .sr-loginform {padding:21px}
    & .sr-loginformsuccess { border-radius:0;margin:0;background-color:color-mix(in srgb, var(--light-color), #fff 95%);}
    & .center-hr{background-color:#f5f5f5}
    & .head {background: linear-gradient(135deg, var(--dark-color) 0, var(--light-color) 100%);color: #fff;margin: 0;padding: 14px;text-align: center;font-weight:700}
    & .sr-newsconnexion {background: color-mix(in srgb, var(--light-color), #fff 95%)}
    & .sr-newsconnexion h2 {font-size: 1.5em;padding:0}
    & .sr-newsconnexion p{line-height: 25px;margin:0 0 14px}
    & .center-hr {background-color: color-mix(in srgb, var(--light-color), #fff 95%)}
    & .gfw-layout-block {margin: 21px auto;border-radius: var(--borderradius-big);background-color:color-mix(in srgb, transparent, #000 10%);width: 80%;}
    & .gfw-layout-block p.std1{text-align:center}
    & td{border:0; font-size: .9em;}
    & #connexion-form-container{margin:21px}
}

#connexion-form-container {
    & input {border-radius:var(--borderradius)}
}

.validform{margin: 21px;padding: 14px;border-radius: var(--borderradius);background:#f5f5f5;font-weight: 700;text-align: center;}
.validform.newmail{background:color-mix(in srgb, var(--green), #fff 90%);color:var(--green)}
.validform.validmail{background:color-mix(in srgb, var(--red), #fff 90%);color:var(--red)}

table.gfw-layout-block{margin:0;box-shadow:none;border-radius: 16px;border: 0;overflow: hidden}
table.gfw-layout-block .gfw-layout-imagecell{display:none}

.sr-loginformsuccess { border-radius:var(--borderradius-big);background-color: #fff;overflow:hidden;
    & h1 {padding:28px 32px 14px;text-align:center}
    & td {padding:0}
    & p {padding:14px 35px 35px}
    & ul { background:#D01F08;color:#fff;padding:35px;margin:0}
    & li {font-weight:300;display:flex;padding:0 0 14px;margin:0;align-items:center}
    & li span {border-radius:50%;padding:7px 14px;margin-right:14px;border:1px solid #fff;height:100%;width:auto}
    & li a {color:#fff !important}
    & li p {padding:0}
}


.home .link-email{display:inline-block;background:#08629C;border-radius:3px;margin:7px}
.home .link-email a{color:#fff!important;padding:14px;display:block}
.home #UserEmailChangeForm-container{margin:0 auto;width:650px;display:block}
.sr-loginformsuccess .validform ~ p{display: none}


@media screen and (min-width:768px) {
    .sr-loginformsuccess{margin:10vh auto; box-shadow: 0 0 34px rgb(0 0 0 / 15%);padding: 0;width: 600px;}
}


.main-article #ajax-text-article .articletextlogin{position:relative}
.main-article #ajax-text-article .articletextlogin:after{position: absolute;bottom: 0; right: 0; left: 0; content: ""; display: block; height: 100px; background: linear-gradient(0,#fff 0,transparent 100%);}
.home .creation-new-compte{background: #fff}

.news-login.sr-loginform {
    & h1 {text-align: center;font-size: 1.1em;font-weight: 700}
    & h2 {text-align: center;font-size: 1.1em;padding:0}
    & .login {background: #f5f5f5;border-radius: 8px}
    & .signup {padding: 35px 14px 0}
    & p{margin:0;font-size: .9em;}
    & form {font-weight:700}
    & form span{font-size:.9em;}
    & input[type="text"]{margin:14px 0}
    & input[type="submit"]{margin:0 auto;display:block;padding:14px 35px!important;position:relative;border-radius: 8px!important}
    & .input-formulaire input[type="checkbox"]{width:auto}
    & label{ padding:0 0 7px;display: block}
    & form a.pwd {float: right; margin:0 0 14px;font-size:.8em}
    & .connect{position:relative;display:block;width:70%;text-align:center;font-weight:700;margin:14px auto;padding:14px;color:#fff!important;font-size:14px!important;background:var(--green);border-radius:8px}
    & .input-formulaire input{background:#fff;width:100%;margin:7px 0 0;font-size:14px}
    & .gfw-input-sidetrigger{height:35px;top:7px;width:20px}
    & .connexion-texte{padding: 7px 0 0}
}
.sr-loginform{display: flex;flex-direction: column;gap: 21px;}
.sr-loginform .login_otheraccount{ display: block;border: 1px solid var(--blue-link);color:var(--blue-link);padding:7px;margin:0 0 21px;text-align: center;border-radius: 8px;}
.sr-loginform .login_otheraccount:hover{ background:var(--blue-link);color:#fff;text-decoration: none}

.sr-login{background: #fff;margin: 10vh auto;box-shadow: 0 0 34px rgb(0 0 0 / 15%);border-radius: var(--borderradius-big);overflow: hidden;
    & h1 {font-size: 1em!important;line-height: 1.6em;background:linear-gradient(135deg, var(--dark-color) 0, var(--light-color) 100%);color:#fff;margin:0;padding:14px;text-align:center;font-weight:700}
    & h2 {padding:0 21px!important;margin: 0 !important;text-align: center;font-size: 1.1em !important;text-transform: inherit !important;border-bottom: 0 !important;}
    & .login {background: #f5f5f5;border-radius: var(--borderradius)}
    & .signup {padding: 35px 14px 0}
    & form{line-height:30px;padding:0 21px;}
    & form p{font-weight: 700;padding: 7px 0}
    & form a.pwd {float: right;margin:0 0 14px;color: var(--link-std);font-size: .8em}
    & input {margin: 0 0 14px}
    & input[type="submit"] {padding:14px!important}
    & input[type="checkbox"]{margin:0 7px 0 0}
    & .cguaccept{font-size:11px}
    & .gfw-layout-messagecell{display:block;padding:14px;background:#f5f5f5;line-height:23px;margin:21px auto;width:90%;border-radius: var(--borderradius-big)}
    & .formfieldcomment    {display:block;padding:14px;background:#f5f5f5;line-height:23px;border-radius: var(--borderradius-big)}
    & .passe-oublie-titre{padding:14px;margin:14px 14px 0;font-size: .9em;background:#f5f5f5;border-radius: var(--borderradius-big)}
    & .passe-oublie-titre ~ .gfw-layout-block .gfw-layout-messagecell{background:color-mix(in srgb, var(--green), #fff 90%);color:var(--green)}
    & .passe-oublie-titre:has(+ .sr-loginformsuccessk){display:none}
    & .passe-oublie-titre:has(+ .gfw-layout-block) {display:none}
    & td.std1{padding:0}
    & .gfw-notificationbox {margin: 2em;}
}

.connexion-compte-reseau .logo-reseau{display:flex;flex-direction:column;gap:14px}
.connexion-compte-reseau .logo-reseau a {margin:0 auto}
.connexion-compte-reseau .logo-reseau a:hover {color: #fff !important;}
.connexion-compte-reseau .logo-reseau a.connect_button.connect_gg:hover {color: #000 !important;}

.x-shadminform-window{background:#fff;width:100%}
.title-modal{color:#fff;position: absolute;right: 14px;top: 14px;}
.title-modal .x-cancel{cursor:pointer;float:right}
.x-shadminform-window .connexion-compte-modal{padding: 21px 21px 0}
.connexion-compte-modal form a{float:right;padding:14px 0;font-size:12px!important}
.x-shadminform-window .sr-login,.x-shadminform-window .sr-loginformsuccess { width: 100%;border-radius: 0;margin: 0;}
.connect_button{border-radius:var(--borderradius);display:flex;padding:9px 16px;gap:7px;font-size: 14px!important; margin:0 auto 18px;}
.connect_button.connect_fb{background:rgba(var(--facebook));color:#fff}
.connect_button.connect_gg{background:#fff;color:#333;border:1px solid #ccc}
.connect_button.connect_li{background:rgba(var(--linkedin));color:#fff; margin:0 auto}
.connect_button i{border-right:1px solid rgba(0,0,0,.2);padding: 3px 14px 0 0;margin:0 7px 0 0;width: 35px;text-align: center}

.input-formulaire.creation-nom {display:flex;gap:14px}
.input-formulaire.creation-nom .x-widget-container{width:50%}
.yc-body .creation-new-compte form a.pwd{margin:-7px 0!important;}
.linkcgu {display: flex;margin: 14px 0;align-items: center;}
.linkcgu .cguaccept{flex: 1 1 auto;}

.error-connexion,.error-new-connexion{margin: 0 0 14px; font-weight: 400;font-size: .8em;border:1px solid #ed2607;padding:0 14px;background:rgba(237,38,7,.05);color:#ed2607;border-radius: var(--borderradius)}
.error-connexion{margin:0 0 14px}
.error-general-message,.error-new-general-message{    flex-wrap: wrap;margin:14px 0;align-items: center;display:flex}
.error-general-message:before,.error-new-general-message:before{background:rgba(237,38,7,.7);content:"\f129";margin-right:11px;border-radius:50%;padding:4px 8px;color:#fff;float:left}
.error-connexion .oblb,.error-new-connexion .oblb{color:#ed2607;font-weight:700;padding: 0 3px;}



@media screen and (min-width:768px) {
.news-login { padding: 25px 50px;
    & form {display: block}
    & .cguaccept {font-size: 14px}
}
.sr-login {width:600px;
    & form{display: block;line-height: 30px}
    & .cguaccept { font-size: 14px}
}
#loginloopform .sr-login {width:auto}
.x-shadminform-window{width:600px}
.x-shadminform-window .connexion-compte-modal{padding:21px 21px 0;display: grid;grid-template-columns: repeat(5,1fr);grid-gap:14px;grid-auto-rows: 31px auto;}
.x-shadminform-window .connexion-compte-modal form{padding:0 21px 0 0;border-right:1px solid #eee;display:block;grid-column:1 / 4;grid-row:1 / 3}

}



.connexion-texte{font-size:14px;float:left;font-weight:400}
.connexion-texte .x-widget-container,.labelnote i{float:left}
.connexion-texte input,i,.lnkstcadretop:before,.classsignalon:before{margin:0 7px 0 0}
.bloctxt p{color:#666}
.bloctxt div{white-space: normal;text-overflow: clip;}

.module-annonce .blocimg{position: relative;padding: 0;}
.module-annonce .blocimg img{height: 100%;object-fit: cover;border-radius: 0 !important;}
.module-annonce .cover{position:absolute;bottom:0;left:0;right:0;margin:0;color:#fff;display:flex!important;font-size: 1.4em;text-align:center;font-weight: 700;padding:14px}
.module-annonce .cover p{margin:0;color:#fff!important;width:fit-content;background:rgba(0, 0, 0, .5);padding:7px;font-size:.7em;border-radius:8px}
.module-annonce .bloctxt {height:55px;width:auto;padding:0}
.module-annonce .bloctxt p{font-size: .8em;   white-space: nowrap; text-overflow: ellipsis;overflow: hidden;width: 100%;display: inline-block !important;margin:0 0 14px}
.module-annonce .bloctxt p span:has(+ span)::after{content:' | ';margin: 0 7px; font-size: 1em}
.module-annonce .annonce-tarif {margin:0 14px 14px;border-top: 1px solid #f5f5f5;padding:7px 0 0;font-weight: 700}
.module-annonce .annonce-tarif sup,.annonce-capsule .annonce-capsule-tarif sup{FONT-WEIGHT:400;font-size:.5em}
.module-annonce .annonce-etat{font-size:.7em;line-height:initial;font-weight:700;margin:14px 0 0;display:block;text-align:center}
.module-annonce a{font-size:1em;    color: var(--blue-link);}
.module-annonce h3{font-weight:700;margin:0 0 14px;font-size: .8em;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.module-annonce-capsule{display: grid;gap:21px;grid-template-columns: repeat(2, 1fr)}
.main-article .module-annonce-capsule{margin:21px 0 0;grid-template-columns: 1fr}
.module-annonce-capsule .post {overflow: hidden;background: #fff;padding: 0;border-radius: var(--borderr8);transition: transform .4s;box-shadow: var(--box-shadow);}
.module-annonce-capsule .post .previsuurlpage {height: auto; display: block;width: auto; border: 0;margin:0}
.module-annonce-capsule .module-plus {display: grid;grid-template-rows: 115px 1fr;font-size: 1.1em;grid-template-columns: 1fr;gap: 0;background: var(--nav-dossier) !important;padding: 14px;border-radius: var(--borderr8);text-align: center;min-width: 140px;height: 100%;}
.module-annonce-capsule .annonce-etat {font-size: .5em;float: right;display: inline-block;margin: 3px 0;background: var(--light-color);color: #fff !important;padding: 4px 10px;line-height: normal;font-weight: 700;border-radius: 8px}
.module-plus {background: var(--nav-dossier)!important;padding:14px;border-radius:var(--borderr8);text-align: center;min-width:140px}
.module-plus p{color:#333;margin:21px 0 0;font-weight: 700}
.module-plus .fa {font-size: 2em !important;color: #000 !important;margin: auto;background: #fff;border-radius: 50%;width: 56px;padding: 10px;height: 56px}

.annoncehome{margin-top: 50px;background:#f5f5f5;border-radius:8px}
.annoncehome a{flex-direction:column;font-weight:700;display:flex;align-items:center;margin:auto;text-align:left;gap: 14px;padding:14px;}
.annoncehome .module-annonce .previsuurlpage{padding:0}
.annoncehome .module-content-annonces{padding:14px;display:grid;grid-template-columns:1fr;background:none;gap:14px}
.annoncehome .module-content-annonces a{padding:14px;border-radius:8px;background:linear-gradient(135deg, var(--dark-color) 0, var(--light-color) 100%);display: inline-block;color: #fff !important;width: 100%;text-align: center;font-weight: 400;font-size: 1em!important;}

.depotannonce{padding:14px;background:#f5f5f5;border-radius:var(--borderradius)}
.depotannonce a{color:#000;flex-direction:column;font-weight:700;display:flex;align-items:center;margin:auto}
.depotannonce span{margin:21px 0;text-align:center;background:var(--rouge);font-weight:400;width:max-content;padding:10px 14px;color: #fff;border-radius: var(--borderradius)}
.yc .depotannonce .module-content a{ display: flex;align-items: center;color:var(--blue-link) !important;}
.depotannonce .module-content{ padding:14px;display:grid;grid-template-columns:1fr;background: none;gap: 14px}
.depotannonce .module-content a{padding: 14px;border-radius: 8px;background: linear-gradient(135deg, var(--dark-color) 0, var(--light-color) 100%);display: inline-block;color: #fff !important;width: 100%;text-align: center;font-weight: 400;font-size: 1em!important;}

.yc-fichemap div.gfw-widget-autosuggest-selection ul li a span{color:transparent}
.yc-fichemap div.gfw-widget-autosuggest-selection ul li a span span{color: #000}
.top-user-guest{background:linear-gradient(135deg,var(--dark-color) 0,var(--light-color) 100%);color:#fff;position:fixed;right:0;bottom:0;top:inherit!important;z-index:2;height:55px;width:100%;transform:none;-webkit-transform:none;box-shadow:2px 2px 7px #999}



@media screen and (min-width:500px) {
    .yc-forum .post--comment .ajaxeditcontent{width:78%}
    .post--comment .ajaxeditcontent{flex:1 1 auto;padding:14px}
    .content__p{display: none}
}



@media screen and (min-width:600px) {
.theme--geo .fiche-tech--fiche{padding:21px 0;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);}
a.firstarticle h2,a.firstarticle h3,.class-flagalaune h2,.class-flagalaune h3{font-size:25px!important}
    .main-article .post-fiche-caracteristiques{grid-template-columns: repeat(4, 1fr);}
.annoncehome .module-content-annonces{grid-template-columns: 1fr 1fr 1fr}
    .module-annonce .fiche-tech--fiche .fiche-tech--detail-fiche{grid-template-columns: repeat(6, calc(50% - 40px))}
}



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

    .zone-habillage.habillage {height: 127px;background: #f5f5f5}
 #centrale {margin: 127px auto 0}


#control_window_2,#control_window_3,#control_window_4,#control_window_5,#control_window_6,#control_window_7,#control_window_8,#control_window_9{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-radius: var(--borderradius-big);overflow: visible;}
   .x-shadminform-window .hr{grid-column: 4 / 6;grid-row:1}
    .connect_button{width:250px}
    .connect_button.connect_fb:hover{background:rgba(var(--facebook),.9)}
    .connect_button.connect_gg:hover{border-color: #ababab;}
    .connect_button.connect_li:hover{background:rgba(var(--linkedin),.9)}
    .search-top{margin:0;padding:0;position:absolute;right:65px;top:11px}
    .search-news input{padding: 11px!important;width:300px;  border: 0;border-radius: 0;}
    .search-news button.valid[type=submit] {padding: 9px 7px 10px 14px;}
    .search-news button.valid[type=submit]:hover{background:#eee;color:#666}
    .main-content-head{height: 128px}
    .main-content-head .theme-title{font-size:26px}
    .main-content-head .dossier a{padding:5px 14px}
.main-article .commentform{margin:21px 0 0}

.main-article .post--comment .x-commentaireshowroom-listecommentaires{padding:0;max-width:600px}
    .titrebloc{font-size:1rem}
    .titrebloc span{display:block;font-size:.8rem;position:absolute;right:21px;top:7px;font-weight:400;color:#fff}
.main-article .titrebloc—light,.main-article .module-annonce h2{font-size: 1.3em;width: 60%!important;}
    .home-block__newarticle .une-bloc-article{flex-flow: nowrap}
    .home-block__theme.home-block__newarticle{flex-wrap:wrap;gap:14px;}
    .home-block__newarticle .articles-home {overflow: visible;border-radius:var(--borderradius);box-shadow: 0 0 15px rgb(0 0 0 / 20%); grid-template-rows:auto 1fr;grid-template-columns: repeat(1, 1fr);grid-column-gap: 0;grid-row-gap:14px}
    .home-block__newarticle .articles-home .title{margin:0 0 14px}
    .home-block__newarticle .articles-home img{grid-column: 1;border-radius: 8px 8px 0 0;}
    .home-block__newarticle .articles-home h3{padding:0 14px;grid-area: content;grid-column:1; grid-row:2;font-size:1em}
    .home-block__newarticle .articles-home .fa-play.video{left:50%;top:23%}

    .articles-home.firstarticle {margin:0}
    .articles-home {grid-template-columns: repeat(7, 1fr)}
    .articles-home:hover{background: #f5f5f5;border-radius:var(--borderradius);text-decoration:none}
    .articles-home .title{grid-column: 3 / 8;font-size:1.25em;line-height: 1.4em;width:auto;display:inline-block}
    .geo{font-size:12px!important;display:block;top:88px;position:absolute!important;padding:4px 7px;background-color:rgba(220,220,220,.8);z-index:1;border-radius: 0 8px 0 8px;}
.class-flagalaune .geo{top:0;right:0;border-radius:0 8px 0 8px}
    a.firstarticle h2,a.firstarticle h3,.class-flagalaune h2,.class-flagalaune h3{line-height:32px!important;min-height:30px!important}
    a.firstarticle .video,.class-flagalaune .video{font-size:80px}
    .fa-play.video{top:50%;}
    .articles-home .fa-play.video {left: 13%}
    .morearticle .articles-home {grid-template-columns: repeat(1, 1fr);position:relative}
    .morearticle .articles-home img {grid-column: 1;grid-row: 1/4}
    .morearticle .articles-home .title {grid-column: 1;grid-row:3/3;z-index: 1;padding: 14px;color: #fff;background-image: linear-gradient(transparent,rgba(0,0,0,1));position: absolute;left: 0;right: 0;bottom: 0;border-radius: 0 0 8px 8px;}
    .morearticle .fa-play.video {left:50%;top:33%}
    article h1{font-size:1.9em;padding:14px 0}
article p,article li{font-size:1em}
article figcaption,.pano360 .legend{font-size:12px;padding:7px 14px}
    article figcaption{border-radius:0 0 8px 8px;position:absolute;left:0; right: 0;}
    article figure img{border-radius:8px}
p.intro{margin:0 0 35px}

footer.news{padding:14px 0}
footer.news a,footer.news p{display:inline-block;padding:0}
footer.news a:before{content:" | ";padding:0 14px;color:#fff}
footer.news a:hover,a.lien-externe:hover{text-decoration:underline}
footer.news a:nth-child(1):before{content:"";padding:0}
.footer__social{position:absolute;right:0;top:0;margin:0}
.footer__link{border-bottom:1px solid rgba(255,255,255,.2);padding:7px 0 14px}
footer.news .footer__int a{color:#a2a2a2!important}

    #pagecontact h1{margin:0}

    a.resultat-alphabetique{font-size:16px}
    a.resultat-alphabetique .title{width:80%}

    .reportagesommaire:hover{box-shadow: 0 1px 8px rgba(0,0,0,.12), 0 1px 15px rgba(0,0,0,.24);}

    .fiche-tech{padding:21px 0 0}

 .fiche-tech--fiche .img{height:126px}
    .homefiches .fiche-tech--fiche .img{height:111px}
    .home-block .box.boxlies{margin:14px 0 14px 14px;display:inline-block}

    .fiche-tech--fiche a{background:#f7f7f7;}

    .indexkeyword h1,.theme--geo h1{margin:0 0 28px}
    .lettre-recherche-alphabetique{padding:0 0 28px}
    .result-search .p{width:189px;height:189px;margin:14px 0 0 14px;display:inline-block}

    .yc-fiche .post-fiche-info .blocfichetech_contact{display: grid;grid-template-columns: 1fr 1fr;background: #fff!important;}
    .yc-fiche .post-fiche-info .blocfichetech_contact div.olMap div{padding:0!important}
    .yc-fiche .post-fiche-info .fichetech_contact{background:#fff!important;padding:0!important}

      a.titrebloc:hover{color:#fff}
    .page-team-user{grid-template-columns:70px 1fr auto 40px;}

    .creation-new-compte .input-formulaire #UserCreateForm_codepostal_container input{width:89%}

    .contactformcontainer .gfw-button.x-skin.gray[type="submit"]:hover{background:#000}
    .module-annonce-capsule{grid-template-columns: repeat(3, 1fr)}
    #onglet23 .module-annonce-capsule{grid-template-columns: repeat(2, 1fr)}
    .yc-annonce-home .module-annonce-capsule,.yc-ficheaccueil .module-annonce-capsule{grid-template-columns: repeat(5, 1fr)}
    .module-annonce .bloctxt p span:has(+ span)::after{font-size: 1.2em}
    .module-annonce .annonce-etat{font-size:.5em;float:right;display:inline-block;margin:3px 0}
    .module-annonce a:hover{text-decoration: none;color: var(--dark-color)}
    .depotannonce a,.annoncehome a{flex-direction:row}
    .depotannonce span{margin: auto 0 auto auto}
}


@media screen and (min-width:950px) {
    .module-annonce h3 {font-size: 1em;}
}



@media screen and (max-width:1023px){
#menu_horizontal_connected{text-align:center}
.with--sidebar nav ul li.bouton,.with--sidebar nav .sousMenu li.user a{width:auto}
.with--sidebar nav ul li.bouton{color:#333!important;float:none;display:block;text-align:left}
.with--sidebar nav .linkmenu span{color:#fff;display:inline-block;background:var(--light-color);border-radius:50%;padding:7px;font-size:18px;margin:0 14px 0 0}
.with--sidebar nav ul li ul{display:block;position:initial}
.with--sidebar nav .titremenu{border-top:0}
.with--sidebar nav .sousMenu .rolloverImage{height:40px;width:40px}
.with--sidebar nav .sousMenu li.user a{height:60px;padding:7px 14px}
.with--sidebar nav .user strong{font-size:13px}
#connection-candidat,.top-user-guest .connexion{padding:14px;bottom:7px;left:10px;right:10px}
footer.news{padding:14px 14px 85px}

.article__reportage .titrebloc{margin:0 0 14px}

    .fixed-scroll .main-content-head,.yc-body.fixed-scroll header{  position: fixed;z-index:4;width: 100%;height: auto}
    .fixed-scroll .main-content-head .search-top{display:none}
    .fixed-scroll .main-content{margin-top:175px}
    .fixed-scroll header.news .header__icon{position:fixed;top:3px;z-index: 4!important;}
    .main-content-head {position: relative}
.with--sidebar nav li.bouton.pro i{display:none}
}



@media screen and (min-width:1024px) {
#connection-candidat{position:relative;margin:14px 0;top:0;padding:7px 14px;display:inline-block}
    .container{width:1000px!important;margin:auto}
    .bottominfos{width:1000px!important;margin:auto;position:relative}
.search-top{right:11px}
.nav-menu li a:hover,.nav-menu li a:active,.nav-menu li.bouton_menu_search:hover{background:#eee}
    .menu.info .ficheproche:hover {background: #f5f5f5;border-radius: 5px}
.btn:hover,.raflinknoparamsadd:hover{opacity:.9;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,.20)}
.fichecommunaute .tooltipTrigger{text-align:center}
.fichecommunaute .tooltip{display:block;z-index:1;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.25);box-shadow:0 4px 5px 0 rgba(0,0,0,.15),0 1px 10px 0 rgba(0,0,0,.11),0 2px 4px -1px rgba(0,0,0,.25);border:0!important}
.fichecommunaute .tooltip img{width:100px;height:100px;display:block;margin:7px auto}
.fichecommunaute .tooltip p{margin-bottom:14px;font-size:16px}
.fichecommunaute .tooltip div{color:#666!important;font-weight:300;font-size:.8em;padding:7px;background:#f5f5f5;text-align:left}
.fichecommunaute .tooltip div i{color:#fff;border-radius:50%;padding:5px;font-size:10px!important;vertical-align:middle;width:20px;background:#088ae0;height:20px;text-align:center}
#centrale{background:#f7f7f7;margin:282px auto 0}
.main-article .gfwform-fileuploader-container{display:flex}

#centrale.container{grid-template-columns:1fr 328px;
        grid-template-areas:
        "head head"
        "content sidebar"
        "bottom-info bottom-info";align-items: start;background: var(--content-bg)}

.zone-habillage.habillage{z-index: auto;height: 100%;transform: initial}

    .main-content{padding:35px}
    .main-content-head{grid-column: 1 / 3;grid-row: 1}
.dossierspecial .main-content-head{height: 161px}
    article h1{padding:0 0 14px}

.fiche-hall a:hover,.post--fichetech:hover,#UserFicheTechniqueListing .gfw-grid td a:hover{box-shadow:0 1px 8px rgba(0,0,0,.12),0 1px 15px rgba(0,0,0,.24)}
    .fiche-tech--fiche{overflow: visible;}
    .fiche-tech--fiche a:hover{box-shadow: 0 1px 8px rgb(0 0 0 / 10%), 0 1px 10px rgb(0 0 0 / 20%); transform: scale(1.01);}

a.habillage img{top:67px!important;height:auto;z-index:auto;width: auto;position: fixed;right: 0;left: 50%;transform: translate(-50%,0);}
.with--sidebar .nav-menu,.yc-body.with--sidebar .nav-menu{top:65px}

.pager a{margin:0 2px;padding:7px 14px}
.pager a:hover,.gfw-pager a:hover{color:#fff!important;background-color:#4095CB;text-decoration:none!important;border-radius: 8px}
.pager .templatepager-currentpage,.gfw-pager .current{padding:7px 14px;border-radius: 8px}
.bottominfos{padding:21px 0 0}

    .indexkeyword--keyword:hover{box-shadow:0 1px 8px rgba(0,0,0,.12),0 1px 15px rgba(0,0,0,.24)}
    .article__reportage a:hover p{padding: 35px 14px 14px;}
    .article__reportage a:hover i{background:rgba(255,255,255,1)}
    .social-share{border-bottom:3px solid transparent}
    .social-share:hover{border-bottom:3px solid rgba(0,0,0,.2)}
    .article--ficheproduit.ficheliee .cover-photo{margin:0}

.footer__copy img{margin:17px 0 -4px}
footer .langswitch{float:right}

    .main-content.main-content--keyword{    background: var(--content-bg);}
    .post--comment a:hover{color:#3986ae!important;cursor:pointer}

.article--ficheproduit div:hover{background:rgba(8,138,224,.1)}
    .fixed {width: 1000px}
    .page-redacteur-sr{  display:inline-block;}

    .module-annonce .post:hover{background: #fff; box-shadow:var(--box-shadow-hover);   transform: translate(0, -1%);}
    .annoncehome .module-content-annonces a{text-align: center;transition: transform .4s;}
    .annoncehome .module-content-annonces a:hover {box-shadow: var(--box-shadow-hover);transform: translate(0, -2%);}
}




@media print {
    body{background:#fff}
    header .top-user{display:none}
    .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{display:none}
}