/*feuille de style pour shergui.com v4.0
07/2006 - (c)jbtaris - jbtaris@free.fr */

/*les balises génériques*/
body{
	background-color: #514f51;
	background-image: url(body_background.png);
	background-repeat: repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	margin: 0;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	text-align: justify;
}

p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 12px;
}

table {
	font-size: 12px;
}

input {
	background-color: transparent;
	border: 1px silver solid;
}
textarea {
	background-color: transparent;
	border: 1px silver solid;
}

ul {margin: 0;}

img {border: 0;}

#conteneur {
	background-color: #F0F0F0;
	width: 760px;
	margin: auto;
	border: 1px solid #000;
	text-align: left;
	background-image: url(fond_gauche.png);
	background-position: left;
	background-repeat: repeat-y;
}

#menu_gauche #corps{
	display: table-cell;
	height: 100%;
	border-right: 1px dashed gray;
}
#menu_haut {
	width: 100%;
	background-color: #99734C;
	font-size: 12px;
	height: 15px;
	text-align: center;
	border-top: solid 2px #fff;
	}

ul {
	list-style-type: none;
	/*width: 100%; /* précision pour Opera */
}

#menu_haut li {
	display: inline;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_haut a {
	color: #fff;
	text-decoration: none;
}

#menu_haut a:hover {
	background-color: #000;
	color: #fff;
}

#menu_haut a:active {
	background-color: #000;
	color: #fff;
}
/*menu gauche*/
#menu_gauche {
	text-align: left;
	margin: 0;
	float: left;
	background-color: #99734C;
	width: 150px;
}

#menu_gauche ul {
	list-style-type: none;
	margin: 5px 0px 0px 5px ;} 

#menu_gauche li {
	margin-bottom: 5px;
	font: 12px Arial, Helvetica, sans-serif;
}

#menu_gauche a {     
     color: #fff;
	  text-decoration: none;
	 }
	 
#menu_gauche a:hover {
     background-color: #000;
	  color: #fff;
     }

#menu_gauche a:active {
     background-color: #000;
	  color: #fff;
	}
/*fin menu gauche*/

/*le centre de la page*/
#corps {
	background-color: #F0F0F0;
	margin: 0px 30px 30px 180px;
	background-image: url(filigrane.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#table_contact{
	font-size: 12px;
}

#corps ul{
	font-size: 12px;
	list-style: disc;
}

#corps a{
	text-decoration: none;
	color: #555555;
	font-weight: bold;
}

#corps a:hover{
	text-decoration: underline;
}

.alerte{
	background-color: #FFF8DC;
	border: 1px dashed #000;
	padding: 10px;
}

.situation{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-style: italic;
}

.magpierss{
	background-color: #F9F7F2;
	border: 1px dashed gray;
	padding: 5px 5px 5px 15px;
}

.magpierss a{
	padding-left: 10px;
	background-image: url(fleche.gif);
	background-position: left;
	background-repeat: no-repeat;
}
/*la page des liens*/
#liens{
	font-size: 12px;
	text-align: justify;
}

#liens ul {
		list-style: none;
}

/*les styles pour PHORUM*/

#phorum_conteneur{
	background-color: #F0F0F0;
	width: 760px;
	margin: auto;
	border: 1px solid #000;
	text-align: left;
}

#phorum_corps{
	background-color: #F0F0F0;
	margin: 15px;
}

/*le pied de la page*/
#footer{
	background-color: #99734C;
	color: #C3C3C3;
	font-size: 10px;
	text-align: right;
	clear: both;
}

#footer a{
	color: #C3C3C3;
	text-decoration: none;
}

#footer ul {
	list-style-type: none;
	margin: 0;
}

#footer li{display: inline;}

#footer img {border: 0;}

.imprime hr {color: #cccccc; height: 1px} 

/*le reco*/
#recommandation{
	width: 760px;
	margin: auto;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px dashed;
	border-right: 1px dashed;
	border-left: 1px dashed;
}

#recommandation input{
	border: 1px black solid;
}

#recommandation input:focus{
	background-color: Silver;
}

#recommandation p{
	font-size: 10px;
}