[v-cloak] { display: none; }

img{
	max-width: 100%;
}

:root {
  --main-color-untouched: #DE1164;
  --main-color: #DE1164;
  --secondary-color: #852073;
  --gradient-start-color:#DE1164;
  --gradient-end-color:#852073;
  --gradient: linear-gradient(90deg, var(--gradient-start-color) 0%, var(--gradient-end-color) 100%);
  --text-color:#262D47;
  --text-color-untouched:#262D47;
  --light-gray:#F9FAFB;
  --medium-gray:#E5E7EB;
  --dark-gray:#BDC2CD;
  --inside-padding:20px;
  --section-padding:70px;
  --success-color:#58B031;
  --warning-color:#FA8921;
  --danger-color: #DE1164;
}

strong{
	font-weight: 600;
}



.round{
	border-radius: 100%;
}

.color-success{
	color:var(--success-color);
}
.color-warning{
	color:var(--warning-color);
}
.color-danger{
	color:var(--danger-color);
}

.dot{
	display: inline-block;
	width:12px;
	height:12px;
	background-color: #000;
	border-radius: 100%;
}

.color-success .dot{
	background-color:var(--success-color);
}
.color-warning .dot{
	background-color:var(--warning-color);
}
.color-danger .dot{
	background-color:var(--danger-color);
}


.material-symbols-outlined.fill {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

body,
html {
	
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: var(--text-color);
	font-weight: 400;
	min-height: 100%;
	height:100%;
	background-color: #ffffff;
	margin:0px;
	padding: 0px;
	
	text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
}

#headerspacer{
	height:187px;
}

body.home #headerspacer{
	height:102px;
}

header{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index: 400;
}

.datepicker-container { z-index: 99999 !important; }

.fc-h-event .fc-event-main-frame {
	display: block;
	white-space: normal;
}

.logininfos{
	display: flex;
	gap: 10px;
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
}

.logininfos a.profile{
	display: inline-flex;
	align-items: center;
	gap:5px;
	color: inherit;
}

.logininfos a.profile .material-symbols-outlined{
	font-size: 12px;
	line-height: inherit;
}

.logininfos a.logout{
	display: inline-flex;
	align-items: center;
}

.logininfos a.logout .material-symbols-outlined{
	font-size: 16px;
	line-height: 1.5em;
}

.withgradient{
	background: var(--gradient);
	--text-color:#fff;
	--main-color:#fff;
	--medium-gray:#fff;
	
}

.withgradient .card{
	--text-color:var(--text-color);
	--main-color:var(--main-color-untouched);
	--medium-gray:#E5E7EB;
}

.gradient path{
	fill:url(#svg-gradient) #fff;
}

.gradient.inverted path{
	fill:url(#svg-gradient-inverted) #fff;
}

.maincolor path{
	fill:var(--main-color);
}

.withgradient a.button:hover{
	--text-color:var(--main-color-untouched);
}

.textgradient{
	background: var(--gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

.textsmall{
	font-size: 14px;
	line-height: 1.5em;
}

.textxsmall{
	font-size: 12px;
	line-height: 1.5em;
}

#improApp{
	min-height:100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	overflow-x: hidden;
}

button.hamburger{
	display:none;
}

.hamburger-box{
	width:30px;	
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
	width:30px;	
}

.sessionbuy{
	display: flex;
	gap:20px;
	align-items: center;
}

.sessionbuy .material-symbols-outlined{
	color:var(--main-color);
	transition: 0.3s;
}

.sessionbuy:hover .material-symbols-outlined{
	color:var(--text-color);
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	height:2px;
}

button.hamburger{
	position: fixed;
	top: 0px;
	right: 20px;
	z-index: 999999;
}

button.hamburger.placeholder{
	position: relative;
	top:auto;
	right:auto;
	visibility: hidden;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after{
	background-color:#fff;
}

.mobilenav{
	transform: translateY(100%);
	display: flex;
	flex-direction: column;
	position: fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	justify-content: center;
	align-items: center;
	transition: all .2s ease-in-out;
	z-index: 9999;
}

body.mobileopen .mobilenav{
	transform: translateY(0);
}

.mobilenav ul, .mobilenav li{
	list-style: none;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	padding:0px;
}

.mobilenav li{
	margin-top:20px;
	margin-bottom: 20px;
}

.mobilenav li .button{
	font-size: 16px;
	margin-top: 20px;
}

.mobilenav li .panier{
	font-size: 16px;
}

.mobilenav .logininfos{
	position: relative;
	transform: none;
	top:auto;
	right:auto;
	color:#fff;
	font-size: 16px;
}

.mobilenav .logininfos a.logout .material-symbols-outlined{
	font-size: 24px;
}

.modal{
	display: none;
	position: fixed;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.8);
}

.modal.opened{
	display: flex;
}

.modal .modalcontent{
	background-color: #fff;
	border:1px solid var(--medium-gray);
	padding:30px;
	box-sizing: border-box;
	border-radius: 7px;
	text-align: center;
	position:relative;
}

.modal .modalcontent .modalclose{
	width:38px;
	height:38px;
	position: absolute;
	right:-10px;
	top:-10px;
	background-color: #fff;
	border:1px solid var(--medium-gray);
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color:var(--text-color);
	border-radius:100px;
}

.modal .modalcontent .button, .swal2-actions button{
	margin:5px;
}
	 

.inside{
	padding-left:var(--inside-padding);
	padding-right:var(--inside-padding);
	margin:auto;
	position: relative;
	max-width: 1280px;
	width:100%;
	box-sizing: border-box;
}

.inside .inside{
	padding:0px;
}

.inside.narrow{
	max-width: 800px;
}

.inside.details{
	display: flex;
	align-items: flex-start;
}

.inside.details .left{
	margin:0px;
	width:calc(100% - 440px);
}

.inside.details .right{
	margin:0px;
	width:440px;
	padding-left:80px;
	box-sizing: border-box;
	align-self: flex-start; 
}

h1{
	font-size: 3.750em;
	color:var(--main-color);
	font-weight: 800;
	margin-top: 0px;
	line-height:1em;
	width: calc(100% - 492px);
	max-width: 595px;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

.fullh1{
	width: calc(100% - 550px);
	max-width: 595px;
	z-index: 40;
}

.fullh1 h1{
	width:calc(100% + 50px);
	max-width: none;
}

.fullh1 > div{
	padding-right: 70px;
	box-sizing: border-box;
}

h2{
	font-size: 2em;
	color:var(--main-color);
	font-weight: 800;
	line-height:1.1em;
	margin-top: 0px;
}

h2.withswiper{
	max-width: calc(100% - 98px);
}

h3{
	font-size: 1.250em;
	font-weight: 600;
	color:var(--main-color);
	line-height:1.1em;
	margin-top: 0px;
}

h4{
	font-weight: 600;
	margin-bottom: 0px;
}

a{
	color: var(--main-color);
	text-decoration: none;
}

.pink{
	color: var(--main-color);
}

.goutte {
  -webkit-mask-image: url(../img/goutte.svg);
  mask-image: url(../img/goutte.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}



.button, button:not(.hamburger), .swal2-styled{
	display: inline-block;
	padding:5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid var(--medium-gray);
	border-radius: 50px;
	cursor: pointer;
	transition: 0.3s;
	line-height: 1.5em;
	
}

.button.withmargin, button.withmargin{
	margin-bottom:20px;
}

a.button{
	text-decoration: none;
	color:var(--text-color);
}

a.button:hover, button:not(.hamburger):hover{
	background-color: var(--main-color);
	border-color:var(--main-color);
	--text-color:#fff;
}

.button.maincolor, button.maincolor, .swal2-styled.swal2-confirm{
	--text-color:#fff;
	background-color: var(--main-color);
	border-color:var(--main-color);
}

.button.maincolor:hover, button.maincolor:hover{
	--text-color:var(--main-color-untouched);
	background-color: #fff;
}

.panier{
	padding-right: 40px;
	position: relative;
}


.panier::after{
	content:attr(data-count);
	display: flex;
	width:30px;
	height:30px;
	background-color: var(--main-color);
	border-radius: 60px;
	color:#fff;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	top:50%;
	right:0px;
	transform: translateY(-50%);
}

.mobilenav .panier::after{
	color:var(--main-color-untouched);
}

table.impro{
	margin:0px;
	padding:0px;
	width:100%;
}

table.impro th{
	text-align: left;
	color:var(--main-color);
	font-weight: 600;
	padding:0px;
	padding-bottom:20px;
}

table.impro td{
	padding:0px;
	padding-top:20px;
	padding-bottom:20px;
	border-top: 1px solid var(--dark-gray);
}

table.impro th[align=right], table.impro td[align=right]{
	text-align: right;
}

table.impro tr.total td{
	font-weight: 600;
}

.quantitebutton{
	display: inline-flex;
	border:1px solid var(--dark-gray);
	border-radius:7px;
	padding:5px;
	padding-left: 10px;
	padding-right:10px;
	gap:10px;
	margin-right: 10px;
}

.quantitebutton a{
	color:var(--text-color);
}

.quantitebutton a[disabled=true]{
	opacity: .2;
	cursor: default;
}

.quantitebutton > div{
	width:30px;
	text-align: center;
}

header .navcontainer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .navbackground{
	background-color: #fff;
	z-index: 400;
}

header .breadcrumbbackground{
	background-color: #fff;
	z-index: 400;
}

header nav ul, header nav ol{
	margin:0px;
	padding: 0px;
	display: flex;
	list-style: none;
}

header nav ul a, header nav ol a{
	text-decoration: none;
	color: var(--text-color);
}

header nav.breadcrumb ol li a:before{
	display: none;
}

header .logo{
	width:145px;
	height:33px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	overflow: hidden;
	display: block;
}

header .logo svg{
	width:100%;
	height:100%;
}

header .logo {
	-webkit-mask-image: url(../img/logo.svg);
	mask-image: url(../img/logo.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

header nav.menu{
	padding-top:34px;
	padding-bottom: 34px;
}

header nav ul{
	gap:30px;
	font-size: 0.875em;
}

header nav ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

header nav ul li a.active, header nav ul li a:hover{
	font-weight: 600;
}

header nav ul li a::before {
	display: block;
	content: attr(title);
	font-weight: 600;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

header nav.breadcrumb{
	border-top:1px solid var(--medium-gray);
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 0.750em;
}

header nav ol{
	gap:10px;
}

header nav ol li{
	font-weight: 600;
}

header nav ol li a{
	font-weight: 400;
	position: relative;
	padding-right:28px;
}

header nav ol li a::before {
	display: block;
	content: attr(title);
	font-weight: 600;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

header nav ol li a::after {
	font-family: 'Material Symbols Outlined';
	  content: "chevron_right";
	  font-size: 1.500em;
	  color: #AAB3D2;
	  -webkit-font-feature-settings: 'liga' 1;
	  -moz-font-feature-settings: 'liga' 1;
	  font-feature-settings: 'liga' 1;
	  position: absolute;
	  top:50%;
	  right:0px;
	  transform: translateY(-50%);
}


footer{
	background-color:#262D47;
	color:#ffffff;
	--text-color:#ffffff;
	--light-gray:#ffffff;
	--medium-gray:#ffffff;
	--dark-gray:#ffffff;
}

footer a{
	color:inherit;
}

footer .footertop{
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top:30px;
	padding-bottom: 40px;
	gap: 20px;
}

footer .footertop .partners{
	text-align: right;
}

footer .footertop .newsletter{
	flex:1;
	max-width: 500px;
}

footer .footertop .newsletter form{
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

footer .footertop .newsletter input{
	margin: 0px;
	color:var(--text-color-untouched);
}

footer .footertop .newsletter form .emailinput{
	flex:1;
}

footer .footerbottom{
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding-top:30px;
	padding-bottom: 30px;
	border-top:1px solid #fff;
	font-size: 12px;
	line-height: 1.5em;
}


footer a.sociallink{
	display: inline-block;
	width:30px;
	height:30px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 25px;
	margin-top: 10px;
}

footer a.partnerlink{
	display: inline-block;
	width:40px;
	height:40px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 10px;
}

section{
	padding-top: var(--section-padding);
	padding-bottom: var(--section-padding);
}

section.nopadding{
	padding-top:0px;
}

.swipercontrols{
	position: absolute;
	right:var(--inside-padding);
	top:50%;
	transform: translateY(-50%);
	display: flex;
	gap:10px;
	color:var(--main-color);
}

.swipercontrols .button-next, .swipercontrols .button-prev{
	border: 1px solid var(--main-color);
	box-sizing: border-box;
	width:34px;
	height:34px;
	border-radius: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}




.card-listing{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.card-listing.gap30{
	gap:30px;
}

.card{
	text-decoration: none;
	color:var(--text-color);
	box-sizing: border-box;
	background-color:var(--light-gray);
	box-shadow: 0px 6px 15px 0px #0000001A;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	flex:1;
}

.card.half{
	width:calc(50% - 10px);
	flex: none;
}

.card.full{
	width:100%;
	flex: none;
}

.card-content{
	box-sizing: border-box;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.card-image{
	border-radius: 7px 7px 0px 0px;
}

a.card, a.card h3{
	transition: all 0.5s ease-out;
}

a.card .material-symbols-outlined{
	color:var(--main-color);
	position: absolute;
	left:0px;
	top: 50%;
	transform: translateY(-50%);
}

.card:hover{
	box-shadow: 0px 16px 20px 0px #0000001A;
}

a.card h3{
	color:var(--text-color);
	margin:0px;
	padding-left:30px;
	position: relative;
	font-size: 1em;
	font-weight: 600;
}

a.card:hover h3{
	color:var(--main-color);
}

.card p{
	margin-bottom: 0px;
}

.card.fixed365{
	width:365px;
}

.team-listing{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.team-item{
	width:calc((100% - 40px )/3);
	text-align: center;
}

.team-image{
	max-width: 130px;
	display: inline-block;
}

.detailsitem{
	padding-left: 36px;
}

.detailsitem h4{
	position: relative;
}
.detailsitem h4 span{
	position: absolute;
	left:-36px;
	top:0px;
	color:var(--main-color);
}

/** ONEPAGE **/
.onepageintro{
	height:390px;
	position: relative;
	background-color: var(--light-gray);
}

.onepageintro.autoheight{
	height:auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.onepageintro.autoheight h1{
	margin:0px;
}


.onepageintro > .inside{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height:100%;
	overflow-y: hidden;
}

.onepageintro > .inside.image{
	position: absolute;
	overflow-y: visible;
	top:0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 404;
}

.onepageintro > .inside img.goutte{
	position: absolute;
	right:0px;
	top:50%;
	transform: translate(-15%, -50%);
	height:115%;
	z-index: 404;
} 

.onepageintro > .inside .svg{
	position: absolute;
	right:0px;
	transform: rotate(180deg);
	top:73px;
	width:356px;
	height:356px;
}

.onepageintro > .inside .svg.goutte1{
	transform: rotate(90deg);
	right: 100px;
}

.onepageintro > .inside .svg.goutte2{
	width:492px;
	height:492px;
	top:200px;
}

.onepagecontainer{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.onepagecontainer .onepagemenu{
	width: 280px;
	padding-top:var(--section-padding);
}

.onepagecontainer .onepagecontent{
	width: calc(100% - 280px);
}

.onepagemenu a{
	text-decoration: none;
	color:var(--text-color);
	font-size: 0.875em;
	font-weight: 600;
	margin-bottom: 20px;
	display: inline-block;
}

body.home .onepageintro{
	background-color: transparent;
}

body.home .onepageintro > .inside{
	overflow-y: visible;
}

body.home .onepageintro > .inside img.goutte{
	right: 8%;
	top: 50%;
	transform: translate(0, -50%);
	height: 115%;
}

body.home .onepageintro > .inside .svg{
	width:225px;
	height:225px;
	transform: rotate(270deg);
}
/** ONEPAGE **/


/** TEMOIGNAGES **/

.testimonials{
	background-color: var(--light-gray);
}

#temstimonialsswiper .swiper-slide{
	width:365px;
	background-color: #fff;
	padding:20px;
	box-sizing: border-box;
	height: auto;
}
#temstimonialsswiper .swiper-slide > div{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex:1;
}

#temstimonialsswiper .swiper-slide > div .image{
	width:90px;
	height:90px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/** TEMOIGNAGES **/

#homecoursswiper{
	margin-bottom:30px;
}


#homecoursswiper .swiper-slide {
	width: 365px;
}

/** VALEURS **/

.valeurpicto path{
	fill:var(--main-color);
}

.valeuritem{
	padding:20px;
	display: flex;
	align-items: flex-start;
	border-radius: 30px 30px 0px 30px;
	gap:20px;
	box-sizing: border-box;
	background-color: var(--light-gray);
	width: 100%;
}

.valeurslisting{
	display: flex;
	gap:20px;
	flex-wrap: wrap;
}

.valeuritem h3{
	margin:0px;
}

body.home .valeuritem{
	--main-color:#fff;
	--text-color:#fff;
	color:var(--text-color);
	background: var(--gradient);
	
}


body.home .valeuritem{
	width:calc(50% - 10px);
}

/** VALEURS **/

/** PARTENAIRES **/

.partenaireslisting{
	display: flex;
	gap:20px;	
	flex-wrap: wrap;
}

.partenaireitem{
	width:calc((100% - (3 * 20px))/4);
	border-radius:9px;
	border:1px solid var(--dark-gray);
	box-sizing: border-box;
	padding:25px;
}

.partenaireitem .img{
	width:100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.partenaireitem .img:after{
	content:"";
	display: block;
	padding-top:45%;
}

/** PARTENAIRES **/

.formprofilecontainer{
	display:flex; gap:40px; width:100%;justify-content: space-between;
}


.formprofilecontainer > div{
	flex:1;
}

header .panier.mobile{
	display: none;
}

@media all and (max-width:1024px){
	.partenaireitem{
		width: calc((100% - (2 * 20px))/3);
	}
	h1{
		font-size: 3em;
	}
}

@media all and (max-width:900px){
	button.hamburger{
		display:block;
	}
	header{
		position:fixed;
		top:0px;
		left:0px;
		right:0px;
		z-index: 3000;
		/*box-shadow: 0px 6px 15px 0px #0000001A;*/
	}
	
	header .navcontainer{
		background-color: #fff;
	}
	
	header .menu{
		display: none;
	}
	
	header .panier.mobile{
		display: block;
	}
	
	header nav.breadcrumb{
		padding-top:5px;
		padding-bottom: 5px;
	}
	#headerspacer{
		display: none;
	}
	
	body{
		padding-top:97px;
	}
	
	h1{
		max-width: none;
		width:100%;
	}
	
	.fullh1{
		max-width: none;
		width:100%;
	}
	
	.fullh1 h1{
		width:100%;
		max-width: none;
	}
	
	.fullh1 > div{
		padding-right: 0px;
		box-sizing: border-box;
	}
	
	.onepageintro .svg, .onepageintro .goutte, .onepageintro .goutte1, .onepageintro .goutte2{
		display: none;
	}

	
	.onepageintro{
		height:auto;
	}
	
	.onepageintro h1{
		margin-block-start: 0.67em;
	}
	
	.inside.details{
		flex-direction: column-reverse;
	}
	.inside.details .left, .inside.details .right{
		padding:0px;
		width:100%;
		position:relative;
		margin-bottom: 20px;
	}
	
	.detailitemslisting{
		display: flex;
		gap:30px;
	}
	
	
	
	footer .footertop{
		flex-direction: column;
	}
	
	footer .footertop .partners{
		text-align: left;
	}
	
	footer a.partnerlink{
		margin-left:0px;
		margin-right: 20px;
	}
	
	footer .footertop > div{
		width:100%;
	}
}
@media all and (max-width:768px){
	.fc .fc-toolbar {
		flex-direction: column-reverse;
		gap:20px;
	}
	
	body{
		padding-top:60px;
	}
	
	.breadcrumbcontainer{
		display: none;
	}
	
	.card.half{
		width:100%;
	}
	
	.detailitemslisting{
		flex-wrap: wrap;
	}
	.detailsitem{
		width:calc((100% - 30px)/2);
		box-sizing: border-box;
	}
	
	.onepagecontainer .onepagemenu{
		display: none;
	}
	
	.onepagecontainer .onepagecontent{
		width:100%;
	}
	
	table.impro thead{
		display:none;
	}
	
	table.impro tr {
		display: block;
		border-top:2px solid var(--text-color-untouched);
		margin-bottom: 20px;
	}
	
	table.impro tr.total {
		padding:0px;
		border:none;
		display: flex;
	}
	
	table.impro tr.total td{
		flex:1;
	}
	
	
	
	table.impro tr:not(.total) td:not(.paniertitle) {
		display: block;
		text-align: right;
	}
	
	table.impro tr:not(.total) td:first-child{
		border-top:none;
	}
	
	table.impro  tr:not(.total) td:not(.paniertitle)::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 12px;
	}
	
	h1{
		font-size: 2.5em;
	}
	
	body.home .valeuritem{
		width:100%;
	}
	
	.home_vignettes .card{
		width:100%;
		flex: auto;
	}
	.formprofilecontainer{
		flex-direction: column;
	}
	
	.formprofilecontainer button{
		margin-bottom: 70px;
	}
}

@media all and (max-width:450px){
	footer .footerbottom{
		flex-direction: column;
	}
	
	.detailsitem{
		width:100%;
	}
	
	.partenaireitem{
		width: calc((100% - (1 * 20px))/2);
	}
}