Forum

/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/
 
/* Corps du site 
--------------------------------------*/
*{
margin:0;
padding:0;
font-size:100%;
}
body{
background:url("images/1.png") no-repeat fixed;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#000000;
margin:0;
padding:0;
}
 
 
/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
display:block;
float:left;
color:#FEFEFE;
height:22px;
text-decoration:none;
background:url("images/sub_header.gif") repeat-x; 
text-align:center;
padding:0px 20px;
padding-top:9px;
}
a:hover.button
{
background:url("images/sub_header2.gif") repeat-x; 
color:#FEFEFE;
text-decoration:none;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:0px 19px;
padding-top:9px;
}
 
div#connect{
position:relative;
height:150px;
width:210px;
left:0px !important;
left:-5px;
font-size:10px;
color:#000000;
text-align:center;
padding:4px;
padding-top:40px;
padding-left:10px;
background:url("images/header_boost.jpg") no-repeat;
}
div#connect a{
color:#FEFEFE;
}
div#disconnect{
position:relative;
height:155px;
left:0px !important;
left:-5px;
padding:4px;
padding-top:35px;
padding-left:40px;
background:url("images/header_boost.jpg") no-repeat;
}
div#disconnect a{
color:#2A3030;
}
 
/* Conteneurs 
--------------------------------------*/
div#global 
{
background:#FFFFFF;
border-bottom:1px solid #878586;
}
div#header{
background:url("images/bg_header.gif") repeat-x;
text-align:left;
}
div#sub_header{
height:31px; 
background:url("images/sub_header.gif") repeat-x;
margin-top:-2px;
}
div#sub_header_left{
background:url("images/sub_header.gif") repeat-x;
height:31px;
margin:auto;
width:500px;
}
div#sub_header_right{
background:url("images/sub_header.gif") repeat-x;
height:31px;
width:10.75em;
float:right;
}
div#compteur{
position:absolute;
color:#FFFFFF;
width:130px;
}
div#compteur_position{
position:absolute;
z-index:100;
right:130px;
top:10px;
}
div#left_menu{
float:left;
width:220px;
margin:0;
margin-right:0px !important;
margin-right:-3px;
padding-left:4px;
padding-top:15px;
}
div#main{
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding-bottom:30px;
padding:3px;
}
div#right_menu{
float:right;
width:220px;
margin-left:0px !important;
margin-left:-3px; 
padding-top:15px;
}
div#links{
width:96%;
margin:auto;
margin-top:10px;
margin-bottom:10px;
padding-top:2px;
padding-bottom:4px;
color:#FFFFFF;
font-weight:bold;
}
div#footer{
background-color:#587B9B;
text-align:center;
border-top:1px solid #878586;
padding:0.75em;
clear:both;
}
div#footer span{
font-size:10px;
color:#FFFFFF;
}
div#footer span a{
font-size:10px;
color:#FFFFFF;
}

div#global 
{
background:#E0DCDD;
border-bottom:1px solid #878586;
}

div#global 
{
border-bottom:1px solid #878586;
}

div#main{
background:url("images/main.gif") repeat-x;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding-bottom:30px;
padding:3px;
}

div#main{
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
padding-bottom:30px;
padding:3px;
}

background:url("images/1.png") no-repeat fixed center;
 

/* --------------------------------------
content.css
Contient les formulaires, les modules (et modules minis), et messages.
--------------------------------------*/
 
/* Entête des tableaux */
th{
padding:5px 6px;
color:#FFFFFF;
background:#214F7E;
border:1px solid #000000;
text-align:left;
font-size:0.75em;
text-transform:uppercase;
}
 
/* Formulaires 
--------------------------------------*/
.fieldset_mini{
width:540px;
margin:auto;
margin-top:20px;
}
.fieldset_content{
width:95%;
margin:auto;
margin-top:20px;
}
input, textarea, optgroup, select, .xmlhttprequest_preview{
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
vertical-align:middle;
border-left:1px solid #46586B;
border-top:1px solid #46586B;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#A9C0D8;
color:#2E3B5F;
padding:1px 2px;
}
input:hover, textarea:hover{
border:1px solid #8E9498;
background-color:#CFD3D6; 
}
input:focus, textarea:focus{
border:1px solid #DEE0E1;
background-color:#CBCFD2;
}
fieldset textarea.post{
width:90%;
display:inline;
}
textarea{
display:block;
width:94%;
margin:auto;
}
input.text{
padding:2px;
}
input.submit{
border:1px solid #5B5A5A;
color:#061729;
padding:2px;
font-weight:bold;
background:#FFFFFF url('images/form/form.gif') repeat-x;
}
input.reset{
border:1px solid #5B5A5A;
color:#E10000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
padding:2px;
background:#FFFFFF url('images/form/form.gif') repeat-x;
}
input.reset:hover, input.submit:hover{
border:1px solid #22435F;
cursor:pointer;
color:#507CA2;
}
optgroup, select{
font-family:Verdana,Helvetica,Arial,sans-serif;
cursor:pointer;
vertical-align:middle;
width:auto;
}
optgroup{
font-weight:bold;
border:none;
border-bottom:1px solid #5B5A5A;
}
option{
padding:0px 3px;
}
legend{
padding:1px 0;
font-family:Tahoma,arial,Verdana,Sans-serif;
font-size:0.75em;
font-weight:bold;
color:#FFFFFF;
background-color:#7E9FC2;
border:1px solid #000000;
padding:2px 8px;
margin-top:-0.4em;
position:relative;
text-transform:none;
line-height:1.2em;
top:0;
vertical-align:middle;
text-transform:uppercase;
}
legend{ 
top:-1.2em; 
}
* html legend{
margin:0 0 -10px -7px;
line-height:1em;
font-size:.85em;
}
fieldset{
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:20px 0;
padding:6px;
border:1px solid #000000;
background-color:#A5B5C6;
position:relative;
}
fieldset.fieldset_submit{
margin-top:-10px;
padding-bottom:15px;
width:100%;
text-align:center;
background:none;
border:none;
}
fieldset.fieldset_submit legend{
display:none;
}
fieldset dl{
height:1%;
overflow:hidden;
margin-bottom:16px;
font-size:11px;
}
fieldset dl.overflow_visible{
overflow:visible;
}
html>body fieldset dl{
height:auto;
min-height:20px;
}
fieldset dt{
width:45%;
text-align:left;
padding-top:3px;
}
fieldset dd{
margin:0 0 0 45%;
padding:0 0 0 5px;
border:none;
vertical-align:top;
font-size:11px;
}
dt{
float:left;
width:auto;
}
dt span{ 
padding:0 5px 0 0;
}
label{
cursor:pointer;
}
fieldset label{
font-size:11px;
text-align:left;
font-weight:bold;
color:#253B51;
}
dd label{
white-space:nowrap;
margin:0 10px 0 0;
font-weight:normal;
color:#FFFFFF;
}
dt span{
font-size:10px;
color:#FFFFFF;
}
label img{
vertical-align:middle;
}
fieldset dl dd label:hover{
color:#214155;
}
 
 
 
/* Messages postés par les membres (messages privés, commentaires, etc...) 
--------------------------------------*/
/* Classe du lien du pseudo des messages */
a.msg_link_pseudo{
color:#FFFFFF; 
font-weight:bold;
}
a.msg_link_pseudo:hover { 
color:#f2fbff; 
font-weight:bold;
}
/* Conteneur des messages */
.msg_position{
width:100%;
margin:auto;
background:#6F90B1;
}
/* Case contenant l'ensemble du message */
.msg_container{
background:#EAE8E9;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
/* Barre supérieur des messages */
.msg_top_l{
margin-right:0px !important;
margin-right:-3px;
width:20px;
height:39px;
background:url(images/msg_top_l.gif) no-repeat left;
float:left;
}
.msg_top_r{
margin-left:0px !important;
margin-left:-3px;
width:20px;
height:39px;
background:url(images/msg_top_r.gif) no-repeat left;
float:right;
}
.msg_top{
height:27px;
background:url(images/msg_top.gif) repeat-x;
padding-top:12px;
padding-left:15px;
padding-right:15px;
}
.msg_top a{
color:#FFFFFF;
}
/* Pseudo du membre */
.msg_pseudo_mbr{
width:127px;
background:#59728B;
padding:2px 4px;
float:left;
margin-right:0px !important;
margin-right:-3px;
margin-left:-127px !important;
margin-left:-64px;
margin-top:-4px;
}
/* Case au dessus du message, indique la date et les boutons d'administration */
.msg_top_row{
height:16px;
background:#59728B;
font-size:10px;
color:#FFFFFF;
border-top:1px solid #092139;
border-bottom:1px solid #092139;
padding-top:4px;
padding-left:127px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
}
/* Case des informations du membre */
.msg_info_mbr{
color:#FFFFFF;
background:#6F90B1;
width:127px;
padding:4px;
float:left;
border-right:1px solid #092139;
font-size:10px;
}
/* Case contenant l'ensemble du message, infos membre + contenu */
.msg_contents_container{
margin-right:2px;
background:#6F90B1;
}
/* Case du message */
.msg_contents{
background:#EAE8E9;
margin-left:135px;
padding:5px;
border-left:1px solid #092139;
}
/* Case du contents du message, évite que les images trop grandes déforme */
.msg_contents_overflow{
width:99%;
height:auto;
min-height:80px;
overflow:auto;
padding:10px 0px;
}
/* Signature du membre */
.msg_sign{
background:#EAE8E9;
max-height:130px;
overflow:hidden;
padding:4px;
font-size:11px;
margin-left:135px;
border-left:1px solid #092139;
}
/* Signature du membre, fixe la hauteur maximale */
.msg_sign_overflow{
height:auto !important;
height:80px;
width:99%;
max-height:80px;
max-width:99%;
overflow:hidden;
}
/* Barre inférieure des messages */
.msg_bottom_l{
margin-right:0px !important;
margin-right:-3px;
width:10px;
height:25px;
background:url(images/msg_bottom_l.gif) no-repeat right;
float:left;
border-top:1px solid #092139;
}
.msg_bottom_r{
margin-left:0px !important;
margin-left:-3px;
width:10px;
height:25px;
background:url(images/msg_bottom_r.gif) no-repeat right;
float:right;
border-top:1px solid #092139;
}
.msg_bottom{
height:22px;
background:#EAE8E9 url(images/msg_bottom.jpg) no-repeat;
padding-top:3px;
padding-left:20px;
padding-right:15px;
font-size:12px;
border-top:1px solid #092139;
}
 
 
/* Modules
--------------------------------------*/
/* Conteneur des modules */
.module_position{
width:100%;
margin:auto;
background:#EAE8E9;
}
/* Barre supérieur des modules */
.module_top_l{
margin-right:0px !important;
margin-right:-3px;
width:20px;
height:39px;
background:url(images/msg_top_l.gif) no-repeat left;
float:left;
}
.module_top_r{
margin-left:0px !important;
margin-left:-3px;
width:20px;
height:39px;
background:url(images/msg_top_r.gif) no-repeat right;
float:right;
}
.module_top{
height:25px;
background:url(images/msg_top.gif) repeat-x;
padding-top:14px;
padding-left:15px;
padding-right:15px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.module_top a{
color:#FFFFFF;
}
/* Contenu des modules */
.module_contents{
background:#EAE8E9;
padding:10px;
margin-left:2px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
clear:both;
}
/* Barre inférieure des modules */
.module_bottom_l{
margin-right:0px !important;
margin-right:-3px;
width:10px;
height:25px;
background:url(images/msg_bottom_l.gif) no-repeat left;
float:left;
}
.module_bottom_r{
margin-left:0px !important;
margin-left:-3px;
width:10px;
height:25px;
background:url(images/msg_bottom_r.gif) no-repeat right;
float:right;
}
.module_bottom{
height:22px;
background:url(images/msg_bottom.gif) repeat-x bottom;
padding-top:3px;
padding-left:20px;
padding-right:15px;
font-size:12px;
}
/* Tableau global, utilisé dans les différents modules */
.module_table{
width:100%;
margin:auto;
border-spacing:0px;
border-collapse:collapse;
background-color:#EAE8E9;
}
 
 
/* Modules minis
--------------------------------------*/
/*Placement des mini modules */
.module_mini_container{
margin-bottom:20px;
margin-left:5px;
}
.module_mini_table{
width:200px;
background:url("images/background.png") repeat;
text-align:center; 
padding:4px;
padding-top:5px;
}
.module_mini_top{
width:209px;
height:29px;
background:url("images/row1.png") no-repeat;
font-weight:bold;
color:#FFFFFF;
padding-top:8px;
}
/* Bordure inférieur des modules minis */
.module_mini_bottom{
margin-top:-1px;
height:19px;
width:209px;
background:url("images/module_bottom.png") no-repeat;
}
 

/* News */
/* Barre supérieur des news */
.news_top_l{
margin-right:0px !important;
margin-right:-3px;
width:20px;
height:39px;
background:url(images/news_top_l.gif) no-repeat left;
float:left;
}
.news_top_r{
margin-left:0px !important;
margin-left:-3px;
width:20px;
height:39px;
background:url(images/news_top_r.gif) no-repeat right;
float:right;
}
.news_top{
margin:0;
height:25px;
background:url(images/news_top.gif) repeat-x;
padding-top:14px;
padding-left:15px;
padding-right:15px;
color:#FFFFFF;
}
.news_top a{
color:#FFFFFF;
}
/* Contenu de la news */
.news_container{
width:99%;
margin:auto;
background:#EAE8E9;
margin-bottom:30px;
}
.news_content{
padding:6px;
overflow:hidden !important;
height:auto !important;
overflow:visible;
height:1%;
}
 
/* Barre inférieure des news */
.news_bottom_l{
margin-right:0px !important;
margin-right:-3px;
width:10px;
height:25px;
background:url(images/news_bottom_l.gif) no-repeat left;
float:left;
}
.news_bottom_r{
margin-left:0px !important;
margin-left:-3px;
width:10px;
height:25px;
background:url(images/news_bottom_r.gif) no-repeat right;
float:right;
}
.news_bottom{
height:19px;
background:#EAE8E9 url(images/news_bottom.jpg) no-repeat;
font-size:10px;
padding-top:6px;
padding-left:6px;
padding-right:6px;
}