body
	{
	text-align : center;
	background-color : #EFEFEF;
	margin : auto;
	margin-top : 8px;
	}

#header
	{
	text-align : center;
	background : url(../images/bannindex.gif) no-repeat;
	width : 802px;
	height : 152px;
	margin : auto;
	}
	
#lienhead
	{
	display : block;
	width : 120px;
	height : 80px;
	padding-top : 50px;
	left : 120px;
	}
	
#liencache
	{
	visibility : hidden;
 }
	
#menu
	{
	margin : auto;
	width : 802px;
	height : 35px;
	background : url(../images/topmenu.gif) top no-repeat;
	padding-left : 10px;
	}
	
li
	{
	padding-top : 40px;
	float : left;
	padding-right : 20px;
	list-style-type : none;
	padding-left : 20px;	
	}
	
li a
	{
	font-family : "Trebuchet MS";
	color : #ff7e00;
	text-decoration : none;
	font-size : 0.8em;
	}
	
li a:hover
	{
	border-left : solid #d9d9d9 2px;
	padding-left : 5px;
	}
	
li a:focus, li a:active
	{
	color : #d9d9d9;
	}
	


#page
	{
	text-align : left;
	margin : auto;
	width : 780px;
	background : white;
	border-left : solid #bdbdbd 1px;
	border-right : solid #bdbdbd 1px;	
	padding-top : 30px;
	padding-bottom : 50px;
	padding-left : 20px;
	
	font-family : Verdana,serif;
	color : #4b4b4b;
	font-size : 0.8em;
	}

/* ----------------------------------
     FORMATAGE DU TEXTE 
    ----------------------------------*/
	h1
	{
	display : inline;
	font-size : 1.6em;
	border-left : solid 3px #ffa200;
	padding-left : 6px;
	border-bottom : dotted 1px #ffa200;
	}

a
	{
	font-family : "Trebuchet MS";
	color : #ff7e00;
	text-decoration : none;
	}	

#connexion, #inscription
	{
	margin-top : 20px;
	margin-left : 20px;
	}

#connexion { width : 250px;} #inscription { width : 350px; }

fieldset
	{
	border : dotted 2px #ffc000;
	background-color : #f8f8f8;
	margin-bottom : 20px;
	}	

legend
	{
	font-family : "Trebuchet MS",serif;
	color : #ffc000;
	font-size : 1.5em;
	}	

label
	{
	display : block;
	margin : 10px;
	font-family : "Trebuchet MS",serif;
	color : #4b4b4b;
	}	

label.code { float:left; }	

input, .input, textarea
	{
	border : solid 1px #e7e7e7;
	border-left : solid 4px #e7e7e7;
	padding-left : 5px;
	font-family : Verdana,serif;
	color : #606060;
	}	

select.input
	{
	margin-top : 10px;
	}	

#inclasse  { margin-top : -20px; }	

input:focus, input:active, textarea:focus, textarea:active
	{
	border-color : #ffc000;
	color : #ffc000;
	}	

option
	{
	padding-right : 5px;
	}
	

.submit
	{
	float : right;
	}

.submit:active, .submit:focus 
	{
	background-color : #ffc000;
	color : white;
	}	

.legende
	{
	margin-top : 20px;
	color : #9a9a9a;
	font-size : 0.8em;
	}	

.legende a
	{
	text-decoration : none;
	color : #ffc000;
	font-size : 1.2em;
	}	

.legende a:hover
	{
	font-weight : bold;
	}	

.statut
	{
	padding-top : 10px;
	}

strong.rouge
	{
	color : red;
	font-weight : normal;
	}	

p#texte
	{
	text-align : center;
	color : #ffcc00;
	}	

#errfloat
	{
	padding : 10px;
	margin : 20px;
	border : dotted 2px #ffc000;
	background-color : #f8f8f8;
	}	

#errfloat h2
	{
	font-family : Verdana,serif;
	font-size : 1.6em;
	margin : 0px;
	padding-left : 6px;
	color : red;
	padding-bottom : 10px;
	}	

.sub
	{
	float : left;
	margin-left : 5px;
	}	

.blocinfo
	{
	margin : auto;
	margin-top : 20px;
	text-align : justify;
	padding-right : 10px;
	width : 650px;	
	}

.txtinfo
	{
	background : url('images/info-top.jpg') no-repeat;
	padding-top : 10px;
	padding-right : 30px;
	padding-left : 30px;	
	min-height : 110px;
	}	
	
.txtinfo div
	{
	margin-top : 10px;
	}

	
.fondinfo
	{
	background : url('images/info-fond.jpg') repeat-y;
	}	

.infobas
	{
	width : 650px;
	height : 36px;
	background : url('images/info-bas.jpg') no-repeat;
	}	

.liens
	{
	font-size : 120%;
	}	

.tablemessages, .tableliremessage
	{
	border : solid 1px #4d4d4d;
	border-collapse : collapse;
	width : 90%;
	}
	
.tableliremessage
	{
	width : 98%;
	}
	
.tablemessages th, .tableliremessage th
	{
	padding : 2px;
	text-align : center;
	border : solid 1px #4d4d4d;
	height : 30px;
	background : url('images/tablehead.jpg') repeat-x;	
	}

.tablemessages td, .tableliremessage td
	{
	background : #e0e0e0;
	padding : 5px;
	border : solid 1px #4d4d4d;
	}
	
.tableliremessage td
	{
	background : #e0e0e0;
	padding : 2px;
	}
	
.tableliremessage .tdmessage
	{
	background : #cdcdcd;
	}
	
.tablemessages td:hover
	{
	background : #efefef;
	}

.tablemessages td a
	{	
	color : #4b4b4b;
	}

.tablemessages td a:hover
	{	
	color : #ff7e00;
	}

caption
	{
	margin-bottom : 2px;
	font-family : "Trebuchet MS",serif;
	color : #4b4b4b;
	font-size : 1.4em;
	}
	
.formenvoimess
	{
	border : 1px solid #ffbf27;
	padding : 10px;
	margin-right : 30px;
	background : #eeeeee;
	}
	
.formenvoimess label
	{
	display : inline;
	}
	
.formenvoimess .sumbit
	{
	border-color : #ffb400;
	color : #747474;
	}

textarea
	{
	padding-top : 3px;
	font-size : 90%;
	color : #606060;
	width : 600px;
	overflow : visible;
	}
	
.compterendu
	{
	margin : auto;
	width : 571px;
	background : url('images/bloccompte_milieu.jpg') repeat-y;
	}
	
.compterendu p
	{
	padding-left : 12px;
	padding-right : 5px;
	}
	
.compte
	{
	font-size : 130%;
	width : 571px;
	background : url('images/bloccompte_haut.jpg') no-repeat;
	height : 31px;
	padding-left : 90px;
	padding-top : 6px;
	font-family : "Trebuchet MS",serif;
	}	

.comptebas
	{
	width : 571px;
	background : url('images/bloccompte_bas.jpg') no-repeat;
	height : 25px;
	}
	
.titrcentre
	{
	margin : auto;
	text-align : center;
	display : block;
	border-right : solid 3px #ffa200;
	margin-right : 20px;
	border-top : dotted 1px #ffa200;
	margin-top : 10px;
	}
	
/*----------------------ADMIN---------------------------*/

.blockpann
	{
	width : 100px;
	margin : 10px;
	text-align : center;
	border-top : solid white 2px;
	border-bottom : solid white 2px;
	background : white;
	padding : 2px;	
	float : left;	
	}

.blockpann:hover
	{
	border-top : solid #ffba00 2px;
	border-bottom : solid #ffba00 2px;
	background : #f1f1f1;
	}

a img
	{
	border : 0px;
	}
	
.tablemembres
	{
	border : solid 1px #4d4d4d;
	border-collapse : collapse;
	width : 90%;
	text-align : center;
	margin : auto;
	}

.tablemembres th
	{
	padding : 2px;
	text-align : center;
	border : solid 1px #4d4d4d;
	height : 30px;
	background : url('images/tablehead.jpg') repeat-x;	
	}

.tablemembres td
	{
	background : #e0e0e0;
	padding : 5px;
	border : solid 1px #4d4d4d;
	}
	
.tablemembres td:hover
	{
	background : #efefef;
	}

.tablemembres td a
	{	
	color : #4b4b4b;
	}

.tablemembres td a:hover
	{	
	color : #ff7e00;
	}
	
table tr td input
	{
	text-align:center;
	background:none;
	border:0px;
	border-bottom:1px solid black;
	margin-right:10px;
	}
	
table tr td input:focus
	{
	color:#00b01d;
	}
	
.inputtab-membre
	{
	width : 80px;
	}
	
#ecrannoir
	{
	display : none;
	position : absolute;
	top : 0px;
	left : 0px;
	width : 100%;
	height : 100%;
	background-color : black;
	opacity : 0.5;
	color : white;
	}
	
#chargement
	{
	display : none;
	position : absolute;
	top : 25%;
	left : 35%;
	width : 400px;
	height : 150px;
	background-color : white;
	padding : 20px;
	text-align : center;
	
	font-size : 1.6em;
	font-weight : bold;
	
	border : 5px solid #313131;
	}

.tablemembres .rouge a, .tablemembres .vert a {color:white;}
	
.tablemembres .vert
	{
	background : url('images/vert.jpg');
	color : white;
	}
	
.tablemembres .rouge
	{
	background : url('images/rouge.jpg');
	color : white;
	}
	
.tablemembres .vert:hover
	{
	background : url('images/vert.jpg');
	}
	
.tablemembres .rouge:hover
	{
	background : url('images/rouge.jpg');
	}
	
.textcomptes
	{
	width:500px;
	height : 500px;
	font-size : 105%;
	}
	
.textcomptes:focus,.textinfogen:focus { color : black; }

.textinfogen
	{
	font-size : 105%;
	margin-top : 10px;
	width : 550px;
	height : 500px;
	background:none;
	}
	
hr
	{
	background-color : ##606060;
	width : 200px;	
	}
	
.pars_souligne { text-decoration:underline;}
