@import url("https://p.typekit.net/p.css?s=1&k=csw2ibo&ht=tk&f=53266.53662.53663.53666.53669&a=104872584&app=typekit&e=css");


@font-face {
font-family:"kensington";
src:url("https://use.typekit.net/af/73d943/000000000000000077508ab9/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/73d943/000000000000000077508ab9/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/73d943/000000000000000077508ab9/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
font-family:"kensington2";
src:url("https://use.typekit.net/af/e930f4/000000000000000077508abb/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/e930f4/000000000000000077508abb/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/e930f4/000000000000000077508abb/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}
@font-face {
font-family:"salted";
src:url("https://use.typekit.net/af/e383e6/0000000000000000774f35cb/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/e383e6/0000000000000000774f35cb/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/e383e6/0000000000000000774f35cb/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@media (min-width: 900px) {
  html {
		font-size:100%;
		
  }
}

.nav-bottom {
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	height:3.25rem;
	display:flex;
	background-color:rgba(??CodeColorREPRVB??, 0.6);
}

@media (max-width: 500px) {
	.nav-bottom {
		height:5.25rem;
	}
}
@media (min-width: 900px) {
	.nav-bottom {
		height:2.50rem;
	}
}
.nav-top {
	position: fixed;
	top:0;
  left:0;
	right:0;
	bottom:0;
	height:3.75rem;
	padding:0.3125rem;
	z-index:2;
}

.logo-bottom {
	width:100%;
	justify-content:center !important;
	display:flex;
	position:absolute;
	top:25%;
}

 

/*****************************************************************/

/* Global font family - font size and color for the responses*/
body, td, th, div, p, pre, a, span, li, input, select, textarea, label, legend {
	
	font-size: 1em;
	line-height: 1.2em;
	border-radius: 3px;
	outline: none;
	text-decoration: none;
  }
textarea {
	width:60%;
}

textarea:focus {
	border: 2px solid ??CodeColorREP??;
}

input[type="text"]:focus, input[type="number"]:focus { 
	border: 2px solid ??CodeColorREP??;
}

a:link{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}

table {
	border-spacing: 0;
	border-radius: 4px;
}



.Titre {
	color: #8093B4;
	font-size: 1.3em;
	padding: 10px 0 10px 0;
	text-align: left;
	line-height: 1.2em;
  text-decoration: underline;
  font-weight: bold;
}

.label {
	font-family:"kensington2",sans-serif;
	color: #231F44;
	font-size: 22px;
	padding: 10px 0 10px 0;
	text-align: left;
	line-height: 1.2em;
    
  }
  .label2 {
	font-family:Basic,sans-serif;
	color: #231F44;
	font-size: 16px;
	padding: 10px 100px 10px 100px;
	text-align: left;
	line-height: 1.2em;
    font-weight: normal;
	font-style: Regular;
  }



#headercontent, .framecontainer {
	max-width: 100%;
}

#headercontent {
  background-color: #FFFFFF;
	
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.header {
	font-family:"kensington2",sans-serif;
	background-color: #F5F1EC;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
	padding:70px 70px 70px 100px;
	Height:300px;
	font-size:56px;
	font-style: Compressed Bold;
	color:#231F44;
	font-weight:700;
    text-align:left;
	
}
#header2 {
	font-family:"salted",sans-serif;
	color:#E9473F;
	font-size:22px;
	font-weight:normal;
	padding-top:20px;
	
}
.framecontainer {
	display:flex;
	position:absolute;
	height:100%;
	width:100%;
}

@media (min-width: 1000px) {
  .framecontent {
		max-width:64rem;
	  margin:auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

	  background-color:rgba(255,255,255, 0.55);
	}  
}
@media (max-width: 1000px) {
  .framecontent {
		max-width:34rem;
	  margin:auto;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

	  background-color:rgba(255,255,255, 0.55);
	}
	.header {
		font-size:26px;
		padding:20px;
	}
	#header2 {
		font-size:16px
	}
	 .label2 {
	font-family:Basic,sans-serif;
	color: #231F44;
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	 }
}



  /************************ mainframe structure ******************************************/
 

#mainframe {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
  
/* header structure */
#headercontainer {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 3.5em;
	background-color: #868686;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#868686));
	background-image: -webkit-linear-gradient(top, #000000, #868686);
	background-image: -moz-linear-gradient(top, #000000, #868686);
	background-image: -o-linear-gradient(top, #000000, #868686);
	background-image: -ms-linear-gradient(top, #000000, #868686);
	background-image: linear-gradient(top, #000000, #868686);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#868686');
}

#headercontent {
	position: fixed;
	top:0;
  left:0;
	right:0;
	bottom:0;
}

#header{
	width: 100%;
}

#header ul{
	display: block;
}

#header, #header li{
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
  
/* navigation button structure */
#navcontainer{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navcontent {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 5.125rem 1.25rem 5.125rem;
}

#navcontentleft {
	display:inline;
	float: left;
	width: 10%;
	text-align: left;
	padding: 0;
}
  


/* ------------------------------Width of the container MOBILE */
@media (max-width: 640px) {
  #navcontentmiddle {
		display:inline;
		width: 96%;
		text-align: center;
		padding: 0;
		line-height: 1em;
  }
}

/* ------------------------------Width of the container PC*/
@media (min-width: 641px) {
  #navcontentmiddle {
		display:inline;
		width: 80%;
		text-align: center;
		padding: 0;
  }
}


/* ---------------------------------------- */ 
#navcontentright {
	display:inline;
	float: left;
	width: 10%;
	text-align: right;
	padding: 0;
}
#navseparator {
	display: inline;
	margin: 0 4% 0 4%;
}



/* ------------------------------IMAGE MOBILE */
@media (max-width: 640px) {
	#responsiveMOBILE
		 {  
		 		display: none;
		 	}
	#responsiveLOGO{
  	width: 100%;
  	max-width: 95%;
  	height: auto;
  	align: center;
	}
}
  
/* ------------------------------IMAGE PC*/
@media (min-width: 641px) {
  #responsiveMOBILE  {
		max-width: 100%;
		height: auto;
  }
  
  #responsiveLOGO  {
  	max-width: 100%;
  	height: auto;
  }
  
}

/*---------------------------------------*/