@charset "utf-8";
*{
	margin:0; padding:0; border:0; outline:0;
	right:0; left:0;
	font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;
	text-align:center; vertical-align:center;
	box-sizing: border-box;
}
html, body{
	min-height:100vh; height:100vh; 
	max-height:100vh;
	min-width:100vw; width:100vw; max-width:100vw;
	overflow:hidden;
}
body{
	font-size:0.9em; font-family:verdana, Arial, Helvetica, sans-serif;
	background-color:#EEE;
}
#Bandeau{
	position:fixed; top:5px; left:100px; right:100px; width:600px;
	margin:0px auto; border:2px solid #ccf;	padding:10px 0px;
	height:60px;
	background-color:#DDD;
	font-size:24pt;
	color:#008;
	font-weight:500;
	vertical-align:baseline;
	text-align:center;
}
#Ariane{
	position:fixed; top:70px;
	display:flex;
	flex-flow:row;
/*	flex-basis:100px;*/
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	height:20px;
}
.Lien{
	flex:0 1 70px;
	text-align:center;
	color: #FFF;
	border:2px solid #AAA;
	padding:0 5px;margin:0 5px;
	background:#DDD;color:#000;
	border-radius:5px 5px 0 0;
}
a:link{
	display:block;
	text-decoration:none;
	color:#00B;
}
a:visited{color:#900;}
a:hover{
	color:#FFF;
	font-weight:bold;
	background-color:#777;
}
a:active{
	border: 2px 2px 0 2px;
	background-color:#777;
	color:#FFF;
	font-weight:600;
}
#main{
	margin-top:90px;
	width:100%; min-width:1100px;
	height:800px; max-height:800px;
	display:flex;
	justify-content:space-between;
/*	background-color:#777;*/
	background: no-repeat center/cover url("./pcontact.jpg");
	overflow-y:hidden;
}
#gauche, #droite{
	flex:0 0 300px;
	border:0px solid black;
	text-align:left;
	color:#FFF;
}
#gauche {
	padding:50px 10px;
}
#droite{
	padding:20px 10px;
}
#centre{
	display:flex;
/*	width:auto; height:100%;
	flex-basis:auto;*/
	width:100%; height:100%;
/*	background: no-repeat center/cover url("./pcontact.jpg");*/
}
#centre div{
	height:600px; width:600px;
	margin:auto;
	border:0px solid black;
	overflow-x:hidden;
}
#gauche>h2, #droite h2{
	font-weight:600;
}
#gauche>nav>ul{
	padding:50px 0;
}
#gauche>nav>ul>li{
	text-decoration:none;
	height:30px;
	display:block;
}
/*#droite{
	float:right;
	display:inline;
}*/
#droite h2{
	text-align:center;
}
#droite p{
	text-align:left;
	font-size:smaller;
	text-align:justify;
}
#droite a{
	display:inline;
	color:#FFF;
}
#droite.compat{
	float:right;
	font-size:8pt;
	text-align:left;
}
/*#droite a[href^="mailto"]:before {
	content: "📧 ";
}*/
#centre div p{
	font-weight:600;
}
#BasDePage{
	position:fixed; bottom:0px; width:100%;
	padding:5px;
	border:1px solid #ccf;
	background-color:#FFF;
	}