html
{
	margin		: 0;
	padding		: 0;
}

body
{
	margin		: 0;
	padding		: 0;
	height		: 100%;
	width		: 100%;
	font-family	: sans-serif;
	background:#FAFAFA;
}

/* FOOTER */
div#footer
{
	position	: relative;
	top		: 30px;
	width		: 1000px;
	height		: 30px;
	padding-top	: 0px;
	text-align	: center;
	padding-top	: 5px;
}

div#legalLinks
{
	margin-top:2em;
	font-size:70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#legalLinks a
{
	color		: #E0E0E0;
	text-decoration	: none;
}

div#legalLinks a:hover
{
	color		: gray;
	text-decoration	: underline;
}

div#credits
{
	position: absolute;
	width:300px;
	padding:10px;
	
	border: 1px solid gray;
	background: white;
	color		: #333333;
	
	bottom:20%;
	left:40%;
	
	text-align: center;
}

div#legals
{
	position: absolute;
	width:400px;
	padding:10px;
	
	border: 1px solid gray;
	background: white;
	color		: #333333;
	
	bottom:20%;
	left:40%;
	
	text-align: center;
}

/* Ici la div qui contient toute la page inscriptible (ne biouffe pas l'image de fond) */
div#pageMain
{
	margin-bottom	: 0;
	margin-left	: auto;
	margin-right	: auto;
	padding		: 0;
	top		: 0px;
	height		: 600px;
	width		: 1000px;
	color		: #333333;
	font-family	: Tahoma, Arial, Verdana, sans-serif; /* On essaie d'avoir Arial Black en priorité */
	font-size	: 12px;
	overflow	: hidden;
	background-image: url(../images/FondSite_NoMenu.png);
}

/* Zone de titre de la page */
div#titleZone
{
	position	: relative;
	top 		: 10px;
	left		: 250px;
	height		: 30px;
	width		: 600px;
	text-align	: center;
	color		: #9eb0ba;
	font-size	: 25px;
	letter-spacing	: 8px;
	clear		: right;
}

/* Zone du contenu de la page */
div#fullTextZone
{
	position	: relative;
	top 		: 20px;
	height		: 420px;
	left		: 135px;
	width		: 790px;
	text-align	: justify;
	letter-spacing	: 0.4px;
	overflow	: auto;
	clear		: both;
}

/* Zone clickable (logo petale) pour revenir a la page d'accueil */
#gotoIndex
{
	float		: left;
	position	: relative;
	top		: 10px;
	left		: 20px;
	width		: 170px;
	height		: 80px;
}

/* Propriétés des classes */
.boldy
{
	font-weight	: bold;
	color		: #365b6d;
}

/* Colored */
.colored
{
	color		: #738c97;
}

/* Colored and Bold */
.colored_bold
{
	color		: #738c97;
	font-weight	: bold;
}

/* Propriétés partagées */
p
{
	text-indent	: 30px;
}

a img
{
	border: none;
}

ul
{
	font-family	: Tahoma, Arial, Verdana, sans-serif; /* On essaie d'avoir Arial Black en priorité */
	font-size	: 13px;
}

li
{
	display 	: list-item;
	list-style-position: outside;
}

._boldBlack
{
	font-weight	: bold;
	color		: black;

}

.puce
{
	position	: relative;
	top		: 5px;
}

a
{
	color		: gray;
}

a:hover
{
	color		: #365b6d;
	text-decoration	: none;
}

a:active
{
	color		: blue;
}

.error
{
	color : red;
	font-weight: bold;
}

.green
{
	color: green;
	font-weight: bold;
}

/* Formulaires */
.forgotten
{
	border: 2px solid red;
}

input, textarea
{
	border: 1px solid gray;
	padding: 2px;
}

textarea
{
	font-family: sans-serif;
}

input:focus, textarea:focus
{
	background-color: #eee;
}

.msgOK
{
	border: 2px solid green;
	background: #A6FF9B;
	padding: 0;
	margin : 5px;
}

.msgErr
{
	border: 2px solid red;
	background: #FF9C9C;
	padding: 0;
	margin: 5px;
}

.msgErr ul, .msgOK ul
{
	list-style-type: none;
}

.msgErr ul li, .msgOK ul li
{
	margin: 8px;
}

.l0
{
	background: white;
}

.l1
{
	background: #DDD;
}