/*
** +---------------------------------------------------+
** | Name :		~/tpl/WhiteSummer/main.css
** | Project :	Fire-Soft-Board 2 - Copyright FSB group
** | License :	GPL v2.0
** |
** | Vous pouvez modifier, réutiliser et redistribuer
** | ce fichier à condition de laisser cet entète.
** +---------------------------------------------------+
*/

@import "corner.css";
@import "forms.css";
@import "fsbcode.css";
@import "mooRainbow.css";

/* Toutes les images du document */
img
{
	border: none;
}

/* Document global de la page */
body
{

	background-color: #f5f8fc;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

/* Cadre dans la page */
.main
{
	border-width: 1px 1px 1px 1px;
	border-color: #77aadd;
	border-style: solid;
	background-color: #ffffff;
	padding: 10px;
}

/* Style sur les liens principaux */
a
{
	color: #FF5511;
	text-decoration: none;
}

/* Survol des liens principaux */
a:hover
{
	color: #FF5511;
	text-decoration: underline;
}

/* Cadre principal des messages */
.post
{
	width: 100%;
	border: 1px solid #77aadd;
	background-color: #f6f9fd;
}

/* Données du posteur */
.post .userinfo
{
	width: 180px;
	vertical-align: top;
}

/* Liste des données du posteur */
.post .userinfo .list
{
	text-align: left;
	list-style-type: none;
	margin-left: -25px;
	font-size: 11px;
}

/* Haut du message */
.post .postheader
{
	font-weight: bold;
	font-size: 11px;
}

/* Haut du message */
.post .postheader2
{
	text-align: right;
}

/* Contenu du message */
.post .content
{
	vertical-align: top;
	border: 1px dotted #77aadd;
	border-width: 1px 0px 1px 1px;
	background-color: #FFFFFF;
	padding: 5px;
	font-family: Verdana;
}

/* Gestion de l'overflow sur les messages */
.post .content blockquote
{
	width: 100%;
	overflow: auto;
	margin: 0px;
	padding: 1px;
}

/* Pied du message */
.post .postfooter
{
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

/* Style du pseudonyme */
.post .nickname
{
	font-size: 14px;
}

/* Recherche dans un sujet */
.quicksearch
{
	position: relative;
	top: -10px;
	margin-left: 18px;
	display: inline;
}

.quicksearch form
{
	display: inline;
}

/* Formulaire de recherche dans un sujet */
.quicksearch input.fieldtext
{
	background-image: url('img/search.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 150px;
}


/* Regles pour l'enregistrement */
#register_rules
{
	font-family: Courier, 'Courier New', sans-serif;
	padding: 10px;
	text-align: left;
	background-color: #F8DBB1;
	border: 1px solid #000000;
	height: 200px;
	overflow: auto;
}

/* Style sur le nom des forums */
.forumname
{
	color: #6688aa;
	font-size: 14px;
	font-weight: bold;
}

/* Nom des sujets */
.topicname
{
	color: #6688aa;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

/* petit */
.small
{
	font-size: 10px;
}

/*  */
hr.delimiter
{
	border: dashed 1px #6699bb;
	width: 33%;
	margin-top: 20px;
	margin-bottom: 20px;
}

/*  */
hr.post_delimiter
{
	border: dashed 1px #6699bb;
	width: 33%;
}

/* Listes */
.list
{
}

/* Style de la pagination */
.pagination_block
{    
    position: relative;
}

/* Style sur le lien courant de la pagination */
.pagination_block_cur
{    
    display: inline;
    border: #77aadd solid 1px;
    margin: 1px;
    padding: 2px 5px 1px 5px;
    background-color: #E7E8EF;
    font-weight: bold;
    cursor: pointer;
}

/* Style de la pop up Goto de la pagination */
.pagination_form
{
    width: 130px;
    position: absolute;
    top: 25px;
    right: 70px;
    text-align: center;
    border: #77aadd solid 1px;
    background-color: #E7E8EF;
    display: none;
}

/* Style des input de saisie de text et bouton Go de la pagination */
.pagination_form input
{
    margin: 4px;
    padding: 2px 5px;
	width: 30px;
}

/* Style sur les liens de la pagination */
.pagination_block a
{
	display: inline;
	border: #77aadd solid 1px;
	margin: 1px;
	padding: 2px 5px 1px 5px;
	background-color: #f6f9fd;
	font-weight: bold;
}

/* Style sur les liens de la pagination lorsque le curseur passe dessus */
.pagination_block a:hover
{
	text-decoration: none;
}

/* Couleur des membres du groupe "administrateur" */
.admin, .admin:hover
{
	font-weight: bold;
	color: #FF5511;
}

/* Couleur des membres du groupe "moderateurs globaux" */
.modosup, .modosup:hover
{
	font-weight: bold;
	color: #e6a000;
}

/* Couleur des membres du groupe "moderateurs" */
.modo, .modo:hover
{
	font-weight: bold;
	color: #6688bb;
}

/* Couleur des membres du groupe "membres" */
.user, .user:hover
{
	color: #000000;
}

/* Couleur des bots */
.bot
{
	color: #1F3E0D;
}

/* couleur des forums */
.forum
{
	color: #FF5511;
	font-weight: bold;
}

/* Surlignage des mots lors de la recherche */
.highlight_search
{
	background-color: yellow;
}

/* Div contenant les liens "marquer les forums comme lu" */
.markread
{
	color: #7788aa;
	font-weight: bold;
	font-size: 11px;
}

/* Style sur les header des tableaux FSBcode code */
.headercode
{
	border: 1px #000000 dashed;
	background-color: #EEEEEE;
	padding: 2px 10px 2px 10px;
	font-size: 10px;
}

/* Style sur les fieldsets de FSBcode code */
.maincode
{
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* Lien sur les headers de tableaux FSBcode */
.headercode a, .headercode a:hover
{
	color: #FF5511;
}

/* Téléchargement */
a.download
{
	font-weight: bold;
	font-size: 18px;
}

/* Avertissements des utilisateurs */
table.warn_user, table.warn_user td
{
	border: none;
	margin: 0px;
	padding: 0px;
}

/*  */
div#left
{
	padding-left: 15px;
	background-color: transparent;
	border: none;
	text-align: left;
	float: left;
}

/* Coloration d'un block lors du passage de la sourie sur ce block */
.highlight:hover
{
	background-color: #E0E4EA;
}

/* OK */
.ok
{
	color: #5AB830;
	font-weight: bold;
}

/* Pas OK */
.ko
{
	color: #D9361B;
	font-weight: bold;
}

/* Style pour la popup DHTML */
.dhtml_popup
{
	width: 300px;
	position: absolute;
	visibility: visible;
	border: #6699bb double 5px;
}

/* Style pour le titre de la popup DHTML (il doit etre visible) */
.dhtml_popup_title
{
	color: #000000;
	font-size: 16px;
	background-image: url('img/bg1.gif');
	font-weight: bold;
	text-align: center;
}

/* Style de l'iframe pour l'éditeur WYSIWYG */
.wysiwyg_frame
{
	background-color: #f9f9f9;
	border: 1px inset #000000;
	font-family: Verdana;
	font-size: 12px;
	padding: 2px;
}

/* Description des sujets */
#topic_description
{
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 2px;
	color: black;
	font-style: italic;
	font-weight: normal;
}

/* Derniere visite le (sur l'index) */
#last_visit
{
	float: left;
}

/* Attente AJAX */
#ajax_waiter
{
	width: 200px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	display: none;
	margin-left: 15px;
	margin-top: 15px;
	border: 1px solid #77aadd;
	background-color: #f3f3f3;
	z-index: 100;
}

/* Style sur les tables */
table.t
{
	width: 100%;
	border: 1px solid #77aadd;
	border-width: 1px 0px 1px 1px;
	padding: 0px;
	margin: 0px;
}

/* Header d'un tableau */
table.t thead th, .header
{
	background-image: url('img/bg1.gif');
	height: 25px;
	font-size: 14px;
}

/* Même effet que le header d'un tableau, mais sur un autre élément */
.header
{
	border: 1px solid #77aadd;
	border-width: 1px 1px 0px 1px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	padding-top: 3px;
}

/* Second type de header */
table.t th.header2
{
	background-image: url('img/bg2.gif');
	height: 25px;
	border-top: 1px solid #cccccc;
}

/* Pied d'un tableau */
table.t tfoot th, .footer
{
	background-image: url('img/bg2.gif');
	height: 25px;
	border-top: 1px solid #cccccc;
	text-align: center;
}

/* Même effet que le pied d'un tableau, mais sur un autre élément */
.footer
{
	border: 1px solid #77aadd;
	border-width: 0px 1px 1px 1px;
}

/* Appliqué aux lignes des tableaux */
table.t tr
{
	background-color: #f6f9fd;
}

/* Survol d'une ligne de tableau */
table.t tr:hover
{
	background-color: #f0f5fc;
}

/* Appliqué aux cellules des tableaux */
table.t td
{
	padding: 3px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* Liens dans les titres */
.header a, .header a:hover, table.t thead th a, table.t thead th a:hover
{
	color: #000000;
}

/* Contenu d'un block */
.content
{
	background-color: #f6f9fd;
	padding: 5px;
	border: 1px solid #77aadd;
}

/* Pour le profil */
.profile
{
	background-color: #f6f9fd;
	padding: 5px;
	border: 1px solid #77aadd;
}

/* Style sur le block de statistique + qui est en ligne */
#block_stat, #block_wio
{
	 background-repeat: no-repeat;
	 background-position: 8px;
	 padding-left: 50px;
}

/* Block qui est en ligne */
#block_wio div
{
	margin-bottom: 6px;
}

/* Lignes dans les formulaires */
dl
{
	margin-bottom: 10px;
	font-size: 11px;
}

/* Hack pour les fins de blocks (ne pas toucher) */
dl:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hack pour les fins de blocks (ne pas toucher) */
dl
{
	height: 1%;
}

/* Colone de gauche des formulaires */
dt
{
	width: 200px;
	float: left;
	border-right: 1px dotted #77aadd;
}

/* Colone de gauche des formulaires, en gras */
dt.strong
{
	font-weight: bold;
}

/* Style pour les Label des formulaires (phrases clefs dans la colone de gauche) */
dt label
{
	font-weight: bold;
}

/* Colone de droite dans les formulaires */
dd
{
	margin-left: 200px;
	padding-left: 5px;
	border-left: 1px dotted #77aadd;
}

/* Colone de gauche des formulaires, un peu plus larges */
.profile dt
{
	width: 300px;
}

/* Colone de droite dans les formulaires, un peu plus larges */
.profile dd
{
	margin-left: 300px;
}

/* Description des formulaires */
.desc
{
	text-align: center;
	border: 1px solid #77aadd;
	background-color: #F8DBB1;
	padding: 5px 5px 7px 5px;
	font-size: 10px;
	font-family: Verdana;
}

/* Erreur dans un formulaire */
.error, .t .error
{
	text-align: center;
	border: 1px solid #77aadd;
	background-color: #F8DBB1;
	padding: 15px 5px 15px 5px;
	font-weight: bold;
}

h1.header
{
	text-align: center;
	font-size: 18px;
	padding: 3px 3px 5px 3px;
}

/* Barre de navigation */
.nav
{
	font-size: 12px;
	border: solid 1px #77aadd;
	border-width: 0px 1px 0px 1px;
	background-image: url('img/bg_nav.gif');
	height: 22px;
	padding-left: 5px;
	padding-top: 2px;
}

/* Liens de la barre de navigation */
.nav a
{
	color: #E44100;
}

/* Boite contenant le titre et l'image du forum */
#header_forum
{
	position: relative;
	border: 1px solid #6699bb;
	background-color: #84ccea;
	background: url('img/bg_header.gif') 0 25px;/* xxpx doit être le même que le top de #img_logo */
	height: 116px;
}

#header_forum h3, #header_forum ul, #header_forum ul li
{
	display: inline;
	margin:0;
	padding:0;
}

#home_text
{
	left: 10px;
}

#menu
{
	right: 10px;
}

#home_text, #menu
{
	position: absolute;
	top: 5px;
	margin:0;
	padding:0;
	font-size: 11px;
	font-weight: bold;
}

#img_logo
{
	position: absolute;
	top: 25px;/* xxpx doit être le même que dans le background de #header_forum */
	left: 5%;
	margin:0;
	padding:0;
}

#nom_site
{
	position: absolute;
	text-align: center;
	margin: 30px 0 5px 0;
	right: 15%;
}

#description
{
	margin:5px;
	padding:0;
}


/* Couleurs des liens dans ce header */
#header_forum a
{
	color: #000000;
	text-decoration: underline;
	font-family: sans-serif ;
}

#header_forum .headerbg
{
	background-image: url('img/bg_header.gif');
	text-align: center;
}

/* Menu d'accueil */
#header_forum .header_box_left
{
	font-weight: bold;
	font-family: arial;
	font-size: 11px;
	float: left;
	margin-left: 5px;
}

/* Liens liés au profil */
#header_forum .header_box_right
{
	font-weight: bold;
	font-family: arial;
	font-size: 11px;
	float: right;
	margin-right: 5px;
}

/* Menu du header */
#header_forum .menu 
{
	text-align: center;
	margin-top: 7px;
	margin-bottom: 14px;
	font-size: 13px;
}

/*  Liens du menu du header */
#header_forum .menu a
{
	color: #000000;
	text-decoration: underline;
	font-family: sans-serif ;
}

/* Titre du forum dans le header */
#header_forum h2
{
	font-weight: bold;
	font-size: 22px;
	margin: 0px;
}

/* Copyright du forum */
#copyright
{
	background-image: url('img/bg_footer.gif');
	height: 21px;
	font-weight: bold;
	font-family: arial;
	text-align: right;
	font-size: 11px;
	padding-top: 4px;
	border: 1px solid #77aadd;
	padding-right: 5px;
}

/* Liens du copyright */
#copyright a
{
	color: #000000;
	text-decoration: underline;
	font-family: sans-serif ;
}

/* Menus dans les pages à onglet */
#tab_menu
{
	width: 100%;
}

#tab_menu th#title
{
	background-image: url('img/bg2.gif');
	height: 25px;
	font-size: 16px;
	border-bottom: 1px solid #77aadd;
}

/* Liens des menus modules */
div#module_list a
{
	text-align: left;
	border: 1px solid #6699bb;
	display: block;
	width: 200px;
	line-height: 23px;
	border-width: 0px 1px 1px 0px;
	background-color: #f9fbfe;
	color: #000000;
	font-weight: bold;
	padding-left: 10px;
	margin-left: -1px;
}

/* Ligne de menu module, sellectionnee */
div#module_list a#selected
{
	color: #6688aa;
	padding-left: 20px;
	width: 190px;
}

/* Sourie sur une ligne de menu module */
div#module_list a:hover, div#module_list a#selected:hover
{
	color: #DB5D1F;
}

#tab_menu .tab_menu_right
{
	padding: 5px;
}

/* Case de calendrier vide */
.t td.calendar_empty
{
	background-color: #E4E7EC;
	padding: 5px;
}

/* Style sur le numero dans le calendrier */
.calendar_nb
{
	border: 1px dotted #000000;
	border-width: 0px 0px 1px 0px;
	width: 100%;
	background-color: #E6E9EC;
	font-weight: bold;
	text-align: center;
}

/* Cases normales du calendrier */
.t td.calendar_classic
{
	background-color: #f6f9fd;
	padding: 5px;
}

/* Case du jour actuel dans le calendrier */
.t td.calendar_current
{
	background-color: #f5e4cf;
	padding: 5px;
}

/* Liste d'évènement du calendrier */
ul.calendar_event
{
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	list-style-type: none;
}

/* Evènements normaux */
ul.calendar_event .calendar_event_normal
{
	font-weight: bold;
}

/* Evènements anniversaires */
ul.calendar_event .calendar_event_birthday
{
	color: #70A74F;
	font-weight: bold;
}

/* Titre des règles du forum */
.header_rules
{
	background-image: url('img/bg_rules.gif');
	height: 25px;
	font-size: 14px;
	border: 1px solid #77aadd;
	border-width: 1px 1px 0px 1px;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;
	padding-top: 3px;
}

/* Contenu des règles du forum */
.rules
{
	background-color: #fbe6c7;
	padding: 5px;
	border: 1px solid #77aadd;
}

/* Liste des forums dans la recherche */
#search_list
{
	overflow: auto;
	max-height: 350px;
	width: 350px;
	border: 1px inset #000000;
	background-color: #f3f3f3;
}

#search_list, #search_list label
{
	font-size: 12px;
	font-family: Arial;
	line-height: 20px;
}

/* Catégories dans la recherche */
#search_list b
{
	font-weight: bold;
}

.userlist_cell
{
	background-color: #f6f9fd;
	border: 1px solid #77aadd;
	vertical-align: top;
}

.userlist_cell:hover
{
	background-color: #f0f5fc;
}

.userlist_cell div.userlist_avatar
{
	padding: 5px;
	margin-right: 2px;
	float: left;
	width: 60px;
}

.userlist_cell div.userlist_info
{
	float: left;
}

.userlist_cell div.userlist_info p
{
	margin-left: 7px;
	margin-top: 2px;
	font-size: 11px;
}

.userlist_cell div.userlist_online
{
	float: right;
	margin-right: 3px;
	margin-top: 3px;
}

.userlist_separator
{
	background-image: url('img/bg2.gif');
	height: 25px;
	border: 1px solid #77aadd;
	font-weight: bold;
	font-size: 14px;
}