a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}button,input,label,select,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:0 0;line-height:1;font-size:12px;font-family:Roboto}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type=button],input[type=reset],input[type=submit]{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:0 0}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}

:root
{
	--margindebasehorizontal:20px;
	--margindebasevertical:20px;
	--nombredecolonnes:12;
	--tailleheader:100px;
	/*--tailleheaderfooter:0px;*/
	--largeurmenu:250px;
	--largeursite:1170px;
	/*--taillecover:600px;*/
	--color1:#686868;
	--color2:#f7f7f7;
	--color3:#EAEAEA;
	--color4:#9bd4fb;
	--color5:#3d3c3b;
	--color6:#85bd30;
	--color7:#C1C1C1;
	--color8:#FF473E;
	--color9:#0A7EC4;
}


::selection {
	background:var(--color1);
	color:#fff;
}
::-moz-selection {
	background:var(--color1);
	color:#fff;
}

*:not(a)
{
	transition:all .1s ease;
}

*:not(a):hover
{
	transition:all .3s ease;
}

/*@font-face {
 font-family: "Roboto";
 src: url("http://localhost:8888/kitmedia/medias/font/roboto.ttf") format("ttf");
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');



/*=============================Bases=================================
=====================================================================
===================================================================*/

body
{
	font-display: auto;
	font-family: 'Roboto', sans-serif;
	color:var(--color1);
	overflow-x:hidden;
	word-wrap:break-word;
	font-size:15px;
	line-height:30px;
}

section
{
	
}

img
{
	max-width:100%;
}

hr
{
	border-style:solid;
	border-bottom:0;
	margin:0;
}

h1
{
	text-decoration:none;
	text-transform:inherit;
}

h2
{
	text-decoration:none;
	line-height:1.25;
}

h3
{
	text-transform:inherit;
	text-decoration:none;
}

h4
{
	text-transform:inherit;
	text-decoration:none;
}

p
{
	text-transform:inherit;
	line-height:30px;
	
}

ul li
{
	line-height:25px;
	text-decoration:none;
	text-transform:inherit;
}

ul li:before
{
	content:"";
	display:inline-block;
	height:8px;
	width:8px;
	margin-right:5px;
	border-radius:256px;
	background:var(--color4);
}

ol li
{
	text-transform:inherit;
	list-style-type:decimal;
	margin-left:15px;
}

a, a:not(.cta):visited
{
	text-decoration:underline;
	color:inherit;
	cursor:pointer;
}

a:hover
{
	color:var(--color3);
	transition:color .3s ease;
}

table, table td
{
	border:1px solid;
}

table td
{
	padding:5px;
}

input:not([type=checkbox]):not([type=radio]) {
	-webkit-appearance: none;
}

/*=============================Grilles===============================
=====================================================================
===================================================================*/

article
{
	margin:auto;
	margin-top:var(--tailleheader);
	box-sizing:border-box;
	position:relative;
	min-height:calc(100vh - var(--tailleheader));
}

article > section, footer > section
{
	width:var(--largeursite);
	box-sizing:border-box;
	margin:auto;
}

article section.full
{
	width:100%;
	position:relative;
	box-sizing:border-box;
}

article section.full-bg, article section.full-bg-img, footer section.full-bg
{
	width:var(--largeursite);
	padding:0 calc((100% - var(--largeursite)) / 2);
	margin:auto;
	box-sizing:content-box;
	position:relative;
}

article section.full-bg-img > div > picture > img
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
	object-fit:cover;
}

article section.full-bg-img > div > picture > video
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-2;
	object-fit:cover;
}


article section.full-bg-img:before
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(43,43,36,0.7) 0%, rgba(43,43,43,0) 44%);
	
	z-index:-1;
}

article section.no-filter:before
{
	background:initial;
}

.hide
{
	display:none!important;
}

.show
{
	display:block!important;
}

.grid
{
	display:flex;
	flex-wrap:wrap;
}

.normal
{
	font-weight:400;
}

.bold, strong, b
{
	font-weight:bold;
}

.italic, i, em
{
	font-style:italic;
}

.light
{
	font-weight:lighter;
}

.center
{
	text-align:center;
	margin:auto;
}

.left
{
	text-align:left;
}

.right
{
	text-align:right;
}

.justify
{
	text-align:justify;
}

.center-h
{
	justify-content:space-around;
	display:flex;
}

.center-v
{
	align-items:center;
	display:flex;
}

.center-vh
{
	justify-content:space-around;
	align-items:center;
	display:flex;
}

.left-h
{
	justify-content:flex-start;
	display:flex;
}

.left-v
{
	align-items:flex-start;
	display:flex;
}

.left-vh
{
	justify-content:flex-start;
	align-items:flex-start;
	display:flex;
}

.right-h
{
	justify-content:flex-end;
	display:flex;
}

.right-v
{
	align-items:flex-end;
	display:flex;
}

.right-vh
{
	justify-content:flex-end;
	align-items:flex-end;
	display:flex;
}

.flex-space-between
{
	justify-content:space-between;
	display:flex;
}

.flex-space-around
{
	justify-content:space-around;
	display:flex;
}

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

.align-space-between
{
	align-content:space-between;
}

.align-space-raound
{
	align-content:space-around;
}

.column
{
	display:flex;
	flex-direction:column;
}

.column-reverse
{
	display:flex;
	flex-direction:column-reverse;
}

.row
{
	display:flex;
	flex-direction:row;
}

.row-reverse
{
	display:flex;
	flex-direction:row-reverse;
}

/*.e1
{
	width:calc((100% / var(--nombredecolonnes)) - var(--margindebasehorizontal))!important;
	}*/

/*.e1.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 1)!important;
	box-sizing:border-box;
	}*/

	.e1
	{
		width:calc((100% / var(--nombredecolonnes)) * 1)!important;
		box-sizing:border-box;
	}

/*.e2
{
	width:calc(((100% / var(--nombredecolonnes)) * 2) - var(--margindebasehorizontal))!important;
}

.e2.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 2)!important;
	box-sizing:border-box;
	}*/

	.e2
	{
		width:calc((100% / var(--nombredecolonnes)) * 2)!important;
		box-sizing:border-box;
	}

/*.e3
{
	width:calc(((100% / var(--nombredecolonnes)) * 3) - var(--margindebasehorizontal))!important;
}

.e3.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 3)!important;
	box-sizing:border-box;
	}*/

	.e3
	{
		width:calc((100% / var(--nombredecolonnes)) * 3)!important;
		box-sizing:border-box;
	}

/*.e4
{
	width:calc(((100% / var(--nombredecolonnes)) * 4) - var(--margindebasehorizontal))!important;
}

.e4.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 4)!important;
	box-sizing:border-box;
	}*/

	.e4
	{
		width:calc((100% / var(--nombredecolonnes)) * 4)!important;
		box-sizing:border-box;
	}

/*.e5
{
	width:calc(((100% / var(--nombredecolonnes)) * 5) - var(--margindebasehorizontal))!important;
}

.e5.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 5)!important;
	box-sizing:border-box;
	}*/

	.e5
	{
		width:calc((100% / var(--nombredecolonnes)) * 5)!important;
		box-sizing:border-box;
	}

/*.e6
{
	width:calc(((100% / var(--nombredecolonnes)) * 6) - var(--margindebasehorizontal))!important;
}

.e6.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 6)!important;
	box-sizing:border-box;
	}*/

	.e6
	{
		width:calc((100% / var(--nombredecolonnes)) * 6)!important;
		box-sizing:border-box;
	}

/*.e7
{
	width:calc(((100% / var(--nombredecolonnes)) * 7) - var(--margindebasehorizontal))!important;
}

.e7.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 7)!important;
	box-sizing:border-box;
	}*/

	.e7
	{
		width:calc((100% / var(--nombredecolonnes)) * 7)!important;
		box-sizing:border-box;
	}

/*.e8
{
	width:calc(((100% / var(--nombredecolonnes)) * 8) - var(--margindebasehorizontal))!important;
}

.e8.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 8)!important;
	box-sizing:border-box;
	}*/

	.e8
	{
		width:calc((100% / var(--nombredecolonnes)) * 8)!important;
		box-sizing:border-box;
	}

/*.e9
{
	width:calc(((100% / var(--nombredecolonnes)) * 9) - var(--margindebasehorizontal))!important;
}

.e9.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 9)!important;
	box-sizing:border-box;
	}*/

	.e9
	{
		width:calc((100% / var(--nombredecolonnes)) * 9)!important;
		box-sizing:border-box;
	}

/*.e10
{
	width:calc(((100% / var(--nombredecolonnes)) * 10) - var(--margindebasehorizontal))!important;
}

.e10.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 10)!important;
	box-sizing:border-box;
	}*/

	.e10
	{
		width:calc((100% / var(--nombredecolonnes)) * 10)!important;
		box-sizing:border-box;
	}

/*.e11
{
	width:calc(((100% / var(--nombredecolonnes)) * 11) - var(--margindebasehorizontal))!important;
}

.e11.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 11)!important;
	box-sizing:border-box;
	}*/

	.e11
	{
		width:calc((100% / var(--nombredecolonnes)) * 11)!important;
		box-sizing:border-box;
	}

/*.e12
{
	width:calc(((100% / var(--nombredecolonnes)) * 12) - var(--margindebasehorizontal))!important;
}

.e12.margin-0
{
	width:calc((100% / var(--nombredecolonnes)) * 12)!important;
	box-sizing:border-box;
	}*/

	.e12
	{
		width:calc((100% / var(--nombredecolonnes)) * 12)!important;
		box-sizing:border-box;
	}

	section.grid > *
	{
		box-sizing:border-box;
	}

/*=============================Header================================
=====================================================================
===================================================================*/

header
{
	height:var(--tailleheader);
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	z-index:100;
}

header > nav
{
	max-width:var(--largeursite);
	height:var(--tailleheader);
	margin:auto;
}

header ul:not(.sous-menu) > li
{
	display:flex;
	position:relative;
	height:100%;
	align-items:center;
}

header ul:not(.sous-menu)
{
	height:100%;
}

header ul.sous-menu
{
	position: absolute;
	left:0;
	margin:auto;
	top:100%;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	width:200px;
}

header ul.sous-menu li
{
	display:none;
	align-items:center;
	height:calc(var(--margindebasehorizontal) * 1.5);
}

header ul li:before
{
	display:none;
}

header li:hover ul.sous-menu li
{
	display:flex;
}

header .logo
{
	width:150px;
}

header .logo-fb
{
	width:38px;
}

header > nav > ul > li:hover > a > span, header ul.sous-menu li a span:hover
{
	color:var(--color4);
}

/*=========================Footer Header=============================
=====================================================================
===================================================================*/



/*=============================CTA===================================
=====================================================================
===================================================================*/

.cta
{
	font-family:'Roboto', sans-serif;
	background:var(--color4);
	padding:10px 18px;
	color:var(--color2);
	font-size:15px!important;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	border:1px solid var(--color4);
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:40px;
	border-radius:40px;
	cursor:pointer;
	text-transform: uppercase;
	box-shadow:-1px 28px 86px rgba(0,0,0,0.15);
}

.cta:hover
{
	color:var(--color4)!important;
	border:1px solid var(--color4);
	background:transparent;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color1:hover
{
	color:var(--color1)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color2:hover
{
	color:var(--color2)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color3:hover
{
	color:var(--color3)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color4:hover
{
	color:var(--color4)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color5:hover
{
	color:var(--color5)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color6:hover
{
	color:var(--color6)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color7:hover
{
	color:var(--color7)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color8:hover
{
	color:var(--color8)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

.cta.b-color9:hover
{
	color:var(--color9)!important;
	background:transparent!important;
	box-shadow:0 10px 45px rgba(0,0,0,0);
}

/*=============================Elements==============================
=====================================================================
===================================================================*/

.margin-0
{
	margin:0!important;
}

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

.margin-trbl
{
	margin:var(--margindebasevertical) var(--margindebasehorizontal)!important;
}

.margin-trbl-1-5
{
	margin:calc(var(--margindebasevertical) / 1.5) calc(var(--margindebasehorizontal) / 1.5)!important;
}

.margin-trbl-2
{
	margin:calc(var(--margindebasevertical) / 2) calc(var(--margindebasehorizontal) / 2)!important;
}

.margin-trbl-3
{
	margin:calc(var(--margindebasevertical) / 3) calc(var(--margindebasehorizontal) / 3)!important;
}

.margin-trbl-4
{
	margin:calc(var(--margindebasevertical) / 4) calc(var(--margindebasehorizontal) / 4)!important;
}

.padding-trbl
{
	box-sizing:border-box;
	padding:var(--margindebasevertical) var(--margindebasehorizontal)!important;
}

.padding-trbl-1-5
{
	box-sizing:border-box;
	padding:calc(var(--margindebasevertical) / 1.5) calc(var(--margindebasehorizontal) / 1.5)!important;
}

.padding-trbl-2
{
	box-sizing:border-box;
	padding:calc(var(--margindebasevertical) / 2) calc(var(--margindebasehorizontal) / 2)!important;
}

.padding-trbl-3
{
	box-sizing:border-box;
	padding:calc(var(--margindebasevertical) / 3) calc(var(--margindebasehorizontal) / 3)!important;
}

.padding-trbl-4
{
	box-sizing:border-box;
	padding:calc(var(--margindebasevertical) / 4) calc(var(--margindebasehorizontal) / 4)!important;
}

.margin-tb
{
	margin-top:var(--margindebasevertical)!important;
	margin-bottom:var(--margindebasevertical)!important;
}

.margin-tb-1-5
{
	margin-top:calc(var(--margindebasevertical) / 1.5)!important;
	margin-bottom:calc(var(--margindebasevertical) / 1.5)!important;
}

.margin-tb-2
{
	margin-top:calc(var(--margindebasevertical) / 2)!important;
	margin-bottom:calc(var(--margindebasevertical) / 2)!important;
}

.margin-tb-3
{
	margin-top:calc(var(--margindebasevertical) / 3)!important;
	margin-bottom:calc(var(--margindebasevertical) / 3)!important;
}

.margin-tb-4
{
	margin-top:calc(var(--margindebasevertical) / 4)!important;
	margin-bottom:calc(var(--margindebasevertical) / 4)!important;
}

.padding-tb
{
	box-sizing:border-box;
	padding-top:var(--margindebasevertical)!important;
	padding-bottom:var(--margindebasevertical)!important;
}

.padding-tb-1-5
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 1.5)!important;
	padding-bottom:calc(var(--margindebasevertical) / 1.5)!important;
}

.padding-tb-2
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 2)!important;
	padding-bottom:calc(var(--margindebasevertical) / 2)!important;
}

.padding-tb-3
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 3)!important;
	padding-bottom:calc(var(--margindebasevertical) / 3)!important;
}

.padding-tb-4
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 4)!important;
	padding-bottom:calc(var(--margindebasevertical) / 4)!important;
}

.margin-lr
{
	margin-left:var(--margindebasehorizontal)!important;
	margin-right:var(--margindebasehorizontal)!important;
}

.margin-lr-1-5
{
	margin-left:calc(var(--margindebasehorizontal) / 1.5)!important;
	margin-right:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.margin-lr-2
{
	margin-left:calc(var(--margindebasehorizontal) / 2)!important;
	margin-right:calc(var(--margindebasehorizontal) / 2)!important;
}

.margin-lr-3
{
	margin-left:calc(var(--margindebasehorizontal) / 3)!important;
	margin-right:calc(var(--margindebasehorizontal) / 3)!important;
}

.margin-lr-4
{
	margin-left:calc(var(--margindebasehorizontal) / 4)!important;
	margin-right:calc(var(--margindebasehorizontal) / 4)!important;
}

.padding-lr
{
	box-sizing:border-box;
	padding-left:var(--margindebasehorizontal)!important;
	padding-right:var(--margindebasehorizontal)!important;
}

.padding-lr-1-5
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 1.5)!important;
	padding-right:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.padding-lr-2
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 2)!important;
	padding-right:calc(var(--margindebasehorizontal) / 2)!important;
}

.padding-lr-3
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 3)!important;
	padding-right:calc(var(--margindebasehorizontal) / 3)!important;
}

.padding-lr-4
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 4)!important;
	padding-right:calc(var(--margindebasehorizontal) / 4)!important;
}

.margin-l
{
	margin-left:var(--margindebasehorizontal)!important;
}

.margin-l-1-5
{
	margin-left:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.margin-l-2
{
	margin-left:calc(var(--margindebasehorizontal) / 2)!important;
}

.margin-l-3
{
	margin-left:calc(var(--margindebasehorizontal) / 3)!important;
}

.margin-l-4
{
	margin-left:calc(var(--margindebasehorizontal) / 4)!important;
}

.padding-l
{
	box-sizing:border-box;
	padding-left:var(--margindebasehorizontal)!important;
}

.padding-l-1-5
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.padding-l-2
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 2)!important;
}

.padding-l-3
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 3)!important;
}

.padding-l-4
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) / 4)!important;
}

.margin-r
{
	margin-right:var(--margindebasehorizontal)!important;
}

.margin-r-1-5
{
	margin-right:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.margin-r-2
{
	margin-right:calc(var(--margindebasehorizontal) / 2)!important;
}

.margin-r-3
{
	margin-right:calc(var(--margindebasehorizontal) / 3)!important;
}

.margin-r-4
{
	margin-right:calc(var(--margindebasehorizontal) / 4)!important;
}

.padding-r
{
	box-sizing:border-box;
	padding-right:var(--margindebasehorizontal)!important;
}

.padding-r-1-5
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) / 1.5)!important;
}

.padding-r-2
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) / 2)!important;
}

.padding-r-3
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) / 3)!important;
}

.padding-r-4
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) / 4)!important;
}

.margin-b
{
	margin-bottom:var(--margindebasevertical)!important;
}

.margin-b-1-5
{
	margin-bottom:calc(var(--margindebasevertical) / 1.5)!important;
}

.margin-b-2
{
	margin-bottom:calc(var(--margindebasevertical) / 2)!important;
}

.margin-b-3
{
	margin-bottom:calc(var(--margindebasevertical) / 3)!important;
}

.margin-b-4
{
	margin-bottom:calc(var(--margindebasevertical) / 4)!important;
}

.padding-b
{
	box-sizing:border-box;
	padding-bottom:var(--margindebasevertical)!important;
}

.padding-b-1-5
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) / 1.5)!important;
}

.padding-b-2
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) / 2)!important;
}

.padding-b-3
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) / 3)!important;
}

.padding-b-4
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) / 4)!important;
}

.margin-t
{
	margin-top:var(--margindebasevertical)!important;
}

.margin-t-1-5
{
	margin-top:calc(var(--margindebasevertical) / 1.5)!important;
}

.margin-t-2
{
	margin-top:calc(var(--margindebasevertical) / 2)!important;
}

.margin-t-3
{
	margin-top:calc(var(--margindebasevertical) / 3)!important;
}

.margin-t-4
{
	margin-top:calc(var(--margindebasevertical) / 4)!important;
}

.padding-t
{
	box-sizing:border-box;
	padding-top:var(--margindebasevertical)!important;
}

.padding-t-1-5
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 1.5)!important;
}

.padding-t-2
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 2)!important;
}

.padding-t-3
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 3)!important;
}

.padding-t-4
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) / 4)!important;
}

.margin-tbx1-5
{
	margin-top:calc(var(--margindebasevertical) * 1.5)!important;
	margin-bottom:calc(var(--margindebasevertical) * 1.5)!important;
}

.margin-trblx1-5
{
	margin:calc(var(--margindebasevertical) * 1.5) calc(var(--margindebasehorizontal) * 1.5)!important;
}

.margin-trblx2
{
	margin:calc(var(--margindebasevertical) * 2) calc(var(--margindebasehorizontal) * 2)!important;
}

.margin-trblx3
{
	margin:calc(var(--margindebasevertical) * 3) calc(var(--margindebasehorizontal) * 3)!important;

}

.margin-trblx4
{
	margin:calc(var(--margindebasevertical) * 4) calc(var(--margindebasehorizontal) * 4)!important;
}

.padding-trblx1-5
{
	padding:calc(var(--margindebasevertical) * 1.5) calc(var(--margindebasehorizontal) * 1.5)!important;
}

.padding-trblx2
{
	padding:calc(var(--margindebasevertical) * 2) calc(var(--margindebasehorizontal) * 2)!important;
}

.padding-trblx3
{
	padding:calc(var(--margindebasevertical) * 3) calc(var(--margindebasehorizontal) * 3)!important;

}

.padding-trblx4
{
	padding:calc(var(--margindebasevertical) * 4) calc(var(--margindebasehorizontal) * 4)!important;
}

.margin-tbx2
{
	margin-top:calc(var(--margindebasevertical) * 2)!important;
	margin-bottom:calc(var(--margindebasevertical) * 2)!important;
}

.margin-tbx3
{
	margin-top:calc(var(--margindebasevertical) * 3)!important;
	margin-bottom:calc(var(--margindebasevertical) * 3)!important;
}

.margin-tbx4
{
	margin-top:calc(var(--margindebasevertical) * 4)!important;
	margin-bottom:calc(var(--margindebasevertical) * 4)!important;
}

.padding-tbx1-5
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 1.5)!important;
	padding-bottom:calc(var(--margindebasevertical) * 1.5)!important;
}

.padding-tbx2
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 2)!important;
	padding-bottom:calc(var(--margindebasevertical) * 2)!important;
}

.padding-tbx3
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 3)!important;
	padding-bottom:calc(var(--margindebasevertical) * 3)!important;
}

.padding-tbx4
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 4)!important;
	padding-bottom:calc(var(--margindebasevertical) * 4)!important;
}

.margin-lrx1-5
{
	margin-left:calc(var(--margindebasehorizontal) * 1.5)!important;
	margin-right:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.margin-lrx2
{
	margin-left:calc(var(--margindebasehorizontal) * 2)!important;
	margin-right:calc(var(--margindebasehorizontal) * 2)!important;
}

.margin-lrx3
{
	margin-left:calc(var(--margindebasehorizontal) * 3)!important;
	margin-right:calc(var(--margindebasehorizontal) * 3)!important;
}

.margin-lrx4
{
	margin-left:calc(var(--margindebasehorizontal) * 4)!important;
	margin-right:calc(var(--margindebasehorizontal) * 4)!important;
}

.padding-lrx1-5
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 1.5)!important;
	padding-right:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.padding-lrx2
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 2)!important;
	padding-right:calc(var(--margindebasehorizontal) * 2)!important;
}

.padding-lrx3
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 3)!important;
	padding-right:calc(var(--margindebasehorizontal) * 3)!important;
}

.padding-lrx4
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 4)!important;
	padding-right:calc(var(--margindebasehorizontal) * 4)!important;
}

.margin-lx1-5
{
	margin-left:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.margin-lx2
{
	margin-left:calc(var(--margindebasehorizontal) * 2)!important;
}

.margin-lx3
{
	margin-left:calc(var(--margindebasehorizontal) * 3)!important;
}

.margin-lx4
{
	margin-left:calc(var(--margindebasehorizontal) * 4)!important;
}

.padding-lx1-5
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.padding-lx2
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 2)!important;
}

.padding-lx3
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 3)!important;
}

.padding-lx4
{
	box-sizing:border-box;
	padding-left:calc(var(--margindebasehorizontal) * 4)!important;
}

.margin-rx1-5
{
	margin-right:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.margin-rx2
{
	margin-right:calc(var(--margindebasehorizontal) * 2)!important;
}

.margin-rx3
{
	margin-right:calc(var(--margindebasehorizontal) * 3)!important;
}

.margin-rx4
{
	margin-right:calc(var(--margindebasehorizontal) * 4)!important;
}

.padding-rx1-5
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) * 1.5)!important;
}

.padding-rx2
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) * 2)!important;
}

.padding-rx3
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) * 3)!important;
}

.padding-rx4
{
	box-sizing:border-box;
	padding-right:calc(var(--margindebasehorizontal) * 4)!important;
}

.margin-bx1-5
{
	margin-bottom:calc(var(--margindebasevertical) * 1.5)!important;
}

.margin-bx2
{
	margin-bottom:calc(var(--margindebasevertical) * 2)!important;
}

.margin-bx3
{
	margin-bottom:calc(var(--margindebasevertical) * 3)!important;
}

.margin-bx4
{
	margin-bottom:calc(var(--margindebasevertical) * 4)!important;
}

.padding-bx1-5
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) * 1.5)!important;
}

.padding-bx2
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) * 2)!important;
}

.padding-bx3
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) * 3)!important;
}

.padding-bx4
{
	box-sizing:border-box;
	padding-bottom:calc(var(--margindebasevertical) * 4)!important;
}

.margin-tx1-5
{
	margin-top:calc(var(--margindebasevertical) * 1.5)!important;
}

.margin-tx2
{
	margin-top:calc(var(--margindebasevertical) * 2)!important;
}

.margin-tx3
{
	margin-top:calc(var(--margindebasevertical) * 3)!important;
}

.margin-tx4
{
	margin-top:calc(var(--margindebasevertical) * 4)!important;
}

.padding-tx1-5
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 1.5)!important;
}

.padding-tx2
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 2)!important;
}

.padding-tx3
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 3)!important;
}

.padding-tx4
{
	box-sizing:border-box;
	padding-top:calc(var(--margindebasevertical) * 4)!important;
}

.c-blanc
{
	color:#fff!important;
}

.c-blanc::placeholder
{
	color:#fff!important;
	opacity:1;
}

.c-blanc::-webkit-input-placeholder
{
	color:#fff!important;
	opacity:1;
}

.c-blanc::moz-placeholder
{
	color:#fff!important;
	opacity:1;
}

.c-blanc:-ms-input-placeholder
{
	color:#fff!important;
	opacity:1;
}

.ul-color1 li:before
{
	background:var(--color1)!important;
}

.ul-color2 li:before
{
	background:var(--color2)!important;
}

.ul-color3 li:before
{
	background:var(--color3)!important;
}

.ul-color4 li:before
{
	background:var(--color4)!important;
}

.ul-color5 li:before
{
	background:var(--color5)!important;
}

.ul-color6 li:before
{
	background:var(--color6)!important;
}

.ul-color7 li:before
{
	background:var(--color7)!important;
}

.c-color1
{
	color:var(--color1)!important;
}

.c-color1::placeholder
{
	color:var(--color1)!important;
	opacity:1;
}

.c-color1::-webkit-input-placeholder
{
	color:var(--color1)!important;
	opacity:1;
}

.c-color1::moz-placeholder
{
	color:var(--color1)!important;
	opacity:1;
}

.c-color1:-ms-input-placeholder
{
	color:var(--color1)!important;
	opacity:1;
}

.c-color2
{
	color:var(--color2)!important;
}

.c-color2::placeholder
{
	color:var(--color2)!important;
	opacity:1;
}

.c-color2::-webkit-input-placeholder
{
	color:var(--color2)!important;
	opacity:1;
}

.c-color2::moz-placeholder
{
	color:var(--color2)!important;
	opacity:1;
}

.c-color2:-ms-input-placeholder
{
	color:var(--color2)!important;
	opacity:1;
}

.c-color3
{
	color:var(--color3)!important;
}

.c-color3::placeholder
{
	color:var(--color3)!important;
	opacity:1;
}

.c-color3::-webkit-input-placeholder
{
	color:var(--color3)!important;
	opacity:1;
}

.c-color3::moz-placeholder
{
	color:var(--color3)!important;
	opacity:1;
}

.c-color3:-ms-input-placeholder
{
	color:var(--color3)!important;
	opacity:1;
}

.c-color4
{
	color:var(--color4)!important;
}

.c-color4::placeholder
{
	color:var(--color4)!important;
	opacity:1;
}

.c-color4::-webkit-input-placeholder
{
	color:var(--color4)!important;
	opacity:1;
}

.c-color4::moz-placeholder
{
	color:var(--color4)!important;
	opacity:1;
}

.c-color4:-ms-input-placeholder
{
	color:var(--color4)!important;
	opacity:1;
}

.c-color5
{
	color:var(--color5)!important;
}

.c-color5::placeholder
{
	color:var(--color5)!important;
	opacity:1;
}

.c-color5::-webkit-input-placeholder
{
	color:var(--color5)!important;
	opacity:1;
}

.c-color5::moz-placeholder
{
	color:var(--color5)!important;
	opacity:1;
}

.c-color5:-ms-input-placeholder
{
	color:var(--color5)!important;
	opacity:1;
}

.c-color6
{
	color:var(--color6)!important;
}

.c-color6::placeholder
{
	color:var(--color6)!important;
	opacity:1;
}

.c-color6::-webkit-input-placeholder
{
	color:var(--color6)!important;
	opacity:1;
}

.c-color6::moz-placeholder
{
	color:var(--color6)!important;
	opacity:1;
}

.c-color6:-ms-input-placeholder
{
	color:var(--color6)!important;
	opacity:1;
}

.c-color7
{
	color:var(--color7)!important;
}

.c-color7::placeholder
{
	color:var(--color7)!important;
	opacity:1;
}

.c-color7::-webkit-input-placeholder
{
	color:var(--color7)!important;
	opacity:1;
}

.c-color7::moz-placeholder
{
	color:var(--color7)!important;
	opacity:1;
}

.c-color7:-ms-input-placeholder
{
	color:var(--color7)!important;
	opacity:1;
}

.c-color8
{
	color:var(--color8)!important;
}

.c-color8::placeholder
{
	color:var(--color8)!important;
	opacity:1;
}

.c-color8::-webkit-input-placeholder
{
	color:var(--color8)!important;
	opacity:1;
}

.c-color8::moz-placeholder
{
	color:var(--color8)!important;
	opacity:1;
}

.c-color8:-ms-input-placeholder
{
	color:var(--color8)!important;
	opacity:1;
}

.c-color9
{
	color:var(--color9)!important;
}

.c-color9::placeholder
{
	color:var(--color9)!important;
	opacity:1;
}

.c-color9::-webkit-input-placeholder
{
	color:var(--color9)!important;
	opacity:1;
}

.c-color9::moz-placeholder
{
	color:var(--color9)!important;
	opacity:1;
}

.c-color9:-ms-input-placeholder
{
	color:var(--color9)!important;
	opacity:1;
}

.c-noir
{
	color:#000!important;
}

.c-noir::placeholder
{
	color:#000!important;
	opacity:1;
}

.c-noir::-webkit-input-placeholder
{
	color:#000!important;
	opacity:1;
}

.c-noir::moz-placeholder
{
	color:#000!important;
	opacity:1;
}

.c-noir:-ms-input-placeholder
{
	color:#000!important;
	opacity:1;
}

.b-transparent, .b-transparent.full-bg-img:before
{
	background:transparent!important;
	border-color:transparent!important;
}

.b-blanc
{
	background:#fff!important;
	border-color:#fff!important;
}

.b-noir
{
	background:#000!important;
	border-color:#000!important;
}

.b-color1
{
	background:var(--color1)!important;
	border-color:var(--color1)!important;
}

.b-color2
{
	background:var(--color2)!important;
	border-color:var(--color2)!important;
}

.b-color3
{
	background:var(--color3)!important;
	border-color:var(--color3)!important;
}

.b-color4
{
	background:var(--color4)!important;
	border-color:var(--color4)!important;
}

.b-color5
{
	background:var(--color5)!important;
	border-color:var(--color5)!important;
}

.b-color6
{
	background:var(--color6)!important;
	border-color:var(--color6)!important;
}

.b-color7
{
	background:var(--color7)!important;
	border-color:var(--color7)!important;
}

.b-color8
{
	background:var(--color8)!important;
	border-color:var(--color8)!important;
}

.b-color9
{
	background:var(--color9)!important;
	border-color:var(--color9)!important;
}

.gradient-1
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a82682+0,eb6a4c+100 */
	background: #a82682; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #a82682 0%, #eb6a4c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #a82682 0%,#eb6a4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #a82682 0%,#eb6a4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a82682', endColorstr='#eb6a4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-2
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008cd1+32,ffd600+100 */
	background: #008cd1; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #008cd1 32%, #ffd600 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #008cd1 32%,#ffd600 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #008cd1 32%,#ffd600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cd1', endColorstr='#ffd600',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.border-blanc
{
	border-color:#fff!important;
}

.border-color1
{
	border-color:var(--color1)!important;
}

.border-color2
{
	border-color:var(--color2)!important;
}

.border-color3
{
	border-color:var(--color3)!important;
}

.border-color4
{
	border-color:var(--color4)!important;
}

.border-color5
{
	border-color:var(--color5)!important;
}

.border-color6
{
	border-color:var(--color6)!important;
}

.border-color7
{
	border-color:var(--color7)!important;
}

.border-color8
{
	border-color:var(--color8)!important;
}

.border-color9
{
	border-color:var(--color9)!important;
}

.border-clair
{
	border-color:var(--clair)!important;
}

.border-sombre
{
	border-color:var(--sombre)!important;
}

.border-texte
{
	border-color:var(--texte)!important;
}

.border-noir
{
	border-color:#000!important;
}

.border-0
{
	border:none;
}

.border-trbl
{
	border:1px solid;
}

.border-tb
{
	border-top:1px solid;
	border-bottom:1px solid;
}

.border-lr
{
	border-left:1px solid;
	border-right:1px solid;
}

.border-t
{
	border-top:1px solid;
}

.border-r
{
	border-right:1px solid;
}

.border-b
{
	border-bottom:1px solid;
}

.border-l
{
	border-left:1px solid;
}

.border-trbl2
{
	border:2px solid;
}

.b-transparent
{
	background:transparent!important;
}

/*a[class*="b-"]:hover, .clic-data[class*="b-"]:hover, input[type="submit"][class*="b-"]:hover
{
	opacity:.5;
}
*/
.border-radius-5
{
	border-radius:5px!important;
	/*overflow:hidden;*/
}

.border-radius-10
{
	border-radius:10px!important;
	/*overflow:hidden;*/
}

.border-radius-15
{
	border-radius:15px!important;
}

.border-radius-25
{
	border-radius:25px!important;
	/*overflow:hidden;*/
}

.border-radius-255
{
	border-radius:255px!important;
	/*overflow:hidden;*/
}

.border-bottom-left-radius-15
{
	border-bottom-left-radius: 15px;
}

.border-bottom-right-radius-15
{
	border-bottom-right-radius: 15px;
}

.border-top-left-radius-0
{
	border-top-left-radius: 0px;
}

.border-top-right-radius-0
{
	border-top-right-radius: 0px;
}

.border-width-2
{
	border-width:2px!important;
}

.border-width-5
{
	border-width:5px!important;
}

.hr-100
{
	width:100%;
}

.hr-75
{
	width:75%;
}

.hr-50
{
	width:50%;
}

.hr-30
{
	width:30%;
}

.hr-25
{
	width:25%;
}

.hr-15
{
	width:15%;
}

.hr-10
{
	width:10%;
}

.hr-5
{
	width:5%;
}

.box-shadow
{
	box-shadow:0 20px 45px rgba(11,84,94,0.1);
}

.box-shadow-2
{
	box-shadow:5px 7px 12px 5px rgba(46,114,217,0.12);
}

.box-shadow-color1
{
	box-shadow:0 20px 45px var(--color1);
}

.box-shadow-color2
{
	box-shadow:0 20px 45px var(--color2);
}

.box-shadow-color3
{
	box-shadow:0 20px 45px var(--color3);
}

.box-shadow-color4
{
	box-shadow:0 20px 45px var(--color4);
}

.box-shadow-color5
{
	box-shadow:0 20px 45px var(--color5);
}

.box-shadow-color6
{
	box-shadow:0 20px 45px var(--color6);
}

.box-shadow-color7
{
	box-shadow:0 20px 45px var(--color7);
}

.text-shadow
{
	text-shadow:0px 2px 5px rgba(0,0,0,0.6);
}

.clic-data
{
	cursor:pointer!important;
}

span.clic-data:hover, li.clic-data:hover, span.clic-data:hover, label.clic-data:hover, a.clic-data:hover
{
	text-decoration: underline;
}

a.no-underline
{
	text-decoration:none!important;
}

.cta.clic-data:hover, a.cta, .cta a, header a, footer a
{
	text-decoration: none;
}

.font-100
{
	font-size:100px;
}

.font-50
{
	font-size:50px;
}

.font-40
{
	font-size:40px;
}

.font-35
{
	font-size:35px;
}

.font-30
{
	font-size:30px;
}

.font-25
{
	font-size:25px;
}

.font-20
{
	font-size:20px;
}

.font-18
{
	font-size:18px;
}

.font-16
{
	font-size:16px;
}

.font-15
{
	font-size:15px;
}

.font-14
{
	font-size:14px;
}

.font-12{
	font-size: 12px;
}

.relative
{
	position:relative;
}

.line-height-1
{
	line-height:1;
}

.line-height-20
{
	line-height:20px;
}

.line-height-25
{
	line-height:25px;
}

.line-height-30
{
	line-height:30px;
}

.line-height-35
{
	line-height:35px;
}

.font-family-1
{
	font-display: auto;
	font-family: 'Roboto', sans-serif;
}

.font-family-2
{
	font-display: auto;
	font-family: 'Roboto', sans-serif;
}

.nowrap
{
	white-space:nowrap;
	flex-wrap:nowrap;
}

.wrap
{
	white-space:normal;
	flex-wrap:wrap;
	overflow-wrap: normal;
}

.image-cover
{
	overflow:hidden;
}

.image-cover > img
{
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center;
}

.maj
{
	text-transform: uppercase;
}

/*===========================IMAGE INTRO===========================*/

.image-intro
{
	/* height:var(--taillecover); */
	width:100vw;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:center;
	z-index:0;
}

.image-intro:before
{
	display:block;
	content:"";
	height:100%;
	width:100vw;
	z-index:-1;
	position:absolute;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 77%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 77%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 77%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 );
}

.image-intro > picture:first-of-type > img
{
	position:absolute;
	min-height: 100%;
	min-width: 100%;
	object-fit:cover;
	object-position:top center;
	z-index:-2;
	left:0;
}

.image-intro > div
{
	margin:auto;
	max-width:var(--largeursite);
}

.image-intro.no-filter:before
{
	background:transparent;
}

/*=============================FILTRE=============================*/

.filter:after
{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.33);
	z-index:1;
}

.filter
{
	position:relative;
	z-index:-1;
}

/*=============================IMAGE FOND FULL=============================*/

.image-fond-full
{
	/*position:relative;*/
	/*overflow:hidden;*/
	background-size: cover!important;
	background-repeat: no-repeat!important;
	
}

.image-fond-full > div:first-of-type
{
	display:none;
}

.image-fond-full > div:not(:first-of-type)
{
	position:relative;
}

/*=============================FOOTER=============================*/

footer
{
	background:url('../img/footer-background-3.jpg')no-repeat bottom center / cover;
}

/*==============================FORMULAIRE===============================*/

/*#form input[type="radio"], */
#form input[type="checkbox"], #form input[type="radio"], #form-sim input[type="radio"]
{
	visibility: hidden;
	display:none!important;
    width: 0;
    height: 0;
    margin: 0!important;
    padding: 0!important;
}

#form label:hover *, #form label.active *, #form label.active-radio *, #form-contact label:hover *, #form-contact label.active *, #form-contact label.active-radio *
{
	color:var(--color4)!important;
	border-color:var(--color4)!important;
	background-color: #fff!important;
}

.active
{
	border-color:var(--color4)!important;
}

.active-radio
{
	border : 2px solid var(--color4)!important;
	
}

form .checkbox:hover, .radio:hover, .sub:hover
{
	cursor: pointer!important;
}

#form input[type="submit"], #form-contact input[type="submit"]
{
	background-color: var(--color4)!important;
	color:#fff;
	padding: 15px 25px 15px 25px;
	border-radius: 5px;
	font-size: 14px;
}

#form-sim input[type="submit"]
{
	background-color: var(--color8)!important;
	color:#fff;
	padding: 15px 25px 15px 25px;
	border-radius: 5px;
	font-size: 14px;
}

.border-top-width
{
	border-top-width: 3px;
}

.border-right-width
{
	border-right-width: 2px;
}

.border-left-width
{
	border-left-width: 2px;
}

.border-bottom-width
{
	border-bottom-width: 2px;
}

.border-top-left-radius
{
	border-top-left-radius: 5px;
}

.border-top-right-radius
{
	border-top-right-radius: 5px;
}

.border-bottom-right-radius
{
	border-bottom-right-radius: 5px;
}

.border-bottom-left-radius
{
	border-bottom-left-radius: 5px;
}

.border-top-left-radius-15
{
	border-top-left-radius: 15px;
}

.border-top-right-radius-15
{
	border-top-right-radius: 15px;
}

.form-devis .select
{
	position: relative;
}

select
{
	-moz-appearance: none!important;
	-webkit-appearance: none!important;
	appearance: none!important;
}

.select select
{
	background: transparent;
	width: 100%;
	font-size: 12px;
	height: 30px;
}

.select
{
	width: 20%;
	overflow: hidden;
    background: url(../img/arrow-select.svg) 102% / 25% no-repeat;
}



/*=============================UNIQUES=============================*/

/*============================FORM INSCRIPTION============================*/

/*.form select
{
	outline: none;
}

form.form-inscription > div
{
	background:rgba(255,255,255,0.6);
}

form.form-inscription input, form.form-inscription select, form.form-inscription label, form.form-inscription .next
{
	height:40px;
	font-size:14px;
}

form.form-inscription .next
{
	font-size:20px;
	cursor:pointer;
}

form.form-inscription .next:hover
{
	background:transparent!important;
	color:var(--color2)!important;
}

form.form-inscription input:not([type="submit"])
{
	/*background:var(--color7);
	border:0;
	height:30px;
	border-bottom:1px solid rgba(0,0,0,0.3);
	margin:5px 0;
}*/

/*============================FORM CONTACT============================*/

form.form-contact input:not([type="submit"]), form.form-contact textarea, form.form-contact select
{
	height:40px;
}

form.form-contact input[type="submit"]:hover
{
	background:transparent!important;
	color:var(--color4)!important;
	cursor: pointer;
}

form.form-contact label.required:after
{
	content:"*";
	color:var(--color2);
	margin-left:5px;
}

input.error, textarea.error, select.error, div.error, label.error
{
	border: 1px solid red!important;
	border-radius: 5px;
}

/*============================FORM EMPLOI============================*/

form.form-emploi input:not([type="submit"]), form.form-emploi textarea, form.form-emploi select
{
	height:40px;
}

form.form-emploi label.required:after
{
	content:"*";
	color:var(--color2);
	margin-left:5px;
}

form.form-emploi input[type="submit"]:hover
{
	background:transparent!important;
	color:var(--color4)!important;
	cursor: pointer;
}



/*================ tabs =================*/


.tab-active
{
	display: none!important;
}





.active-step
{
	background:var(--color4)!important;
	color :var(--color2)!important;
	box-shadow:0 20px 45px rgba(11,84,94,0.3);
}

.active .tab-title
{
	background:var(--color2)!important;
	color :var(--color1)!important;
}

.meteo-change
{
	cursor: pointer;
}

.meteo-change:hover
{
	background: rgba(255, 255, 255, .3) ;
}

.active-meteo
{
	background: rgba(255, 255, 255, .3)!important;
}

.b-noir-opacity
{
	background: rgba(0, 0, 0, .4);
	
}




/*============================FORM ATELIER============================*/

.atelier
{
	cursor:pointer;
}

.atelier:hover
{
	opacity:0.8;
}

form.form-atelier
{
	position:fixed;
	height:calc(100vh - var(--tailleheader) - (var(--margindebasevertical) * 2));
	top:calc(var(--tailleheader) + var(--margindebasevertical));
	z-index:1;
	width:var(--largeursite);
	box-sizing: border-box;
	overflow:scroll;
	left:0;
	right:0;
	margin:auto;
}

body.noir:before
{
	position:fixed;
	content:"";
	display:block;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.7);
	z-index:1;
}

form.form-atelier input:not([type="submit"]), form.form-atelier textarea, form.form-atelier select
{
	height:40px;
}

form.form-atelier input[type="submit"]:hover
{
	background:transparent!important;
	color:var(--color4)!important;
	cursor:pointer;
}

form.form-atelier .close
{
	position: absolute;
	top:calc(var(--margindebasevertical) / 2);
	right:calc(var(--margindebasehorizontal) / 2);
	background:#ee0000;
	height:30px;
	border-color:#ee0000!important;
	cursor:pointer;
}

form.form-atelier .close:hover
{
	background:transparent!important;
	color:#ee0000!important;
}

form.form-atelier .close:after
{
	content:"X";
	border-left:1px solid #990000;
	margin-left:10px;
	padding-left:10px;
}

.error-container p, .send-successful p, .error-container_contact p, .send-successful_contact p
{
	margin:var(--margindebasevertical) auto;
	padding:var(--margindebasevertical) var(--margindebasehorizontal);
	background:rgba(255,0,0,0.5);
	color:white;
	border-radius: 15px;
	width:calc((100% / var(--nombredecolonnes)) * 10)!important;
	font-family:Roboto;
	font-weight:lighter;
	font-size:30px;
	/*height:40px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.send-successful p, .send-successful_contact p
{
	background:rgba(24,201,68,0.5);
	border-color:rgba(24,201,68,1);
}

.fleches
{
	width: 37px;
	margin-top: 90px;
}

.fleches-2
{
	width: 37px;
	margin-top: 60px;
}

type-led input[type="checkbox"]
{
	display: none;
}*/


.relative
{
	position: relative;
}

.absolute
{
	position: absolute;
}

.boxe
{
	top: -10%;
}

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

/*============================FAQ============================*/

.faq
{
	cursor:pointer;
}

.faq > p
{
	padding-right:50px;
}

.faq > p:first-child:after
{
	transition:all .3s ease;
	content:"";
	display:inline-block;
	float:right;
	width: 0;
	height: 0;
	margin-right:-50px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: var(--color4) transparent transparent transparent;
}

.faq-active > p:first-child:after
{
	transform:rotate(-180deg);
	transition:all .3s ease;
}

.faq > div:last-child
{
	display:none;
} 

.popup
{
	top: -125px;
	left: 33px;
	transition: all .3s ease;
}

.popup:after
{
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 47%;
    top: 100%;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 20px 20px 20px 0px;
    border-color: transparent #fff transparent transparent;
    -webkit-transform:rotate(-90deg)
}

.int
{
	background-color: rgba(0, 154, 173, 0.2);
}

.ext
{
	background-color: rgba(255, 71, 62, 0.2);
	color: var(--color8);
}

.popup-fade
{
	opacity: 0;
	transition: all .1s ease;
}

/*============================RGPD============================*/

#rgpd_msg
{
	position:fixed;
	bottom:0;
	width:100vw;
	padding:var(--margindebasevertical) 0;
	z-index:1;
}

#rgpd_msg button:hover
{
	background:transparent!important;
	color:var(--color4)!important;
	cursor:pointer;
}

.show_cookies
{
	position:fixed;
	left:calc(var(--margindebasehorizontal) / 2);
	bottom:calc(var(--margindebasevertical) / 2);
	cursor:pointer;
}

.show_cookies:hover
{
	background:var(--color2)!important;
	color:var(--color4)!important;
}

#rgpd_popup
{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.6);
	z-index:5000000;
}

#rgpd_popup label
{
	border:1px solid var(--color4);
}

#rgpd_popup input
{
	visibility:hidden;
}

#rgpd_popup label:hover
{
	background:var(--color1);
	border-color:var(--color1)!important;
	color: white;
	cursor:pointer;
}

.texte-decoration-no
{
	text-decoration:none!important;
}

/*============================TIMELINE============================*/


.commerces, .timelines
{
	cursor: pointer;
}

.active-com
{
	border-bottom:2px solid var(--color4);

}

.active-time
{
	border : 1px solid var(--color4)!important;
	color: var(--color4)!important;
}

.tablink {
  background-color: var(--color2);
  outline: none;
  border-color: var(--color2);
  cursor: pointer;
}

.tablink:hover {
  background-color: var(--color3);
  color: var(--color4);
}


/* Style the tab content (and add height:100% for full page content) */

.tabcontent {
  color: white;
  display: none;
}

/*============================MÉTÉO============================*/

.video-accueil:before
	{
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.1);
		z-index:-1;
	}

	.full-bg-img > div.video-accueil > picture > video
	{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		max-width:inherit;
		height:100%;
		min-height:600px;
	}

	.video-accueil video
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -2;
		min-height: 600px;
		min-width: 100vw;
	}




/*============================SLIDER 2============================*/

:root {
  --theme-blue: 200, 80%, 38%;
  --theme-red: 350, 63%, 52%;
  --theme-pink: 350, 100%, 69%;
  --theme-black: 0, 7%, 9%;
  --theme-white: 0, 0%, 100%;
  --theme-light: 40, 100%, 97%;
  --theme-dark: 0, 7%, 29%;
  color: hsl(var(--theme-dark));
 
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

a {
  color: hsl(var(--theme-blue));
  transition: color 150ms, text-decoration-color 150ms;
}
a:active, a:visited {
  color: hsl(var(--theme-blue));
}
a:hover {
  color: hsl(var(--theme-red));
}
a:focus, a:hover {
  text-decoration-color: transparent;
}

a:focus,
[tabindex="-1"]:focus {
  outline: 0.125rem solid hsl(var(--theme-pink));
}
a:focus:not(:focus-visible),
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: none;
}

.Carousel {
  --carousel-gap: 1rem;
  border-radius: 1rem;
  display: flex;
  gap: var(--carousel-gap);
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  scroll-behavior: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  height: 25vw;
  outline: none !important;
  min-height: 20rem;
  max-height: 30rem;
}
.Carousel::-webkit-scrollbar {
  display: none;
}
.Carousel .Card {
  aspect-ratio: var(--card-ratio);
  flex: 1 0 auto;
  min-height: 100%;
  scroll-snap-align: start;
}
.Carousel .Card__media {
  aspect-ratio: auto;
}
.Carousel > div:empty {
  position: relative;
}
.Carousel > div:empty:first-child {
  inset-inline-start: 10%;
  margin-inline-end: calc(-1 * var(--carousel-gap));
}
.Carousel > div:empty:last-child {
  inset-inline-end: 10%;
  margin-inline-start: calc(-1 * var(--carousel-gap));
}

.Carousel--single .Card {
  --card-ratio: auto;
  flex: 1 0 100%;
}

@media (prefers-reduced-motion: reduce) {
  .Carousel {
    scroll-behavior: auto;
  }
}
@supports not (aspect-ratio: 1/1) {
  .Carousel .Card__media {
    padding-block-end: 0 !important;
  }
  .Carousel .Card__image {
    position: relative !important;
  }
}
.Dots {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.Dot {
  border-radius: 100%;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  position: relative;
}
.Dot::after {
  background: currentColor;
  border-radius: 100%;
  content: "";
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.Dot--active {
  color: hsl(var(--theme-pink)) !important;
}

.Pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1rem -0.5rem;
}
.Pagination .Arrow {
  flex: 0 0 auto;
}
.Pagination .Arrow:first-of-type {
  margin-inline-end: auto;
  order: -1;
}
.Pagination .Arrow:last-of-type {
  margin-inline-start: auto;
  order: 1;
}

.Arrow {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0.125rem;
  cursor: pointer;
  color: hsl(var(--theme-blue));
  display: flex;
  height: 3rem;
  justify-content: center;
  opacity: 1;
  padding: 0.5rem;
  transition: opacity 150ms, color 150ms;
  width: 3rem;
}
.Arrow:hover {
  color: hsl(var(--theme-red));
}
.Arrow:focus {
  color: hsl(var(--theme-pink));
  outline: none;
}
.Arrow:focus svg {
  box-shadow: 0 0 0 0.125rem hsla(var(--theme-white), 1), 0 0 0 0.25rem currentColor;
}
.Arrow:focus:not(:focus-visible) {
  color: hsl(var(--theme-red));
}
.Arrow:focus:not(:focus-visible) svg {
  box-shadow: none;
}
.Arrow[disabled] {
  color: hsl(var(--theme-dark));
  opacity: 0.4;
  pointer-events: none;
}
.Arrow svg {
  border-radius: 100%;
  fill: currentColor;
  height: 100%;
  width: 100%;
  transition: box-shadow 150ms;
}
[dir=rtl] .Arrow svg {
  transform: scaleX(-1);
}

.Hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

:root {
  --card-link-color: var(--theme-blue);
  --card-hover-color: var(--theme-red);
  --card-focus-color: var(--theme-pink);
  --card-inner-focus-color: var(--theme-white);
  --card-shadow-color: var(--theme-black);
  --card-foreground-color: var(--theme-dark);
  --card-background-color: var(--theme-dark);
}

.Card {
  --card-ratio: auto 1/1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: [media-start] auto [media-end main-start] auto [main-end];
  max-width: 100%;
  position: relative;
}

.Card__media {
  aspect-ratio: var(--card-ratio);
  background: hsla(var(--card-background-color), 0.5);
  border-radius: 1rem;
  grid-column: 1/-1;
  grid-row: media-start/media-end;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.Card__media > * {
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.Card__main {
  align-self: end;
  color: hsl(var(--card-foreground-color));
  grid-column: 1/-1;
  grid-row: main-start/main-end;
  padding: 1.25rem;
}
.Card__main [href]:not(.Card__link) {
  position: relative;
  z-index: 2;
}
.Card__main > * {
  margin: 0;
}

.Card__link {
  color: hsl(var(--card-link-color));
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: hsla(var(--card-link-color), 0.2);
  text-decoration-thickness: 0.125rem;
  text-decoration-skip: ink;
  text-decoration-skip-ink: all;
  text-decoration-offset: 100%;
}
.Card__link::after {
  border: 0.125rem solid hsl(var(--card-focus-color));
  box-shadow: inset 0 0 0 0.125rem hsla(var(--card-inner-focus-color), 1);
  border-radius: 1rem;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: border-color 150ms, opacity 150ms;
  z-index: 1;
}
.Card__link:hover, .Card__link:focus {
  text-decoration-color: hsla(var(--card-hover-color), 1);
}
.Card__link:hover::after, .Card__link:focus::after {
  opacity: 1;
}
.Card__link:focus {
  outline: none;
  text-decoration-color: currentColor;
}

.Card__heading {
  line-height: 1.25;
  margin-block-end: 0.5rem;
}

.Card--border .Card__link::after {
  opacity: 1;
}
.Card--border .Card__link:not(:focus):not(:hover)::after {
  border-color: hsla(var(--card-foreground-color), 0.5);
}

.Card--overlay {
  --card-shadow-color: var(--theme-black);
  --card-foreground-color: var(--theme-white);
  --card-background-color: var(--theme-dark);
  --card-link-color: var(--theme-white);
  --card-hover-color: var(--theme-white);
  grid-template-rows: [media-start] 1fr [overlay-start] 1rem [main-start] auto [main-end overlay-end media-end];
}
.Card--overlay::before {
  background: linear-gradient(to top, hsla(var(--card-shadow-color), 0.8) 20%, hsla(var(--card-shadow-color), 0.3) 60%, transparent);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  content: "";
  display: block;
  grid-column: 1/-1;
  grid-row: overlay-start/overlay-end;
  overflow: hidden;
}
.Card--overlay .Card__main p {
  text-shadow: 0 0.0625rem 0.0625rem hsl(var(--card-shadow-color));
}
.Card--overlay .Card__main a {
  color: hsl(var(--card-link-color));
}
.Card--overlay .Card__main a:active, .Card--overlay .Card__main a:visited {
  color: hsl(var(--card-link-color));
}
.Card--overlay .Card__main a:hover, .Card--overlay .Card__main a:focus {
  color: hsl(var(--card-hover-color));
}

.Card--square {
  --card-ratio: auto 1/1;
}

.Card--photo {
  --card-ratio: auto 4/3;
}

.Card--portrait {
  --card-ratio: auto 3/4;
}

.Card--wide {
  --card-ratio: auto 16/9;
}

@supports not (aspect-ratio: 1/1) {
  .Card__media {
    height: 100%;
    padding-block-end: calc(100% * (1 / 1));
  }

  .Card--square .Card__media {
    padding-block-end: calc(100% * (1 / 1));
  }

  .Card--photo .Card__media {
    padding-block-end: calc(100% * (3 / 4));
  }

  .Card--portrait .Card__media {
    padding-block-end: calc(100% * (4 / 3));
  }

  .Card--wide .Card__media {
    padding-block-end: calc(100% * (9 / 16));
  }
}
@font-face {
  font-family: "Raleway";
  src: url("https://assets.codepen.io/85421/Raleway-VariableFont.woff2") format("woff2");
  font-display: swap;
  font-weight: 1 900;
  font-style: normal;
  unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+2000-206F;
}
@font-face {
  font-family: "Fallback";
  size-adjust: 104%;
  ascent-override: 96%;
  src: local("Arial");
}
html {
  line-height: 1.5;
  font-family: Raleway, Fallback, sans-serif;
  scroll-behavior: smooth;
  scroll-padding: var(--scroll-padding, 100px);
}

body {
  margin: 0;
}

main img {
  display: block;
  height: auto;
  max-width: 100%;
}

.Main {
  margin: 0 auto;
  max-width: calc(90rem + 10vw);
  padding: 1.5rem 5vw;
  width: 100%;
}
.Main > *:first-child {
  margin-block-start: 0;
}
.Main > h1 {
  font-weight: 800;
}
.Main > h1, .Main > h2, .Main > h3 {
  line-height: 1.25;
  margin-block: 1.5rem 1rem;
}
.Main > ul {
  margin-block: 1.5rem;
  padding-inline: 2rem 0;
}
.Main > ul li {
  margin-block: 0.5rem;
}
.Main > p {
  margin-block: 1rem;
}
.Main a:not([class]) {
  font-weight: 500;
}

/*============================SIMULATION============================*/

.benefices:hover
{
	box-shadow:-1px 28px 86px rgba(0,0,0,0.15);
	transition:all .3s ease;
	background-color:var(--color2)!important;
}

.etape-sim:hover
{
	box-shadow:-1px 28px 86px rgba(0,0,0,0);
	background-color:var(--color2)!important;
}
}

#form-sim textarea::placeholder
{
	color: #c7c7c7;
}

.clip-add
{
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: pointer;
}

/*============================FEEDSCROLING============================*/