#bonplans #form-addbonplan input[type="submit"] { margin:0; } #bonplans .bp-tab { margin-right:3px; background:rgba(255,255,255,0.2); border:1px solid #878E99; border-bottom:0; border-radius:3px 3px 0 0; float:left; padding:15px 35px; font-size:20px; color:#CCC; cursor:pointer; } #bonplans .bp-tab:hover, #bonplans .bp-tab.active { background:#FFF; border:1px solid #EEE; border-bottom:0; border-radius:3px 3px 0 0; color:#283548; } #bonplans .hide-tab { height:0; overflow:hidden; } #bonplans .map { float:left; width:60%; height:600px; } #bonplans #bp-list .search { position:absolute; background: url(https://www.groupe-ffmi.com/images/icon_search.png) 11px 10px #fff no-repeat; top:-50px; right:0px; padding:10px 10px 10px 53px; border-bottom:solid 1px #f1a108; } #bonplans #bp-list .search input[type="text"] { width:150px; padding:5px; height:27px; line-height:27px; } #bonplans #bp-list .search input[name="pays"] { border-left:solid 1px #aaa; } #bonplans #bp-list .search input[type="submit"] { width:40px; height:29px; margin-top:-1px; margin-right:-1px; float: right; font-size: 13px; line-height: 27px; font-family: ¿Open Sans¿, sans-serif; padding:0; border-bottom:none; background:#283449; } #bonplans #bp-list { position:relative; } #bonplans #bp-list .list { position:relative; float:left; width:40%; height:600px; } #bonplans #bp-list .list .bonplan { display:none; } #bonplans #bp-list .list .bonplan.active { display:block; } #bonplans .bonplan { position:relative; padding:15px; border-bottom:1px solid #EEE; cursor:pointer; } #bonplans .bonplan.selected, #bonplans .bonplan:hover { background:#FFF4E8; } #bonplans .bonplan .bonplan-content { width:calc(100% - 250px); float:left; } #bonplans .bonplan .bonplan-content .infos-full, #bonplans .bonplan.selected .bonplan-content .infos-excerpt { display:none; } #bonplans .bonplan.selected .bonplan-content .infos-full { display:block; } #bonplans .bonplan .title { font-family:"Montserrat", "Open Sans", sans-serif; font-size:20px; font-weight:300; color:#283548; } #bonplans .selected .title { font-weight:400; } #bonplans .bonplan .about { color:#F2A109; } #bonplans .bonplan .adresse { padding-left:40px; background: url(https://www.groupe-ffmi.com/images/location.png) 4px 3px no-repeat; min-height:45px; font-size:11px; line-height:13px; text-transform:uppercase; } #bonplans .bonplan .contact{ padding-left:40px; padding-top:10px; background: url(https://www.groupe-ffmi.com/images/icon_tel.png) 4px 3px no-repeat; min-height:45px; font-size:11px; line-height:13px; text-transform:uppercase; } #bonplans .bonplan .zoom, #bonplans .bonplan .zoom_text { margin-top: 10px; padding: 4px 0; background: #F2A109; color: #FFF; text-align: center; font-size: 11px; font-weight: 600; text-transform: uppercase; text-decoration: none; } #bonplans .bonplan .zoom { display:none; } #bonplans #map-bonplans .bonplan .zoom { display:none !important; } #bonplans #bp-list .list { overflow-y:scroll; } #bonplans #form-upbonplan input[type="submit"], #bonplans #form-addbonplan input[type="submit"] { width:100%; cursor:pointer; } #bonplans #bp-manage input[type="submit"].advancedEPForm-submit { width:68%; margin:0; } #bonplans #bp-manage .advancedEPForm-submit.back { float:left; width:28%; padding: 10px 0; color:#FFF; background:#AAA; font-size: 13px; font-weight: 600; text-transform: uppercase; text-align:center; cursor:pointer; } #bonplans #bp-manage .form, #bonplans #bp-manage.edit .list { padding:0; height:0; overflow:hidden; } #bonplans #bp-manage.edit .form, #bonplans #bp-manage .list { height:auto; overflow:auto; } #bonplans .reset { float:right; margin: -10px -10px -10px 10px; padding: 10px; height:49px; font-size: 11px; line-height: 14px; color: #FFF; background: #F1A108; cursor: pointer; transition: 0.2s; } #bonplans .reset span { margin-top: -2px; margin-left: 3px; width: 28px; height: 28px; background: url(https://www.groupe-ffmi.com/images/close_ident.png) no-repeat; display: block; float: right; } #bonplans #bp-manage .delete { color:red; text-decoration:none; } #bonplans #bp-manage .delete:hover { text-decoration:underline; } #bp-list .reset { display:none; } #bonplans .noresult { display:none; text-align:center; font-weight:bold; padding-top:295px; } #bonplans p.infos-excerpt { font-size:13px; line-height:15px; opacity:0.5; } #bonplans p.infos-full { font-size:15px; line-height:17px; opacity:1; } #map-bonplans .bonplan { border:0; cursor:default; } #map-bonplans .zoom, #map-bonplans .infos-excerpt { display:none; } #map-bonplans .bonplan .bonplan-content .infos-full { display:block; font-size:13px; } #map-bonplans .bonplan:hover { background:#FFF; } #bp-search { border: solid 1px #aaa; height: 29px; float:left; } #bp-list .bonplan .signaler { display:none; margin-top:10px; padding:4px 0; background:#EB1C24; color:#FFF; text-align:center; font-size:11px; font-weight:600; text-transform:uppercase; text-decoration:none; } #bp-list .bonplan.selected .signaler { display:block; } #bp-list .bonplan.selected .signaler:hover { background:#F35; } #bonplans .aside { width:220px; float:right; margin:15px 15px 0 0; } #bonplans .bp-form-wrapper { float:left; width:38%; } #bonplans .bp-form-map-wrapper { float:left; width:58%; margin-left:4%; height:540px; } #bonplans .display-map-mobile { display:none; margin-top:15px; } #map-bonplans-content { width:100%; height:100%; } .map-bonplans-close { position: absolute; display: none; background: url(https://www.groupe-ffmi.com/images/close_ident.png) 50% 50% no-repeat #F1A108; z-index: 999999; width: 50px; height: 50px; right: 0; top: 0; cursor:pointer; } #dashboard .dashboard-box { float:left; width:48%; } #dashboard .dashboard-box:first-child { margin-right:4%; } .is-member-area h2 { position:relative; overflow:hidden; min-height:30px; font-weight:300; color:#283548; font-size:28px; z-index:15; } .is-member-area h2::after { content:""; display:inline-block; position:absolute; width:100%; height:1px; bottom:0.5em; top:inherit; margin-left:15px; background:#283548; z-index:10; } .is-member-area h3 { font-size:22px; margin:10px 0; } .is-member-area h4 { margin:12px auto 10px; font-size:20px; } .menu-mobile{ position:relative; display:none; } .menu-mobile select { position:relative; display:block; width:100%; margin-bottom:20px; padding:5px 30px; background:transparent; border:1px solid #FFF; color:#FFF; font-size:18px; -moz-appearance: window; -webkit-appearance: none; } .menu-mobile select::-ms-expand { display: none; } .menu-mobile option { background:#283449; } .menu-mobile::before { content:""; position:absolute; top:10px; right:25px; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FFF; border-right: 5px solid #FFF; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .menu-mobile::after{ content:"Navigation de l'espace privé"; position:absolute; top:-20px; left:0; font-size:11px; font-weight:600; text-transform:uppercase; } .is-member-area { padding-top:90px; } .is-member-area .subheader, .is-member-area .broadcrumb { display:none; } #informations .menuinfos { float:left; width:250px; padding-top:42px; } #informations .menuinfos a { display:block; margin-top:-1px; padding:5px 10px; border: 1px solid #283449; color:#283449; text-decoration:none; text-transform:uppercase; } #informations .menuinfos a.label-on, #informations .menuinfos a:hover { color:#FFF; background:#283449; } #informations .contentinfos { float:right; width:calc(100% - 300px); } #forum .topic { min-height:115px; margin-top:40px; padding-bottom:30px; border-bottom:1px solid #DDD; } #forum .topic .topic-aside { float:left; } #forum .topic .answers { width:90px; height:90px; padding-top:15px; border-radius:8px; color:#283548; text-align:center; font-size:13px; font-weight:600; text-transform:uppercase; border:1px solid #1C2D55; } #forum .topic .answers .count { font-size:36px; line-height:35px; } #forum .topic .topic-aside .status { margin-top:5px; text-transform:uppercase; text-align:center; font-size:13px; font-weight:600; color:#F23D2D; } #forum .reponses .topic.answered .square-date::after { content:""; position:absolute; top:-9px; right:-17px; width:30px; height:30px; background: url(https://www.groupe-ffmi.com/images/tick2.png) no-repeat center; } #forum .topic.answered .answers { background:url(https://www.groupe-ffmi.com/images/tick2.png) no-repeat 64px 8px; } #forum .topic.answered .topic-aside .status { color:green; } #forum .topic .content { margin-left:155px; } #forum .topic .content a { text-decoration:none; } #forum .topic .content a h3 { color:#283449; font-size:22px; line-height:26px; font-weight:600; border-bottom: none; padding-bottom: 0; } #forum .topic .excerpt { position:relative; padding-right:250px; color:#6b6b6b; text-align:justify; } #forum .topic .about { text-transform:uppercase; color:#283449; font-size:13px; font-weight:bold; } #forum .topic .more { position:absolute; top:0; right:0; } #forum .topics-status { display:inline-block; overflow:hidden; border:1px solid #283449; } #forum .topics-status a { float:left; padding:10px 25px; color:#283449; border-right:1px solid #283449; text-decoration:none; transition:0.2s; } #forum .topics-status a:last-child { border:0; } #forum .topics-status a.selected, #forum .topics-status a:hover { background:#283449; color:#FFF; } @keyframes topicanim { /* from {border:none} to {border: solid 1px #283449; border-top: solid 6px;}*/ } /* .topic-aside { position: relative; transform: translateY(2px); margin: 0 auto; width: 112px; } .shape { z-index:99999; stroke-dasharray: 140 540; stroke-dashoffset: -474; stroke-width: 1px; fill: transparent; stroke: #283449; border-bottom: 1px solid black; transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; } .topic-aside:hover .shape { stroke-width: 2px; stroke-dashoffset: 0; stroke-dasharray: 760; } */ .topic .square-date { /*margin-top:-80px;*/ width: 112px; height: 75px; color: #283449; text-align: center; border: solid 1px #283449; border-top: solid 6px; position: relative; animation-name: topicanim; animation-duration: 4s; } .answered .square-date { color:green; border-color:green; } /*.topic .square-date:hover { border-left:none; border-right:none; border-bottom:none; width: 114px; height: 76px; }*/ .topic .square-date:before { content: ""; width: 0; height: 0; top: 102%; right:34px; position: absolute; border-right: 21px solid #d4d6db; border-left: 0px solid transparent; border-bottom: 19px solid transparent; } .answered .square-date:before { border-right-color:green; } .topic .square-date .jour { float: left; font-size: 56px; line-height: 69px; margin-left: 5px; opacity: 0.2; font-family: "Montserrat", "Open Sans", sans-serif; letter-spacing: -3px; } .topic .square-date .mois { padding: 12px 0 4px 0; font-size: 14px; font-weight: bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform: uppercase; } .topic .square-date .annee { font-size: 28px; font-weight: bold; font-family: "Montserrat", "Open Sans", sans-serif; } #forum .reponses .topic .excerpt { position: relative; padding: 0px; } #forum .reponses .topic .square-date { margin: 3px auto 30px; } #forum .reponses .topic .content { margin-left:140px; } #forum .member-forum.forum-reponses h1 { padding-top:15px; } #forum .member-forum.forum-reponses h1::before, #forum .member-forum.forum-reponses h1::after { display:none; } div.footer-mobile { display:none; position:relative; height:181px; background:#242D3E; text-align:center; } div.footer-mobile .menu-footer { position:relative; padding: 20px 0; } div.footer-mobile .menu-footer a { display:block; margin:10px 0; font-size:14px; font-weight:600; color:#FFF; text-decoration:none; text-transform:uppercase; } div.footer-mobile .copyright { padding:3px 30px; background:rgba(0,0,0,0.15); color:#FFF; font-size:12px; } footer .copyright a, .footer-mobile .copyright a { color:#FFF; text-decoration:none; } footer { position:absolute; bottom:0; left:0; width:100%; } footer .menu-footer { position:relative; width:42%; padding-top:55px; } footer .menu-footer table { width:100%; } footer .menu-footer a { font-size:14px; font-weight:600; color:#FFF; text-decoration:none; text-transform:uppercase; position:relative; padding:2px 0; } footer { background:#242D3E; text-align:center; } footer .logo-footer { display:block; width:103px; height:136px; margin:auto; background: url(https://www.groupe-ffmi.com/images/logo-footer.jpg) center no-repeat; } footer .copyright { padding:3px 0; background:rgba(0,0,0,0.15); color:#FFF; font-size:12px; } footer .wrapper .menu-footer a { position:relative; } footer .wrapper .menu-footer a:before { position: absolute; content: ""; top: -4%; left: 50%; width:0; height: 1px; background-color: rgba(255,255,255,0.8); -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } footer .wrapper .menu-footer a:hover:before, footer .wrapper .menu-footer a.label-on:before { left: 0; width:100%; } footer .wrapper .menu-footer a:after { position: absolute; content: ""; top: 100%; left: 50%; width:0; height: 1px; background-color: rgba(255,255,255,0.8); -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } footer .wrapper .menu-footer a:hover:after, footer .wrapper .menu-footer a.label-on:after { left: 0; width:100%; } .header-mobile { position:relative; overflow:hidden; display:none; height:100px; z-index:10000; background:#FFF; } .header-mobile .logo{ display:block; height:50px; margin-top:25px; margin-right:60px; } .header-mobile.ffmi .mobile-pictomenu, .header-mobile.ffmi .mobile-pictomenu-close { margin-top:29px; } .header-mobile.ffmi .logo { height:100px; margin-top:0; background: url(https://www.groupe-ffmi.com/images/logo-ffmi-mobile.png) no-repeat left center; } .header-mobile.cira .logo { background: url(https://www.groupe-ffmi.com/images/logo-cira-mobile.png) no-repeat left center; background-size:contain; } .header-mobile.cirame .logo { background: url(https://www.groupe-ffmi.com/images/logo-cirame-mobile.png) no-repeat left center; background-size:contain; } .header-mobile.euro .logo { background: url(https://www.groupe-ffmi.com/images/logo-euro-mobile.png) no-repeat left center; background-size:contain; } .mobile-pictomenu, .mobile-pictomenu-close { float:right; background: url(https://www.groupe-ffmi.com/images/btmobile.png) top left no-repeat; width: 41px; height: 41px; margin-top:4px; } .mobile-pictomenu-close { display:none; } .nav-mobile { display:none; position:absolute; z-index:1000; padding-top:100px; right:0px; left:0px; height:100%; margin-top:0; margin: 0 auto; overflow-y:scroll; background:#f4f3f3; color:#666666; } @media (min-width: 992px) { .nav-mobile { display:none !important; } } @media (min-width:768px) and (max-width:991px) { } @media (max-width:768px) { div#header { display:block !important; } } /* Niveau 1 */ .mobile_bouton { width:100%; color:#666666; min-height:20px; padding:10px; display:block; text-decoration:none; } .mobile_bouton:active { background-color:#e5e4e4; color:#1b242e; } .mobile_bouton_txt { text-transform:uppercase; } .mobile_bouton_on { width:100%; min-height:20px; display:block; text-decoration:none; padding:10px; background:#e5e4e4; color:#1b242e; } /* Niveau 2 */ .mobile_sousmenu { display:none; background:#e5e4e4; color:#1b242e; } .mobile_open-smenu { position:absolute; right:20px; margin-top:-40px; color:#333; } .mobile_bouton2 { width:100%; min-height:20px; padding:5px 0 0 0; display:block; text-decoration:none; } .mobile_bouton2_on { background:#3A1C47; width:100%; color:#fff; min-height:20px; padding:5px 0 0 0; display:block; text-decoration:none; } .mobile_bouton2_txt { text-transform:uppercase; margin:0 15px; padding:5px 0px 5px 30px; min-height:27px; } .header-mobile .lang { position:absolute; top:0; right:100px; padding:4px 10px; color: #FFF; font-size:18px; font-weight:600; text-decoration:none; border-radius:0 0 3px 3px; } .informations { position:relative; float:left; width:34%; margin-left:6%; } .informations .new-title { margin-top:14px; font-family:"Montserrat", "Open Sans", sans-serif; font-size:18px; color:#2e3e58; } .informations .new-link { display:block; padding:10px 0; border-top:1px solid #2e3e58; border-bottom:1px solid #2e3e58; font-size:13px; font-weight:bold; color:#2e3e58; text-decoration:none; } .projets { position:relative; overflow:hidden; float:left; width:60%; } .projets .tp-bullets { display:none; } .projets li { position:relative; overflow:hidden; } .projets .project-image { width:100%; height:auto; } .projets .project-title-into-content { font-size:21px; font-weight:600; text-transform:uppercase; color:#FFF; text-shadow:0 0 8px rgba(0,0,0,0.6); } .projets .project-content { font-size:15px !important; line-height:19px !important; color:#232323; height:100px; padding:15px 80px 15px 35px; padding-right:80px !important; white-space:normal; text-align:justify; background:#FFF; } .projets a.plus { position:absolute; bottom:0; right:0; width:60px; height:60px; background:#F1A108; font-size:35px; font-weight:bold; text-align:center; line-height:60px; color:#FFF; } #newsletter { height:378px; background: url(https://www.groupe-ffmi.com/images/bg-newsletter.jpg) center no-repeat; } #newsletter input[type="text"] { display:block; width:380px; margin:70px auto 35px; padding:10px 20px; font-size:18px; text-align:center; } input[type="submit"] { background:#F1A108; border-bottom:2px solid rgba(0,0,0,0.3); font-family:"Montserrat", "Open Sans", sans-serif; font-size:14px; font-weight:normal; padding:7px 20px; color:#FFF !important; text-align:center; text-transform:uppercase; line-height:normal; cursor:pointer; } #newsletter input[type="submit"] { display:block; width:245px; height:50px; padding:0; margin:auto; font-size:18px; font-weight:bold; line-height:50px; } .jobs { margin-bottom:40px; } .jobs .jobs-body { position:relative; } .jobs .jobs-header .name, .jobs .jobs-header .date, .jobs .jobs-header .desc { float:left; padding:20px; background:#232d3e; text-transform:uppercase; font-size:18px; font-weight:bold; } .jobs .jobs-body .name, .jobs .jobs-body .date, .jobs .jobs-body .desc { float:left; height:50px; padding:15px 20px; background:#FFF; color:#1c222e; } .jobs .jobs-body:nth-child(even) .name, .jobs .jobs-body:nth-child(even) .date, .jobs .jobs-body:nth-child(even) .desc { background:#f1f1f1; } .jobs .name, .jobs .date { width:20%; } .jobs .desc { width:60%; } .jobs .jobs-body .desc { padding-right:150px; } .bannercontainer, .banner-projectscontainer { z-index:5; width:100%; position:relative; padding:0; } .banner, .banner-projects { width:100%; position:relative; } .title-first { font-family:"Montserrat", "Open Sans", sans-serif; font-size:37px; font-weight:300; color:#FFF; } .title-second { font-family:"Montserrat", "Open Sans", sans-serif; font-size:37px; font-weight:bold; color:#FFF; } .banner .button-wrapper a { display:block; width:245px; height:50px; border-bottom:2px solid rgba(0,0,0,0.3); font-size:18px; font-weight:bold; color:#FFF !important; text-align:center; text-transform:uppercase; line-height:50px; } .colored-bg { position:relative; padding:40px 0px; } .colored-bg.without-space { padding:0; } .colored-bg.blue { background:#283449; color:#FFF; } .colored-bg.blue h1 { color:#FFF; } .colored-bg.darker-blue { background:#1c222e; color:#FFF; } .colored-bg.grey { background:#f1f1f1; } .with-corner::after { content:""; position:absolute; z-index:999; bottom:-15px; left:50%; width:40px; height:40px; margin-left:-26px; background:#FFF; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .with-corner.blue::after { background:#283449; } .with-corner.darker-blue::after { background:#1c222e; } .with-corner.grey::after { background:#F1F1F1; } /* H1 */ h1 { font-size:33px; line-height:35px; font-family:"Montserrat", "Open Sans", sans-serif; text-transform:uppercase; margin-bottom: 0.85em; margin-top: 0.28em; color:#283449 } body.agent-not-ie h1::before, body.agent-not-ie h1::after { content:""; display:inline-block; position:absolute; width:90px; height:1px; top:50%; margin-left:-120px; background:#283449; z-index:10; } body.agent-not-ie .colored-bg.blue h1::before, body.agent-not-ie .colored-bg.blue h1::after { background:#FFF; } body.agent-not-ie h1::after { margin-left:30px; } /* H2 */ h2 { font-size:27px; font-family:"Montserrat", "Open Sans", sans-serif; text-transform:uppercase; color:#283449; font-weight:normal; } .home h2 { font-weight:bold; } h2::before, h2::after { content:""; display:inline-block; position:absolute; width:90px; height:1px; top:50%; margin-left:-120px; background:#dedede; z-index:10; } h2::after { margin-left:30px; } /* H3 */ h3 { /*padding: 0 0 10px 0;*/ font-family:"Montserrat", "Open Sans", sans-serif; text-transform:normal; color:#F2A109; font-size:20px; font-weight:normal; /* border-bottom:1px solid #283449;*/ } .home h3 { border-bottom:1px solid #283449; padding: 0 0 15px 0; color:#283449; text-transform:uppercase; font-size:27px; } /* H4 */ h4 { font-family:"Montserrat", "Open Sans", sans-serif; font-size:18px; font-weight:600; color:#f1a108; } .home h4 { font-size:30px; font-weight:300; } .colored-bg.darker-blue h4 { color:#fff; } body.agent-not-ie h4::before, body.agent-not-ie h4::after { content:""; display:inline-block; position:absolute; width:90px; height:1px; top:50%; margin-left:-120px; z-index:10; background:#FFF; } body.agent-not-ie h4::after { margin-left:30px; } .references { text-align:center; font-size:0; } .jobs-body .postuler { position:absolute; display:block; top:10px; right:-12px; width:145px; height:30px; padding-left:60px; background: url(https://www.groupe-ffmi.com/images/icon-postuler.png) 8px center no-repeat; font-size:15px; font-family:"Montserrat", "Open Sans", sans-serif; line-height:30px; color:#FFF; text-decoration:none; transition:0.2s; } .jobs-body .postuler:hover { background: url(https://www.groupe-ffmi.com/images/icon-postuler.png) 15px center no-repeat; } .has-sidebar { margin-right:38%; } .infodetails .sidebar { width:35%; } .infodetails .sidebar > div { margin-bottom:40px; } .infodetails .sidebar h3 { font-size:18px; margin:0 0 10px; padding-bottom:10px; } .loginpage .left { width:58%; } .loginpage .right { width:38%; } .loginpage .right form { padding:20px; background:#242D3E; color:#FFF; } .loginpage .right label { font-size:12px; font-weight:600; text-transform:uppercase; } .loginpage .right .field { display:block; width:100%; margin-bottom:15px; padding:6px 15px; } @import url("https://www.groupe-ffmi.com//hello.myfonts.net/count/28c4de"); @font-face {font-family: 'ProximaNovaA-Bold';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_0_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_0_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_0_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-RegularIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_1_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_1_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_1_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-Regular';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_2_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_2_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_2_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-RegularIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_3_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_3_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_3_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_3_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-Bold';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_4_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_4_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_4_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_4_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-BoldIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_5_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_5_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_5_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_5_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-BoldIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_6_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_6_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_6_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_6_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-Regular';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_7_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_7_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_7_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_7_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-RegularIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_8_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_8_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_8_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_8_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-BoldIt';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_9_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_9_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_9_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_9_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-Regular';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_A_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_A_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_A_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_A_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-Bold';src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_B_0.eot');src: url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_B_0.eot?#iefix') format('embedded-opentype'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_B_0.woff') format('woff'),url('https://www.groupe-ffmi.com/eplib/fonts/28C4DE_B_0.ttf') format('truetype');} @font-face { font-family: "Montserrat"; src: url(https://www.groupe-ffmi.com/fonts/Montserrat-Light.ttf); font-weight: 300; } @font-face { font-family: "Montserrat"; src: url(https://www.groupe-ffmi.com/fonts/Montserrat-Regular.ttf); font-weight: normal; } @font-face { font-family: "Montserrat"; src: url(https://www.groupe-ffmi.com/fonts/Montserrat-Semibold.ttf); font-weight: 600; } @font-face { font-family: "Montserrat"; src: url(https://www.groupe-ffmi.com/fonts/Montserrat-Bold.ttf); font-weight: bold; } #connection, #Zmpoublie { width:380px; margin:auto; padding:15px; background:#283548; color:#FFF; position:relative; } #connect, #mpoublie { font-size: 85%; margin: 25px 0 9px 0; cursor:pointer; } #connect:hover, #mpoublie:hover { text-decoration:underline; } #Zmpoublie .idmembreoff, #connection .idmembreoff { position: absolute; top: 7px; right: 7px; color: #283548; font-size: 0px !important; background-image: url(https://www.groupe-ffmi.com/images/close_ident.png); width: 32px; height: 32px; opacity:0.5; } #Zmpoublie .idmembreoff:hover, #connection .idmembreoff:hover { cursor:pointer; opacity:1; } #connection .titre, #Zmpoublie .titre { text-align:left; font-weight:normal; font-size:160%; margin-bottom:30px; text-transform:uppercase; background: url(https://www.groupe-ffmi.com/images/lock.png) left center no-repeat; padding-left:26px; } #connection .ligne, #Zmpoublie .ligne { text-align:left; clear:both; } #connection .ligne input, #Zmpoublie .ligne input { float:right; padding:5px; width:200px; } .header-top { background:#283449; font-family:"Montserrat", "Open Sans", sans-serif; font-size:15px; font-weight:300; } .header-top a { color:#FFF; text-decoration:none; } .header-top .tab { border-right:1px solid rgba(255,255,255,0.18); } .header-top .tab:hover { background:rgba(255,255,255,0.18); border-right:1px solid transparent; } .header-top .langs { display:none; } .header-top .login .end, .header-top .langs { position:relative; width:66px; height:50px; color:#FFF; text-align: center; } .header-top .login .end, .header-top .langs > a { font-weight:600; line-height: 45px; } .header-top .login .end { background:#F1A108 url(https://www.groupe-ffmi.com/images/close_ident.png) no-repeat center; } .header-top .login .end:hover { background:#F3AF2D url(https://www.groupe-ffmi.com/images/close_ident.png) no-repeat center; } .header-top .langs .select { position:absolute; display:none; top:50px; right:0; z-index:9999; } .header-top .langs:hover .select { display:block; text-align: left; } .header-top .langs .select a { display:block; width:150px; padding:8px 15px; } .header-top .langs .select a:hover { background:rgba(255,255,255,0.15); } .header-top .login a.libelle { display:block; width:170px; height:50px; line-height:48px; padding-left:50px; background:url(https://www.groupe-ffmi.com/images/lock.png) 18px 15px no-repeat; border:none; } .header-top .login.logged a.libelle { line-height:50px; background:url(https://www.groupe-ffmi.com/images/user.png) 18px 15px no-repeat; } .header-top .cira a { display:block; width:140px; height:50px; background:url(https://www.groupe-ffmi.com/images/cira.png) center no-repeat; } .header-top .cirame a { display:block; width:205px; height:50px; background:url(https://www.groupe-ffmi.com/images/cirame.png) center no-repeat; } .header-top .euro a { display:block; width:200px; height:50px; background:url(https://www.groupe-ffmi.com/images/eurocontrol.png) center no-repeat; } .header-top .link a { display:block; height:50px; padding:0 24px; line-height:50px; text-transform:uppercase; font-size:13px; } .header-mid { position:absolute; z-index:999; width:100%; background:rgba(255,255,255,0.9); } .header-mid #logo.ffmi { position:absolute; width:113px; height:140px; margin-top:-50px; background: url(https://www.groupe-ffmi.com/images/logo-ffmi.png) center no-repeat; background-size:cover; } .header-mid #logo.cira { position:absolute; width:287px; height:90px; background: url(https://www.groupe-ffmi.com/images/logo-cira.png) center no-repeat; } .header-mid #logo.cirame { position:absolute; width:416px; height:90px; background: url(https://www.groupe-ffmi.com/images/logo-cirame.png) center no-repeat; } .header-mid #logo.euro { position:absolute; width:355px; height:90px; background: url(https://www.groupe-ffmi.com/images/logo-euro.png) center no-repeat; } .header-mid nav { position:relative; margin-left:250px; } .header-mid nav.cira { margin-left:320px; } .header-mid nav.cirame { margin-left:450px; } .header-mid nav.euro { margin-left:420px; } .header-mid nav .nav > .epmenu { display: table-cell; } .header-mid nav .nav > div a { display:inline-block; height:90px; padding:40px 20px 0; vertical-align:bottom; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#283449; font-size:17px; position:relative; } /*.header-mid nav .nav > div a:hover, .header-mid nav .nav > div a.label-on { border-bottom:5px solid #f1a108; }*/ .header-mid .nav { width: 100%; display: table; text-align: center; } .header-mid nav .nav > div a:before { position: absolute; content: ""; bottom: 0; left: 51%; right: 51%; height: 5px; background-color: #f1a108; -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; box-sizing: border-box; } .header-mid nav .nav > div a:hover:before, .header-mid nav .nav > div a.label-on:before { left:0; right:0; } .epsousmenu { display:none !important; } * { border: 0; outline: 0; box-sizing: border-box; } html { height:100%; } html, body { min-height:100%; margin: 0; font-size:15px; line-height:130%; font-family: "Open Sans", sans-serif; } .wrapper { margin: 0 auto; padding: 0 30px; position:relative; max-width:1260px; } .space { padding:20px 30px 70px 30px; } .zoneblanche { background:#fff; color:#000000;padding:10px 0; overflow:hidden;} .zonenoire { background:#000; color:#fff;padding:40px 0 60px 0; overflow:hidden;} .zonegrise { background:#efefef; color:#000; padding:40px 0 60px 0; overflow:hidden;} .zone { clear:both; width:100%;position:relative;} .top { cursor:pointer; background:url(https://www.groupe-ffmi.com/images/top.png) top left no-repeat; width:50px; height:39px; position:fixed; right:20px; bottom:30px; z-index:10000;} .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .left { float:left; } .right { float:right; } .clear { clear:both; } .clearfix::after { content:""; display:block; clear:both; } .text-center { text-align:center; } .w50 { width:50%; padding-right:3%; } .w50:nth-child(even) { padding-right:0; } .w60 { width:60%; padding-right:3%; } .w40 { width:40%; padding-right:3%; } .w55 { width:55%; padding-right:3%; } .w45 { width:45%; padding-right:3%; } body { position:relative; padding-bottom:160px; } a { color:#F2A109; } h1, h2, h3, h4 { position:relative; line-height: 110%; } .content ul { list-style-image:url(https://www.groupe-ffmi.com/images/icon-list.png); overflow:hidden; } .content ul li { margin-bottom:7px; } .button { display:inline-block; padding:10px 35px; background:#F2A109; color:#FFF; font-size:13px; font-weight:600; text-transform:uppercase; text-decoration:none; } .advancedEPForm-wrap { position:relative; } .advancedEPForm input[type="text"], .advancedEPForm textarea { width:100%; margin-bottom:15px; padding:5px 8px; font-family: ¿Open Sans¿, sans-serif; font-size: 15px; line-height: 140%; border:1px solid #888; box-shadow:1px 1px 5px rgba(0,0,0,0.1) inset; } .advancedEPForm input[type="text"]:hover, .advancedEPForm textarea:hover { border:1px solid #283548; box-shadow:1px 1px 5px rgba(0,0,0,0.15) inset; } .advancedEPForm textarea { height:150px; } .advancedEPForm input[type="submit"] { float:right; display: inline-block; padding: 10px 35px; margin:20px 0 50px; background: #F2A109; color: #FFF; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; } .subheader { height:250px; background: url(https://www.groupe-ffmi.com/images/subheader1.jpg) center no-repeat; } .broadcrumb { height:45px; background:#f2f2f2; line-height:41px; font-size:12px; font-weight:300; color:#717171; font-family:"Montserrat", "Open Sans", sans-serif; } .broadcrumb a { color:#717171; text-decoration:none; } .broadcrumb a:hover { text-decoration:underline; } .broadcrumb a::after { content:" >"; } .broadcrumb a:last-child::after { content:""; } .subheader > div { display:none; font-size:36px; color:#FFF; font-family:"Montserrat", "Open Sans", sans-serif; font-weight:300; line-height:350px; text-align:right; } .nav-links { margin-top:30px; text-align:center; } .nav-links a { display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #283449; font-size:14px; font-weight:bold; color:#283449; text-decoration:none; } .nav-links a.current, .nav-links a:hover { background:#283449; color:#FFF; } #epmsg .epmsg-wrapper { position:relative; width:365px !important; padding:0 !important; text-align:center; box-sizing:border-box; } blockquote { border-left: 10px solid #F2A109; margin: 1.5em 10px; padding: 0.8em 10px; } blockquote:before { color: #F2A109; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote:after { color: #F2A109; content: close-quote; font-size: 4em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; font-family:"Montserrat", "Open Sans", sans-serif; font-style:italic; font-weight:300; font-size:18px; line-height:1.5em; } #zoneTh00000182 { width:58%; margin:0 2% 4% 0; float:left; clear:none; } #zoneTh00000183 { width:40%; margin:0 0 4% 0; float:left; clear:none; } .box_1_3 { width: 30%; margin: 10px 15px; float: left; display: inline-block; padding: 20px; color: #F2A109; font-weight: bold; position: relative; } .box_1_3::after { content: ''; width: 10px; height: 10px; background-image: url(https://www.groupe-ffmi.com/images/icon-list.png); background-repeat: no-repeat; position: absolute; right: -5px; top: calc(50% - 5px); } .box_1_3:nth-child(3)::after { display:none; } .exergue { border-top: solid 1px #eee; border-bottom: solid 1px #eee; margin:15px 0; } .bloc { position:relative; } .bloc h4 { margin-top:15px; color:#1C222E; text-transform:uppercase; } .bloc h4::before, .bloc h4::after { background:#1C222E; } .bloc .content { border:2px solid #EEE; margin-bottom:40px; padding:30px 30px 45px;; } .bloc .bloc-button { position:absolute; display:block; left:50%; bottom:-19px; width:250px; height:40px; line-height:36px; border: 2px solid #F1A108; background:#FFF; text-align:center; text-transform:uppercase; color:#F1A108; margin-left:-125px; text-decoration:none; font-weight:bold; } .infodetails .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .infodetails .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .infodetails .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .infodetails .image, .infodetails .square-date-wrapper { position:relative; float:left; margin-right:30px; margin-bottom:30px; } .infodetails .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .infodetails .buttons-wrapper { display:block; overflow:hidden; margin:25px 0; padding:6px 0; border-top:1px solid #242D3E; border-bottom:1px solid #242D3E; line-height:160%; } .infodetails .buttons-wrapper .Document { background: url(https://www.groupe-ffmi.com/images/info-dl.png) no-repeat 5px center; } .infodetails .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .infodetails h1 { margin:40px 0; color:#283449; } .themedetails img.half, .zone img.half { float:left; margin-right:30px; margin-bottom:30px; } .template-emplois h1, .template-contact h1, .themedetails h1 { margin:1em 0 1.4em; } .themedetails h2 { margin:60px 0 30px; overflow:hidden; clear:both; } .themedetails h2::before { display:none; } .themedetails h2::after { width:100%; } .list-documents { margin-top:42px; } .list-documents .document-wrapper { float:left; width:calc(100% / 3); min-height:88px; padding: 10px 20px 14px 80px; background: url(https://www.groupe-ffmi.com/images/doc2.png) no-repeat 10px 14px; } .list-documents .document-wrapper:nth-child(3n+1) { clear:both; } .list-documents .document-wrapper .titre { font-weight:600; color:#242D3E; display:block; text-decoration:none; } .list-documents .document-wrapper .Document { margin-top:5px; padding:3px 12px; display:inline-block; text-align:center; text-transform:uppercase; font-size:12px; color:#FFF; /*background:#242D3E;*/ background:rgba(40,52,73,0.6); /*border-bottom: 2px solid rgba(0,0,0,0.3)*/ } .list-documents .document-wrapper .Document:hover { background:rgba(40,52,73,1); } .info-fullsize .info { position:relative; display:block; margin-top:40px; clear:both; } .info-fullsize .info h2 { border:0; font-size:18px; font-weight:400; color:#242D3E; text-transform:uppercase; font-family: "Montserrat", "Open Sans", sans-serif; } .info-fullsize .info h2::after { width:0; } .info-fullsize .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .info-fullsize .info .buttons-wrapper .Document { background: url(https://www.groupe-ffmi.com/images/info-dl.png) no-repeat 5px center; } .info-fullsize .info .buttons-wrapper .LienSuite { background: url(https://www.groupe-ffmi.com/images/info-more.png) no-repeat 5px center; } .info-fullsize .info .buttons-wrapper .LienSuite, .info-fullsize .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .info-fullsize .info .buttons-wrapper .LienSuite:hover, .info-fullsize .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-fullsize .info img { float:left; width:50%; margin-right:20px; } .info-fullsize .info .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .info-fullsize .info .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .info-fullsize .info .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .info-fullsize .info .square-date-wrapper { float:left; margin-right:20px; } .info-fullsize .info .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .infoimg-fullsize .info { position:relative; display:block; margin-top:40px; clear:both; } .infoimg-fullsize .info h2 { border:0; font-size:18px; font-weight:400; color:#242D3E; text-transform:uppercase; font-family: "Montserrat", "Open Sans", sans-serif; } .infoimg-fullsize .info h2::after { width:0; } .infoimg-fullsize .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .infoimg-fullsize .info .buttons-wrapper .Document { background: url(https://www.groupe-ffmi.com/images/info-dl.png) no-repeat 5px center; } .infoimg-fullsize .info .buttons-wrapper .LienSuite { background: url(https://www.groupe-ffmi.com/images/info-more.png) no-repeat 5px center; } .infoimg-fullsize .info .buttons-wrapper .LienSuite, .infoimg-fullsize .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .infoimg-fullsize .info .buttons-wrapper .LienSuite:hover, .infoimg-fullsize .info .buttons-wrapper .Document:hover { opacity:0.7; } .infoimg-fullsize .info img { float:left; width:100%; margin-right:20px; } .infoimg-fullsize .info .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .infoimg-fullsize .info .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .infoimg-fullsize .info .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .infoimg-fullsize .info .square-date-wrapper { float:left; margin-right:20px; } .infoimg-fullsize .info .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .info-news .info { float:left; width:450px; margin-left:70px; margin-right:70px; position:relative; display:block; margin-top:40px; margin-bottom:30px; } .info-news .info h2 { border:0; font-size:18px; font-weight:400; color:#242D3E; text-transform:uppercase; font-family: "Montserrat", "Open Sans", sans-serif; margin-top:30px; } .info-news .info h2::after { width:0; } .info-news .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .info-news .info .buttons-wrapper .Document { background: url(https://www.groupe-ffmi.com/images/info-dl.png) no-repeat 5px center; } .info-news .info .buttons-wrapper .LienSuite { background: url(https://www.groupe-ffmi.com/images/info-more.png) no-repeat 5px center; } .info-news .info .buttons-wrapper .LienSuite, .info-news .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .info-news .info .buttons-wrapper .LienSuite:hover, .info-news .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-news .info img { } .info-news .info .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .info-news .info .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .info-news .info .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .info-news .info .square-date-wrapper { float:left; margin-right:20px; } .info-news .info .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .personnel .personne { float:left; margin:0 2% 2% 0; width:48%; background:#f2f2f2; /*border-top:solid 1px #ccc;*/ padding:12px; min-height:150px; } .personnel .personne img { float: left; margin-right:15px; } .references .imgbox { display: inline-block; height: 110px; line-height: 105px; text-align: center; width: 135px; margin: 0 7px 14px 7px !important; border: 1px solid #e6e6e6; /* box-shadow: 0px 0px 6px #ddd inset; */ } .references .imgbox:hover { border-color: #242D3E; } .references .imgbox:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity:1; } .references .imgbox img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); vertical-align: middle; opacity:0.9; } .referencesmini .imgbox { display: inline-block; height: 115px; overflow:hidden; line-height: 110px; text-align: center; width: 128px; margin: 0 1px 1px 0px !important; border: 1px solid #dedede; /* box-shadow: 0px 0px 6px #ddd inset; */ position:relative; } .referencesmini .imgbox:hover { border-color: #242D3E; } .referencesmini .imgbox img { vertical-align: middle; } .referencesmini .imgbox table { border-spacing:0; width: 100%; height: 100%; } .referencesmini .imgbox table td { width: 100%; height: 100%; vertical-align:middle; text-align:center; font-size:12px; padding:5px; font-weight:600; text-transform:uppercase; line-height:16px; color:#283449; } .referencesmini .imgbox table td .overlay { text-transform:none; line-height:14px; height: 115px; width:128px; position:absolute; cursor:pointer; top:0; left:0; display:none; color:#fff; background-color:rgba(40,52,73,0.9); text-align:center; vertical-align:middle; padding:8px; font-size:11px; font-weight:400; margin:0; } .referencesmini .imgbox table td:hover .overlay { display: flex; } .referencesmini .imgbox table td .overlay p { margin:auto; } .referencesmini .imgbox table td span { position:absolute; bottom:0px; right:5px; font-weight:300; font-size:14px; } .template-contact .advancedEPForm { position:relative; padding-bottom:50px; } .template-contact .advancedEPForm .advancedEPForm-line { width:100%; } .template-contact .advancedEPForm .advancedEPForm-text { /*position:absolute; top:0; right:0;*/ width:100%; } .template-contact .advancedEPForm .advancedEPForm-text textarea { height: 167px; } .template-contact h3 { margin-top:50px; } img { max-width:100%; height:auto; } @media (max-width: 1259px) { #zoneTh00000152, #zoneTh00000153 { float:none; width:100%; margin-right:0; } #zoneTh00000152 .list-documents .document-wrapper { width:calc(100%/3); } #zoneTh00000152 .list-documents .document-wrapper:nth-child(3n+1) { clear:both; } #zoneTh00000152 .list-documents .document-wrapper:nth-child(2n+1) { clear:none; } #bonplans .tabs-wrapper { padding-bottom:70px; text-align:center; } #bonplans .bp-tab { margin-right:0; border-radius:0; background: none; border: 1px solid #FFF;float: none; display:inline-block; padding: 10px 25px; } #bonplans .bp-tab:hover, #bonplans .bp-tab.active { border-radius:0; border: 1px solid #FFF; } #bonplans .aside { position:relative; width:auto; float:none; margin:15px 0; right:0; } #bonplans .bonplan .bonplan-content { width:auto; float:none; margin-right:0; } header.header .link { display:none; } header.header .link.return-index { display:block; } img.half { max-width:50%; } .personnel .personne { clear:both; width:100%; margin-right:0; } #zoneTh00000182 { width:50%; } #zoneTh00000183 { width:48%; } } @media (max-width:991px) { .is-member-area { padding-top: 0px; } #informations .menuinfos { display:none; } #informations .contentinfos { float:none; width:100%; } .is-member-area h2 { font-size:20px; } .is-member-area h2::after { margin-top:12px; } h1 { font-size: 25px; } header { display:none; } div.header-mobile { display:block; } .bannercontainer { display:none !important; } .jobs .jobs-header .name, .jobs .jobs-header .date, .jobs .jobs-header .desc, .jobs .jobs-body .name, .jobs .jobs-body .date, .jobs .jobs-body .desc { font-size:15px; padding-left:10px; padding-right:10px; } .jobs .jobs-body .desc { padding-right:150px; } .projets, .informations { float:none; width:100%; margin:0; } .informations img { float:left; margin: 0 20px 15px 0; } .informations .new-link { clear:both; } .subheader { display:none; } .menu-mobile { display:block; } } @media (min-width:768px) and (max-width:991px){ #bonplans .bp-tab { font-size:18px; padding: 10px 20px;; } } @media (max-width: 767px) { body { padding-bottom:0; } .advancedEPForm .advancedEPForm-line { width:100%; } .advancedEPForm .advancedEPForm-text { position:static; width:100%; } .advancedEPForm .advancedEPForm-text textarea { height: 150px; } #dashboard .dashboard-box { float:none; width:100%; } .list-documents .document-wrapper { float:none; width:100% !important; } #bonplans .display-map-mobile { display:block; } #map-bonplans { float:none !important; visibility:hidden; position:fixed !important; top:0; right:0; bottom:0; z-index:99999; left:0; width:100% !important; height:100% !important; } #bonplans .bonplan .zoom { display:block; } #bonplans .bonplan .zoom_text { display:none; } #bonplans #bp-list .list { width:100%; } #bonplans .bp-tab { width:100%; display:block; margin-top:-1px; } #bonplans .bp-form-wrapper { float:none; width:100%; } #bonplans .bp-form-map-wrapper { float:none; width:100%; margin-top:30px; margin-left:0%; height:400px; } #forum .topics-status { width:100%; } #forum .topics-status a { float:none; display:block; border-right:0; border-bottom:1px solid #283449; text-align:center; } #forum .topic .content { margin-left:120px; } #forum .topic .excerpt { padding-right:0; padding-bottom:50px; } #forum .topic .more { top:inherit; left:0; right:inherit; bottom:0; } body.agent-not-ie h1::before, body.agent-not-ie h2::before, body.agent-not-ie h3::before, body.agent-not-ie h4::before, body.agent-not-ie h1::after, body.agent-not-ie h2::after, body.agent-not-ie h3::after, body.agent-not-ie h4::after{ display:none; } .jobs .date { width:25%; } .jobs .desc { width:55%; } .informations img { float:none; margin: 0; } footer { display:none; } div.footer-mobile { display:block; } .template-contact .advancedEPForm .advancedEPForm-line { width: 100%; } .template-contact .advancedEPForm .advancedEPForm-text { position: static; width: 100%; } .advancedEPForm-wrap { position: relative; padding-bottom: 50px; } #zoneTh00000182, #zoneTh00000183 { width:100%; margin-right:0; clear:both; } .t100 { width:100%; float:none; padding:0; margin-bottom:15px; } } @media (min-width: 600px) { .project-title-into-content { position:absolute; top:-40px; left:0; width:100%; height:40px; line-height:40px; padding:0 25px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } } @media (max-width: 600px) { #bonplans #bp-list .search { width: 100%; } #bp-search { float:none; } #bonplans #bp-list .search input[type="text"] { width: 40%; } #bonplans #bp-manage .advancedEPForm-submit.back { margin: 10px auto; width:100%; text-align:center; } #forum .reponses .topic .content { margin-left:0; } img.half { max-width:100%; float:none !important; } #forum .button, #forum input[type="submit"], #bonplans .button, #bonplans input[type="submit"], #bonplans #bp-manage input.advancedEPForm-submit[type="submit"] { width:100%; text-align:center; } #forum .topic .content { margin-left:0; } #forum .topic .topic-aside { float:none; } #forum .topic .topic-aside .answers { margin:auto; } #forum .topic .more { width:100%; text-align:center; } .jobs .desc { display:none; } .jobs .name { width:45%; } .jobs .date { width:55%; padding-right:60px !important; } .jobs .jobs-body .postuler { width:25px; overflow:hidden; } #newsletter input[type="text"] { margin: 40px auto 15px; } #newsletter input[type="text"], #newsletter input[type="submit"] { width:100%; } .loginpage .left, .loginpage .right { float:none; width:100%; } .info-fullsize .info img { float: none; width: auto; margin-right: 0; } .has-sidebar { margin-right:0; } .infodetails .sidebar { width:100%; } .projets .project-content { height:100% !important; padding:15px 30px 0 30px !important; background: rgba(0,0,0, 0.4); color:#FFF; font-size:13px !important; line-height:15px !important; } .projets .project-content .plus { display:none; } .projets .project-content .project-title-into-content { display:block; margin-bottom:5px; font-size:13px; line-height:15px; font-weight:bold; text-transform:uppercase; } #bonplans #bp-list .search { padding-left:110px; background: url(https://www.groupe-ffmi.com/images/icon_search.png) 41px 10px #fff no-repeat; } #bonplans #bp-list .search .reset { position:absolute; top:0; left:0; right:auto; bottom:auto; margin:0; } .header-mobile .lang { right: 30px; padding: 3px 10px; font-size: 16px; } .m100 { width:100%; float:none; padding:0; margin-bottom:15px; } }