/*mise en page générale*/
/*---------------------*/
html
{
	background-color: #c8e3fd;
	font-family: verdana, sans-serif;
	font-size: 0.9em;
	overflow-y:scroll;
	overflow-x:auto;
}
body
{
	margin: 0px;
}
img
{
	display: block;
}
a:visited
{
	color: #000060;
}

/* mise en page du menu fixe*/
/*--------------------------*/
.cache_ombre
{
	position: fixed;
	top: 0px;
	width: 5%;
	height: 54px;
	background-color: #c8e3fd;
	z-index: 1;
}
.contact
{
	display: inline-block;
	position: fixed;
	left:5%;
	top: 0px;
	width: 24%;
	height: 40px;
	padding-top: 9px;
	padding-left: 10px;
	background-color: #c8e3fd;
	z-index: 1;
}
.contact a
{
	font-size: 0.9em;
	color: black;
	text-decoration: none;
}
nav
{
	border-right: 1px solid #c8e3fd;
	position: fixed;
	left:29%;
	top: 0px;
	width: 66%;
	height: 36px;
	text-align: right;
	background-color: #c8e3fd;
	z-index: 1;
	padding-top: 10px;
}
.alignement_vertical_menu
{
	display: inline-block;
	vertical-align: bottom;
	height:36px;
}
nav a
{
	border: 8px solid #8ab0e5;
	border-bottom: 0px;
	border-top: 0px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: -0.5px;
	margin-left: -13.5px;
	padding: 12px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 0.9em;
	color: black;
	text-decoration: none;
}
nav a:hover
{
	border-top: 8px solid #8ab0e5;
	border-radius: 12px 12px 0px 0px;
}
.menu_selected
{
	border-top: 8px solid #8ab0e5; 
	background-color: #8ab0e5;
	border-radius: 12px 12px 0px 0px;
}

.barre_menu
{
	position: fixed;
	left: 5%;
	top: 44px;
	width: 90%;
	height: 8px;
	z-index: 1;
}
.barre_menu img
{
	width: 100%;
	height: 100%;
}

/*mise en page de la bannière*/
/*---------------------------*/
header
{
	width: 90%;
	margin: auto;
	margin-top: 50px;
}
header img
{
	width: 100%;
	box-shadow: -6px 6px 6px black;
}

/*mise en page du corps de la page*/
/*--------------------------------*/
section
{
	width: 90%;
	margin: auto;
	margin-top: 1.5em;
}
	
	/*mise en page des onglets*/
	/*------------------------*/
	.onglets
	{
		display: inline-block;
		vertical-align: top;
		width: 12%;
		margin-top: 1em;
		padding-top: 24px;
		word-wrap: break-word;
	}
	.onglet_defaut
	{
		display: inline-block;
		width: 95%;
		text-align: center;
		padding-top: 12px;
		padding-bottom: 12px; 
		margin-bottom: 24px;
		text-decoration: none;
		color: black;
		background-color: #8ab0e5;
		border-radius: 8px;
		opacity: 0.5;
	}
	.onglet_defaut:hover
	{
		box-shadow: 2px 2px 4px black;
		opacity: 1;
	}
	.onglet_selected
	{
		display: inline-block;
		width: 95%;
		text-align: center;
		padding-top: 12px;
		padding-bottom: 12px; 
		margin-bottom: 24px;
		text-decoration: none;
		color: black;
		background-color: #8ab0e5;
		border-radius: 8px;
	}
	.onglet_facebook
	{
		display: inline-block;
		width: 95%;
	}
	.onglet_facebook img
	{
		width: 100%;
		opacity: 0.6;
		border: none;
	}
	.onglet_facebook img:hover
	{
		border-radius: 10px;
		box-shadow: 2px 2px 4px black;
		opacity: 1;
	}
	.p_selected
	{
		border-bottom: 8px solid #8ab0e5;
		display: inline-block;
		position: absolute;
		width: 8%;
		z-index: -1;
		padding-bottom: 3px;
	}
	
	/*mise en page de la zone principale*/
	/*----------------------------------*/
	article
	{
		border-left: 8px solid #8ab0e5;
		display: inline-block;
		vertical-align: top;
		width: 80%;
		min-height: 18em;
		margin-top: 0.5em;
		padding-left: 3em;
		padding-bottom: 1em;
		background-color: #c8e3fd;
		line-height: 160%;
		text-align: justify;
	}
	table
	{
		border: 2px solid #333333;
		border-collapse: collapse;
		table-layout: fixed;
		width: 100%;
		word-wrap: break-word;
		text-align: left;
	}
	td
	{
		border: 2px solid #333333;
		padding: 5px;
		vertical-align: middle;
	}
	table li
	{
		margin-left: 12px;
	}
		
/*mise en page du pied de la page*/
/*--------------------------------*/
footer
{
	width: 90%;
	margin: auto;
	font-size: 0.8em;
	line-height: 95%;
	margin-bottom: 3em;
}
.alignement_footer
{
	display: inline-block;
	width: 12.1%;
}
footer p
{
	border-top: 8px solid #8ab0e5;
	display: inline-block;
	width: 84%;
	margin: 0px;
	padding-left: 2em;
	padding-top: 1em;
}
footer a
{
	display: inline-block;
	padding: 0.5em;
}