body
{
	margin: 0px;
	padding: 0px;
	font: normal 13px Arial;
	text-align: center;
	background: url('images/skinGris/background.jpg') repeat-x top #d6d6d6;
}



#contenu
{
	margin: auto;
	padding: 0px 5px;
	width: 950px;
	text-align: left;
}


#tete
{
	padding: 8px 5px;
	background: #5e5e5e;
	border: 1px solid #424242;
	border-top: 0;
}
#tete a
{
	color: white;
	font-weight: bold;
}
#tete a:hover
{
	text-decoration: underline;
}
#tete h1 a
{
	text-align: center;
	font: bold 1.4em "Trebuchet MS" ;
}
#tete .ariane
{
	display: block;
	text-align: center;
	color: white;
	font: bold 0.8em Arial;
	margin-top: 8px;
}
#tete .ariane a
{
	font-size: 1.2em;
}

#barreLiens
{
	text-align: center;
	font: bold 1em Arial;
	padding: 7px;
	margin-top: 20px;
	border: 1px solid #424242;
	background: url('images/skinGris/backgroundTeteH2.jpg') repeat-x;
	height: 16px;
}
#barreLiens a
{
	color: black;
	padding: 7px;
	margin-right: -1px;
	border: 1px solid #424242;
}
#barreLiens a:hover
{
	color: white;
	background: #4b4b4b;
	border: 1px solid #2e2e2e;
}

#corps
{
	padding: 10px 3px;
	padding-bottom: 10px;
	background: #f7f7f7;
	border: 1px solid #424242;
	border-top: 0px;
}
#pied
{
	font-size: 0.9em;
	line-height: 17px;
	padding: 10px 3px 3px 3px;
	margin-bottom: 3px;
	background: url('images/skinGris/backgroundPied.jpg') repeat-x bottom #f7f7f7;
	border: 1px solid #424242;
	border-top: 0;
}



h1
{
	text-align: center;
	margin: 5px 0px;
	padding: 0;
	font: bold 1.2em Verdana;
}
h2
{
	text-align: center;
	margin: 10px 0px;
	padding: 0;
	font: bold 0.95em Verdana;
}

a
{
	color: #086ba5;
	text-decoration: none;
}
a:hover
{
	color: #fc5200;
}
h3 a
{
	color: white;
}
h3 a:hover
{
	color: white;
	text-decoration: underline;
}
img
{
	border: 0px;
	vertical-align: -9%;
}
img.smiley
{
	vertical-align: -20%;
}
strong.erreur
{
	display: block;
	text-align: left;
}
table strong.erreur
{
	font-size: 1.1em;
}
input.inputTexte /* IE capricieux */
{
	width: 145px;
}



/* { Début - Inscription */
	.inscription .center
	{
		clear: both;
	}
	.inscription .left
	{
		width: 32%;
	}

	.inscriptionGauche /* Partie gauche */
	{
		float: left;
		width: 50%;
	}

	.inscriptionDroite /* Partie droite */
	{
		overflow: hidden;
		width: 49%;
	}
	.inscriptionDroite select,
	#infosCompl select,
	#gestionUser select
	{
		width: 200px;
	}
	.inscriptionDroite input.inputTexte,
	#infosCompl input.inputTexte,
	#gestionUser input.inputTexte
	{
		width: 196px;
		_width: 194px;
	}
	
	.sousLegendeAvatar
	{
		margin-top: 6px;
	}
	.infoSignature
	{
		line-height: 15px !important;
	}
/* } Fin - Inscription */


/* { Début - Connexion */
	form.connexion .blocDefault
	{
		margin: 5px auto;
		width: 60%;
	}
	form.connexion input.submit
	{
		margin-top: 0;
		_margin-top: 3px;
	}
/* } Fin - Connexion */

/* { Début - Index */
	div.listageForum
	{
		text-align: center;
	}

	.listageForum .forum
	{
		text-align: left;
		margin: 10px auto;
		width: 60%;
		background: #efefef;
	}
	.listageForum h3
	{
		font: bold 0.9em Verdana;
		height: 18px;
		padding: 0px;
		margin: 0px;
		padding-top: 4px;
		background: url('images/skinGris/barre.jpg') repeat-x;
		border-left: 1px solid #565656;
	}
	.listageForum h3 a
	{
		color: white;
		margin-left: 15px;
		padding-left: 15px;
		background: url('images/barrePuce.gif') left no-repeat;
	}
	.listageForum .topicsNonLus
	{
		font: bold 0.85em Verdana;
		color: white;
	}
	.listageForum .fin
	{
		background: url('images/skinGris/barreFin.jpg') no-repeat;
		float: right;
		width: 115px;
		height: 22px;
		font-size: 0;
		_margin-left: -5px;
	}
	.listageForum .texte /* Enlobe le corps et le pied */
	{
		border: 1px solid #565656;
		border-top: none;
	}
	.listageForum .citation
	{
		font-style: italic;
		margin: 0;
	}
	.listageForum .citation .texte
	{
		border: 0;
	}
	.listageForum .corps
	{
		padding: 8px 3px;
		border-bottom: 1px solid #565656;
	}
	.listageForum .pied
	{
		padding: 8px 3px 3px 3px;
	}
	.listageForum .piedLeft
	{
		float: left;
		width: 48%;
		padding: 1px;
		margin-right: -1px;
		overflow: hidden;
	}
	.listageForum .piedRight
	{
		width: 50%;
		padding: 1px 1px 1px 5px;
		overflow: hidden;
		border-left: 1px solid #565656;
	}
	.listageForum .clearPied
	{
		font-size: 0;
		clear: both;
	}
/* } Fin - Index */



/* { Début - Forum */
	form.recherche
	{
		text-align: center;
		margin: 15px 0px;
	}
	form.recherche .submit
	{
		vertical-align: -16% !important;
		_vertical-align: 0%;
	}
	div.listageTopic
	{
		text-align: center;
		margin: auto;
		margin-bottom: 10px;
		padding: 1px;
		_padding-top: 2px;
		width: 70%;
		border: 1px solid #DDDDDD;
	}
	td.administration
	{
		margin: 0px;
		text-align: right;
		font-family: Verdana;
	}

	div.listageTopic form
	{
		_margin: 0;
		_padding-bottom: 3px;
	}
	div.listageTopic table
	{
		font: normal 0.9em Arial, Serif;
		border-collapse: collapse;
		width: 100%;
		_width: 100.3%;
		_margin: -2px;
		_margin-right: -3px;
	}
	div.listageTopic table input
	{
		margin: 2px;
		_margin: 0px;
	}
	.listageTopic th
	{
		font-weight: bold;
		height: 1.8em;
		font: bold 1em Verdana;
		color: #FFFFFF;
		background: #999999;
		border: 1px solid white;
	}

	th.col1 /* Dossier */
	{
		width: 18px;
	}
	th.col2 {} /* Titre */
	th.col3 /* Auteur */
	{
		width: 90px;
	}
	th.col4 /* Nb */
	{
		width: 25px;
	}
	th.col5 /* Date */
	{
		width: 90px;
	}
	th.col6 /* Admin */
	{
		width: 20px;
	}

	.listageTopic tr.tr1
	{
		background: #F9F9F9;
	}
	.listageTopic tr.tr2
	{
		background: #E9EFFA;
	}
	.listageTopic tr.tr3
	{
		background: #b6c2dd;
	}
	.listageTopic strong.erreur
	{
		display: block;
		text-align: center;
		padding: 5px 0px;
	}

	.listageTopic td
	{
		height: 1.2em;
		border: 1px solid white;
		font-size: 0.95em;
	}

	.listageTopic td.thread
	{
		text-align: left;
		padding: 0px;
	}
	.listageTopic td.thread p
	{
		display: block;
		font-size: 1.1em;
		margin: 0px;
		padding: 3px;
		width: 397px;
		overflow: hidden;
	}
	.listageTopic td.thread a
	{
		font: bold 0.9em Tahoma;
	}
	.listageTopic td a:hover
	{
		color: #ff4500;
	}
	.listageTopic td a:visited
	{
		color: #888888;
	}

	.listageTopic td .ignore
	{
		color: #666666;
		font-size: 0.8em;
	}

	.listeForum
	{
		width: 70%;
		margin: auto;
		text-align: right;
	}
	.listeForum select
	{
		width: 200px;
	}
/* } Fin - Forum */



/* { Début - Formulaire nouveau topic / message */
	form.nouveauPoste
	{
		font: bold 0.85em Verdana;
		text-align: center;
		width: 60%;
		margin: auto;
		margin-top: 20px;
		padding: 3px;
		border: 1px solid #424242;
		background: url('images/skinGris/nouveauMessageTopic.jpg') repeat-x top;
	}
	form.nouveauPoste div.entete /* Bandeau d'entête */
	{
		color: white;
		text-align: left;
		font-size: 1.1em;
		padding-top: 0px;
		padding-left: 15px;
		margin-left: 5px;
		margin-bottom: 5px;
		background: url('images/nouveauTitreMessagePuce.gif') no-repeat left center;
	}
	form.nouveauPoste .left
	{
		width: 90px;
		color: #cc0000;
		text-align: left;
	}
	form.nouveauPoste .left label.textarea /* Message / Réponse */
	{
		display: block;
		margin-top: 70px;
	}

	form.nouveauPoste .right
	{
		line-height: 15px;
		text-align: left;
	}
	form.nouveauPoste .right img /* Puce ( [>] déconnexion ) */
	{
		vertical-align: 7%;
	}
	form.nouveauPoste .premiereLigne
	{
		padding: 5px 0px;
	}

	form.nouveauPoste div#labelTitre, form.nouveauPoste div#inputTitre
	{
		display: none;
	}

	form.nouveauPoste input#titre
	{
		margin: 5px 0px;
		width: 70%;
	}
	form.nouveauPoste textarea
	{
		width: 70%;
	}


	form.nouveauPoste .leftListeSmileys
	{
		float: left;
		margin: 6px 0px 0px 5px;
		width: 120px;
		background: url('images/puce.gif') left center no-repeat;
	}
	form.nouveauPoste .leftListeSmileys a
	{
		font: bold 1.1em Arial;
	}
	form.nouveauPoste div.boutonSubmit
	{
		text-align: right;
		margin-top: 5px;
		width: 490px;
	}
	form.nouveauPoste div.boutonSubmit
	{
		*margin-top: -15px;
	} 
	form.nouveauPoste div.boutonSubmit img
	{
		vertical-align: 0%;
	}
/* } Fin - Formulaire nouveau topic / message */



/* { Début - Topic */
	.infoTopic h1 a, .infoTopic h2 a
	{
		color: black;
		padding-bottom: 1px;
		border-bottom: 1px solid black;
	}
	.infoTopic h1 a:hover, .infoTopic h2 a:hover
	{
		color: #fc5200;
	}
	.messages
	{
		margin: auto;
		width: 72%;
		text-align: center;
	}
	.messages.MP /* Page d'option >> Listage des MP */
	{
		width: 95%;
	}
	.bloc_message
	{
		text-align: left;
		border: 1px solid black;
		margin: 15px 0px;
		padding: 2px;
		overflow: hidden;
		font-size: 0.9em;
	}

	/* { Début - Blocs des messages */
		.bloc_message1 /* Défaut */
		{
			background: #f9f9f9;
			border: 1px solid #D1D1D1;
		}
		.bloc_message1 .guillemets1 /* Défaut - guillemets */
		{
			background: url('images/messageDefaut.gif') left top no-repeat;
		}
		
		.bloc_message2 /* Alternance */
		{
			background: #eef3fc;
			border: 1px solid #c0d7ed;
		}
		.bloc_message2 .guillemets2 /* Alternance - guillemets */
		{
			background: url('images/messageAlternance.gif') left top no-repeat;
		}
		
		.bloc_message3 /* Supprimé */
		{
			border: 1px solid #95a4cf;
			background: #b6c2dd;
		}
		.bloc_message3 .guillemets3 /* Supprimé - guillemets */
		{
			background: url('images/messageSupprime.gif') left top no-repeat;
		}
		
		.bloc_message4
		{
			border: 1px solid #ffd4ad;
			background: #fdfdf0;
		}
		.bloc_message4 .guillemets4 /* Signalé - guillemets */
		{
			background: url('images/messageSignale.gif') left top no-repeat;
		}
	/* } Fin - Blocs des messages */
	
	
	.pseudo
	{
		float: left;
		padding: 2px;
		padding-top: 1px;
		font: bold 1em Arial;
	}
	.red
	{
		color: #dd0000;
	}
	.moderateur /* modifier ici la couleur pour en attribuer une différente à celle des administrateurs */
	{
		color: #dd0000;
	}
	.temps
	{
		text-align: right;
		padding: 2px 2px 6px 0px;
		font: bold 0.85em Arial;
		margin: 0px 2px;
		background: url('images/bordureBleue.gif') bottom repeat-x;
	}
	.temps.moderationOn
	{
		padding-bottom: 4px;
	}
	.temps input
	{
		margin: 0;
		margin-left: 2px;
		width: 13px;
		height: 13px;
		vertical-align: -5% !important;
		_vertical-align: 0%;
	}
	.guillemetsOn
	{
		width: 93%;
		overflow: hidden;
	}
	.guillemets1, .guillemets2, .guillemets3, .guillemets4
	{
		clear: both;
		float: left;
		font-size: 0px;
		margin: 3px 0px 0px 3px;
		width: 18px;
		height: 25px;
	}
	.message
	{
		padding: 5px 3px 8px 3px;
	}
	.message .modificationMessage
	{
		margin-top: 15px;
		font-size: 0.9em;
	}
	.message .modificationMessage.signatureOn /* Quand la signature est activée */
	{
		padding-left: 3px;
	}
	.message .signature
	{
		font-size: 0.9em;
		padding: 3px 3px 0 3px;
		margin-top: 15px;
		width: 200px;
		border-top: 1px solid black;
	}
	#receveurMP .message /* Sur la liste des MP reçu, le bouton "Répondre" est en bas à droite, il faut retirer le padding pour que ça paraisse correct  */
	{
		padding-bottom: 1px;
	}
	.boutonRepondre /* MP */
	{
		text-align: right;
		margin-top: 5px;
	}
	
	.messages div.boutonAdmin
	{
		text-align: left;
	}
	.messages div.refresh
	{
		float: right;
	}
	.messages div.vagueSuppression
	{
		text-align: right;
		margin-top: 10px;
	}
	.messages div.vagueSuppression input
	{
		padding: 0;
	}
	
	.citation
	{
		margin: 3px 2px 3px 15px;
	}
	.citation .titre
	{
		font-weight: bold;
	}
	.citation .texte
	{
		font-style: italic;
	}
/* } Fin - Topic */

/* { Début - Interface ajax ( Option / Administration ) */
	.ajaxChargement
	{
		float: left;
		height: 30px;
		margin: -11px 0px -11px 10px;
		visibility: hidden;
	}
	strong.ajaxErreur
	{
		display: block;
		height: 20px;
		margin-left: 50px;
	}


	.ajaxMenu
	{
		float: left;
		width: 25%;
		margin: 2px 0px 5px 10px;
	}
	.ajaxMenu ul
	{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	.ajaxMenu ul ul
	{
		padding-left: 20px;
		margin-top: -3px;
		border: 1px solid #565656;
		background: #efefef;
	}
	.ajaxMenu ul ul li
	{
		padding: 1px 0;
	}
	.ajaxMenu ul ul li a
	{
		color: black;
		font: bold 0.9em Arial ;
	}
	.ajaxMenu ul ul li a:hover
	{
		text-decoration: underline;
	}
	.ajaxMenu div.liTitre
	{
		height: 22px;
		margin: 2px 0px;
		border-left: 1px solid #565656;
		background: url('images/skinGris/barre.jpg') repeat-x;
		overflow: hidden;
	}
	.ajaxMenu div.liTitre h3
	{
		font-size: 1em;
		padding: 0;
		margin: 0;
		_margin-top: -1px;
		height: 22px;
		background: url('images/skinGris/barreFin.jpg') right no-repeat;
	}
	.ajaxMenu div.liTitre a.titre
	{
		display: block;
		color: white;
		font: bold 0.9em Verdana;
		padding: 4px 0px 5px 15px;
		margin-left: 5px;
		background: url('images/barrePuce.gif') no-repeat left;
	}


	.ajaxCorps
	{
		width: 72%;
		padding-left: 5px;
		height: 300px;
		overflow: hidden;
	}
	.ajaxCorps table
	{
		text-align: center;
		margin: 5px;
		margin-left: 5%;
		width: 90%;
		border-collapse: collapse;
		background: #efefef;
	}
	.ajaxCorps table td, .ajaxCorps table th
	{
		padding: 3px;
		border: 1px solid #424242;
	}
	.ajaxCorps table th
	{
		font-size: 1.05em;
	}
	.ajaxCorps table td.titre
	{
		width: 20%;
	}
	.ajaxCorps table td.description
	{
		text-align: justify;
	}
	.ajaxCorps table td.acces
	{
		width: 15%;
	}


	.leftInfosCompls
	{
		float: left;
		line-height: 24px;
		width: 180px;
	}
	.leftNewMP, .leftPagePerso
	{
		float: left;
		line-height: 24px;
		width: 170px;
	}
	.optionListeMembres
	{
		width: 60%;
	}
	.optionConfigurations
	{
		width: 146px;
	}


	.optionLeft
	{
		float: left;
		line-height: 24px;
		width: 80px;
	}
	.optionRight
	{
		line-height: 24px;
		margin-bottom: 2px;
	}
	.leftAdminConfig
	{
		float: left;
		font-size: 0.9em;
		line-height: 24px;
		width: 70%;
	}


	#apercu /* pagePerso */
	{
		padding: 2px;
		margin: 5px;
	}
	span.miniSpan /* MP : "Envoyé à ..." */
	{
		display: none;
		color: black;
		font-size: 0.8em;
	}

	.selectionSmiley /* Bloc pour sélectionner un smiley ( zone d'admin ) */
	{
		padding-left: 50px;
		margin-bottom: 5px;
		width: 200px;
		height: 200px;
		border: 1px solid #7f9db9;
		background: #f9f9ff;
		overflow: scroll;
	}
	.selectionSmiley span
	{
		display: block;
		overflow: hidden;
	}
	.selectionSmiley span.selectionSmileyLeft
	{
		float: left;
		width: 100px;
	}
/* } Fin - Interface ajax ( Option / Administration ) */



.left
{
	float: left;
	line-height: 24px;
	width: 200px;
}
.right
{
	line-height: 24px;
}
.right select, .right input
{
	_margin: 1px 0px 0px 0px;
}
.b
{
	display: inline;
	font-weight: bold;
}
.i
{
	display: inline;
	font-style: italic;
}
.u
{
	display: inline;
	text-decoration: underline;
}
.center
{
	display: block;
	text-align: center;
}

.blocDefault
{
	text-align: left;
	margin: 10px;
}
.blocDefault .texte
{
	padding: 2%;
	border: 1px solid #565656;
	border-top: 0;
	background: #efefef;
}
.blocDefault pre
{
	padding: 5px;
	overflow: scroll;
}
.blocDefault h3
{
	font-size: 1em;
	padding: 0px;
	padding-top: 4px;
	margin: 0px;
	height: 18px;
	border-left: 1px solid #565656;
	background: url('images/skinGris/barre.jpg') repeat-x;
}
.blocDefault h3 .titre
{
	display: block;
	color: white;
	padding-left: 15px;
	font: bold 0.9em Verdana;
	margin-left: 15px;
	background: url('images/barrePuce.gif') left no-repeat;
}
.blocDefault .finTitre
{
	float: right;
	font-size: 0;
	_margin-left: -5px;
	height: 22px;
	width: 115px;
	background: url('images/skinGris/barreFin.jpg') no-repeat;
	overflow: hidden;
}
.blocDefault label
{
	font-weight: bold;
}
.blocDefault input.submit
{
	vertical-align: -16% !important;
	_vertical-align: 0%;
	margin-top: 6px;
}

.page
{
	color: #086ba5;
	text-align: center;
	padding: 3px;
	margin: 3px auto;
	width: 60%;
	border: 1px solid #8ebe00;
}
.page a
{
	text-decoration: none;
}
.page .pageLeft
{
	float: left;
}
.page .pageRight
{
	float: right;
}
.page .pageBas
{
	clear: both;
}
a.pageActuelle
{
	color: #ff4500;
}




/* { Début - Carte de visite */
	.cv
	{
		padding: 10px;
		width: 560px;
		background: #dde7f9;
	}

	.cv .center
	{
		padding: 3px;
	}

	.cv .droite
	{
		float: right;
		width: 265px;
	}
	.cv .droite .conteneurSignature
	{
		color: white;
		font: bold 1.2em Arial;
		padding-top: 2px;
		height: 21px;
		width: 265px;
		background: #77b1e1;
		overflow: hidden;
	}
	.cv .droite .signature
	{
		display: block;
		padding: 2px;
		margin-top: 2px;
		border: 1px solid #c0d7ed;
		background: #eef3fc;
		overflow: hidden;
	}
	.cv .droite .signature .minHeight
	{
		float: left;
		font-size: 0;
		height: 200px;
	}
	.cv .droite .avatar
	{
		margin: 15px 0px 0px 32px;
		height: 200px;
		width: 200px;
		overflow: hidden;
	}

	.cv .conteneurInfos
	{
		color: white;
		font: bold 1.2em Arial;
		padding-top: 2px;
		height: 21px;
		width: 265px;
		background: #99cc00;
	}
	.cv div.infos
	{
		margin-top: 2px;
		width: 263px;
		border: 1px solid #99cc00;
		border-top: 0px;
		overflow: hidden;
	}
	.cv div.infos .t1
	{
		float: left;
		display: block;
		text-align: right;
		line-height: 25px;
		padding: 1px;
		padding-right: 10px;
		width: 122px;
		border-top: 1px solid #99cc00;
		border-right: 1px solid #99cc00;
		background: #ffff99;
	}
	.cv div.infos .t2
	{
		display: block;
		text-align: left;
		line-height: 25px;
		padding: 1px;
		padding-left: 142px;
		border-top: 1px solid #99cc00;
		background: white;
	}
	.cv div.infos .t2 img
	{
		padding: 0px;
		margin: 0px;
	}

	.cv div.bas
	{
		clear: both;
		text-align: center;
	}

	.cv .conteneurPagePerso
	{
		text-align: center;
		overflow: hidden;
	}
	.cv #affichagePagePerso
	{
		text-align: left;
		padding: 5px;
		padding-bottom: 0px;
		margin: auto;
		width: 80%;
		visibility: hidden;
		overflow: hidden;
	}
	.cv .titre
	{
		color: black;
		font-weight: bold;
		text-indent: 30px;
		margin-bottom: 10px;
	}
/* } Fin - Carte de visite */



/* { Début - Liste des connectés / liste smileys */
	body.connecte, body.listeSmileys, body.apercuMessage
	{
		background: #f9f9f9;
	}
	body.apercuMessage
	{
		padding: 10px 30px;
	}
	.connecte h1, .listeSmileys h1
	{
		font-size: 1.1em;
	}
	.connecte table, .listeSmileys table
	{
		text-align: center;
		margin: 10px auto;
		border-collapse: collapse;
	}
	.connecte table tr, .listeSmileys table tr
	{
		background: #efeeee;
	}
	.listeSmileys table tr.alternance
	{
		background: none;
	}
	.connecte table td, .connecte table th, .listeSmileys table td, .listeSmileys table th
	{
		padding: 5px;
		border: 1px solid #424242;
	}
	.connecte table th, .listeSmileys table th
	{
		font: bold 0.9em Arial;
	}
	.connecte strong, .listeSmileys strong
	{
		color: #dd0000;
	}
/* } Fin - Liste des connectés / liste smileys */