@charset "UTF-8";
/* Styles for the header */
header nav{
	float: right;
	width: 100%;
	height: 90px;
	padding: 0px;
	margin: -20px;
	list-style: none;
	background: white;
	font-family: Calibri, sans-serif ;
	font-size:1.2em ;
	text-align: left;
	/*float: right;*/
}

header nav ul li{
	display: inline;
	padding-left:10px;
	padding-right: 10px;
	/*border-right: 1px solid #333;*/
	border-right: none;
}
header nav ul li:last-child{
	border-right: none;
}
header nav ul li a{
	/*font-weight:light;*/
	text-decoration:none;
	color: #191970;
}
header nav ul li a:hover{
	color: #8282e3;
	text-decoration: underline;
}
header section {
	display: -webkit-flex-direction: column; /* pour chrome*/
	margin: 5px;
	border: none;
	background: white;
	/*position:relative;*/
	/*width: 100% ; height: 68px ; border: none ; background: white*/
}
span{
	padding: 8px;
	color: #4b0082; /* #404040 */
	border: none;
	background: white;
}
#box1{
	/*position: absolute;*/
	/*top: 0px;*/
	/*left: 0px;*/
	/*color:#404040; background:white;*/
	-webkit-flex: 4;
	flex: 4;
	font-family:Calibri, sans-serif ; font-size : 2.2em;
}
#box2{
	-webkit-flex: 1;
	flex: 1;
	color:#4b0082; background:white;
	font-family:Calibri, sans-serif ; font-size : 1.5em;
}
#box3{
	/*position: absolute;*/
	/*top: 0px;*/
	/*right: 0px;*/
	/*height: 60 px;*/
	-webkit-flex: 1;
	flex: 1;
	float: right;
	background: white;
	/*padding: 6px;*/
}

header section span a:hover { color: gray}

/* Horizontal separator at the bottom of the header*/
header hr { background: #dadeea ; width: 100% ; height: 6px ;text-align: center ; border:none }

section#global{
	position: absolute;
	width: 1500px;
	left: 50%;
	margin-left: -750px;
	margin-top: 10px;
	background-color: white;
	border:none;
}
aside {
	float: left;
	width: 200px;
	margin:5px;
	margin-right: 10px;
	padding: 10px;
	background: white;
	border:none;
}
aside ul{
	width: 180px;
	padding: 0px;
	margin-top : 25px;
	margin-right : 5px;
	margin-bottom : 25px;
	list-style: none;
}
aside ul li{
	display: inline;
	width : 180px;
	border:none;
	color: #4b0082 ; float: left; padding-left: 0px ; font-family: Calibri, sans-serif ; font-size:1.4em ;
	line-height:1.5em;
	text-align: left ; text-justify: inter-word;
}

article {
	background: white;
	border: none;
	float: right;
	width: 1200px;
	margin: 10px;
	padding: 10px;
}
article p { color: #737373 ; margin: 0px ; padding: 20px ; font-family: Open sans, sans-serif ; font-size:1.2em ; line-height:1.5em ;
		 border:none ; text-align: justify; text-justify: inter-word; }

article ul li {color: #737373 ; margin: 0px ; padding: 10px ; font-family: Open sans, sans-serif ; font-size:1em ; line-height:1.2em ;
		 border:none ; text-align: justify; text-justify: inter-word;}
/*purple : #ff00ff*/
/*orange :  #fa7d00 */
/* taupe #737373 */
/*black : #404040 */
/*indigo #4b0082 */

/* Horizontal separator*/
hr { background: #dadeea ; width: 100% ; height: 6px ;text-align: center ; border:none}
/* Styles for footer */
footer { clear: both; padding-top: 0em; background: white; color: gray ; font-family: Calibri, sans-serif ;
		font-size: 1em;}

footer aside{
	float:left;
	padding-top: 0.5em;
}

footer span {
	padding-top: 1em;
	float:right;
	text-decoration: none;
	background: white;
	color: gray;
	font-family: Calibri, sans-serif ;
	font-size: 1em;
}