/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   index                                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                           Page d'accueil du site                          |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                              Sabine BOUBEL - février 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;
	}

/* Fond de la page en vert et bandeau vert clair */
body {
	background-color:#005447;
	background-image:url(../images/fondbody.jpg);
	background-repeat: repeat-x;
	}

img {
	border: none;
	}

/* Définition de la zone 'global'
-----------------------------------------------------------------------------
	La zone 'global' est centrée sur la page, avec une largeur fixe. Tous
	les autres éléments (à quelques exceptions prêt) sont des enfants de
	cette balise <div>
---------------------------------------------------------------------------*/
#global {
	position: relative;	
	width: 826px;
	margin-right: auto;
	margin-left: auto;
	}


/* Définition de la zone d'entête
-----------------------------------------------------------------------------
	La zone 'entete' se place en haut de la page, et affiche une image.
	Le bouton acheteur_vendeurs est ajouté par dessus
---------------------------------------------------------------------------*/
#entete {
	position: relative;
	float: left;
	width: 826px;
	height: 159px;
	background-image:url(../images/entete.jpg);
	}
	 
	 
	/*-----------------------------------------------------------------------------
		changement d'image au survol AV
	---------------------------------------------------------------------------*/
	#entete a {
		position: absolute;
		left: 690px;
		top: 34px;
		width: 122px;
		height: 35px;
		background: url(../images/bout_av.jpg) top;
		}
	#entete a:hover {
		background: url(../images/bout_av.jpg) bottom;
		}


/* Définition de la zone menu public
-----------------------------------------------------------------------------

---------------------------------------------------------------------------*/
#menupublic {
	position: relative;
	float: left;
	width: 826px;
	height: 60px;
	background: url(../images/fondprincipal.jpg) repeat-y;
	padding-left: 53px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: black;
	line-height: 25px;
	}
	
	/* boutons de menu*/
#menupublic a{
		position: relative;
		float: left;
		display: block;
		width: 134px;
		height: 25px;
		font-weight: normal;
		text-align: center;
		color: black;
		background: url(../images/fondmenu.gif);
		margin-left: 4px;
		}
	#menupublic a:hover{
		display: block;
		font-weight: normal;
		color: white;
		}
	#menupublic .deuxLignes{
		line-height: 12px;
		}
	#menupublic a.lienMort{
		font-weight:bolder;
		color: black;
		cursor: default;
		}
	#menupublic a.lienMort:hover{
		font-weight:bolder;
		color: black;
		cursor: default;
		}
	#menupublic img{
		position:absolute;
		left:640px;
		top:25px;
		}
		
/* Définition de la zone menu prive
-----------------------------------------------------------------------------

---------------------------------------------------------------------------*/
#menuprive {
	position: relative;
	float: left;
	display:inline;
	width: 748px;
	background-color:#F9A329;
	margin-left: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height:25px;
	padding-left:52px;
	color:white;
	text-align:center;
	}
	
	/* boutons de menu*/
	#menuprive a{
		position: relative;
		float: left;
		color: white;
		font-weight: normal;
		color:white;
		margin-left: 10px;
		margin-right: 10px;
		}
	#menuprive a:hover{
		font-weight: normal;
		color:#005447;
		}
	#menuprive a.lienMort{
		font-weight:bolder;
		color: black;
		cursor: default;
		}
	#menuprive a.lienMort:hover{
		font-weight:bolder;
		color: black;
		cursor: default;
		}
	#principal #menuprive span {
		position: relative;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		line-height:25px;
		color:white;
		margin:0;
	}	

	
/* Définition de la zone principale
-----------------------------------------------------------------------------
	La zone 'principal' contient la partie la plus importante du site.
---------------------------------------------------------------------------*/
#principal {
	position: relative;
	float:left;
	display: inline;
	width: 826px;
	background:url(../images/fondprincipal.jpg) repeat-y;
	}

/* calage hauteur*/
#verticalfixe{
	position:relative;
	float:left;
	margin-left:-1px;
	width:1px;
	height:400px;
	}
	
	/* Styles des textes */

	#principal h1{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight:bold;
		font-style:italic;
		color: #005349;
		}
	#principal h2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		font-weight:normal;
		color: #005349;
		margin-top:10px;
		}
	#principal h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:lighter;
		color: #660000;
		letter-spacing: 4px;
		}
	#principal .adresse{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight:normal;
		color: #005349;
		}
	#principal p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		margin-top:5px;
		text-align:justify;
		}
	
/* Définition de la zone pied de page
-----------------------------------------------------------------------------
	La zone 'piedpage' se place tout en bas du site affiche le bas d'image ombré
---------------------------------------------------------------------------*/
#piedpage {
	position:relative;
	clear:left;
	width: 800px;
	height:30px;
	background:url(../images/piedpage.jpg) no-repeat top;
	padding:20px 13px 0 13px;	
	text-align:center;
	}
#piedpage a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5em;
	letter-spacing:5px;
	color:#66CC66;
	
	}



.erreur{color:#FF0000; font-size:14px; font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
.reussite{font-size:14px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}