:root {
        --text: #333333;
--links: #0088CC;
--titles: #000000;
--page-background: #ffffff;
--highlight: #000000;
--boxes-background: #FFFFFF;
--boxes-border: #E5E5E5;
--section-titles: #FFFFFF;
--section-titles-background: #000000;
--header-background: #000000;
--header-links: #FFFFFF;
--footer-background: #000000;
--footer-links: #FFFFFF;
    }
    
.menu a {font-size:12px;color:#fff;border-bottom:solid 2px black;letter-spacing:-0.5px; text-transform:uppercase}
.menu a:hover {text-decoration:none;border-bottom:solid 2px #fff;cursor:pointer}
.ods-front-header__management-menu .ods-front-header__management-menu-item--backoffice { display:none}
.ods-front-header__management-menu {right: 267px !important}
.show_connection { display:block !important;}
.ods-front-header__management-menu-item-link { 
    display: inline-flex;
    font-size: var(--typo-cta);
    padding: .54rem 1rem;
    border-radius: var(--border-radius);
    border: 1px solid transparent;
    transition: .5s ease;
    background-color: var(--white-color);
    color: var(--black-color);
}
.ods-front-header__management-menu {
    position: absolute;
    top: 10px;
    right: 60px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: 55px;
    display: flex;
    align-items: center;
}
.ods-front-header__management-menu > li:last-child { margin-left: 0}
}
.ods-pop-in__container {z-index:9}
.fw-normal { font-weight: 400}
.ind { font-weight:bold;transform:translateY(.3rem);  line-height:.9
}
.ind-bilan .indicateur span { line-height:1;font-weight:bold}
.bar span { top:8px !important}
.breadcrumb { font-size:.95rem; font-family:"Bretagne" !important}
.breadcrumb  a { color:#000}
.data-source  a { color:#fff}
.bilan-description { margin-bottom:10px}
.indicateur{align-items:flex-end}
.obj-number { margin-top:5px}
.ind-bilan .indicateur > *:nth-child(3) span {transform:translateY(.3rem) }
.indicateur svg { margin-right: 5px}
.bandeau-chantiers,.bandeau-objectifs { 
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-ExtraBoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/assets/theme_font/OpenSans-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Medium.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Medium.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Medium.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Medium.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Medium.svg#RegionBretagneNew-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-ThinItalic.eot');
    src: url('/assets/theme_font/RegionBretagneNew-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-ThinItalic.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-ThinItalic.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-ThinItalic.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-ThinItalic.svg#RegionBretagneNew-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Thin.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Thin.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Thin.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Thin.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Thin.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Thin.svg#RegionBretagneNew-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Italic.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Italic.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Italic.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Italic.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Italic.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Italic.svg#RegionBretagneNew-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Black.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Black.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Black.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Black.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Black.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Black.svg#RegionBretagneNew-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Bold.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Bold.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Bold.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Bold.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Bold.svg#RegionBretagneNew-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-MediumItalic.eot');
    src: url('/assets/theme_font/RegionBretagneNew-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-MediumItalic.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-MediumItalic.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-MediumItalic.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-MediumItalic.svg#RegionBretagneNew-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-BlackItalic.eot');
    src: url('/assets/theme_font/RegionBretagneNew-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-BlackItalic.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-BlackItalic.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-BlackItalic.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-BlackItalic.svg#RegionBretagneNew-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-BoldItalic.eot');
    src: url('/assets/theme_font/RegionBretagneNew-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-BoldItalic.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-BoldItalic.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-BoldItalic.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-BoldItalic.svg#RegionBretagneNew-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Bretagne';
    src: url('/assets/theme_font/RegionBretagneNew-Regular.eot');
    src: url('/assets/theme_font/RegionBretagneNew-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/theme_font/RegionBretagneNew-Regular.woff2') format('woff2'), url('/assets/theme_font/RegionBretagneNew-Regular.woff') format('woff'), url('/assets/theme_font/RegionBretagneNew-Regular.ttf') format('truetype'), url('/assets/theme_font/RegionBretagneNew-Regular.svg#RegionBretagneNew-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.maxwidth {max-width:1100px;margin:auto}


/* HEADER PORTAIL OPENDATASOFT DU CRB */
.ods-front-header__management-menu-item--backoffice {
    background-color: #fff;
}
#crb_header {
    background:black
}

#crb_header img:not(.ods-front-header__account-avatar) {height:50px;margin-right:10px}
.ods-front-header__account-avatar {
    height: 16px;
    width: 16px;
}
.ods-front-header__management-menu-item-link .fa-sign-out {
    display: inline-flex;
    align-self: center;
    margin-top: 4px;
    margin-right: 4px;
}
.ods-front-header__management-menu-item-link { transition: unset}
.ods-front-header__account-avatar-container {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -6px;
    margin-right: 5px;

    overflow: hidden;
}
.ods-front-header__management-menu-item-link--active, .ods-front-header__management-menu-item-link:hover { border-bottom:1px solid transparent; text-decoration:unset}

#crb_header #crb_header_lien {
    display: block;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
}
#crb_header #crb_header_lien #crb_header_titre {
    display: block;
    font-family: 'Bretagne';
    font-size: 23px;
    font-weight: 400;

}
#crb_header #crb_header_lien #crb_header_soustitre1 {
    display: block;
    font-family: 'Bretagne';
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin-top: -10px;
}
#crb_header #crb_header_lien #crb_header_soustitre2 {
    display: block;
    font-family: 'Open Sans';
    color: #4c73b6;
    font-size: 21px;
    font-weight: bold;
    margin-top: -8px;

}
.ind-bilan .indicateur > *:first-child ,.indicateur-bar > *:first-child,.ind-bilan .indicateur > *:nth-child(3), .indicateur-bar > *:nth-child(3) {
    min-width:130px
}



#crb_header #crb_liensback a {
    color: #000;
}
.ods-responsive-menu-collapsible__content {
    text-align: center;
}
.ods-responsive-menu-collapsible__content .ods-front-header__menu {
    margin: 0 auto;
}
.ods-responsive-menu-placeholder__toggle {
    background-color: #EEEBEB !important;
    color: #000 !important;
}
.ods-responsive-menu-placeholder__toggle:hover {
    background-color: transparent !important;

    color:#FFF !important
}
.ods-front-footer {
    min-height: 250px;
    border: none;
}
.ods-responsive-menu-placeholder__toggle
/* FOOTER PORTAIL OPENDATASOFT DU CRB */
.ods-front-footer {
    min-height: 250px;
    border: none;
}
.ods-front-footer > div {
    position: relative;
    background: url('/assets/theme_image/logo-bzh-white.svg') bottom right no-repeat;
    min-height: 230px;
    /* Logo CRB */
}
.ods-front-footer > div a.mentions {

    color: #fff;
    font-family: 'Bretagne';
    font-size: 1.2em;
}
.ods-manage-cookies-preferences__cookies-type span {
    color: #000000 ;
}

.ods-front-footer > div a.logo {
    display: block;
    position: absolute;
    bottom: 0;
    width: 245px;
    height: 150px;
    right: 0;
    text-indent: -9999px;
}


h1,
h2,
h3,
h4,
h5 {
    font-family: 'Bretagne';
}


.ods-front-header {height:initial}
.ods-responsive-menu-collapsible__content {display:flex;position:relative;max-width:1100px;margin:auto;padding-top:10px;}
.ods-front-header__portal-brand {display:initial;height:initial;width:initial;top:initial;position:initial}
.ods-responsive-menu-collapsible__content .ods-front-header__menu {margin:0}
/* .ods-front-header__menu {position:absolute;right:0} */

.ods-responsive-menu-placeholder__container {text-align:left}
@media screen and (max-width:991px){
    #crb_header #crb_header_lien #crb_header_soustitre1{font-size:14px;margin-top:0px;line-height:15px}
    #crb_header #crb_header_lien #crb_header_titre {font-size:14px}
    .maxwidth {padding:10px}
    .maxwidth.mobilenopadding {padding:0px}
    .ods-responsive-menu-collapsible__content {display:block;text-align:right;}
    #crb_header #crb_header_lien {margin-right:10px}
}

nav {display:block!important;    position: relative;
    z-index: 9999;}

/********** New Theme *************/

:root {
    --primary-color:#0096AA;
    --secondary-color:#2D3282;

    --dark-color:#121212;
    --green-dark-color:#005629;
    --green-light-color:#127147;

    --green-color:#199E64;
    --red-color:#B4006E;
    --yellow-color:#F0C400;

    --high-priority-color:#FF644B;
    --low-priority-color:#96BE3C;

    --white-color:#ffffff;
    --grey-color:rgb(71, 71, 71);
    --black-color:#000;

    --width-large:1250px;
    --width-medium:1091px;
    --width-small:600px;

    --width-card: 290px;


    --typo-hero-title:4.25rem;
    --typo-title:3rem;
    --typo-subtitle:2.5rem;

    --typo-section-title:2.5rem;
    --typo-section-small-title:2.188rem;
    --typo-section-subtitle-large:2.5rem;
    --typo-section-subtitle-small:1.575rem;
    --typo-section-subtitle-xsmall:1.5rem;

    --typo-highlights-large:2.125rem;
    --typo-highlights-medium:1.188rem;
    --typo-highlights-small:1rem;
    --typo-highlights-xsmall:.875rem;

    --typo-text-medium:1.3rem;
    --typo-text-small:1rem;
    --typo-text-xs:.875rem;

    --typo-cta:.75rem;

    --lineheight-hero-title:76;
    --lineheight-title:66;
    --lineheight-subtitle:56;

    --lineheight-section-title:46;
    --lineheight-section-subtitle-large:35;
    --lineheight-section-subtitle-small:35;
    --lineheight-section-subtitle-xsmall:30;

    --lineheight-highlights-large:25;
    --lineheight-highlights-medium:23;
    --lineheight-highlights-small:20;
    --lineheight-highlights-xsmall:18;

    --lineheight-text-medium:18;
    --lineheight-text-small:16;
    --lineheight-text-xs:16;
    --lineheight-cta:15;

    --space-xxxlarge:50px;
    --space-xxlarge:40px;
    --space-xlarge:30px;
    --space-large:25px;
    --space-medium:10px;
    --space-small:5px;

    --border-radius:8px;
    --border-radius-xl:11px
}



html,body { font-family: 'Open Sans';}
.card-title,.indicateur,.bandeau-chantiers,.card .text-container { font-family: 'Bretagne';}
main {margin:0}
.ods-front-header{margin-bottom:0}
html,body {font-size:16px}
section { padding:var(--space-xxxlarge) 20px}

/* Color */
.color-primary {color:var(--primary-color)}
.color-secondary {color:var(--secondary-color)}
.color-high {color:var(--high-priority-color)}
.color-low {color:var(--low-priority-color)}

.color-green {color:var(--green-color)}
.color-red {color:var(--red-color)}
.color-yellow {color:var(--yellow-color)}
.color-green-dark {color:var(--green-dark-color)}
.color-green-light {color:var(--green-light-color)}
.color-dark {color:var(--dark-color)}

.color-white {color:var(--white-color)}
.color-grey {color:var(--grey-color)}
.color-black {color:var(--black-color)}

.bg-primary {background-color:var(--primary-color)}
.bg-secondary {background-color:var(--secondary-color)}
.bg-high {background-color:var(--high-priority-color)}
.bg-low {background-color:var(--low-priority-color)}

.bg-white {background-color:var(--white-color)}
.bg-grey {background-color:var(--grey-color)}
.bg-black {background-color:var(--black-color)}

.bg-green {background-color:var(--green-color)}
.bg-red {background-color:var(--red-color)}
.bg-yellow {background-color:var(--yellow-color)}
.bg-green-dark {background-color:var(--green-dark-color)}
.bg-green-light {background-color:var(--green-light-color)}
.bg-dark {background-color:var(--dark-color)}

/* Max-width*/

.maxwidth-large{max-width:var(--width-large)} 
.maxwidth-medium{max-width:var(--width-medium)} 
.maxwidth-card{max-width:var(--width-card)} 
.maxwidth-small{max-width:var(--width-small)} 

/* Typo */
.hero{font-size:var(--typo-hero-title);line-height:1;}
.title {font-size:var(--typo-title)}
.title-small {font-size:var(--typo-section-small-title)}
.subtitle {font-size:var(--typo-subtitle)}

.section-title {font-size:var(--typo-section-title)}
.section-subtitle-large {font-size:var(--typo-section-subtitle-large)}
.section-subtitle-small {font-size:var(--typo-section-subtitle-small)}
.section-subtitle-xsmall {font-size:var(--typo-section-subtitle-xsmall)}

.highlights-large {font-size:var(--typo-highlights-large)}
.highlights-medium {font-size:var(--typo-highlights-medium)}
.highlights-small {font-size:var(--typo-highlights-small)}
.highlights-xsmall {font-size:var(--typo-section-subtitle-xsmall)}

.text-medium {font-size:var(--typo-text-medium)}
.text-small {font-size:var(--typo-text-small)}
.text-xs {font-size:var(--typo-text-xs)}

.text-cta {font-size:var(--typo-cta)}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.ff-arial{font-family: Arial, Helvetica, sans-serif;}
.ff-mark{font-family: Arial, Helvetica, sans-serif;}

.fw-bold { font-weight:700}
.fw-regular { font-weight:400}
.fw-sbold { font-weight:600}
.fw-medium { font-weight:500}

.opacity-6 {
    opacity:.6
}
/* Margin / Padding */
.mt-xlarge{ margin-top:var(--space-xlarge) !important}
.mt-xxlarge{ margin-top:var(--space-xxlarge)!important}
.mt-large{ margin-top:var(--space-large)!important}
.mt-medium{ margin-top:var(--space-medium) !important}
.mt-small{ margin-top:var(--space-small) !important}

.mb-xlarge{ margin-bottom:var(--space-xlarge)}
.mb-xxlarge{ margin-bottom:var(--space-xxlarge)}
.mb-xxxlarge{ margin-bottom:var(--space-xxxlarge)}
.mb-large{ margin-bottom:var(--space-large) }
.mb-medium{  margin-bottom:var(--space-medium) }
.mb-small{ margin-bottom:var(--space-small) }

.ml-xlarge{ margin-left:var(--space-xlarge)}
.ml-xxlarge{ margin-left:var(--space-xxlarge)}
.ml-large{ margin-left:var(--space-large) }
.ml-medium{  margin-left:var(--space-medium) }
.ml-small{ margin-left:var(--space-small) }

.mr-xlarge{ margin-right:var(--space-xlarge)}
.mr-xxlarge{ margin-right:var(--space-xxlarge)}
.mr-large{ margin-right:var(--space-large) }
.mr-medium{  margin-right:var(--space-medium) }
.mr-small{ margin-right:var(--space-small) }


.mx-xlarge{margin-left:var(--space-xlarge);margin-right:var(--space-xlarge)}
.mx-xxlarge{margin-left:var(--space-xxlarge);margin-right:var(--space-xxlarge)}
.mx-small{margin-left:var(--space-small);margin-right:var(--space-small)}
.mx-medium{margin-left:var(--space-medium);margin-right:var(--space-medium)}
.mx-large{margin-left:var(--space-large);margin-right:var(--space-large)}

.my-xlarge{margin-top:var(--space-xlarge);margin-bottom:var(--space-xlarge)}
.my-xxlarge{margin-top:var(--space-xxlarge);margin-bottom:var(--space-xxlarge)}
.my-small{margin-top:var(--space-small);margin-bottom:var(--space-small)}
.my-medium{margin-top:var(--space-medium);margin-bottom:var(--space-medium)}
.my-large{margin-top:var(--space-large);margin-bottom:var(--space-large)}

.m-xlarge{ margin:var(--space-xlarge)}
.m-xxlarge{ margin:var(--space-xxlarge)}
.m-large{ margin:var(--space-large) }
.m-medium{  margin:var(--space-medium) }
.m-small{ margin:var(--space-small) }

.p-xlarge{ padding:var(--space-xlarge)}
.p-xxlarge{ padding:var(--space-xxlarge)}
.p-xxxlarge{ padding:var(--space-xxxlarge)}

.p-large{ padding:var(--space-large)}
.p-medium{ padding:var(--space-medium) }
.p-small{ padding:var(--space-small) }

.pt-xlarge{ padding-top:var(--space-xlarge)}
.pt-xxlarge{ padding-top:var(--space-xxlarge)}
.pt-large{ padding-top:var(--space-large)}
.pt-medium{ padding-top:var(--space-medium) }
.pt-small{ padding-top:var(--space-small) }

.pb-xlarge{ padding-bottom:var(--space-xlarge)}
.pb-xxlarge{ padding-bottom:var(--space-xxlarge)}
.pb-large{ padding-bottom:var(--space-large)}
.pb-medium{ padding-bottom:var(--space-medium) }
.pb-small{ padding-bottom:var(--space-small) }

.pl-xlarge{ padding-left:var(--space-xlarge)}
.pl-xxlarge{ padding-left:var(--space-xxlarge)}
.pl-large{ padding-left:var(--space-large) }
.pl-medium{  padding-left:var(--space-medium) }
.pl-small{ padding-left:var(--space-small) }

.pr-xlarge{ padding-right:var(--space-xlarge)}
.pr-xxlarge{ padding-right:var(--space-xxlarge)}
.pr-large{ padding-right:var(--space-large) }
.pr-medium{  padding-right:var(--space-medium) }
.pr-small{ padding-right:var(--space-small) }

.px-xlarge{padding-left:var(--space-xlarge);padding-right:var(--space-xlarge)}
.px-xxlarge{padding-left:var(--space-xxlarge);padding-right:var(--space-xxlarge)}
.px-xxxlarge{padding-left:var(--space-xxxlarge);padding-right:var(--space-xxxlarge)}

.px-small{padding-left:var(--space-small);padding-right:var(--space-small)}
.px-medium{padding-left:var(--space-medium);padding-right:var(--space-medium)}
.px-large{padding-left:var(--space-large);padding-right:var(--space-large)}

.py-xlarge{padding-top:var(--space-xlarge);padding-bottom:var(--space-xlarge)}
.py-xxlarge{padding-top:var(--space-xxlarge);padding-bottom:var(--space-xxlarge)}
.py-small{padding-top:var(--space-small);padding-bottom:var(--space-small)}
.py-medium{padding-top:var(--space-medium);padding-bottom:var(--space-medium)}
.py-large{padding-top:var(--space-large);padding-bottom:var(--space-large)}


.mt-auto { margin-top:auto}
.ml-auto { margin-left:auto}
.mr-auto { margin-right:auto}

.mx-auto {margin:auto}
.mb-none { margin-bottom:0}
.my-none { margin-top:0;margin-bottom:0}
.pb-none { padding-bottom:0}
.pt-none { padding-top:0}
.ods-responsive-menu-placeholder__toggle { opacity:1;background-color:#fff}
/* Column */
.d-grid{display:grid}
.d-block{display:block}
.d-flex{display:flex}
.d-iflex{display:inline-flex}
.d-none { display:none}
.grid-1 {grid-template-columns: 1fr;}
.grid-2 {grid-template-columns: 1fr 1fr;}
.grid-3 {grid-template-columns: 1fr 1fr 1fr;}
.d-none-desktop { display:none !important}
.gap-row-medium { row-gap:var(--space-medium) ;}
.gap-column-medium { column-gap:var(--space-medium) ;}

.gap-row-large { row-gap:var(--space-large) ;}
.gap-column-large { column-gap:var(--space-large) ;}

.gap-row-xlarge { row-gap:var(--space-xlarge) ;}
.gap-column-xlarge { column-gap:var(--space-xlarge) ;}

.gap-row-xxlarge { row-gap:var(--space-xxlarge) ;}
.gap-column-xxlarge { column-gap:var(--space-xxlarge) ;}

.gap-row-xxxlarge { row-gap:var(--space-xxxlarge) ;}
.gap-column-xxxlarge { column-gap:var(--space-xxxlarge) ;}

.gap-row-small { row-gap:var(--space-small) ;}
.gap-column-small { column-gap:var(--space-small) ;}

.flex-row{flex-direction:row}
.flex-column{flex-direction:column}

.justify-center {justify-content: center;}
.justify-space-between {justify-content: space-between;}

.align-center {align-items: center;}
.align-start { align-items:flex-start}
.flex-wrap{flex-wrap:wrap}

.border-radius {border-radius:var(--border-radius)}
.border-radius-xl {border-radius:var(--border-radius-xl)}
.relative { position:relative}
.absolute { position:absolute}

/* CTA */
.cta:hover {text-decoration:none; transition:.5s ease}
.cta { display:inline-flex; font-size:var(--typo-cta);padding: .5rem 1rem;border-radius:var(--border-radius);border:1px solid transparent; transition:.5s ease}
.cta.bg-primary:hover { color:var(--primary-color);background-color:var(--white-color);border-color:var(--primary-color);}
.cta.bg-dark:hover { color:var(--dark-color);background-color:transparent;border-color:var(--dark-color);}

.cta.bg-primary.cta-with-arrow:hover::after {
    background-color:var(--primary-color)
}
.cta-with-arrow {    
    align-items: center;}
.cta-with-arrow::after {
    transition:.5s ease;
    content:"";
    flex: 0 0 auto;
    display: inline-flex;
    vertical-align: calc((0.75em - 20px) * 0.5);
    background-color: var(--white-color);
    width: 20px;
    height:20px;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-image: url('/assets/theme_image/arrow.svg');
    mask-image: url('/assets/theme_image/arrow.svg');
    margin-left: 0.25rem;
}

/* Nav */
#crb_header {padding-top:10px}
.ods-front-header {height:unset}
.ods-responsive-menu-placeholder__toggle{top:18px;color:#3B3C3D;background-color: rgba(250, 252, 253, 0.44);border-radius:5px;height:40px;width:40px;display: flex;
    align-items: center;
    justify-content: center;}
/* .ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container { overflow:hidden} */
.ods-front-header { background-color:transparent}

/* Cards */
.card { border-radius:var(--border-radius);position:relative; overflow:hidden;cursor:pointer;transform:translateY(0%); transition: transform .5s   }
.card .card__img {background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:120%}
.card .text-container { 
    padding:40px 50px;position:relative;display:flex;flex-direction:column;pointer-events:none}
.card .text-container > *:last-child {
    margin-top:auto;
    margin-bottom:0
}
.card .text-container:before { 
    content: '';
    position: absolute;
    top: -17px;
    right: -9px;
    width: 155%;
    height: 50px;
    z-index: 1;
    background: tomato;
    border-radius: inherit;
    transform: rotate(-5deg);
}
.card .text-container.bg-secondary:before {
    background-color:var(--secondary-color)
}
.card .text-container.bg-primary:before {
    background-color:var(--primary-color)
}
.card .text-container.bg-red:before {
    background-color:var(--red-color)
}
.card:hover {
    transform:translateY(-3.8%);
    transition: transform .5s
}
.card .text-container > *{ 
    padding-bottom:20px;    line-height: 1.2;    z-index: 2;
    position: relative; }
.card-1{padding-top: 35%}
.card-2{padding-top: 50%}
.card a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline-offset: 2px;
    outline-style: inherit;
    outline-color: inherit;
    outline-width: 2px;
    z-index: 1;
}
.card-medium {
    background-color:#fff;
    display:grid;
    grid-template-columns: 50px 1fr;
    column-gap: var(--space-medium);
    padding:20px ;
    box-shadow:-1px 6px 5px -4px rgba(0,0,0,0.38)


}
.card .arrow {
    filter: brightness(0) invert(1);
    -webkit-filter:brightness(0) invert(1); /* Safari/Chrome */
}
a:hover { text-decoration:none}

.underline {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15px;
    z-index: -1;
}
.underline-blue {
    background-color:#589eaa
}
.underline-yellow {
    background-color:var(--yellow-color)
}

.underline-green {
    background-color:var(--green-color)
}

/* Header */

.ods-responsive-menu-placeholder__toggle { right:20px;top:9px}
.ods-front-header__menu {
    padding-left: 20px;
}

.ods-responsive-menu-collapsible--collapsed .ods-responsive-menu-collapsible__container {
    max-width: 100%;
    width: 500px;
    right: -500px;


}
.ods-responsive-menu-collapsible--expanded .ods-responsive-menu-collapsible__container {
    right: 0
}
.ods-front-header__menu-item-link--active{
    border-left-color: #fff !important;
}
.ods-front-header__menu-item-link {
    padding-left: 10px;
}
.ods-front-header__menu-item { text-align:left}
.ods-responsive-menu-placeholder__toggle {

    z-index: 9;
}
.ods-responsive-menu-placeholder__toggle:hover {
    background-color: transparent !important;
    color: #3B3C3D !important;
    opacity:.7
}
.card-item {
    background-color:#FEFDFA;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius:var(--border-radius-xl);
    column-gap: var(--space-medium);
    padding:40px ;
    box-shadow:-1px 6px 5px -4px rgba(0,0,0,0.38);

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(254,253,250, 0.9);
    display:flex;
    flex-direction:column

}
.card-item:hover {
    transform: translateY(-5px);

}
.card-item .card-title{
    font-size:1.563rem;
    font-weight:bold;
    padding:var(--space-medium) 0;
    line-height: 1.2;
    margin-bottom: 0;


}

.card-item .obj-number{
    color:#7a7977;
    font-size:10px;
    font-style:italic;
    font-family:'Open Sans'
}
.card-item .obj-number-small{
    font-size:14px;

}
.select-container select {
    padding: 7px 16px;

}
@media screen and (max-width:991px) { 
    #tdb-service { margin-right: 60px !important}
    .ods-front-header__management-menu-item-link { padding-left:15px  !important; }
    .ods-front-header__management-menu-item { padding:0 !important ;margin:0 !important}
    .ods-front-header__management-menu {
        padding: 0 !important;
        flex-direction: column;
        text-align: left;
        position: unset;
        display: block;
    }
    .ods-front-header__account-avatar-container {        transform: translatey(13px) scale(0.8);
    }
    .ods-front-header__account-avatar-container,.ods-front-header__account-avatar { margin-bottom:0; width:40px;height:40px}
    .ods-front-header__management-menu-item-link {
        text-transform:uppercase;
        text-align: left;
        margin: 0;
        font-size: 1.4rem;
        font-weight: 400;
        display: inline-block;
        padding: 0 25px;
        line-height: 55px;
        color: #fff;
        opacity: .5;
        margin-right:0 !important;
        background-color:transparent
    }
    .d-block-tab {
        display:block !important
    }
    .d-none-tab {
        display:none 
    }
    .pt-none-tab {
        padding-top:0 !important
    }
    .pt-medium-tab {
        padding-top:var(--space-medium)
    }
    .mt-medium-tab {
        margin-top:var(--space-medium)
    }
    .mb-large-tab {
        margin-bottom:var(--space-large)

    }
    .mt-large-tab {
        margin-top:var(--space-large)

    }
    .maxwidth-tab {
        max-width:100% !important
    }
}
@media screen and (max-width:600px) {
    html,body { font-size:12px}
    section { padding-left:10px; padding-right:10px}
    .mb-medium-mobile {
        margin-bottom:var(--space-medium)
    }
    .mb-large-mobile {
        margin-bottom:var(--space-large) !important
    }
    .d-block-mob{
        display:block
    }
    .d-none-mob{
        display:none !important
    }
    .indicateur{ 
        column-gap: 15px;
        font-size:1.8rem !important
    }
    .indicateur svg{ 
        width:20px
    }
    .indicateur .bar-container{ 
        border-radius: 8px;
        height: 25px;
    }
    .indicateur .bar{ 
        border-radius: 8px;
    }
    .card-item {
        padding:20px !important
    }
}
@media screen and (max-width:700px) { 
    .ind-bilan .indicateur > *:nth-child(2)  {
        min-width:120px
    }
}
@media screen and (max-width:600px) { 
    .card { width:100% !important}
    .ind-bilan .indicateur > *:first-child  ,.indicateur-bar > *:first-child {
        min-width:50px
    }
}
@media screen and (max-width:400px) { 
    .indicateur-bar > *:nth-child(2) {
        min-width:150px
    }
    .ind-bilan .indicateur > *:nth-child(2)  {
        min-width:120px
    }
}
@media screen and (max-width:350px) { 

    .ind-bilan .indicateur > *:nth-child(2)  {
        min-width:90px
    }
    #chantiers  .indicateur-bar > *:nth-child(2) {
        min-width:120px
    }
}