/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

:root {
  --max-content: 1080px;
	--max-menu: calc(var(--max-content) * 1.2);
  --menu-height: 70px;
	--padding-menu-height: calc(var(--menu-height) + env(safe-area-inset-bottom));
	
	--font-size-h1: 2.5rem;
	--font-size-h2: 2rem;
	--font-size-h3: 1.8rem;
	--font-size-h4: 1.6rem;
	--font-size-body: 1.3rem;
	
	--font-weight-gras: 500;
	--font-weight-surgras: 600;
	
	--line-height-body: 1.4;

	--padding-block-primary: 2rem;
	--padding-block-secondary: 1rem;
	--padding-block-tertiary: 0.5rem;
	--padding-content-inline: calc(15px + env(safe-area-inset-left));
	
  --margin-title: 1rem;
	--margin-paragraphe: 0.5rem;
  --margin-block-primary: 4rem;
	--margin-block-secondary: 2rem;
	--margin-block-tertiary: 1rem;
	
	--card-dot-size: 5rem;
	--card-timeline-size: 3rem;
	--card-timeline-background-start: 35 89% 65%;
	--card-timeline-background-end: 24 84% 56%;
	--card-bubble-size: 4rem;

	--color-normal: 0.1 0.1% 20%;
	--color-primary: 0.1 0.1% 100%;
	--color-secondary: 220 36% 26%;
	--color-tertiary: 0 0.1% 46%;
	--color-quaternary: 24 84% 56%;
	--color-error: 360 100% 35%;
	
	--color-background-picto: 29 86% 63%;

	--box-shadow-primary:  0px 4px 7px hsl(0 0.1% 0.1% / .25);
	--box-shadow-primary--hover:  0px 8px 14px hsl(0 0.1% 0.1% / .15);
	--box-shadow-secondary: 0 30px 35px -30px rgba(124,152,182,.5);
	--text-shadow-gradient: 0 1px 2px hsl(0 0.1% 0.1% / .25);
	
	--cta-padding: 1rem;
  --cta-border-radius: 8px;
	
	--border-radius-primary: 12px;
	--border-radius-secondary: 4px;
	--radius-circle: 50%;

	--menu-bubble-size: 4rem;
	--menu-padding: 1rem;
	
	--grid-gap: 2rem;
	
  --transition: 200ms ease;
	
}
@media (min-width: 801px) {
	:root {
		--font-size-h1: 4rem;
		--font-size-h2: 3rem;
		--font-size-h3: 2.2rem;
		--font-size-h4: 1.8rem;
		--font-size-body: 1.6rem;
		
		--padding-block-primary: 4rem;
		--padding-block-secondary: 2rem;
		--padding-block-tertiary: 1rem;
		--padding-menu-height: 0;
		
		--margin-title: 2rem;
		--margin-block-primary: 8rem;
		--margin-block-secondary: 4rem;
		--margin-block-tertiary: 2rem;
		--padding-content-inline: calc(0px + env(safe-area-inset-left));
		
	  --menu-bubble-size: 4rem;
		--menu-padding: 1.25rem;
		
		--grid-gap: 5rem;
		
		--card-bubble-size: 7rem;
		
		--cta-padding: 2rem;
	}
}

body {
	font: var(--font-size-body) Segoe UI, -apple-system, sans-serif !important;
	line-height: var(--line-height-body) !important;
	padding-block-end: var(--padding-menu-height); 
}

html {
  scrollbar-width: thin;
  
  &:focus-within {
    scroll-behavior: var(--_sroll-behavior, auto);
  }
  
  @media (prefers-reduced-motion: no-preference) {
    --_sroll-behavior: smooth;
  }
}

h1 {
	font-style: normal;
	font-weight: var(--font-weight-surgras);
	font-size: var(--font-size-h1);
	line-height: 1.3;
	color: hsl(var(--color-secondary));
	margin: var(--margin-title) 0;
}

h2 {
	font-style: normal;
	font-weight: var(--font-weight-surgras);
	font-size: var(--font-size-h2);
	line-height: 1.3;
	letter-spacing: 0.02em;
	color: hsl(var(--color-secondary));
	margin: 0 0 var(--margin-block-tertiary) 0;
}

h3 {
	font-style: normal;
	font-weight: var(--font-weight-gras);
	font-size: var(--font-size-h3);
	line-height: 1.3;
	letter-spacing: 0.02em;
	margin: 0 0 var(--margin-block-tertiary) 0;
}

h4 {
	font-style: normal;
	font-weight: var(--font-weight-gras) !important;
	font-size: var(--font-size-h4);
	color: hsl(var(--color-quaternary));
	line-height: 1.3;
	letter-spacing: 0.02em;
	margin: var(--margin-block-secondary) 0 var(--margin-block-tertiary) 0;
}

p + h2,
p + h3,
ul + h3,
ul + h2 {
	margin: var(--margin-block-secondary) 0 var(--margin-block-tertiary) 0;
}

p img {
	width: auto !important;
	max-width: 100% !important;
}

.body-container {
  max-width: var(--max-content);
 	margin: 0 auto;
	padding-inline-start: var(--padding-content-var, 15px);
	padding-inline-end: var(--padding-content-var, 15px);
}

@media (min-width: 801px) {
.body-container {
  max-width: var(--max-content-var, var(--max-content));
}
}

.body-container > *:last-child {
    padding-block-end: var(--form-block-end, var(--margin-block-primary));
}

.max-content-invar > * {
	max-width: var(--max-content);
	margin: auto !important;
	padding: 0 var(--padding-content-inline);
}

.hs_cos_wrapper_type_inline_rich_text ul li {
	list-style-image: url(https://3967272.fs1.hubspotusercontent-na1.net/hubfs/3967272/A-Site-2020/Puce%20triangle.svg);
  padding: 0 0 0 var(--padding-block-tertiary);
	line-height: var(--line-height-body);
	margin: 0 0 calc(var(--padding-block-tertiary)/2) 0;
} 

.hs_cos_wrapper_type_inline_rich_text ul li ul li {
	list-style-image: url(https://3967272.fs1.hubspotusercontent-na1.net/hubfs/3967272/A-Site-2020/Puce%20ronde.svg);
  padding: 0 0 0 var(--padding-block-tertiary);
} 

.hs_cos_wrapper_type_inline_rich_text ul {
	margin: calc(var(--margin-block-tertiary)/2) 0;
}


/* CSS MENU */

.header-container-wrapper {
  
	  --menu-logo-height: 3.5rem;
    --menu-box-shadow-color: hsl(0deg 1% 1% / .3);
    --menu-box-shadow-up: 0 -1px 2px var(--menu-box-shadow-color);
    --menu-box-shadow-down: 0 1px 2px var(--menu-box-shadow-color);

	
	  --menu-font-size-depth2: 1.41rem;
  	--menu-font-size-depth3: 1.2rem;
	
	  --menu-margin-depth3: 0.25rem 0 0.75rem 0;
	  --menu-padding-depth3: 0.25rem;
	
	   --menu-chevron-size: 1.2rem;
     --menu-chevron-width: 2px;
	
	  /*--menu-background: hsl(24 84% 98%);*/
  	--menu-background: 24 84% 98%;
	  
    position: sticky;
    top: 0;
    bottom: auto;
    box-shadow: var(--menu-box-shadow-down);
    z-index: 900;
    background: hsl(var(--menu-background));
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
	  box-shadow: var(--menu-box-shadow-down);
  
   @media (width < 800px) {
      &:has(.menu_category--2024) {
        
        &:has(:checked) {
          position: fixed;
          inset: 0;
          min-block-size: 100svh;
          overflow: auto;
          scrollbar-width: thin;
					scrollbar-gutter: stable;
          overscroll-behavior: contain;

          & ~ :is(.body-container-wrapper, .footer-container-wrapper) {
            display: none;
          }
        }
        
        .menu_icon {
          grid-area: icon;
        }

        .menu_global {
          
          &:not(:has(:checked)) {
            
            .menu_category {
							display: none;
              visibility: hidden;
							block-size: 0;
							transform: translateY(-2rem);
							opacity: 0;
							
							/*> * {
								background: red;
								transform: translateY(2rem);
								opacity: 0;
							}*/
            }
          }
          
          > div {
            block-size: auto;
            max-block-size: none;
            
            > .row-fluid {
              display: grid;
              inline-size: 100%;
              grid: "menu-cta icon" auto
                "menu menu" 1fr / 1fr auto;
              align-items: start;
            }
          }

					.menu_category {
						grid-area: menu;
						margin-block: var(--menu-padding);
						transition: transform 200ms ease, opacity 200ms ease, visibility 100ms ease;
						transform: translateY(0);
						opacity: 1;

						/*> * {
							transition: all 2s ease;
							transform: translateY(0);
							opacity: 1;
						}*/


						& li a,
						.hs-menu-depth-1 > ul {
							border-radius: unset;
							background-color: transparent;
							box-shadow: none;
						}

						.hs-menu-depth-1 > ul {
							display: none;
							position: static;
							block-size: auto;
							max-block-size: none;
							padding-inline-end: 0;
						}

						& ul ul[aria-hidden="false" i] {  
								display: block;
						}

						& div > span > div > ul {
							flex-flow: column;
							gap: var(--menu-padding);
						}

						.hs-menu-wrapper > ul > li {
							inline-size: 100%;
							flex-flow: column;

							& > a {
								font-size: 2rem;
								text-align: start;
							}

							&:last-child > a:last-child,
							.hs-menu-wrapper > ul > li:nth-child(5) > a:last-child {
								display: flex;
								inline-size: fit-content;
								padding-block: .5rem;
								padding-inline: 1rem;
								word-spacing: -0.025em;
								letter-spacing: -0.025em;
								line-height: 1.15;
								background: var(--menu-cta-background, linear-gradient(.25turn, hsl(var(--card-timeline-background-start)), hsl(var(--card-timeline-background-end))));
								color: hsl(var(--color-primary));
								text-shadow: var(--text-shadow-gradient);
								border-radius: .5rem;
								/*text-wrap: pretty;*/
							}
						}
					}
				}

      /*&:has([aria-hidden=false]) {
        position: fixed;
        inset: 0;
        min-block-size: 100svh;
        overflow: auto;
        scrollbar-width: thin;
        overscroll-behavior: contain;

        & ~ :is(.body-container-wrapper, .footer-container-wrapper) {
          display: none;
        }
      }*/
    }
  }
}
    @media (min-width: 801px) {
     .header-container-wrapper {
			 --menu-padding: 1.2rem;
			 --menu-box-shadow-dir: 1;
			 --menu-chevron-base: 45deg;
			 --menu-font-size-depth2: 1.41rem;
			 --menu-font-size-depth3: 1.4rem;
	     --menu-padding-depth3: 0.5rem;
			  		
/*        position: sticky;
       top: 0;
       bottom: auto;
			 box-shadow: var(--menu-box-shadow-down); */
        }
    }

.header-container.container-fluid {
	padding:
		env(safe-area-inset-top, 0)
		env(safe-area-inset-right, 0)
		env(safe-area-inset-bottom, 0)
		env(safe-area-inset-left, 0);
}

.header-container-wrapper .menu_global > div {
  	position: relative;
    display: flex !important;
    flex-flow: row !important;
    align-items: center;
    justify-content: space-between !important;
	  height: var(--menu-height);
	  max-width: var(--max-menu);
  	margin: auto;
    padding-block-start: calc(env(safe-area-inset-top) + var(--menu-padding));
	  padding-block-end: calc(env(safe-area-inset-bottom) + var(--menu-padding));
	  padding-inline-start: calc(env(safe-area-inset-left) + var(--menu-padding));
	  padding-inline-end: calc(env(safe-area-inset-right) + var(--menu-padding));  
}

.header-container-wrapper .menu_global > div .row-fluid {
	display: flex;
  flex-flow: column;
	justify-content: space-between;
	align-items: center;
}

@media (min-width: 801px) {
  .header-container-wrapper .menu_global > div .row-fluid {
    flex-flow: row nowrap;
  }
}

.header-container-wrapper .menu_global > div .row-fluid > * {
 /*width: auto !important; @2024 */
}

.header-container-wrapper .menu_global > div .row-fluid > [data-x="1"] {
	flex: 1;
}

.hs_cos_wrapper_type_logo img {
	height: calc(var(--menu-logo-height) * .75) !important;
	width: auto !important;
	margin: .2rem 0 0 0;
}

@media (min-width: 801px) {
	.hs_cos_wrapper_type_logo img {
		height: var(--menu-logo-height) !important;
	}
}

@media (max-width: 801px) {
	.language_switcher_wrapper {
		display: none !important;
	}
}


/* Principal Menu */
.menu_category ul,
.blocfooter ul {
    list-style: none;
  	margin: 0;
    padding: 0;
}

.menu_category > div > span > div > ul {
	display: flex;
	flex-flow: row;
	align-items: center;
  justify-content: space-evenly;
}

@media (min-width: 801px) {
	.menu_category > div > span > div > ul > :is(li:nth-child(1), li:nth-child(2)) > ul {
		display: grid !important;
		gap: calc(var(--menu-padding) * 2);
		grid-template-columns: repeat(2, 1fr);
	}	

}

.menu_category li a {
	font-size: var(--menu-font-size-depth2);
  padding-block: clamp(2px, 0.75vh, var(--menu-padding));
	padding-inline: clamp(2px, 0.75vw, var(--menu-padding));
	letter-spacing: -.015rem;
	color: hsl(var(--color-normal));
	text-decoration: none;
	background: hsl(var(--menu-background));
	border-radius: var(--cta-border-radius, 6px);
	position: relative;
	text-align: center;
	transition: color 200ms ease, background-color 200ms ease;
	line-height: normal;
}

.menu_category .hs-menu-depth-2 a {
	padding: calc(var(--menu-padding) /2);
}

.menu_category .menu-container .hs-menu-wrapper > ul > li {
    display: flex;
    flex-flow: column;
    align-items: center;
  	justify-content: center;
}

.menu-container .hs-menu-wrapper > ul > li > a {
	display: flex;
	flex-flow: row;
}

.hs-menu-wrapper > ul {
	display: flex;
  justify-content: space-evenly;
}

.menu_category .hs-menu-wrapper > ul > li {
	margin: 0;
	display: flex;
}

.hs-menu-wrapper > ul > li > a::after {
	content: unset;
}

@media (min-width: 801px) {
  .hs-menu-wrapper > ul > li {
	  position: relative;
		margin: calc(var(--menu-padding) / 2);
	}


  .hs-menu-wrapper > ul > li:hover > a,
  .menu_category .hs-menu-wrapper > ul > li > ul > li:hover > a {
      color: hsl(var(--color-secondary) / 0.7);
    }


  .hs-menu-wrapper > ul > li > a::after {
      content: '';
      background: 0 0;
      height: var(--menu-chevron-size);
      width: var(--menu-chevron-size);
      /*transform-origin: 50% 75%;*/
      transform: rotate(calc(var(--menu-chevron-base) + var(--menu-chevron-rotate, 0turn)));
      position: absolute;
      top: calc(var(--radius-circle) - (var(--menu-chevron-size) / 1.5));
      right: calc((var(--menu-chevron-size) / 1.5 ) * -1);
      border-bottom: var(--menu-chevron-width) solid currentColor;
      border-right: var(--menu-chevron-width) solid currentColor;
      border-radius: var(--menu-chevron-width);
      transition: transform ease 200ms;
  }
}

.hs-menu-wrapper > ul > li > a[data-expend='true' i]::after {
    /* additionnement Deg et Turn */
    --menu-chevron-rotate: .5turn;
}

.hs-menu-wrapper > ul > li: > a:active::after {
    transform: rotate(45deg) translate3d(-.5rem, -.5rem, 0);
}

.hs-menu-wrapper > ul > li:last-child > a:last-child,
.hs-menu-wrapper > ul > li:nth-child(5) > a:last-child {
	display: none;
}


.hs-menu-wrapper > ul > li > a:last-child::after {
   content: unset;
}

.menu_category li a:hover,
.menu_category li a:focus {
    color: hsl(var(--color-secondary) / .8);
    background-color: hsl(var(--menu-background) / .9);
}

.menu_category li a:active {
    color: hsl(var(---color-primary) / .75);
    background-color: hsl(var(--menu-background) / .5);
} 

.menu_category .hs-menu-depth-1 > ul {
	position: absolute;
/* 	bottom: calc(100% + var(--menu-padding));
	left: var(--menu-padding);
	right: var(--menu-padding); */
  bottom: auto;
  top: calc(100% + var(--menu-padding) * 2);
  left: 0;
  right: auto;
	max-height: calc(90vh - var(--menu-height) - var(--menu-padding));
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	inset-inline: var(--menu-padding);
	display: flex;
	flex-flow: column;
	align-items: start;
	background: hsl(var(--menu-background));
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-shadow: var(--menu-box-shadow-down);
	visibility: hidden;
	opacity: 0;
	transition: opacity 200ms ease;
	border-radius: var(--border-radius-primary);
	flex-direction: column;
	padding: var(--menu-padding);
	}

@media (min-width: 801px) {
	.menu_category .hs-menu-depth-1 > ul  {
/* 		flex-direction: auto; */
		inset-inline: 0 auto;
		padding: var(--menu-padding) calc(var(--menu-padding) * 2) var(--menu-padding) var(--menu-padding);
		white-space: nowrap;
		flex-direction: column;
	}
	
/* 	.hs-menu-wrapper > ul > li:last-child > a:last-child { */
  .hs-menu-wrapper > ul > .hs-menu-item.hs-menu-depth-1:not(.hs-item-has-children) > a {
    /*display: flex;*/
    max-inline-size: 175px;
    padding: .5rem;
    word-spacing: -0.025em;
    letter-spacing: -0.025em;
    line-height: 1.15;
    background: var(--menu-cta-background, linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end))));
    color: hsl(var(--color-primary));
    text-shadow: var(--text-shadow-gradient);
  }
  
  .hs-menu-wrapper > ul > .hs-menu-item.hs-menu-depth-1:nth-child(5):not(.hs-item-has-children) > a { 
    transform: translateX(1rem);
  }
  
  .hs-menu-wrapper > ul > .hs-menu-item.hs-menu-depth-1:nth-child(6):not(.hs-item-has-children) > a {
    --menu-cta-background: linear-gradient(-.25turn, hsl(var(--color-secondary)), hsl(220 50% 50%));
  }
}

@media (min-width: 1000px) {
  .hs-menu-wrapper > ul > li:last-child > a:last-child {
	  display: flex;
  }
}
@media (min-width: 801px) {
  .hs-menu-wrapper > ul > li:nth-child(5) > a:last-child {
    display: flex;
  }
}
    
/* Secondary Menu */
.menu_category.flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
	
.menu_category ul ul li a {
    display: flex;
    align-items: center;
	  text-align: left;
    text-align: start;
}
.menu_category ul ul[aria-hidden="false" i] {
    visibility: visible;
    opacity: 1;
}

.menu_category .hs-menu-depth-1 > ul a {
    color: hsl(var(--color-secondary));
    font-weight: var(--font-weight-gras);
}

.menu_category .hs-menu-depth-2 > a::before {
	content:'';
	display: inline-flex;
	width: var(--menu-bubble-size);
	height: var(--menu-bubble-size);
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-circle);
	margin-inline-end: calc(var(--menu-bubble-size) / 3);
/* 		background:
		hsl(var(--color-background-picto))
		var(--menu-bubble-svg,'')
		center/65% 
		no-repeat; */
}

/*Bubble Picto */

.header-container-wrapper .hs-menu-depth-2 > a[href*='remuneration-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='remuneracion-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='incentive-compensation']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Remuneration%20Variable.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='expertise-360-remuneration-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='experiencia360']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='360expertise']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Expertise%20360.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='refonte-plans-de-primes']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='rediseno-planes-de-incentivos']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='consulting-incentive-schemes-redesign']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Offre%20Conseil.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='suite-logicielle-remuneration-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='software-remuneracion-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='software-incentive-compensation']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20logiciel.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='formations-remuneration-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='formacions-remuneracion-variable']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='primeum-academy']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Offre%20Formation.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='niveaux-de-services']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='niveles-de-servicio']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='variable-pay-services']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20services.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='le-cabinet-primeum']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='la-consultoria-primeum']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='about-primeum']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='adn-cabinet-primeum']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Notre%20ADN.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='nos-equipes']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='nuestros-equipos']::before, 
.header-container-wrapper .hs-menu-depth-2 > a[href*='teams-of-experts']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Notre%20Equipe.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='references']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='referencias']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Nos%20References.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='revue-de-presse']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='prensa']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Revue%20de%20Presse%20On%20parle%20de%20nous.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='carriere']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='trabajar-en-primeum']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='careers']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='welcometothejungle']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/wehired.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='blog']::before {
  background:
    hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/blog2.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='guides-ressources']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='guias-recursos']::before,
.header-container-wrapper .hs-menu-depth-2 > a[href*='guides-resources']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Guides.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='demandez-acces-restart-program']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Covid%2019.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > :where(
  a[href*='politique-de-remises-commerciales'],
  a[href*='politica-de-condiciones-comerciales'], 
  a[href*='discount-policy']
)::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Picto%20Pol%20Co.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > :where(
  a[href*='offre-politique-remises-commerciales'],
  a[href*='oferta-politica-condiciones-comerciales'],
  a[href*='discount-policy-consultancy-service']
)::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/A-Site-2020/Picto_Menu/Business%20Case.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='/interessement']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/Pitcto%20Int%C3%A9ressement.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='offre-interessement']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/Picto%20offre%20int%C3%A9ressement.svg')
		center/65% 
		no-repeat;
}

.header-container-wrapper .hs-menu-depth-2 > a[href*='recettesmanagement']::before {
  background:
		hsl(var(--color-background-picto))
		url('https://www.primeum.com/hubfs/icone%20micro.png')
		center/65% 
		no-repeat;
}

/*Tertiary Menu */

.menu_category .hs-menu-depth-2 > ul a {
    font-weight: var(--font-weight-surgras);
	  font-size: var(--menu-font-size-depth2);
	  color: hsl(var(--color-normal));
	  padding: 0 0 var(--menu-padding-depth3) calc(var(--menu-bubble-size)*1.5);
}

.menu_category .hs-menu-depth-3 > ul a {
    color: hsl(var(--color-tertiary));
    font-size: var(--menu-font-size-depth3);
	  font-weight: 400;
}

.hs-menu-depth-2 {
  position: relative;
}

.menu_category .hs-menu-depth-3 a[href='javascript:;'] {
  position: absolute;
  inset-block-start: 0;
  top: 0;
  font-size: var(--menu-font-size-depth3);
  letter-spacing: .025em;
  text-transform: uppercase;
  color: hsl(var(--color-quaternary));
  background: transparent;
  pointer-events: none;
}

/** 2023 **/
/*.hs-menu-item.hs-menu-depth-3 {
	margin: var(--menu-margin-depth3);
}*/

.hs-menu-item > ul > li > a:hover:last-of-type,
.hs-menu-item > ul > li > a:focus:last-of-type{
    color: hsl(var(--color-secondary) / .75);
	  text-decoration: underline;
}

.hs-menu-item .hs-menu-depth-2 > ul > li:hover  {
    color: hsl(var(--color-secondary) / .75);
	  text-decoration: underline;
}

/** 2024 **/



/* Footer */

.blocfooter {
	background: var(--bloc-footer-background-color);
	padding: var(--padding-block-primary);
}

.footer-container {
	padding: 0 !important;
} 

.blocfooter .hs-menu-wrapper > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32ch, 1fr));
}

.blocfooter .hs-menu-wrapper ul li a {
	color: #cbd6e2;
}

.blocfooter .hs-menu-wrapper ul li a:hover {
	color: hsl(var(--color-primary));
}


.blocfooter .hs-menu-depth-1 {
	font-weight: var(--font-weight-gras);
	margin: var(--margin-block-tertiary) 0;
}


.blocfooter .hs-menu-depth-2 {
	font-weight: 400;
	font-size: calc(var(--font-size-body) *0.9);
}

@media (min-width: 801px) {
	
}

/* VIDEO-BLOC */

.vidyard-player-container {
	border: 5px solid;
  border-image-source: linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));
  border-image-slice: 1;
}


/* BLOC-NUMERO*/

.bloc {
	position: relative;
}

.bloc::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: calc(var(--card-timeline-size) * 4);
			bottom: calc(var(--card-timeline-size) * 4);
			left: calc(var(--radius-circle) - (var(--card-timeline-size) / 2));
			width: var(--card-timeline-size);
			border-radius: var(--card-timeline-size) var(--card-timeline-size) 0 0;
			background: linear-gradient(
				hsl(var(--card-timeline-background-start)), 
				hsl(var(--card-timeline-background-end)));
}

.bloc-numero,
.bloc-nonumero,
.blocequipe,
.blocreferences,
.blocaccompagnement {
		position: relative;
		background: hsl(var(--color-primary));
		box-shadow: var(--box-shadow-primary);
		border-radius: var(--border-radius-primary);
		margin:var(--margin-block-primary) 0;
}

.bloc-numero:first-child {
 	counter-reset: card 0;
}

.bloc-numero::before {
	  counter-increment: card;
    content: counter(card);
	  display: flex;
	  align-items: center;
    justify-content: center;
	  position: absolute;
    top: calc(var(--card-dot-size) *-0.5);
	  left: calc(var(--card-dot-size) *-0.5);
    width: var(--card-dot-size);
    height: var(--card-dot-size);
    background: linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));
    font-weight: var(--font-weight-surgras);
    font-size: calc(var(--card-dot-size) * 0.5);
    color: hsl(var(--color-primary));
    text-shadow: var(--text-shadow-gradient); 
    border-radius: var(--radius-circle);
}

@media (min-width: 801px) {
	.bloc-numero__anchor {
		position: absolute;
		top: calc((var(--menu-height) + (var(--card-dot-size) *0.5)) * -1);
		inset-block-start: calc((var(--menu-height) + (var(--card-dot-size) *0.5)) * -1);
		opacity: 0;
		z-index: -1000;
	}
}


@supports (content: "x" / "y") {
       .bloc-numero::before {
          content: counter(card) / "Bloc"}
         }

.bloc-numero__inside {
	 padding:var(--padding-block-primary);
	 overflow: auto;
}

.CTA_fil {
	height: auto;
	width: 80%;
  margin: auto auto var(--margin-block-primary) auto;
}

/* CTA */

.withoutpaddingcta {
  padding: 0 !important;
  border-radius: var(--radius-circle) !important;
	background: #f6f9fc !important;
}

.cta_button .withoutpaddingctaborder {
  padding: 0 !important;
  border: 1px solid rgba(52, 73, 94, 0.2) !important;
	box-shadow: var(--box-shadow-primary);
}

.ctachecklist {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  grid-template-rows: 1fr 0.2fr;
  background: linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));;
  border-radius: var(--border-radius-primary);
  padding: var(--padding-block-secondary) !important;
  transition: box-shadow 500ms ease;
	gap: calc(var(--grid-gap) / 4);
}

.ctachecklist:hover,
.ctainstrum:hover {
  box-shadow: var(--box-shadow-primary);
}

.contentctachecklist {
  grid-column: 1/3;
  grid-row: 1/2;
  display: flex;
  flex-flow: column;
  text-align: left;
  font-family: inherit;
	line-height: 2;
}

.contentctachecklist h2,
.contentctalinkedin h2 {
  text-transform: uppercase;
  color: hsl(var(--color-primary)) !important;
  font-weight: var(--font-weight-surgras) !important;
  margin: 0 0 var(--margin-title) 0 !important;
  line-height: 1.2;
}

.contentctachecklist p {
  font-size: var(--font-size-body) !important;
}

.imgctachecklist {
  grid-column: 3/3;
  grid-row: 1/3;
}

.imgctachecklist img,
.imgctalivreblanc img {
	max-height: 300px;
	width: auto;
}

.ctactachecklist {
  display: flex;
  grid-column: 1/3;
  grid-row: 2/2;
  padding: var(--padding-block-tertiary) 0 !important;  
}

.textctactachecklist,
.textctactalinkedin {
  margin: auto !important;
  font-weight: var(--font-weight-surgras) !important;
  background-color: rgb(242, 242, 242);
  border-radius: var(--cta-border-radius);
  color: hsl(var(--color-secondary));
  text-transform: uppercase;
  font-size: var(--font-size-h4);
  padding: var(--padding-block-tertiary) var(--padding-block-secondary) !important;
}


.ctalinkedin {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 0.2fr;
  background: #0a66c2;
  border-radius: var(--border-radius-primary);
  padding: var(--padding-block-secondary) !important;
  transition: box-shadow 500ms ease;
	gap: calc(var(--grid-gap) / 4);
	max-width: 1000px;	
}

.ctactalinkedin {
	display: flex;
}

.contentctalinkedin {
  grid-column: 1/2;
  grid-row: 1/2;
  display: flex;
  flex-flow: column;
  text-align: left;
  font-family: inherit;
	line-height: 2;
}

.descimgctalinkedin {
	grid-column: 2/2;
  grid-row: 2/2;
}

.imgctalinkedin {
  grid-column: 2/2;
  grid-row: 1/2;
}

.imgctalinkedin img {
	max-height: 200px;
	width: auto;
}


@media (max-width:950px){

.ctachecklist,
	.ctalinkedin {
  display: flex;
  flex-flow: column;
  align-items: center;
  }  
	
.imgctachecklist,
.imgctalinkedin {
  max-width: 80%;
  }
	
	.contentctachecklist h2 {
		text-align: center;
	}
}

.ctachecklistpetit1,
.ctachecklistpetit2 {
  display: grid;
  background: #f7f7f7;
  border-radius: var(--border-radius-primary);
  padding: var(--cta-padding) !important;
}

.ctachecklistpetit1,
.ctachecklistpetit2 {
  grid-template-columns: 2fr 0.9fr;
  grid-template-rows: 1fr 0.2fr;
}
	
.contentctachecklistpetit1 {
  grid-column: 1/1;
  grid-row: 1/3;
  display: flex;
  flex-flow: column;
  text-align: left;
  font-family: inherit;
  color: rgb(89,89,89);
}

.contentctachecklistpetit1 h2 {
  text-transform: uppercase;
  color: hsl(var(--color-quaternary));
  font-weight: var(--font-weight-surgras);
}

.contentctachecklistpetit1 p{
  font-size: var(--font-size-h4) !important;
}

.imgctachecklistpetit1,
.imgctachecklistpetit2 {
  grid-column: 2/2;
  grid-row: 1/2;
}

.ctactachecklistpetit1 {
  display:flex;
  grid-column: 1/2;
  grid-row: 2/2;
  padding: var(--cta-padding);
  margin-top: 0.5rem !important;
}

.textctactachecklistpetit1,
.textctactachecklistpetit2 {
  margin: auto !important;
  font-weight: var(--font-weight-gras);
  background-color: hsl(var(--color-quaternary));
  border-radius: var(--border-radius-secondary);
  color: hsl(var(--color-primary));
  text-transform: uppercase;
  font-size: var(--font-size-h4);
	padding: var(--padding-block-tertiary) var(--padding-block-secondary) !important;
}

.contentctachecklistpetit2 {
  grid-column: 1/1;
  grid-row: 1/2;
  display: flex;
  flex-flow: column;
  text-align: left;
  font-family: inherit;
  color: rgb(89,89,89);
  margin-left: 1rem !important;
}

.contentctachecklistpetit2 h2{
  text-transform:uppercase;
  color: var(--color-quaternary) !important;
  font-weight: var(--font-weight-surgras) !important;
  letter-spacing: 2px;
  font-size: var(--font-size-h3) !important;
}

.contentctachecklistpetit2 p{
  font-size:1.7rem !important;
  line-height:3rem !important;
}


.ctactachecklistpetit2 {
  display: flex;
  grid-column: 1/2;
  grid-row: 2/2;
}


@media (max-width:850px){

.ctachecklistpetit1,
.ctachecklistpetit2 {
  display: flex;
  flex-flow: column;
  align-items: center;
  }  

.imgctachecklistpetit1,
.imgctachecklistpetit2 {
  max-width:60%;
  margin: var(--margin-block-secondary) !important;
  }
}

.ctainstrum,
.ctardvexpert,
.ctawebinar {
  display: grid;
  border-radius: var(--border-radius-primary);
  padding: var(--padding-block-secondary) !important;
  transition: box-shadow 500ms ease;
	gap: calc(var(--grid-gap) / 4);
}

.ctainstrum {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 0.5fr;
}

.ctainstrumIT {
	background: linear-gradient(-60deg, #69E781, #00AF80);
}

.ctainstrumIM {
	background: linear-gradient(-60deg, #F788EE, #4949E7);
}

.titlectainstrum {
  grid-column: 1/4;
  grid-row: 1/1;
  display: flex;
  flex-flow: column;
  text-align: left;
  font-family: inherit;
	line-height: 2;
}

.titlectainstrum h2,
.titlectardvexpert h2,
.ctawebinar h2 {
  text-transform: uppercase;
  color: hsl(var(--color-primary)) !important;
  font-weight: var(--font-weight-surgras) !important;
  margin: 0 0 var(--margin-title) 0 !important;
  line-height: 1.2;
}

.contentctainstrum {
	font-size: var(--font-size-body) !important;
	text-align: left;
	grid-column: 1/3;
	grid-row: 2/2;
}

.imgctainstrum {
  grid-column: 3/3;
  grid-row: 2/4;
}

.imgctainstrum img {
	max-width: 260px;
	max-height: 300px;
	width: auto;
}

.ctactainstrum {
  display: flex;
  grid-column: 1/3;
  grid-row: 3/3;
  padding: var(--padding-block-tertiary) 0 !important;  
}

.textctactainstrum,
.textctactardvexpert,
.textctactawebinar {
  margin: auto !important;
  font-weight: var(--font-weight-surgras) !important;
  background-color: rgb(242, 242, 242);
  border-radius: var(--cta-border-radius);
  color: hsl(var(--color-secondary));
  text-transform: uppercase;
  font-size: var(--font-size-h4);
  padding: var(--padding-block-tertiary) var(--padding-block-secondary) !important;
}

@media (max-width:950px){

.ctainstrum {
  display: flex;
  flex-flow: column;
  align-items: center;
  }  

.imgctainstrum {
  max-width: 80%;
  }
	
	.contentctainstrum h2 {
		text-align: center;
	}
}

.ctardvexpert {
  grid-template-areas: "title title"
		                    "image text"
	                      "image cta";
	background: linear-gradient(-60deg, #01349C, #373B44);
}

.titlectardvexpert {
	grid-area: title;
}

.textctardvexpert {
	grid-area: text;
	font-size: var(--font-size-h3);
}

.imgctardvexpert {
	max-width: 300px;
  grid-area: image;
	font-size: var(--font-size-body);
  line-height: calc(var(--font-size-body)*2);
}

.ctactardvexpert {
  grid-area: cta;
  padding: var(--padding-block-tertiary) 0 !important;  
}

@media (max-width:850px){
	.ctardvexpert {
		grid-template-areas: "title"
													"text"
													"image"
			                    "cta";
	}
	.imgctardvexpert {
    margin: auto !important;
	}
	
}

.ctawebinar {
  grid-template-areas: "title title title"
                       "text image image"
                       "text logo logo"
                       "cta cta cta";
	background: linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));
}

.titlectawebinar {
	grid-area: title;
}

.textctawebinar {
	grid-area: text;
	font-size: var(--font-size-h4);
	text-align: left;
}

.imgctawebinar {
  grid-area: image;
}

.logoctawebinar {
	grid-area: logo;
}

.ctactawebinar {
  grid-area: cta;
  padding: var(--padding-block-tertiary) 0 !important;  
}

@media (max-width:850px){
	.ctawebinar {
		grid-template-areas:  "title title"
											  	"text text"
													"image logo"
												  "cta cta";
	}
	
	.textctawebinar {
		line-height: calc(var(--font-size-h3) *1.5);
		text-align: center;
	}
	
	
	.imgctawebinar {
    margin: auto !important;
	}
}


/*Homepage*/

/*.herobackground {
	background: var(--bloc-background);
	position: relative;	
}

.herobackgroundcontent {
	max-width: var(--max-content);
	margin: auto;
	padding: 0 var(--padding-content-inline);
	display: grid;
	grid-template-areas: "titre"
												 "soustexte"
												 "image"
			                   "cta";
	column-gap: var(--grid-gap);
	row-gap: calc(var(--grid-gap)/2);
}

.herobackgroundcontent_titre {
    grid-area: titre;
		margin: var(--margin-block-secondary) 0 0 0;
}

.herobackgroundcontent_titre h1 {
	color: #501C02;
	font-weight: var(--font-weight-surgras);
}

.herobackgroundcontent_soustexte {
	grid-area: soustexte;
	font-size: var(--font-size-h4);
}

.herobackgroundcontent_image {
	grid-area: image;
	align-self: center;
}

.herobackgroundcontent_image img {
	width: 100%;
	height: 100%;
}

.herobackgroundcontent_cta {
	grid-area: cta;
	margin: var(--margin-block-secondary) 0;
}

.CTA__hero_homepage {
	      font-size: var(--font-size-h4);
  			font-weight: var(--font-weight-surgras);
        color: hsl(var(--card-timeline-background-start) / .9);
        letter-spacing: .025rem;
        transition: color 200ms ease;
}

.CTA__hero_homepage:hover,
.CTA__hero_homepage:focus {
       color: hsl(var(--card-timeline-background-start) / 1)
}
           
.CTA__hero_homepage:active {
       color: hsl(var(--card-timeline-background-start) / .5)
}

@media (min-width: 801px) {
	.herobackgroundcontent {
		grid-template-columns: 0.9fr 1fr;
		grid-template-areas: "titre image"
		                   "soustexte image"
		                   "cta image";
	}
}*/

/* HOMEPAGE 2022 */


/* Bandeau Références */

.reference {
	--reference-logo-size: 8rem;
  --reference-animation-duration: 120s;
  
	margin: var(--margin-block-secondary) auto;
}

.reference_anim {
	overflow: hidden;
	position: relative;
	height: var(--reference-logo-size);
}

.reference_anim__move {
	display: flex;
  flex-flow: row nowrap;
  gap: 4vw;
	position: absolute;
	animation: slideReference var(--reference-animation-duration) linear infinite;
}
@media (min-width: 801px) {
  .reference {
    --reference-animation-duration: 60s;
  }
}

@keyframes slideReference {
  0%,
  100% {
    left: 0;
	  transform: translateX(0);
  }
  50% {
    left: 100%;
	  transform: translateX(-100%);
  }
}

.reference_entreprise {
	display: flex;
	flex-wrap: nowrap;
/*   min-width: 250px; */
}

.reference_titre {
	text-align: center;
}

.reference_entreprise_nom {
  display: flex;
  flex: 1;
	align-items: center;
	padding-inline-start: 2rem;
}

.reference_entreprise_nom > div {
  font-size: var(--font-size-body);
  font-weight: 500;
  color: var(--color-title-secondary, gray);
}

.reference_entreprise_logo {
  display: flex;
  align-items: center;
	width: var(--reference-logo-size);
	height: var(--reference-logo-size);
  size: var(--reference-logo-size);
}

/* Home Texte alternés */

.container_alternanceText {
	display: grid;
	margin: var(--margin-block-secondary) auto;
	padding: 0 var(--padding-content-inline);
}

.imgImgDroite,
.imgImgGauche {
	margin: var(--margin-block-secondary) auto;
	width: 80%;
}	

.imgImgDroite > img,
.imgImgGauche > img {
		border-radius: var(--border-radius-primary);
}

.container_alternanceText_CTA,
.blocchiffres_cta {
	display: block;
	background: linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));
  color: hsl(var(--color-primary));
  text-shadow: var(--text-shadow-gradient);
	padding: var(--cta-padding) calc(var(--cta-padding) *2);
  border-radius: var(--cta-border-radius,6px);
  margin-block-start: var(--margin-block-secondary);
	margin-block-end: var(--margin-block-secondary);
}

.blocchiffres_wrapper_cta {
	  display: flex;
    justify-content: center;
}

.container_alternanceText_CTA:hover,
.blocchiffres_cta:hover {
	color: var(--color-quaternary) !important;
}

@media (min-width: 801px) {
	
.container_alternanceText {
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: column dense;
	column-gap: var(--grid-gap);
	row-gap: calc(var(--grid-gap)*1.6);
	margin-block-start: var(--margin-block-primary);
}

.textImgDroite,
.textImgGauche {
	display: flex;
	flex-flow: column;
	align-items: flex-start;
}
	
.textImgDroite {
  grid-column: 1;
}
	
.textImgGauche {
	grid-column: 2;
}

.imgImgDroite {
	margin: 0;
  grid-column: 2;
	width: auto;
}	
	
.imgImgGauche {
	margin: 0;
	grid-column: 1;
	width: auto;
}
	
	.blocchiffres_cta {
		
	}
}

/* Chiffres home */

.blocchiffres {
  margin: var(--margin-block-secondary) 0 0 0;
    }

.blocchiffres h2 {
	text-align:center;
}

.blocchiffres_numbers {
        display: flex;
        flex-flow: column;
    }

    .blocchiffres_number {
        display: flex;
        align-items: center;
        flex-flow: column;
    }
.blocchiffres_number-number {
		--number-padding: .75rem;

		box-sizing: content-box;
		position: relative;
		z-index: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 5ch;
		height: 5ch;
		margin: calc(var(--number-padding) + 1rem);
		padding: var(--number-padding);
		color: hsl(var(--color-secondary) / 1);
		text-align: center;
		font-size: var(--font-size-h2);
		letter-spacing: .1rem;
		font-weight: 700;

}
.blocchiffres_number-number::before {
	content: '';
	position: absolute;
	top: calc(var(--number-padding) * -1);
	right: calc(var(--number-padding) * -1);
	bottom: calc(var(--number-padding) * -1);
	left: calc(var(--number-padding) * -1);
	z-index: -2;
	border: var(--number-padding) solid hsl(var(--card-timeline-background-start) / 1);
	border-radius: var(--radius-circle);
}
.blocchiffres_number-number::after {
	content: '';
	position: absolute;
	top: 32%;
	right: calc(var(--number-padding) * -1);
	bottom: 32%;
	left: calc(var(--number-padding) * -1);
	z-index: -1;
	background: var(--color-background);
}

.blocchiffres_number-text {
	color: hsl(var(--color-secondary));
	line-height: var(--line-height-body);
	font-weight: var(--font-weight-gras);
	text-align: center;
}

 @media (min-width: 801px) {
        .blocchiffres_numbers {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(min-content, 300px));
            gap: 1rem;
            justify-content: space-evenly;
        }
    }

/* Bloc Procédés */

.bloc_procedes {
	max-width: var(--max-content);
	display: flex;
	flex-flow: row wrap;
	gap: var(--grid-gap);
	margin: var(--margin-block-secondary) auto;
	justify-content: center;
}

.bloc_procedes_titre {
	margin: var(--margin-block-secondary);
}

.bloc_procedes_content {
	position: relative;
  display: grid;
  grid-template-rows: 300px auto auto 1fr auto;
	box-shadow: var(--box-shadow-primary);
	border-radius: var(--border-radius-primary);
	width: 500px;
	transition: box-shadow 250ms ease;
	background: hsl(var(--color-primary));
}

.bloc_procedes_content_wrapperimage {
	border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
	overflow: hidden;
	position: relative;
}

.bloc_procedes_content_titre {
	text-align: center;
	padding: var(--padding-block-secondary) var(--padding-block-secondary) 0 var(--padding-block-secondary);
}

.bloc_procedes_content_texte {
	padding: var(--padding-block-secondary);
}

.bloc_procedes_content_image {
	block-size: 100%;
	background-image: var(--procede-image);
	background-size: cover;
  background-repeat: no-repeat;
	background-position: center;
}
	
/* Bloc Produit */

.sousmenu_tuile a:hover,
.bloc_tuile a:hover {
	text-decoration: none;
  box-shadow: var(--box-shadow-primary--hover);
}

.sousmenu_tuile_content_icone,
.bloc_tuile_content_icone,
.bloc_niveauxdeservices_content_icone,
.bloc_guide_content_icone {
	  display: flex;
	  align-items: center;
    justify-content: center;
	  position: relative;
    width: var(--card-bubble-size);
    height: var(--card-bubble-size);
    border-radius: var(--radius-circle);
	  background: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l) / var(--bloc-produit-couleur-primaire-opacity));
}

.bloc_tuile_content_icone {
	background: hsl(var(--color-quaternary) /0.3);
}

.bloc_tuile_content_icone > img,
.sousmenu_tuile_content_icone > img,
.bloc_guide_content_icone > img {
	max-width: 70% !important;
}


.sousmenu_tuile_content_titre,
.bloc_tuile_content_titre,
.bloc_niveauxdeservices_content_titre,
.bloc_guide_content_titre,
.bloc_procedes_titre {
	margin: var(--margin-block-secondary) 0 0 0;
	color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));    
	text-align: center;
}

.bloc_tuile_content_titre,
.bloc_niveauxdeservices_content_titre,
.bloc_guide_content_titre,
.bloc_procedes_titre {
	color: hsl(var(--color-secondary));
}

.sousmenu_tuile_content:hover {
  text-decoration: underline hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l)) !important;
}

.bloc_tuile_content:hover {
	text-decoration: underline hsl(var(--color-secondary)) !important;
}

.sousmenu_tuile_content_soustitre {
	text-align: center;
	color: hsl(var(--color-secondary));
}

.bloc_produit,
.bloc_tuile,
.blocadresse_tuile {
	position: relative;
}


.bloc_produit_intro {
	background: var(--bloc-produit-background);
	background-size: contain;
	padding: var(--padding-block-secondary);
}

.bloc_produit_maxwidth {
		display: grid;
		grid-template-areas: "titre"
												 "description"
												 "image"
			                   "cta";
		grid-gap: calc(var(--grid-gap) /2);
		max-width: var(--max-content);
		margin: auto;
  	padding: 0 var(--padding-content-inline);
}

.bloc_produit_intro_titre {
	grid-area: titre;
	text-align: right;
	margin: calc(var(--margin-title)*4) 0 0 0;
}

.bloc_produit_intro_titre_titre h2 {
	font-weight: var(--font-weight-surgras);
	color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) calc(var(--bloc-produit-couleur-primaire-l) / 1.5));
}

.bloc_produit_intro_titre_soustitre {
	font-size: var(--font-size-h2);
	line-height: calc(var(--font-size-h2) *1.25);
}

.bloc_produit_intro_image {
	grid-area: image;
	width: 100%;
}

.bloc_produit_intro_image > img {
 width: 100%;
  height: auto;
}

.bloc_produit_intro_desc {
	grid-area: description;
	text-align: right;
}

.bloc_produit_intro_gen {
	grid-area: cta;
	display: flex;
  flex-flow: column;
	margin-block-end: var(--margin-block-tertiary);
}

.bloc_produit_intro_cta {
	padding: var(--cta-padding);
	align-self: start;
	border-radius: var(--cta-border-radius,6px);
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-start: var(--margin-block-secondary);
  margin-block-end: var(--margin-block-secondary);
	background-color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));
}

.bloc_produit_intro_gen a {
	color: hsl(var(--color-primary));
}

.bloc_produit_intro_gen a:hover{
	background: hsl(var(--bloc-produit-couleur-primaire-h) calc(var(--bloc-produit-couleur-primaire-s) - 10%) calc(var(--bloc-produit-couleur-primaire-l) - 10%));
	text-decoration: underline;
}

.bloc_produit_tuile,
.sousmenu_tuile,
.bloc_tuile,
.bloc_niveauxdeservices,
.bloc_guide {
	max-width: var(--max-content);
	display: flex;
	flex-flow: row wrap;
	gap: calc(var(--grid-gap)*2);
  justify-content: space-evenly;
	margin: var(--margin-block-secondary) auto;
}

.bloc_produit_tuile_content:first-child {
 	counter-reset: tuile 0;
}

.bloc_produit_tuile_content::before {
	  counter-increment: tuile;
    content: counter(tuile);
	  display: flex;
	  align-items: center;
    justify-content: center;
	  position: absolute;
    top: calc(var(--card-dot-size) *-0.4);
	  left: calc(var(--card-dot-size) *-0.4);
    width: calc(var(--card-dot-size) /1.3);
    height: calc(var(--card-dot-size) /1.3);
    font-weight: var(--font-weight-surgras);
    font-size: calc(var(--card-dot-size) * 0.3);
    color: hsl(var(--color-primary));
    text-shadow: var(--text-shadow-gradient); 
    border-radius: var(--radius-circle);
	  background: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l) / 0.8);
}

.bloc_produit_tuile_content,
.sousmenu_tuile_content,
.bloc_tuile_content,
.bloc_niveauxdeservices_content,
.bloc_guide_content,
.blocadresse_tuile_content {
	position: relative;
	display: flex;
  align-items: center;
  flex-flow: column;
	box-shadow: var(--box-shadow-primary);
	border-radius: var(--border-radius-primary);
	padding: var(--padding-block-secondary);
	width: 300px;
	transition: box-shadow 250ms ease;
	background: hsl(var(--color-primary));
}

.bloc_guide {
	margin: 0 calc(var(--grid-gap)/2) 0 0;
}

@media (min-width: 801px) {

	.bloc_produit_maxwidth {
		display: grid;
		grid-template-areas: "image titre"
												 "image description"
												 "image cta";
		grid-gap: var(--grid-gap);
		max-width: var(--max-content);
		margin: auto;
  }
	
	.bloc_produit_intro {
	background: var(--bloc-produit-background);
	background-size: cover;
  }

	.bloc_produit_intro_titre {
		margin: 15rem 0 0 0;
	}

	.bloc_produit_intro_image {
		margin: 17rem 0 0 0;
	}
	
	.bloc_produit_intro_cta {
		margin-inline-end: 0;
		margin-block-start: 0;
    margin-block-end: 0;
	}
	
	.bloc_produit_intro_gen {
		flex-flow: row;
	}
	
	.bloc_produit_tuile,
	.sousmenu_tuile,
	.bloc_tuile,
	.bloc_niveauxdeservices,
	.bloc_guide {
		gap: var(--grid-gap);
}
}

.bloc_produit_notuile > div > div:first-child {
      display: none;
}


.bloc_guide_content,
.bloc_niveauxdeservices_content {
		margin: var(--card-bubble-size) 0 0 0;
}

.bloc_produit_tuile_content > div > ul > li {
	list-style-image: unset;
}

.bloc_produit_tuile_content h3 {
	color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));
}

.bloc_produit_tuile_content  .hs_cos_wrapper_type_inline_rich_text ul {
	padding: var(--padding-block-secondary) var(--padding-block-secondary) 0 var(--padding-block-secondary);
}

.bloc_produit_tuile_content .hs_cos_wrapper_type_inline_rich_text ::marker {
	color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));
}

/* Header video */

.blocvideodroite { 
	display: flex; 
	flex-flow: column;
  width: 100%;
	margin: var(--margin-block-primary) 0;
}   

.blocvideodroite img {
  margin-inline-start: auto;
}
	
.blocvideodroite_video video {
   display: flex;
   width: 100%;
	 box-shadow: var(--box-shadow-primary);
	 border-radius: var(--border-radius-primary);
	 overflow: hidden;
	 z-index: 1;
   object-fit: cover;

}

.blocvideodroite_content_cta {
	background: hsl(var(--color-secondary));
	padding: var(--cta-padding);
	border-radius: var(--cta-border-radius,6px);
	margin: var(--margin-title) auto;
	color: hsl(var(--color-primary));
	width: auto;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-start: var(--margin-block-secondary);
  margin-block-end: var(--margin-block-secondary);
}


@media (min-width: 801px) {
	
	.blocvideodroite {
		display: flex;
		flex-flow: row;
		gap: var(--grid-gap);
	}
	
	.blocvideodroite_video {
		width: 70%;
	}
		.blocvideodroite_content {
		width: 30%;
	}
}

/* Tuiles */

.bloc_titre {
	text-align: center;
	margin: var(--margin-block-secondary) 0 0;
}


/* Tuiles niveaux de services */


.bloc_niveauxdeservices_content_icone,
.bloc_guide_content_icone {
	 position: absolute;
	 top: calc(var(--card-bubble-size)* -0.8);
	 width: calc(var(--card-bubble-size)*1.5);
	 height: calc(var(--card-bubble-size)*1.5);
}

.bloc_niveauxdeservices_content_icone > img {
    max-width: 50%;
}

.bloc_niveauxdeservices_content {
   min-width: 300px;
}
.bloc_niveauxdeservices_content_titre,
.bloc_guide_content_titre {
		top: calc(var(--card-bubble-size)* -1);
		margin: calc(var(--margin-title)*2) 0 var(--margin-title) 0;
}

.bloc_niveauxdeservices_content_cta,
.bloc_guide_content_cta {
  	padding: var(--cta-padding);
    border-radius: var(--cta-border-radius,6px);
    background-color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));
    color: hsl(var(--color-primary));
	  margin: var(--margin-block-tertiary) 0;
	  text-align: center;
}

.bloc_niveauxdeservices_content_liste .hs_cos_wrapper_type_inline_rich_text ul li {
	 list-style-type: none;
   margin: 0 0 var(--margin-title) 0;
}

.bloc_niveauxdeservices_content_liste .hs_cos_wrapper_type_inline_rich_text ul li::before {
	content: url(https://3967272.fs1.hubspotusercontent-na1.net/hubfs/3967272/A-Site-2020/Picto_Niveauxdeservices/Tick.svg);
	display: flex;
	align-items: center;
  justify-content: center;
	background: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l));
	width: calc(var(--card-dot-size)/2);
	height: calc(var(--card-dot-size)/2);
	position: absolute;
	z-index: 1;
	border-radius: var(--radius-circle);
	margin-inline-start: calc(var(--padding-block-primary)*(-1));
}

@media (min-width: 801px) {

.bloc_niveauxdeservices_content_texte {
	min-height:15rem;
}
	
	.bloc_niveauxdeservices_content_icone > img {
	max-width: 100%;
	}

}

/* Equipe */

.blocequipe,
.blocreferences,
.blocaccompagnement {
		padding:var(--padding-block-primary);
}

.blocequipe_titre {
	margin: 0 0 var(--margin-title) 0;
}


.blocequipe_colonnes,
.blocreferences_colonnes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--grid-gap);
}

.blocequipe_personnel {
	display: flex;
	flex-direction: column;
  text-align: center;
	padding: var(--padding-block-secondary);
	position: relative;
}

.blocequipe_personnel_photo,
.bloctestimonial_photo {
	position: relative;
}

.blocequipe_personnel_photo > img {
	border-radius: var(--radius-circle);
	max-height: 145px;
	margin: var(--margin-title);
}

.blocequipe_personnel_photo::before {
	content:'';
	box-shadow: inset var(--box-shadow);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
	
.blocequipe_personnel_nom {
	color: hsl(var(--color-quaternary));
	text-transform: uppercase;
	font-weight: var(--font-weight-gras);
}

.blocequipe_personnel_poste {
	color: hsl(var(--color-secondary));
}

.blocequipe_personnel_equipe {
	color: hsl(var(--color-tertiary));
}

.blocequipe_personnel_linkedin_a > img,
.hs-author-social-link > img {
	width: var(--card-timeline-size);
	margin: var(--margin-paragraphe);
	height: auto;
	border-radius: 8px;
}

@media (min-width: 801px) {
	
  .blocreferences_colonnes {
	gap: calc(var(--grid-gap)/2) var(--grid-gap);
	align-items: center;
  }	
	
	.blocequipe_colonnes,
	.blocreferences_colonnes {
	grid-template-columns: repeat(var(--blocequipe_colonnes), 1fr);
  }
}	

.blocreferences_image > img {
	max-width: 100%;
	min-width: 100%;
	height: auto; 	
}

/* GUIDES */

.bloc_guide_content_titre {
	font-size: var(--font-size-h3);
	line-height: var(--line-height-body);
 	min-height: 80px;
}

.bloc_guide_content_cta {
	 min-width: 200px;
	 margin: auto var(--margin-block-tertiary) 0;
}

.bloc_guide_content_image,
.bloc_guide_content_texte {
	margin: 0 0 var(--margin-title) 0;
}

/* Landing pages */

.landingproduit_logo > div,
.typ_logo > div {
	  justify-content: center;
    display: flex;
}

.landingproduit_titre h1,
.typ_titre h1 {
	font-size: var(--font-size-h1) !important;
	text-align: center;
	color: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l) / var(--bloc-produit-couleur-primaire-o));
}

.landingproduit_soustitre,
.typ_soustitre {
	font-size: var(--font-size-h2);
   line-height: 1.25;
	text-align: center;
	margin: 0 0 var(--margin-block-secondary);
}

.landingproduit .widget-type-linked_image {
	  display: flex;
    justify-content: center;
  	margin: var(--margin-block-secondary);	
}

.widget-type-linked_image .hs_cos_wrapper_type_linked_image img {
    animation: slidefade 3s ease;
	  width: 100%;
	  height: auto;
}

@keyframes slidefade {
  0% {
     transform: translateZ(50px) translateY(-12px);
     opacity: 0;
  }
  100% {
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}

.landingproduit .hs_cos_wrapper_type_rich_text ul li {
 list-style-type: none;
 margin: 0 0 var(--margin-title) 0;
}

@media (min-width: 801px) {
	
	.landingproduit_logo > div {
	    justify-content: flex-end;
  }
}


.landingproduit .hs_cos_wrapper_type_rich_text ul li::before {
	content:url(https://3967272.fs1.hubspotusercontent-na1.net/hubfs/3967272/A-Site-2020/Picto_Niveauxdeservices/Tick.svg);
	display: flex;
	align-items: center;
  justify-content: center;
	background: hsl(var(--bloc-produit-couleur-primaire-h) var(--bloc-produit-couleur-primaire-s) var(--bloc-produit-couleur-primaire-l) / var(--bloc-produit-couleur-primaire-o));
	width: calc(var(--card-dot-size)/2);
	height: calc(var(--card-dot-size)/2);
	position: absolute;
	z-index: -1;
	border-radius: var(--radius-circle);
	margin-inline-start: calc(var(--padding-block-primary)*(-1));
}



/* Form bas de page */

.widget-type-form {
	margin: var(--margin-block-secondary) 0 var(--margin-block-primary);
	position: relative;
  align-items: center;
  box-shadow: var(--box-shadow-secondary);
  border-radius: var(--border-radius-primary);
  padding: var(--padding-block-primary);
	background: hsl(var(--color-primary));
	max-width: 600px;
}

.form_flex {
	display: flex !important;
	justify-content: center;
	background: hsl(24 84% 95%);
	padding: 0 var(--padding-content-inline);
}

.form-title {
	text-align: center;
}

.hs-form-required {
    display: none;
}

.input {
   margin: var(--margin-paragraphe) 0;
}

.input > ul {
	padding: 0;
}

label {
		font-weight: var(--font-weight-gras);
}

.inputs-list .multi-container {
	margin-inline-start: 0;
}

.hs-form .hs-input {
	width: 100% !important;
	background: hsl(var(--color-quaternary)/0.05);
	padding: calc(var(--padding-block-tertiary)*0.6);
}
.form-columns-1,
.form-columns-2 {
	 max-width: unset !important;
   margin: auto !important;
}

.hs-form-field {
	margin: var(--margin-title) 0 0 0;
}

.hs-form-field input,
.hs-input {
	border: 1px solid hsl(var(--color-tertiary)/0.5);
	border-radius: var(--border-radius-secondary);
}

.legal-consent-container {
   font-size: calc(var(--font-size-body)*0.9);
	 line-height: 1.5;
   margin-block-start: var(--margin-block-tertiary);
	 max-width: 60ch;
}


.hs-form input[type=submit] {
  background:linear-gradient(.25turn,hsl(var(--card-timeline-background-start)),hsl(var(--card-timeline-background-end)));
  font-weight: var(--font-weight-surgras);
  font-size: var(--font-size-h3);
  padding: var(--cta-padding);
  color: hsl(var(--color-primary));
  border-radius: var(--cta-border-radius);
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
	border: none;
	display:flex;
	margin: var(--margin-block-secondary) auto 0 auto;
}

.hs-error-msgs > li {
	list-style: none;
}

.hs-form .hs-error-msgs label {
    color: hsl(var(--color-error));
    font-size: calc(var(--font-size-body)*0.9);
    font-weight: normal;
    margin-top: 0.5rem;
}

.hs-form .invalid.hs-input {
    border-color: hsl(var(--color-error));
    box-shadow: 0 0 0 1px hsl(var(--color-error));
}

.hs-form .hs-error-msgs {
	margin: 0;
  padding: 0;
}

.hs-form-checkbox-display,
.hs-form-radio-display {
	display: grid;
  grid-template-columns: 2rem 1fr;
  grid-gap: 1rem;
}

.hs-form-checkbox,
.hs-form-radio {
	display: unset;
}



/* @todo : generic test */
/*div[id^="hs_cos_wrapper_module_"] > input[type="text"],
div[id^="hs_cos_wrapper_module_"] > input[type="email"],
div[id^="hs_cos_wrapper_module_"] > input[type="tel"],
div[id^="hs_cos_wrapper_module_"] > select {
  margin: 0 !important;
  background: red !important;
}*/
#hs_cos_wrapper_module_1605173449581110 input[type="text"],
#hs_cos_wrapper_module_1605173449581110 input[type="email"],
#hs_cos_wrapper_module_1605173449581110 input[type="tel"],
#hs_cos_wrapper_module_1605173449581110 select {
	margin: 0 !important;
}

.landingproduit_form_animation {
	animation: bounceInRight 2.5s ease;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.landing_rgpd {
	margin: var(--margin-block-secondary);
}

/* Carroussel */
.contentBox {
	box-shadow: var(--box-shadow-primary);
  border-radius: var(--border-radius-primary);
}


/* Blog Listing */

.colonne_droite {
	max-width: 400px;
	margin: auto !important;
}

.post-listing,
.post-listing-revue {
	  display: grid;
		gap: var(--grid-gap);
	  grid-auto-flow: column;
	  overflow-x: auto;
	  margin: var(--card-bubble-size) calc(var(--padding-content-inline) * -1);
	  padding: var(--padding-block-secondary);
	  scroll-snap-type: x mandatory;
	  scroll-padding: var(--grid-gap);
}

.post-item,
.widget-type-post_listing,
.blog-section-article,
.blocpost-author {
		position: relative;
    box-shadow: var(--box-shadow-primary);
    border-radius: var(--border-radius-primary);
    min-width: 200px;
    transition: box-shadow 250ms ease;
    background: hsl(var(--color-primary));
}

.related-post-item {
	  box-shadow: none;
    border-radius: var(--border-radius-primary);
	  margin: var(--margin-block-secondary) 0;
    margin-block-end: 0;
}
	
.widget-type-post_listing,
.blocpost-author {
	margin: var(--grid-gap) calc(var(--grid-gap)/2) 0 0;
	padding: var(--padding-block-secondary);
}

.post-item {
	 display: grid;
	 grid-template-rows: 200px auto auto 1fr auto;
	 scroll-snap-align: start;
   width: 50vw;
}

.post-header-wrapper,
.bloccarrousel_tuile_header-wrapper {
	border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
	overflow: hidden;
	position: relative;
}

.post-header-image,
.typ-post-header-image,
.bloccarrousel_tuile_image {
	block-size: 100%;
	background-image: var(--post-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transform: scale(var(--post-image-scale, 1));
	transition: transform var(--transition);
}

.post-item:hover,
.post-item:focus {
	--post-image-scale: 1.1;
  --post-image-background: hsl(var(--color-quaternary) / .3); 
	text-decoration: none;
}

@media (min-width: 801px) {

	.framework_blog {
		display: grid !important;
		grid-template-columns: 2fr 1fr;
		gap: calc(var(--grid-gap)/2) var(--grid-gap);
	}
	
	.post-listing {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: unset;
		margin: var(--card-bubble-size) 0 0 0;
	  padding: 0;
	}
	
		.post-listing-revue {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-flow: unset;
		margin: var(--card-bubble-size) 0 0 0;
		padding: 0;
	}
	
	.post-item {
		width: auto;
	}
}

.post-header-image::after,
.typ-post-header-image::after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	inner: 0;
	background: var(--post-image-background, transparent);
  border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
  transition: background var(--transition);
}

.post-title,
.widget-type-post_listing > h2 {
	color: hsl(var(--color-secondary));
	font-size: var(--font-size-h3);
	text-decoration: none;
	padding: 0 var(--padding-block-secondary);
  margin: var(--margin-title) 0;
}

.hs_cos_wrapper_type_post_listing .block > div > ul {
	padding-inline-start: 25px;
}

.hs_cos_wrapper_type_post_listing > div > h3,
.related-post,
.blocpost-author-link,
.blocpost-author-title {
	text-align: center;
}

.related-post {
 	padding: 0 var(--padding-block-tertiary);
	color: hsl(var(--color-secondary));
	text-decoration: none;
	margin: 0 0 var(--margin-title) 0;
}

.related-post-title {
	margin: var(--margin-paragraphe);
	color: hsl(var(--color-secondary));
}

.related-post-title:hover {
	text-decoration: underline;
	color: hsl(var(--color-quaternary));
}

.post-meta {
	display: flex;
  justify-content: space-between;
  padding: 0 var(--padding-block-secondary) 0 0;
	color: hsl(var(--color-tertiary));
}

.post-meta-date {
	font-size: var(--font-size-body);
	text-decoration: none;
	padding: 0.25rem var(--padding-block-secondary);
}

.post-meta-topic {
	background: hsl(var(--color-tertiary) /0.2);
  padding: calc(var(--padding-block-tertiary)/ 2) var(--padding-block-tertiary);
  border-radius: var(--border-radius-primary);
}

.post-content {
	margin: var(--margin-title) 0;
	padding: 0 var(--padding-block-secondary);
	color: hsl(var(--color-normal));
}

.post-link {
	margin: 0 0 var(--margin-title) 0;
	padding: 0 var(--padding-block-secondary);
	font-weight: var(--font-weight-gras);
	color: hsl(var(--color-quaternary));
}

.hs-postlisting-item {
	margin: 0 0 var(--margin-paragraphe) 0;
}

.hs-postlisting-item > a {
	color: hsl(var(--color-secondary));
}

.hs-postlisting-item > a:hover {
	color: hsl(var(--color-quaternary));
}

.hs-postlisting-item::marker {
	color: hsl(var(--color-background-picto));
}

.form_blog .widget-type-form {
	margin: var(--grid-gap) calc(var(--grid-gap)/2) 0 0;
	background: hsl(var(--color-secondary));
}

.form_blog .widget-type-form > span {
  color: hsl(var(--color-primary));
}

.form_blog .hs-form .hs-error-msgs label { 
	color: hsl(var(--color-primary)/0.5);
}

.form_blog .hs-form input[type=submit] {
  padding: calc(var(--cta-padding)/2) var(--cta-padding);
}

.blog-listing-numero {
  	display: flex;
    justify-content: center;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: hsl(var(--color-secondary));
	border-color: hsl(var(--color-secondary));
}

/* Article de blog */

.post-body h2 {
	color: hsl(var(--color-quaternary));
}

.post-body h3 {
	color: hsl(var(--color-secondary));
}

.post-body h4 {
	color: hsl(var(--color-tertiary));
}

.blog-link {
	color: hsl(var(--color-quaternary));
}

.blog-section-article {
	padding: var(--margin-block-secondary);
	margin: var(--card-bubble-size) 0 var(--margin-block-primary) 0;
}

.post-article-image {
	margin-inline-start: calc(var(--margin-block-secondary)*-1);
  margin-inline-end: calc(var(--margin-block-secondary)*-1);
  margin-block-start: calc(var(--margin-block-secondary)*-1);
}

.post-article-image > img {
	border-radius: var(--border-radius-primary) var(--border-radius-primary) 0 0;
	width: 100%;
	height: auto;
}

.date_post {
	margin: var(--margin-title) 0;
}


.blocpost-author-image > img {
	 margin: 0 auto var(--margin-title);
	border-radius: var(--border-radius-primary);
	 width: 100%;
}

.blocpost-author-image {
	 display: flex;
}

.hs_cos_wrapper_type_rich_text > div > img {
	 width:100%;
}

.hs_cos_wrapper_type_rich_text > pre {
	  max-width: 700px;
}
   

/* Testimonial */

.bloctestimonial {
	display: grid;
  grid-template-columns: 1fr;
  grid-gap: calc(var(--grid-gap)/2);
  background : hsl(var(--testimonial-backgroundcolor-h) var(--testimonial-backgroundcolor-s) var(--testimonial-backgroundcolor-l) / var(--testimonial-backgroundcolor-o));
	padding: var(--padding-block-secondary);
	border-radius: var(--border-radius-primary);
	margin-block-end: var(--margin-block-secondary);
}

.bloctestimonial_photo {
	display: flex;
	justify-content: center;
}

.bloctestimonial_photo > img {
	width: 70%;
	height: auto;
}

.bloctestimonial_nom {
	font-weight: var(--font-weight-gras);
}

.bloctestimonial .blockquote {
	 border-left: 5px solid hsl(var(--testimonial-backgroundcolor-h) var(--testimonial-backgroundcolor-s) var(--testimonial-backgroundcolor-l)) !important;
}

.bloctestimonial_quote > div > p {
	font-size: var(--font-size-body);
}

@media (min-width: 801px) {
  .bloctestimonial {
    grid-template-columns: 0.2fr 1fr;
	}
	
	.bloctestimonial_photo > img {
		width: 100%;
}


/* Adresses */
.google-maps-embed {
	margin: var(--margin-block-primary) 0;
}

.blocadresse_tuile {
	margin: var(--margin-block-secondary) auto;
}

.blocadresse_tuile_content {
	align-items: unset;
	margin: var(--margin-block-secondary) 0;
}

.blocadresse_tuile_content_titre {
	 text-align: center;
}

.blocadresse_tuile_content_telephone,
.blocadresse_tuile_content_adresse {
	display: grid;
	grid-gap: 1rem;
	align-items: center;
	grid-template-columns: 5rem 1fr;
	margin: 0 0 var(--margin-block-tertiary) 0;
	color: var(--color-normal);
}

.blocadresse_tuile_content_telephone > img {
	width: 45px;
	margin: 0 0 0 5px;
}

.blocadresse_tuile_content_adresse > img {
	width: 50px;
}

/* Search Bar */

.hs-search-field {
	margin: var(--margin-block-secondary);
}

.hs-search-field__bar > form {
	display: flex;
}

.hs-search-field__bar > button {
	border: none;
}

.typ-lastposts-title {
	margin: var(--margin-block-primary) 0 0 0;
}

.typ-post-header-image {
 height: 300px;
}

.typ_cta {
    display: flex !important;
    justify-content: center;
	  width: 100%;
}

/* Carrousel */

.bloccarrousel {
	display: grid;
	gap: var(--grid-gap);
	grid-auto-flow: column;
	overflow-x: auto;
	margin: var(--card-bubble-size) calc(var(--padding-content-inline) * -1);
	padding: var(--padding-block-secondary);
	scroll-snap-type: x mandatory;
	scroll-padding: var(--grid-gap);
	
}

.bloccarrousel_tuile {
	 box-shadow: var(--box-shadow-primary);
	 border-radius: var(--border-radius-primary);
	 scroll-snap-align: center;
	 width: 300px;
}

.bloccarrousel_tuile_titre {
	margin: var(--margin-title) 0;
	padding: 0 var(--padding-block-secondary);
}

.bloccarrousel_tuile_description {
    padding: 0 var(--padding-block-secondary);
}