/* Propriété générale */
* {
	margin:0;
	padding:0;
}

/* Corps de page */
body {
	background:url(../images/BG.gif) repeat;
}

/* Grand titre, partie gauche */
h2 {
	color:#49789e;
	text-transform:uppercase;
	font-weight:bold;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	font-weight:bold;
}

/* style particulier de titre (posteur et date, page news) */
h2 span {
	display:block;
	margin-top:-7px;
	font-size: 10px;
	text-transform:none;
	color:#333;
}

/* Style de paragraphe */
p {
	margin-bottom:15px;
}

/* Style de tableau */
table {
	color:#dbf8fd;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

/* Style pour les liens dans un tableau */
table a {
	color:#FFF;
	margin-left: 16px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}



.th /* Les cellules d'en-tête */
{
   color: white;
   padding-left:4px;
   letter-spacing:1px;
   font-size: 1em;
}

.sujet {
max-width:180px; 
min-width:180px; 
} 

.nom_fiche {
max-width:174px; 
min-width:174px; 
} 

.date_validation {
max-width:140px; 
min-width:140px; 
} 

.auteur {
max-width:73px; 
min-width:73px; 
}


.sup {
padding: 6px; 
}

.td /* Les cellules normales */ 
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 4px; 
}


/* Top */
#texttop {
margin-top:14px;
padding-right:13px;
padding-left:10px;
float: left;
text-align: left;
position:relative,
}

#textto {
padding-top:14px;
padding-left:18px;
padding-right:13px;
text-align: right;
float: right;
position:relative,
}

/* Liens généraux */
a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

/* Lors du survol */
a:hover {
	text-decoration:underline;
	color:#FFF;
}


/* Style de balise input de formulaire */
input {
	background:url(../images/input.gif) no-repeat;
	width:129px;
	height:22px;
	border:none;
	color:#666;
	padding-top:1px;
	padding-left:5px;
}


.iut {
	background:url(../images/input.gif) no-repeat;
	width:129px;
	height:22px;
	border:none;
	color:#666;
	padding-top:3px;
	padding-left:5px;
}

/* Style de saisie de texte de formulaire */
textarea {
	width:450px;
	height:200px;
	border:solid 2px #FFF;
	color:#666;
	padding-top:6px;
	padding-left:5px;
	background-color:#eeeeee;
}

/* Ligne séparatrice */
hr {
	border:dashed #CCC 1px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Placement de l'entête */
#site {
	background:url(../images/head_BG.png) no-repeat top center;
	margin:auto;
}

/* Tête de page */
#body_head {
	background:url(../images/head_bar.png) repeat-x;
	height:47px;
	padding-right:5px;
	color:#C4C4C4;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:225px;
}



/* Bloc de menu */
.menu {
	background:url(../images/menu_BG.png) no-repeat;
	margin:auto;
	width:969px;
	height:47px;
    list-style:none; 
    text-align:center; 
}

/* Une case de menu */
.menu li { 
	float:left;
    width:116px; 
	padding-right:3px;
	padding-left:7px;
}

/* La case flottant à droite */
.menu li.menu_left { 
	float:right;
    width:116px; 
	padding-right:7px;
	padding-left:3px;
}

/* Un lien du menu */
.menu li a { 
    width:116px; 
	height:47px;
	display:block;
    color:#FFF;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:47px ; 
    text-align:center ; 
    text-decoration: none;
}

/* Le lien survolé */
.menu li a:hover {
	background:url(../images/menu_over.png) no-repeat;
	color:#528cbc;
}

/* Bloc de contenu */
#container {
	width:969px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

/* Bloc de contenu */
#container_forum {
	width:969px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

/* Partie gauche */
#left_side {
	width:626px;
	margin-right:10px;
}

/* Partie gauche */
#left_side_forum {
	width:969px;
	margin-right:10px;
}

/* Partie droite */
#right_side {
	float:right;
	width:293px;
}

/* Bloc bleu à gauche */
.bleu_60 {
	width:inherit;
	color:#dbf8fd;
}

.bleu_60 .head {
	background:url(../images/left_blue_head.png) no-repeat;
	width:596px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.bleu_60 .head span {
	float:right;
	width:auto;
}

.bleu_60 .body {
	background:url(../images/left_blue_body.png) repeat-y;
	width:596px;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bleu_60 .foot {
	background:url(../images/left_blue_foot.png) no-repeat;
	width:626px;
	margin-top:-16px;
	height:54px;
}

/* ---------------------------------------------------------------------------- */
.bleu_60_forum {
	width:inherit;
	color:#dbf8fd;
}

.bleu_60_forum .head {
	background:url(../images/left_blue_head_forum.png) no-repeat;
	width:969px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.bleu_60_forum .head span {
	float:right;
	width:auto;
}

.bleu_60_forum .body {
	background:url(../images/left_blue_body_forum.png) repeat-y;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bleu_60_forum .foot {
	background:url(../images/left_blue_foot_forum.png) no-repeat;
	width:969px;
	margin-top:-16px;
	height:54px;
}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
.bleu_60_forum {
	width:inherit;
	color:#dbf8fd;
}

.blanc_60_forum .head {
	background:url(../images/left_blanc_head_forum.png) no-repeat;
	width:969px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.blanc_60_forum .head span {
	float:right;
	width:auto;
}

.blanc_60_forum .body {
	background:url(../images/left_blanc_body_forum.png) repeat-y;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blanc_60_forum .foot {
	background:url(../images/left_blanc_foot_forum.png) no-repeat;
	width:969px;
	margin-top:-16px;
	height:54px;
}
/* ---------------------------------------------------------------------------- */

/* Bloc banc à gauche */
.blanc_60 {
	width:inherit;
	color:#666;
	margin-bottom:10px;
}

.blanc_60 .head {
	background:url(../images/left_blanc_head.png) no-repeat;
	width:596px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.blanc_60 .head span {
	float:right;
	width:auto;
}

.blanc_60 .body {
	background:url(../images/left_blanc_body.png) repeat-y;
	width:596px;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blanc_60 .foot {
	background:url(../images/left_blanc_foot.png) no-repeat;
	width:626px;
	height:54px;
}

/* Div sur fond gris */
.grey_content {
	margin-top:40px;
	width:inherit;
}

/* Bloc blanc à droite */
.blanc_40 {
	width:inherit;
	color:#999;
}

.blanc_40 .head {
	background:url(../images/right_white_head.png) no-repeat;
	width:263px;
	min-height:4px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}

.blanc_40 .body {
	background:url(../images/right_white_body.png) repeat-y;
	width:263px;
	padding:0 15px 0 15px;
	padding-bottom: 2px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blanc_40 .foot {
	background:url(../images/right_white_foot.png) no-repeat;
	width:293px;
	height:19px;
}

/* Les liens dans le bloc blanc de droite */
.blanc_40 a {
	color:#49789e;
	font-weight:bold;
	text-decoration:none;
}

/* Au survol */
.blanc_40 a:hover {
	color:#528cbc;
}

/* Les liens dans le bloc blanc de gauche */
.blanc_60 a {
	color:#49789e;
	font-weight:bold;
	text-decoration:none;
}

/* Au survol */
.blanc_60 a:hover {
	color:#528cbc;
}

/* Flux RSS en accueil */
.rss {
	width:inherit;
	text-align:center;
	margin-top:18px;
}


/* ID de scroll automatique des news */
#newsbox {
	height: 350px; 
	position: relative; 
	overflow: hidden; 
}

#newslist { 
	position: absolute; 
	padding: 0 0.5em; 
}

.scroll_news { 
padding-top:10px;
}

/* Vignette classique */
.vignette_150 a {
	background:url(../images/vignette_150.png) no-repeat top left;
	margin:10px;
	padding:15px;
	display:block;
	width:127px;
	height:127px;
}

/* Survol de souris */
.vignette_150 a:hover {
	background-position:0 -157px;
}

/* Suppression de bordure */
.vignette_150 img {
	border:none;
}

/* Bouton classique du site (page de contact) */
.button {
	border:none;
	padding:0;
	margin:0;
	background:url(../images/btn.png) top left;
	padding-top:3px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#dbf8fd;
	width:100px;
	height:45px;
	cursor:pointer;
}

/* Le bouton survolé */
.button:hover {
	background-position: 0 -45px;
	color:#49789e;
}

/* Pied de page */
.menu_footer {
	background:url(../images/menu_BG.png) no-repeat;
	margin:auto;
	width:969px;
	height:47px;
    list-style:none; 
    text-align:center; 
}

/* Une case de menu */
.menu_footer li { 
	float:left;
	padding-left:18px;
	color:#C4C4C4;
	font:10px Verdana, Geneva, sans-serif;
	width:auto;
}

/* La case flottant à droite */
.menu_footer li.menu_left { 
	float:right;
	padding-right:18px;
	width:auto;
}

/* Un lien du menu */
.menu_footer li a{ 
	height:47px;
	width:150px;;
	display:inline;
    color:#528cbc;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:47px ; 
    text-align:center ; 
    text-decoration: none;
}

/* Le lien survolé */
.menu_footer li a:hover {
	color:#FFF;
}

/* Afficheur online */
#online{
    padding-top: 9px;
    padding-bottom: 15px;
    text-align:center ; 
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#FFF;
}

/* modif du menu 60 blanc */
#modif{
	margin-top:-80px;
}


/*Galerie */

	#galerie {
	    background:url(../images/BG.gif) repeat;
		padding: 15px;
		width: 566px;
		text-align:center;
	}
	
	#galerie ul {
	list-style: none; 
	}
	
	#galerie ul li {
	display: inline; 
	}
	
	#galerie ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	
	#galerie ul a:hover img {
		border: 5px solid #FFF;
		border-width: 5px 5px 20px;
		color: #FFF;
	}
	
	#galerie ul a:hover { 
	color: #FFF; 
	}
	
	.te ul {
	list-style: none; 
	}
	
	.te ul li {
	display: inline; 
	}
	
/*Avatar */
	#avatar {
		padding-bottom: 4px;
		padding-top: 10px;
		text-align:center;
	}
	

/*----------- Forum ------------- */
.forum_categories {
max-width:220px;
min-width:220px;  
padding-left:12px;
}	

/*----------- Panel forum ------------- */

#panel_forum {
	color:#528cbc;
	font-weight:bold;
}

.img_nb_mp {
margin-right:-200px;
margin-left:378px;
margin-top:-14px;
margin-bottom:-23px;
border:0px;
}

.infobulle{
        position:absolute;
        background:#000;
        padding:3px 7px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        color:#d4d4d4;
        text-align:center;
}

.error{
	background:url(../images/false.png) 1px center no-repeat;
        padding:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
        display:inline;
 }
 
 .errortextarea{
	background:url(../images/false.png) 1px center no-repeat;
        padding:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
 }
 

  .errorinscription{
	background:url(../images/false.png) 1px center no-repeat;
        padding:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
	display:table-footer; 
 }

  .retest{
	background:url("../images/barrecom.png") no-repeat scroll 100% 100% transparent;
	color:white;
	height:26px;
	position:relative;
	top:16px;
	margin-right: -12px;

}
 
   .retxt{
	padding-right:12px;
	padding-top:5px;
	text-align:right;
	padding-right: 216px;
 }
 
    .renote{
	margin-right:12px;
	margin-top:-18px;
	text-align:right;
 }
 
.credit_don {
	margin-left:112px;
}

.lvls{
 background:url("lvls.png") no-repeat scroll transparent;
	color:white;
	left:460px;
 	border:none;
	height:30px;
	position:relative;
	width:auto;
}

.lvls:hover{
 background:url("lvlshover.png") no-repeat scroll transparent;
	color:white;
 	border:none;
	height:30px;
	position:relative;
	width:auto;
}