/*Feuille de style pour Jdael*/
/*Réalisée par N@poléon*/
body
{
           width: 840px;
           margin: auto;
           margin-top: 20px;
           height: auto;
           background-color: #e0d6d6;
}
#bord_droit
{
	background: url(../images/ombre_droite.jpg) repeat-y;
	background-position: right top;
	height:100%;
	width: 840px;
}
#bord_gauche
{
	margin-left: 0px;
	background: url(../images/ombre_gauche.jpg) repeat-y;
	background-position: left;
	width: 840px;
	height: 100%;
}

#conteneur
{
	width:800px;
	margin: auto;
	background-color: #d0c7ff;
}
#en_tete
{
	width: 780px;
	height: 100px;
	background-color: green;
	background-image: url(../images/en_tete.jpg);
	border: 1px;
	color: white;
	padding-top: 10px;
	padding-left: 20px;
}
#logo
{
	float: left;
	height: 58px;
	width: 398px;
	font-size: 20px;
	font-family: "Comic sans MS";
	color: #000000;
}
/*img
{
	border: 0;
}*/
#slogan
{
	position:relative;
	padding-left: 450px;
	padding-right: 10px;
	padding-top: 40px;
	font-style: italic;
	font-weight: bold;
}
#menu
{
	clear:both;
	position:relative;
	float: left;
	width: 140px;
	height:150px;
	background-color:#939090;
}
#connectes
{
        clear:both;
	position:relative;
	float: left;
	width: 140px;
	height:100%;
	background-color:black;
	color:white;
}
#illustration
{
        height: 240px;
        background-color: #d5b936;
}
#principale
{
        height: 250px;
        background-color: white;
        padding:10px;
        font-family: "Arial";
        font-weight: normal;
        font-size: 14px;
}
#message
{
        background-color: white;
        color: red;
        height: 30px;
        padding-left: 10px;
        padding-top: 10px;
}
#inventaire
{
        background-color: #939090;
        height: 150px;
        padding-left: 10px;
        font-family: "Arial";
        font-weight: normal;
        font-size: 14px;
}
.element_menu
{
	background-color: #939090;
	width:140px;
	font-family: arial;
}
.element_menu ul   				/*affichage pour ie*/
{
	list-style-type: none;
	margin-left: 10px;
}
html>body .element_menu ul 		/*affichage pour firefox*/
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.element_menu a
{
	color: black;
	font-weight: bolder;
	text-decoration:none;
}
.element_menu a:hover
{
	background-color: #B3B3B3;
	color: white;
	display: block;
	text-decoration:none
}
#compteur
{
	clear:both;
	position:relative;
	margin-top : 10px;
	margin-left : 10px;
	float: left;
	color: black;
	width: 130px;
	font-family: arial;

}
#corps 							/*affichage pour ie*/
{
	margin-left: 140px;
    margin-bottom: 20px;
    padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 1px solid #939090;
	border-left: 1px solid #939090;
	border-bottom: 1px solid #939090;
	text-align: justify;
}
html>body #corps 					/*affichage pour firefox*/
{
	min-height: 400px;
	height: 100%;
}
#pied_de_page
{
	width: 800px;
	margin: auto;
	height: 40px;
	background-color: #939090;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
}
#pied_de_page a
{
	color: #916000;
	text-decoration:none;
}
.gras
{
	font-weight: bold;
}
.lettrine
{
	/* float: left; */
	font-size: 1.5em;
	font-weight: bold;
}
/*td
{
	width:80%;
}*/
td.erreur
{
	color: #ff0202;
}