/* Classes pour la mise en page generale */

body {
	background-color:#0080cc;
	margin:0px;
	padding:0px;
}

.entete {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:139px;
	overflow:hidden;
	background-color:#000080;
	background-position:top left;
	background-image:url('design/entete_motif.gif');
	background-repeat:repeat;
	text-align:center;
	border:none;
}

.corps {
	position:absolute;
	top:139px;
	left:0px;
	right:0px;
	height:auto;
	width:100%;
	background-color:white;
	background-position:top left;
	background-image:url('design/navigation.gif');
	background-repeat:repeat-y;
	text-align:left;
	border:none;
}

.navigation {
	float:left;
	width:175px;
	height:800px;		/* doit etre egal a .contenu.min-height */
	bottom:0px;
	background-color:blue;
	padding:0;
	margin:0;
	border:none;
	background-position:top left;
	background-image:url('design/navigation.gif');
	background-repeat:repeat;
	text-indent:0px;
}

.contenu {
	width:auto;
	background-color:white;
	padding:2px 10px 2px 2px;
	margin-left:175px;
	padding-left:15px;
	padding-right:15px;
	border:none;
	height:inherit;
	min-height:800px;		/* doit etre egal a navigation.height */
	text-align:justify;
	background-image:none;
}

.piedpage {
	width:100%;
	height:100px;
	overflow:hidden;
	bottom:0px;
	background-color:#000080;
	text-align:center;
	padding:0;
	margin:0;
	border:none;
	background-position:bottom left;
	background-image:url('design/piedpage_motif.gif');
	background-repeat:repeat;
}

.piedpage_gauche {
	float:left;
	background-position:bottom left;
	background-image:url('design/piedpage_gauche.gif');
}


.piedpage_droite {
	float:right;
	background-position:bottom right;
	background-image:url('design/piedpage_droit.gif');
}


.entete_gauche, .entete_droite, .piedpage_gauche, .piedpage_droite {
	width:350px;
	height:100px;
	padding:0px;
	margin:0px;
	background-repeat:no-repeat;
}

.entete_gauche {
	width:596px;
	height:139px;
	cursor:pointer;
	float:left;
	background-position:top left;
	background-image:url('design/entete_gauche.gif');
}

.entete_droite {
	height:139px;
	float:right;
	background-position:top right;
	background-image:url('design/entete_droit.gif');
}

p.menu {
	width:140px;
}

ul.menu {
	list-style:square inside;
	color:white;
	/*margin-left:-5px;*/
	padding-left:12px;
	margin-left:0;
	width:145px;
	text-align:left;
}

ul.menu > li > a {
	font-weight:800;
}

ul.menu > li > a:link, ul.menu > li > a:visited {
	color:white;
}

ul.menu > li > a:hover, ul.menu > li > a:active {
	color:#ffab2d;
}

.avertissement {
	color:red;
	text-align:center;
	font-family:verdana;
	font-size:12pt;
	width:90%;
	padding-left:50px;
}

/* Classes pour les styles de polices et de paragraphes */
p {
	font-family: verdana;
	color: black;
	font-size:3.5mm;
	text-align: justify;
	font-style: normal;
	margin:0;
	text-indent:20px;
}

div {
	font-family: verdana;
	color: black;
	font-size:3.5mm;
	text-align: justify;
	font-style: normal;
/* 	text-indent:20px; */
}

h1 {
	font-family: verdana;
	font-size: 7mm;
	font-weight: 400;
	color: #000000;
	text-align: center;
}

h2 {
	font-weight: 700;
	color: #0099FF;
	text-align: left;
	font-family: "tahoma";
	font-size: 5mm;
	text-decoration: underline;
	text-indent:0px;
}

h3 {
	font-weight: 700;
	color: #3a557e;
	text-align: left;
	text-indent:20px;
	font-family: "tahoma";
	font-size: 4mm;
	text-decoration: underline;
}

h4 {
	font-weight: 700;
	color: #000000;
	text-align: left;
	text-indent:40px;
	font-family: "tahoma";
	font-size: 3.5mm;
	text-decoration: underline;
}

ul {
	list-style-type:square;
	list-style-position:inside;
}

.index-titre {
	text-align:center;
}

.index-encart {
	background-color:#efefef;
}

.mainmenu {
	border:1px solid blue;
	height:35px;
}

/* formulaires */
input[type=text], input[type=file], input[type=password], textarea, select {
	background-color:white;
	color:black;
	border:1px inset black;
}

textarea {
	padding:4px;
}

/* images */
img {
	border:0px;
	vertical-align:middle;
	margin:0px;
}

/* liens */
a:link, a:active, a:visited {
	color: #0000AA;
	font-size: 3.5mm;
	text-decoration:none;
}

a:hover {
	color: #0080ff;
	font-size: 3.5mm;
	text-decoration:none;
}

/* Illustrations sur le cote */
.gauche {
	float:left;
	margin:5px 10px 0 0;
}

.droite {
	float:right;
	margin:5px 0 0 10px;
}

.img {
/* 	color: #1c3dc1; */
	margin-top:15px;
	margin-bottom:15px;
	text-align: center;
	text-indent:0px;
}

/* styles pour l'interface d'identification (login / mot de passe) */
table.identification {
	border:none;
	margin-right:auto;
	margin-left:auto;
	border:1px solid black;
}

td.identification_texte {
	border:none;
	text-indent:10px;
	font-weight:800;
	padding-right:5px;
}

td.identification_champ {
	text-indent:0;
	border:none;
}

td.identification_bouton {
	border:none;
	text-align:center;
}

/* styles pour le menu lorsque l'utilisateur est logge (recherche - deconnexion) */
div.forum_menu {
	color:white;
	background-color:#3777D7;
	width:80%;
	border:2px solid black;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

a.forum_menu:link, a.forum_menu:active, a.forum_menu:visited  {
	color:white;
	text-decoration:none;
	font-size: 4mm;
	font-weight:600;
}

a.forum_menu:hover {
	color:#ffab2d;
	text-decoration:none;
	font-size: 4mm;
	font-weight:600;
}

/* === tous les styles du forum === */
/* Titre du forum ; suggestion : mettre une image d'arriere-plan et basta */
div.forum_header {
	color:white;
	background-color:#3777D7;
	background-image:url('forum/forum_header_motif.png');
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	text-align:center;
	border-bottom:none;
	height:59px;
	text-align:center;
	font-size:3em;
	padding-top:0px;
	text-indent:0;
	cursor:pointer;
}

/* Style pour les tableaux d'index.php, liste_membres.php, 
rubrique.php et lecture.php */
table.forum_fond {
	border:1px solid black;
	border-collapse:collapse;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}

/* Fond du forum pour les pages comme editer.php, repondre.php etc. */
div.forum_fond {
	/* rien pour le moment mais c'est personnalisable */
	border:1px solid black;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

/* Affichage de la liste des rubriques */
th.entete_rubrique {
	background-color:#0252C9;
	color:white;
}

td.icone_rubrique {
	text-indent:0;
	padding:0;
	margin:0;
	width:100px;
	border:1px solid black;
}

td.titre_rubrique {
	border:none;
	text-align:center;
	border:1px solid black;
	background-image:url('forum/gifduhaut.png');
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:none;
	height:20px;
}

td.description_rubrique {
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
	border-bottom:none;
	border-top:none;
	height:auto;
}

td.stat_rubrique {
	text-align:right;
	font-family:Tahoma;
	padding-right:10px;
	border-bottom:1px solid black;
	background-image:url('forum/stat_rubrique.png');
	background-repeat:repeat-x;
	background-position:bottom;
	height:20px;
	border-top:none;
	vertical-align:bottom;
	color:white;
}

td.dernier_message_rubrique {
	text-indent:0;
	width:200px;
	border:1px solid black;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	color:blue;
	background-image:url('forum/message_encart_auteur_motif.png');
	background-position:left;
	background-repeat:repeat-y;
	background-color:#3575D6;
}

td.separation_rubrique {
	height:5px;
	background-color:white;
}

/* liens a divers endroits du forum */
td.dernier_message_rubrique a:link,    td.dernier_message_rubrique a:active,    td.dernier_message_rubrique a:visited,
td.titre_rubrique a:link,              td.titre_rubrique a:active,              td.titre_rubrique a:visited,
td.liste_topic_icone a:link,           td.liste_topic_icone a:active,           td.liste_topic_icone a:visited,
td.liste_topic_dernier_message a:link, td.liste_topic_dernier_message a:active, td.liste_topic_dernier_message a:visited,
div.forum_entete_texte a:link,         div.forum_entete_texte a:active,         div.forum_entete_texte a:visited
{
	color:white;
}

td.dernier_message_rubrique a:hover,
td.titre_rubrique a:hover,
td.liste_topic_icone a:hover,
td.liste_topic_dernier_message a:hover,
div.forum_entete_texte a:hover
{
	color:#ffab2d;
}

/* Listes de topics */

th.liste_topic_icone, th.liste_topic_dernier_message,
th.liste_topic_titre, th.liste_topic_auteur {
	text-align:center;
}

th.liste_topic_icone           { width:20px;  max-width:20px;  }
th.liste_topic_auteur          { width:150px; max-width:150px; }
th.liste_topic_dernier_message { width:180px; max-width:180px; }

th.liste_topic_icone, th.liste_topic_dernier_message,
td.liste_topic_icone, td.liste_topic_dernier_message {
	background-color:#0252C9;
	color:white;
	border:1px solid black;
}

th.liste_topic_titre, th.liste_topic_auteur,
td.liste_topic_titre, td.liste_topic_auteur {
	background-color:white;
	color:black;
	border:1px solid black;
}

/*
	En-tete du forum : affiche une image (avatar, icone), des informations
	textuelles et une fleche pour atteindre le bas de la page
*/
div.forum_entete {
	position:relative;
	color:white;
	background-color:#3777D7;
	border:1px solid black;
	margin:auto 0 auto 0;
	text-align:center;
	border-bottom:none;
	height:110px;
	text-align:center;
	font-size:3em;
	padding:0;
	padding-top:10px;
	text-indent:0;
}

div.forum_entete_icone {
	float:left;
	background-color:white;
	width:100px;
	height:100px;
	overflow:hidden;
	text-indent:0;
	margin-left:10px;
	border:2px outset #ffad31;
}

div.forum_entete_texte {
	height:100px;
	margin-left:110px;
 	margin-right:30px;
	width:auto;
	padding-top:0;
	padding-left:10px;
	color:white;
	text-indent:0;
}

div.forum_entete_fleche {
	position:relative;
	float:right;
	width:20px;
	height:100px;
	padding:0;
	text-indent:0;
	margin-top:-100px;
	margin-right:10px;
}


/* Affichage d'un message */
/* div contenant le tableau affichant le message
	L'affichage d'un topic alterne entre les deux classes div : normal et
	alternate afin de mettre en valeur les differents messages.
	Typiquement, l'alternate ne varie que par sa couleur de fond
*/
div.message_fond_normal {
	background-color:inherit;
}

div.message_fond_alternate {
	background-color:#f5f5f5;
}

/* tableau affichant le message */
table.message {
	border:1px solid black;
	width:100%;
	margin-left:auto;
	margin-bottom:6px;
	margin-right:auto;
	border-spacing:0;
	empty-cells:show;
	border-collapse:collapse;
}

td.message_ip {
	border:none;
	border-bottom:1px solid black;
	text-indent:0;
	padding:3px;
	empty-cells:show;
	background-image:url('forum/gifduhaut.png');
	background-position:top;
	background-repeat:repeat-x;
}

td.message_date {
	border:none;
	border-bottom:1px solid black;
	text-align:right;
	padding:3px;
	background-image:url('forum/gifduhaut.png');
	background-position:top;
	background-repeat:repeat-x;
}

td.message_encart_auteur {
	width:140px;
	border:none;
	vertical-align:top;
	text-align:center;
	border-right:1px solid black;
	text-indent:0;
	padding:0;
	background-image:url('forum/message_encart_auteur_motif.png');
	background-color:#3575D6;
	background-position:left;
	background-repeat:repeat-y;
}

td.message_texte {
	border:none;
	text-indent:0;
	padding:3px;
	text-align:justify;
}

td.message_signature {
	border:none;
	vertical-align:bottom;
}

td.message_im {
	border:none;
	border-top:1px solid black;
	text-indent:0;
	padding:3px;
	background-image:url('forum/gifdubas.png');
	background-position:bottom;
	background-repeat:repeat-x;
}

td.message_liens {
	border:none;
	border-top:1px solid black;
	text-align:right;
	padding:3px;
	background-image:url('forum/gifdubas.png');
	background-position:bottom;
	background-repeat:repeat-x;
}

/* Styles a l'interieur de l'encart de l'auteur (egalement present dans membre.php) */
div.cadre_avatar {
	text-align:center;
}

.pseudo_avatar {
	font-weight:800;
	font-size:10px;
}

.rang_avatar {
	font-style:italic;
}

img.img_avatar {
	
}

.numero_avatar {
	
}

.nbposts_avatar {
	
}

/* Styles utilises lors de l'affichage du profil d'un membre */
table.display_profil_membre {
	border:1px solid black;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

div.display_profil_membre_coord, div.display_profil_membre_sign, div.display_profil_membre_config, div.display_profil_membre_desc {
	border:1px solid black;
	padding:5px;
	background-color:#f0f0f0;
}

div.display_profil_membre_config {
	background-position:top right;
	background-repeat:no-repeat;
	background-image:url('icones/pc.gif');
}

/* Styles utilises lors de l'edition du profil d'un membre */
table.edit_profil_membre {
	width:640px;
	border:none;
	margin-right:auto;
	margin-left:auto;
}

td.edit_profil_membre {
	border:none;
	vertical-align:top;
	text-align:left;
}

/* champs lors de l'edition du profil d'un membre */
.champ_description, .champ_signature, .champ_config, .champ_commentaires {
	background-repeat:no-repeat;
	background-position:top right;
}

.champ_description {
	background-image:url('forum/fond_description.jpg');
}

.champ_signature {
	background-image:url('forum/fond_signature.jpg');
}

.champ_config {
	background-image:url('forum/fond_config.jpg');
}

.champ_commentaires {
	background-image:url('forum/fond_commentaires.jpg');
}

table.edit_avatar {
	margin-right:auto;
	margin-left:auto;
	width:640px;
	border:1px solid black;
}

td.edit_avatar_avatar {
	
}

img.edit_avatar_avatar {
	border:1px solid black;
}

td.edit_avatar, td.edit_avatar_proposition, td.edit_avatar_avatar {
	border:none;
}

td.edit_avatar_proposition {
	text-indent:20px;
	
}

/* styles pour la page de recherche */
div.recherche_membre, div.recherche_classique {
	border:1px solid black;
	color:white;
	background-color:#3777D7;
	padding:10px;
	margin-left:30px;
	
}

/* styles pour poser une question importante : supprimer_post.php et supprimer_topic.php */
div.question_importante, div.question_importante_header {
	margin-right:auto;
	margin-left:auto;
	width:600px;
	background-color:#FF4444;
	border:1px solid black;
	text-align:center;
}

div.question_importante {
	background-color:#FFCCCC;
	padding-top:3px;
	padding-bottom:3px;
}

/* styles pour les bandeaux des articles */
div.bandeau_perime, div.bandeau_errone, div.bandeau_perime_header, div.bandeau_errone_header, div.bandeau_vista, div.bandeau_vista_header {
	width:800px;
	border:1px solid black;
	border-collapse:collapse;
	padding:1px 5px 1px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	text-indent:10px;
	font-size:12pt;
}
div.bandeau_perime        { background-color:#ffcccc; }
div.bandeau_errone        { background-color:#ffdca8; }
div.bandeau_perime_header { background-color:#ff4444; }
div.bandeau_errone_header { background-color:#ffa858; }
div.bandeau_vista         { background-color:#ffffc0; }
div.bandeau_vista_header  { background-color:#ffff00; }

div.separation_recherche, div.previsualisation {
	border:1px solid black;
	border-bottom:none;
	right:0;
	padding:2px;
}

div.previsualisation {
	text-align:center;
}

/* styles pour le parser du forum */

.forum_regles, .forum_regles_header {
	background-color:#FFCCCC;
	width:600px;
	border:1px solid black;
	border-collapse:collapse;
	padding:1px 5px 1px 5px;
	margin-left:auto;
	margin-right:auto;
}

.forum_regles_header {
	background-color:#FF4444;
}

.forum_citation, .forum_troll, .forum_code, .forum_hors_sujet {
	margin-left:10px;
	margin-right:10px;
	border: 1px black solid;
	padding:5px;
}

.forum_hors_sujet {
	text-align:justify;
	color:#104d92;
	background-color:#efb26d;
	background-image:url('forum/forum_hors_sujet.jpg');
	background-repeat:no-repeat;
	background-position:top right;
	padding-right:140px;
}

.forum_citation {
	color:#000000;
	background-color:#F0F0F0;
}

.forum_troll {
	color:#FF0000;
	background-color:#000000;
}

.forum_code {
	margin-top:0;
	text-align:left;
	color:#00EE00;
	background-color:#000000;
}

.forum_citation_header, .forum_troll_header, .forum_code_header {
	font-weight:800;
	margin-left:10px;
	margin-right:10px;
	border: 1px black solid;
	padding:5px;
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color:#000000;
}

.forum_citation_header {
	color:#000000;
	background-color:#D0D0D0;
	background-image:url('forum/forum_citation.jpg');
}

.forum_troll_header {
	height:30px;
	color:#EE0000;
	background-image:url('forum/forum_troll.jpg');
	background-position:top right;
}

.forum_code_header {
	text-align:left;
	color:#00EE00;
	background-image:url('forum/forum_code.jpg');
}

/* champ lors de la redaction d'un message */
.champ_message {
	width:580px;
	height:240px;
	background-image:url('forum/fond_textarea.jpg');
}

/* styles pour l'affichage d'un sondage */
.sondage-haut {
	margin:0;
	height:40px;
	font-weight:900;
	font-size:18px;
	text-align:center;
	background-color:#3777D7;
	border:1px solid black;
	border-bottom:1px dashed black;
	padding-top:15px;
}

.sondage-milieu {
	margin:0;
	background-color:#A6D0FB;
	text-align:center;
	border:none;
	border-left:1px solid black;
	border-right:1px solid black;
	padding-bottom:10px;
}

.sondage-bas {
	margin-top:0;
	margin:0;
	text-align:center;
	height:18px;
	background-color:#3777D7;
	border:1px solid black;
	border-top:1px dashed black;
}

.sondage-fond {
	width:300px;
	height:22px;
	text-indent:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url('forum/sondage-fond.png');
	border:none;
	padding-top:0px;
	text-align:left;
}

table.sondage {
	border:none;
	margin-left:auto;
	margin-right:auto;
}

td.sondage {
	border:none;
	text-align:right;
}

th {
	text-align:center;
}

td {
	text-indent:0px;
	border:1px solid;
	border-collapse:collapse;
}

div.statistiques_et_jumper {
	background-color:#3777D7;
	width:80%;
	border:2px solid black;
	margin-right:auto;
	margin-left:auto;
}

div.statistiques, div.jumper {
	color:white;
	margin-top:0px;
	padding:5px;
}

div.statistiques {
	text-align:center;
}

div.jumper {
	text-align:right;
}

input.jumper , select.jumper {
	background-color:#99CCFF;
}

/* styles du nouveau forum */

.forum_message, .forum_message_erreur {
	border:2px groove;
	border-color:blue;
	width:99%;
	margin:5px 0 0 0;
	background-color:#99CCFF;
	text-align:center;
}

.forum_message {
	background-color:#99FF99;
	font-size:4mm;
}

.forum_message_erreur {
	background-color:#FF9999;
	color:red;
	font-size:4mm;
}

div.liens_asc_desc {
	line-height:1px;
	text-align:center;
}

	/******************************************************/
	/*               CONDAMNE A DISPARAITRE               */
	/******************************************************/
/* Cellules de tableau */
.tdlopr {
	border-color:#522800;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}

.oui {/* art41 only */
	color:#00ff00;
	font-weight:800;
}

.non {/* art41 only */
	color:#ff0000;
	font-weight:800;
}

.tableau { /* art41 only */
	border-collapse:collapse;
	border-color:black;
	border:1px solid;
	text-align:center;
}