/* 
Theme Name: FPAC 2023
Theme URI: https://github.com/elementor/hello-theme/
Description: Thème pour le site Filière Peinture Anticorrosion
Author: Armstrong
Author URI: https://armstrong.space/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body
{
    overflow-x: hidden;
}

#site-header,
#site-footer
{
    display: none;
}

/*#header-fpac-scroll
{
    top: -250px !important;
    transition: all 0.5s ease-in-out;
}
#header-fpac-scroll.on
{
    top: 0 !important;
    position: fixed;
}
#header-fpac
{
    top: 0 !important;
    transition: all 0.5s ease-in-out;
}
#header-fpac.off
{
    top: -158px !important;
}
@media (max-width: 1024px)
{
    #header-fpac.off
    {
        top: 0 !important;
    }
}*/

.elementor-widget-button a
{
    padding: 24px 0 24px 54px;
}
@media (max-width: 1024px)
{
    .elementor-widget-button a
    {
        padding: 16px 0 16px 34px;
    }
}

.type-post .elementor-widget-text-editor a
{
    text-decoration: underline;
    color: #5C7F96;
}
.elementor-widget-text-editor h3
{
    margin: 20px auto 10px;
}


/*
    Les actualités de la page d'accueil
*/

#post-col-1, #post-col-2
{
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
}
.elementor-element-166ca92:hover #post-col-1,
.elementor-element-166ca92:hover #post-col-2
{
    animation-play-state: paused;
}
#post-col-1
{
    animation-name: slidein1;
}
#post-col-2
{
    animation-name: slidein2;
}
@media screen and (max-width: 1024px)
{
    #post-col-1,
    #post-col-2
    {
        animation-name: none;
        animation-play-state: paused;
    }
}
@keyframes slidein1
{
  from { top: 20%; }
  to   { top: -60%; }
}
@keyframes slidein2
{
  from { top: -60%; }
  to   { top: 20%; }
}

#post-col-1 .elementor-post.category-non-classe,
#post-col-2 .elementor-post.category-non-classe
{

}
.elementor-post.category-publication .elementor-post-date
{
    color: #809D83;
}
.elementor-post.category-evenement .elementor-post-date
{
    color: #5C7F96;
}
.elementor-post.category-divers .elementor-post-date
{
    color: #9CAFB4;
}
.elementor-post.category-chantier .elementor-post-date
{
    color: #D04832;
}
.elementor-post.category-info-filiere .elementor-post-date
{
    color: #E7AC3F;
}

.elementor-post.category-publication .elementor-post__card
{
    border-color: #809D83 !important;
}
.elementor-post.category-evenement .elementor-post__card
{
    border-color: #5C7F96 !important;
}
.elementor-post.category-divers .elementor-post__card
{
    border-color: #9CAFB4 !important;
}
.elementor-post.category-chantier .elementor-post__card
{
    border-color: #D04832 !important;
}
.elementor-post.category-info-filiere .elementor-post__card
{
    border-color: #E7AC3F !important;
}

.elementor-post .elementor-post__badge
{
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    text-transform: none !important;
}
.elementor-post.category-publication .elementor-post__badge
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/category_mini-bar-vert.svg);
}
.elementor-post.category-evenement .elementor-post__badge
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/category_mini-bar-bleu.svg);
}
.elementor-post.category-divers .elementor-post__badge
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/category_mini-bar-gris.svg);
}
.elementor-post.category-chantier .elementor-post__badge
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/category_mini-bar-rouge.svg);
}
.elementor-post.category-info-filiere .elementor-post__badge
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/category_mini-bar-jaune.svg);
}

.elementor-post.category-video .elementor-post__card .elementor-post__text
{
    display: none;
}
.elementor-post.category-video .elementor-post__card .elementor-post__meta-data
{
    display: none;
}
.elementor-post.category-video .elementor-post__thumbnail
{
    padding-bottom: calc( 1 * 100% ) !important;
}

/*
    Les logo des filières (page d'accueil)
*/

#home-filieres .elementor-shortcode
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#home-filieres .filiere,
#qui-filieres .filiere
{
    width: 275px;
    min-width: 275px;
    height: 275px;
    position: relative;
    margin: 3%;

    border-radius: 315px;
    border: 2px solid #D0DADD;
    background-color: #D0DADD;
    cursor: pointer;

    display: flex;
    align-items: center;
    text-align: center;
}
#qui-filieres .filiere
{
    margin: auto;
}
#home-filieres .logo,
#qui-filieres .logo
{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 145px;

    display: block;
    position: absolute;
    left: 0;
    top: 0;

    border-radius: 315px;
    background-color: #ffffff;
    opacity: 1;

    transition: all 0.5s ease-in-out;
    z-index: 2;
}
#home-filieres .filiere:hover .logo,
#qui-filieres .filiere:hover .logo
{
    transform: scale(0.3);
    top: -84px;
}
#home-filieres .filiere-1 .logo,
#qui-filieres .filiere-1 .logo
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/logo_sipev.png);
}
#home-filieres .filiere-2 .logo,
#qui-filieres .filiere-2 .logo
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/04/Logogepi.png);
}
#home-filieres .filiere-3 .logo,
#qui-filieres .filiere-3 .logo
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/logo_acqpa.png);
}
#home-filieres .filiere-4 .logo,
#qui-filieres .filiere-4 .logo
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/logo_ohgpi.png);
}
#home-filieres .info,
#qui-filieres .info
{
    margin: 0 40px;
    color: #5C7F96;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #D0DADD;

    position: relative;
    top: 20px;
}

/*
    Changement de couleurs des qualités (page d'accueil)
*/

.elementor-element-092c1bd h3
{
    transition: color 0.5s ease-in-out;
}
.elementor-element-092c1bd h3.on
{
    color: #ffffff !important;
}

/*
    Menu des catégories (pages actualités)
*/

#categories-menu ul
{
    width: 100%;
}
#categories-menu ul:before
{
    content: "";
    display: block;
    width: 60px;
    height: 60px;

    position: absolute;
    left: calc(10% - 30px);
    top: -22px;

    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/button_en-savoir-plus-noir.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;

    transition: left 0.5s ease-in-out;
}
#categories-menu ul.on-menu-item-1105:before,
#categories-menu ul.on-menu-item-1495:before
{
    left: calc(30% - 30px);
}
#categories-menu ul.on-menu-item-1106:before,
#categories-menu ul.on-menu-item-1496:before
{
    left: calc(50% - 30px);
}
#categories-menu ul.on-menu-item-1107:before,
#categories-menu ul.on-menu-item-1497:before
{
    left: calc(70% - 30px);
}
#categories-menu ul.on-menu-item-1108:before,
#categories-menu ul.on-menu-item-1498:before
{
    left: calc(90% - 30px);
}
#categories-menu li
{
    width: 20%;
}
#categories-menu li a
{
    text-align: center;
    display: inline-block;
    padding: 46px 0 0 0;
}
#categories-menu li a:before,
#categories-menu-mobile li a:before
{
    content: "";
    display: block;
    width: 100%;
    height: 15px;

    position: absolute;
    left: 0;
    top: 0;

    background-color: #1A171B;
    opacity: 1;
}
#categories-menu-mobile li a
{
    padding-top: 20px;
}
#categories-menu li a.on,
#categories-menu-mobile li a.on
{
    color: #1A171B;
}
#categories-menu li:nth-child(2) a:before,
#categories-menu-mobile li:nth-child(2) a:before /* Jaune */
{
    background-color: #E7AC3F;
}
#categories-menu li:nth-child(3) a:before,
#categories-menu-mobile li:nth-child(3) a:before /* Bleu */
{
    background-color: #5C7F96;
}
#categories-menu li:nth-child(4) a:before,
#categories-menu-mobile li:nth-child(4) a:before /* Rouge */
{
    background-color: #D04832;
}
#categories-menu li:nth-child(5) a:before,
#categories-menu-mobile li:nth-child(5) a:before /* Vert */
{
    background-color: #809D83;
}

/*
    Couleurs des actus (page actualités)
*/

.ue-post-grid .uc_content:after
{
    content: "";
    display : block;
    height : 100%;
    width : 30px;
    position: absolute;
    right: -30px;
    bottom: 0;
}
.ue-post-grid .category-info-filiere .uc_content,
.ue-post-grid .category-energie .uc_content
{
    background-color: #E7AC3F !important;
}
.ue-post-grid .category-info-filiere .uc_content:after
{
    background-image: linear-gradient(to right bottom, #E7AC3F 0%, #E7AC3F 50%, transparent 50%);
}
.ue-post-grid .category-evenement .uc_content
{
    background-color: #5C7F96 !important;
}
.ue-post-grid .category-evenement .uc_content:after
{
    background-image: linear-gradient(to right bottom, #5C7F96 0%, #5C7F96 50%, transparent 50%);
}
.ue-post-grid .category-chantier .uc_content
{
    background-color: #D04832 !important;
}
.ue-post-grid .category-chantier .uc_content:after
{
    background-image: linear-gradient(to right bottom, #D04832 0%, #D04832 50%, transparent 50%);
}
.ue-post-grid .category-publication .uc_content
{
    background-color: #809D83 !important;
}
.ue-post-grid .category-publication .uc_content:after
{
    background-image: linear-gradient(to right bottom, #809D83 0%, #809D83 50%, transparent 50%);
}

.section-actu
{
    display: none;
}
.section-actu.show
{
    display: block;
}

.post-content p
{
    margin: 20px auto;
}
.post-content li
{
    margin: 20px auto;
}


/*
    Menu des métiers (pages annuaire)
*/

#annuaire-menu ul,
#documents-menu ul
{
    width: 100%;
}
#annuaire-menu li,
#documents-menu li
{
    width: 280px;
    height: 70px;

    margin: 10px auto;
}
#documents-menu li
{
    width: 220px;
}
@media (max-width: 1024px)
{
    #annuaire-menu li
    {
        width: 135px;
    }
    #documents-menu li
    {
        width: 120px;
    }
}
#annuaire-menu a,
#documents-menu a
{
    white-space: normal;
    text-align: center;
    justify-content: center;

    border: 2px solid #B3C6CB;
    border-radius: 10px;
}
#documents-menu a
{
    border: 2px solid #B69756;
}
#annuaire-menu a.on,
#documents-menu a.on
{
    color: #1A171B;
    border: 2px solid #1A171B;
}

/*
    Affichage des entreprises (page annuaire)
*/

#annuaire .ue-meta-data div:first-child
{
    margin: 10px 0 0 0;
    position: relative;
    left: -19px;
    min-height: 32px;
    line-height: 22px;
    align-items: flex-start;

    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
}
#annuaire .ue-meta-data div:nth-child(2)
{
    margin: 0;
    position: relative;
    left: -19px;

    font-size: 16px;
    font-weight: 400;
}
#annuaire .ue-grid-item-category
{
    color: #5C7F96;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 18px;
}
#annuaire .site_web,
#annuaire .lien_maps
{
    width: 150px;
    margin-top: 10px;
    justify-content: center;
    background-color: #E7AC3F;
}
#annuaire .site_web
{
    background-color: #5C7F96;
}
#annuaire .site_web a,
#annuaire .lien_maps a
{
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;

    transition: all 0.2s ease-in-out;
}
#annuaire .site_web a:hover,
#annuaire .lien_maps a:hover
{
    color: #ffffff;
    background-color: #000000;
}

/*
    Affichage des documents (page outils et documents)
*/

.docs .docs-theme
{
    margin-bottom: 30px;
    overflow: hidden;
}
.docs .docs-theme h3
{
    margin: 0;
    padding-right: 50px;
    
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/button_en-savoir-plus-vert.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;

    cursor: pointer;
}
.docs .docs-theme.on h3
{
    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/01/button_en-savoir-plus-noir.png);
    font-weight: 800;
}
.docs .docs-count
{
    font-size: 14px;
    margin-bottom: 20px;
}
.docs .docs-theme .docs-content
{
    max-height: 0;
    margin-top: 20px;
    transition: max-height 0.5s ease-in-out;
}
.docs .docs-theme.on .docs-content
{
    max-height: 2000px;
}
.docs .doc-item
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;

    background-color: #D0DADD;
    border-bottom: 2px solid #6B866E;
}
.docs .doc-item h4
{
    width: 50%;
    max-width: 600px;
    margin: 0;
}
@media (max-width: 1024px)
{
    .docs .doc-item .doc-nature
    {
        display: none;
    }
}
.docs .doc-dl
{
    width: 50px;
    height: 50px;

    background-image: url(https://www.filiere-peinture-anticorrosion.fr/wp-content/uploads/2023/03/picto_dl.svg);
    background-repeat: no-repeat;
    background-position: center;
}


/*
    Affichage des chantiers (page références et chaintiers)
*/

.liste-chantiers .uc_post_title,
.liste-metiers .uc_post_title
{
    position: absolute;
    top: 50px;
    left: 0;
    padding: 10px 10px 10px 20px;
    background-color: #D0DADD;
}

.liste-chantiers  .uc_post_title:after,
.liste-metiers  .uc_post_title:after
{
    content: "";
    display : block;
    height : 100%;
    width : 30px;
    position: absolute;
    right: -30px;
    top: 0;
    background-image: linear-gradient(to right bottom, #D0DADD 0%, #D0DADD 50%, transparent 50%);
    z-index: 2;
}
.liste-chantiers .uc_post_button,
.liste-metiers .uc_post_button
{
    text-align: right;
}
.liste-chantiers .uc_post_button a,
.liste-metiers .uc_post_button a
{
    padding: 12px 12px 12px 39px;
}
.liste-chantiers .category-ouvrage .uc_content
{
    background-color: #809D83 !important;
}
.liste-chantiers .category-ouvrage .uc_post_title
{
    background-color: #809D83;
}
.liste-chantiers .category-ouvrage .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #809D83 0%, #809D83 50%, transparent 50%);
}
.liste-chantiers .category-energie .uc_content
{
    background-color: #E7AC3F !important;
}
.liste-chantiers .category-energie .uc_post_title
{
    background-color: #E7AC3F;
}
.liste-chantiers .category-energie .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #E7AC3F 0%, #E7AC3F 50%, transparent 50%);
}
.liste-chantiers .category-industrie .uc_content
{
    background-color: #9CAFB4 !important;
}
.liste-chantiers .category-industrie .uc_post_title
{
    background-color: #9CAFB4;
}
.liste-chantiers .category-industrie .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #9CAFB4 0%, #9CAFB4 50%, transparent 50%);
}
.liste-chantiers .category-offshore .uc_content
{
    background-color: #5C7F96 !important;
}
.liste-chantiers .category-offshore .uc_post_title
{
    background-color: #5C7F96;
}
.liste-chantiers .category-offshore .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #5C7F96 0%, #5C7F96 50%, transparent 50%);
}
.liste-chantiers .category-charpente .uc_content,
.liste-metiers .uc_content
{
    background-color: #D04832 !important;
}
.liste-chantiers .category-charpente .uc_post_title,
.liste-metiers .uc_post_title
{
    background-color: #D04832;
}
.liste-chantiers .category-charpente .uc_post_title:after,
.liste-metiers .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #D04832 0%, #D04832 50%, transparent 50%);
}
.liste-chantiers .category-marine .uc_content
{
    background-color: #8A848C !important;
}
.liste-chantiers .category-marine .uc_post_title
{
    background-color: #8A848C;
}
.liste-chantiers .category-marine .uc_post_title:after
{
    background-image: linear-gradient(to right bottom, #8A848C 0%, #8A848C 50%, transparent 50%);
}


/*
    Menu du Guide Projet Antico
*/


#guide-projet-antico .elementor-widget-container a
{
    color: #ffffff;
}

#guide-menu
{

}
#guide-menu .uc-list-menu>li>a
{
    display: inline-block !important;
    margin: 10px 10px 10px 10px;
    padding: 0px 10px 0px 6px;
    position: relative;
}
#guide-menu .uc-list-menu>li
{
    counter-increment: num;
    padding-left: 30px;
}
#guide-menu .uc-list-menu>li>a:before
{
    content:counter(num) " ";
    position: absolute;
    width: 27px;
    left: -32px;

    color: #ffffff;
    background-color: #86989D;
    text-align: center;
    border-radius: 50px;
}
#guide-menu .uc-list-menu>li>a .uc-menu-item-pointer
{
    position: absolute;
    right: -25px;
    color: #86989D;
}
#guide-menu .uc-list-menu>li>a .uc-menu-item-pointer:after
{

}
#guide-menu .uc-list-menu>li>a.on
{
    display: inline-block;

    color: #ffffff;
    background-color: #5C7F96;
}
#guide-menu .uc-list-menu>li>a.on:before
{
    background-color: #5C7F96;
}
#guide-menu .uc-list-menu>li>a.on:after
{
    content: "";
    display : block;
    height : 100%;
    width : 10px;
    position: absolute;
    right: -10px;
    top: 0;
    background-image: linear-gradient(to right bottom, #5C7F96 0%, #5C7F96 50%, transparent 50%);
    z-index: 2;
}

/* Sub-menu */

#guide-menu .sub-menu>li>a
{
    position: relative;
    display: inline-block !important;
    margin: 10px 10px 10px 30px;
    padding: 0px 10px 0px 6px;
}
#guide-menu .sub-menu>li>a:before
{
    content:" ";
    position: absolute;
    width: 10px;
    height: 10px;
    left: -20px;
    top: 8px;

    color: #ffffff;
    background-color: #5C7F96;
    text-align: center;
    border-radius: 50px;
}
#guide-menu .sub-menu>li>a .uc-menu-item-pointer
{
    position: absolute;
    right: -25px;
    color: #86989D;
}
#guide-menu .sub-menu>li>a.on
{
    display: inline-block;

    color: #ffffff;
    background-color: #5C7F96;
}
#guide-menu .sub-menu>li>a.on:after
{
    content: "";
    display : block;
    height : 100%;
    width : 10px;
    position: absolute;
    right: -10px;
    top: 0;
    background-image: linear-gradient(to right bottom, #5C7F96 0%, #5C7F96 50%, transparent 50%);
    z-index: 2;
}

/* Sub-menu Sub-menu */

#section-guide-menu,
#section-guide-iframe
{
    transition: all 0.5s ease-in-out;
    position: relative;
    left: 0;
}
@media (min-width: 1024px)
{
    #section-guide-menu
    {
        position: fixed;
        top: 180px;
    }
    #section-guide-iframe
    {
        margin-left: 480px;
    }
}
@media (max-width: 1024px)
{
    #section-guide-menu
    {
        top: 0px !important;
    }
}
#section-guide-menu.range
{
    left: -500px;
    min-width: 0;
    width: 5%;
}
#section-guide-iframe.range
{
    width: 90%;
}
#range-guide-menu
{
    left: 30px;
    transition: all 0.5s ease-in-out;
}
#range-guide-menu.range
{
    left: 515px;
    transform: rotate(180deg) scale(0.7);
}

#guide-menu .sub-menu .sub-menu>li>a
{
    display: inline-block;
    margin: 10px 10px 10px 60px;
    padding: 0px 10px 0px 6px;
}
#guide-menu .sub-menu .sub-menu>li>a:before
{
    top: 5px;
}
#guide-menu .sub-menu .sub-menu>li>a.on
{
    background-color: #E7AC3F;
}
#guide-menu .sub-menu .sub-menu>li>a.on:hover
{
    color: #1A171B;
}
#guide-menu .sub-menu .sub-menu>li>a.on:before
{
    width: 6px;
    height: 6px;
    left: -18px;
    top: 8px;

    background-color: #E7AC3F;
}
#guide-menu .sub-menu .sub-menu>li>a.on:after
{
    content: "";
    display : block;
    height : 100%;
    width : 10px;
    position: absolute;
    right: -10px;
    top: 0;
    background-image: linear-gradient(to right bottom, #E7AC3F 0%, #E7AC3F 50%, transparent 50%);
    z-index: 2;
}
#guide-menu li
{
    position: relative;
}

/* -- */

#menu-item-2808 { left: 0px; }

    #menu-item-2809 { left: 28px; }

        #menu-item-2812 { left: 4px; }
        #menu-item-2813 { left: 30px; }
        #menu-item-2810 { left: 50px; }
        #menu-item-2811 { left: 65px; }

    #menu-item-2814 { left: 64px; }
    .sub-2809 #menu-item-2814 { left: 134px; }

        #menu-item-2818 { left: -4px; }
        #menu-item-2819 { left: 16px; }
        #menu-item-2817 { left: 30px; }
        #menu-item-2816 { left: 41px; }
        #menu-item-2815 { left: 46px; }
        #menu-item-2820 { left: 48px; }

#menu-item-2830 { left: 51px; }
.sub-2808 #menu-item-2830 { left: 114px; }
.sub-2809 #menu-item-2830 { left: 164px; }
.sub-2814 #menu-item-2830 { left: 164px; }

    #menu-item-2831 { left: 16px; }

        #menu-item-2834 { left: -5px; }
        #menu-item-2838 { left: 14px; }
        #menu-item-2832 { left: 28px; }
        #menu-item-2836 { left: 38px; }
        #menu-item-2837 { left: 44px; }
        #menu-item-2833 { left: 46px; }
        #menu-item-2835 { left: 44px; }

    #menu-item-2839 { left: 42px; }
    .sub-2831 #menu-item-2839 { left: 83px; }

        #menu-item-2842 { left: -11px; }
        #menu-item-2841 { left: 4px; }
        #menu-item-2840 { left: 13px; }

#menu-item-2821 { left: 90px; }
.sub-2808 #menu-item-2821 { left: 136px; }
.sub-2809 #menu-item-2821 { left: 166px; }
.sub-2814 #menu-item-2821 { left: 157px; }
.sub-2830 #menu-item-2821 { left: 136px; }
.sub-2831 #menu-item-2821 { left: 147px; }
.sub-2839 #menu-item-2821 { left: 164px; }

    #menu-item-2826 { left: 5px; }

        #menu-item-2827 { left: -11px; }
        #menu-item-2829 { left: 2px; }
        #menu-item-2828 { left: 12px; }

    #menu-item-2822 { left: 25px; }
    .sub-2826 #menu-item-2822 { left: 52px; }

        #menu-item-2824 { left: -17px; }
        #menu-item-2823 { left: -8px; }
        #menu-item-2825 { left: -3px; }

#menu-item-2806 { left: 118px; }
.sub-2808 #menu-item-2806 { left: 152px; }
.sub-2809 #menu-item-2806 { left: 163px; }
.sub-2814 #menu-item-2806 { left: 145px; }
.sub-2830 #menu-item-2806 { left: 152px; }
.sub-2821 #menu-item-2806 { left: 152px; }
.sub-2831 #menu-item-2806 { left: 129px; }
.sub-2839 #menu-item-2806 { left: 166px; }
.sub-2826 #menu-item-2806 { left: 166px; }
.sub-2822 #menu-item-2806 { left: 165px; }

    #menu-item-2807 { left: -2px; }

/* -- */

#menu-item-2848 { left: 0px; }

    #menu-item-2849 { left: 28px; }

        #menu-item-2851 { left: 4px; }
        #menu-item-2852 { left: 30px; }
        #menu-item-2850 { left: 50px; }
        #menu-item-2855 { left: 65px; }
        #menu-item-2854 { left: 76px; }
        #menu-item-2853 { left: 82px; }
        #menu-item-2856 { left: 85px; }

#menu-item-2866 { left: 51px; }
.sub-2848 #menu-item-2866 { left: 87px; }
.sub-2849 #menu-item-2866 { left: 164px; }

    #menu-item-2867 { left: 16px; }

        #menu-item-2870 { left: -5px; }
        #menu-item-2873 { left: 14px; }
        #menu-item-2868 { left: 28px; }
        #menu-item-2871 { left: 38px; }
        #menu-item-2872 { left: 44px; }
        #menu-item-2869 { left: 46px; }

    #menu-item-2874 { left: 42px; }
    .sub-2867 #menu-item-2874 { left: 89px; }

        #menu-item-2877 { left: -11px; }
        #menu-item-2876 { left: 4px; }
        #menu-item-2878 { left: 13px; }

#menu-item-2857 { left: 90px; }
.sub-2848 #menu-item-2857 { left: 117px; }
.sub-2849 #menu-item-2857 { left: 158px; }
.sub-2866 #menu-item-2857 { left: 137px; }
.sub-2867 #menu-item-2857 { left: 157px; }
.sub-2874 #menu-item-2857 { left: 164px; }

    #menu-item-2862 { left: 5px; }

        #menu-item-2863 { left: -11px; }
        #menu-item-2865 { left: 2px; }
        #menu-item-2864 { left: 12px; }

    #menu-item-2858 { left: 25px; }
    .sub-2862 #menu-item-2858 { left: 52px; }

        #menu-item-2860 { left: -17px; }
        #menu-item-2859 { left: -8px; }
        #menu-item-2861 { left: -3px; }

#menu-item-2846 { left: 118px; }
.sub-2848 #menu-item-2846 { left: 139px; }
.sub-2849 #menu-item-2846 { left: 145px; }
.sub-2866 #menu-item-2846 { left: 145px; }
.sub-2867 #menu-item-2846 { left: 145px; }
.sub-2874 #menu-item-2846 { left: 166px; }
.sub-2857 #menu-item-2846 { left: 152px; }
.sub-2862 #menu-item-2846 { left: 166px; }
.sub-2858 #menu-item-2846 { left: 166px; }

    #menu-item-2847 { left: -2px; }


.guide-image-carte.off
{
    display: none;
}

.guide-texte-carte.on
{
    margin-top: 0 !important;
}

@media (max-width: 1024px)
{
    .guide-texte-carte.on,
    .guide-texte-carte.on div
    {
        height: auto !important;
    }
}


.guide-template-default .cky-btn-revisit-wrapper
{
    display: none;
}


.page-id-2697 .elementor-300 .elementor-element.elementor-element-6094ec9,
.page-id-2695 .elementor-300 .elementor-element.elementor-element-6094ec9
{
    min-width: 480px;
}
.page-id-2697 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated,
.page-id-2695 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated
{
    padding: 50px 50px 20px 50px;
}
@media (max-width: 1280px)
{
    .page-id-2697 .elementor-300 .elementor-element.elementor-element-6094ec9,
    .page-id-2695 .elementor-300 .elementor-element.elementor-element-6094ec9
    {
        position: absolute;
        bottom: 0;
        z-index: 4;
        height: 100%;
    }
    .page-id-2697 .elementor-300 .elementor-element.elementor-element-0e59187,
    .page-id-2695 .elementor-300 .elementor-element.elementor-element-0e59187
    {
        width: 100%;
    }
    .page-id-2697 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated,
    .page-id-2695 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated
    {
        padding: 50px 50px 20px 500px;
    }
}
@media (max-width: 1024px)
{
    .page-id-2697 .elementor-300 .elementor-element.elementor-element-6094ec9,
    .page-id-2695 .elementor-300 .elementor-element.elementor-element-6094ec9
    {
        display: block;
        position: relative;
        height: auto;
    }
    .page-id-2697 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated,
    .page-id-2695 .elementor-300 .elementor-element.elementor-element-0e59187 > .elementor-element-populated
    {
        padding: 50px 50px 20px 50px;
    }
}