/*
design.css 
----------		Par PEOFOFO
Créé le 4 décembre 2006


Description : feuille de style de la page d'index contenant la mise
en forme du site (menus, en-têtes, pied de page...).*/



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	background:url('images/haut_site.png') repeat-x;
	/*background-image: url(images/bois.jpg);*/
	background-color: #e2b977;
	margin: 0;
	 }

/* En-tête */

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */ {
	display:none; }

#banniere {
	margin: 0 auto;
	width: 900px;
	height: 117px;
	background: url(images/banniere.jpg)  scroll repeat-x 0 0;  
	}


/* Menu */

#menu {
	float:left;
	width: 16%;
	margin-left:0.5%;
	margin-right:0.5%; }



#menu h5 {

	line-height: 20px;
	margin: 0;
	padding-top: 6px;
	padding-left:15px;
	padding-bottom:4px;
	vertical-align: bottom;
	color:#fbedd2;
	font-size:15px;
	font-family: "Arial Narrow";
	background-color:#F4F9FD;
	background: url(images/haut_menu.png) no-repeat;
	border-right:1px solid rgb(150,153,154);
	/*/border-left:1px solid #A19377;
	border-top:1px solid #A19377;
	border-right:3px double #A19377;
	border-bottom:3px double #A19377;
	background-color:#FBF4E9; 
	background: url(images/bground914.jpg);
	background: url(images/essaihaut.png) no-repeat;
	border-collapse:collapse;
	margin: 0;
	padding-top: 6px;
	padding-left:10px;
	padding-bottom:0px;
	vertical-align: bottom;
	font-size:15px;
	font-family: "Arial Narrow";
	color:#a29279; */
 }

#menu ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
	margin-left: 5px; }

#menu ul ul {
	padding: 0;
	margin-left: 20px;	 
}

#menu .corpsmenu  {
	font-family:'Trebuchet MS', Arial, 'Times new roman', Times, serif;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
	margin-bottom:10px;
	border-left: 1px solid #A19377;
	border-right: 1px solid #A19377;
	border-top:1px solid #F4F9FD;
	border-bottom: 1px solid #F4F9FD;
	text-align:right;
	background-color:#afd3d9;
	
	 }
#menu .link_menu
{
font-family:Arial;
font-size:12px;
color:#A19377;
text-decoration:none;
}
#menu .link_menu:hover
{
font-family:Arial;
font-size:12px;
color:#A19377;
font-weight:bold;
text-decoration: none;
}

#nbre_amis_connectes {
	text-align:center; }

#liste_amis li {
	margin-left: 20px; }

#menu_livredor, #menu_recherche, #menu_pub {	
	width:100%;
	overflow:hidden; }

#menu_livredor {
	margin:2px; }

#menu_recherche, #menu_pub {
	text-align:center;
	padding-top:10px; }

#champ_recherche {
	margin-bottom:3px; 	width:90%;
	text-align:center; }




/* Corps */

#corps {

	width:80%;	
	background:url('images/corpshaut.png') repeat-x;
	background-color:#92bf9d;
	
	

	border: 2px solid #848686;
	padding: 5px;
	padding-bottom:25px;
	overflow:hidden; }

#mot_president {

	width:63%;	
	background:url('images/corpshaut.png') repeat-x;
	background-color:#92bf9d;
	
    text-align: justify;
	border: 2px solid #a19377;
	padding: 5px;
	margin-left: 5px; /* Marge extérieure de 5px */
	margin-top: 5px; /* Marge extérieure de 5px */

	overflow:hidden; 
	}
	
#centre {
	width:34%;
	float:right;
	text-align: center;
	}
	
#nouveaute {

	width:28%;	
	border: 2px solid #a19377;
   	text-align: justify;
   	margin-right: 5px; /* Marge extérieure de 50px */
	margin-top: 5px; /* Marge extérieure de 50px */
   	padding: 5px; /* Marge intérieur de 10px */
   	background-color: #fbedd2;
	float:right;
	overflow:hidden; 
	}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #00859f; /* Les liens seront en rouge au lieu de bleu */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #4d1e04; /* Le lien sera écrit en vert quand on pointera dessus */
}
.dessin
{
float:right;
margin-top:15px;
margin-right:30px;
}
.flot_gauche
{
float:left;
}
.flot_droite
{
float:right;
}
.ball
{
float:left;
margin-top:10px;
margin-left:15px;
}
.titre_contenu
{

text-align:center;
font-family:Georgia;
font-size:18px;
color:#A19377;

background-color:#fbedd2;

border-bottom:2px solid #a19377;
border-right:24px solid #a19377;
}

.cadre_forum_up
{
font-family:Arial;
font-size:12px;
padding-left:5px;
color:#91765E;
border:2px solid #C3AE9C;
background-image: url(images/boismenu.jpg); 
}
.link_forum
{
font-family:Arial;
font-size:12px;
color:#B28D6C;
font-weight:bold;
text-decoration:none;
}

.link_red
{
font-family:Arial;
font-size:12px;
color:red;
font-weight:bold;
text-decoration:none;
}


.link_forum:hover
{
font-family:Arial;
font-size:12px;
color:#8D735D;
font-weight:bold;
text-decoration:none;
}
.apercu_tps_reel
{
background-color:#fbedd2;
}

.classement
{
   width: 258px;
   border: 2px solid #a19377;
   text-align: justify;
   margin-bottom: 20px; /* Marge extérieure de 50px */
   margin-left: 30px; /* Marge extérieure de 50px */
   padding: 10px; /* Marge intérieur de 10px */
   float: left; /* Le menu flottera à gauche */
   background-color: #fbedd2;
}
.classement2
{
   width: 345px;
   border: 2px solid #a19377;
   text-align: justify;
   margin-bottom: 20px; /* Marge extérieure de 50px */
   margin-left: 30px; /* Marge extérieure de 50px */
   padding: 10px; /* Marge intérieur de 10px */
   float: left; /* Le menu flottera à gauche */
   background-color: #fbedd2;
}
.stat_tableau
{
width:100%;
text-align:center;
font-family:Arial;
font-size:12px;
border:1px solid #c3ae9c;
border-collapse:collapse;
}
.tableborder
{
margin: auto;
}
.stat
{
font-weight: bold;
text-align:center;
font-family:Arial;
font-size:12px;
color:#8d735d;
background-color:#fbedd2;
border:1px solid #c3ae9c;
border-collapse:collapse;
}
.stat2
{
font-weight: bold;
text-align:center;
font-family:Arial;
font-size:12px;
color:#000000;
border:1px solid #c3ae9c;
border-collapse:collapse;
}

.tableau
{
font-family:Arial;
font-size:12px;
}


.inscription_texte
{
font-family:Arial;
font-size:12px;
color:#937359;
}
.inscription_titre
{
font-family:Arial;
font-size:16px;
font-style:italic;
color:#937359;
letter-spacing:2px;
font-weight:bolder;
text-decoration:underline;
}

.membres_tableau
{
width:100%;
text-align:center;
font-family:Arial;
font-size:12px;
color:#000;
border:1px solid #C7B684;
border-collapse:collapse;
}

.membres_liste
{
text-align:center;
font-family:Arial;
font-size:12px;
color:#000;
border:1px solid #C7B684;
border-collapse:collapse;
}

.membres_liste2
{
text-align:center;
font-family:Arial;
font-size:12px;
color:#000;
background-color:#EFE4C3;
border:1px solid #C7B684;
border-collapse:collapse;
}

.membres_liste3
{
text-align:center;
font-family:Arial;
font-size:12px;
color:#000;
background-color:#fff;
border:1px solid #C7B684;
border-collapse:collapse;
}
.message         
{
width:100%;
margin:auto;
margin-bottom:20px;
border-collapse:collapse;
}

.message td
{
padding:5px;
font-weight:normal;
border-bottom:1px solid #C3AE9C;
border-right:1px solid #C3AE9C;
border-left:1px solid #C3AE9C;
}

.message th
{
font-weight:normal;
border-bottom:1px solid #C3AE9C;
border-top:1px solid #C3AE9C;
border-collapse: collapse;
background:#fff;
color: #000;

padding-right:5px;
padding-left:5px;
}

.barr_profil
{
width:20%;
font-family:Arial;
font-size:12px;
color:#000;
background-color:#E7DFD8;
border:1px solid #C3AE9C;
}

.les_rep
{
width:80%;
padding-top:2px;
font-family:Arial;
font-size:12px;
background-color:#fbedd2;
}

.text-haut_msg
{
font-family:Arial;
font-size:12px;
color:#666666;
font-weight:bold;
}

.poster_le
{
font-family:Arial;
font-size:12px;
color:#666666;
font-weight:bold;
}

.signature
{
font-family:Arial;
font-size:10px;
color:#000;
border-top:1px dashed #000;
}

.editer_le
{
text-align:right;
font-family:Arial;
font-size:12px;
color:#a19377;
}
.sujet_bloquer
{
	background-color:#ff8879;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:20px;
	width:100%;
	margin:auto;
}

a.bouton
	{
	width:300px;
	text-align:center;
	display:block;
	border-width: 5px;
	font-weight:bold;
	text-decoration:none;
	background:#f6e8ce;
	border-top:3px #fef6ed solid;
	border-left:3px #fef6ed solid;
	border-bottom:3px #a19377 solid;
	border-right:3px #a19377 solid;
	}

a.bouton:hover 
	{
	background-color: #cfe3ba;
	border-top:4px #fdf1e3 solid;
	border-left:4px #fdf1e3 solid;
	border-bottom:2px #a19377 solid;
	border-right:2px #a19377 solid;
	}
	
	.marges 
	{
	margin:9px;
	}
	
#arbre {
	font-family: 'Trebuchet MS', Verdana, Arial, "Times New Roman", Times, serif;
	font-size:0.85em; }

h1 /* Tous les titres des pages du site (en haut) */{
	text-align: center;
	margin-top:5px;
	margin-bottom:35px;
	font-family:Arial, 'Times New Roman', Times, serif;
	color: #2C485C; }

#boucle {
	padding-bottom:25px;
	}

/* désign calendrier */
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* Ne fonctionne pas sous IE */

#calendar table {
	width:100%;
	text-align: center; 
	border-spacing: 1px; 
	font-size: 1.0em; 
	/*margin: auto;  calendrier centrer*/
}

#calendar td a {
	display: block; 
	height: 100%; 
	padding: 1px 2px;
}


#calendar .eventslist {
	border: 1px solid #60738b; 
	background-color: #f4f9fd; 
	z-index: 10; 
	padding: 2px;
}

#calendar .eventslist {
	position: absolute; 
	visibility: hidden; 
	width: 150px;
}

.event1 {
	background: #addce4; 
	color: #000000;
	
}
.event1 a:hover {
	background: #00859f; 
	color: #f6f6f6; 
	text-decoration: none;
}
.event2 {
	background: #e5686e; 
	color: #000000;
	
}
.event2 a:hover {
	background: #be7c7c; 
	color: #f6f6f6; 
	text-decoration: none;
}
.event3 {
	background: #ade4ad; 
	color: #214221;
}
.event3 a:hover {
	background: #84be7c; 
	color: #f6f6f6; 
	text-decoration: none;
}
.event a:link{
text-decoration:none;
color:#0000ff;
	}
.event a:visited{
text-decoration:none;
color:#0000ff;
	}
.eventoday a:link{
text-decoration:none;

	}
.eventoday a:visited{
text-decoration:none;

	}

.eventoday {
	border: 1px solid #000000; 
	background-color: #addce4; 
	color: #000000;
}

.ras {
	background: #efe4c3; 
	color: #000000;
}

.today {
	background: #efe4c3; 
	font-weight: bold; 
	color: red;
	border: 1px solid #000000; 
	padding: 0px;
}


/* Pied de page */

#pied_de_page {
	clear:both;
	float:right;
	width:84%;
	background-color:#d0f9ca;
	border: 2px solid #2C485C;
	padding: 5px;
	margin-right:1%;
	margin-top: 10px;
	margin-bottom:8px; }

#copyright_impression {
	color:#444444;
	text-align:center;
	font-size:0.9em; }

/*       Extradivs 3 <div> vides supplémentaires sont mis à votre disposition si vous voulez afficher d'autres éléments sur la page.
Généralement, vous utiliserez des position:absolue ou encore position:fixed pour positionner une image à un
endroit précis de la page */

#extradiv1 { }

#extradiv2 { }

#extradiv3 { }