/**
 * *Grid bootstrap
 *
 * ici on charge la grille bootstrap uniquement
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}[role=button]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}@-ms-viewport{width:device-width}
/**
 * *Reset css
 * 
 * ici on annule toutes les modifications css effectué de base par les navigateurs
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,body{
  font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden
}
a{text-decoration: none}
/*tips*/
/*padding*/
.no-pad-left,.no-pad-left-ipad,.no-pad-left-mobile{padding-left: 0px}
.no-pad-right,.no-pad-right-ipad,.no-pad-right-mobile{padding-right: 0px}
.no-pad-top,.no-pad-top-ipad,.no-pad-top-mobile{padding-top: 0px}
.no-pad-bottom,.no-pad-bottom-ipad,.no-pad-bottom-mobile{padding-right: 0px}
.no-pad{padding: 0px}
/*margin*/
.no-marg-left,.no-marg-left-ipad,.no-marg-left-mobile{margin-left: 0px}
.no-marg-right,.no-marg-right-ipad,.no-marg-right-mobile{margin-right: 0px}
.no-marg-top,.no-marg-top-ipad,.no-marg-top-mobile{margin-top: 0px}
.no-marg-bottom,.no-marg-bottom-ipad,.no-marg-bottom-mobile{margin-right: 0px}
.no-marg{padding: 0px}
/*others tips*/
.display-none,
.display-ipad,
.display-mobile{display: none}
.display-block{display: block}
.d-flex{display: flex}
.clear{clear: both}
.text-center{text-align: center}
.text-right{text-align: right}
.text-left{text-align: left}
.float-right{float: right}
.float-left{float: left}
.no-decoration:hover,
.no-decoration{text-decoration: none}
.fixed{position: fixed}
.invisible {visibility: hidden}
.img-circle{border-radius: 50%}
.uppercase{text-transform: uppercase}
.capitalize {text-transform: capitalize}
.lowercase {text-transform: lowercase}
.hover-pointer:hover{cursor: pointer}
.img-responsive{max-width: 100%;}
@media screen and (max-width: 991px){
	.display-ipad{display: block}
	.hide-ipad{display: none}
}
@media screen and (max-width: 767px){
	.display-mobile{display: block}
  .hide-mobile{display: none}
}
@media screen and (min-width: 768px){
	.container {width: 710px}
}
@media screen and (min-width: 835px){
	.container {width: 790px}
}
@media screen and (min-width: 1050px){
	.container {width: 890px}
}
@media screen and (min-width: 1100px){
	.list-container,	.medium.container, 	.product-container{
		width: 1050px;
	}
}
@media screen and (min-width: 1200px){
	.mini.container{width: 1155px}
}
@media screen and (min-width: 1220px){
	.list-container,	.medium.container, 	.product-container{
		width: 1100px;
	}
}
@media screen and (min-width: 1250px){
	.mediatheque-container{width: 1151px}
}
@media screen and (min-width: 1310px){
	.mediatheque-container{width: 1251px}
}
@media screen and (min-width: 1350px){
	.list-container,	.medium.container, .product-container{
		width: 1280px;
	}
}
@media screen and (min-width: 1390px){
	.list-container{width: 1328px}
	.product-container{width: 1352px}
}

.default:before,
#gdpr-cookie-consent-bar.default:before{
	display: none!important;
}
/*Form*/
.chosen-container {

    min-width: 240px;
}
body .gdpr-column .gdpr-columns .left{
	align-items: center!important;
}
.gdpr_messagebar_detail a.btn{font-size: 14px!important}
input[type="submit"].gform_button {
	background: transparent linear-gradient(260deg, #2A9DC8 0%, #20639B 100%) 0% 0% no-repeat padding-box!important;
	color: white;
	font-family: 'HankenGrotesk-Regular';
	font-size: 20px!important;
	padding: 18px 34px!important;
	border-radius: 32px!important;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.career-blue input[type="submit"].gform_button {
	background: white!important;
	color: #20639B!important;
}
.gform_body select,
.gform_body  .textarea ,
.gform_body input[type="mail"],
.gform_body input[type="email"],
.gform_body input[type="password"],
.gform_body input[type="tel"],
.gform_body input[type="number"],
.gform_body input[type="mail"],
.gform_body input[type="email"],
.gform_body input[type="tel"],
.gform_body input[type="text"]{
	box-shadow: 2px 2px 4px #0000001A!important;
	border-radius: 28px !important;
	border: none !important;
}

.gform_body input[type="number"],
.gform_body input[type="mail"],
.gform_body input[type="password"],
.gform_body input[type="email"],
.gform_body input[type="tel"],
.gform_body  .textarea ,
.gform_body input[type="text"]{
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
}
fieldset.gfield--type-checkbox .gfield_description{
	margin-top: 0px !important;
	margin-left: 0px;
}
fieldset.gfield--type-checkbox{
	display: flex!important;
	align-items: center!important;
}
.gform-theme--framework .gfield_checkbox .gform-field-label--type-inline{
	display: none!important;
}

.page-id-9887 .gform-theme--framework .gfield_checkbox .gform-field-label--type-inline{
	display: block!important;
}



.gform-theme--framework .gform-field-label--type-inline{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 18px!important;
	color: #20639B!important;
	margin-left: 0px!important;
	padding-left: 8px!important
}
.career-blue  .gform-theme--framework .gform-field-label--type-inline{
	color: white!important
}
.gfield_radio,
.gchoice {
	display: flex!important;
	align-items: center!important;
	flex-direction: row!important;
}
.gchoice > input{
	width: 14px!important;
	height: 14px!important;
	box-shadow: 2px 2px 4px #0000001A;
	border: none!important
}

.gform_body input[type="number"]::-webkit-input-placeholder,
.gform_body input[type="mail"]::-webkit-input-placeholder,
.gform_body input[type="email"]::-webkit-input-placeholder,
.gform_body input[type="password"]::-webkit-input-placeholder,
.gform_body input[type="tel"]::-webkit-input-placeholder,
.gform_body select,
.gform_body .textarea::-webkit-input-placeholder,
.gform_body input[type="text"]::-webkit-input-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 18px!important;
	color: #20639B!important;
}

.gform_body input[type="number"]::-moz-placeholder,
.gform_body input[type="mail"]::-moz-placeholder,
.gform_body input[type="email"]::-moz-placeholder,
.gform_body input[type="password"]::-moz-placeholder,

.gform_body input[type="tel"]::-moz-placeholder,
.gform_body select,
.gform_body  .textarea::-moz-placeholder,
.gform_body input[type="text"]::-moz-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 18px!important;
	color: #20639B!important;
}

.gform_body input[type="number"]::-ms-input-placeholder,
.gform_body input[type="mail"]::-ms-input-placeholder,
.gform_body input[type="password"]::-ms-input-placeholder,
.gform_body input[type="email"]::-ms-input-placeholder,
.gform_body input[type="tel"]::-ms-input-placeholder,
.gform_body select,
.gform_body .textarea::-ms-input-placeholder,
.gform_body input[type="text"]::-ms-input-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 18px!important;
	color: #20639B!important;
}
.gform_body .textarea{
	padding-left: 20px!important;
	padding-top: 20px!important
}

.gform_body input[type="mail"]::-moz-placeholder,
.gform_body input[type="password"]::-moz-placeholder,
.gform_body input[type="email"]::-moz-placeholder,
.gform_body input[type="tel"]::-moz-placeholder,
.gform_body select,
.gform_body .textarea::-moz-placeholder,
.gform_body input[type="text"]::-moz-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 18px!important;
	color: #20639B!important;
}
.career-blue .inner .gfield--type-html p{color: white}
.career-blue .inner .gfield--type-html p{
	font-family: 'HankenGrotesk-Regular';
	font-size: 18px;
	line-height: 26px;
}
.gform-theme--framework .gfield_description{color: #20639B!important}
.career-blue .gform-theme--framework .gfield_description{color: white!important}
body .gform-theme--foundation .gform_fields{row-gap: 18px}
.gfield--type-checkbox .gfield_description{
	font-size: 14px!important;
	line-height: 18px!important;
	color: #4A4A4A!important;
	font-family: 'HankenGrotesk-Regular'!important;
	margin-left: 10px;
}
.gfield--type-fileupload input[type="file"]{
	background-color: white !important;
	border: 1px solid #ccc !important;
	padding: 0px 0px !important;
	border-radius: 24px !important;
	color: #20639B !important;
	height: 55px !important;
}
.career-blue .container{position: relative}
.career-blue .colors-logo{
	position: absolute;
	top: -55px;
	left: 0;
	z-index: 9;
}

select:hover,
.gchoice:hover,
.gfield--type-fileupload input[type="file"]:hover{
	cursor: pointer;
}

body .gform_title{display: none}
.gform_wrapper {margin: 35px 0px}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):before{
	background: #20639B!important
}
.gform_wrapper{
	width: 725px;
	max-width: 90%;
	margin: auto;
}
.gfield_radio{margin-bottom: 10px!important}
.bloc-form{padding-bottom: 90px!important}
.page_gform_wrapper{
	width: 841px;
	margin: auto;
	margin-bottom: 67px;
	max-width: 100%;
}
.page-form .title-slider{
	margin-top: 10px;
	margin-bottom: 18px;
}
.page-form{padding-top: 14px}
.gchoice {margin-right: 20px!important}
.gform_body select{
	-moz-appearance: none!important;
	-webkit-appearance: none!important;
	background-color: white;
	background-image: url(../img/svg/small-arrow-darkblue-down.svg)!important;
	background-repeat: no-repeat!important;
	background-position-x: 97.5%!important;
	background-position-y: 27px!important;
}
.gfield--type-fileupload  .gfield_label {

font-family: 'HankenGrotesk-Bold'!important;
font-size: 20px!important;
line-height: 26px!important;
	color: white!important;
}

.text-redirected{
margin: 5px!important;
font-family: 'HankenGrotesk-Regular'!important;
font-size: 16px!important;
color: #20639B!important;
}
html[lang="es"] .legend-list{
	opacity: 0!important
}
body #document-type-ressources,
 html[lang="es"]  .page-template-page-template-map-partners .type {
	display: none;
}
 .page-template-page-contact .gform-theme--framework .gform-field-label{
	 font-family: 'HankenGrotesk-Bold';
	 font-size: 16px;
	 line-height: 26px;
	 margin-bottom: 10px;
	 color: #20639B;
 }

.gform_body input[type="number"],
.gform_body input[type="password"],
.gform_body input[type="tel"],
.gform_body input[type="email"],
.gform_body input[type="mail"],
.gform_body select,
.gform_body input[type="text"]{
	height: 55px !important;
	padding: 0px 28px !important;
	display: flex;
	align-items: center;
}
/*searchfilter*/
.filter-post,
.searchandfilter ul>li>ul:not(.children){
	display: flex;
	align-items: center;
}

div.asl_r.vertical{
	z-index: 9999;
}
.filter-post p{
	font-size: 16px;
	color: #4A4A4A;
	font-family: 'HankenGrotesk-Bold';
	margin-right: 29px;
}
.searchandfilter ul li li label,
.searchandfilter ul li li{
	font-family: 'HankenGrotesk-Bold';
	font-size: 16px;
	color: #20639B;
}
.searchandfilter ul li li label{
	padding-left: 0px!important;
}
.searchandfilter ul li li label:hover,
.searchandfilter ul li li:hover{
	cursor: pointer!important;
}
.filter-post{
	padding-top: 65px;
	padding-left: 50px;
}
.sf-option-active label{text-decoration: underline!important}
.searchandfilter ul li li{
	padding: 0px 19.5px;
	margin: 0px 19.5px
}
.searchandfilter ul li li input{display: none}
/*animation*/
.hover-shadow {
    display: inline-block;
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    z-index: 9999;
}
.hover-shadow:hover {
    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.hover-shadow:hover:before {
    opacity: .4;
    transform: translateY(6px);
    animation-name: hover-shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);
    transition-duration: 0.3s;
    transition-property: transform opacity;
}
input:invalid{animation: shake 300ms}
@keyframes shake {
	25%{transform: translatex(4px)}
	50%{transform: translatex(4px)}
	75%{transform: translatex(4px)}
}
/*Global components*/
.scrollTop{
	width: 40px;
	height: 40px;
	background: white;
	position: fixed;
	bottom: 200px;
	right: 50px;
	border-radius: 5px;
	box-shadow: 1px 0px 14px #bfbfbf;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -999999;
	transition: 0.6s;
}
.scrollTop.active{
	opacity: 1;
	z-index: 99;
}
.scrollTop svg{width: 20px}
.message{
	clear: both;
	width: 100%;
	padding: 15px 30px;
	border-radius: 15px;
	font-size: 17px;
}
.message:after{
	display: inline-block;
	content: "\00d7"; /* This will render the 'X' */
	float: right;
  font-size: 20px;
}
.message:hover{cursor: pointer}
.message.error{
	background: #fde8e8;
	color: #cf2e2e;
}
.message.success{
	background: #def7ec;
	color: #00d084;
}
.message.info{
	background: #f3f4f6;
	color: #545454;
}
.message.info svg{
	width: 20px;
	top: 3px;
	position: relative;
	margin-right: 5px;
}
table{
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
}
table thead tr {
	background-color: #009879;
	color: #ffffff;
	text-align: left;
}
table th,
table td{padding: 12px 15px}
table tbody tr {border-bottom: 1px solid #dddddd}
table tbody tr:nth-of-type(even) {background-color: #efefef}
/* table tbody tr:last-of-type {border-bottom: 2px solid #009879} */
table tbody tr.active-row {
  font-weight: bold;
  color: #009879;
}
.animate-spin{
	fill: #1c64f2;
	width: 35px;
	-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;
	--tw-text-opacity: 1;
	color: rgb(229 231 235/var(--tw-text-opacity));
}
@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}
input::-webkit-input-placeholder{}
input::-moz-placeholder{}
input:-ms-input-placeholder{}
input:-moz-placeholder{}

body .slick-next,
body .slick-prev{
	z-index: 99;
}
body .slick-next:before{
	content: url(../img/svg/arrow-right-white.svg);
	z-index: 99;
	opacity: 1;
	display: block;
	position: relative;
	line-height: normal;
	height: 27px;
}
body .bloc-color-green .slick-next:before {
  content: url(../img/svg/arrow-right-green.svg);
}
body .bloc-color-green .slick-prev:before {
  content: url(../img/svg/arrow-left-green.svg);
}
body .slick-prev::before{
	content: url(../img/svg/arrow-left-white.svg);
	z-index: 99;
	opacity: 1;
	display: block;
	position: relative;
	line-height: normal;
	height: 27px;
}
.slick-prev {
  left: 50px;
	transition: 0.5s;
}
.slick-next {
  right: 50px;
	transition: 0.5s;
}
.slick-prev:hover,
.slick-next:hover {
	opacity: 0.6;
}
/*Theme components*/
/*THEME*/
body{height: initial !important}
section{overflow: hidden}
html,body{overflow: visible}
html,body{
	float: left;
	width: 100%;
}
.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: -120px;
  z-index: 9999;
  background: white;
  float: left;
  width: 100%;
}
.sticky-header.no-pre-header{
	top: -73px
}
.sticky-header[data-wpr-lazyrender],
.sticky-header [data-wpr-lazyrender],
.pre-header[data-wpr-lazyrender],
.gdpr_messagebar_detail[data-wpr-lazyrender],
.drawer-product[data-wpr-lazyrender],
.drawer-mediatheque[data-wpr-lazyrender],
.filter-post[data-wpr-lazyrender]{
	content-visibility: visible !important;
}

.pre-header-closed .sticky-header{top: -74.05px}
.pre-header-closed header .sub-menu{top: 147.5px}

@media screen and (max-width: 1100px){
	.pre-header-closed header .sub-menu {
    top: 142.5px;
}
}

body.no-preheader header .sub-menu{top: 147.5px}

@media screen and (max-width: 1100px){
	body.no-preheader header .sub-menu {
    top: 142.5px;
}
}

.pre-header{height: 46px}
.text-switch {
  position: absolute;
  left: 0;
  right: 0;
  top: -29px;
  transition: 0.8s top;
}
.text-switch.active {top: 13px}
.pre-header {
	background: transparent linear-gradient(90deg, #20639B 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;
	padding: 12.5px;
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	line-height: 21px;
	transition: 0.5s
}
.pre-header .close:hover{cursor: pointer}
.pre-header.close{margin-top: -46px}
.pre-header .simple-cta{margin-left: 5px}
.pre-header .close{
	position: absolute;
	right: 26px;
	top: 16px;
	width: 12px;
	height: 12px;
}
body .gform_footer {
	display: flex;
	justify-content: center;
	margin-top: 39px!important;
}
.pre-header .simple-cta{font-size: 16px}
.pre-header.display-bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	height: 10vh;
	min-height: 60px;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.15);
}
.pre-header.display-bottom .text-switch{
	position: static;
	top: auto;
}
.pre-header.display-bottom .close{
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 30px;
	height: 30px;
	padding: 8px;
	cursor: pointer;
	z-index: 100000;
	pointer-events: all;
}
.pre-header.display-bottom.closed{
	display: none;
}
body.has-display-bottom{
	padding-bottom: 10vh;
}
@media screen and (max-width: 767px){
	.pre-header.display-bottom{
		height: 10vh;
		min-height: 50px;
		padding: 10px 40px 10px 10px;
		font-size: 13px;
		line-height: 17px;
	}
	.pre-header.display-bottom .close{
		right: 12px;
	}
	body.has-display-bottom{
		padding-bottom: 10vh;
	}
}
.search{
	width: 514px;
	margin-left: 49.5px;
}
.main-menu{
	display: flex;
	align-items: center;
	justify-content: center;
}
#ajaxsearchlite1 .probox, div.asl_w .probox{flex-direction: row-reverse}
body #ajaxsearchlite1 .probox, body div.asl_w .probox{
	background: #F8F8F8;
	border: none;
}
#ajaxsearchlite1 .probox,
div.asl_w .probox{
	border-radius: 28px;
}
.promagnifier svg path{fill: #77787B}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: #77787B!important;
}
#ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: #C9C9C9!important;
}
#ajaxsearchlite1 .probox .proinput input::-moz-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: #C9C9C9!important;
}
#ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: #C9C9C9!important;
}
#ajaxsearchlite1 .probox .proinput input:-moz-placeholder{
	font-family: 'HankenGrotesk-Regular'!important;
	font-size: 16px!important;
	line-height: 21px!important;
	color: #C9C9C9!important;
}
#ajaxsearchlite1 .probox .proinput input{color: #C9C9C9}
.innericon > svg:nth-of-type(1){display: none!important}
body #ajaxsearchlite1 .probox{padding: 14px}
.top-menu,
.top-nav-menu ul,
.dl-li-icon a{
	display: flex;
	align-items: center;
}
.top-nav-menu  li{
	margin: 0px 15px;
	padding: 0px 15px
}
.top-menu li:hover a{transition: 0.7s}
.top-menu li:hover a{color: #A9AAAC}
.switch-lang{
	font-family: 'HankenGrotesk-Regular';
  font-size: 14px;
  display: flex;
  align-items: center;
}
.switch-lang span{
	font-size: 12px;
	margin-left: 2px
}
.top-menu .mini-text{margin-left: 28px}
.logo-block a{
	display: flex;
	align-items: center;
}
.logo-block .shape{margin-right: 16px}
body .top-menu{
	padding-right: 33px;
	padding-left: 17px;
	padding-top: 18.25px;
	padding-bottom: 18.25px;
}
.globe{margin-right: 6px}

body div.asl_r .results .item .asl_content h3,
body div.asl_r .results .item .asl_content h3 a{
	font-family: 'HankenGrotesk-Bold';
	font-size: 14px;
	color: #20639B!important;
}
div.asl_r .results .item .asl_content{
	display: flex;
	align-items: center;
}


.switcher-lang{
	position: fixed;
  box-shadow: 0px 2px 4px #00000017;
  border-radius: 24px;
  background: white;
  padding: 18px 20px;
  width: 152px;
  right: 15px;
	padding-left: 31px;
	top: -350px;
	transition: 0.5s top;
	z-index: 999;
}
.switcher-lang.active{top: 56px}
.switcher-lang .globe{
	position: absolute;
	margin-right: 0px;
	left: -18px;
	top: -3px;
}
.switcher-lang li.has-icon{
	padding-left: 10px;
	margin-bottom: 12px;
}
.switcher-lang li a{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	color: #77787B
}
.switcher-lang .arrow{
	position: absolute;
	right: 13px;
	top: 18px;
	z-index: 999;
	padding: 5px;
}
.switch-lang:hover,
.switcher-lang .arrow:hover{
	cursor: pointer;
}
.switcher-lang li{
	margin-bottom: 6px;
	position: relative;
}
.switcher-lang li:nth-child(1) div{opacity: 0.5}
.switcher-lang li span{font-size: 12px}
.switch-lang img:not(.globe){margin-left: 14px}
.dl-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
	margin-right: 7px
}
.dl-icon .trait{
	transform: translateY(3px);
	transition: 0.4s;
}
.dl-li-icon:hover .trait{transform: translateY(0px)}
.dl-li-icon:hover  svg path{fill: #A9AAAC}
.top-nav-menu a{
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	align-items: flex-start;
}
.top-menu .block-right{
	display: flex;
	align-items: center;
	margin-left: auto;
}
.flex-col-nav{
	z-index: 99;
	float: left;
	display: flex;
	position: relative;
	width: 1400px;
	flex-wrap: wrap;
	overflow-x: scroll;
	max-height: 100%;
}
.bloc-color-green .flex-col-nav.center-sub{
	justify-content: center;
}
header .sub-menu .sub{
	margin-bottom: 15px;
}
.sub-menu:not(.has-sub-sub-menu)  .flex-col-nav.center-sub{
	justify-content: center;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.flex-col-nav::-webkit-scrollbar {display: none}
/* Hide scrollbar for IE, Edge and Firefox */
.flex-col-nav {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.flex-col-nav .col li:last-child .sub-sub-menu {margin-bottom: 0px}
.sub-menu:not(.has-sub-sub-menu) .col > li{margin-bottom: 49px}
header .sub-menu {
	position: fixed;
	left: 100%;
	width: 100%;
	height: calc( 100vh - 148px);
	top: 193.5px;
	background: transparent linear-gradient(113deg, #F8F8F8 0%, #DCE6EE 100%) 0% 0% no-repeat padding-box;
	z-index: 9999999;
	transition: 0.7s;
	display: flex;
	justify-content: center;
	padding-top: 135px;
	padding-bottom: 100px;
}

body.no-preheader header .sub-menu.sticked,
header .sub-menu.sticked{top: 74px}
header .sub-menu .col{
	margin-bottom: 45px;
	width: 33.333333333333336%
}
header .sub-menu.center-sub-1 .col{
	margin-bottom: 0px;
	/* width: auto; */
	width: 33.333333333333336%
}
.sticky-header  .sub-menu{height: calc( 100vh - 74px)}
header .sub-menu.center-sub-1{
	padding-top: 0px;
	align-items: center;
	padding-bottom: 0px;
}
header .close{
	position: absolute;
	right: 53px;
	top: 22px;
	z-index: 999;
}
header .close:hover{cursor: pointer}
header .col {padding: 0px 60px}
header .col > li > a{
	font-family: 'HankenGrotesk-Bold';
	font-size: 24px;
	line-height: 31px;
	display: flex;
	align-items: center;
}
header nav .shape{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
	margin: auto;
	width: 274px;
}
header .col > li > ul li:last-child{
	margin-bottom: 0px;
}
.sub-sub-menu{
	margin-top: 14px;
  padding-left: 62px;
	margin-bottom: 74px
}
.sub-menu .mini-shape{
	position: absolute;
	bottom: 38px;
	right: 49px;
}
.flex-col-nav .col img{
    width: auto;
    height: 35px;
	margin-right: 11px;
}
nav.desktop ul li:nth-child(4) .flex-col-nav .col img,
nav.desktop ul li:nth-child(3) .flex-col-nav .col img{
    height: 40px;
}
header .col > li > ul li{margin-bottom: 13px}
header .col > li > ul a{
	font-family: 'HankenGrotesk-Regular';
	font-size: 18px;
	line-height: 23px;
}
header .sub-menu.active{left: 0}
header nav.desktop > ul{display: flex}
header nav.desktop > ul > li > a{
	padding: 0px 21.5px;
	margin: 0px 21px;
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	line-height: 28px;
	color: #20639B
}
.main-menu{
	float: left;
	width: 100%;
	padding: 9px;
	box-shadow: 0px 2px 3px #00000017
}
.reassurance ul,
.reassurance ul li{
	display: flex;
	 align-items: center;
}
.reassurance ul{
	padding: 51px 0px;
	justify-content: center;
}
.reassurance ul li {
	margin: 0px 60px;
	flex-direction: column;
}
.reassurance ul li img{margin-bottom: 15px}
.reassurance ul li span{
	font-family: 'HankenGrotesk-Bold';
	font-size: 20px;
	line-height: 26px;
}
/*LOGICAIR*/
.cta-btn.mt-20{
	margin-top: 20px;
}
 .drawer-logicair .big-text-bold{
	margin-bottom: 22px
 }
 .drawer-logicair  .medium-text p{
	margin-bottom: 10px
}
 .drawer-logicair  ol li{
	 margin-bottom: 10px;
 }
.form-logicair input{
	box-shadow: 2px 2px 4px #0000001A ;
	border-radius: 28px ;
	border: none;
	height: 33px;

}
.form-logicair input[type="checkbox"]{
	box-shadow: none;
	margin-right: 10px;
}
.form-logicair input[type="submit"]{
	height: auto;
  padding: 8.5px 20px;
  width: 179px;
  font-size: 17px;

}
.form-logicair input[type="text"],
.form-logicair input[type="email"]{
	width: 179px;
	padding: 0px 15px;
}
.form-logicair label{
	font-family: 'HankenGrotesk-Regular';
font-size: 16px;
line-height: normal;
}



.form-logicair .td-check{
	align-items: center;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
padding: 0px;
margin-bottom: 10px;
}
.logicair-second-block{
margin-top: 50px;
margin-bottom: 50px;
}
.logicair-first-block .regular-title,
.logicair-second-block .regular-title{
	margin-bottom: 20px;
}
.form-logicair table tbody tr.special-tr {
background-color: #ffffff!important;
}
body .bloc-logged-logicair{
	margin-bottom: 120px;
}
.special-tr td{
	padding-top: 0px;
}
.form-logicair table{
	width: 680px;
	max-width: 100%
}
.form-logicair  table tbody tr:nth-of-type(even) {
    background-color: #f8f8f8;
}

.form-logicair  table tbody tr {
border: none;
}

/*product*/
.drawer-product{
	position: fixed;
	top: 0;
	z-index: 99999;
	right: -1005px;
	height: 100vh;
	overflow-y: scroll;
	width: 1000px;
	transition: 1s;
	padding-bottom: 35px;
}
.drawer-product .inner{
	padding-top: 36px;
	padding-left: 110px;
	padding-right: 100px;
	z-index: 999999;
  position: relative;
	float: left;
	width: 100%;
}
.drawer-product:before{
	content: "";
	position: fixed;
	right: -100%;
	width: calc(100% - 1000px);
	background: white;
	opacity: 0.7;
	height: 100%;
	z-index: 9;
	top: 0;
	transition: 1.1s
}
.drawer-product.active:before{right: 1000px}
.drawer-product.active{right: 0px}
.drawer-product::-webkit-scrollbar {display: none}
.drawer-product {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.drawer-product .close{
	position: absolute;
	top: 40px;
	right: 40px;
}
.drawer-product .close:hover{cursor: pointer}
.drawer-spec ul{
	margin-top: 17px;
	margin-bottom: 45px;
}
.drawer-spec ul li{
	margin-bottom: 9px;
	padding: 10px 30px;
	padding-right: 0px;
	display: flex;
	border-radius: 24px;
}
.drawer-product .regular-title{margin-bottom: 22px}
.drawer-spec ul li:nth-child(odd){background: white}
.drawer-spec ul li .value{
	margin-left: auto;
	font-family: 'HankenGrotesk-Bold';
	width: calc(100% - 435px);
	text-align: right;
	padding-right: 145px;
	font-size: 16px;
}
.drawer-spec .key{
	width: 435px;
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	line-height: 26px;
}
 .name-file{
	 font-family: 'HankenGrotesk-Regular';
	 font-size: 18px;
	 float: left;
	}
.data-fles{
	display: flex;
	margin-left: auto;
	float: right;
}
.data-fles div{
	font-family: 'HankenGrotesk-Regular';
	font-style: italic;
	font-size: 14px;
	color: #C9C9C9;
	padding-right: 20px;
	position: relative;
	width: 110px;
}
.data-fles div:nth-child(2){
	width: 80px;
	padding-right: 0px;
	text-align: right;
	margin-right: 45px
}
.data-fles div:nth-child(1):before{
	content: "";
	width: 1px;
	height: 90%;
	background: #C9C9C9;
	position: absolute;
	right: 5px;
	top: 5%;
}
.data-fles.no-border div:nth-child(1):before{
		content: none;
}
.drawer-dl ul{
	float: left;
	width: 100%;
}
.primary-dl{
	display: flex;
	background: white;
	border-radius: 24px;
	margin-bottom: 60px;
	margin-top: 60px;
	align-items: center;
	padding: 20px 25px;
	position: relative;
}
.primary-dl .content{padding-left: 31px}
.primary-dl .medium-text-bold{margin-bottom: 2px}
.primary-dl .medium-text a{
	color: #20639B;
	text-decoration: underline;
}
.primary-dl > img{width: 133px}
.primary-dl  .dl-icon{
	width: auto;
	position: absolute;
	right: 38px;
}
.drawer-dl ul li{
	border-radius: 24px;
  margin-bottom: 9px;
  padding: 17px 30px;
  padding-right: 38px;
  display: table;
  width: 100%;
}
html[lang="en-US"]  .postid-4095 .drawer-dl ul li:nth-last-child(-n+2) {
    display: none;
}



.drawer-dl ul li 	a{
	display: flex;
	width: 100%;
	display: table;
}
.drawer-similar > .inner > ul{
	 display: flex;
	 flex-wrap: wrap;
}
.drawer-similar > .inner > ul{margin-top: 96px}
.drawer-similar > .inner >  ul > li{
	width: calc(50% - 24px);
  flex: 50%;
  margin-bottom: 69px;
  padding-right: 24px;
}
.drawer-similar .title-slider{margin-bottom: 6px}
.drawer-similar .attr-parent{margin-top: 6px}
.drawer-similar .content-slide {padding-right: 15px}
.group-country{
	position: absolute;
	top: 22px;
	right: 26px;
	display: flex;
	/* align-items: center; */
	align-items: flex-start;
}
.flex-braden-top-new{
	width: 120px;
	display: flex;
	flex-wrap: wrap;
}
.mini-text-braden {
	font-family: 'HankenGrotesk-Medium';
	font-size: 9px;
	letter-spacing: -0.18px;
	margin-bottom: 2px;
}
.flex-braden-top-new .col{
	width: 25%;
	display: flex;
	padding: 2px 0px;
}
.flex-braden-top-new .col span{
color: white;
font-family: 'HankenGrotesk-Medium';
	font-size: 10px;
}

.flex-braden-top-new .col-1{
background: #6AC17B
}
.flex-braden-top-new .col-1 span{
	left: 5px;
	position: relative;
}

.flex-braden-top-new .col-2{
background: #F7C759
}


.flex-braden-top-new .col-2 span{
	position: relative;
left: -3px;
}
.flex-braden-top-new .col-3{
background: #F9AE14
}
.flex-braden-top-new .col-3 span{
	position: relative;
left: -7px;
}
.flex-braden-top-new .col-3 span.second-span{
left: 5px;
margin-left: auto;
}

.flex-braden-top-new .col-4{
background: #E96D4A
}
.flex-braden-top-new .col-4 span{
margin-left: auto;
right: 5px;
position: relative;
}


.braden-top-new{
	z-index: 99;
	margin-left: 20px;

}
.indicator-braden{
position: relative;
display: flex;
    flex-direction: column;
    color: #4A4A4A;
    font-family: 'HankenGrotesk-Bold';
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 0.18px;
    width: fit-content;
    justify-content: center;
    align-items: center;
	}

.group-country > img{
	margin-left: 15px;
	z-index: 99;
	width: 31px;
}
.group-country > img.mad-in-fr{
width: 50px;
}



.breadcrumb{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.product-page .breadcrumb{margin-bottom: 75px}
.breadcrumb {
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	line-height: 26px;
}
.drawer-dl ul li:nth-child(odd){background: #FFFFFF}
.product-page{margin-top: 15px}
.product-intro{
  width: 564px;
	box-shadow: 2px 2px 4px #00000017;
  border-radius: 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 190px;
  float: left;
	padding: 42px 28px 48px 37px;
	z-index: 999;
}

.product-page.full_page_blocks .product-intro{
	position: relative;
	top: 0;
}

.flex-btn-single{
	display: flex;
	align-items: center;
}
.product-intro .group-btn ,
.product-intro .big-text-bold{
	margin-bottom: 25px
}
.product-intro .medium-title {margin-bottom: 47px}
.product-intro .group-btn button{
	font-family: 'HankenGrotesk-Regular';
  font-size: 18px;
  line-height: 23px;
  padding: 0px;
  margin: 0px;
  border: none;
  background: none;
  margin-right: 20px;
	text-decoration: underline;
}
.product-intro .medium-text strong{font-family: 'HankenGrotesk-Bold'}
.product-intro .medium-text{margin-bottom: 63px}
.cta-simple-dl{
	display: table;
	margin-top: 0;
	font-family: 'HankenGrotesk-Regular';
	font-size: 20px;
	line-height: 26px;
	margin-left: 46px;
}
.cta-simple-dl span{
	margin-left: 10px;
	text-decoration: underline;
}
 .product-page > .container{
	 display: block;
	 flex-wrap: wrap;
 }
 .product-page > .container .inner{
	float: left;
	width: 100%;
 }
.product-images .mini-slide-product.unslick{
	opacity: 1;
}

.product-images{
	width: calc(100% - 564px);
	float: left;
	padding-left: 37px;
	position: relative;
}
.single-products .product-images{
	    padding-top: 70px;
}
.product-images .group-country{
	left: 118px;
	right: inherit;
}
.product-page .group-country{top: 0}
.product-page .braden-top{margin-left: 15px}
.braden-top{
	display: flex;
	z-index: 99;
	align-items: center;
}
.braden-top p{
	font-family: 'HankenGrotesk-Black';
	font-size: 10px;
	text-decoration: underline;
	color: #FB9C00;
	text-transform: uppercase;
}
.partners{
	display: flex;
  width: 100%;
  background: #F8F8F8;
  overflow: hidden;
  border-radius: 24px;
  padding: 21px;
  margin-top: 70px;
	overflow: visible;
}
.partners.no-slick{
	justify-content: center;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.partners::-webkit-scrollbar {display: none}
/* Hide scrollbar for IE, Edge and Firefox */
.partners {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.partners .slick-prev{
	left: -15px;
	top: 31px;
}
.partners .slick-next {
	right: 0;
	top: 31px;
}
.partners img{
	height: 45px;
	margin: 0px 18px;
	object-fit: contain;
}
.braden-top span{
	width: 31px;
  height: 31px;
  background: #FB9C00;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'HankenGrotesk-Black';
  font-size: 18px;
  border-radius: 5px;
  margin-right: 6px;
}
.product-images .slick-slider{
	display: block;
	padding-left: 19px;
}
.builder-product .items{
   border-radius: 24px;
   margin-bottom:25px;
   width: calc(100% - 601px)
 }
.bloc-content-product a{
	 text-decoration: underline;
 }
 .product-page.full_page_blocks .builder-product .content{
	 flex-direction: row;
	 flex-wrap: wrap;
	 gap: 50px;
	 align-items: normal;
 }
 .full_page_blocks .builder-product .items {
    width: calc(50% - 25px);
}
 .product-page.full_page_blocks .builder-product   .items{
	 border-radius: 24px;
	 margin-bottom: 25px;
	 width: calc(50% - 25px);
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
 }




 .builder-product .items:last-child{margin-bottom: 0px}
.builder-product .content{
	display: flex;
	flex-direction: column;
	align-items: end;
 }
.builder-product{
	margin-top: 80px;
	padding-top: 65px;
	position: relative;
}
.product-page{overflow: visible}
/* .single-products{overflow-x: hidden} */
.background-product{
  height: 100%;
  position: absolute;
  background: #f8f8f8;
  top: 0;
  z-index: -1;
 }
 footer .colors-logo{
	 position: absolute;
	 margin: 0px;
	 right: 280px;
	 bottom: 45px;
}
 .bloc-image-content-product {
	 padding-top: 52px;
	 padding-bottom: 56px;
 }
.bloc-image-content-product figure img{
	border-radius: 24px;
	margin-top: 30px;
	margin-bottom: 36px;
	height: 350px;
    object-fit: contain;
}
.product-page.full_page_blocks .builder-product .items .dots{
	display: none;
}
.bloc-image-content-product figure figcaption{
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	line-height: 26px;
}
.colors-logo{display: flex}
.colors-logo span{
	width: 12px;
	height: 12px;
	border-radius: 2px;
	margin-right: 5px
}
.colors-logo span:nth-child(1){background: #00AEEF}
.colors-logo span:nth-child(2){background: #00B8B2}
.colors-logo span:nth-child(3){background: #6AC17B}
.bloc-cat-product .colors-logo {margin-bottom: 35px}
/*Category*/
.banner-category{
	padding-top: 15px;
	background-size: cover;
	background-position: center;
}
.banner-category:before {
	content: "";
	width: 100%;
	background: rgb(255 255 255 / 79%);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.cta-btn.open-builder{margin-right: 30px}
.archive .list-posts{margin-top: 35px}
.list-sub-tax{
	margin-top: 15px;
	margin-bottom: 17px;
	display: flex;
	align-items: center;
}
.list-sub-tax li{margin-right: 55px}
.list-sub-tax a{text-decoration: underline}
.filters{margin-top: 15Px}
.filter-product{
	margin-bottom: 25px;
	padding-left: 0px;
}
.filter-product ul{display: flex}
.filter-product ul li{margin-right: 32px}
.filter-product ul li select{
	background: none;
	color: #20639B;
	font-size: 16px;
	font-family: 'HankenGrotesk-Bold';
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../img/svg/small-arrow-darkblue-down.svg);
	background-repeat: no-repeat;
	background-position-x: 93%;
  background-position-y: 5px;
  width: auto;
}

.chosen-container-single .chosen-single{
	background: none;
	color: #20639B;
	font-size: 16px;
	font-family: 'HankenGrotesk-Bold';
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../img/svg/small-arrow-darkblue-down.svg);
	background-repeat: no-repeat;
	background-position-x: 93%;
	background-position-y: 7px;
	width: auto;
	box-shadow: none;
}
.chosen-container-single .chosen-drop {
    box-shadow: 0px 2px 4px #00000017;
}
.chosen-container-single .chosen-search input[type=text]{
	border: none;
	box-shadow: none;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #20639B;
    width: 100%;
    background-image: none;
}

.chosen-container .chosen-results {

    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.chosen-container-single .chosen-single div{
	display: none;
}
.filter-product ul{
	align-items: center;
}
.chosen-container .chosen-results li{
	font-size: 14px;
	padding: 2px 6px
}
.chosen-container-single .chosen-single span{
	line-height: normal;
}
.filter-product ul li select:hover{cursor: pointer}
.filter-product ul li select:focus,
.filter-product ul li select:active{
	outline: none;
}
body .chosen-container .chosen-drop{
border: none;
}
.chosen-container-single .chosen-search {
    padding: 0px;

}
body .chosen-container-active.chosen-with-drop .chosen-single{
	box-shadow: none;
border: none;
background: none;
}
.filter-product p {
  font-size: 16px;
  color: #4A4A4A;
  font-family: 'HankenGrotesk-Bold';
  margin-right: 48px;
}
.banner-category .big-title{
	display: table;
	margin-top: 15px;
	margin-bottom: 27px;
}
.banner-category .medium-text-bold{
	margin-bottom: 35px;
	width: 592px
}
.banner-category .group-cta{
	position: relative;
	right: 0;
	top: 0px;
	margin-bottom: 105px;
}
.banner-category .inner{
	z-index: 9;
	position: relative;
}
.list-posts{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.list-posts > li{
	width: calc(33.333333333333336% - 20px);
	list-style-type: none;
	margin-bottom: 118px
}
.list-posts .attr-parent{flex-direction: column}
.list-posts .attr-parent .attr:nth-child(2){
	margin: 0px;
	padding: 0px;
}
.tab-builder-tax{display: none}
/*list blog post */
.list-post-blog{
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
	padding-top: 68px;
}
.list-post-blog li{
	width: calc(33.333333333333336% - 34px);
	border-radius: 24px;
	position: relative;
}
.list-post-blog .content-slide{
	padding-top: 19px;
	padding-bottom: 79px;
	border-bottom-right-radius: 24px;
	border-bottom-left-radius: 24px;
	position: relative;
}
.slide-post .simple-cta:before,
.list-post-blog  .simple-cta:before {
  width: calc(100% - 28px);
  right: 2px;
}
.list-post-blog li{margin-bottom: 100px}
.list-post-blog  .medium-text{margin-top: 6px}
.list-post-blog li picture{
	height: 229px;
	width: 100%;
	display: table;
}
.list-post-blog li .filter img{
	width: 100%;
	border-radius: 24px 24px 0px 0px;
	height: 100%;
	object-fit: cover;
}
/*pagination*/
.pagination{
	margin-top: 25px;
	margin-bottom: 150px;
	text-align: center;
}
.page-numbers{
	background: #20639B;
	width: 40px;
	height: 40px;
	margin: 0px 7.5px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	color: white;
	border-radius: 100%;
}
.page-numbers.current{
	color: #20639B;
	background: #BED0DF
}
.page-numbers svg{
	width: 14px;
	height: 14px;
}
.page-numbers.dots{
	background: none;
	color: #20639B;
	width: auto;
	margin: 0px;
}
/*top post*/
.parent-post-builder{padding-top: 40px}
.top-post{
	padding-top: 15px;
	padding-bottom: 75px;
	background: #eef3f7
}
.post-top-card{display: flex}
.post-top-card  picture{
	display: table;
	width: 609px;
	height: 438px;
}
.post-top-card .content{
	padding-top: 0px;
	width: calc(100% - 609px);
	padding-left: 65px;
}
.post-top-card img{
	width: 100%;
	height: 100%;
	border-radius: 24px;
	object-fit: cover;
}
.post-top-card  ul{display: flex}
.post-top-card .date{
	margin-bottom: 14px;
	margin-top: 21px;
}
.post-top-card  .medium-title {margin-bottom: 27px}
.post-top-card .label-job{background: rgb(32 99 155 / 70%)}
.post-top-card .label-job a{color: white}
/*top-page*/
.top-page{
	padding-top: 15px;
	padding-bottom: 85px;
	padding-left: 0px;
	padding-right: 0px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.top-page::before{
	content: "";
	position: absolute;
	background: rgb(255 255 255 / 79%);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.top-page .container{
	z-index: 9;
	position: relative;
}
.top-page .breadcrumb{margin-bottom: 60px}
.top-page .medium-title{
	width: 800px;
	max-width: 100%;
}
.top-page .medium-text-bold{
	margin-top: 27px;
	width: 600px;
	max-width: 100%;
}
/*MAP*/
.bloc-text-map{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
}
.legend-list{
	display: flex;
	width: 100%;
	align-items: center;
	margin-top: 30px;
}
.legend-list li{
	display: flex;
	align-items: center;
	margin-right: 55px;
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
}
.legend-list li img{margin-right: 16px}
.block-select{
	background: #D4E1EC;
	padding: 35px;
	padding-left: 30px;
	padding-right: 65px;
}
.block-select select{
	box-shadow: 2px 2px 4px #0000001A;
	border-radius: 28px;
	height: 55px;
	width: 431px;
	padding: 0px 20px;
	border: none;
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	color: #20639B;
}
#filiale-info{
	height: calc(700px - 125px);
	width: 100%;
	background: #E7EEF3;
	padding: 36px 30px;
}
#filiale-info ul li{
	font-size: 18px;
  color: #4A4A4A;
  font-family: 'HankenGrotesk-Regular';
  max-width: 400px;
  line-height: 20px;
  margin-bottom: 38px;
  list-style-type: disc;
  margin-left: 20px;
	margin-bottom: 5px;
}
#filiale-info p b,
#filiale-info p strong,
#filiale-info li b,
#filiale-info li strong{
	font-family: 'HankenGrotesk-Bold';

}


#filiale-info h3{
	font-family: 'HankenGrotesk-Bold';
	font-size: 22px;
	line-height: 23px;
	margin-bottom: 15px;
}
#filiale-info h3 span{font-family: 'HankenGrotesk-Regular'}
#filiale-info #filiale-info{padding: 0px}
#filiale-info img{
	margin-bottom: 20px;
	max-width: 200px;
	max-height: 100px;
	object-fit: contain;
}
#filiale-info p:not(.type){
	font-size: 18px;
	color: #4A4A4A;
	font-family: 'HankenGrotesk-Regular';
	max-width: 400px;
	line-height: 23px;
	margin-bottom: 38px;
}
#filiale-info .cta-btn.bg-white{
	display: table;
	margin-top: 26px;
}
#filiale-info .cta-btn{width: 305px}
.top-map{margin-bottom: 31px}
.top-mediatheque{margin-bottom: 0px}
.page-template-page-files .breadcrumb,
.top-map .breadcrumb{margin-top: 14px}
.top-map .medium-text-bold{margin-top: 20px}
.block-select select{
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: white;
	background-image: url(../img/svg/small-arrow-darkblue-down.svg);
	background-repeat: no-repeat;
	background-position-x: 93%;
	background-position-y: 25px;
}
.block-select  select:focus{outline: none}
.type{
	font-family: 'HankenGrotesk-Bold';
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 5px;
}
/*Job*/
.career-blue::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent linear-gradient(90deg, #20639B 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;
	opacity: 0.9;
}
.career-blue .inner{
	z-index: 9;
	position: relative;
}
.career-blue{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 125px;
	padding-bottom: 75px;
	position: relative;
}
.career-blue  .special-title{padding: 0px 20px}
.career-blue .medium-text-bold{
	width: 856px;
	text-align: center;
	margin: auto;
	margin-top: 35px;
	margin-bottom: 70px;
}
.banner-single-job .breadcrumb{margin-top: 14px}
.banner-single-job::before{
	content: "";
	background: transparent linear-gradient(90deg, #20639B 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	opacity: 0.7;
	top: 0;
}
.banner-single-job .breadcrumb ,
.banner-single-job .breadcrumb a{
	color: #FFFFFF
}
.banner-single-job .breadcrumb span{color: #00AEEF}
.banner-single-job  .breadcrumb{margin-bottom: 100px}
.banner-single-job .medium-text-bold{
	width: 600px;
	margin-top: 25px;
}
.banner-single-job{
	background-position: center;
	background-size: cover;
	padding-bottom: 45px;
}
.label-job-required,
.label-job{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 15Px;
	margin-right: 24px;
	text-align: center;
}
.label-job{
	color: #20639B;
	background: white;
}
.label-job-required{
	color: white;
	background: rgb(95 143 183 / 70%)
}
.group-labels-job{
	display: flex;
	margin-bottom: 15px;
	margin-top: 13px;
	flex-wrap: wrap;
}
.group-labels-job .label-job,
.group-labels-job .label-job-required{
	margin-bottom: 17px;
}

.banner-single-job .container{
	z-index: 9;
	position: relative;
}
.flex-cta{
	display: flex;
	align-items: center;
}
.flex-cta span{text-decoration: underline}

/*Job list*/
.parent-rea{
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	margin-top: 55px;
}
.parent-rea .slick-next{
	right: -50px;
}
.item-rea-job{
	width: calc(50% - 42px);
	background: white;
	padding: 36px;
	border-radius: 24px;
	margin-right: 28px;
}
.banner-single-job.banner-careers .breadcrumb{margin-bottom: 60px}
.banner-careers .special-title{
  line-height: normal;
  margin-top: 35px;
}
.banner-careers{padding-bottom: 65px}
.list-careers .regular-title{
	margin-top: 60px;
	margin-bottom: 24px;
}
.list-careers{padding-bottom: 120px}
.list-jobs{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 67px
}
.list-jobs li{
	width: calc(33.333333333333336% - 20px);
	list-style-type: none;
	margin-bottom: 18px;
  border-radius: 24px;
	position: relative;
}
.reassurance-jobs{
	display: block;
margin-top: 100px;
float: left;
width: 100%;
}
.list-jobs li picture{
	display: table;
	width: 100%;
}
.list-jobs li picture img{
	width: 100%;
	height: 259px;
	border-radius: 24px 24px 0px 0px;
	    object-fit: cover;
}
.list-jobs .group-labels-job{margin-bottom: 19px}
.list-jobs  .title-slider{
	margin-bottom: 58px;
  line-height: 30px;
}
.list-jobs  .simple-cta span{
	text-decoration: underline;
}
.list-jobs .content-slide{
	padding: 19px 24px 29px 24px;
}
.list-jobs .simple-cta{
	position: absolute;
	right: 26px;
  bottom: 29px;
}
.list-jobs .group-labels-job span{
	color: #20639B;
	font-size: 14px;
	font-family: 'HankenGrotesk-Regular';
	padding-right: 15px;
	margin-right: 15px;
	position: relative;
}
.list-jobs .group-labels-job span:nth-child(2){
	padding-right: 0px;
	margin-right: 0px;
	padding-left: 30px;
	margin-left: 0px;
}
.list-jobs .group-labels-job span:nth-child(2):before{
	content: "";
	height: 14px;
	width: 1px;
	background: #20639B;
	position: absolute;
	left: 0;
}
.item-rea-job .regular-title{
	margin-bottom: 16px;
	margin-top: 0px;
}
/*Ressources library*/
.card-toggle {
	margin: 30px auto;
	padding: 0px;
	float: right;
	align-items: center;
	margin-right: 20px;
	position: relative;
	display: flex;
}
.toggle-siwtch-parent{
	display: flex;
	align-items: center;
}
.card-toggle .card-body {padding: 0px 8px}
.card-toggle .switch {
	display: inline-block;
	height: 35px;
	position: relative;
	width: 62px;
}
.card-heading{margin-right: 18px}
.card-toggle .slider {
	background-color: white;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
	box-shadow: 2px 2px 4px #0000001A;
}
.card-toggle .slider:before {
	background-color: #20639B;
	bottom: 4px;
	content: "";
	height: 26px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 26px;
}
.card-toggle .off .slider:before{background: #77787B}
.card-toggle .on .slider:before {transform: translateX(0px)}
.card-toggle .off .slider:before {transform: translateX(28px)}
.card-toggle .slider.round {border-radius: 34px}
.card-toggle .slider.round:before {border-radius: 50%}
.toggle-siwtch-parent .yes{
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	color: #20639B;
}
.toggle-siwtch-parent .no{
	font-family: 'HankenGrotesk-Regular';
	font-size: 18px;
	color: #77787B;
}
.toggle-siwtch-parent.off .yes{font-family: 'HankenGrotesk-Regular'}
.toggle-siwtch-parent.off .no{font-family: 'HankenGrotesk-Bold'}
.select{
	width: 351px;
	background: white;
	border: none;
	color: #20639B;
	font-family: 'HankenGrotesk-Bold';
	font-size: 18px;
	padding: 18.5px 28px;
	box-shadow: 2px 2px 4px #0000001A;
	border-radius: 28px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-color: white;
	background-image: url(../img/svg/small-arrow-darkblue-down.svg);
	background-repeat: no-repeat;
	background-position-x: 93%;
	background-position-y: 25px;
}
.select:focus,
.select:active{
	outline: none
}
.group-filter-files .select{margin-right: 38px}


.group-filter-files{
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 40px;
}
.filter-post.filter-files.show-mobile{
	display: none!important
}
@media screen and (max-width: 767px){
	.filter-post.filter-files.show-mobile{
		display: block!important
	}
}
/* html[lang="en-GB"] .page-template-page-files .group-filter-files,
html[lang="es"] .page-template-page-files .group-filter-files{
display: none!important;
} */


ul.files .dl-icon{width: 18px}
/*mediatheque*/
#table-doc_filter input{
	box-shadow: 2px 2px 4px #0000001A;
	border-radius: 28px;
	background: white;
	border: none;
	width: 381px;
	padding: 0px 20px;
	height: 56px;
	max-width: 421px;
	display: block;
}
#table-doc_filter  input::-webkit-input-placeholder{
	color: #7EA4C4;
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
}
#table-doc_filter  input::-moz-placeholder{
	color: #7EA4C4;
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
}
#table-doc_filter  input:-ms-input-placeholder{
	color: #7EA4C4;
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
}
#table-doc_filter  input:-moz-placeholder{
	color: #7EA4C4;
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
}
#table-doc_filter  input{
	background-image: url(../img/svg/search-blue.svg);
	background-repeat: no-repeat;
	background-position-x: 20px;
	background-position-y: 15px;
	padding-left: 60px;
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
	color: #20639B;
}
.dataTables_empty{
	font-size: 16px;
	font-family: 'HankenGrotesk-Regular';
	color: #707070;
}
#table-doc_filter input:focus{outline: none}
.category-filter-wrapper{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
}

select#category-filter{
	border-radius: 28px;
		padding: 7px 16px;
		border: none;
		box-shadow: 2px 2px 4px #0000001A;
		margin-left: 10px;
}
@media screen and (max-width: 767px){
	select#category-filter{
		margin-left: 0px;	
	}
}


.cta-all-zip{
	position: relative;
		top: 0;
		left: 0;
		display: flex;
		margin-top: 20px;
}
.cta-all-zip a{
	text-decoration: underline;
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
}
.int-link{
float: right;
width: 100%;
text-align: right;
margin-bottom: 10px;
}
.int-link svg{
	width: 31px;
height: 31px;
}

.cta-all-zip .dl-icon {
  top: -2px;
  position: relative;
}
.mediatheque-container{
    padding-top: 20px;
	position: relative}
.mini-cta{
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	display: flex;
	align-items: center;
}
.mini-cta img{margin-right: 10px}
.top-group-cta-mediatheque .mini-cta{margin-right: 45px}
.top-group-cta-mediatheque a span,
.drawer-mediatheque .cols .right a span,
.top-group-cta-mediatheque .mini-cta span{
	text-decoration: underline;
}
.drawer-mediatheque{
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	background: #F8F8F8;
	top: 0;
	z-index: 9999999;
	right: -100%;
	transition: 0.75s;
	padding: 0px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.drawer-mediatheque::-webkit-scrollbar {
  display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.drawer-mediatheque {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.drawer-mediatheque.active{right: 0}
#table-doc{
	width: 100%;
	margin-top: 52px;
	margin-bottom: 110px
}
#table-doc thead,
.dataTables_length{display: none}
#table-doc tr{
	box-shadow: 0px 2px 4px #00000017;
  border-radius: 24px;
  width: 100%;
  margin-bottom: 18px;
  float: left;
  display: flex;
	align-items: center;
  padding:  0px 10px;
  background: white;
}
.poid-files{
	color: #C9C9C9;
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	font-style: italic;
}
#table-doc_wrapper{margin-top: 40px}
.product-link {
	font-family: 'HankenGrotesk-Regular';
	font-size: 18px;
	color: #20639B;
	display: flex;
	align-items: center;
}
.product-link img{
	width: 80px;
	margin-right: 30px;
}
#table-doc_wrapper td.second{margin-left: auto}
#table-doc_wrapper .third{
	display: flex;
	padding-left: 35px;
}
#table-doc_wrapper .third svg{
	width: 30px;
	height: 20px;
	top: 8px;
}
#table-doc_wrapper .third svg.trait{
	width: 19px;
	height: 22px;
	transform: translateY(-9px);
}
#table-doc_wrapper .third  .dl-icon{
	top: 8px;
	position: relative;
}
.dataTables_info,
.mediatheque .paginate_button {
	display: none;
}
.open-pop-up-mediatheque{margin-right: 32px}
.open-pop-up-mediatheque:hover{
	cursor: pointer;
}
.drawer-mediatheque .inner{
	padding: 40px 0px;
	padding-bottom: 50px;
	width: 1377px;
	margin: auto;
}
.drawer-mediatheque .cols{
	display: flex;
	margin-top: 45px;
	flex-wrap: wrap;
}
.drawer-mediatheque .cols .right{
	width: 727px;
	margin-left: 102px;
}
.drawer-mediatheque .cols .right picture img{
	width: 100%;
	height: 483px;
	border-radius: 20px;
	margin-bottom: 30px;
  object-fit: cover;
}
.drawer-mediatheque .cols .right a,
.drawer-mediatheque .cols .right .mini-text{
	padding-left: 25px;
}
.drawer-mediatheque .cols .right .mini-text{margin-bottom: 15px}
.drawer-mediatheque .cols .left{
	width: 548px;
	gap: 25px;
	display: flex;
	flex-wrap: wrap;
}
.dots-img.active{border: 2px solid #20639B}
.dots-img{
	width: 166px;
	height: 117px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 13px;
}
.close-drawer-mediatheque:hover,
.dots-img:hover{
	cursor: pointer;
}
.top-group-cta-mediatheque a,
.top-group-cta-mediatheque{
	display: flex;
  align-items: center;
}
.drawer-mediatheque .regular-title{margin-bottom: 25px}
.close-drawer-mediatheque{
	position: absolute;
	right: 50px;
	top: 50px;
	transition: 1s;
}
.close-drawer-mediatheque:hover{opacity: 0.7}
/*files*/
ul.files{
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 200px;
	margin-top: 52px;
}
ul.files li{
	background: white;
	box-shadow: 0px 2px 4px #00000017;
	border-radius: 24px;
	margin-bottom: 18px;
	position: relative;
	padding: 18px 50px 21px 39px;
}
ul.files .data-fles div{width: auto}
ul.files .group-text{
	width: 700px;
  display: flex;
  flex-direction: column;
}
ul.files .group-text .medium-text a{
	display: inline;
}

ul.files .title-slider{margin-bottom: 6px}
ul.files li a{
	display: flex;
	align-items: center;
}
.li-etude{
	display: flex;
	align-items: center;
}
ul.files .li-etude.has-additional-files{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
ul.files .li-etude.has-additional-files .group-text{
	width: 100%;
}
.additional-files-list{
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.additional-file-item{
    background: #f8f8f8 !important;
    border-radius: 12px !important;
    padding: 10px 18px !important;
    transition: background 0.2s ease;
    margin-bottom: 0 !important;
}
.additional-file-item:hover{
	background: #dceaf5;
}
.additional-file-item a{
	display: flex;
	align-items: center;
	gap: 10px;
	color: #20639B;
	font-family: 'HankenGrotesk-Regular';
	font-size: 15px;
	text-decoration: none;
}
.additional-file-item a:hover{
	text-decoration: underline;
}
.additional-file-item .dl-icon{
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}
.open-iframe-video{
	margin-right: 20px;
	width: 30px;
	height: 30px;
}
 .close-iframe-video:hover,
.open-iframe-video:hover{
	cursor: pointer;
}
.iframe-video{
	position: fixed!important;
    top: 0;
    left: 0;
    z-index: 9999999;
    height: 100vh;
    width: 100%!important;
    background: white;
    margin: 0px;
    flex-direction: column;
		justify-content: center;
		align-items: center;
}
.iframe-video.active{
	display: flex!important;

}
.iframe-video iframe{
	width: 500px;
	max-width: 95%
}
.iframe-video img{
	width: 60px;
	    position: absolute;
	    right: 30px;
	    top: 30Px;
}

/*Footer*/
footer{
	background: 	-webkit-linear-gradient(left, rgba(32,99,155,1) 0%, rgba(32,99,155,1) 62%, rgba(14,141,202,1) 100%, rgba(1,171,236,1) 100%);
	background: 	-o-linear-gradient(left, rgba(32,99,155,1) 0%, rgba(32,99,155,1) 62%, rgba(14,141,202,1) 100%, rgba(1,171,236,1) 100%);
	background: 	linear-gradient(to right, rgba(32,99,155,1) 0%, rgba(32,99,155,1) 62%, rgba(14,141,202,1) 100%, rgba(1,171,236,1) 100%);
	display: flex;
	justify-content: center;
	color: white;
	padding-top: 50px;
	padding-bottom: 42px;
}
footer a{color: white}
footer a,
footer .adresse{
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	line-height: 28px;
}
footer .adresse{
	margin-top: 22px;
	margin-bottom:21px
}
footer > div{margin: 0px 70px}
footer > div li{margin-bottom: 18px}
footer .block-2,
footer .block-3{
	margin-top: 63px
}
footer .rs{
	margin-top: 54px;
	color: #BED0DF;
}
footer .rs img{
	margin-right: 21px;
	width: 40px;
	height: auto;
}
footer .copy{
	margin-top: 68px;
	font-size: 14px;
	font-family: 'HankenGrotesk-Regular';
	color: #BED0DF;
}
footer > .block-1 > a {
  text-decoration: underline;
  display: flex;
  align-items: center;
}
footer > .block-1 > a img{margin-right: 10px}

.pic {
  margin: 0px;/* demo spacing */
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
}
.arrow-up {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #4A4A4A;
	margin-bottom: 2px;
}

.flex-img-pass{
	display: flex;
	justify-content: center;
}
.flex-img-pass img{
	width: auto;
	margin: 0px 20px;
	height: 185px;
}
.post-password-form > .mini-text{
	text-align: center;
margin-top: 50px;
margin-bottom: 20px
}
.cadre-pass-text{
	text-align: center;
	margin-top: 50px;
	background: #f8f8f8;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 15px;
	border-radius: 10px;
}
.cadre-pass-text p{

}

.post-password-form > .mini-text strong{
    font-weight: bold;
}

.post-password-form {
    padding: 100px 0px;
    width: 750px;
    margin: auto;
    max-width: 87%;
}
.post-password-form label{
	font-family: 'HankenGrotesk-Regular';
	color: #20639B;
	font-size: 18px;
}
.post-password-form input[type="password"]{
	width: 367px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 2px 2px 4px #0000001A;
	border-radius: 28px;
	opacity: 1;
	border: none;
	height: 55px;
	padding: 0px 20px;
	margin-left: 20px;
}
.post-password-form input[type="password"]:focus{
outline: none;
}

.post-password-form form{
	display: flex;
	align-items: center;
	justify-content: center;
}
.post-password-form button{width: 210px}
.post-password-form input[type="password"]::-webkit-input-placeholder{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	color: #20639B;
}
.post-password-form input[type="password"]::-moz-placeholder{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	color: #20639B;
}
.post-password-form input[type="password"]::-ms-input-placeholder{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	color: #20639B;
}
.post-password-form input[type="password"]::-moz-placeholder{
	font-family: 'HankenGrotesk-Regular';
	font-size: 14px;
	color: #20639B;
}
.cadena-parent{
	position: relative;
	display: flex;
	margin-right: 19px;
}
.cadena-parent svg{margin: 0px}
.cadena-2{
	position: absolute;
	top: -12px;
	transition: 0.4s;
}
.post-password-form button{margin-left: 20px}
.post-password-form button:hover .cadena-2{top: -9px}

.email_destinataire,
.email_destinataire_cc{
	display: none!important
}

/*404 page*/

.error404{
	display: flex;
	    justify-content: center;
	    align-items: flex-start;
	    flex-direction: column;
	    height: 100vh !important;
	    background-color: #F8F8F8;
}
.error404 .logo-block{
	position: absolute;
	top: 80px;

}
.block-qr-choice-lang{
    width: 100%;
    margin: auto;
    padding: 40px;
    max-width: 500px;
    display: block;
    text-align: center;
}
.block-qr-choice-lang img{
	height: 120px;
}
.choice-lang-qr-parent{
	position: fixed;
	z-index: 999999;
	height: 100vh;
	width: 100%;
	display: flex;
	background: white;
}
.choice-lang-qr-parent.has-cookie-qr{
	display: none!important
}

.image_top{
	margin: auto;
	display: table;
	margin-bottom: 30px;
	max-width: 100%;
}
.block-qr-choice-lang a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #4A4A4A;
	margin: 0px 20px;
	font-family: 'HankenGrotesk-Black';
	font-size: 22px;
	letter-spacing: 0.72px;
	line-height: normal;
	margin-top: 20px;
}




@media screen and (max-width: 1450px) {
	.drawer-mediatheque .inner {width: 1100px}
	.drawer-mediatheque .cols .left {width: 40%}
	.drawer-mediatheque .cols .right {
	    width: 60%;
	    padding-left: 102px;
			margin-left: 0px;
	}
	.dots-img {width: calc(33.333333333333336% - 25px)}
}
@media screen and (max-width: 1420px) {
	.block-select select {width: 100%}
	.search {width: 410px}
}
@media screen and (max-width: 1350px) {
	ul.files .group-text {width: 550px}
	.bloc-braden-product, .bloc-content-product, .bloc-focus-product, .bloc-image-content-product {
	    padding-left: 50px;
	    padding-right: 50px;
	}
}
@media screen and (max-width: 1300px) {
	.mini-text {font-size: 14px}
  .reassurance ul li {margin: 0px 40px}
	.search {
	  width: 370px;
	  margin-left: 20px;
	}
	header nav.desktop > ul > li > a {
	   padding: 0px 15px;
	   margin: 0px 15px;
	   font-family: 'HankenGrotesk-Bold';
	   font-size: 18px;
	   line-height: 28px;
	}
	.product-intro {top: 120px}
	.flex-btn-single {
	  flex-direction: column;
	  align-items: baseline;
	}
	.cta-simple-dl {
	  margin-left: 0px;
	  margin-top: 10px;
	}
}
@media screen and (max-width: 1250px) {
	.group-filter-files select{width: 230px}
}

@media screen and (max-width: 1240px) {
	.product-images .group-country {left: 60px}
	.product-intro {width: 464px}
	.product-images {width: calc(100% - 464px)}
	.builder-product .items {width: calc(100% - 501px)}
	.top-menu .mini-text{display: none}
	.drawer-mediatheque .inner {width: 1000px}
}

.parent-rea .slick-prev{
	left: -50px;
}
@media screen and (max-width: 1340px) {
	.parent-rea .slick-prev{
		left: 0px;
	}
	.parent-rea .slick-next {
			right: 0px;
	}
	body 	.parent-rea .slick-dots {
	    width: 100%;
	    left: 0;
	}

}

@media screen and (min-width: 991px) and (max-width: 1250px) {
	.product-intro .group-btn button {
	    font-size: 16px;
			margin-right: 12px
	}
}


@media screen and (max-width: 1100px) {

.drawer-product{
	width: 800px;
}
.drawer-product:before{
	width: calc(100% - 800px)
}
.drawer-product.active:before {
    right: 800px;
}
.drawer-product .inner {
    padding-left: 60px;
    padding-right: 60px;

}

.drawer-product .top-slide {

    height: 343px;
}

	.list-jobs li picture img {
    height: 200px;
}
	.reassurance-jobs .regular-title {
	    font-size: 26px;
	    line-height: 29px;
	}
	.item-rea-job {
    padding: 25px;
}
	.text-bold p, .text-bold, body:not(.wp-admin) .label {
	    font-family: 'HankenGrotesk-Bold';
	    font-size: 16px;
	    line-height: 26px;
	}

	.card-toggle {flex-direction: column}
	.card-heading {margin-right: 0px}
	ul.files .group-text {width: 450px}
	ul.files li {padding: 18px 30px 21px 30px}
	.drawer-mediatheque .inner {width: 950px}
	.card-toggle .card-heading .text-bold{
		font-size: 15px;
	line-height: normal;
	}
	.post-top-card picture {
    width: 400px;
    height: 400px;
	}
	.post-top-card .content {
    padding-top: 0px;
    width: calc(100% - 400px);
		padding-left: 35px
}
	.builder-product .items {width: 100%}
	.product-page > .container .inner {
		display: flex;
		flex-direction: column;
  }
  .product-intro {
    position: relative;
    top: 0;
    width: 100%;
  }
  .product-images {
		padding-left: 0px;
    width: 100%;
    margin-top: 50px;
	}
	footer > div {margin: 0px 40px}
	.regular-title {
	  font-size: 31px;
	  line-height: 35px;
	}
	.big-text-bold, .big-text-bold p {
	  line-height: 25px;
		font-size: 20px;
	}
	.search {width: 340px}
	header nav.desktop > ul > li > a {
		font-size: 17px;
		padding: 0px 10px;
		margin: 0px 10px;
	}
	.top-nav-menu a {font-size: 15px}
	.logo-block .logo{width: 170px}
	.reassurance ul li {margin: 0px 30px}
	.reassurance ul li span {
		font-family: 'HankenGrotesk-Bold';
		font-size: 17px;
		line-height: 23px;
	}

}

@media screen and (max-width: 991px) {
	.product-page.full_page_blocks .builder-product .content{gap: 0px}
	.product-page.full_page_blocks .builder-product .items{width: 100%}
	.page-template-page-blog .searchandfilter ul li li {
	padding: 0px 9.5px;
	margin: 0px 9.5px;
	}
	.list-post-blog li {width: calc(50% - 34px)}
	.list-posts > li{width: calc(50% - 20px)}
	.list-posts > li .top-slide{height: 335px}
	.mini-slide-product img{max-height: 335px}


	.drawer-product{width: 700px}
	.drawer-product:before{
		width: calc(100% - 700px)
	}
	.drawer-product.active:before {
	    right: 700px;
	}

	.list-jobs .group-labels-job span:nth-child(2) {padding-left: 10px}
	.list-jobs .simple-cta {
	  bottom: 22px;
	  font-size: 16px;
	  right: initial;
	  left: 24px;
	  margin: auto;
	  text-align: center;
	}
	.special-title {font-size: 40px}
	.list-jobs .title-slider {
    margin-bottom: 58px;
    line-height: 30px;
    font-size: 18px;
    line-height: normal;
}
	.list-jobs .group-labels-job span {

	    padding-right: 5px;
	    margin-right: 5px;
	}

	.career-blue .medium-text-bold {
    width: 100%;
    padding: 0px 25px;
}
	ul.files .group-text {width: 400px}
	.drawer-mediatheque .inner {width: 700px}
	.drawer-mediatheque .cols .right picture img {height: 300px}
	.drawer-mediatheque .cols .right,
	.drawer-mediatheque .cols .left {
	width: 50%;
	}
	#table-doc_filter input {width: 185px}
	.drawer-mediatheque .cols .left {
		overflow-y: scroll;
		max-height: calc(100vh - 168px);
	}
	.drawer-mediatheque .cols .right {padding-left: 40px}
	.dots-img {width: calc(50% - 25px)}
	.post-top-card{flex-direction: column}
	.post-top-card picture {
		width: 500px;
		height: 200px;
	}
	.post-top-card .content {
	  padding-top: 0px;
	  width: 100%;
	  padding-left: 0px;
	}
	.bloc-country-product .container > img {width: 50%}
	.bloc-country-product .content {
		padding-left: 50px;
		width: 50%
	}
	.sticky-header {top: -108px}
	.sticky-header.no-pre-header {
    top: -59px;
}
	footer a, footer .adresse {
		font-size: 14px;
		line-height: 28px;
	}
	footer .colors-logo {
		right: 20px;
		bottom: 20px;
	}
	footer > div {margin: 0px 30px}
	header nav.desktop > ul > li > a {font-size: 15px}
	.search {width: 240px}
	#ajaxsearchlite1 .probox .proinput input,
	div.asl_w .probox .proinput input{
		font-size: 14px!important;
	}
	#ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder{font-size: 14px!important}
	#ajaxsearchlite1 .probox .proinput input::-moz-placeholder{font-size: 14px!important}
	#ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder{font-size: 14px!important}
	#ajaxsearchlite1 .probox .proinput input:-moz-placeholder{font-size: 14px!important}
	.top-nav-menu li {
    margin: 0px 8px;
    padding: 0px 8px;
	}
	.logo-block .logo {width: 130px}
	.reassurance ul li {
	  width: 50%;
	  margin: 20px 0px;

	}
	.reassurance ul {
	  padding: 40px 0px;
	  flex-wrap: wrap;
	}
}
@media screen and (max-width: 820px){
	.top-nav-menu li {
		margin: 0px 6px;
		padding: 0px 6px;
	}
	body .top-menu {
		padding-right: 15px;
		padding-left: 15px;
	}
	.search{width: 205px}
	.search{margin-left: 5px}
	header nav.desktop > ul > li > a {
	  padding: 0px 5px;
	  margin: 0px 6px;
	}
	.slick-prev {left: 20px}
	.slick-next {right: 40px}
}
@media screen and (max-width: 767px) {
	.cadre-pass-text {
	    padding: 15px 5px;
	}
	.flex-img-pass img {
	    margin: 0px 10px;
	    height: 86px;
	}
	header .sub-menu.center-sub-1 .col {
    width: 100%;
}
.page-template-page-careers h1{
	color: #00AEEF;
}
.form-logicair table {
    width: 100%;
	min-width: 100%;
}

.list-careers .regular-title {
    margin-top: 30px;
}
.banner-single-job .medium-text-bold{
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.16px
}
.list-jobs li {
    width: 100%;
		margin-bottom: 15px;
}
.reassurance-jobs{
	margin-top: 70px;
}
.item-rea-job{
	width: 100%;
	margin-right: 0px;
}
.list-jobs .simple-cta {
    bottom: 26px;
    right: initial;
    left: initial;
    right: 23px;
}
.list-jobs .content-slide {
    padding: 7px 24px 30px 24px;
}
.list-jobs {
    margin-top: 43px;
		flex-direction: column;
}
.list-careers .container{
	padding: 0px;
}
.parent-rea{
	padding-left: 20px;
	padding-right: 20px;
}
.list-careers .text-bold{
	line-height: 22px;
}
.list-jobs,
.list-careers .text-bold,
.list-careers .regular-title{
	padding-left: 18px;
	padding-right: 18px;
}

.list-careers .item-rea-job .regular-title {
    margin-top: 2px;
}
.item-rea-job{
	padding-bottom: 39px;
}
.list-careers{
	padding-bottom: 80px;
}

.reassurance-jobs .regular-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.56px;
}
 .list-careers .item-rea-job .text-bold, .list-careers .item-rea-job .regular-title{
	 padding-left: 0px;
	 padding-right: 0px;
 }

.banner-careers{
	padding-left: 7px;
	padding-right: 7px;
}
.special-title {
    font-size: 36px;
    line-height: normal;
}
.banner-single-job.banner-careers .breadcrumb{
	margin-bottom: 25px;
}
	.list-posts > li  .mini-slide-product img {
	    width: 95%;
	}
	.list-posts > li .top-slide {
	    height: 213Px;
	}
	.mini-slide-product img{max-height: 213Px}


	.list-posts > li 	.group-country {
	    position: absolute;
	    right: 5px;
			top: 16px;
	}
.ajax {
	padding-left: 7px;
	padding-right: 7px;
}
.list-posts > li {
    width: calc(50% - 10px);
}
.list-posts  .group-country > img {
    margin-right: 0px;
    width: 60px;
}
.attr-parent{
	margin-top: 10px;
}
.attr-parent .attr {
    font-size: 12px;
    margin-bottom: 5px;
}

	.list-posts > li 	.product-tags {
    top: 10px;
    left: -5px;
}
	.list-posts > li  .tag {
    font-size: 10px;
		height: 28px;
		padding: 0px 10px;
}

	.list-posts .title-slider {
    font-size: 16px;
		    margin-bottom: 10px;
}
.filter-post:not(.filter-product) p,
.filter-product p {
	font-family: 'HankenGrotesk-Bold';
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 12px 24px;
	    border-radius: 24px;
	    color: #20639B;
	    background: #E9E9E9;
	    position: relative;
	    padding-right: 38px;
	    margin-right: 0px;
}
.filter-post:not(.filter-product) p{
	background: white;
}
.filter-post:not(.filter-product) p:before,
.filter-product p:before {
 content: url(../img/svg/small-arrow-darkblue-right.svg);
 position: absolute;
     top: 12px;
     transition: 0.2s;
     right: 12px;
     left: inherit;
}
.list-sub-tax {

    left: 65px;
}
.filter-post,
.filter-product {
    margin-bottom: 15px;
    justify-content: center;
    padding-top: 30px;
		padding-left: 0px;
}
	.list-posts .medium-text{
		font-size: 14px;
		line-height: 16px;
	}

	.list-posts 	.content-slide {
	    padding: 0px 10px;
	}
	.list-posts > li {
	    margin-bottom: 62px;
	}



header{
	display: flex;
	flex-direction: column-reverse;
	position: fixed;
	right: -100%;
	top: 0;
	background: #E7EEF3;
	height: 100vh;
	justify-content: flex-end;
	width: 100%;
  padding-top: 40px;
	transition: 1s right
}
.top-nav-menu li.dl-li-icon{
	position: fixed;
	bottom: 43px;
	left: 100%;
	margin-bottom: 0px;
	transition: 1s left
}
header .sub-menu.center-sub-1,
.sub-menu, .sticky-header .sub-menu{
	align-items: baseline;
}
.switch-lang {
  position: fixed;
  bottom: 43px;
  right: -100%;
	transition: 1s right
}
header.open .top-nav-menu li.dl-li-icon{
left: 25px
}
header.open .switch-lang{
	right: 20px;
}



header.open{
	right: 0;
}

body #ajaxsearchlite1 .probox {padding: 11px 14px}
.logo-block{display: none;}
body .container{
	padding-left: 11px;
	padding-right: 11px;
}
body .top-menu{
	padding: 0px;
	background: none
}
.search {
	margin-left: 0px;
	left: 80px;
	position: relative;
}
.main-menu {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  box-shadow: none;
  flex-direction: column-reverse;
	padding: 0px;
}
.main-menu nav{
	margin-top: 37px;
	width: 100%;
}
.top-nav-menu li ,
header nav.desktop > ul > li > a {
  padding: 0;
  margin: 0px;
}
body #ajaxsearchlite1 .probox, body div.asl_w .probox{
  flex-direction: row;
}
header nav.desktop > ul li{position: relative}
header nav.desktop > ul li::before{}
footer{
	    flex-direction: column;
}

.sub.has-sub-sub-menu > a:before,
 .has-sub-menu > a:before {
	content: url(../img/svg/small-arrow-darkblue-right.svg);
	position: absolute;
	top: 0px;
	transition: 0.2s;
	right: 36px;
	left: inherit;
}
.sub.has-sub-sub-menu > a:before{
	right: 5px
}
.back-btn {
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px
}
.back-btn span,
.close-back-mobile span{
	text-decoration: underline;
}
header .col > li > a.open::before{
	transform: rotate(90deg);
}
header .sub-menu.sticked,
header .sub-menu{
	top: 126px;
	background: #E7EEF3;
	    align-items: baseline;
}

.sub-menu:not(.has-sub-sub-menu) .flex-col-nav.center-sub {
  justify-content: flex-start;
}


.sub-menu,
.sticky-header .sub-menu {
  height: 100vh;
}
header .close {
	position: relative;
	top: 0;
	z-index: 999;
	right: 0;
	left: 0;
	margin: auto;
	color: #20639B;
	margin-top: 45px;
	font-family: 'HankenGrotesk-Regular';
	font-size: 16px;
	z-index: 999;
}
.top-menu .block-right {margin-left: inherit}
.top-nav-menu ul,
header nav.desktop > ul {
  flex-direction: column;
	padding-left: 46px;
}
header nav.desktop > ul > li > a {font-size: 24px}
.top-nav-menu a {font-size: 20px}
header nav.desktop > ul{margin-bottom: 18px}
.top-nav-menu ul li{margin-bottom: 27px}
header nav.desktop > ul li{margin-bottom: 20px}
.search {width: 269px}
.banner-single-job .medium-text-bold{width: 100%}
.top-nav-menu ul{align-items: baseline}
.close-menu{
	position: absolute;
	top: 44px;
	left: 25px;
	width: 44px;
}
	header .col{padding: 0px 25px}
	.flex-col-nav{flex-direction: column}
	.sub-sub-menu,
	header svg.close {
	display: none;
	}
	.switcher-lang.active {top: 42px}
	.switcher-lang {
	  right: 26px;
	  z-index: 99999;
	}
	.sub-sub-menu li{margin-bottom: 17px}
	.sub-sub-menu {margin-bottom: 36px}
	.header-mobile{
		display: flex;
		width: 100%;
		float: left;
		position: relative;
		padding: 10px 25px;
		box-shadow: 0px 2px 3px #00000017;

	}
	.sticky-header {top: -46px}
	.pre-header-closed .sticky-header {top: 0Px}
	.search-mobile{margin-left: auto}
	.logo-mobile{
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		top: 16px;
	}
	.banner-content{width: 100%}

	.slide > .container, .bloc-slider-products-cat,

	.bloc-content-cols .container {
		padding-left: 18px;
		padding-right: 18px;
	}
	 body:not(.wp-admin) .label {line-height: 22px}
	.bloc-content-cols .items .content {padding-left: 11px}
	.bloc-content-cols .medium-text {line-height: 21px}
	.bloc-content-cols .items li {margin-top: 50px}
.tag{font-size: 11px}
.reassurance ul li{
	width: 150px;
	margin-right: 95px;
	margin-bottom: 0px;
}
.reassurance ul li img{margin: auto}
.reassurance{
	padding-right: 0px!important;
	padding-left: 65px!important;
}
.block-2 .copy{display: none}
footer .block-3{margin-top: 0px}
footer > div li {margin-bottom: 14px}
footer > .block-1 > a{font-size: 20px}
footer .adresse {font-size: 16px}
footer > div {
  margin: 0px;
  padding: 0px 15px;
}
footer .block-2 {margin-top: 45px}
.block-2 a, .block-3 a{
	font-family: 'HankenGrotesk-Bold';
	font-size: 16px;
}
.reassurance ul {padding: 35px 0px 20px 0px}

.bloc-download .content .cta-btn{
	margin: auto;
	display: table;
}
.banner-content > svg {
  top: 78px;
  width: 250px;
  height: 448px;
}
.burger-menu,.search-mobile{
	z-index: 999;
	position: relative;
}
header{z-index: 9999}
.top-product-line{
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
	float: left;
	    padding: 0px 11px;
}
.bloc-country-product .container {flex-direction: column}
.bloc-country-product .content,
.bloc-country-product .container > img{
	width: 100%;
}
.builder-product{
background: #F8F8F8;
padding-left: 11px;
padding-right: 11px;
margin-top: 40px;
}
.partners {padding: 13px}
.partners .slick-next {
  top: 20px;
  right: 18px;
}
.partners .slick-prev {
  top: 20px;
  left: 0px;
}
.partners img {
  height: 38px;
	margin: 0px 10px;
}
.bloc-country-product {padding: 60px 0px}
.product-intro {margin-top: 75px}
.product-page .breadcrumb {
	margin-bottom: 30px;
  padding: 0px 11px;
}
.product-images {margin-top: 0px}
.bloc-country-product .content {
	padding-left: 15px;
	padding-right: 15px;
}
.product-images .slick-slider {
		margin-top: 60px;
}

.product-images .slick-slider{padding-left: 0px}
.product-images .group-country {
	left: 15px;
	top: 15px;
}
.background-product{display: none}
.bloc-country-product .big-text-bold p{font-size: 18px}
.bloc-cat-product .product-container {
  padding-left: 18px;
  padding-right: 18px;
}
body .bloc-cat-product {
  padding-top: 60px;
  padding-bottom: 83px;
}
.bloc-cat-product .big-text-bold {
  font-size: 18px;
  line-height: 28px;
}
.product-page > .container{padding: 0px}
.bloc-braden-product, .bloc-content-product, .bloc-focus-product, .bloc-image-content-product {
    padding-left: 33px;
    padding-right: 30px;
}
.builder-product .items{margin-bottom: 33px}
.seperator-single {height: 60px}
.items .bloc-braden-product{
	padding-left: 27px;
	padding-right: 27px;
}
.bloc-country-product .container > img {height: 250px}
.product-intro {padding: 35px 15px 37px 15px}
.product-intro .medium-title {margin-bottom: 25px}
.product-intro .group-btn button {margin-bottom: 15px}
.product-intro .group-btn{
	display: flex;
	flex-direction: column;
	align-items: baseline;
}
.product-intro .medium-text {margin-bottom: 34px}
.product-intro .cta-simple-dl {margin-top: 25px}
.product-intro .group-btn{margin-bottom: 15px}
.product-intro .big-text-bold{
	font-size: 18px;
	line-height: 24px;
}
.drawer-product {
	width: 100%;
	background: #E7EEF3;
}
.drawer-product.active:before{content: none}
.drawer-product .inner {
    padding-left: 15px;
    padding-right: 15px;
}
.drawer-similar > .inner > ul > li {
    width: 100%;
    flex: 100%;
}
.drawer-product .regular-title {padding-left: 73px}
.drawer-product .close {
    top: 33px;
    right: inherit;
    left: 25px;
}
.primary-dl {
  	padding: 20px;
    flex-direction: column;
    align-items: baseline;
		margin-bottom: 32px
}
.drawer-dl ul li:nth-child(even){padding: 9px 30px}
.name-file {font-size: 16px}
.data-fles {
		float: left;
		width: 100%;
		margin-top: 7px;
		position: relative;
		bottom: 0;
		left: 0;
}
ul.files li {
		flex-direction: column;
}
.data-fles div {
    font-size: 12px;
		width: auto;
	  padding-right: 25px;
}
.primary-dl .content {
    padding-left: 0px;
    padding-bottom: 10px;
}
.drawer-dl ul li{position: relative}
.data-fles div:nth-child(2) {
  width: auto;
  padding-right: 0px;
  text-align: right;
  margin-right: 0px;
  margin-left: 15px;
}
.data-fles .dl-icon {
  position: absolute;
  right: 23px;
  margin-right: 0px;
  bottom: 27px;
}
.drawer-dl ul li:nth-child(even) .data-fles .dl-icon {
	bottom: 20px
}
.drawer-spec ul li {
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.drawer-spec .key {
	width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.drawer-product .top-slide {height: 285px}
.drawer-similar > .inner > ul > li {
	padding-right: 0px;
  margin-bottom: 50px;
}
.drawer-spec ul li .value{
	width: 100%;
	padding: 0px;
	text-align: left;
	margin-bottom: 5px;
}
.drawer-similar > .inner > ul {margin-top: 60px}
.drawer-spec .inner > .regular-title{margin-bottom: 60px}
.drawer-spec .title-slider {padding-left: 10px}
.primary-dl .medium-text-bold {
    width: 232px;
		line-height: 21px;
}
.primary-dl .dl-icon {
	right: 23px;
	bottom: 68px;
}
.fixed-product{
	width: 100%;
	position: fixed;
	bottom: -100px;
	z-index: 9999;
	background: white;
	box-shadow: 0px -2px 3px #00000017;
    padding: 13px 11px;
		transition: 0.6s;
}
.fixed-product a{
	display: flex;
	align-items: center;
}
.fixed-product.active{bottom: 0px}
.fixed-product img{
	width: 67px;
    margin-right: 15px;
}
.fixed-product  p{
  font-family: 'HankenGrotesk-Black';
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.32px;
}
.fixed-product .circle{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: transparent linear-gradient(180deg, #2A9DC8 0%, #20639B 100%) 0% 0% no-repeat padding-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 15px;
}
.fixed-product .circle svg path{fill: white}
.filter-post .form{
	position: fixed;
	top: 0;
	z-index: 9999;
	height: 100vh;
	background: #E7EEF3;
	right:-100%;
	width: 100%;
	transition: 1s
}
.filter-post .form.active{right: 0px}
.filter-post .form .back-btn{
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	text-align: center;
}
.filter-post ul {
	margin-top: 79px;
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
}
.filter-post ul li select{font-size: 22px}
.filter-post .form .searchandfilter ul li {
    padding: 14px 0;
    margin: 0px;
    width: 100%;
    padding-left: 50px;
}
.filter-post .form .searchandfilter ul li.sf-field-category{
	padding: 0px;
	padding-left: 0px;
}
.filter-post:not(.filter-product) .searchandfilter ul li {
    color: #20639B;
    font-size: 16px;
    font-family: 'HankenGrotesk-Bold';
    width: 100%;
    position: relative;
}
.searchandfilter ul>li>ul:not(.children) {align-items: baseline}
.filter-post .form  .searchandfilter label,
.filter-post .form .searchandfilter select.sf-input-select{
	width: 100%;
}
.filter-post ul li select {background-position-x: 88%}
.list-post-blog .content-slide .title-slider{
	font-size: 20px;
}
.list-post-blog li {margin-bottom: 15px}
.bloc-download.global-tax {
  padding-top: 60px;
  padding-bottom: 60px;
}
.pagination{margin-bottom: 75px}
.banner-category .medium-text-bold {
  width: 100%;
  font-size: 18px;
  line-height: 28px;
}
	.banner-category .group-cta {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
		margin-bottom: 35px
	}
	.banner-single-job .breadcrumb,
	.page-template-page-files .breadcrumb,
	.top-page .breadcrumb,
	.banner-category .breadcrumb {
	  margin-bottom: 25px;
	}
	.banner-single-job {
		padding-left: 7px;
		padding-right: 7px
	}
	.cta-btn.open-builder{
		margin-right: 0px;
		margin-bottom: 19px;
	}
	.banner-category .big-title {margin-bottom: 20px}
	.burger-menu{width: 48px}
	.list-post-blog li {width: 100%}
	.list-post-blog {padding-top: 30px}
	table.doc {min-width: 100%}
	.group-filter-files{
		position: fixed;
		top: 0;
		z-index: 9999;
		height: 100vh;
		background: #E7EEF3;
		right: -100%;
		width: 100%;
		transition: 1s;
		flex-direction: column;
		margin-top: 0px;
	}
	.card-toggle {
	  float: none;
	  margin: 0px;
	  margin-bottom: 38px;
		align-items: baseline;
	}
	.card-heading {
	  margin-right: 0px;
	  margin-bottom: 20px;
	}
.group-filter-files .select {margin-bottom: 30px}
.group-filter-files.active{right: 0px}
ul.files li a {flex-direction: column}
ul.files .group-text {width: 100%}
ul.files .dl-icon {
		width: 18px;
		bottom: 0;
		right: 0;
		top: 5px;
		position: relative;
}
.open-iframe-video {
    margin-right: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    right: 0;
    bottom: 0;
}

ul.files .data-fles div{padding-right: 20px}
ul.files .data-fles div:nth-child(2) {margin-left: 10px}
ul.files {
  margin-top: 40px;
	margin-bottom: 80px;
}
.group-filter-files .select {
	margin-right: 0px;
	margin-bottom: 1px;
	background-color: #e7eef3;
	box-shadow: none;
  padding-left: 0px;
  font-size: 22px;
	width: 95%
}
.group-filter-files {
  flex-direction: column-reverse;
  justify-content: flex-end;
  padding-top: 100px;
  align-items: baseline;
  padding-left: 45px;
}
.group-filter-files .back-btn{
	position: absolute;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.card-toggle .card-heading .text-bold {font-size: 22px}
.career-blue .colors-logo {
  top: -66px;
  left: 21px;
}
.career-blue .inner .special-title{
	/* font-size: 46px;
	line-height: 53px; */
}
.banner-careers .special-title {
    font-size: 45px;
}
.career-blue{
	padding-top: 65px;
	padding-bottom: 47px
}
.career-blue .colors-logo {top: -34px}
.career-blue .medium-text-bold {
  padding: 0px 17px;
  line-height: 22px;
}
.gform-theme--framework .gfield--type-choice .gfield_radio{flex-wrap: wrap}
.gfield_radio{padding-left: 20px!important}
.gform_body .textarea {height: 163px}
.gchoice {margin-right: 13px !important}
.career-blue .inner .gfield--type-html p {
	font-size: 16px;
	line-height: 22px;
}
 body .gform-theme--foundation .gfield textarea.large {min-block-size: inherit}
body .gform-theme--foundation .gfield--type-checkbox{align-items: baseline!important}
body .gform-theme--foundation  .gfield--type-checkbox .gchoice {
	top: 4px;
	position: relative;
}
body #google-map{height: 421px!important}
.top-map .medium-text-bold {
    font-size: 18px;
    line-height: 28px;
}
#filiale-info,
.block-select {
    padding-left: 18px;
    padding-right: 18px;
}
#filiale-info .cta-btn {
    width: 288px;
    margin: auto;
    display: block;
}
.legend-list li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 19px;
		font-size: 14px;
}
.legend-list{
	padding-left: 7px;
	padding-right: 7px;
}
body .gform_footer {margin-top: 55px !important}
.bloc-list ul {
  padding-left: 23px;
	margin-top: 0px;
}
.cta-all-zip a {font-size: 14px}

#table-doc tr{position: relative}
.product-link {padding-left: 10px}
#table-doc_wrapper .third {
	position: absolute;
  right: 0px;
  padding-right: 5px;
  padding-left: 0px;
  background: white;
  padding-bottom: 0px;
	padding-top: 0px;
}
body .mediatheque {
	padding-left: 0px;
	padding-right: 0px
}
body .mediatheque .container{
	padding-left: 18px;
	padding-right: 18px
}
#table-doc_wrapper td.second {
  position: absolute;
  bottom: 10px;
  padding: 0px;
  left: 100px;
}
.product-link img {
  margin-right: 15px;
	width: 65px
}
.open-pop-up-mediatheque {
  margin-right: 10px;
  width: 28px;
}
.product-link span{width: 170px}
#table-doc_wrapper .third svg {
  width: 21px;
  height: 17px;
}
#table-doc_filter input {width: 230px}
.drawer-mediatheque .inner {
  width: 100%;
  padding-left: 25px;
}
.close-drawer-mediatheque {
  right: inherit;
  top: 40px;
  left: 25px;
}
.drawer-mediatheque .regular-title {
  padding-left: 65px;
  padding-right: 10px;
}
.drawer-mediatheque .cols {flex-direction: column}
.drawer-mediatheque .cols .right,
.drawer-mediatheque .cols .left {
  width: 100%;
}
.drawer-mediatheque .cols .right {padding-left: 0px}
.drawer-mediatheque .cols .right{width: calc(100% - 25px)}
.dots-img{
	width: 166px;
	margin-right: 25px;
	margin-bottom: 25px;
}
.drawer-mediatheque .cols .right picture img {
  height: 216px;
	margin-bottom: 12Px;
}
.drawer-mediatheque .cols .right .mini-text{
	font-size: 16px;
	letter-spacing: -0.14px;
	line-height: 22px;
}
.block-select {
  width: 100%;
  float: left;
}
.legend-list {flex-direction: column}
#filiale-info {
    height: auto;
    width: 100%;
    float: left;
}
.bloc-double-text .block {width: 100%}
.bloc-double-text .container{flex-direction: column}
.post-top-card picture{
	width: 100%;
	height: 258px;
}
.label-job-required, .label-job {
    padding: 11px 15px;
}
.top-post {padding-bottom: 60px}
.parent-post-builder {padding-top: 30px}
.bloc-banner video {height: 598px}
}



@media screen and (max-width: 340px){
	#table-doc_filter input {
		width: 200px;
	}
}
@media screen and (max-width: 320px){


	.list-posts > li .top-slide {
    height: 180Px;
}
}

@media screen and (max-width: 305px){
	.list-posts > li {
		width: 100%;
	}

}





.logo-winncare-service{
  margin-bottom: 10px;
  width: 188px;
  max-width: 100%;
  margin-top: 20px;
}
.content-winnclub-lvl,
.content-winnclub{
  display: none;
}
.content-winnclub-lvl.active,
.content-winnclub.active{
display: block;
}


.flex-winnclub{
  display: flex;
  flex-wrap: wrap;
  padding-top: 75px;
padding-bottom: 65px;
align-items: flex-start;
}
.item-winnclub-pdf{
  box-shadow: 0px 2px 4px #00000017;
  border-radius: 24px;
  width: 100%;
  margin-bottom: 18px;
  float: left;
  background: white;
  padding: 17px 25px;
  font-family: 'HankenGrotesk-Regular';
  font-size: 18px;
  color: #20639B;
  display: flex;
  align-items: center;
  }
.item-winnclub-pdf span{
  padding-right: 70px;
}
.item-winnclub-pdf .dl-icon{
  margin-left: auto;
  margin-right: 0px;
}
.item-winnclub-pdf .dl-icon img{
width: 21px;
}

.content-Winnclub{
  width: calc(100% - 350px);
  padding-left: 75px;
  padding-top: 25px;
}
.sidebar-winnclub{
  width: 350px;
  background: white;
  padding: 30px;
  border-radius: 30px;
  position: sticky;
  top: 95px;
	 box-shadow: 0px 2px 4px #00000017;
}
.sidebar-winnclub li{
  font-family: 'HankenGrotesk-Regular';
  font-size: 16px;
  letter-spacing: normal;
  line-height: 20px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 9.5px;
  margin-bottom: 5.5px;
  padding-top: 9.5px;
  margin-top: 5.5px;
}
.sidebar-winnclub li:hover{cursor: pointer}
.sidebar-winnclub li:last-child{border-bottom: none}
.sidebar-winnclub li b{
  display: table;
  font-family: 'HankenGrotesk-Black';
  font-size: 16px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 0px;
  text-align: left;
}
.mini-title-winnclub{
  margin-bottom: 30px;
}

.sidebar-winnclub li.active{
  color: #20639B
}

.winnclub-lvl-parent{
  display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin-bottom: 25px;
}
.winnclub-lvl-parent li:hover{
  cursor: pointer;
}
.winnclub-lvl-parent li{
		min-height: 56px;
	    box-shadow: 0px 2px 4px #00000017;
      background: white;
      padding: 10px;
      border-radius: 32px;
      color: #20639B;
      font-family: 'HankenGrotesk-Bold';
      font-size: 14px;
      line-height: 26px;
      width: calc(25% - 12.5px);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      line-height: normal;
}
.winnclub-lvl-parent li.active{
background:  #20639B;;
color: white;
}
.content-6 .winnclub-lvl-parent li.active{
  background: #6AC17B;
}


.mini-title-winnclub-2{
  font-family: 'HankenGrotesk-Black';
  font-size: 24px;
  display: table;
  margin-bottom: 35px;
  margin-top: 25px;
  float: left;
  width: 100%;
  line-height: normal;
}
.content-winnclub-lvl{
  float: left;
  width: 100%;
}
.content-winnclub .row-tabs{
  width: 100%;
	margin-top: 0px;
}

.flex-winnclub-photos {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}
.flex-winnclub-photos img {
    width: calc(33.333333333333336% - 10px);
        border-radius: 24px;
}

.flex-winnclub-photos img:hover {
cursor: pointer;
}

.zoom-img-winnclub{
  display: flex;
  align-items: center;
  justify-content: center;
position: fixed;
    top: 0;
      background: rgb(255 255 255 / 70%);
    z-index: 999999;
    width: 100%;
    height: 100vh;

    transition: 1s;
    right: -100%;

}
.content-Winnclub .mini-title-winnclub {
    font-size: 22px;
    line-height: normal;
}
.content-winnclub .row-tabs .tab-label{
  background: white;
  border-radius: 20px;
  margin-bottom: 10px;
}
.content-winnclub  .row-tabs .tab-label:before{
  opacity: 0;
}
.content-winnclub  .row-tabs .tab-label::after{
  right: 25px;
}

.content-winnclub .row-tabs .tab-label::after{
  transition: 0.6s;
}
.content-winnclub .row-tabs input:checked + .tab-label::after {
  content: url(../img/svg/big-more-darkblue.svg);
    transform: rotate(45deg);
}


.mini-title-winnclub.top-win{
	margin-top: 15px;
	margin-bottom: 15px;
}
.zoom-img-winnclub .zoomed{
  width: auto;
  height: auto;
  width: 800px;
  max-width: 100%;
  margin: auto;
  display: block;
	border-radius: 24px;
}
.close-zoom-img-winnclub{
  position: absolute;
top: 30px;
right: 30px;
width: 50px;
}
.close-zoom-img-winnclub:hover{
cursor: pointer;
}

.zoom-img-winnclub.active{
right: 0%;
}

.flex-winnclub-videos{
	display: flex;
	flex-wrap: wrap;
}
.flex-winnclub-videos a{
  width: 50%;
margin: 30px 0px;
font-family: 'HankenGrotesk-Black';
font-size: 19px;
display: table;
margin-bottom: 35px;
color: #20639B;
}
.flex-winnclub-videos a span{
  font-family: 'HankenGrotesk-Medium';
font-size: 18px;
color: #20639B;
background: white;
padding: 8px 15px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
margin-top: 10px;
}
.flex-winnclub-videos a span img{
  width: 22px;
  margin-right: 10px;
}

.mini-title-winnclub .top-win{
	margin-top: 35px;
    margin-bottom: 15px;
}

/*braden*/


.main-title-braden{
	font-family: 'HankenGrotesk-Black';
	font-size: 60px;
	line-height: normal;
	letter-spacing: 1.2px;
	margin-bottom: 10px;
}
.title-braden{
	font-family: 'HankenGrotesk-Black';
	font-size: 46px;
	line-height: normal;
	margin-bottom: 19px;
}
.intro-braden{
	color: #4A4A4A;
	font-family: 'HankenGrotesk-Medium';
	font-size: 20px;
	margin-bottom: 50px;
	font-style: italic;
    line-height: normal;
}
body div:where(.swal2-container) div:where(.swal2-actions) {
    width: 115px;
}

.intro-braden-2{
	color: #4A4A4A;
	    font-family: 'HankenGrotesk-Medium';
	    font-size: 28px;
	    font-style: italic;
	    margin: auto;
	    width: 800px;
	    max-width: 100%;
	    margin-bottom: 20px;
}
.text-bold-braden{
	font-family: 'HankenGrotesk-Bold';
	font-size: 16px;
	margin-bottom: 22px;
}



.big-text-braden{
	font-family: 'HankenGrotesk-Black';
	font-size: 32px;
	letter-spacing: 0.64px;
	line-height: normal;
}
.drawer-braden-0 .big-text-braden{
	margin-bottom: 50px;
}
.drawer-braden-0{
  background-size: cover;
  background-position: center;
}
.drawer-braden-0{display: block !important}
.drawer-braden:not(.drawer-braden-0){
  position: absolute;
  top: 0;
  right: -100%;
  background: white;
  height: 100%;
  /* padding-top: 78px; */
  padding-top: 90px;

}
.drawer-braden{transition: 1s}
.drawer-braden.active:not(.drawer-braden-0) {
  position: absolute;
  right: 0%;
  text-align: center;
  z-index: 99;
}
body .drawer-braden.drawer-braden-2{z-index: 999}
body .drawer-braden.drawer-braden-3{z-index: 9999}
body .drawer-braden.drawer-braden-4{z-index: 99999}
body .drawer-braden.drawer-braden-5{z-index: 999999}
body .drawer-braden.drawer-braden-6{z-index: 9999999}
.drawer-braden {
  float: left;
  width: 100%;
}
.drawer-braden .choice{
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: center;
  margin-bottom: 95px;
}
.drawer-braden .choice li{
  background: white;
  padding: 40px;
  width: 208px;
  height: 174px;
  border-radius: 24px;
  box-shadow: 2px 2px 4px #0000001A;
  border: 2px solid #ffffff00;
}
.drawer-braden .choice li.active{background: #20639B}
.drawer-braden .choice .active .number{color: white}
.drawer-braden .choice .active .text-choice{color: white}
.drawer-braden-result > div:not(.active){display: none}
.drawer-braden-0 .simple-cta{
  display: flex;
  width: fit-content;
}
.flex-cta-braden{
  display: flex;
  align-items: center;
}
.drawer-braden-0 .next{margin-right: 50px}
.overflow-braden{overflow-x: hidden}
.drawer-braden-0 .content{
  width: 650px;
  float: right;
  margin-top: 95px;
  margin-bottom: 250px;
}
.bar-braden{
  position: absolute;
  top: 0;
  left: 0;
  background: #E9E9E9;
  width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
}
.bar-braden .inner{
  position: absolute;
  top: 0;
  left: 0;
  background: transparent linear-gradient(90deg, #20639B 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;
  transition: 1s;
  height: 100%;
}
.bar-braden span.step-word{
  position: absolute;
  bottom: -26px;
  font-size: 14px;
  color: #00AEEF;
  font-family: 'HankenGrotesk-Bold';
  right: -64px;
}
.bar-braden span.step-word::before{
  content: "";
  width: 2px;
  height: 10px;
  background: #00AEEF;
  position: absolute;
  left: -2px;
  top: -14px;
}

.bar-braden.braden-6 span.step-word::before{
  opacity: 0;
}

.braden-1 .inner{width: 16.666666666666668%}
.braden-2 .inner{width: 33.33332%}
.braden-3 .inner{width: 49.99996%}
.braden-4 .inner{width: 66%}
.braden-5 .inner{width: 73%}
.braden-6 .inner{width: 100%}
.bar-braden{
  opacity: 0;
  transition: 2s;
  z-index: 99999999;
}
.bar-braden:not(.braden-0){opacity: 1}
.drawer-braden .choice .number{
  font-family: 'HankenGrotesk-Black';
  line-height: normal;
  margin-bottom: 4px;
  color: #20639B;
  font-size: 60px;
}
.text-choice{
  color: #4A4A4A;
  font-family: 'HankenGrotesk-Bold';
  font-size: 18px;
}
.drawer-braden .choice li{
  background: white;
  width: 208px;
  height: 174px;
  border-radius: 24px;
  box-shadow: 2px 2px 4px #0000001A;
  border: 2px solid #ffffff00;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px 25px;
  padding-top: 15px;
  position: relative;
}
.drawer-braden .choice li:hover{cursor: pointer}
.drawer-braden .choice li:hover{border: 2px solid #20639B}
.drawer-braden .choice li img{
  width: 19px;
  position: absolute;
  bottom: 13px;
  right: 14px;
}
.flex-cta-braden.bloc-color-blue{justify-content: center}
.drawer-braden  .return{
  margin-right: 52px;
  display: flex;
}
.drawer-braden:not(.drawer-braden-0) .next svg {
  margin-right: 0px;
  margin-left: 20px;
}
.drawer-braden .return:before {
  width: calc(100% - 14px);
  bottom: -1px;
}
.drawer-braden p.info{
  width: 800px;
  max-width: 90%;
  margin: -50px auto 30px;
  color: #4A4A4A;
  font-family: 'HankenGrotesk-Regular';
  font-size: 14px;
}
.drawer-braden-result.medium-braden{
  background: #F7C759 0% 0% no-repeat padding-box;
}
.drawer-braden-result.low-braden{
  background: transparent linear-gradient(66deg, #6AC17B 0%, #9CD9A8 100%) 0% 0% no-repeat padding-box;
}
.drawer-braden-result.high-braden{background: #f69344}
.drawer-braden-result.very-high-braden{background: #f26744}
.drawer-braden-result .result{
  color: #56b664;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 4px #0000001A;
  border-radius: 24px;
  display: flex!important;
  margin: auto;
  width: 154px;
  height: 128px;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;

}
.drawer-braden-result.low-braden .result{color: #56b664}
.drawer-braden-result.high-braden .result{color: #f69344}
.drawer-braden-result.very-high-braden .result{color: #f26744}

.drawer-braden-result.medium-braden .result{
  color: #f7c759
}

.drawer-braden-result .result{
  font-family: 'HankenGrotesk-Black';
  font-size: 64px;
  letter-spacing: 1.28px;
}
.drawer-braden-result .title-braden{color: #4A4A4A}
.drawer-braden-result .intro-braden-2 {
  width: 800px;
  max-width: 100%;
  margin: auto;
  line-height: normal;
}
body .return-origin{
  position: relative;
  width: fit-content;
  margin: auto;
  display: flex;
  margin-top: 21px;
}
body .return-origin:before {
  width: calc(100% - 12px);
  bottom: -1px;
}
.bar-braden .word{
  color: white;
  font-family: 'HankenGrotesk-Bold';
  font-size: 14px;
  z-index: 9999;
  position: relative;
  left: 77px;
}
.bar-braden.braden-6 span.step-word {right: 20px}
.bar-braden.braden-result{
    background: transparent linear-gradient(90deg, #20639B 0%, #00AEEF 100%) 0% 0% no-repeat padding-box;
}
.bar-braden.braden-result .inner{
  display: none;
}
body div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {

    background-color: #1f679f;

}


.flex-matelas{
  display: flex;
    justify-content: center;
    gap: 90px;
    margin-top: 33px;
		display: none!important
}
.flex-matelas .inner{
  border: 2px solid #FFFFFF;
  border-radius: 24px;
  padding: 17px;
  text-align: left;
	transition: 0.5s;
}
.flex-matelas .inner:hover{
background: white;
}
.flex-matelas .inner:hover h3,
.flex-matelas .inner:hover p{
	text-decoration: underline;
}



.flex-matelas .inner a{
	display: flex;
	align-items: flex-start;
}
.flex-matelas .inner img{
  margin-right: 17px;
}

.flex-matelas h3{
  font-family: 'HankenGrotesk-Bold';
font-size: 20px;
line-height: normal;
margin-bottom: 15px;
color: #4A4A4A;
}
.flex-matelas p{
  font-family: 'HankenGrotesk-Regular';
  font-size: 14px;
  line-height: normal;
  color: #4A4A4A;
}
.flex-matelas p span{
  display: table;
  font-family: 'HankenGrotesk-Bold';
}
.mini-text-braden{
  font-family: 'HankenGrotesk-Regular';
  font-size: 14px;
  color: #4A4A4A;
  width: 841px;
  max-width: 100%;
  margin: auto;
  margin-top: 32Px;
}
.page-template-page-templatepage-braden-php .sticky-header {z-index: 999999999}
.gdpr_lightbox.gdpr_lightbox-opened{z-index: 999999999}


@media screen and (min-width: 1300px){

.no-pre-header header .sub-menu{
	top: 128px;
}
body.no-preheader header .sub-menu.sticked, header .sub-menu.sticked{
top: 56px;	
}
}

@media screen and (min-width: 768px) and (max-width: 1024px){
  .drawer-braden .choice li {width: 19%}
  .flex-matelas {
    gap: 30px;
    padding: 0px 20px;
  }
  .flex-matelas h3 {font-size: 18px}
  .mini-text-braden {padding: 0px 20px}
}
body div:where(.swal2-container) h2:where(.swal2-title){
	color: #20639B;
	font-family: 'HankenGrotesk-Black';
	font-size: 28px;
	line-height: normal;
}
@media screen and (max-width: 767px){
		.pre-header {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		}
	.text-switch {
			font-size: 13px;
			padding: 0px 30px;
			line-height: normal;
			display: none;
			top: 0;
			position: relative;
		}
		.text-switch.active {
			top: 0;
			display: block;
		}

.pre-header .close {
	right: 15px;

}




	.drawer-braden-result .result {
	    font-size: 48px;
	    width: 120px;
	    height: 100px;
	}
	
	.pum-theme-7643 .pum-content+.pum-close,
	.pum-theme-floating-bar .pum-content+.pum-close {
		height: 21px!important;
		width: 22px!important;
		right: 20px!important;
		top: 20px!important;
	}
	.drawer-braden:not(.drawer-braden-0) {padding-top: 70px}
	body div:where(.swal2-container) h2:where(.swal2-title){font-size: 22px}
	.title-braden {
	font-size: 26px;
	margin-bottom: 19px;
	}
	.intro-braden-2 {
	font-size: 17px;
	margin-bottom: 20px;
	padding: 0px 20px;
	}
	.drawer-braden .choice {
	gap: 20px;
	margin-bottom: 25px;
	padding: 0px 20px;
	}
	.drawer-braden .choice li {
	width: calc(50% - 10px);
	height: 163px;
	padding: 0px 25px;
	padding-top: 15px;
	}
	.drawer-braden p.info {
	margin: 0px;
	font-size: 14px;
	margin-bottom: 10px;
	}
	.flex-cta-braden {
	align-items: center;
	flex-direction: column;
	}
	.drawer-braden .return {
	margin-right: 0px;
	margin-bottom: 20px;
	}
.drawer-braden-0 .content {
  width: 100%;
  margin-top: 36px;
  margin-bottom: 250px;
	padding: 0px 10px
}
.main-title-braden {font-size: 32px}
.intro-braden {
  color: #4A4A4A;
  font-family: 'HankenGrotesk-Medium';
  font-size: 16px;
  margin-bottom: 35px;
}
.big-text-braden {
  font-size: 24px;
  letter-spacing: normal;
  line-height: normal;
}
.drawer-braden-0 .next {
  margin-right: 0;
  margin-bottom: 19px;
}
.drawer-braden .choice .number {font-size: 50px}
.text-choice {font-size: 15px}
.drawer-braden .cta-btn{
  font-size: 16px;
  padding: 13px 28px;
}
.drawer-braden-0 {background-position: revert-layer}
.bar-braden .word {
  left: 0;
  text-align: center;
  margin: auto;
}
.mini-text-braden {padding: 0px 20px}
.drawer-braden p.info {
	padding: 0px 20px;
	max-width: 100%;
}
.flex-matelas {
  gap: 20px;
  flex-direction: column;
  padding: 0px 20px;
}
.flex-matelas h3 {
  font-size: 18px;
  margin-bottom: 9px;
}
}




@media screen and (max-width: 1300px){
  .flex-winnclub {width: 90%}
}
@media screen and (max-width: 991px){
.flex-winnclub {
    width: calc(100% - 20px);
  }

  .sidebar-winnclub {
      width: 260px;
      padding: 20px 15px;

  }
  .content-Winnclub {
      width: calc(100% - 260px);
      padding-left: 35px;
  }
  .winnclub-lvl-parent li {

    width: calc(33% - 12.5px);
    line-height: 14px;
}
.flex-winnclub-photos img {
    width: calc(50% - 10px);
}

}

@media screen and (max-width: 767px){
	.flex-winnclub-videos a {
	    width: 100%;
	}

.page-template-page-winnclub  .top-page {
      padding-bottom: 40px;
  }
.flex-winnclub {
      padding-top: 2.5px;
    flex-direction: column;
}
.winnclub-lvl-parent{
  gap: 10px;
}
.winnclub-lvl-parent li {
          width: calc(50% - 5px);
}
body .container.flex-winnclub{
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.sidebar-winnclub li {
  font-size: 14px;
          line-height: 20px;
          width: 50%;
          padding: 4px 5px;
          border: none;
          text-align: center;
          justify-content: center;
          align-items: center;
          display: flex;
          margin-top: 4px;
          margin-bottom: 4Px;
}
.sidebar-winnclub li b {
  font-size: 14px;
  line-height: 17px;
    text-align: center;
}
.content-Winnclub {
    width: 100%;
    padding-left: 35px;
    margin-top: 0px;
    padding-left: 0px;
}
.mini-title-winnclub-2 {
    font-size: 18px;
    margin-bottom: 25px;
}

.sidebar-winnclub {
    padding: 20px 15px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 40px);
    transform: translateX(-20px);
    border-radius: 0px;
    top: 68px;
    margin-top: 0px;
    margin-bottom: 25px;
}
.mini-title-winnclub.show-mobile {
  margin-bottom: 10px;
  font-size: 20px;
  margin-top: 25px;
}
.item-winnclub-pdf{
  font-size: 16px;
}

}