@charset "utf-8";
/* Texte de l'application */


/* ---------------------------------------------------------*/
/* Google fonts  */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;500;700;900&display=swap');

/* ---------------------------------------------------------*/
body,td,th {
	font-size: var(--text-size-medium); line-height: calc( var(--text-size-medium) + 9px ); 
	color: #111;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:root {
	--text-color-black: #000;
	--text-color-mediumblack: #222;
	--text-color-lightblack: #444444;
	--text-color-grey: #666;
	--text-color-mediumgrey: #999;
	--text-color-lightgrey: #CCC;
	--text-color-white: #FFF;

	--text-primary-color1: #ED6D0D;
	

	--text-size-xxl: 60px;
	--text-size-extralarge: 50px;
	--text-size-big: 18px;
	--text-size-medium: 16px;
	--text-size-medium2: 15px;
	--text-size-small: 14px;
	--text-size-small2: 13px;
	--text-size-lil: 12px;
}


a         { /*font-family:  "Gotham-Regular", Arial, Helvetica, sans-serif;*/ font-size: 16px; line-height: 20px; color: var(--text-primary-color1); }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; color: var(--text-quad-color1); }
a:hover   { text-decoration: underline; color: var(--text-quad-color1); }
a:active  { text-decoration: none; color: var(--text-quad-color1); }


/* ---------------------------------------------------------- */
/* Links */
a.Linkbreak         { text-decoration:none; line-height: inherit; }
a.Linkbreak:visited { text-decoration:none; }
a.Linkbreak:hover   { text-decoration:none; }
a.Linkbreak:active  { text-decoration:none; }

h1 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 44px; line-height: 50px; font-weight: bold; margin: 10px 0 10px 0; } 
h2 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 34px; line-height: 40px; font-weight: 900; margin: 10px 0 10px 0; } 
h3 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 30px; line-height: 38px; font-weight: 900; margin: 10px 0 10px 0; } 
h4 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 31px; font-weight: bold; margin: 10px 0 10px 0; } 
h5 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 20px; line-height: 26px; font-weight: bold; margin: 10px 0 10px 0; } 
h6 { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-size: 17px; line-height: 23px; font-weight: bold; margin: 10px 0 10px 0; } 



.text-xxl { font-size: var(--text-size-xxl); line-height: calc(var(--text-size-xxl) + 7px);  }
.text-extralarge { font-size: var(--text-size-extralarge); line-height: calc(var(--text-size-extralarge) + 7px);  }
.text-big { font-size: var(--text-size-big); line-height: calc(var(--text-size-big) + 5px);  }
.text-medium { font-size: var(--text-size-medium); line-height: calc(var(--text-size-medium) + 8px); }
.text-medium2 { font-size: var(--text-size-medium2); line-height: calc(var(--text-size-medium2) + 8px); }
.text-small { font-size: var(--text-size-small); line-height: calc(var(--text-size-small) + 7px); }
.text-lil { font-size: var(--text-size-lil); line-height: calc(var(--text-size-lil) + 6px); }

.text-read { font-size: var(--text-size-medium); line-height: calc(var(--text-size-medium) + 12px); color: var(--text-color-mediumblack); font-weight: 400; }

.text-primary-bold { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-weight: bold; }
.text-primary-regular { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-weight: 500; }
.text-primary-light { font-family: 'Poppins', Arial, Helvetica, sans-serif; font-weight: 400; }

/*
.text-secondary-bold { font-family: 'Dosis', Arial, Helvetica, sans-serif; font-weight: bold; }
.text-secondary-regular { font-family: 'Dosis', Arial, Helvetica, sans-serif; font-weight: 600; }
.text-secondary-light { font-family: 'Dosis', Arial, Helvetica, sans-serif; font-weight: 400; }
*/

.text-shadow { text-shadow: 0px 0px 2px rgb(0, 0, 0, 0.5); }
.text-shadow-white { text-shadow: 0px 0px 2px rgb(255, 255, 255, 1); }


/*Form*/
form  {
    margin: 60px 0 0 0 !important;
 }
.form{ margin: 0 0 0 0  !important; }

.form-field { 
	width: 100%; float: left; padding: 15px 4% 15px 4%; margin: 0 0px 10px 0px; 
	font-size: var(--text-size-small); color: #333; line-height: 20px; 
	border: solid 2px #DDD; border-radius: 20px; outline: none; 
}


.anchor {
    position: relative; top: -100px;
}


/* Responsive design */
/* phones portrait */
@media screen and (max-width: 600px) {

	:root {
		--text-size-xxl: 35px;
		--text-size-extralarge: 22px;
		--text-size-extralarge2: 20px;
		--text-size-big: 16px;
		--text-size-medium: 14px;
		--text-size-medium2: 13px;
		--text-size-small: 12px;
		--text-size-small2: 11px;
		--text-size-lil: 10px;
	}
	
	h1 { font-size: 30px; line-height: 36px; margin: 10px 0 10px 0; } 
	h2 { font-size: 26px; line-height: 30px; margin: 10px 0 10px 0; } 
	h3 { font-size: 22px; line-height: 26px; margin: 10px 0 10px 0; } 
	h4 { font-size: 19px; line-height: 23px; margin: 10px 0 10px 0; } 
	h5 { font-size: 18px; line-height: 21px; margin: 10px 0 10px 0; } 
	h6 { font-size: 16px; line-height: 21px; margin: 10px 0 10px 0; } 

	
	.text-align-left-tab { text-align: center; }
	.text-align-right-tab { text-align: center; }
	.text-align-left-mobile { text-align: center; }
	.text-align-right-mobile { text-align: center; }

	.form-field { padding: 15px 7% 15px 7%;  }

	.anchor {
		position: relative; top: -279px;
	}
	

}


/* tablets portrait, phones landscape */
@media screen and (min-width: 600px) {

	:root {
		--text-size-xxl: 45px;
		--text-size-extralarge: 35px;
		--text-size-extralarge2: 30px;
		--text-size-big: 16px;
		--text-size-medium: 14px;
		--text-size-medium2: 13px;
		--text-size-small: 12px;
		--text-size-small2: 11px;
		--text-size-lil: 10px;
	}

	h1 { font-size: 32px; line-height: 36px; margin: 10px 0 10px 0; } 
	h2 { font-size: 26px; line-height: 30px; margin: 10px 0 10px 0; } 
	h3 { font-size: 22px; line-height: 26px; margin: 10px 0 10px 0; } 
	h4 { font-size: 19px; line-height: 23px; margin: 10px 0 10px 0; } 
	h5 { font-size: 17px; line-height: 20px; margin: 10px 0 10px 0; } 
	h6 { font-size: 16px; line-height: 21px; margin: 10px 0 10px 0; } 

	.text-align-left-tab { text-align: center; }
	.text-align-right-tab { text-align: center; }
	.text-align-left-mobile { text-align: left; }
	.text-align-right-mobile { text-align: right; }
	
}


/* tablets landscape */
@media screen and (min-width: 992px) {

}


/**/
@media screen and (min-width: 1200px) {

	:root {
		--text-size-xxl: 50px;
		--text-size-extralarge: 40px;
		--text-size-extralarge2: 30px;
		--text-size-big: 16px;
		--text-size-medium: 14px;
		--text-size-medium2: 13px;
		--text-size-small: 12px;
		--text-size-small2: 11px;
		--text-size-lil: 10px;
	}

	.text-align-left-tab { text-align: left; }
	.text-align-right-tab { text-align: right; }
	.text-align-left-mobile { text-align: left; }
	.text-align-right-mobile { text-align: right; }

}


/**/
@media screen and (min-width: 1500px) {


}


/**/
@media screen and (min-width: 1600px) {

	:root {
		--text-size-xxl: 55px;
		--text-size-extralarge: 45px;
		--text-size-extralarge2: 35px;
		--text-size-big: 17px;
		--text-size-medium: 15px;
		--text-size-medium2: 14px;
		--text-size-small: 13px;
		--text-size-small2: 12px;
		--text-size-lil: 11px;
	}

	h1 { font-size: 42px; line-height: 52px; margin: 10px 0 10px 0; } 
	h2 { font-size: 34px; line-height: 40px; margin: 10px 0 10px 0; } 
	h3 { font-size: 28px; line-height: 34px; margin: 10px 0 10px 0; } 
	h4 { font-size: 23px; line-height: 32px; margin: 10px 0 10px 0; } 
	h5 { font-size: 20px; line-height: 26px; margin: 10px 0 10px 0; } 
	h6 { font-size: 17px; line-height: 22px; margin: 10px 0 10px 0; } 

}


/**/
@media screen and (min-width: 1800px) {

	:root {
		--text-size-xxl: 60px;
		--text-size-extralarge: 45px;
		--text-size-extralarge2: 35px;
		--text-size-big: 18px;
		--text-size-medium: 16px;
		--text-size-medium2: 15px;
		--text-size-small: 14px;
		--text-size-small2: 13px;
		--text-size-lil: 12px;
	}
	

}


/**/
@media screen and (min-width: 2000px) {

}