body 
{
	background-repeat : repeat;
	background-color : #d9ecff;   
	color: black;
	margin: auto;
	width: 958px;
}
#en_tete 
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	left: 250px;
}
h4
{
	text-align: center;
	color: #555555;
	background-color: #f5f5f5;
}
.droite
{
	text-align: right;
	color: #555555;
	background-color: #f5f5f5;
}
#corps 
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size: 14px;
	padding: 25px;
	margin-left: 210px; 
	margin-top: 54px;
	color: black;
	background-color: #f5f5f5;
	border: 1px ridge #919191;
	width: 696px;
	min-height: 280px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
#corps h1
{
	background-color: #f5f5f5;
	color: red;
}
#pied_de_page
{
	padding: 20px;
	text-align: center;
	color: #B3B3B3;
	background-color: #f5f5f5;
	border: 1px ridge #919191;
	width: 918px;
	margin-top: 20px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
#pied_de_page p
{
	font-size:12px;
}
p
{
	background-color: #f5f5f5;
	color : black;
	font-family : 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	font-size: 13px;
}
#en_tete h1 
{
	/*background-image: url(neigels3.gif);*/
	background-color : #d9ecff;
	color : red;
	text-align : center;
}
.association 
{
	background-color: #f5f5f5;
	color : fuchsia;
	font-size : 20px;
	text-decoration : blink;
}
h2 
{
	color : red;
	background-color: #f5f5f5;
}
a 
{
	font-style : italic;
	color: blue;
	font-weight: bold;
	background-color: #f5f5f5;
}
a:hover 
{
	background-color: #f5f5f5;
	text-decoration : underline;
	color : #c6ddff;
	font-weight: bold;
}
#presentation_site
{
	border: 1px ridge #919191;
	margin-bottom: 10px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#index_annonce
{
	float: right;
	border: 1px ridge #919191;
	width: 340px;
	margin-bottom: 10px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#liste_news_index
{
	border: 1px ridge #919191;
	width: 340px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	margin-bottom: 10px;
}
#derniere_modification_index
{
	border: 1px ridge #919191;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	margin-bottom: 10px;
}
#index_annonce a
{
	background-color: #e7e7e7;
}
#index_annonce .red, #index_annonce .blue, #index_annonce .green, #index_annonce .jaune, #index_annonce .mauve, #index_annonce .aqua, #index_annonce .vert_c
{
	background-color: #e7e7e7;
}
#derniere_modification_index a
{
	background-color: #e7e7e7;
}
.presentation_titre
{
	text-align: center;
	background-color: #808080;
	margin: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	-khtml-border-radius-topright: 5px;
}

#presentation_site .presentation_corp
{
	margin: 0px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#index_annonce .presentation_corp
{
	margin: 0px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#liste_news_index a
{
	background-color: #e7e7e7;
	text-decoration: none;
}
#liste_news_index .presentation_corp
{
	margin: 0px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#derniere_modification_index .presentation_corp
{
	margin: 0px;
	margin-top: 5px;
	margin-left: 5px;
	background-color: #e7e7e7;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
}
#presentation_site .presentation_corp .float_left
{
	float: left;
	margin-right: 5px;
}
#presentation_site a
{
	background-color: #e7e7e7;
	text-decoration: none;
}
#presentation_site .presentation_corp .title_cat_index
{
	font-size: 20px;
}
td
{
	border : 1px solid black;
}
.red 
{
	color : red;
}
.red_blink
{
	color: red;
	text-decoration: blink;
}
.compteur 
{
	position : absolute;
	left : 2px;
	top : 15px;
	width : 175px;
	height : 20px;
}
.rouge 
{
	color : red;
	text-decoration : blink;
}
.centrer 
{
	text-align : center;
}
.blue
{
	color : blue;
}
h3 
{
	color : blue;
}
.green
{
	color: green;
}
.jaune
{
	color: yellow;
}
.mauve
{
	color: fuchsia;
}
.aqua
{
	color: aqua;
}
.barre
{
	text-decoration: line-through;
}
.clignote
{
	text-decoration: blink;
}
.vert_c
{
	color: lime;
}
.minuscule
{
	font-size: xx-small;
}
.trespetit
{
	font-size: x-small;
}
.petit
{
	font-size: small;
}
.moyen
{
	font-size: medium;
}
.grand
{
	font-size: large;
}
.tresgrand
{
	font-size: x-large;
}
.enorme
{
	font-size: xx-large;
}

table
{
	border-collapse : collapse;
	text-decoration: none;
	color : black;
	border : 1px solid black;
	background-color: rgb(237,224,213);
	margin: auto;
	vertical-align: middle;
}
table td
{
	border: 1px solid black;
	background-color: rgb(253,244,223); 
	color: black;
	vertical-align:middle; 
	text-align: center;
}
table td p
{
	background-color: rgb(253,244,223); 
}
table th
{
	color: black;
	background-color: rgb(243,250,223); 
	border: 1px solid black;
	text-align: center; 
}
table a
{
	background-color: #fdf4df;
	font-style : italic;
	color: blue;
	font-weight: bold;
}
table a:hover
{
	background-color: #fdf4df;
	color : #c6ddff;
	font-weight: bold;
}

table tr.non_lu td
{
	background-color: #f4ca70;
	font-weight: bold;
}
table tr.non_lu td a
{
	background-color: #f4ca70;
}
table tr.non_lu td a:hover
{
	background-color: #f4ca70;
}
table tr.non_lu td img
{
	background-color: #f4ca70;
}

.tableau_admin
{
	border-collapse : collapse;
	text-decoration: none;
	color : black;
	border : 1px solid black;
	background-color: rgb(237,224,213);
	margin: auto;
}
.tableau_admin th
{
	color: black;
	background-color: rgb(243,250,223); 
	border: 1px solid black;
	text-align: left;
}
.tableau_admin td
{
	border: 1px solid black;
	background-color: rgb(253,244,223); 
	color: black;
	vertical-align:top; 
	text-align: center;
	width: 160px;
}
.tableau_admin a
{
	text-decoration: none;
}

.calendrier 
{
	display:inline;
	padding:10px ;
	text-align: center; 
	border-spacing: 1px; 
	font-size: 1.0em; 
	margin: auto ;
	float: left;
	z-index: 100;
	border-collapse: separate;
	color:#555;
	border:1px solid #999;
	background-color:rgb(221, 233, 251);
	vertical-align
}

.calendrier td, .calendrier tr
{
	padding: 0;
	height: 50px;
	background-color: #e5ebf5;
	color: #555555;
	border:1px solid #DDD;
}
.calendrier th
{
	border:1px solid #DDD;
	background-color: #e5ebf5;
	color: #555555;
}
/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */


.calendrier .evenement h6
{
	font-size:0.9em;
	margin:0;
	padding:0;
}

.calendrier td 
{
	background-color: #e5ebf5; /* Couleur de fond des cases du calendrier */
	width:90px;
	height: 50px;
}

.calendrier td:hover 
{
	background-color: #A3C3E0;  /* Couleur de fond des cases lors du survol de la souris */
	color: #555555;
}

.calendrier .today
{
	font-weight:bold ;
	border: 1px solid black; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}
.calendrier .evenement
{
	font-weight:normal ;
	border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
	background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
	color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
	z-index: 10; 
	padding: 2px;
	margin-top:1px;
	position: absolute; 
	visibility: hidden; 
	width:150px;
}
.calendrier .celluleevenement_today
{
	background-color: #6f809a;
	color:#FFFFFF;
	border: 1px solid black;
}
.calendrier .celluleevenement, .calendrier .evenement h6
{
	background-color: #6F809A ;
	color:#FFFFFF;
}
.calendrier thead th a 
{
	background-color: #e5ebf5;
	color:#707680;
	text-decoration:none; 
}

fieldset
{
	color: black;
	background-color: #f5f5f5;
}
.bleue_gris
{
	background-color: #d9ecff;
	color: black;
}
.bleue_gris img
{
	background-color: #d9ecff;
}
.bleue_gris a
{
	background-color: #d9ecff;
}

.center
{
	text-align: center;
}
.titre_annonce
{
	font-size: large;
	color : blue;
	background-color: #f5f5f5;
}
.bleue_gris p
{
	background-color: #d9ecff;
	color: black;
}
.h3
{
	color: blue;
	background-color: #f5f5f5;
}
.news
{
	border: 1px dashed #919191;
	background-color: white;
	color: black;
	margin-top: 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.news p
{
	background-color: white;
	color: black;
	padding: 5px;
}
.news h1
{
	background-color: white;
	color: red;
	text-align: center;
}
.news h2
{
	background-color: white;
	color: red;
}
.news h3
{
	background-color: white;
	color: blue;
}
.news .grand
{
	font-size: large;
}
.news .red
{
	background-color: white;
	color: red;
}
.news .blue
{
	background-color: white;
	color: blue;
}
.news .vert_c
{
	background-color: white;
	color: lime;
}
.news a
{
	background-color: white;
	color: blue;
	font-style : italic;
	color: blue;
	font-weight: bold;
}
.news a:hover 
{
	background-color: white;
	text-decoration : underline;
	color : #c6ddff;
	font-weight: bold;
}
.news .green
{
	color: green;
	background-color: white;
}
.news .mauve
{
	color: fuchsia;
	background-color: white;
}
.news .titre
{
	text-align: center;
	background-color: white;
	color: blue;
	border-top: 1px dashed #919191;
	border-bottom: 1px dashed #919191;
	border-right: none;
	border-left: none;
}
.news .auteur
{
	text-align: right;
	font-size: x-small;
}
.accueil_cadre
{
	margin: 0px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #e7e7e7;
	text-align: right;
}
.news img
{
	border: none;
}
.news h1
{
	background-color: white;
	color : red;
	text-align : center;
}
.souligne2
{
	text-decoration: underline;
}
img
{
	border: none;
}
.bbcode
{
	text-align: center;
	border: 1px dashed #919191;
	background-color: #f5f5f5;
}
.dossier a
{
	text-decoration: none;
}
.right
{
	text-align: right;
}
.justifie
{
	text-align: justify;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}





#menu2, #menu2 ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	border: 1px dashed #919191;
	border-top: none;
}

#menu2 /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
	border: 1px dashed #919191;
	position: absolute;
	margin: auto;
	/*left: 234px;*/
}
#menu2 a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */  
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 158px; /* largeur */
	background-color: #f5f5f5;
	font-style : italic;
	color: blue;
	font-weight: bold;
}
#menu2 li /* Elements des listes */      
{ 
	float : left; 
	/* pour ie qui ne reconnaît pas "transparent" */
	border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li
{
	border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu2 li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 158px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
}


#menu2 li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li ul li                
{
	border-top :  1px solid #919191; /* on met une bordure transparente en haut de chaque élément */
}

#menu2 li ul ul 
{
	margin : -22px 0 0 158px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left : 1px dashed #919191;/* Petite bordure à gauche pour ne pas coller ... */      
}

/* ie ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu2 li ul ul                
{
	border-left: 1px dashed #919191; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu2 a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-color: #f5f5f5;
	text-decoration : none;
	color : #c6ddff;
	font-weight: bold;
}
#menu2 li:hover ul ul, #menu2 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
.inscription label 
{
	width:260px; /*Cette largeur sert d'exemple, vous pouvez la modifier si vous voulez*/
	display:block;
	float:left;
}
.banniere
{
	background-color: #d9ecff;
}
.banniere:hover
{
	background-color: #d9ecff;
}
/* Le menu */

#menu
{
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
	color: black;
	width: 190px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-left: 3px;
	margin-top: 33px;
}

#menu li
{
	list-style-type: none;
}

.element_menu
{
	background-color: #f5f5f5;
	background-image: url("images/motif.png");
	background-repeat: repeat-x;
	border:1px ridge #919191;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}


/* Quelques effets sur les menus */


.element_menu .titre /* Tous les titres de menus */
{    
	color: #555555;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	margin-left: 10px;
}

#menu a 
{
	background-color: #f5f5f5;
	font-style : italic;
	color: blue;
	text-decoration: none;
	font-weight: bold;
}
#menu a:hover 
{
	background-color: #f5f5f5;
	text-decoration : none;
	color : #c6ddff;
	font-weight: bold;
}
#block_infos
{
	text-align: right;
	border: 1px ridge #919191;
}
.center
{
	text-align: center;
}
.bleue_gris_a
{
	background-color: #d9ecff;
}
.bleue_gris_a:hover
{
	background-color: #d9ecff;
}
.news .titre .lien_news
{
	text-decoration: none;
}
.news .titre .lien_news:hover
{
	text-decoration: none;
}
.action_valide
{
	background-color: #6fff6f;
	border: 1px solid #919191;
	padding: 5px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	min-height: 50px;
}
.action_valide a
{
	background-color: #6fff6f;
}
.action_valide img
{
	float: left;
	margin-right: 5px;
}
.erreur
{
	background-color: #ff2f2f;
	border: 1px solid #919191;
	padding: 5px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	min-height: 50px;
}
.erreur a
{
	background-color: #ff2f2f;
}
.erreur img
{
	float: left;
	margin-right: 5px;
}