/* MOBILE */
@media screen and (max-width: 767px) {
  li.menu-item.menu-item--expanded.menu-item--active-trail.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    li.menu-item.menu-item--expanded.menu-item--active-trail {
    border-bottom: none !important;
  }
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    ul.menu.sub-menu,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    ul.menu.sub-menu {
    margin-top: 10px;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    ul.menu.sub-menu
    li,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    ul.menu.sub-menu
    li {
    padding-top: 10px;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    li.menu-item.menu-item--expanded
    ul.menu.sub-menu,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    li.menu-item.menu-item--expanded
    ul.menu.sub-menu {
    display: none !important;
  }

  ul.clearfix.gva_menu.gva_menu_main li a {
    font-family: "HelveticaNeueLTStd-Bd";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5c5c5c !important;
    text-transform: inherit !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu li a {
    text-transform: inherit !important;
  }

  .gva-offcanvas-mobile .close-offcanvas i {
    left: 43% !important;
    position: relative !important;
    color: #01454c !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    justify-items: center !important;
  }

  .gva-offcanvas-mobile {
    max-width: 100% !important;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
  }

  .navigation .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li {
    width: 100% !important;
    float: left !important;
  }

  .area-main-menu {
    background: url(/sites/default/files/senegal-pme-logo.png);
    /* width: 44% !important; */
    width: 51% !important;
    height: 29px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 10px 0px !important;
    left: 35px !important;
    position: relative;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li {
    padding-top: 12px !important;
  }

  header .site-branding-logo {
    display: flex;
    top: -6px;
    position: absolute !important;
    left: 24px !important;
    width: 100px !important;
  }

  li.menu-item.menu-item--expanded ul.menu.sub-menu ul li a {
    display: none !important;
    height: 0px !important;
  }

  .gva-offcanvas-mobile
    .gva-navigation
    .gva_menu
    > li
    ul.menu.sub-menu
    ul.sub-menu {
    display: none !important;
    padding: 7px 7px !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before {
    content: "\f107" !important;
    font-size: 16px;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a {
    width: 97% !important;
  }

  .gva-offcanvas-mobile
    .gva-navigation
    .gva_menu
    > li.menu-item--active-trail
    > a {
    color: #01454c !important;
  }

  .gva-search-region.search-region {
    display: none;
  }

  .gavias_sliderlayer.rev_slider_wrapper.fullwidthbanner-container {
    height: 390px !important;
  }

  .tp-bgimg.defaultimg {
    position: absolute;
    float: left;
    left: -584px !important;
    top: 15px !important;
    width: 985px !important;
    height: 496px !important;
    opacity: 1;
    visibility: inherit;
    z-index: 20;
  }

  .gva-offcanvas-mobile.show-view {
    height: 100vh;
    width: 100%;
  }

  .realisateurs.gbb-row.bg-size-cover .row-wrapper.clearfix {
    padding-bottom: 0;
  }

  .close-offcanvas.hidden {
    display: none !important;
  }

  nav#block-mainnavigation {
    width: 100%;
  }

  div#jx2cg {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 390px;
  }

  div#lind9 {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 390px;
    left: -33px;
    top: 15px;
  }

  ul.tp-revslider-mainul {
    height: 470px !important;
  }

  .header-main {
    display: none;
  }

  header.header-v1,
  .topbar {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: relative;
    margin-top: 0 !important;
  }

  div#menu-bar span {
    opacity: 0;
  }

  div#menu-bar::before {
    content: " ";
    background: url(/sites/default/files/icn-menu.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 0px;
    top: -23px;
  }

  .header-main-inner.p-relative::after {
    content: " ";
    background: url(/sites/default/files/senegal-pme-logo.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: flex;
  }

  .btn-sef {
    border: solid 2px #fff;
    background-color: #fff;
    font-family: "Helvetica Neue 300", sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    border-radius: 30px;
    position: absolute;
    height: 50px !important;
    top: 0px !important;
    width: 210px !important;
    padding: 12px 10px !important;
    left: -20px;
  }

  .tp-caption.text.btn-connect.skrollable.skrollable-between {
    left: 117px !important;
    bottom: -144px !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu li a {
    position: relative;
    display: flex !important;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    .navigation
    .gva_menu
    > li.megamenu.menu-columns-4
    > ul.sub-menu
    > li {
    width: 100% !important;
    float: left !important;
  }

  li.menu-item.menu-item--expanded.financement-nav ul li a,
  li.menu-item.menu-item--expanded ul.menu.sub-menu ul.menu.sub-menu li a {
    width: 100%;
    font-size: 12.7px !important;
    line-height: 2.7 !important;
  }

  .hone-slide-top h1 {
    width: 553px;
    height: 136px;
    margin: 0 0 30px;
    font-family: "HelveticaNeueLTStd-Bd";
    font-size: 24px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff !important;
    top: 129px;
    left: 34px;
    position: absolute;
  }

  .tp-caption.text.slidercontent.skrollable.skrollable-between {
    margin: 10px 0 20px;
    font-family: "Helvetica Neue 300" !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal !important;
    letter-spacing: normal;
    color: #fff;
    position: relative;
    top: 130px;
    left: 36px;
    font-size: 12px !important;
  }

  .clearfix a.btnSeFaireAcc {
    width: 342px !important;
    height: 40px !important;
    font-size: 14px !important;
  }

  .gsc-column.col-lg-9.col-md-9.col-sm-12.col-xs-12 h2.title {
    padding-top: 0;
    padding-bottom: 0;
  }

  .actualitebox .gsc-column.col-lg-9.col-md-9.col-sm-12.col-xs-12,
  .actualitebox
    .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.btn-voir-plus-hone {
    width: 50%;
  }

  .views-row.row.clearfix.row-1 {
    display: grid;
  }

  input.action-valid.Valider.btn2 {
    display: flex !important;
  }

  /*profilage*/

  .custom-select.element.Chiffre-daffaire,
  .custom-select.element.Cible,
  .custom-select.element.anciennete,
  .custom-select.element.Besoin-Financer,
  .custom-select.element.Type-de-financement,
  input.action-valid.Valider {
    width: 90% !important;
  }

  .Rectangle-type-de-financement.acc form {
    display: flex;
    flex-direction: column;
    left: 0;
    bottom: -431px !important;
    align-items: center;
  }

  .Rectangle-type-de-financement {
    height: 790px !important;
  }

  input.action-valid.Valider.btn2 {
    display: none !important;
  }

  input.action-valid.Valider {
    margin-top: 16px;
  }

  div#boxActeur .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12 h2 {
    margin-top: 639px !important;
  }

  /*end profilage */

  form .action-valid.btn2 {
    width: 85% !important;
    height: 40px !important;
    font-size: 14px !important;
    position: absolute;
    align-items: center;
    justify-content: center;
    justify-items: center;
    bottom: 20px;
  }

  .div-form {
    position: relative !important;
    top: 205px !important;
  }

  .box_offre_ .views-row.row.clearfix.row-1 {
    display: grid !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .contain a .actu-time,
  .contain-right p.actu-time-right {
    width: 100%;
  }

  .gsc-column.col-lg-4.col-md-4.col-sm-12.col-xs-12.real-log {
    width: 33.33% !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
  }

  .widget.gsc-image.partner-inst {
    padding: 0px !important;
  }

  /* footer */
  footer#footer {
    padding: 0 15px;
  }

  footer#footer .row.Box2.mt-4 {
    padding-top: 0px;
    flex-direction: column-reverse;
    display: flex;
    width: 100% !important;
  }

  footer#footer .row.Box2.mt-4 .col-sm-8::before,
  footer#footer .row.Box2.mt-4 .col-sm-4::after {
    margin: 0;
    border: none;
  }

  footer#footer .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {
    padding-left: 0px;
    padding-top: 0px;
    justify-content: inherit;
    padding: 0;
    display: contents;
    width: 100% !important;
  }

  footer#footer .row.Box2.mt-4 .col-sm-8,
  .row.Box2.mt-4 .col-sm-4 {
    padding: 0;
    padding-bottom: 28px;
  }

  footer#footer .row.Box2.mt-4 ul.menu > li a {
    padding-left: 0px;
  }

  footer#footer
    .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column:after {
    left: 0px;
    margin: 0;
    border: none;
  }

  footer#footer .row.Box1 {
    padding-bottom: 58px;
    width: 100% !important;
  }

  .footer-third div#block-simplenewssubscription {
    top: 0 !important;
    position: relative;
    border-radius: 20px;
    border: solid 1px #979797;
    background-color: #fff;
    width: 100% !important;
    height: 40px !important;
  }

  .block.block-simplenews #edit-mail-wrapper input.form-email {
    width: 70% !important;
    height: 33px !important;
    top: 0px !important;
    position: relative;
    margin-top: 0px !important;
  }

  .block.block-simplenews .form-actions {
    float: left;
    width: inherit !important;
    position: absolute !important;
    padding-right: 5px !important;
    right: 0 !important;
  }

  input#edit-submit--2 {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
  }

  footer .footer-center {
    padding: 0;
  }

  .copyright {
    padding-top: 59px !important;
  }

  .row.Box1 .contact-info {
    padding: 0;
  }

  .row.Box2.mt-4 .col-sm-8 {
    top: 264px;
  }

  .libellenewsletter {
    position: relative;
    top: -136px !important;
  }

  .social-icon {
    position: relative;
    top: -179px !important;
  }

  .Rejoindre-la-communa {
    position: relative;
    top: -154px !important;
  }

  .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {
    padding-bottom: 50px !important;
  }

  .row.Box1:after {
    content: "";
    width: 90% !important;
    position: absolute;
    height: 0;
    margin: 0 5% !important;
    opacity: 0.5;
    border: solid 1px #464646;
    bottom: 13px;
  }

  .row.Box2.mt-4:after {
    content: "";
    width: 90% !important;
    position: absolute;
    height: 0;
    margin: 0 5% !important;
    opacity: 0.5;
    border: solid 1px #464646;
    bottom: auto;
    top: 144px;
  }

  div#block-simplenewssubscription:after {
    content: "";
    width: 90% !important;
    position: absolute;
    height: 0;
    margin: 0 5% !important;
    opacity: 0.5;
    border: solid 1px #464646;
    top: 79px;
  }

  .social-icon ul li i {
    font-size: 24px !important;
  }

  /* and blockfooter */

  div#boxActeur,
  div#boxActeur .row-wrapper.clearfix {
    padding-bottom: 0px !important;
  }

  .boxpartenaire_ins .slide__thumbnail {
    width: 106px !important;
    height: 43px !important;
    padding: 0px 15px !important;
  }

  .boxpartenaire_ins .slick-initialized .slick-slide {
    display: inline-block !important;
    margin: 0px 60px !important;
  }

  .boxpartenaire_ins .slick-track {
    display: flex;
  }

  .widget.gsc-heading .title {
    padding: 0 4px !important;
  }

  /* acteur */

  .acteur-appui {
    margin: 0 auto !important;
  }

  /* and block acteur */

  .finance .widget.gsc-icon-box.box-background {
    width: 100% !important;
    height: 174px !important;
    padding: 10px 12px !important;
    border-radius: 10px;
    background-color: rgba(254, 254, 254, 0.91);
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  .finance-box {
    width: 49% !important;
    padding: 13px 14px 10px 12px !important;
    left: -2%;
  }

  span.icon img {
    width: 34px !important;
    height: 34px !important;
    left: 0;
    display: block;
  }

  .widget.gsc-image.partner-inst .widget-content img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }

  .widget.gsc-icon-box .highlight_content .title {
    font-size: 14px !important;
  }

  .widget.gsc-icon-box .highlight_content .desc p {
    font-size: 12px;
    position: absolute !important;
    width: 90% !important;
    overflow: hidden;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 30px !important;
  }

  .widget.gsc-icon-box.box-background:hover
    .widget.gsc-icon-box
    .highlight_content
    .desc
    p {
    display: none !important;
  }

  .Rectangle-type-de-financement:after {
    display: none;
  }

  .widget.gsc-icon-box.box-background:hover .btn-finance {
    display: none;
  }

  div#BoxFinancement .row-wrapper.clearfix {
    padding-bottom: 147px;
  }

  .widget.gsc-icon-box .highlight_content .title {
    margin-bottom: 3px !important;
    padding-top: 5px !important;
  }

  .widget.gsc-heading.style-4 {
    padding: 17px 0 0 0 !important;
  }

  .gsc-box-text.widget.clearfix.searchbar {
    width: 100% !important;
  }

  .searchbar .title.widget-title {
    font-size: 20px !important;
    padding: 0px 20px !important;
    width: 100% !important;
    display: contents;
  }

  .searchbar form#formation-search\ search-form {
    position: absolute !important;
    width: 90% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 8px 0px 8px 0px !important;
    bottom: 10%;
    left: 6%;
  }

  .searchbar input#edit-keys {
    width: 100% !important;
  }

  .searchbar div#edit-basic {
    width: 76% !important;
  }

  .searchbar .box-content {
    padding: 0px 20px;
    margin: 37px 0px;
  }

  .searchbar button#loupe img {
    padding: 7px 1px;
    width: 100% !important;
  }

  .searchbar img.figrigth {
    position: absolute;
    right: 0px !important;
    bottom: 0px !important;
    width: 70% !important;
  }

  .searchbar img.fleur {
    position: absolute;
    width: 50% !important;
    height: auto !important;
    object-fit: contain;
    left: 1px;
    top: 88px !important;
  }

  summary:after {
    top: 20px !important;
    position: absolute !important;
    right: 15px !important;
  }

  .boxcarte.lancer .views-row.row.clearfix.row-1,
  .boxcarte.lancer .views-row.row.clearfix.row-2 {
    width: 100% !important;
    margin: 0 auto !important;
  }

  div#content-card .views-row.row.clearfix.row-1 .views-col,
  div#content-card .views-row.row.clearfix.row-2 .views-col {
    width: 100% !important;
    padding: 0 !important;
  }

  .boxcarte-article-icone {
    width: 100% !important;
    cursor: pointer;
    background-image: linear-gradient(
        to bottom,
        #006e94 28%,
        rgba(16, 118, 174, 0.1)
      ),
      linear-gradient(to bottom, #30a539, #30a539);
  }

  .boxcarte-article-icone .desc a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 90% !important;
    margin: 0 !important;
  }

  .boxcarte-article-icone .content .title,
  .boxcarte-article-icone .content .desc p {
    color: #fff !important;
  }

  /* accordeo */
  details,
  details[open] {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
  }

  .boxcarteformation {
    margin: 20px 0 0 42px !important;
  }

  /* actualité */
  .views-view-grid.horizontal.cols-3.clearfix
    .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
    display: grid;
    width: 100% !important;
    left: 4px !important;
  }

  .widget.gsc-heading.title-article h2,
  .gsc-column.section-carte h2.title,
  .widget.gsc-heading.title-side-right.align-left.style-2.text-dark
    .title
    span {
    font-size: 22px !important;
  }

  .breadcrumb-style {
    display: none !important;
  }

  h1.title-article {
    font-size: 18px !important;
  }

  /* bas jaune */
  .Boxbas .Rectangle-Copy-7 {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100% !important;
    height: auto !important;
    padding: 0;
    margin: 0;
  }

  .Boxbas .Rectangle-Copy-7 .boximage img {
    height: 140px !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  .boxtext {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    padding: 20px;
  }

  .Boxbas .Se-connecter {
    width: 100% !important;
    height: 40px !important;
    border-radius: 25px;
    border: solid 2px #000;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin-top: 20px !important;
    position: inherit !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .Boxbas .Besoins-dun-finance {
    width: 100% !important;
    font-size: 22px !important;
    display: flex;
    margin: 0 !important;
  }

  .sefaire-accompager-box h1.title {
    width: 100% !important;
    margin: 0 !important;
    font-size: 20px !important;
    padding: 10px 20px !important;
    height: 60px !important;
  }

  .sefaire-accompager-box {
    width: 100% !important;
    margin: 0;
    height: 150px !important;
  }

  .sefaire-accompager-box a {
    position: absolute;
    bottom: 43px;
    width: 90% !important;
    margin: 0px 20px !important;
  }

  .boxcarteRessource {
    width: 260px !important;
    height: 384px !important;
    display: grid !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
  }

  .boxcarteRessource .icon img {
    height: 160px !important;
    width: 260px !important;
  }

  .item-list ul li.view-list-item {
    margin: 0;
  }

  .titre-article.block.gbb-row.bg-size-default .row-wrapper.clearfix {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .first-title {
    order: 0;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .titre-sec-cart {
    order: 1;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .section-cart {
    order: 2;
  }

  .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.section-carte {
    padding-top: 0px !important;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .title_even {
    order: 3;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .side-right {
    order: 4;
  }

  .widget.gsc-heading.title-side-right.align-left.style-2.text-dark .title {
    position: inherit !important;
    bottom: inherit !important;
  }

  .even-box {
    width: 100% !important;
    margin-bottom: 16px;
  }

  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.side-right {
    padding: 0 15px;
  }

  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.title_even {
    padding: 0 15px;
    padding-bottom: 24px;
  }

  .txt-actu-slid {
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px !important;
  }

  /* actualite */
  .actualite-card,
  .actualite-card-right,
  .actualite-card.actu-home {
    width: 100% !important;
    height: 100px !important;
    display: flex;
  }

  .actualite-card.actu-home {
    margin-bottom: 29px;
  }

  .actualite-card.actu-home .contain {
    padding: 15px 20px !important;
  }

  .actualite-card .contain a,
  .actualite-card-right .contain-right {
    display: flex;
    flex-direction: column;
  }

  .actualite-card .contain .actu-contain,
  .actualite-card .contain .action,
  .actualite-card-right .contain-right a {
    display: none !important;
  }

  .contain a,
  .contain-right a {
    display: flex;
    flex-direction: column-reverse;
  }

  .actualite-card .contain p.actu-title,
  .actualite-card-right .contain-right p.actu-title-right {
    font-size: 14px !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: horizontal;
    font-family: "HelveticaNeueLTStd-Bd" !important;
    line-height: 1.2;
    letter-spacing: normal;
    color: #01454c;
    padding-bottom: 36px;
  }

  /* .actualite-card .img-actualite {
    width: 100% !important;
  } */

  .actualite-card.actu .img-actualite img,
  .actualite-card.actu-home .img-actualite img,
  .actualite-card-right img {
    width: 131px !important;
    max-width: 131px !important;
    height: 98px !important;
    border-radius: 10px 0px 0px 10px !important;
  }

  .actu-home .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 100% !important;
  }

  .Rectangle-type-de-financement {
    width: 100% !important;
  }

  .Rectangle-type-de-financement img {
    width: 60% !important;
    float: right;
    right: 0 !important;
    position: absolute;
    bottom: 0;
    z-index: 2;
  }

  .Quels-types-de-finan {
    width: 100%;
    height: auto !important;
    font-size: 22px !important;
    color: #fff;
    padding: 20px !important;
  }

  .Boxbas .boxtext .Lorem-ipsum-dolor-si {
    width: 100% !important;
    display: contents;
    margin: 0 !important;
  }

  .Rectangle-type-de-financement.acc .Lorem-ipsum-dolor-si {
    display: grid !important;
    width: 100% !important;
    padding: 0 20px !important;
  }

  .Rectangle-type-de-financement.acc.profilage {
    margin-top: -156px !important;
    position: inherit !important;
    z-index: 98;
    left: 0 !important;
    margin-bottom: 0 !important;
  }

  .Rectangle-type-de-financement.acc {
    top: -205px !important;
    position: absolute;
    z-index: 98;
    left: 0 !important;
    margin-bottom: 0 !important;
  }

  .views-row.row.clearfix.row-1
    .views-col.col-1.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 100% !important;
  }

  div#block-right-carte {
    padding: 0 15px;
  }

  div#block-right-carte .widget.gsc-heading h2.title {
    padding: 0;
    font-size: 20px !important;
    color: #01454c;
  }

  div#block-right-carte .widget.gsc-heading.title.align-left.style-1.text-dark {
    padding: 0;
  }

  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.title-article-right,
  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.boxcarte.lancer {
    padding: 0 15px !important;
  }

  div#slick-views-banner-block-block-3-1-slider {
    display: none;
  }

  a.cartelaune.slick-slide.slick-current.slick-active.slick-center,
  a.cartelaune {
    height: 174px !important;
    width: 278px !important;
    margin: 19px 6px !important;
  }

  /* modal mobile */

  .tablink {
    width: 25% !important;
  }

  div#comment_beneficier_d_un_financement__desc {
    padding: 0 !important;
  }

  .modal.in .modal-dialog {
    width: 100% !important;
    padding: 10px !important;
    margin: 0;
  }

  .modal-title {
    font-size: 16px !important;
  }

  .column-modal {
    width: 92% !important;
    height: 426px !important;
    padding: 20px !important;
    margin: 5px 17px !important;
  }

  span.tablink-txt {
    display: none;
  }

  .img-fin-ctr {
    width: 50px !important;
  }

  .tablink button.active {
    width: 25% !important;
  }

  .tablink:hover {
    width: 25% !important;
  }

  .tabcontent-row {
    padding: 50px 10px !important;
  }

  .finance .widget.gsc-icon-box.box-background:hover p.text {
    display: none;
  }

  .desc .btn-finance {
    padding: 0px !important;
  }

  .sitemap-message .title.widget-title {
    font-size: 22px !important;
  }

  form#contact-message-feedback-form .contact-message-form .js-form-item-mail {
    padding-left: 0px !important;
  }

  /* form#contact-message-feedback-form .contact-message-form #edit-name,
  .contact-message-form #edit-mail,
  .contact-message-form .js-form-item-mail {
    border: none !important;
  } */

  form#contact-message-feedback-form
    .js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail.form-no-label {
    padding-left: 0 !important;
  }

  .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.titlequelacteur {
    padding-top: 34px;
  }
}

/*Accueil*/
.base-bg_slid {
  width: 1030px;
  height: 804px;
  margin: 0 335px 168px 0;
  padding: 204px 346px 240px 131px;
  opacity: 0;
  background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.1),
      rgba(0, 0, 0, 0.7)
    ),
    linear-gradient(to bottom, rgba(219, 79, 85, 0.4), rgba(219, 79, 85, 0.4));
}

.panel .panel-heading .panel-title > a {
  background: none !important;
}

.bg_slid {
  width: 1030px;
  height: 804px;
  margin: 0 335px 168px 0;
  padding: 204px 346px 240px 131px;
  opacity: 0;
  border-radius: 100px;
}

li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
  ul.menu.sub-menu {
  border-radius: 0px 0px 10px 10px !important;
}

.bg_slid1 {
  width: 814.2px;
  height: 612.3px;
  margin: 86.7px 38.5px 11px 92.5px;
  transform: rotate(-103deg);
  opacity: 0.3;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  border: solid 0.2px #db4f55;
  background-color: #db4f55;
}

.bg_slid2 {
  width: 822.6px;
  height: 554.8px;
  margin: 90.5px 122.6px 64.7px 0;
  padding: 229.5px 197.4px 255.3px 555.3px;
  transform: rotate(-59deg);
  opacity: 0.3;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  border: solid 0.2px #f4f432;
  background-color: #f4f432;
}

.bg_slid3 {
  width: 875px;
  height: 617px;
  margin: 26px 0 67px 70.3px;
  opacity: 0.3;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  background-color: #65bd6c;
}

.img-bg_slid {
  width: 710px;
  height: 710px;
  margin: 0 0 0 235.3px;
  object-fit: contain;
  background-color: rgba(0, 140, 153, 0.3);
}

.title-slid {
  width: 23% !important;
  height: 136px;
  margin: 0 0 30px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #01454c;
}

.desc-slid {
  width: 30% !important;
  height: 90px;
  margin: 30px 73px 44px 0;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}

.btn-accomp {
  width: 277px;
  height: 60px;
  margin: 44px 276px 0 0;
  padding: 17px 33px 19px 34px;
  border-radius: 30px;
  border: solid 1.5px #01454c;
}

.btn-accomp-txt {
  width: 210px;
  height: 24px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #01454c;
}

/* Offres a la une*/
.offres {
  width: 360px;
  height: 199px;
  margin: 0.5px 0 10.5px;
  padding: 0 16px 10px 20px;
  border-radius: 10px;
  border: solid 2px #f1f5f6;
  background-color: #fff;
}

.offre-title {
  margin-top: -150px !important;
}

.offres:hover {
  width: 380px;
  height: 219px;
  border: solid 1.5px #65bd6c;
  background-color: #f6fcf7;
}

.btn-offres {
  width: 34.4%;
  height: 14.4%;
  margin: 0 6px 9px 90px;
  padding: 6px 35.5px;
  border-radius: 10px;
  color: #fff;
  background-color: #5c5c5c;
}

.offres-field {
  width: 90%;
  height: 14px;
  opacity: 0.7;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #01454c;
}

.offres-field-left {
  width: 80px;
  height: 14px;
  opacity: 0.7;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #01454c;
}

.offres-field-right {
  width: 80px;
  height: 14px;
  opacity: 0.7;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.08px;
  color: #01454c;
}

.offres-value {
  width: 80%;
  height: 19px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #01454c;
}

.offres-value-left {
  width: 30%;
  height: 19px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #01454c;
}

.offres-value-right {
  width: 80px;
  height: 19px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #01454c;
}

.image-offres {
  width: 96px;
  height: 23px;
}

/*comment bénéficier d'un financement*/
.finance .bb-inner.default {
  padding-top: 0;
}

.finance .widget.gsc-icon-box.box-background {
  -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
  padding: 30px 30px 30px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 290px;
  height: 265px;
}

.finance .widget.gsc-icon-box.box-background:hover {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #f4f432 28%, #f4f432),
    linear-gradient(to bottom, #f4f432, #f4f432);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border: solid 4px rgba(255, 255, 255, 0.7);
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  transition: transform 0.7s;
  transform: translate();
}

.finance .widget.gsc-icon-box.box-background:hover .highlight-icon {
  display: none;
  background-color: #f4f432;
}

.finance .widget.gsc-icon-box.box-background:hover .title a,
.finance .widget.gsc-icon-box.box-background:hover .desc {
  color: #000;
}

.widget.gsc-icon-box.box-background:hover .btn-finance {
  margin: 0 auto !important;
  display: flex !important;
  background-color: #f4f432;
  bottom: 4% !important;
  align-items: center;
  justify-content: center;
  justify-items: center;
  width: 90% !important;
}

.btn-finance {
  width: 180px;
  height: 40px;
  padding: 8px 34px 12px;
  border-radius: 20px;
  border: solid 2px #000;
  display: none;
}

/* inscription*/
.inscrit {
  width: 277px;
  height: 60px;
  padding: 5% 0px 0px 0px;
  border-radius: 30px;
  border: solid 2px #30a539;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #30a539;
}

.btn-sef {
  border: solid 2px #01454c;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #01454c;
  width: 287px !important;
  height: 42px !important;
  padding: 11px 49px;
  border-radius: 30px;
}

.btn-sef:hover {
  background-color: #01454c;
  color: #fff;
}

.content-slide .content.block-content {
  height: 649px;
}

/*Acteurs dispositif d'appui*/
.acteur-appui {
  width: 100%;
  height: 265px;
  margin: 0 39.6px 70px 0;
  padding: 9px 20.4px 30px 16.5px;
  border-radius: 10px;
  border: solid 1px rgba(208, 210, 211, 0.7);
  background-color: rgba(255, 255, 255, 0.5);
}

.acteur-appui:hover {
  width: 260.4px;
  height: 265px;
  margin: 0px 75.6px 20px 0;
  padding: 10px 149.4px 175px 20px;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #db4f55, inset 0 0 0 1px #db4f55, 0 0 0 0.5px #f1f5f6,
    inset 0 0 0 0.5px #f1f5f6;
  background-color: #fff;
}

.img-acteur {
  width: 91px;
  height: 70px;
  object-fit: contain;
}

.acteur-title {
  width: 230px;
  height: 56px;
  margin: 0 0 10px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.acteur-desc {
  width: 220px;
  height: 57px;
  margin: 10px 10px 0 0;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.btn-accompagner {
  width: 380px;
  height: 50px;
  border-radius: 25px;
  background-color: #000;
}

.text-accompagner {
  width: 100%;
  height: 100%;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.8;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

/*institut partner*/
.partner-inst {
  height: 90px;
  margin: 33px 40px 40px 42px;
  padding: 0 47px 0 46.9px;
  border-radius: 45px;
  border: solid 1px rgba(153, 153, 153, 0.5);
  text-align: center;
}

.partner-inst:hover {
  border: solid 1px #db4f55;
}

/*Table & form*/
.table {
  border-collapse: collapse;
  border: 0px solid rgba(0, 0, 0, 0);
}

.th {
  border: 0px solid black;
  width: 6em;
}

.td {
  width: 6em;
  border: 0px solid black;
}

.tr {
  width: 6em;
  border: 0px solid black;
  padding: 0;
  margin: 0;
}

.input {
  width: 100%;
  border: none;
  margin: 0;
}

.save {
  margin-top: 1em;
  width: 5em;
}

/*Actuality*/
.actualite.gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12 {
  -webkit-box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%);
  padding: 0px;
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 272px;
  height: 402px;
  margin: 10px;
  background-color: #fff;
}

.actualite.gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12 .highlight-icon {
  width: 100% !important;
}

#actualite .gsc-box-text {
  padding: 0;
}

.actualite .ytp-cued-thumbnail-overlay button {
  cursor: pointer;
  width: 7% !important;
  left: 100% !important;
  top: 15% !important;
}

.actualite .highlight_content .title {
  font-size: 18px;
  color: #000;
  margin-bottom: 3px;
  font-weight: 600;
  padding: 0px 20px 0px 20px;
}

.actualite .highlight_content .desc p {
  padding: 0 20px 0 20px;
}

.actu-img {
  width: 380px;
  height: 230px;
  border-radius: 10px;
}

.img-actualite img {
  width: 870px;
  height: 454px;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}

.txt-time {
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #999;
}

.article-txt {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000;
}

.article-title {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.actualite .desc a {
  position: absolute;
  bottom: 10px;
}

.lire-article {
  width: 90%;
  height: 40px;
  margin: 0 20px 0 16px;
  padding: 3px 42px 0px;
  border-radius: 45px;
  background-color: #fff;
  border: 2px solid;
  font-size: 16px;
  font-weight: 600;
}

.titlepage .title.widget-title {
  font-size: 50px;
  color: #000;
}

.titlepage .box-content p {
  line-height: 1.56;
  font-size: 18px;
  color: #000;
}

.txt-actu-slid:hover {
  color: #fff;
}

.txt-actu-slid {
  width: 100%;
  height: 26%;
  font-family: "HelveticaNeueLTStd-Bd" !important;
  font-size: 40px;
  color: #fff;
  position: absolute;
  bottom: 0;
  background-color: #00000069;
  padding: 10px 50px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

/* Evenement */
.actu-event {
  width: 280px;
  height: 88px;
  margin: 20px 0 16px;
  padding: 9px 26px 10px 16px;
  border-radius: 10px;
  border: solid 1px #f1f5f6;
  background-color: #fff;
}

.actu-event-fow {
  margin: 0 0 0 9px;
  padding: 39px 8px 39px 7px;
  border-radius: 10px;
  display: none;
}

.txt-event {
  width: 238px;
  height: 40px;
  margin: 0 0 9px;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #000;
}

.actu-event .txt-event:hover {
  font-weight: bold;
  letter-spacing: normal;
  color: #db4f55;
}

.actu-event .actu-event-fow:hover {
  margin: 0 0 0 9px;
  padding: 39px 8px 39px 7px;
  border-radius: 10px;
  background-color: #000;
}

.txt-time-event {
  width: 161px;
  height: 20px;
  margin: 9px 77px 0 0;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #999;
}

/*bdcao*/
.bloc-bcao {
  width: 1440px;
  height: 550px;
  margin: 713px 0 100px;
  padding: 80px 130px 70px 630px;
  object-fit: contain;
  background-image: linear-gradient(to left, rgba(239, 0, 0, 0) 50%, #ef0000 0%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
}

.pan-bcao {
  width: 680px;
  height: 410px;
  margin: 0 0 10px;
  padding: 30px 40px 90px;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background-color: #f8f8f9;
}

img.bcao {
  width: 140.9px;
  height: 62px;
  margin: 0 459.1px 20px 0;
  object-fit: contain;
  background-color: #000;
}

.title-bcao {
  width: 600px;
  height: 68px;
  margin: 20px 0 10px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #01454c;
}

.txt-bcao {
  width: 600px;
  height: 74px;
  margin: 10px 0 0;
  font-family: "Helvetica Neue 300", sans-serif !important;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}

.btn-bcao {
  width: 600px;
  height: 50px;
  padding: 12px 148.5px 8.8px 148px;
  border-radius: 25px;
  background-color: #01454c;
  text-align: center;
}

/*stype FAQs page*/
.collaps-question {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collaps-question:hover {
  background-color: #000;
}

.activefaq {
  background-color: #008c99;
}

.collaps-question:after {
  content: "\002B";
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.activefaq:after {
  content: "\2212";
}

.content-faq {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #fff;
  background: #008c99;
}

.gsc-accordion .panel-group.skin-dark .panel:last-child {
  border-bottom: none !important;
  border: solid 2px #d0d2d3 !important;
  border-radius: 10px;
}

.gsc-accordion .panel-group.skin-dark .panel {
  border-bottom: none !important;
  border: solid 2px #d0d2d3 !important;
  border-radius: 10px;
  margin-bottom: 14px;
}

.collapsfaq h4.panel-title a {
  font-size: 24px;
}

.collapsfaq .panel .panel-heading .panel-title > a.collapsed:after {
  content: "❯";
  transform: rotate(90deg);
  color: #000;
}

.collapsfaq .panel .panel-heading .panel-title > a:after {
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 1;
  font-weight: 400;
  content: "❯";
  transform: rotate(270deg);
  color: #000;
}

.gsc-box-text.widget.clearfix.containText {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.accordfaq .panel-group.skin-dark .panel:last-child {
  border-bottom: none !important;
  border: solid 2px #d0d2d3 !important;
  border-radius: 10px;
}

.accordfaq .panel-group.skin-dark .panel {
  border-bottom: none !important;
  border: solid 2px #d0d2d3 !important;
  border-radius: 10px;
  margin-bottom: 14px;
}

.accordfaq h4.panel-title a {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: 0.13px !important;
  color: #000 !important;
}

.accordfaq .panel .panel-heading .panel-title > a.collapsed:after {
  content: "❯";
  transform: rotate(90deg);
  color: #000;
  position: relative;
  font-weight: 400;
  float: right;
}

.accordfaq .panel .panel-heading .panel-title > a:after {
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  font-weight: 400;
  content: "❯";
  font-size: 20px;
  transform: rotate(270deg);
  color: #000;
}

/* Style tab finance links */

.tabfinlink {
  overflow: hidden;
  width: 21%;
  height: 70px;
  margin: 10px;
  border: 2px solid #fff;
  background-color: #f8f8f9 !important;
  color: inherit;
  font-size: 20px;
  font-family: Helvetica;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  text-align: left;
  letter-spacing: normal;
}

.tabfinlink button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
}

.tabfinlink button:hover {
  width: 25%;
  color: #fff;
  border-radius: 45px;
  background-color: #db4f55;
}

.tabfinlink:hover {
  width: 25%;
  color: #fff;
  border-radius: 45px;
  background-color: #db4f55;
}

.tabfinlink button.active {
  overflow: hidden;
  color: #fff;
  background-color: #db4f55;
}

.tabfinlink.active {
  overflow: hidden;
  color: #fff;
  background-color: #db4f55;
}

.doc-fourni {
  font-size: 16px;
  font-weight: bold;
  color: #01454c;
}

.column-modal-fin {
  float: left;
  width: 22%;
  height: 640px;

  margin: 10px;
  opacity: 0.9;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  border-radius: 20px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}

/*video accueil*/
.rc {
  width: 690px;
  height: 690px;
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
  -webkit-transform: rotate(0.000001deg);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

/*text slid accueil*/
.bienv:target-text {
  float: left;
  font-weight: bold;
  font-size: medium;
  color: navy;
  content: "Bienvenue !";
}

.img-slid {
  width: fit-content;
  height: fit-content;
  object-fit: contain;
}

.video-slid {
  position: relative;
  /*-webkit-box-shadow: 0px ;
  box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 0px;*/
  border: none;
  border-radius: 0% !important;
  overflow: hidden;
  width: fit-content;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.icon-play {
  position: absolute;
  left: 50%;
  top: -103px;
}

.widget.gsc-video-box .video-inner {
  position: relative;
  -webkit-box-shadow: 0px 0px 26px 0px rgb(0 0 0 / 30%) !important;
  box-shadow: 0px 0px 26px 0px rgb(0 0 0 / 30%) !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden !important;
}

.slid-height {
  height: fit-content;
}

.box-offre.gbb-row.bg-size-contain .row-wrapper.clearfix {
  padding-bottom: 0;
}

.box-offre.gbb-row.bg-size-contain .owl-stage-outer {
  height: 340px;
}

a.btnvoirplus-article {
  color: #01454c;
  border-color: #01454c;
  float: right;
  width: 222px;
  height: 40px;
  border-radius: 25px;
  text-align: center;
  font-family: "Helvetica Neue 700", sans-serif;
  font-size: 16px !important;
  text-transform: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: inherit !important;
  padding: 0 21px !important;
}

a.btnvoirplus-article:hover {
  color: #fff !important;
}

a.btnvoirplus-article:first-letter {
  text-transform: uppercase;
}

p.actu-title-right {
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000;
}

/*Rechercher*/
.title-search-result {
  width: 421px;
  height: 20px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #008c99;
}

.recherche-block {
  width: 1180px;
  height: 206px;
  margin: 0 0 44px;
  padding: 0 0 0 30px;
  border-radius: 10px;
  background-image: radial-gradient(
      circle at 100% 100%,
      rgba(255, 235, 0, 0.37),
      rgba(255, 255, 255, 0) 15%
    ),
    linear-gradient(to bottom, #008c99, #008c99);
}

.recherche-field {
  width: 880px;
  height: 50px;
  margin: 30px 15px 60px 0;
  padding: 8px 10px 8px 20px;
  border-radius: 25px;
  background-color: #fff;
}

.recherche-icon {
  width: 34px;
  height: 34px;
  margin: 0 0 0 705px;
  padding: 6px 4.2px 4px 5.8px;
  border-radius: 17px;
  background-color: #000;
}

/* end block offre à la une */
.gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.actu-home {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
  padding: 0;
  width: 100% !important;
  padding-bottom: 100px;
}

.tablink {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-evenly;
  background: #f8f8f9;
  width: 25% !important;
  height: 70px;
  position: relative;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 20px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

button.tablink {
  background: none;
}

.img-fin {
  width: 60px !important;
  height: 40px !important;
  object-fit: contain !important;
}

.img-fin-ctr {
  width: 60px !important;
  height: 50px !important;
  padding: 3px !important;
}

.modal-content {
  width: 100% !important;
  background-color: #f8f8f9 !important;
}

.tablink-txt {
  padding-top: 0px !important;
  width: 100% !important;
  text-align: left !important;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 14px !important;
  display: flex;
  padding-left: 10px !important;
}

.tablink:hover {
  width: 25% !important;
}

.tabcontent-row {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 60px 0px !important;
  background: none !important;
  border: none !important;
  height: 60px !important;
  overflow: inherit !important;
  opacity: 1 !important;
  border: none !important;
}

.modal-title {
  color: #01454c;
  font-size: 24px;
  font-family: "HelveticaNeueLTStd-Bd";
}

.modal.in .modal-dialog {
  width: 100% !important;
  padding: 20px !important;
}

.modal-header {
  border-bottom: none;
}

/* Change background color of buttons on hover */
.tablink:hover {
  width: 25%;
  border-radius: 45px;
  background-color: #db4f55;
}

.tablink button.active {
  width: 25% !important;
  height: 70px;
  border-radius: 45px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  background-color: #db4f55;
}

button.tablink + .tablink-txt {
  opacity: 0;
}

.tablink button.active + .tablink-txt {
  opacity: 1;
}

div#comment_beneficier_d_un_financement__desc {
  padding: 0 130px !important;
}

.column-modal {
  width: 31.4% !important;
  height: 426px !important;
  padding: 20px !important;
  margin: 0 !important;
  opacity: 0.9;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(76, 17, 19, 0.08);
  background-color: #fff;
  margin: 10px !important;
}

.modal-buttons .btn-white {
  background: none !important;
  color: #01454c !important;
  width: 166px;
  height: 40px;
  border-radius: 25px;
  border: solid 2px #01454c !important;
  text-transform: inherit !important;
}

.column-modal h2 {
  width: 340px;
  margin: 0 0 30px 4px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: #db4f55;
}

.gsc-column.filter.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
  padding: 0 !important;
}

.widget.gsc-image.ban-detail-img .widget-content img {
  width: 100%;
  height: 400px !important;
  object-fit: cover;
  border-radius: 11px;
}

span.logobox {
  width: 221px;
  height: 90px;
  padding: 8px 39px;
  border-radius: 45px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px rgba(153, 153, 153, 0.5);
}

.bnficier {
  width: 100%;
  height: 40px;
  margin: 0 70px 70px 0px;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}

/* Create an active/current tablink class */

/* Style tab links */
.tablink {
  width: 25% !important;
  height: 70px;
  position: relative;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  /* background-color: #f8f8f9 !important; */
  font-size: 20px;
  font-family: Helvetica;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

.tablink.active {
  width: auto;
  height: 70px;
  overflow: hidden;
  opacity: 1;
  /*margin: 10px 0 5px 0;*/
  border-radius: 45px;
  box-shadow: 0 0 6px 0 rgba(76, 17, 19, 0.12);
  background-color: #db4f55;
  color: #fff;
}

.tablink-txt {
  padding-top: 0px !important;
  width: 100% !important;
  text-align: left !important;
  font-family: "HelveticaNeueLTStd-Bd";
  font-size: 14px !important;
  display: flex;
  padding-left: 10px !important;
}

.column-txt {
  width: auto;
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: justify;
  color: #333;
}

.stylepuce {
  background-color: green;
  color: white;
  border-radius: 45px;
  margin: 0 10px 10px 0;
}

ul {
  list-style-image: url("/sites/default/files/iconpuces.svg");
}

.inconve.align-left.style-1.text-dark .title-desc ul {
  list-style-image: url("/sites/default/files/iconpuces_orange.svg");
}

.widget.gsc-heading.titlebox.align-left.style-1.text-dark .title-desc p {
  font-family: "HelveticaNeue";
  font-size: 16px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #464646 !important;
}

.acteurlogo span.field-content {
  width: 130.1px !important;
  height: 66px !important;
  padding: 8px 39px;
  border-radius: 45px !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px rgba(153, 153, 153, 0.5);
  cursor: pointer;
}

.acteurlogo span.field-content:hover {
  border: solid 1px #db4f55;
}

.column-modal {
  float: left;
  width: 29%;
  height: 520px;
  margin: 10px;
  padding: 20px 20px !important;
  opacity: 1;
  font-family: Helvetica;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  border-radius: 20px;
  border: 1px solid hwb(0 95% 5%);
  background-color: #fff;
}

.actualite-card-right.acteur p.title-right {
  font-family: "HelveticaNeueLTStd-Bd" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-bottom: 4px !important;
}
.actualite-card-right.acteur p.title-right a {
  color: #01454c !important;
}

/* Clear floats after the column-modals */
.row:after {
  content: "";
  display: table;
  clear: both;
}

button.tablink {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: space-evenly;
  width: 25% !important;
}

.main.maim-profilage {
  margin-top: 209px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .div-form form .element .custom-select,
  .div-form form .element .custom-select input {
    width: 33% !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:before {
    content: "\f107" !important;
    font-size: 16px;
  }

  ul.clearfix.gva_menu.gva_menu_main li a {
    font-family: "HelveticaNeueLTStd-Bd";
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5c5c5c !important;
    text-transform: inherit !important;
  }

  li.menu-item.menu-item--expanded.menu-item--active-trail.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    li.menu-item.menu-item--expanded.menu-item--active-trail {
    border-bottom: none !important;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    ul.menu.sub-menu,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    ul.menu.sub-menu {
    margin-top: 10px;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    ul.menu.sub-menu
    li,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    ul.menu.sub-menu
    li {
    padding-top: 10px;
  }

  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-4
    li.menu-item.menu-item--expanded
    ul.menu.sub-menu,
  li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
    li.menu-item.menu-item--expanded
    ul.menu.sub-menu {
    display: none !important;
  }

  div#content-slide-une .row-wrapper.clearfix {
    padding-bottom: 0;
  }

  .gavias_sliderlayer .tp-caption,
  #gavias_slider_single .tp-caption {
    padding: 58px 58px 0px 28px !important;
  }

  .breadcrumb-content-main h2.page-title {
    font-size: 30px !important;
  }

  .acteur-appui {
    width: 100% !important;
    height: 265px !important;
    padding: 9px 20.4px 30px 16.5px !important;
    border-radius: 10px !important;
    border: solid 2px rgba(208, 210, 211, 0.7) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 !important;
  }

  .acteur-appui .acteur-desc {
    width: 100% !important;
  }

  div#boxActeur .row-wrapper.clearfix {
    padding: 0;
  }

  .finance-box {
    width: 50% !important;
    padding: 12px 14px !important;
  }

  .finance .widget.gsc-icon-box.box-background {
    width: 100% !important;
    height: 220px !important;
    padding: 10px 12px !important;
    border-radius: 10px;
    background-color: rgba(254, 254, 254, 0.91);
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    left: 0px !important;
  }

  .finance-box .widget.gsc-icon-box .highlight_content .desc {
    width: 100% !important;
  }

  .Rectangle-type-de-financement:after {
    display: none;
  }

  .Rectangle-type-de-financement {
    width: 100% !important;
    height: 390px !important;
  }

  .Rectangle-type-de-financement img {
    width: 60% !important;
    float: right;
    right: 0 !important;
    position: absolute;
    bottom: 0;
    z-index: 2;
  }

  .Rectangle-type-de-financement.acc .Lorem-ipsum-dolor-si {
    display: grid !important;
    width: 100% !important;
    padding: 20px 31px !important;
  }

  .Quels-types-de-finan {
    font-size: 29px !important;
  }

  .Rectangle-type-de-financement.acc {
    top: -57px !important;
    position: absolute;
    z-index: 98;
    left: 0 !important;
    margin-bottom: 0 !important;
  }

  .select-items {
    width: 100% !important;
  }

  .actualitebox .gsc-column.col-lg-9.col-md-9.col-sm-12.col-xs-12,
  .actualitebox
    .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.btn-voir-plus-hone {
    width: 50%;
  }

  .actualitebox
    .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.actu-home
    .col-lg-3.col-md-3.col-sm-6.col-xs-12 {
    width: 50% !important;
  }

  .actualite-card {
    width: 100% !important;
    margin-bottom: 32px !important;
  }

  .actualite-card img {
    width: 100% !important;
  }

  .layoutBceao.gbb-row.gva-parallax-background.bg-size-cover
    .gsc-box-text.widget.clearfix {
    padding: 0px !important;
    padding-top: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin: 0 auto !important;
    left: 10px !important;
    position: relative;
  }

  .gsc-column.col-lg-4.col-md-4.col-sm-12.col-xs-12.real-log {
    width: 33.33% !important;
    padding: 0 !important;
    margin-bottom: 0px !important;
  }

  /* footer */
  footer#footer {
    padding: 0 15px;
  }

  footer#footer .row.Box2.mt-4 {
    padding-top: 0px;
    flex-direction: inherit;
    display: flex;
    width: 100% !important;
  }

  footer#footer .row.Box2.mt-4 .col-sm-8::before,
  footer#footer .row.Box2.mt-4 .col-sm-4::after {
    margin: 0;
    border: none;
  }

  footer#footer .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {
    padding: 0;
    padding-left: 0px;
    padding-top: 0px;
    justify-content: inherit;
    display: contents;
    width: 100% !important;
  }

  footer#footer .row.Box2.mt-4 .col-sm-8,
  .row.Box2.mt-4 .col-sm-4 {
    padding: 0;
    padding-bottom: 28px;
  }

  footer#footer .row.Box2.mt-4 ul.menu > li a {
    padding-left: 0px;
  }

  footer#footer
    .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column:after {
    left: 0px;
    margin: 0;
    border: none;
  }

  footer#footer .row.Box1 {
    padding-bottom: 58px;
    width: 100% !important;
  }

  .footer-third div#block-simplenewssubscription {
    top: 0 !important;
    position: relative;
    border-radius: 20px;
    border: solid 1px #979797;
    background-color: #fff;
    width: 100% !important;
    height: 40px !important;
  }

  .block.block-simplenews #edit-mail-wrapper input.form-email {
    width: 70% !important;
    height: 33px !important;
    top: 0px !important;
    position: relative;
    margin-top: 0px !important;
  }

  form {
    display: flex;
  }

  .block.block-simplenews .form-actions {
    float: left;
    width: inherit !important;
    position: absolute !important;
    padding-right: 5px !important;
    right: 0 !important;
  }

  input#edit-submit--2 {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
  }

  footer .footer-center {
    padding: 0;
  }

  .row.Box1 .contact-info {
    padding: 0;
  }

  .libellenewsletter {
    position: relative;
    top: -136px !important;
  }

  .social-icon {
    position: relative;
    top: -179px !important;
  }

  .Rejoindre-la-communa {
    position: relative;
    top: -154px !important;
  }

  .footer-third.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {
    padding-bottom: 50px !important;
  }

  .row.Box1:after {
    content: "";
    width: 90% !important;
    position: absolute;
    height: 0;
    margin: 0 5% !important;
    opacity: 0.5;
    border: solid 1px #464646;
    bottom: 13px;
  }

  .row.Box2.mt-4:after {
    content: "";
    width: 90% !important;
    position: absolute;
    height: 0;
    margin: 0 5% !important;
    opacity: 0.5;
    border: solid 1px #464646;
    bottom: auto;
    top: 144px;
  }

  .social-icon ul li i {
    font-size: 24px !important;
  }

  .footer .footer-center {
    padding: 70px 0 0 0 !important;
  }

  .footer-second.col-lg-4.col-md-4.col-sm-12.col-xs-12.column {
    padding-bottom: 151px;
  }

  /* and blockfooter */
  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.btn-voir-plus-hone {
    padding-right: 15px !important;
  }

  .div-form form {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 94% !important;
  }

  .maim-profilage .slick-list.draggable {
    margin-top: 73px;
  }

  .custom-select.element.Chiffre-daffaire,
  .custom-select.element.Cible,
  .custom-select.element.anciennete,
  .custom-select.element.Type-de-financement,
  .custom-select.element.Besoin-Financer,
  input.action-valid.Valider {
    width: 30% !important;
    margin-bottom: 0px;
  }

  .custom-select.element.Chiffre-daffaire,
  .custom-select.element.Cible,
  .custom-select.element.anciennete {
    margin-bottom: 20px !important;
  }

  div#boxActeur .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12 h2 {
    margin-top: 425px !important;
  }

  /* header */
  .header-main-inner.p-relative {
    display: inline-block;
    width: 100% !important;
  }

  header .area-main-menu .gva-search-region {
    position: absolute !important;
    z-index: 99;
    top: 11% !important;
    right: 10px !important;
  }

  .gva-offcanvas-mobile {
    width: 50% !important;
    max-width: 50% !important;
    height: 100vh !important;
    background-color: #f8f8f9;
  }

  .gva-offcanvas-mobile.show-view div:nth-child(2) {
    width: 100% !important;
    display: flex;
    flex-flow: column-reverse;
  }

  ul.clearfix.gva_menu.gva_menu_main .text-right {
    text-align: left !important;
  }

  a.site-branding-logo {
    width: 100% !important;
  }

  nav#block-mainnavigation {
    width: 100% !important;
  }

  header .area-main-menu .gva-search-region.show .search-content {
    display: block;
    margin: auto -100%;
  }

  header .area-main-menu .gva-search-region .search-content {
    width: 700px !important;
  }

  header .area-main-menu .gva-search-region .search-content input#edit-keys {
    width: 633px !important;
  }

  div#menu-bar::before {
    content: " ";
    background: url(/sites/default/files/icn-menu.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: flex;
    position: absolute;
    left: 52px;
    top: -8px;
  }

  div#menu-bar span {
    display: none !important;
  }

  .Boxbas .boxtext {
    width: 50% !important;
  }

  .Boxbas .Besoins-dun-finance {
    padding: 0 30px !important;
    margin: 4px 305px 10px 0px !important;
    width: 460px !important;
  }

  .Boxbas .Rectangle-Copy-7 {
    width: 100% !important;
  }

  .Boxbas .Rectangle-Copy-7 .boximage img {
    width: 215px !important;
  }

  .Boxbas .Lorem-ipsum-dolor-si {
    width: 500px !important;
    margin: 0px 0 45px 0px !important;
  }

  .actualite-card.actu {
    height: 410px !important;
  }

  .actualite-card.actu .contain a.action {
    padding: 7px 0 !important;
    width: 85% !important;
  }

  .item-list ul {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .item-list ul li.view-list-item {
    width: 50% !important;
  }

  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.side-right {
    width: 100% !important;
  }

  .even-box {
    width: 100% !important;
    margin: 10px !important;
  }

  .titre-article .row-wrapper.clearfix {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .first-title {
    order: 0;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .titre-sec-cart {
    order: 1;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .section-cart {
    order: 2;
  }

  .gsc-column.col-lg-12.col-md-12.col-sm-12.col-xs-12.section-carte {
    padding-top: 0px !important;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .title_even {
    order: 3;
  }

  .titre-article.block.gbb-row.bg-size-default
    .row-wrapper.clearfix
    .side-right {
    order: 4;
  }

  .widget.gsc-heading.title-side-right.align-left.style-2.text-dark .title {
    bottom: 0px !important;
    left: 9px !important;
    margin-top: 100px !important;
    position: relative !important;
    margin-top: 0 !important;
  }

  ul[data-drupal-views-infinite-scroll-pager].pager {
    margin: 30px 0 125px !important;
  }

  .sefaire-accompager-box {
    width: 100% !important;
  }

  .sefaire-accompager-box h1.title {
    width: 100% !important;
    padding: 61px 20px !important;
  }

  /* accordeo */
  details,
  details[open] {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
  }

  .services-1.gva-view .views-row.row.clearfix.row-1 {
    width: 100% !important;
    margin: 0 auto;
  }

  .gsc-box-text.widget.clearfix.searchbar {
    width: 100% !important;
  }

  .searchbar .title.widget-title {
    font-size: 20px !important;
    padding: 0px 20px !important;
    width: 100% !important;
    display: contents;
  }

  .searchbar form#formation-search\ search-form {
    position: absolute !important;
    width: 85% !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center !important;
    padding: 0 24px !important;
  }

  .searchbar input#edit-keys {
    width: 100% !important;
  }

  .txt-actu-slid {
    height: 24% !important;
    bottom: 0px !important;
    font-size: 27px;
  }

  div#content-card .views-row.row.clearfix.row-1 .views-col,
  div#content-card .views-row.row.clearfix.row-2 .views-col {
    width: 50% !important;
    padding: 0 !important;
  }

  .views-row.row.clearfix.row-1,
  .views-row.row.clearfix.row-2 {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .boxcarte-article-icone {
    width: 95% !important;
    margin: 20px 10px !important;
    cursor: pointer;
    background-image: linear-gradient(
        to bottom,
        #006e94 28%,
        rgba(16, 118, 174, 0.1)
      ),
      linear-gradient(to bottom, #30a539, #30a539);
  }

  .boxcarte-article-icone .content .title,
  .boxcarte-article-icone .content .desc p {
    color: #fff !important;
  }

  .boxcarte-article-icone .desc a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 90% !important;
    margin: 0 !important;
  }

  .gva-offcanvas-mobile .gva-navigation .gva_menu li a {
    position: relative;
    display: block;
    text-align: left !important;
  }

  header .site-branding-logo {
    padding: 15px 0 !important;
    position: absolute;
    top: 0;
    left: 25px;
    width: 80% !important;
  }

  .gva-offcanvas-mobile .close-offcanvas {
    border-bottom: 0 !important;
    width: 20% !important;
    float: right !important;
    color: #01454c !important;
  }

  .site-branding-logo img {
    max-height: 46px !important;
    width: auto;
  }

  .gva-offcanvas-mobile .close-offcanvas i {
    font-size: 38px !important;
  }

  div#block-right-carte {
    width: 100% !important;
  }

  div#block-right-carte .actualite-card-right {
    width: 94% !important;
    top: 36px;
  }

  div#block-right-carte .img-actualite-right img {
    width: 100%;
  }

  .contact-feedback {
    width: 100% !important;
  }

  .boxcarteformation {
    width: 50% !important;
    padding: 0 10px !important;
    margin: 15px 0px !important;
  }

  .js-form-item.form-item.js-form-type-email.form-item-mail.js-form-item-mail.form-no-label {
    padding-left: 0;
    border: 0 !important;
  }

  .gsc-column.col-lg-3.col-md-3.col-sm-6.col-xs-12.title-article-right.boxcarte.lancer {
    width: 100% !important;
    padding: 20px !important;
  }
}

.column-inner.bg-size-cover.firstacc img {
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.ban_hone.gbb-row.bg-size-cover .row-wrapper.clearfix {
  padding-bottom: 0;
}

div#content-slide-une .row-wrapper.clearfix {
  padding-bottom: 0;
}

.widget.gsc-heading.titlebox .sub-title {
  font-size: 24px !important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.92;
  letter-spacing: normal;
  color: #01454c !important;
  font-family: "HelveticaNeueLTStd-Bd" !important;
  padding-bottom: 20px;
}

.part_inst img {
  width: 221px !important;
  height: 90px;
  padding: 8px 39px;
  border-radius: 45px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px rgba(153, 153, 153, 0.5);
  object-fit: contain !important;
}

/*coorection */

li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
  ul.menu.sub-menu
  li.menu-item
  a {
  font-size: 12px !important;
  line-height: 2.7 !important;
  width: 306px;
  text-transform: lowercase;
}

li.menu-item.menu-item--expanded.gva-mega-menu.megamenu.menu-grid.menu-columns-2
  .navigation
  .gva_menu
  .megamenu
  > .sub-menu
  > li
  > a {
  display: block;
  color: #01454c;
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  font-family: "HelveticaNeueLTStd-Bd";
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  font-size: 14px !important;
}

.main {
  width: 100%;
  display: block;
  margin: 0 auto;
}
a.cartde-in-the-spotlight {
  background: #fff;
  margin: 10px;
  position: relative;
  height: 240px;
  border: 2px solid #e5edef;
  border-radius: 19px;
  box-shadow: rgb(0 140 153 / 20%) 0px 42px 62px -37px;
  flex-direction: column;
  text-decoration: none;
}

.slick-list.draggable {
  max-height: 320px;
  height: 320px;
}

a.cartde-in-the-spotlight:hover {
  background-color: #008c99 !important;
  filter: drop-shadow(0px 11px 7px rgba(1, 69, 76, 0.3));
  border: 0px;
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: transform 0.7s;
  cursor: pointer;
}

a.cartde-in-the-spotlight .header {
  background: url(/sites/default/files/shape-card.png);
  background-position: center center;
  object-fit: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 30px;
  position: absolute;
  z-index: 6;
}

a.cartde-in-the-spotlight .header h1 {
  font-family: "HelveticaNeueLTStd-Bd" !important;
  font-size: 16px;
  position: absolute;
  top: 11%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  padding: 0;
  height: 30px;
}

a.cartde-in-the-spotlight:hover .line1 .linevalue,
a.cartde-in-the-spotlight:hover .line2 .linevalue,
a.cartde-in-the-spotlight:hover .line1 .linelibelle,
a.cartde-in-the-spotlight:hover .line2 .linelibelle {
  color: #fff;
}

a.cartde-in-the-spotlight:hover .header {
  background: url(/sites/default/files/shape-card-hover.png);
  background-position: center center;
  object-fit: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 30px;
}

a.cartde-in-the-spotlight .content {
  display: flex;
  padding: 58px 0;
  z-index: 4;
  position: absolute;
  width: 100% !important;
}

a.cartde-in-the-spotlight .content .section-left {
  padding: 0 5px 0 20px;
}

a.cartde-in-the-spotlight .content .section-right {
  padding: 0 0 0 20px;
}

a.cartde-in-the-spotlight .content .section-left,
a.cartde-in-the-spotlight .content .section-right {
  width: 50%;
  max-width: 50%;
}

.section-left {
  border-right: 1px solid #d8d8d8;
}

.line1 {
  padding-bottom: 29px;
}

.line1 .linevalue,
.line2 .linevalue {
  font-size: 12px !important;
  height: 31px !important;
}

.line1 {
  padding: 0;
}

div#content-slide-une .row-wrapper.clearfix {
  padding-bottom: 0;
}

.line1 .linelibelle,
.line2 .linelibelle {
  font-family: "Helvetica Neue 300", sans-serif !important;
  color: #01454c;
  opacity: 0.8;
  font-size: 14px;
  padding-bottom: 6px;
}

.line1 .linevalue,
.line2 .linevalue {
  font-family: "HelveticaNeueLTStd-Bd" !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #01454c;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

a.cartde-in-the-spotlight img.tri {
  position: absolute;
  right: 0;
  z-index: 3;
  bottom: 0;
}

a.cartde-in-the-spotlight img.deg {
  display: none;
}

a.cartde-in-the-spotlight:hover img.deg {
  display: flex;
  position: absolute;
  bottom: 0;
  height: 80%;
  width: 100%;
}

a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center {
  background-color: #008c99;
  filter: drop-shadow(0px 11px 7px rgba(1, 69, 76, 0.3));
  border: 0px;
  -ms-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  transition: transform 0.7s;
  cursor: pointer;
}

a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center
  .line1
  .linevalue,
a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center
  .line2
  .linevalue,
a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center
  .line1
  .linelibelle,
a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center
  .line2
  .linelibelle {
  color: #fff;
}

a.cartde-in-the-spotlight.slick-slide.slick-current.slick-active.slick-center
  img.deg {
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
}


.search-guf-container{
width:235px;
display:flex;
flex-direction:row;
align-items:center;
}
.guf-container{
padding-left:15px;
}
.header-guf{
			display:flex;
			flex-direction:row;
		}
		.guf-image{
			border: 3px solid #30a539;
			border-radius:50%;
			padding:8px;
			z-index:2;
			background:#fff;
			
		}
		.guf-seconnecter{
					padding: 13px 20px 17px 50px;
			  border-radius: 27px;
			  background-color: #30a539;
			  cursor: pointer;
			 
			  font-size: 16px;
			  font-weight: bold;
			  font-stretch: normal;
			  font-style: normal;
			  line-height: 1;
			  letter-spacing: normal;
			  text-align: center;
			  color: #fff;
		}


		.guf-connect{
			position:absolute;
			z-index:1;
			top: 16px;
			left: 53px;
		}
.guf-img{
width:45px;
height:38px;
}
.guf-container:hover .guf-seconnecter{
background:#01454c;
}

.guf-container:hover .guf-image{

border: 3px solid #01454c;
-webkit-box-shadow: -3px 0px 5px 0px rgba(212,212,212,1);
-moz-box-shadow: -3px 0px 5px 0px rgba(212,212,212,1);
box-shadow: -3px 0px 5px 0px rgba(212,212,212,1);
}