/*	Couleurs :
- jaune : #ffffcc
- orange : #ffcc00
- rouge : #bb0000
- bleu clair : #8f90a8 (proche du gris)
- bleu foncé : #3a3c66
- gris : #eeeeee (=grey)
- blanc cassé pour le fond : #fdfdfd
*/

/* 					RESET 					*/

html, body, div, p
	{
		margin:0;
		padding:0;
		font-family: 'SourceSansPro', sans-serif, Tahoma, Arial;
	}

/* 				Chargement polices 			*/
/*==========================================*/
@font-face {
	font-family: "SourceSansPro";
	src: url('../fonts/SourceSansPro-Regular.otf');
}
@font-face {
	font-family: "SourceSansPro";
	font-style: italic;
	src: url('../fonts/SourceSansPro-It.otf');
}
@font-face {
	font-family: "SourceSansPro";
	font-weight: bold;
	src: url('../fonts/SourceSansPro-Bold.otf');
}
@font-face {
	font-family: "SourceSansPro";
	font-weight: bold;
	font-style: italic;
	src: url('../fonts/SourceSansPro-BoldIt.otf');
}
@font-face {
	font-family: "SourceSansPro";
	font-weight: light;
	src: url('../fonts/SourceSansPro-Light.otf');
}
@font-face {
	font-family: "SourceSansPro";
	font-weight: light;
	font-style: italic;
	src: url('../fonts/SourceSansPro-LightIt.otf');
}

/* 				Infobulles		 			*/
/*==========================================*/
/*	Code html :
	<a href="" class="infobulle">URL<span>Texte Infobulle</span></a>
*/

a.infobulle {
	position: relative;
	display: inline;
	text-decoration:none;
}
a.infobulle span {
	position: absolute;
	color: #FFFFFF;
	background: #303050;
	background: rgba(0,0,40,.8);
	visibility: hidden;
	border-radius: 6px;
    padding: 5px 15px;
    width: 220px;
}
a.infobulle span:after {
	content: '';
	position: absolute;
	top: 100%;
    left: 22px;
	margin-left: -6px;
	width: 0; height: 0;
	border-top: 6px solid #303050;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
a:hover.infobulle span {
	visibility: visible;
	bottom: 30px;
	left: 50%;
	margin-left: -20px;
	z-index: 999;
}


/* 				STRUCTURE GLOBALE 			*/
/*==========================================*/
body.online
{
	background: #eeeeee;
	font-size:0.9em;
}
	
body.local
{
	background-image:url(../img/local.png);
	font-size:0.9em;
}

#bloc_page
{
	width: 930px;
	margin: auto;
	padding: 0px 5px;
	background: #eeeeee;
}

header
{
	margin:0;
	padding:5px 0px 10px 0px;
	text-align:left;
	width:930px;
}
	
nav
	{
		padding:0px;
		margin:0px;
	}

#content
	{
		padding:0px;
		background-color:#FDFDFD;
		border:1px solid grey;
	}
	
footer
	{
		background: #eeeeee;
		margin:5px 0px;
		padding:5px 0;
		text-align:center;			
		border-top:1px solid gray;
		display: flex;
		justify-content: space-around;
	}