/*
 Description:  style for Port de Golfe-Juan website only
*/
html body{
    color: #130F3D;
}

.mt-5{
    margin-top: 5px;
}

html .header_logo #logo img {
    max-width: 304px;
    width: 100%;
}
@media screen and (max-width:550px){
    html .header_logo #logo img {
        max-width: 200px;
    }
    html .header_logo {
        padding-left: 0;
    }
    html .header_logo #logo{
        position: relative;
        top: 3px;
    }
}
html body.admin-bar header #modalMenu, html body.admin-bar header #modalSearch {
    top: 136px !important;
}
html header #modalMenu, html header #modalSearch {
    top: 104px !important;
}
#modalSeaport .modal-content, html .navbar-default.seaport-open{
    background-color: #F9FAFC !important;
}
@media (min-width:992px){
    html #modalMenu .nav > li.menu-item-has-children.open > *:first-child::after{
        opacity: 1;
        width: 330px;
        transition: all 0.8s ease-in-out;
    }
    html #modalMenu .nav > li:first-child.open > *:first-child::after{
        width: 300px;
    }
    html #modalMenu .nav > li:nth-child(2).open > *:first-child::after{
        width: 280px;
    }
    html[lang="en-US"] #modalMenu .nav > li:nth-child(2).open > *:first-child::after{
        width: 187px;
    }
    html #modalMenu .nav > li:nth-child(5).open > *:first-child::after{
        width: 244px;
    }
    .w-71{
        width: 71%;
    }
    html[lang="en-US"] #modalMenu .nav > li:nth-child(3).open > *:first-child::after{
        width: 257px;
    }
}
.mainSlider .background::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.10);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
html .mainSlider .content{
    z-index: 5;
}
html .mainSlider .itemSlider .background video{
    position: absolute;
    /* left: 0; */
    /* right: 0; */
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
html .mainSlider .itemSlider .content > *:first-child .first_title, html .mainSlider .itemSlider .content > *:first-child .middle_title, html .mainSlider .itemSlider .content > *:first-child .last_title,
html section header > *, html .row_content .block_header > *{
    font-family: 'poppinsbold';
}
html #mainSlider .btn_read_more.bgFull, html .btn_read_more, html .content_galerie_vignette .item_galerie_vignette .link_galerie_vignette,
html .date_event span, html .bandeau_link_tarif a, html aside li > a, html aside li > div, html aside li:not(.linked), html .block_contact p, html .block_contact a,
html .row_grille_tarif .col_tarif a > span:last-child, html .content_tarifs table:not(.tarifs_gp) tbody > tr > td:first-child, html .row_content .petit_titre > *{
    font-family: 'poppinssemibold';
}
html .nav>li> *:first-child{
    font-family: 'poppinssemibold' !important;
}
html .btn_read_more{
    font-size: 14px;
}
body.page-template-template-full-width-contact .container_info p, body.page-template-template-full-width-contact .container_info span, body.page-template-template-full-width-contact .container_info a{
    font-size: 1.7rem;
}
html h1, html h2, html h3, html h4{
    font-family: 'poppinslight';
    text-transform: uppercase;
}
html #services .item_service .title_service {
    font-family: 'poppinssemibold';
    text-transform: inherit;
}
html .block_contact .titleHoraireContact{
    font-family: 'poppinssemibold';
    font-size: 1.8rem;
}
html .row_content:not(.listing_manifestation) > div:first-child::after{
    font-family: 'poppinsmedium';
    top: -20px;
}
html body.page-id-653 #last_actu .description.style_titre,
html body.page-id-3221 #last_actu .description.style_titre{
    font-size: 18px;
    font-family: 'poppinsmedium', sans-serif;
    line-height: 26px;
}
html body.page-id-653 #last_actu .description.style_titre strong,
html body.page-id-3221 #last_actu .description.style_titre strong{
    font-size: 2rem;
    font-family: 'poppinssemibold', sans-serif;
}
#modalSeaport header *{
    margin-top: 35px !important;
}
.msg_safari_user {
    text-align: center;
    display: block;
    padding: 15px 0;
}
.msg_safari_user a{
	display: inline-block !important;
	margin: 0 auto !important;
    width: inherit !important;
    height: inherit !important;
    padding: 7px 15px 5px !important;
}
.table-row-underline{
    border-bottom: 1px solid #130F3D;
}
.style_table_header{
    font-family: 'poppinssemibold';
    font-size: 1.8rem;
    color: #130F3D !important;
}
table td.text-left{
    text-align: left !important;
}
#resa_ferry .form-control {
    box-shadow: none;
    height: 49px;
    border-radius: 9px !important;
    border-color: #130F3D;
}
#resultsFerry .content_tarifs table:not(.tarifs_gp) tbody > tr > td:last-child {
    text-align: center;
    padding-right: 0;
}
#resultsFerry .content_tarifs table:not(.tarifs_gp) tbody > tr > td:first-child {
    text-align: center;
    padding-left: 0;
}
html .custom-ajax-loader.active{
    visibility: visible;
}
#resultsFerry > div > p {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 35px 0;
}
@media screen and (min-width: 768px){
    html header .header_lang ul > li > ul {
        padding-top: 29px !important;
    }
    html #resa_ferry form .btn_read_more:not(.full_bg) {
        width: 170px;
    }
    html body.page-id-284 .content_service > div:nth-child(1) img,
    html body.page-id-3230 .content_service > div:nth-child(1) img,
    html body.page-id-284 .content_service > div:nth-child(4) img,
    html body.page-id-3230 .content_service > div:nth-child(4) img {
        max-width: 80%;
        width: initial;
    }
    /* html body.page-id-284 .content_service > div:nth-last-child(2) img,
    html body.page-id-3230 .content_service > div:nth-last-child(2) img {
        max-width: 85% !important;
    } */
    html body.page-id-4476 .content_service > div:nth-child(1) img,
    html body.page-id-4602 .content_service > div:nth-child(1) img {
        max-width: inherit;
    }
    html body.page-id-4476 .content_service > div:nth-child(2) img,
    html body.page-id-4602 .content_service > div:nth-child(2) img {
        max-width: 80%;
        width: initial;
    }
    html body.page-id-479 .content_service > div:nth-child(6) img,
    html body.page-id-3217 .content_service > div:nth-child(6) img {
        max-width: 80%;
    }
    html body.page-id-5841 .item_service .container_icone_service img,
    html body.page-id-7870 .item_service .container_icone_service img {
        max-width: 70%;
        height: auto;
    }
    html body.page-id-1191 .content_service > div:nth-last-child(2) img{
    /* html body.page-id-7870 .item_service .container_icone_service img { */
        max-width: 60%;
    }
    html body.page-id-5841 .content_service > div:nth-child(3) img,
    html body.page-id-5841 .content_service > div:nth-child(4) img,
    html body.page-id-7870 .content_service > div:nth-child(3) img,
    html body.page-id-7870 .content_service > div:nth-child(4) img {
        max-width: 60%;
    }
}
html .label_info_parking {
    font-family: 'poppinssemibold';
    margin-top: 15px;
    min-height: 72px;
    color: #130F3D;
}
#form_ferry button[type="submit"]{
    margin-top: 35px;
}
html #modalFerry .pignose-calendar {
    max-width: inherit;
}
html #row_galerie_home .text p {
    font-size: 18px;
}
html .block_texte_image .container_description > .description, html .item_event .description{
    font-size: 18px;
}
html .block_texte_image .container_description > .description strong, html .item_event .description strong{
    font-weight: 500;
}
html .section_info_acces .text{
    font-size: 1.8rem;
}
html .section_info_acces .text{
    font-size: 1.8rem;
}
html .content_post {
    font-size: 1.8rem;
}
@media screen and (max-width: 767px){
    html header #modalMenu, html header #modalSearch {
        top: 64px !important;
    }
    #calculette .form-control {
        height: 36px;
    }
    #modalFerry > div{
        max-width: 80%;
        margin: 10px auto;
    }
    #modalFerry .modal-header{
        padding: 5px 10px;
    }
    #modalFerry .modal-header button{
        opacity: 1;
        margin: 0;
    }
    #modalFerry .modal-header button span{
        font-size: 35px;
        opacity: 1;
        color: #22569B;
        text-shadow: none !important;
        line-height: inherit !important;
    }
    #modalFerry .form-horizontal .col-sm-offset-2{
        padding: 0 !important;
    }
    form#form_ferry > div {
        padding-right: 30px !important;
    }
}
body.page-id-818 .listing_info_parking {
    padding: 0;
    border: none;
    margin: 0 auto;
}
body.page-id-818 #content-full > div:nth-child(4).listing_info_parking > *:nth-child(3) img{
    width: 60px;
    height: auto;
}
body.page-id-818 #content-full > div:nth-child(5).listing_info_parking > *:last-child img{
    width: 55px;
    height: auto;
}
body.page-id-818 .row_content + .listing_info_parking.container {
    margin-top: -35px;
}
body.page-id-818 .listing_info_parking.container + .listing_info_parking.container {
    margin: 35px auto;
}
html .block_text_normal .text, html #galerie_filter > li:not(:first-child)::before{
    color: #130F3D !important;
}
html #galerie_filter > li:not(:first-child)::before{
    top: 56%;
}
html ul > li.menu-item, html ul > li.menu-item a, html .btn_search_menu, html .hamburger-label, html .btn_read_more.transparent:hover, html .row_content .block_header > *,
html .btn_read_more.with_fleche, html .btn_read_more.transparent:hover, html footer i, html .block_contact p, html .block_contact a, html .middle_row, html .middle_row p, html .middle_row a,
html .container_number_espace, html .breadcrumb > li:not(.active) > *, html .description a, .text a, html .block_text_normal .text a, html .block_text_bold .text a, html .chiffre_place_parking,
html .content_galerie_vignette .item_galerie_vignette .link_galerie_vignette, html .title_video_event, html .petit_titre.offre_emploi > *, html .row_content .petit_titre > *, html .doc_telechargement.offre > a, body.single .mainContent a, html .title_link{
    color: #130F3D !important;
}
html .text a, html .block_text_normal .text a, html .description a, html #galerie_filter li.active a, html #galerie_filter li a:hover, html #galerie_filter li a:focus{
    color: #39b54a !important;
}
html section header > *, html article .content_post h2, html article .content_post h3, html #galerie_filter li a, html .date_actu, html form label, html .item_chiffre .valeur_chiffre,
html .item_chiffre .unite_chiffre, html #rowResultCalcul span.number{
    color: #130F3D;
}
html .row_grille_tarif .col_tarif a:hover > span:last-child, .content_service .item_service a, html .search-page-title, html .search-page-title a, html .row_content_onglet .title{
    color: #130F3D;
}
.search-query::-webkit-input-placeholder{
    color: #130F3D !important;
}
.search-query::-moz-placeholder{
    color: #130F3D !important;
}
.search-query:-ms-input-placeholder{
    color: #130F3D !important;
}
.search-query::-ms-input-placeholder{
    color: #130F3D !important;
}
.search-query::placeholder{
    color: #130F3D !important;
}
html .custom_social_menu svg path, html .social_header svg path, html .doc_telechargement.offre svg path{
    fill : #130F3D !important;
}
html footer svg path{
    fill : #130F3D !important;
}
html .hamburger-inner, html .hamburger-inner:after, html .hamburger-inner:before {
    color: #130F3D !important;
    background-color: #130F3D !important;
}
html .nav > li:not(.wpml-ls-item):hover > a, html .nav li.active:not(.wpml-ls-item) > a, html header .nav li:not(.wpml-ls-item) a:focus,
html .nav li:not(.wpml-ls-item) a:hover, .content_service .item_service a:hover {
    color: #39B54A !important;
}
html .slick-dots li.slick-active button, html .tag_result span{
    background-color: #130F3D;
}
html table.table_offre_emploi .doc_telechargement > a:hover span{
    background-color: #130F3D !important;
}
html .slick-dots li button, html .doc_telechargement.offre > a > span{
    border-color: #130F3D;
}
html body .leaflet-marker-icon.important {
    background-color: #39B54A  !important;
}
html .row_info_chiffre_espace{
    border-top-color: #393939;
    border-bottom-color: #393939;
    border-width: 1px;
}
html body .leaflet-marker-icon.base {
    background-color: #130F3D !important;
}
body.page-id-1758 #groupe_info_onglet,
body.page-id-3500 #groupe_info_onglet{
    display: flex;
    justify-content: center;
}
html .col_onglet_transport {
    width: 33.333%;
}
html .row_grille_tarif .col_tarif a{
    height: 100%;
}
html .row_grille_tarif .col_tarif a > span:last-child{
    max-width: inherit;
}
/* Page réservation ferry FR */
body.page-id-5864 #last_actu .container_description,
body.page-id-7860 #last_actu .container_description{
    background-color: #F9FAFC !important;
}
@media (min-width: 992px){
    html #modalMenu .nav > li.menu-item-has-children > *:first-child::after {
        background-color: #130F3D;
    }
}
@media screen and (max-width: 991px){
    body.page-id-1758 #groupe_info_onglet,
    body.page-id-3500 #groupe_info_onglet{
        flex-wrap: wrap;
    }
    html .row_grille_tarif .container, html .row_grille_tarif .col_tarif {
        display: inherit;
    }
}

@media screen and (min-width:768px){
    /**
    * Page Port-jardin
    */
    html body.page-id-1191 #content-full .nos_services_section{
        margin: 0;
        padding: 80px 0 !important;
    }

    /**
    * Page activités nautiques
    */
    html body.page-id-533 #content-full .nos_services_section,
    html body.page-id-3223 #content-full .nos_services_section{
        margin: 0;
        padding: 80px 0 !important;
    }

    /**
    * Page evenement pro
    */
    html body.page-id-653 #content-full .nos_services_section,
    html body.page-id-3221 #content-full .nos_services_section{
        margin: 0;
        padding: 80px 0 !important;
    }

    html body.page-id-653 #content-full .table-responsive,
    html body.page-id-3221 #content-full .table-responsive{
        overflow-x: inherit;
    }

}
body.page-id-818 .block_bouton ~ .block_text_normal,
body.page-id-3229 .block_bouton ~ .block_text_normal {
    margin-bottom: 0;
}
body.page-id-818 .block_bouton ~ .block_text_normal > .container,
body.page-id-3229 .block_bouton ~ .block_text_normal > .container {
    margin-bottom: 0;
    padding-bottom: 50px;
}
html .content_form_contact form{
    /* border-color: #393939; */
    border-left-color: transparent;
    background-color: #CFCECE;
}

html .parking_simple table tbody > tr:first-child{
    border: none;
}
#tarifs_grand_public .content_tarifs table.tarifs_gp tr:first-child {
    border: none;
}
#tarifs_grand_public .content_tarifs table.tarifs_gp tr td {
    border: 1px solid #130F3D;
}
html #tarifs_grand_public .content_tarifs table.tarifs_gp tbody > tr > td:first-child{
    text-align: left;
    padding-left: 70px;
}
html #tarifs_grand_public .content_tarifs table.tarifs_gp tbody > tr > td:last-child {
    text-align: right;
    padding-right: 94px;
}
html body.page-id-284 .content_service > div:nth-last-child(5) img,
html body.page-id-3230 .content_service > div:nth-last-child(5) img {
    max-width: 70%;
}
html body.page-id-284 .content_service > div:nth-last-child(2) img,
html body.page-id-3230 .content_service > div:nth-last-child(2) img {
    max-width: 65%;
}
html body.page-id-603 .content_service > div:first-child img,
html body.page-id-11652 .content_service > div:first-child img{
    max-width: 55%;
}
html body.page-id-603 .content_service > div:nth-child(3) img,
html body.page-id-11652 .content_service > div:nth-child(3) img{
    max-width: 70%;
}
html body.page-id-603 .content_service > div:nth-child(4) img,
html body.page-id-11652 .content_service > div:nth-child(4) img{
    max-width: 65%;
}
html body.page-id-603 .content_service > div:nth-last-child(2) img,
html body.page-id-11652 .content_service > div:nth-last-child(2) img{
    max-width: 65%;
}
html body.page-id-284 .content_service > div:nth-last-child(3) img,
html body.page-id-3330 .content_service > div:nth-last-child(3) img {
    max-width: 87%;
    width: 100%;
}
html body.page-id-603 .nos_services_section,
html body.page-id-11652 .nos_services_section
{
    padding: 80px 0 !important;
}
html .row_content.all_tarif_parking:not(.row_title) {
    padding: 20px 0 40px !important;
}
body.page-id-930 .row_content.all_tarif_parking:not(.row_title) {
    margin-top: -40px;
}
html body.page-id-284 .content_service > div:nth-child(4) img,
html body.page-id-3230 .content_service > div:nth-child(4) img {
    max-width: 93%;
}
@media (max-width: 767px){
    html body.page-id-603 .nos_services_section,
    html body.page-id-11652 .nos_services_section{
        padding: 40px 0 !important;
    }
    html .tarif_salle {
        margin-bottom: 0 !important;
    }
    body.page-template-template-full-width-contact #block_contact > div.container.info_contact_bureau > div.col-sm-4.col-xs-12.col_hour.text-center > div.col-xs-12.col_hour_bureau_port > div.col-sm-6.text-center.bordered-left {
        margin-top: 15px;
    }
}
html .content_item_bateau {
    border: none;
}
.spec_bateau > * {
    display: flex !important;
}
.spec_bateau > *:nth-last-child(1n+2) {
    margin-bottom: 5px;
}
.img_bateau {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0px 3px 15px 0px rgba(128, 128, 128, 0.459);
    z-index: -1;
}
.info_bateau {
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 3px 15px 0px rgba(128, 128, 128, 0.459);
    background-color: #fff;
}
.modele_bateau, .tel_contact_bateau, .legende_loc_bateau{
    font-family: 'poppinssemibold', sans-serif;
}
.modele_bateau{
    font-size: 16px;
}
.modele_bateau a{
    color: #39B54A !important;
}
.legende_loc_bateau{
    color: #808080;
    max-width: 114px;
    width: 100%;
    display: inline-block;
    margin-right: 15px;
}
html .tel_contact_bateau a{
    color: #39B54A;
}
/* html .nav > li:not(.wpml-ls-item):hover > a, html .nav li.active:not(.wpml-ls-item) > a, html .nav li:not(.wpml-ls-item) a:focus, html .nav li:not(.wpml-ls-item) a:hover,
html .btn_read_more.with_fleche:hover, html footer a:hover, html footer a:focus, html footer i:hover, html #block_contact a:hover{
    color: rgba(19, 15, 61, 0.15) !important;
} */
html .custom_social_menu:hover > a:hover svg path, html .social_header:hover svg path{
    fill : #39B54A !important;
}
html footer i:hover{
    color: #39B54A !important;
}
html footer svg:hover path{
    fill : #39B54A !important;
}
html .btn_read_more.with_fleche:hover{
    color: #39B54A !important;
}
html .btn_read_more.with_fleche:hover path{
    stroke: #39B54A;
    fill: none;
}
html .col_rubrique_3_colonne:hover svg path, html table.table_offre_emploi a:hover svg path{
    fill: none !important;
    stroke: #fff !important;
}
html .with_separator.separator_vague::after, html .with_separator.separator_vague.vague_claire::after {
    background-image: url('/wp-content/uploads/sites/4/2022/05/separateur-port-gallice-1.png') !important;
}
html .btn_read_more:hover, html .btn_read_more:focus{
    color: #ffffff !important;
}
html #calculette .form-control{
    border-color: #130F3D;
}
html .row_grille_tarif .col_tarif a:hover{
    border-color: transparent;
}
@media screen and (max-width:1250px){
    html body.page-id-347 .row_grille_tarif{
        background-size: auto;
    }
}
html .btn_read_more:hover, html .btn_read_more:focus{
    background-color: #39B54A;
    border-color: #39B54A;
}
html .col_rubrique_3_colonne:hover .content > *{
    background-color: rgba(19, 15, 61, 0.8);
}
html .btn_read_more:not(.full_bg){
    border-color: #39B54A;
    color: #39B54A
}
html .search-query, html #searchsubmit{
    border-color: #130F3D !important;
    color: #130F3D
}
html .btn_read_more.with_fleche svg path, html .row_grille_tarif .col_tarif a:hover svg path, html .col_rubrique_3_colonne svg path,
html .doc_telechargement.offre svg path{
    stroke: #130F3D;
    fill: none !important;
}
html .col_info_onglet svg path, html #agenda .slick-arrow path, html .mfp-arrow path{
    fill: #39B54A !important;
}
/*html .btn_read_more.with_fleche:hover svg path{
    fill: #39B54A;
} */
html .col_video_event svg path {
    fill: #130F3D;
}
html .modal .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a, html .modal .pignose-calendar .pignose-calendar-unit a:active {
    background-color: #130F3D;
}
html .modal .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
    color: #130F3D;
}
html .row_content:not(.listing_manifestation) > div:first-child::after, html .date_event span {
    color: rgba(19, 15, 61, 0.15);
}
html .date_event span {
    color: rgba(57, 181, 74, 0.55);
}
html .mfp-bottom-bar.activeBg {
    background-color: rgba(57, 181, 74, 0.85);
}
html footer a:hover, html footer a:focus, html footer i:hover, html #block_contact a:hover, #galerie_filter li a:hover, #galerie_filter li.active a{
    color: #39B54A !important;
}
@media (min-width: 768px){
    html .bordered-left {
        border-left-color: #130F3D;
    }
}
.block_contact .text_info_de_contact {
    color: #130F3D !important;
}
/* Page carenage FR */
body.page-id-574 .info_hour.haute_saison > *:last-child {
    max-width: inherit;
    margin: 0;
    text-align: center;
}
/* Page Best practices FR */
body.page-id-5841 #block_contact .col_phone a,
body.page-id-7870 #block_contact .col_phone a {
    font-family: 'poppinsmedium',sans-serif;
}
body.page-id-5841 #block_contact .col_phone .bold,
body.page-id-7870 #block_contact .col_phone .bold {
    font-family: 'poppinssemibold',sans-serif;
}
html .form-control:focus {
    border-color: #130F3D;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(19, 15, 61, 0.6);
}
body.page-id-533 #content-full > *#last_actu:nth-child(2) .description.style_titre,
body.page-id-3223 #content-full > *#last_actu:nth-child(2) .description.style_titre{
    font-size: 16px;
    font-family: 'poppinsmedium';
    line-height: 26px;
}
body.page-id-533 #content-full > *#last_actu:nth-child(2) .bg_col,
body.page-id-3223 #content-full > *#last_actu:nth-child(2) .bg_col{
    background-position: center;
}
html .tarteaucitronBeforeVisible #tarteaucitronAlertBig{
    background-color: #130F3D !important;
}
html #tarteaucitronRoot #tarteaucitronAlertBig button {
    color: #130F3D !important;
}
html #tarteaucitronRoot #tarteaucitronAlertBig button:hover, html #tarteaucitronRoot #tarteaucitronAlertBig button:focus {
    color: #ffffff !important;
    background-color: #39B54A !important;
}
html .info_hour p.bold {
    font-family: 'poppinssemibold',sans-serif;
}
html .container_contact_service > .row:nth-last-child(n+2) {
    border-bottom: 1px solid #130F3D;
}
html .middle_row {
    border-color: #130F3D;
}
.logo_footer_gallice{
    display: initial !important;
}
body.gallice footer .column_logo_footer img {
    max-width: 300px;
    width: 100%;
    height:auto;
}
@media screen and (max-width:767px){
    .logo_footer_gallice {
        display: block !important;
    }
}
html footer, html footer p, html footer a, html footer li, html footer input, html footer button{
    font-family: 'poppinsmedium' !important;
}
html .bottom_row p, html .bottom_row a{
    font-family: 'poppinslight' !important;
}
footer .column_logo_footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}
@media (max-width: 600px){
    footer .column_logo_footer{
        justify-content: center;
    }
}