:root {
	--texte: #001A48;
	--bleu: #35ACB4;
	--ts: 0px 3px 6px #001A48;
	--t: all 0.25s ease-in-out;
	--bs: 0px 3px 12px 3px rgba(0,0,0,0.16);
}
html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: "Lato", sans-serif;
  color: var(--texte);
  font-size: 14px;
  font-weight: 400;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
h1, h2, h3 {
  position: relative;
  font-weight: 700;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: inherit;text-decoration: none;transition: var(--t);border: 0;}
button {transition: var(--t);}
.button {display: inline-block; line-height: 1; border-radius: 7px; background: #BAE704; color: #484848; padding: 0.5em 0.75em; border: 0; position: relative; transition: var(--t); font-weight: 700; font-size: 0.9em;}
.button:hover {background: #484848; color: white;}
a:hover, a:active, a:focus {text-decoration: none; color: #484848;}
img {display: block;max-width: 100%; height: auto;}
.container {max-width: 1460px; margin: 0 auto; padding: 0 15px;}
.layout-sidebar-first {width: 20%; float: left;}
.layout-content {width: 100%; float: left;}
.has-sidebar-first .layout-content {width:80%;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
h1, h2 {line-height: 1.1; font-weight: 700; margin: 30px 0 0;}

.slick-arrow {width: 24px; height: 24px; border: 0; background: none; overflow: hidden; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 5; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-arrow.slick-prev {border-top: 2px solid #037676; border-left: 2px solid #037676; left: 0.5em;}
.slick-arrow.slick-next {border-bottom: 2px solid #037676; border-right: 2px solid #037676; right: 0.5em;}
.slick-arrow:hover {border-color: #292929;}
.slick-arrow:focus, .slick-dots button:focus {outline:none;}
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.slick-dots li {float: left; margin: 0 0.25em;}
.slick-dots button {padding: 0; overflow: hidden; width: 15px; height: 15px; background: white; border: 0; border-radius: 8px; text-indent: -9999px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-dots .slick-active button, .slick-dots button:hover {background: #F1404B; width: 25px;}
svg {display: inline-block; height: auto; max-width: 100%;}

/*Cookies*/
.cookiesjsr-banner {background: #333; justify-content: space-between; padding: 0.5em 1em 0.5em 0;}
.cookiesjsr-btn, .cookiesjsr-service-group.active .cookiesjsr-service-group--content {background: #333; text-align: left;}
.cookiesjsr-links.links--row li a:hover {color: var(--violet);}
.cookiesjsr-btn {min-height: 18px; width: auto; padding: 0.25em 1em;}
.cookiesjsr-banner--action {justify-content: flex-end; width: auto;}
.cookiesjsr-banner--info {width: auto; margin: 0;}
.cookiesjsr-banner--links {margin-top: 0;}


/*Nav slider*/
.slick-slide {position: relative;}
.navbar {position: absolute; left: 58%; bottom: 12%; max-width: 400px; width: 100%; display: flex;}
.number-content {width: 82px; color: white; font-weight: 700;}
.bar-content {width: calc(100% - 82px); background: white; height: 2px; position: absolute; left: 82px; top: calc(50% - 1px);}
.percent-slide {position: absolute; left: 0; top: 0; height: 100%; width: 33%; background: var(--rouge); transition: all 0.35s ease-in-out;}
.button-nav {margin: 0; padding: 0; list-style: none; position: absolute; width: 100%; display: flex; height: 20px; left: 0; top: 50%; transform: translateY(-50%);}
.button-nav li {cursor: pointer;}
.current-nbr {color: var(--rouge);}
.to-bottom-wrapper {position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);}
.target-move {position: relative; top: 2rem;}
.to-bottom-button {width: 30px; height: 30px; display: block; text-align: center; padding-top: 0.15rem;}
.to-bottom-button svg {fill: white; transition: all 0.25s ease-in-out;}
.to-bottom-button:hover svg {fill: var(--rouge);}
.region-top-large h1, .region-top-large h2 {font-size: 3.5rem; font-weight: bold; line-height: 1.5; margin-top: 0.25em;}

/*Header*/
#header {position: static;  width: 100%; height: 190px; top: -190px; z-index: 200; transition: none; background: white; box-shadow: none;}
.sticky #header {position: fixed; top: 0; -webkit-box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); transition: all 0.5s ease-in-out; height: 120px;}
.sticky {padding-top: 190px;}


/*Menu*/
	a.menu-link {display: inline-block; margin-top: 18px; color: white;}
	.icon-men {width: 24px; height: 22px; position: relative; display: inline-block}
	.icon-men span {position: absolute; left: 0; top: 0; display: inline-block; border-radius: 3px; background: white; width: 100%; height: 4px; transition: var(--t); transform-origin: left; opacity: 1;}
	.icon-men span:nth-child(2) {top: 50%; transform: translateY(-50%);}
	.icon-men span:nth-child(3) {top: calc(100% - 4px);}
	.icon-menu-open .icon-men span:first-child {top: -2px; width: 130%; transform: rotate(45deg);}
	.icon-menu-open .icon-men span:nth-child(2) {opacity: 0;}
	.icon-menu-open .icon-men span:nth-child(3) {top: calc(100% - 2px); transform: rotate(-45deg); width: 130%;}

@media screen and (max-width: 500px) {
	.columns-col-4 .field--name-field-bloc > div, .columns-col-3 .field--name-field-bloc > div, .columns-col-2 .field--name-field-bloc > div {width: 100%; padding: 0;}
	.sticky #block-blanqui-branding, body:not(.path-frontpage) #block-blanqui-branding {width: 110px; top: 1.5em; left: 1em;}
}