* {
	margin:0;
	padding:0;
}

body {
	background:url(../design/fond.jpg) no-repeat top center #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	padding:0;
	margin:0;
	color:white;
}

#conteneur {
	margin:0 auto;
	width:1000px;
	min-height:600px;
}

		/*div permettant d'arreter le float*/
.clear {
	clear:both;
}

.titre_categorie {
	text-align:right;
}
.titre_categorie_creer_compte {
	text-align:center;
}

#footer_top {
	margin:auto;
	background:url(../design/fond-city.png) no-repeat top left;
	width:820px;
	height:187px;
}

#footer {
	margin:auto;
	background:url(../design/milieu_footer.png) repeat-y top left;
	width:820px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:9px;
	text-align:center;
}

#footer .stats_bas {
	float:left;
	width:200px;
}
	#footer ul, #footer ul li{
		margin:10px 0 5px 0;
		padding:0;
		list-style:none;
		text-align:left;
		margin-left:20px;
	}
	
#footer .dernieres_news {
	float:left;
	width:200px;
}
#footer .derniers_membres {
	float:left;
	width:200px;
}
#footer .info_footer {
	float:left;
	width:200px;
}

#bas_footer {
	margin:auto;
	background:url(../design/bas_footer.png) no-repeat top left;
	width:820px;
	height:13px;
}
.copyright {
	margin:auto;
	width:800px;
	color:pink;
	text-align:center;
	padding:10px 0 10px 0;
}

/*_______________________________________MENU_______________________________________*/
		/*parametres du bloc contenant le menu de la page index*/	
#droite {
	float:right;
	margin-right:100px
}		

#menu {
	margin:0 auto;
	width:480px;
	margin:80px 80px 0 0;
	float:right;
}

#haut_statistiques {
	width:150px;
	height:15px;
	margin-left:5px;
	background:url(../design/haut_statistiques.png) no-repeat top left;
}

#milieu_statistiques {
	width:148px;
	margin-left:5px;
	border-left:1px solid cyan;
	border-right:1px solid cyan;
	/*background:url(../design/milieu_statistiques.png) repeat-y top left;*/
}

#statistiques {
	margin:0;
	padding:0;
	width:148px;
	text-align:left;
	overflow:auto;
}

#bas_statistiques {
	width:150px;
	height:15px;
	margin-left:5px;
	background:url(../design/bas_statistiques.png) no-repeat top left;
}

		/*parametres du bloc de connexion de la page index*/
.case_membre {
	width:150px;
	border:1px solid white;
	text-align:center;
}
.case_membre_haut {
	font-size:12px;
	line-height:20px;
	color:yellow;
	width:150px;
	height:20px;
	margin-bottom:10px;
	background:url(../design/case_membre_haut.png) no-repeat top left;
}
.texte_case_membre {
	font-size:11px;
	color:violet;
}
.texte_case_membre a {
	font-size:11px;
	color:yellow;
	text-decoration:none;
}

		/*parametres de la liste du menu de la page index*/
/*#menu .bouton_accueil {
	margin:0 auto;
	width:80px;
	height:60px;
	float:left;
	text-align:center;
	font-family:arial;
	font-size:12px;
	line-height:60px;
}

#menu .bouton_accueil:hover {
	width:80px;
	height:60px;
	float:left;
	background:url(../design/bouton_accueil.png) no-repeat top center;
}

#menu .bouton_accueil a {
	text-decoration:none;
	color:white;
}

#menu .bouton_accueil_visite {
	width:80px;
	height:60px;
	float:left;
	background:url(../design/bouton_accueil_visite.png) no-repeat top center;
}*/
ul#topnav {
	margin: 0;
	padding: 0;
	padding-top:3px;
	list-style: none;
	float: left;
	font-size: 1.2em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 15px;
	float: left;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: cyan;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}
ul#topnav a.bouton_accueil_visite {
	color:red;
}


#statistiques ul, #statistiques li{
	padding:0;
	margin:0;
	margin-bottom:15px;
}

#statistiques ul li {
	list-style:none;
	margin:3px 0 3px 0;
	min-height:15px;
}

ul .accueil {
	color:yellow;
	list-style:circle;
	text-align:left;
	margin-left:50px;
}

		/*parametres des lien du menu de la page index*/
#connexion ul li a {
	text-decoration:none;
	font-family:arial;
	color:white;
	font-size:11px;
}

#connexion ul li .visite {
	text-decoration:none;
	font-family:arial;
	color:cyan;
	font-size:1.1em;
}

#connexion ul li a:hover {
	width:60px;
	height:60px;
	text-decoration:none;
	font-family:arial;
	color:violet;
	font-size:1.1em;
}

		/*parametres de la polices des titre MENU et CONNEXION de la page index*/
.titre_nav {
	font-size:16px;
	color:violet;
}
		/*parametres des inputs permettant la connexion de la page index*/
.input_connec {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:99px;
	height:15px;
	padding:1px 1px 0 0;
	border:0;
	color:pink;
	font-size:12px;
	text-align:right;
	font-family:Verdana, arial, serif;
}
		/*parametres du bouton de connexion de la page index*/
.bouton_connec {
	background-image:url(../design/bouton_connec.png);
	background-repeat:no-repeat;
	background-color:black;
	width:103px;
	height:31px;
	border:0;
}

.texte_violet, .texte_violet a {
	font-size:11px;
	color:cyan;
	text-decoration:none;
}

/*________________________________Corps______________________________*/
		/*div permettant de séparer les contenus des pages appelées par rapport au body*/
#corps {
	margin:0 0 50px 25px;
	width:705px;
	float:left;
}

#corps_sans_menu {
	width:800px;
	margin:0 auto;
	margin-top:150px;
}

#center {
	margin: 0 auto;
	width:501px;
}

.alineat_gauche {
	padding-left:50px;
}

#interieur_corps {
	margin:0 0 0 60px;
}

#interieur_corps ul {
	padding:0;
	margin:0;
	margin-bottom:15px;
}

/*__________________________________Acceuil___________________________*/
		/*div permettant de paramettrer le texte contenu dans la page accueil*/
#accueil {
	margin:O;
	text-align:justify;
	color:white;
	font-size:12px;
}

.accueil {
	text-align:center;
}

.actualite_accueil {
	width:600px;
	border:1px solid white;
	margin-bottom:20px;
}
.actualite_news {
	font-size:14px;
	color:violet;
	width:600px;
	height:30px;
	line-height:28px;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../design/actualite_news.png) no-repeat top left;
}

#acceuil .haut_oubli_mdp {

}
#acceuil .message_oubli_mdp {

}
#acceuil .bas_oubli_mdp {

}

/*__________________________________News_____________________________*/
		/*div permettant de fixer la largeur des news*/
#news {
	width:640px;
}
		/*Bande du haut en blanc opaque qui contiendra le message :liste des news a gauche et le titre NEWS a droite*/
#news .haut_news {
	background:url(../design/haut_news.png) no-repeat top left;
	width:640px;
	height:101px;
}

		#news .haut_news .info_titre_news_left {
			float:left;
			margin:20px 0 0 25px;
		}
		
				#news .haut_news .info_titre_news_left .texte_titre_news {
					color:black;
					font-family: verdana, arial;
					font-size:25px;
					margin-bottom:5px;
					font-weight:bold;
				}
				
				#news .haut_news .info_titre_news_left .texte_info_news {
					color:pink;
					font-family: verdana, arial;
					font-size:11px;
				}

		#news .haut_news .date_calendrier_news_right {
			float:right;
		}
		
				#news .haut_news .date_calendrier_news_right .mois_annee_calendrier_news {
					color:pink;
					font-family: verdana;
					font-size:11px;
					margin:16px 26px 0 0;
				}
				
				#news .haut_news .date_calendrier_news_right .jour_calendrier_news {
					color:#2b5fbf;
					font-family: verdana;
					font-size:40px;
					margin:5px 0 0 4px;
				}

		/*Bloc contenant le message de la news, avec donc la ligne de 1px verte*/
#news .milieu_news {
	background:url(../design/milieu_news.png) repeat-y top left;
	width:640px;
}

		#news .milieu_news .image_news {
			text-align:center;
			padding:20px 0 20px 0;
		}
		
				#news .milieu_news .image_news img {
					border:1px solid violet;
				}

		#news .milieu_news .message_news {
			color:white;
			font-size:12px;
			font-family:Verdana, arial;
			margin:0 20px 0 20px;
		}
		
#news .bas_news {
	background:url(../design/bas_news.png) no-repeat top left;
	width:640px;
	height:19px;
}

		/*div permettant la séparation entre deux news*/
#news .separation {
	width:640px;
	height:30px;
}

.textarea_news {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:600px;
	height:200px;
	color:white;
	font-size:16px;
	font-family:arial, verdana;
	border:1px solid grey;
}

.commentaire_news {
	margin:0 10px 0 0;
	text-align:right;
}
	.commentaire_news a {
		color:cyan;
		font-size:11px;
		text-decoration:none;
	}
	
	
/*___________________________________Commentaire news__________________________________________*/	

.haut_commentaire_news {
	background:url(../design/haut_comment_news.png) no-repeat top center;
	width:640px;
	height:11px;
}
.milieu_commentaire_news {
	background:url(../design/milieu_comment_news.png) repeat-y top center;
	width:618px;
	padding:0 11px 0 11px;
}
	.haut_titre_comment_news {
		background:url(../design/haut_titre_comment_news.png) no-repeat top center;
		width:501px;
		height:11px;
	}
	.milieu_titre_comment_news {
		background:url(../design/milieu_titre_comment_news.png) repeat-y top center;
		width:479px;
		padding: 0 11px 0 11px;
	}
	.bas_titre_comment_news {
		background:url(../design/bas_titre_comment_news.png) no-repeat top center;
		width:501px;
		height:11px;
		margin-bottom:10px;
	}
.bas_commentaire_news {
	background:url(../design/bas_comment_news.png) no-repeat top center;
	width:640px;
	height:11px;
}


/*__________________________________Admin_________________________________________________*/

h1 {
	font-family:Arial, verdana;
	font-weight:bold;
	color:violet;
	text-decoration:underline;
	text-align:center;
}

h3 {
	font-family:Arial, verdana;
	font-weight:bold;
	color:cyan;
	font-size:12px;
}

.cat_membre {
	width:600px;
	border:1px solid white;
	margin-bottom:20px;
}
.bande_membre {
	font-size:14px;
	color:violet;
	width:600px;
	height:30px;
	line-height:28px;
	padding-left:20px;
	margin-bottom:10px;
	background:url(../design/bande_membre.png) no-repeat top left;
}

.titre_liste {
	font-size:12px;
	color:violet;
}

.liste_membre li a {
	text-decoration:none;
	font-size:12px;
	color:pink;
}

.liste_membre li a:hover {
	text-decoration:none;
	font-size:12px;
	color:cyan;
}

.fond_recherche {
	background:url(../design/fond_recherche.png) no-repeat top center;
	width:240px;
	height:29px;
	padding:6px 0 0 20px;
}

.bouton_recherche {
	background:url(../design/search.png) no-repeat top center;
	width:30px;
	height:30px;
	border:none;
	vertical-align:middle;
}

.input_membre {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:200px;
	height:20px;
	color:white;
	font-size:16px;
	text-align:left;
	border:1px solid grey;
}

.input_nb_photos {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:75px;
	height:20px;
	color:white;
	font-size:16px;
	text-align:right;
	border:1px solid grey;
}

.textarea_membre {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:300px;
	height:100px;
	color:white;
	font-size:16px;
	font-family:arial, verdana;
	border:1px solid grey;
}

.select_membre {
	background-color:#1a1a1a;
	color:white;
	font-size:12px;
	border:1px solid grey;
}

.texte_membre, .texte_membre a {
	color:pink;
	font-size:11px;
	text-decoration:none;
}

.tab_membre, .tab_membre td, .tab_membre th {
	margin:0 auto;
	border:2px solid cyan;
	border-collapse:collapse;
	text-align:center;
	padding:10px;
}

.lien_suppr {
	text-decoration:none;
	color:green;
	font-size:11px;
}

.lien_modif {
	text-decoration:none;
	color:cyan;
	font-size:11px;
}

.texte_rouge, .texte_rouge a {
	text-decoration:none;
	color:red;
	font-size:11px;
}

/*__________________________________Upload des photos Galerie___________________________________*/

.form_creation_galerie {
	margin:10px;
	padding:10px;
}

.div_photo_upload {
	border: 1px solid cyan;
	margin:0;
	margin-bottom:10px;
	padding:10px;
}

/*____________________________________Galerie__________________________________________*/

/*Pour centrer les galeries*/
#galerie {
	width:705px;
}

.galerie_liste {
	background:url(../design/fond_photo_galerie.png) top center no-repeat;
	float:left;
	margin:0;
	padding:10px 10px 13px 10px;
	position:relative;
	height:112px;
	width:215px;
}

.galerie_liste a img {
	border:none;
}

.galerie_liste a{
	display:block;
	height:100%;
	position:relative;
	width:100%;
	overflow:hidden;
}
.galerie_liste img{
	position:relative;
	width:100%;
}
.galerie_liste:hover h3 {
	background:#1C6CBD none repeat scroll 0 0;
	bottom:0;
	color:#FFF;
	font-family:Arial;
	font-size:9px;
	font-weight:normal;
	left:0;
	margin:0;
	width:205px;
	display:block;
	padding:5px;
	position:absolute;
}

.galerie_liste:hover h3 .description_galerie {
	color:orange;
}

.galerie_liste:hover{
	background-position:bottom center;
}
.galerie_liste h3{
	display:none;
}

.pagination {
	text-align:center;
	font-size:11px;
	color:pink;
	font-family:arial;
}

.pagination a {
	font-size:11px;
	color:pink;
	text-decoration:none;
}

.pagination .page_courante {
	font-size:15px;
	color:cyan;
}

/*____________________________________Contact______________________________*/

#contact {
	width:705px;
}

.haut_contact {
	background:url(../design/haut_contact.png) no-repeat top left;
	width:460px;
	height:15px;
	margin:0 0 0 215px;
}

.milieu_contact {
	background:url(../design/milieu_contact.png) repeat-y top left;
	width:400px;
	padding:30px;
	margin:0 0 0 215px;
}

.bas_contact {
	background:url(../design/bas_contact.png) no-repeat top left;
	width:460px;
	height:13px;
	margin:0 0 0 215px;
}

#contact .contact_icon {
	float:left;
	width:46px;
	margin-right:40px;
}

#contact .contact_texte {
	float:left;
	width:300px;
	font-family:Arial, verdana;
	font-size:15px;
	color:white;
	text-align:justify;
}

#contact .textarea_contact {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:400px;
	height:100px;
	color:white;
	font-size:16px;
	font-family:arial, verdana;
	border:1px solid grey;
}

/*__________________________________________A propos de moi____________________________________*/

.image_propos {
	width:170px;
	height:184px;
	float:left;
	margin:0 30px 10px 0;
}

.titre_propos {
	font-weight:bold;
	font-size:15px;
	color:cyan;
}

.haut_propos {
	background:url(../design/haut_propos.png) no-repeat top left;
	width:646px;
	height:17px;
}

.milieu_propos {
	background:url(../design/milieu_propos.png) repeat-y top left;
	width:646px;
}

.interieur_milieu_propos {
	margin-left:30px;
	margin-right:30px;
}

.texte_propos {
	text-align:justify;
	color:pink;
	font-size:11px;
}

.bas_propos {
	background:url(../design/bas_propos.png) no-repeat top left;
	width:646px;
	height:16px;
}


/*________________________________________Forum______________________________________________*/

#forum {
	width:705px;
	min-height:600px;
}
#forum img {
	border:none;
	vertical-align:middle;
}
#forum table, tr, td {
	border-collapse:collapse;
	border-spacing:0px;
	padding:0;
	margin:0;
}

#forum .div_titre_titre, .div_titre_nb_sujet, .div_titre_nb_message, .div_titre_dernier_message, .div_titre_titre2, .div_titre_auteur {
		text-align:center;
		font-size:15px;
		font-family:arial, verdana;
		color:yellow;
		line-height:30px;
		background:url(../design/milieu_news.png) repeat-y top left;
}

				#forum .haut_forum_icone {
					width:30px;
					height:12px;
					background:url(../design/forum/haut_forum_icon.png) no-repeat top left;
				}
				#forum .milieu_forum_icone {
					width:30px;
					text-align:center;
					background:url(../design/forum/milieu_forum_icon.png) repeat-y top left;
				}
				#forum .bas_forum_icone {
					width:30px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_icon.png) no-repeat top left;
				}

		#forum .div_titre_titre {
			width:400px;
			height:30px;
			background:url(../design/forum/div_titre_titre.png) no-repeat top left;
		}
				.haut_forum_titre {
					width:400px;
					height:12px;
					background:url(../design/forum/haut_forum_titre.png) no-repeat top left;
				}
				.milieu_forum_titre {
					width:400px;
					background:url(../design/forum/milieu_forum_titre.png) repeat-y top left;
				}
						.milieu_forum_affiche_titre {
							margin:0 20px 0 20px;
						}
						.milieu_forum_titre a {
							text-decoration:none;
							color:cyan;
							font-size:12px;
						}
				.bas_forum_titre {
					width:400px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_titre.png) no-repeat top left;
				}
		#forum .div_titre_titre2 {
			width:300px;
			height:30px;
			background:url(../design/forum/div_titre_titre2.png) no-repeat top left;
		}
				#forum .haut_forum_titre2 {
					width:300px;
					height:12px;
					background:url(../design/forum/haut_forum_titre2.png) no-repeat top left;
				}
				#forum .milieu_forum_titre2 {
					width:300px;
					background:url(../design/forum/milieu_forum_titre2.png) repeat-y top left;
				}
						#forum .milieu_forum_titre2 a {
								text-decoration:none;
								color:cyan;
								font-size:12px;
						}
				#forum .bas_forum_titre2 {
					width:300px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_titre2.png) no-repeat top left;
				}
		#forum .div_titre_nb_message {
			width:60px;
			height:30px;
			background:url(../design/forum/div_titre_nb_message.png) no-repeat top left;
		}
				#forum .haut_forum_nb_message {
					width:60px;
					height:12px;
					background:url(../design/forum/haut_forum_nb_message.png) no-repeat top left;
				}
				#forum .milieu_forum_nb_message {
					width:60px;
					text-align:center;
					font-size:13px;
					background:url(../design/forum/milieu_forum_nb_message.png) repeat-y top left;
				}
				#forum .bas_forum_nb_message {
					width:60px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_nb_message.png) no-repeat top left;
				}
		#forum .div_titre_auteur {
			width:100px;
			height:30px;
			background:url(../design/forum/div_titre_auteur.png) no-repeat top left;
		}
				#forum .haut_forum_auteur {
					width:100px;
					height:12px;
					background:url(../design/forum/haut_forum_auteur.png) no-repeat top left;
				}
				#forum .milieu_forum_auteur {
					width:100px;
					text-align:center;
					font-size:13px;
					background:url(../design/forum/milieu_forum_auteur.png) repeat-y top left;
				}
				#forum .bas_forum_auteur {
					width:100px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_auteur.png) no-repeat top left;
				}
		#forum .div_titre_dernier_message {
			width:150px;
			height:30px;
			background:url(../design/forum/div_titre_dernier_message.png) no-repeat top left;
		}
				#forum .haut_forum_dernier_message {
					width:150px;
					height:12px;
					background:url(../design/forum/haut_forum_dernier_message.png) no-repeat top left;
				}
				#forum .milieu_forum_dernier_message {
					width:150px;
					text-align:center;
					font-size:11px;
					background:url(../design/forum/milieu_forum_dernier_message.png) repeat-y top left;
				}
				#forum .bas_forum_dernier_message {
					width:150px;
					height:12px;
					margin-bottom:10px;
					background:url(../design/forum/bas_forum_dernier_message.png) no-repeat top left;
				}
	
.haut_forum {
	margin: 0 40px 0 0;
	text-align:right;
}
		.haut_forum a {
			text-decoration:none;
			font-family: verdana, arial;
			font-size:14px;
			color:pink;
		}

#forum .topic_titre_auteur, .topic_titre_message {
	text-align:center;
	font-size:15px;
	font-family:arial, verdana;
	color:yellow;
	background:url(../design/milieu_news.png) repeat-y top left;
}
#forum .topic_titre_auteur {
	width:200px;
	height:20px;
	background:url(../design/forum/haut_topic_auteur.png) no-repeat top left;
}
#forum .topic_titre_message {
	width:500px;
	height:20px;
	background:url(../design/forum/haut_topic_date.png) no-repeat top left;
}
#forum .topic_nom_auteur {
	width:200px;
	padding:10px 0 0 0;
}
		#forum .haut_auteur {
			width:200px;
			height:12px;
			background:url(../design/forum/haut_info_auteur.png) no-repeat top left;
		}
		#forum .milieu_auteur {
			background:url(../design/forum/milieu_info_auteur.png) repeat-y top left;
			font-size:13px;
			color:pink;
			text-align:center;
			padding-right:3px;
		}
		#forum .bas_auteur {
			width:200px;
			height:12px;
			background:url(../design/forum/bas_info_auteur.png) no-repeat top left;
		}

#forum .topic_date_message {
	width:500px;
	padding:10px 0 0 0;
}
		#forum .haut_date {
			width:500px;
			height:12px;
			background:url(../design/forum/haut_date.png) no-repeat top left;
		}
		#forum .milieu_date {
			width:480px;
			background:url(../design/forum/milieu_date.png) repeat-y top left;
			padding:0 0 0 20px;
			color:pink;
			font-size:13px;
		}
				#forum .affiche_date {
					float:left;
				}
				#forum .bouton_date_supprimer {
					float:right;
					margin:0 10px 0 0;
				}
						#forum .bouton_date_supprimer a {
							text-decoration:none;
							color:teal;
						}
				#forum .bouton_date_editer {
					float:right;
					margin: 0 10px 0 0;
				}
						#forum .bouton_date_editer a {
							text-decoration:none;
							color:cyan;
						}
		#forum .bas_date {
			width:500px;
			height:12px;
			background:url(../design/forum/bas_date.png) no-repeat top left;
		}

#forum .topic_info_auteur {
	width:200px;
}
			#forum .haut_info_auteur {
				width:200px;
				height:12px;
				background:url(../design/forum/haut_info_auteur.png) no-repeat top left;
			}
			#forum .milieu_info_auteur {
				background:url(../design/forum/milieu_info_auteur.png) repeat-y top left;
				text-align:center;
				padding-right:3px;
			}
			#forum .bas_info_auteur {
				width:200px;
				height:12px;
				padding:0 0 30px 0;
				background:url(../design/forum/bas_info_auteur.png) no-repeat top left;
			}
#forum .topic_message {
	width:500px;
	color:white;
	font-size:12px;
}
			#forum .haut_message {
				width:501px;
				height:12px;
				background:url(../design/forum/haut_message.png) no-repeat top left;
			}
			#forum .milieu_message {
				font-size:12px;
				padding:0 10px 0 10px;
				vertical-align:top;
				background:url(../design/forum/milieu_message.png) repeat-y top left;
			}
			#forum .bas_message {
				width:501px;
				height:12px;
				padding:0 0 30px 0;
				background:url(../design/forum/bas_message.png) no-repeat top left;
			}
#forum .div_legende {
	float:left;
	width:200px;
	padding:10px;
	margin-top:50px;
}
			#forum .div_legende ul li{
				list-style:none;
				padding-bottom:25px;
				font-size:9px;
			}
#forum .message_lien_forum a {
	text-decoration:none;
	font-size:17px;
	color:pink;
}
#forum .input_forum {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:300px;
	height:20px;
	color:white;
	font-size:16px;
	text-align:right;
	border:1px solid grey;
}
#forum .textarea_forum {
	background-image:url(../design/input_connec.png);
	background-repeat:repeat-x repeat-y;
	background-color:black;
	width:600px;
	height:200px;
	color:white;
	font-size:16px;
	font-family:arial, verdana;
	border:1px solid grey;
}
				#forum .haut_mise_en_forme {
					width:650px;
					height:12px;
					background:url(../design/forum/haut_mise_en_forme.png) no-repeat top left;
					margin:0 auto;
				}
				#forum .mise_en_forme {
					background:url(../design/forum/milieu_mise_en_forme.png) repeat-y top left;
					width:627px;
					margin:0 auto;
					padding:0 0 0 23px;
				} 
				#forum .bas_mise_en_forme {
					width:650px;
					height:12px;
					background:url(../design/forum/bas_mise_en_forme.png) no-repeat top left;
					margin:0 auto;
				}

				#forum .haut_reponse_forum {
					width:650px;
					height:12px;
					background:url(../design/forum/haut_reponse_forum.png) no-repeat top left;
					margin:0 auto;
				}
				#forum .message_forum {
					background:url(../design/forum/milieu_reponse_forum.png) repeat-y top left;
					width:627px;
					margin:0 auto;
					padding:0 0 0 23px;
				} 
				#forum .bas_reponse_forum {
					width:650px;
					height:12px;
					background:url(../design/forum/bas_reponse_forum.png) no-repeat top left;
					margin:0 auto;
				}
				
#forum .confirmation_suppression {
	width:350px;
	height:100px;
	margin:0 auto;
	text-align:center;
	color:pink;
	font-size:12px;
	margin-top:40px;
}		
		#forum .confirmation_suppression a{
				text-decoration:none;
				font-size:13px;
				color:cyan;
		}
		
/*--------------------------------------------------------------------------mentions légales-------------------------------------------------------------------------*/
		
.titre_article {
	font-size:14px;
	color:white;
	border-bottom:1px solid yellow;
}
.sous_titre_article {
	font-size:12px;
	color:cyan;
}
.texte_mentions {
	font-size:11px;
	color:pink;
}
.texte_mentions ul li {
	list-style:none;
}
.texte_mentions a{
	text-decoration:none;
	font-size:11px;
	color:pink;
}
		
/*-------------------------------------------------------------------------Pour les input autocompletés-------------------------------------------------------------------------------------------*/

/* Big box with list of options */
#ajax_listOfOptions{
	position:absolute;
	width:199px;
	overflow:auto;
	border:1px solid grey;
	background-repeat:repeat-x repeat-y;
	background-color:black;
	color:white;
	font-size:10px;
	text-align:left;
	z-index:100;
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;		
	padding:1px;
	cursor:pointer;
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#317082;
	color:#FFF;
}