/**********************************
       Feuille de style CSS
**********************************/

/* Les liens */
a:link		{ text-decoration: none;  color:#212120;  }
a:visited	{ text-decoration: none;   color:#212120; }
a:hover		{ text-decoration: underline; color:#212120;  }


.texte
{ font-size:100%;   }
.titre
{ color:#e2002a;   }
.sous-titre
{ color:#000;   }
.lien
{ color : #6699CC; }
.texte-erreur
{ color:#ED1C24; }
 
 
html, body 
{
    height: 100%;
}

body 
{
	margin : 0;
	padding : 0;
	width:100%;
	height:100%;
	font-family: arial, verdana, helvetica, sans-serif;
	background: #ff7900 url(../skins/fond.jpg) repeat-x fixed;
	font-size:0.76em; 
	color:#00000;
	
	width: 900px;
	margin: auto; /* Pour centrer notre page */
	margin-bottom: 20px;
}

div.cadre
{
	border: 1px solid #bcbab6;
	margin-bottom: 8px;
}

div.cadrehaut
{
	background-color: #e86e3d;
	color: #FFFFFF;
	padding: 3px;
}

div.cadrebas
{
	background-color: #FFFFFF;
	padding: 5px;
}

div#menugauche 
{
	padding:0px 5px 0px 0px;
	text-align:left;
	height:auto;
	width: 200px;
	float: left;
	margin: 5px 5px 5px 5px;
}

#milieu
{
	margin-left: 140px;
	margin-bottom: 20px;
	padding: 5px;
}


#corps /* Propriétés qui s'appliquent au cadre en général */
{
	background-color: #dcdcdc;
	width: 900px ;
	margin: 0;
}

#hautcorps
{
	background-image: url(../skins/haut.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 900px;
}

#fincorps
{
	background-image: url(../skins/bas.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 900px;
}

#statut h2, #statut h3, #ri h2, #ri h3
{
	text-align: center;
	margin: 15px;
}

#statut, #ri
{
	text-align: justify;
}

#contact table
{
	border: dashed black 1px;
	border-collapse: collapse;
}

#contact td, #contact tr
{
	padding: 10px;
	text-align: center;
	border: dashed black 1px;
}

.news_user	{ font-size: 11px; margin: 0px; color: #CFCFCF; font-weight: bolder; }
.news_subject	{ margin-bottom: 0px; margin: 0px; font-size: 16px; font-weight: bolder; }


div.clear { clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
		
img { border:0; }
form { margin:0; padding:0; border:none; }

h1,h2,h3,h4	{  
margin:0; padding:0; border:none;
font-family: arial, verdana, helvetica, sans-serif;
}

h1				{  font-size:180%;  }	 
h2				{  font-size:165%; color:#e2002a;  }
h3				{  font-size:125%; margin:10px 0; }
h4				{  font-size:100%;  }



div#centre {background:#fff; border:solid 1px #bcbab6; padding:10px 20px;}
	
div#titre { margin:0; padding:0; text-align:left; width:100%;	height:auto;}

div#titre h1 { margin:0 0 5px 0; padding:0; color:#000000; }
div#titre h2 { margin:0; padding:0; background:#666666; border:solid 1px #bcbab6; border-width: 1px 1px 0 1px;color:#ffffff; padding:6px 20px 6px 20px;}

div#chemin { text-align:left;  margin:0 0 5px 0; padding:4px 0; background:#fff; border:solid 1px #b2aba5;  }

div#chemin ul { margin:0; padding:0 8px;}
div#chemin li 
{
	display:inline;
	list-style:none;
	margin: 0 0 0 0px; 
	padding: 1px 5px 0 12px; 
	background :url(../skins/fleche.gif) no-repeat 0 7px;
}

div#chemin li.first {background : none; padding: 1px 5px 0 0; color:#e2002a; text-transform:uppercase; }
div#chemin li.first a{color:#38383f; text-transform:none;background : none;}

div#chemin li a:link, div#chemin li a:visited { color:#38383f; margin:0 0 0 2px;  }
div#chemin li a:hover { text-decoration:underline; }


/***Les listes***/
.liste_cadre
{
	border: 2px solid #666666;
	width: 100%;
}
.liste_titre
{
	background: url(images/design/bande.jpg);
	text-align: center;
}
.liste_donnees
{
	background-color: #dee3e7;
	text-align: center;
} 	

.nom_admin{ color: #FF1100; font-weight: bolder;}
.nom_member{font-weight: bold; }
.nom_user{ color: black;}