/*********************************************************
**	JOURNAL DES MODIFICATIONS
**********************************************************	
**		7 Avril 2008
**			- Création du fichier
**			- Alignement des éléments de bases
**		8 Avril 2008
**			- Mis en place d'un système de navigation fixe par les images
**		9 Avril 2009
**			- Ajout de gif animé de la navigation
**
**********************************************************
**	Notes : 
*********************************************************/
*	{
	margin:0px;
	padding:0px;
	font-size:1em;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	}

body{
	background-color:#CCCCCC;
	text-align:center;
	}

h1	{
	position:absolute;
	text-indent:-10000px;
	}

h2	{
	font-size:2em;
	padding-bottom:10px;
	}
	
h3	{
	padding-bottom:10px;
	font-size:1.4em;
	color:#666;
	}

p	{
	font-size:0.75em;
	}

div#PageComplete{
	width:760px;
	margin:40px auto 0px auto;
	border:solid 1px #999;
	position:relative;
	background:#fff url(../images/communs/MasterBackground.jpg) no-repeat bottom right;
	}
	
/* Entete & Navigation principale
********************************/
div#Entete{
	position:relative;
	}
div#Entete a{
	text-decoration:none;
	}
div#Entete a span{
	position:absolute;
	left:-10000px;
	}
div#Entete div{	
	float:right;
	}
div#Back{
	width:264px;
	height:70px;
	background:transparent url(../images/communs/bkg_navigation_commun.gif) top left no-repeat;	
	}

/* Bouton Qui */
div#Entete a#btn_qui:link,div#Entete a#btn_qui:visited{
	display:block;
	background:transparent url(../images/communs/btn_qui_up.gif) no-repeat;
	width:146px;
	height:70px;
	}
div#Entete a#btn_qui:hover{
	display:block;
	background:transparent url(../images/communs/btn_qui_anim.gif) no-repeat;
	width:146px;
	height:70px;
	}
/* Bouton Pourquoi */
div#Entete a#btn_pourquoi:link,div#Entete a#btn_pourquoi:visited{
	display:block;
	background:transparent url(../images/communs/btn_pourquoi_up.gif) no-repeat;
	width:198px;
	height:70px;
	}
div#Entete a#btn_pourquoi:hover{
	display:block;
	background:transparent url(../images/communs/btn_pourquoi_anim.gif) no-repeat;
	width:198px;
	height:70px;
	}
/* Bouton Où */
div#Entete a#btn_ou:link,div#Entete a#btn_ou:visited{
	display:block;
	background:transparent url(../images/communs/btn_ou_up.gif) no-repeat;
	width:146px;
	height:70px;
	}
div#Entete a#btn_ou:hover{
	display:block;
	background:transparent url(../images/communs/btn_ou_anim.gif) no-repeat;
	width:146px;
	height:70px;
	}
a#btn_pourquoi,a#btn_qui,a#btn_ou{
	border-left:solid 2px #999;
	}
	
/* Contenu
********************************/
div#Contenu{
	text-align:left;
	margin-top:100px;
	overflow:hidden;
	padding-right:15px;
	min-height:550px;
	clear:both;
	}
div#Contenu p{
	padding-bottom:10px;
	}


/* Pied de page
********************************/
div#PiedDePage{
	
	}
div#PiedDePage ul{
	padding:5px 0px;
	}
div#PiedDePage li{
	list-style-type:none;
	display:inline;
	font-size:0.65em;
	}
div#PiedDePage li a{
	color:#000;
	}
div#PiedDePage li a:link,div#PiedDePage li a:visited{
	text-decoration:none;
	}
div#PiedDePage li a:hover{
	text-decoration:underline;
	}

/* Droits
********************************/
div#Droits{
	color:#666;
	font-size:0.95em;
	margin:10px 0px;
	}
div#Droits a{
	text-decoration:none;
	color:#666;
	}
div#Droits a span{
	text-indent:-10000px;
	}
div#Droits a:hover{
	text-decoration:underline;
	}
	
	
/* CLASSES
********************************/
.clearBoth{
	clear:both;
	visibility:hidden;
	}
.clearRight{
	clear:right;
	visibility:hidden;
	}
.clearLeft{
	clear:left;
	visibility:hidden;
	}
li.separateur{
	padding:0px 10px;
	color:#000;
	}
span.etoile{
	color:#f00;
	}