html{
height:100%;
}
body {
height:100%;
background:none repeat scroll 0 0 white;
font-family:"Arial","Times","Times New Roman","Sans Serif";
font-size:12px;
margin:0;
min-width:950px;
padding:0;
}
#superglobal{  
position : relative;  
min-height: 100%;  
}  
#global{  
position: relative;  
min-height: 100%;  
margin: 0 auto;  
padding-bottom: 70px; 
}  
#contenu {
width:80%;
margin:auto;
margin-top:25px;
padding:5px;
padding-top:10px;
}
div#menu {
width:100%;
}
#menu .disconnect{
width: 20px;
}
ul.menu {
background:none repeat scroll 0 0 #0A021F;
float:right;
margin:0;
padding:0;
width:100%;
}
ul.menu li {
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
background:none repeat scroll 0 0 #3E384E;
display:block;
float:right;
line-height:30px;
list-style-type:none;
margin:0 5px 0 0;
padding:0;
text-align:center;
width:110px;
}
ul.menu li a {
color:#B8B7BE;
display:block;
}
ul.menu a {
text-decoration:none;
}
ul.menu li:hover {
background:none repeat scroll 0 0 #696476;
}
ul.menu li.actif a, ul.menu li.actif a:hover {
color:#3F5FA3;
}
ul.menu li.actif {
background:none repeat scroll 0 0 white;
}
#top {
background:none repeat scroll 0 0 #0A021F;
}
#header {
background:none repeat scroll 0 0 #0A021F;
height:130px;
padding:10px;
}
#header, #header a {
color:#0A021F;
}
#header img {
max-height:130px;
}
#connexion{
margin:auto;
width:300px;
}
#boxes {
margin:auto;
text-align:justify;
width:950px;
}
#infos_admin {
width:750px;
}
#guide {
float:right;
}
#presentation .message{
max-height:220px;
overflow:auto;
}
#flottant {
height:300px;
}
#left {
float:left;
max-height:340px;
width:450px;
overflow:auto;
}
#right {
float:right;
max-height:340px;
overflow:auto;
width:450px;
margin-top:7px;
}
.news, .event {
padding-left:10px;
padding-right:10px;
}
.news .titre, .event .titre{
font-size:13px;
margin:0;
}
.news .infos , .event .infos{
float:right;
font-size:10px;
margin:0;
}
.news .description, .event .message{
margin-top: 20px;
}
#footer {
background:none repeat scroll 0 0 #0A021F;
border-top:2px solid gray;
color:white;
font-size:11px;
min-height:40px;
text-align:center;
width:100%;
position: absolute;  
bottom: 0px; 
}
a, a:visited, a:focus {
border:medium none;
color:#3F5FA3;
text-decoration:none;
}
a:hover {
border:medium none;
text-decoration:underline;
}
img {
border:medium none;
}
.titre, a.titre {
border-bottom:1px solid black;
font-size:18px;
font-weight:bold;
}
label{
display:block;
width:150px;
float: left;
}
.information, a.information, ul.menu li a.information{
color:red;
}
.centre{
margin:0;
text-align:center;
}
.gauche{
margin:0;
text-align:left;
}
.droite{
margin:0;
text-align:right;
}
.barre{
text-decoration:line-through;
}
.souligne{
text-decoration:underline;
}
#previewDiv, #viewDiv{
margin-left:150px;
overflow: auto;
max-height:300px;
max-width:400px;
padding:2px;
}
textarea#message{
width:400px;
}
#boutons{
margin-left:150px;
margin-top:10px;
}
#previewDiv, #viewDiv{
margin-left:150px;
margin-bottom:10px;
}
table{
border-collapse:collapse;
}
#liste .en_tete{
background:silver;
border: 1px solid #5F5F5F;
font-size: 14px;
}
#liste{
border:1px solid #5F5F5F;
text-align:left;
margin-bottom: 10px;
line-height: 20px;
}
#liste .titre{
width:300px;
font-size: 14px;
text-decoration:none;
border-bottom:none;
}
#liste  .auteur{
width:150px;
}
#liste  .date{
width:50px;
}
#liste .editer, #liste .repondre, #liste .supprimer, #liste .commentaires{
text-align: center;
}
#liste .action{
width: 80px;
text-align:center;
}
#liste .commentaires{
width: 80px;
}
#liste .prenom, #liste .perso, #liste .nom_utilisateur, #liste .pseudo{
width:150px;
}
#liste .level, #liste .actif, #liste .acces{
width: 50px;
text-align:center;
}
#liste .statut{
width: 80px;
text-align:center;
}
#detail .infos{
margin:0;
text-align:right;
font-size:10px;
}
#detail .titre{
margin-bottom:0;
}
.commentaire {
border:1px solid;
width:600px;
margin-bottom: 5px;
}
.commentaire .date{
display:block;
float:right;
font-size:10px;
}
.commentaire .infos {
background:none repeat scroll 0 0 silver;
border-bottom:1px dotted black;
margin-top:0;
}
.cadre {
border:1px solid black;
margin-bottom: 10px;
}
.cadre .titre {
background:none repeat scroll 0 0 silver;
border-bottom:1px dotted;
margin:0;
}
.cadre .infos {
float:right;
font-size:10px;
margin:0;
}
.cadre .liens {
margin-bottom:2px;
}
legend{
font-size:14px;
font-weight:bold;
}
label.normal{
display:inline;
float:none;
}
#menu_membre  {
margin-left:10px;
margin-top:20px;
width:170px;
float:left;
}
#menu_membre .actif, #menu_membre .actif a:hover{
background: silver;
}
#infos_membre {
border:2px solid silver;
padding:5px;
text-align:center;
width:150px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#pseudo_membre {
font-size:15px;
font-weight:bold;
}
#pseudo_membre p {
margin:0;
}
#avatar_membre {
}
#liens_membre {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px solid silver;
font-size:12px;
margin-top:10px;
text-align:center;
width:160px;
padding-bottom:1px;
}
#liens_membre .titre{
border-bottom: 2px solid silver;
background: #696476;
margin-bottom: 1px;
margin-left: 0px;
margin-right: 0px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright:3px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
#liens_membre p{
margin:0;
margin-left: 1px;
margin-right: 1px;
}
#liens_membre a:hover{
background: #EFEFEF;
}
#liens_membre a{
line-height: 25px;
display:block;
text-decoration:none;
}
#contenu_membre{
margin-top: 50px;
margin-left: 200px;
}
#msg_membre{
width:80%;
border-bottom: 2px solid silver;
}
#news_membre{
padding-top: 5px;
}
#postulations{
width:50%;
max-height: 300px;
overflow: auto;
}
.postulation .titre {
font-size:16px;
margin-bottom:0;
}
.postulation .date {
float:right;
font-size:10px;
margin:0;
}
.postulation .details {
margin-top: 15px;
}
.postulation .nom_perso {
}
.postulation .age {
float:right;
margin-top:0;
}
.postulation .level {
float:right;
margin-top:0;
}
.postulation .ancienne_guilde {
}
#redef_passe,#remail{
width:300px;
margin:auto;
}