
    :root {

    /**
    * Vars classe Active / current-menu-item
    */

    /* Font */
    --font-family: 'Open Sans';
    --font-family-title: 'Manrope', sans-serif;


    /* Entete */
    --entete-bg-color: #fff ;
    --entete-bg-height: 0 ;
    --entete-min-height: 30 ;

    /* Body */
    --body-bg-color: #fff;
    --body-max-width: 100% ;
    --body-bg-image: url('') ;


    /* Logo */
    --menu-logo-height: 140%;
    --menu-logo-width: auto ;
    --menu-logo-top: 15% ;
    --menu-logo-padding: 10px ;
    --menu-logo-custom-bg-color: #fff;
    --menu-logo-custom-bg-color: rgba(255, 255, 255, 0);

    /* TopBar */
    --topbar-text-color: #fff ;
    --topbar-bg-color: #f25e23 ;
    --topbar-font-size: 16px;
    --topbar-color-hover: #000;

    /* Style du sous-menu */
    --menu-sub-bg-color: #7C7C7C ;
    --menu-sub-link-color-hover: #06ccf8;
    --menu-sub-bg-rgba: rgba(124, 124, 124, 1);
    --menu-sub-bgColor-Hover: transparent ;
    --menu-sub-color : #000;


    /* Style backgroud menu */
    --menu-bg-rgba: rgba(238, 238, 238, 0);
    --menu-logo-bg-rgba: rgba(238, 238, 238, 0);
    --menu-searchbar-bg-rgba: rgba(238, 238, 238, 1);
    --menu-social-bg-rgba: rgba(238, 238, 238, 1);

    /* lien menu */
    --menu-text-color: #363f4e;
    --menu-text-bg-color: #ffffff;
    --menu-text-transform : none;

    /* lien Actif */
    --menu-text-color-active: #fff;
    --menu-bg-color-active: transparent;
    --menu-border-color-active: #06ccf9;

    /* Lien du menu :hover */
    --menu-text-color-hover: #f25e23;
    --menu-text-bg-color-hover: transparent;
    --menu-border-color-hover: #06ccf9;

    /* Style Footer */
    --footer-bg-color: #363f4e;
    --footer-padding-top: 10;
    --footer-padding-bottom: 0;
    --footer-text-color: #ffffff;
    --footer-socialMedia-text-color: #f25e23;
    --footer-socialMedia-text-color-hover: #ffffff;
    --footer-logo-height: 150;

    --footer-nav-bg-color : #363f4e;
    --footer-nav-text-color: #f25e23;
    --footer-nav-text-color-hover: #ffffff;

    /* Menu Mobile */
    --mobile-overlay : #fff;
    --mobile-bg-color : #f25e23;
    --mobile-text-color-active : #000;
    --mobile-text-color : #fff;

    --mobile-btn-text-color : #fff;
    --mobile-btn-bg-color : #000;
    --mobile-btn-text-color-hover : #fff;
    --mobile-btn-bg-color-hover : #000;

    /* breadcrumb */
    --breadcrumb-height : 30;
    --breadcrumb-font-size : 10;
    --breadcrumb-opacity : 1;
    --breadcrumb-color : #fff;
    --breadcrumb-bgColor : rgba(0, 0, 0, 1);
    --breadcrumb-position : flex-start;

    /* Back To Top */
    --backtotop-bg-color : #f25e23;
    --backtotop-text-color : #fff;
    --backtotop-radius: 52;

    /* Actuality */
    --actuality-thumb-height: 600;
    --actuality-bg-color: #fff;
    --actuality-text-color: #000;

    --actuality-menu-color: #000;
    --actuality-menu-color-hover: #00b3ff;
    --actuality-pagination-color: #000;
    --actuality-pagination-color-hover: #00b3ff;
    --actuality-pagination-color-active: #00b3ff;
    --actuality-menu-bg : #fff;

    /* Galerie */
    --galerie-thumb-height: 600;
    --galerie-bd-bgcolor : #CECECE;
    --galerie-bd-menu-bgcolor : #FFFFFF;
    --galerie-bd-menu-border-color : #000000;
    --galerie-bd-text-color : #000000;
    --galerie-bd-text-menu-color : #000000;
    --galerie-bd-menu-icon-color : #000000;
    --galerie-bd-menu-icon-color-hover : #AEAEAE;

    --galerie-preview-text-color : #fff;
    --galerie-preview-overlay-color : #fff;
    --galerie-preview-text-color-hover : #000;

    --galerie-pagination-color : #000;
    --galerie-pagination-color-hover : #00b3ff;
    --galerie-pagination-color-active : #00b3ff;

    /* Events */

    --event-padding-top-cal : 0;
    --event-bg-image : url('');
    --event-thumb-height: 600;
    --event-bg-color: #fff;
    --event-text-color: #000;
    --event-menu-bg : #fff;
    --event-title-color : #000;

    --event-menu-color: #000;
    --event-menu-color-hover: #00b3ff;
    --event-pagination-color: #000;
    --event-pagination-color-hover: #00b3ff;
    --event-pagination-color-active: #00b3ff;

    --cal-btn-bg-color : #06CCF8;
    --cal-btn-color : #fff;
    --cal-btn-bg-color-hover : #006ba1;
    --cal-btn-color-hover : #fff;

    --preview-cat-color : #82d025;
    --preview-color : #fff;

    --preview-bg-color : rgba(9, 10, 73, 1);

    	--btn-primary-borderradius : 8;
	--btn-primary-bordersize : 0;
	--btn-primary-textcolor : #ffffff;
	--btn-primary-bgcolor : #f25e23;
	--btn-primary-bordercolor : #06ccf9;
	--btn-primary-hover-textcolor : #06ccf9;
	--btn-primary-hover-bgcolor : #363f4e;
	--btn-primary-hover-bordercolor : #06ccf9;
	--btn-secondary-borderradius : 8;
	--btn-secondary-bordersize : 0;
	--btn-secondary-textcolor : #ffffff;
	--btn-secondary-bgcolor : #363f4e;
	--btn-secondary-bordercolor : #06ccf9;
	--btn-secondary-hover-textcolor : #ffffff;
	--btn-secondary-hover-bgcolor : #f25e23;
	--btn-secondary-hover-bordercolor : #06ccf9;

    }

    



    @media (max-width: 1024px ) {

    .menu-split-container,
    .menu-aside-container,
    .menu-center-container,
    .menu-left-light-container,
    .menu-searchbar-container{
    display: none;
    }

    .menu-aside .container-site-map.hidden{
    transform: translateX(0px) !important;
    }


    .menu-is-aside{
    width : 100%;
    }

    .menu-mobile{
    display: flex !important;
    }
    .topbar-left-right-container,
    .topbar-left-center-right-container{
    display: none;
    }

    header.no-thumb{
    height :100px;
    }
    }

    .has-palette-color-1-color{
    color : #363f4e !important;
    }
    .has-palette-color-2-color{
    color : #f25e23 !important;
    }
    .has-palette-color-3-color{
    color : #ffffff !important;
    }
    .has-palette-color-4-color{
    color : #282828 !important;
    }
    .has-palette-color-5-color{
    color : #ededed !important;
    }
    .has-palette-color-6-color{
    color : #000000 !important;
    }

