/*
 #689AD3
 #4186D3
 #0D56A6
 #274F7D
 #04356C
 */
 
* {
	outline:0;
	margin:0;
	border:0;
	padding:0;
	/*border: black 1px dotted;*/
	transition: all 2s;
	/*box-sizing : border-box;*/
}

body{
	background:/*#689AD3*//*#4186D3*/#FFFFFF;
	background-image: url(./images/WB_s_rh.png);

}

#globale {
	width : 1500;
	min-width : 1500; 
	margin: 0 auto;
	padding: 3% 1%;
}

header {
	height:5.5em;	

	background-color:#FFFFFF;	
	
	outline-width:0em;
	outline-color:#689AD3;
	outline-style:solid;
	margin:0% 0% 2% 0%;
	border-width:0;
	border-style:solid;
	border-color: #4186D3;
	
	padding:0%;
	
	}

#logo {
	float: left;
	background-image: url(./images/folio_logo_big.jpg);
	background-repeat: no-repeat;
	width: 35%;
	height: inherit;
}

#nom {
	z-index:2;
	float: left;
	padding: 1em 0em 0em 2em;	
	text-align:left;
	color: #04356C;
}

/* ----- NAV ----- */
nav ul li:hover {
	background-color: #BBBBBB;/*#345678;*/
	color:#000000;
	transition: 0.2s;
}

nav ul li a:hover {
	color:#000000; /*#274F7D;*/
}

/* ----- PRESENTATION ----- */

#page {
	clear:both;
	z-index:-1;
	min-height:10em;
	background:#FFFFFF; /*#4186D3;*/ /*#0D56A6;*/
	border-width:0em 0.2em 0em 0.2em;
	border-style:solid;
	border-color:#689AD3;	/*#4186D3;*/
	padding: 3% 5% 5% 18%;
	text-align:left;
	color:#04356C;
}

section {}
#sec1 {
	/*width:80%; */
	border-style:solid;
	border-color: #4186D3;
	padding:1% 0% 1% 2%;
	
}

article	{
	background:#FFFFFF;
}

article h1 {
	margin-left:1em;
}

/*************** BAS DE PAGE ******************/
footer {
	clear:both;
	
	border-width:0em 0.2em 0.2em 0.2em;
	border-style:solid;
	border-color: #4186D3;

	background:#FFFFFF;
	opacity: 1;
	
	text-align:center;

}