/* partie du haut */
div.centrer
{
	text-align: center;
}

img#header
{
	background-color : #131413;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	height: 150px;	
}

body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: justify;
	color: black;
	font-size: 14px;
	background-image: url(images/fond.png); 
	background-repeat:repeat-x;
	background-color: #1d7701;
	margin: 0;
	padding: 0;
}

div.corps
{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	padding: 25px;   /*bordure de site pour le body*/
	border: 5px solid #53be1d;
	background-color: #B3EF99;
	text-align: justify;
	
}


/* education et formation */
div.titre
{
	color: #260b03;
	font-size: 18px;
}

/* page toilettage */
div.green
{
	color: green;
	font-size: 16px;
}
/* page contact */

hr.trait
{
	border: 6px #4CCF38 outset;	
}

/* pour enlever les bordures par défaut sur les images liens */
img.rub
{
	border-style: none;
}

/*liens*/
a.lien
{
	color: black;
	text-decoration: none;
}

a.lien:hover  
{
	color: red;
}

/*lien "retour vers le haut" */
div#retour
{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
}

/* correspond au "plus de détails" (page ventes) */
div.droite
{
	margin-left: 500px;
}


/*    ------------ menu déroulant -----------------------   */

#menuDeroulant
{
	position: absolute;
	list-style-type: none;
	width : 768px;
	margin: 0;
	padding: 0;
	border: 0;
	left: 50%;
	margin-left: -384px; /* moitié de la largeur */
}

#menuDeroulant li
{
	float: left;
	width : 96px;
	margin: 0;
	padding: 0;
	border: 0;
}	

/* sous menus */

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}


/* l'apparence du menu déroulant  */
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #ffffff;
	margin: 0;
	padding: 4px 8px; /* effet de bordure */
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #126b00;}  /* couleur menu au passage de la souris (vert foncé) */
#menuDeroulant li a:active { background-color: #126b00;}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("images/menu_fond.png") repeat;  /* effet de transparence dans les sous-menus */
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #2c1609;  /* couleur sous rubrique au passage de la souris (vert clair) */
}	


/* rendre le sous menu dynamique au passage de la souris */

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}	

/* premier niveau - afficher les sous-menus */
#menuDeroulant li:hover > .sousMenu { display: block; }	






/* formulaire */
fieldset legend
{
	font-size : 18px;
	color: red;
}

/* bas */
div.copyright
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}