/* CSS Document */



html {height:101%} /* force l'affichage de la barre de défilement */
* {margin:0; padding:0;} /* annule le formatage du navugateur */

body
{
	background-color:#670001;
	background-image:  url(Copie de fond.gif);
}
a {
	text-decoration:none;
	background-color: #FFFFFF;
}

input

{

	background-color:#e9c24b;

	border:thin ridge;

}
#wrapper 
{
	position: relative;
	width:1024px;
	min-height: 800px;
	margin-top:0;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	color: black;
	background-color:black;
	bottom: 0px;
	background-image:  url(Copie_de_fondwrapper.gif);
}

/* ==================== Debut des DIV ============================ */

#banniere
{
	width:1024px;
	height:245px;
	background-color:black;
	background-image:  url(../../stade/banniere.jpg);
}

#menu_gauche
{
	position: absolute;
	padding-left: 30px; 
	top: 245px;
	width: 250px;
	height: 523px;
	background-image:  url(../../stade/gauche.jpg);
	background-repeat: no-repeat;
}

#menu_droit
{
	position:absolute;
	top:245px;
	width:150px;
	right:0;
	padding-left: 30px; 
/*	padding-right:30px; */
/*	background-repeat: no-repeat;
	background-image:  url(../../stade/droit.jpg); */
}

#corps
{
	position:relative;
	width:534px;
	padding-left:20px;
	padding-right:20px;
	margin-left:220px;
}


#pied
{
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width:1024px;
	background-color:#550000;
	color:#FFFF66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-transform: capitalize;
}
/* =================================== formatage article =========================================*/
.article
{
	margin-bottom: 10px;
	margin-top: 10px;
	width: 620px;
	color:black;
	background-color:#550000;
	background-image: url(article.jpg);
}

.article P
{
	line-height: 1.2em;
}


.article_titre
{
	width: 540px;
	padding-left:40px;
	padding-right:40px;
	padding-top: 20px;
	height:50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color:#FFFFFF;
	background-image: url(titre.jpg);
	background-color: #000000;
}

.article_date
{
	text-align: right;
	width: 540px;
	margin-right:10px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 12px;
}

.article_texte
{
	padding-left:30px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
.article_texte img
{
/*	float: left;*/
}

.article_texte a
{
	color:yellow;
 	background-color: #670001;
}

.article_texte P:first-letter {
	font-size: 150%;
}

.article_auteur
{
	width: 540px;
	margin-right:10px;
	text-align:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
}

.article_action
{
padding-left:20px;
}

.article_action img
{
	border:none;
}

.article_action a
{
	width: 20px;
	height: 20px;
	padding: 5px;
	outline:none;
	background-color:#CC0000;
}

.article_action a:hover
{
	background-color:#FFFF00;
}

.article_action a:active 
{
	background-color:#FF0000
}

.article_commentaire
{
	padding-left:30px;
	padding-right:20px;
	font-style: italic;
}

.article_fin
{
	text-align: right;
	width: 620px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(pied.jpg);
	background-color: #000000;
	height:70px;

}
/* ================================ formatage menu=====================================================*/

.menu1
{
width:195px;
color:white;
}

.menu1_titre
{
	width: 195px;
	height: 33px;
	padding-top: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-image:  url(../../stade/menu.gif);
}

.menu1 a
{
	padding:0;
	color: white;
	text-decoration: none;
	outline:none;
	background-color: #000000;
}


.menu1 a:link  ,.menu1 a:visited
{
	background-color: #000000;
	color:#FF0000;
}
 .menu1 a:hover ,  .menu1 a:focus
{	
	background-color: #000000;
	color:#FFFF00;
}

.menu1 a:active  
{
	background-color: #000000;
	color:#FF0000
}

.menu1 li
{
	padding-left:20px;
	/*list-style-image: url(groupe.gif);*/
	list-style-position: inside;
}
/*==========================indicateur de chargement==================================*/

.tumevoispas
{
	visibility: hidden;
}

.tumevois
{
	visibility: visible;
	font-size : 100%;
	color:#FFFF00;
	font-style: normal;
	font-weight: bold;
	width: 540px;
	background-color: #550000;
}
/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

