* { 
	z-index: 5;
	font-size: 100%;
	text-decoration: none;
}

body {
	margin: 0px;
	padding: 0px; 
   	width: 950px;
	background-color: #669999;
 /* 	behavior: url(css/csshover2.htc);  WinIE behavior call */
	font-family: Arial, Courier, sans-serif; 
	font-size: 100%;
}

li {
	margin: 5px 0 15px 5px;
}

ul.level1 li, ul.level2 li {
    white-space: nowrap;
}

ul.base li {
	margin: 2px 0 2px 2px;
}

ul.standard li {
	margin: 0px;
}


/* L'en-tête */
#entete, #entete-urfee, #entete-baro, #entete-bioukie, #entete-kalak, #entete-chiot-intro, #entete-chiot1, #entete-chiot2, #entete-contact,#entete-standard,
#entete-standard-race,#entete-standard-travail,#entete-base {
	width: 1000px;
	height: 285px;
	background-image: url("../img/entete.jpg");
	background-repeat: no-repeat;
   	margin-bottom: 5px;
	z-index: 80;
}
#entete-urfee {
	background-image: url("../img/entete-urfee.jpg");
}

#entete-baro {
	background-image: url("../img/entete-baro.jpg");
}

#entete-bioukie {
	background-image: url("../img/entete-bioukie.jpg");
}

#entete-kalak {
	background-image: url("../img/entete-kalak.jpg");
}

#entete-chiot-intro {
	background-image: url("../img/entete-chiot-intro.jpg");
}

#entete-chiot1 {
	background-image: url("../img/entete-chiot1.jpg");
}

#entete-chiot2 {
	background-image: url("../img/entete-chiot2.jpg");
}

#entete-contact {
	background-image: url("../img/entete-contact.jpg");
}

#entete-standard {
	background-image: url("../img/entete-standard.jpg");
}

#entete-standard-race {
	background-image: url("../img/entete-standard-race.jpg");
}

#entete-standard-travail {
	background-image: url("../img/entete-standard-travail.jpg");
}

#entete-base{
	background-image: url("../img/entete-base.jpg");
}

/* Le menu */

#menu {
	position: relative;
	width: 950px;
   	height: 25px;
	background-color: #633;
   	margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	z-index: 50;
}
div#nav * {color:white;	font-weight:bold;}
div#nav {float: left; margin: 0 0 0 1em; }
div#nav ul {margin: 0; padding: 0; background: #633; /* fond du sous menu */
  border: 1px solid #CCC; border-width: 0 1px; }
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 8em; line-height: 1em;padding: 0.25em 0 0.25em 0.5em;}
div#nav li:hover {background: #300;}	/* hover des non sous-menus */
div#nav li.submenu {background: url(dropmenu.gif) 80% 50% no-repeat;}
div#nav li.submenu:hover {background: #300 url(dropmenu.gif) 80% 50% no-repeat;}
div#nav li a {display: block; 
  text-decoration: none; width: 8em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 8.5em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav ul ul li * {font-size: 0.9em; font-weight:normal; }
div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EBB;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}

/* colonne de gauche */
#gauche {
   	float: left; 
   	width: 120px; 
}
/* Le corps de la page */

#corps {
   	margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   	padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	z-index: 10;
   	color: black;
   	background-color: #B8DDDD; /* Une couleur de fond pour le corps */
   	background-image: url("images/motif.png");
   	background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   	border: 2px solid #030; /* Une bordure pour bien marquer les limites du corps et pour faire joli */

}

.petit, .legende {
	font-size: 0.7em;
}

.titre {
	color: #633;
	font-weight: bold;
}

.gras {
	font-weight: bold;
}

.haut {
	vertical-align: top
}

.stitre{
	text-decoration: underline;
	font-weight: bold;
}

.souligne{
	text-decoration: underline;
}
 
#pieddepage, #validation {
	position: relative;
   	color: #B8DDDD;
	left: 360px;
   	padding: 2px;
	font-size: 0.8em;
    background-color: #669999;
   	width: 550px; 
}

#validation {
	left: 350px;
	color: black;
	font-size: 0.7em;
}