:root {
  --charteColor1: #d98436;
  --charteColor1L: #f6c99f;
  --charteColor1D: #442e16;
  --charteColor2: #6B1B02;
  --charteColor2L: #ffc658;
  --charteColor2D: #F2F3F4;
  --charteColor3: silver;
  --charteColor3L: #676767;
  --charteColorD3: #87CEFA;
  
  --charteRed: #C12B44;
  --charteRedLight: #FF8B9F;
  --charteGreen: #8BFF94;
  --charteGreenLight: #D1FFD4;
  --charteGreenDark: #068200;
  
  --charteGrey:#989898;
  --charteGreyL:#F3F3F3;
  --charteGreyD:#464646;
  
}

@font-face {
  font-family: "ASEfficience";
  src: url(images/Arlon-Regular.ttf) format("truetype");
}

*{
font-family: "ASEfficience";
box-sizing: border-box; 
font-size:15px;
}
body{padding:0; margin:0;
background : var(--charteColor1);
position:relative;
display:flex;
flex-wrap:wrap;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :center;
}

table
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
padding:0px;
margin:0px;
background : white;
border-radius:10px;
}


A { 

text-decoration:none; 
}

.coming{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	width:100vw;
	height:100vh;
}



.headerLogo{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	width:100%;
	margin-top:50px;
}

.headerLogo img{
width:100px;
}

.headerTitre{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	text-align:center;
	font-size:20px;
	color:var(--charteColor1D);
	margin-bottom:30px;
}

.blockNav{
display:flex;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :center;	
width:calc(100% - 10%);
height:80px;

margin-bottom:20px;
border-radius:20px;
font-size:22px;
padding-left:5px;
padding-right:5px;
}

.blockNav a{
display:flex;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :center;
text-align:center;
width:100%;
height:100%;
font-size:22px;
}

.nav1{background-color:var(--charteColor2); color:var(--charteColor2L);}
.nav2{background-color:var(--charteColor2L); color:var(--charteColor2);}

.nav1 a{ color:var(--charteColor2L);}
.nav2 a{ color:var(--charteColor2);}

.separateur{
	width:90%;
	border:2px solid var(--charteColor1D);
	margin-bottom:20px;
	margin-top:20px;
}

.contact{
	width:90%;

	background-color:white;
	border-radius:20px;
	padding:10px;
	
	background: rgb(107,27,2);
background: linear-gradient(115deg, rgba(107,27,2,1) 50%, rgba(255,198,88,1) 70%);
	
}

.contact form{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
}

.contact input, .contact textarea{
	background-color:var(--charteGreyL);
	border:0;
	margin-bottom:10px;
	width:100%;
	padding-left:10px;
	height:40px;
	border-radius:10px;
}

.contact textarea{
	height:200px;
}

/* Pour Chrome, Safari et Opera */
.contact input::-webkit-input-placeholder,.contact input:-ms-input-placeholder, .contact input::-moz-placeholder {
  color: var(--charteGrey);
}

.contact div:nth-child(1){
	width:100%;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	font-size:15px;
	font-weight:bold;
	color:white;
	
}

.contact div:nth-child(2){
	width:100%;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	font-size:15px;
	/* font-weight:bold; */
	color:white;
	
}

.buttonSubmit1{
	border-radius:25px !important;
	width:50% !important;
	border:2px solid var(--charteColor1) !important;
	height:50px !important;
	color:var(--charteColor1) !important;
}


.contact2{
	width:90%;

	border-radius:20px;
	padding:10px;
	margin-bottom:20px;
	border:1px solid white;
	
}

.contact2>div:nth-child(1){
	width:100%;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :left;
	font-size:15px;
	font-weight:bold;
	color:white;
	/* border:1px solid red; */
	font-size:25px;
}

.contact2>div:nth-child(2){
color:white;
margin-bottom:20px;
}

.contact2Datas{
width:100%;
display:flex;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :left;
}

.contact2Datas div:nth-child(1){
/* border:1px solid white; */
width:50px;
height:50px;

display:flex;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :center;
}

.contact2Datas>div:nth-child(2){
/* border:1px solid white; */
width:calc(100% - 50px);
height:50px;

/* display:flex; */
flex-wrap:wrap;
ALIGN-ITEMS:center;
ALIGN-CONTENT:center;
justify-content :left;
padding-left:20px;
color:white;
}

.contact2Datas i{
	font-size:40px;
	color:white;
}

.enteteSite1{
	border:1px solid black;
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	width:100%;
	height:50px;
}

.enteteSite2{
	border:1px solid black;
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	
	width:100%;
	height:200px;
	
	background-color:white;
}

.contentSite{
display:flex;
FLEX-WRAP:wrap;
ALIGN-ITEMS:flex-start;
ALIGN-CONTENT:flex-start;
justify-content :center;	
width:100%;
}

.blockProgram{
	width:calc(100% - 10px);
	margin:5px;
	background-color:white;
	min-height:400px;
	border-radius:20px;
	border-right:2px solid var(--charteColor1D);
	border-bottom:2px solid var(--charteColor1D);
}