/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.couleurlocale.com                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Styles communs à tout le site                    |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL	- Sept 2008 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/* Comportement général des balises
-----------------------------------------------------------------------------
	Les règles associées aux balises ci-dessous modifient le comportement de
	ces balises, sur toute la page, quelque soit leur place dans
	l'arborescence.
---------------------------------------------------------------------------*/

/* Toutes les marges et padding sont mises à 0 */
* {
	margin: 0;
	padding: 0;
	}
	
/* Suppression du soulignement des liens */
a {
	text-decoration: none;
	}
a img {
	border:none;
	}

/* Styles génériques */
.orange {
	color:#FF6600;
	}
.decalV10 {
	margin-top:10px;
	}
.gras {
	font-weight:bold;
	}


/* Définition de la zone 'global'
-----------------------------------------------------------------------------
	La zone 'global' est centrée sur la page, avec une largeur fixe et contient 
	les éléments de la page.
---------------------------------------------------------------------------*/
#global {
	position:absolute;
	left: 50%;
	top: 60%;
	width: 1000px;
	height: 700px;
	margin-top: -350px; /* moitié de la hauteur */
	margin-left: -550px; /* moitié de la largeur */
	z-index:4;
	}

/*Images de fond décalée à gauche et à droite pour les écrans larges */

#fondG {
	position:absolute;
	left:-400px;
	top:0;
	z-index:2;
	}
#fondD {
	position:absolute;
	left:1000px;
	top:0;
	z-index:3;
	}

/* Définition de la zone 'central'
-----------------------------------------------------------------------------
	La zone 'central' est située dans le cadre blanc central, 
	et contient tous les contenus : textes et sous-menu
---------------------------------------------------------------------------*/
#central{
	position:absolute;
	left: 224px;
	top:105px;
	width:751px;
	height:363px;
	}
	
/* Position sous-menu*/
#menuGauche {
	position:absolute;
	left:116px;
	top:20px;
	height:362px;
	width:140px;

	}
#menuGauche a {
	display:block;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin-top:20px;
	}
#menuGauche a:hover {
	color:#666666;
	}
#menuGauche a.lienMort {
	color:#F60;
	}
.gras {
	font-weight:bold;
	}
.decalage10 {
	margin-top:10px;
	}



	
/* Définition de la zone menuHaut
-----------------------------------------------------------------------------
	La zone 'menuHaut' se place en haut à droite de la page 
---------------------------------------------------------------------------*/
#menuHaut {
	position:absolute;
	top:60px;
	left:788px;
	height:27px;
	width:212px;
	background:url(../images/boutOffHaut.jpg);
	}
a#boutContact, a#boutFTP {
	position:relative;
	float:left;
	display:block;
	width:106px;
	height:27px;
	}

/* Définition de la zone menuBas
-----------------------------------------------------------------------------
	La zone 'menuBas' se place en bas à gauche de la page 
---------------------------------------------------------------------------*/
#menuBas {
	position:absolute;
	top:494px;
	left:0;
	height:26px;
	width:296px;
	background:url(../images/boutOffBas.jpg);
	}
a#boutAccueil, a#boutBook, a#boutEquipe {
	position:relative;
	float:left;
	width:98px;
	height:26px;
	}





/* Définition de la zone pied de page
-----------------------------------------------------------------------------
	La zone 'piedpage' se place tout en bas du site, et affiche les mentions
	légales et autres contacts.
---------------------------------------------------------------------------*/
#piedpage {
	position:absolute;
	top:650px;
	left:217px;
	width: 850px;
	height:15px;
	line-height:15px;
	}
#piedpage a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#CCCCCC;
	}