hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

html, body, ul, ol, li, h1, h2, h3, div, form, input, textarea, p, table, th, td {
margin : 0;
padding : 0;
}
body {
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : black;
background : #a3d2fe url(fond.jpg) repeat-x top;
}
ul, ol {
list-style-position : inside;
}
a {
color : #000;
font-weight : bold;
text-decoration : none;
}
img {
border : none;
}
input:focus, textarea:focus {
background-color : #fffce7;
border : 1px solid #bbbbbb;
color : #000000;
}
td {
vertical-align : top;
}
div.clear {
clear : both !important ;
height : 0 !important ;
min-height : 0 !important ;
overflow : hidden !important ;
margin : 0 !important ;
padding : 0 !important ;
font-size : 0 !important ;
line-height : 0 !important ;
border : none !important ;
}
div.largeurPage {
width : 932px;
margin : 0 auto;
}
div.bbeditor .bouton {
float : left;
padding : 4px;
font-size : 10px;
color : #98ccff;
border : 1px solid #ddd;
background-color : #fff;
}
div.bbeditor .bouton:hover {
float : left;
padding : 4px;
font-size : 10px;
color : #fff;
border : 1px solid #0c6fb4;
background-color : #98ccff;
}
div.bbeditor textarea {
clear : left;
width : 96%;
height : 300px;
}
div.splash {
padding : 10px;
border : 1px solid #ccc;
background-color : #fff;
}
#login {
height : 30px;
padding-top : 2px;
border-bottom : 1px solid #000;
background-color : #fff;
}
#login form {
width : 850px;
padding-top : 2px;
}
#login .fermer {
display : block;
float : right;
padding-top : 7px;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
#icobar {
height : 30px;
color : #fff;
background : #000 repeat-x top;
}
#icobar {
background-image : url(icobar.jpg);
font-size : 11px;
}
#icobar a {
color : #fff;
}
#icobar a:hover {
text-decoration : underline;
}
#boutonIcotaku {
float : left;
margin-right : 2px;
padding-top : 2px;
}
#icobar form {
float : left;
width : 420px;
padding-top : 2px;
}
#icobar ul {
float : right;
width : 490px;
padding-top : 7px;
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
#icobar li {
float : right;
padding : 0 15px;
}
#icobar img.avatar {
position : relative;
top : -1px;
float : left;
width : 16px;
height : 16px;
margin-right : 5px;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
}
#icoMenu {
color : #fff;
border : 1px solid #333;
list-style-position : inside;
list-style-type : none;
}
#icoMenu a {
display : block;
padding : 4px;
color : #000;
border-right : 1px solid #333;
background-color : #f4f4f4;
}
#icoMenu a:hover {
background-color : #fff;
}
#messageValide {
width : 932px;
margin : auto;
padding : 10px;
text-align : center;
font-weight : bold;
color : #000000;
border : 1px solid #336600;
background-color : #ccffcc;
}
#messageInvalide {
width : 932px;
margin : auto;
padding : 10px;
text-align : center;
font-weight : bold;
color : #000000;
border : 1px solid #660000;
background-color : #ffcccc;
}
#entete {
height : 120px;
background : url(entete.png) no-repeat;
}
#site {
width : 932px;
margin : auto;
margin-bottom : 10px;
}
#menu {
position : absolute;
margin : 104px 0 0 5px;
font-size : 10px;
list-style-type : none;
}
#menu li {
float : left;
margin-right : 5px;
}
#menu li a {
display : block;
padding : 2px 10px;
text-align : center;
background : #fff url(titre.png) repeat-x top;
color : #0c6fb4;
border-top : 1px solid black;
border-left : 1px solid black;
border-right : 1px solid black;
}
#menu li a:hover {
color : #fff;
background : none;
background-color : #0a5499;
}
#menu li.selected a {
color : #f6a800;
border-top : 1px solid #0c6fb4;
border-left : 1px solid #0c6fb4;
border-right : 1px solid #0c6fb4;
background : #fff url(titre.png) repeat-x top;
color : #0c6fb4;
}
#titre {
padding : 4px;
font-size : 16px;
color : #0c6fb4;
border-top : 1px solid black;
background : #eee url(titre.png) repeat-x top;
}
#titre span {
font-weight : normal;
font-size : 11px;
}
#page {
border-left : 1px solid #111;
border-right : 1px solid #111;
background-color : #f6f6f6;
}
#page p, #page form, #page fieldset, #page ul {
margin-bottom : 10px;
}
#gauche {
float : left;
width : 640px;
min-height : 1460px;
padding : 10px;
color : #666;
background-color : #fff;
}
#gauche a:hover {
color : #39008e;
text-decoration : underline;
}
#gauche .bouton:hover {
color : #39008e;
text-decoration : none;
}
#gauche p {
margin-bottom : 10px;
}
#gauche h1 {
font-size : 12px;
margin-bottom : 5px;
padding : 4px 0;
background-color : #e8eff6;
color : #5c6cb0;
}
#gauche h1 input {
position : relative;
top : -3px;
float : right;
font-size : 10px;
}
#gauche p.submit {
text-align : center;
}
#gauche .b {
float : left;
width : 295px;
margin-right : 10px;
border : 1px solid #d6d6d6;
padding : 4px;
margin-bottom : 12px;
}
#gauche .c {
float : left;
width : 390px;
margin-right : 0;
border : 1px solid #d6d6d6;
padding : 4px;
margin-bottom : 12px;
}
#gauche .d {
float : left;
width : 630px;
margin-right : 5px;
border : 1px solid #d6d6d6;
padding : 4px;
margin-bottom : 12px;
}
#gauche p.submit input {
padding : 5px 10px;
font-weight : bold;
color : #fff;
border : 1px solid #0c6fb4;
background-color : #98ccff;
}
#gauche p.submit a {
background-color : #98ccff;
border : 1px solid #0c6fb4;
color : #ffffff;
font-size : 12px;
font-weight : bold;
padding : 7px 10px;
}
#gauche p.submit a:hover {
background-color : #98ccff;
border : 1px solid #0c6fb4;
color : #ffffff;
font-size : 12px;
font-weight : bold;
padding : 7px 10px;
text-decoration : underline;
}
#logo form {
margin-top : 6px;
padding : 3px 10px;
background : url(rechercher.png) no-repeat center;
font-size : 10px;
}
#logo form input {
background : none;
border : none;
}
#logo form input.bouton {
color : #39008e;
text-decoration : underline;
font-weight : bold;
}
#gauche fieldset {
margin-bottom : 10px;
}
#droite {
float : left;
width : 250px;
padding-left : 10px;
padding-right : 10px;
padding-top : 4px;
}
#droite h1 {
margin-bottom : 2px;
padding : 2px;
font-size : 12px;
text-align : center;
background : url(h1_droite.png) no-repeat center;
}
#panel {
height : 50px;
padding : 2px;
border : 1px solid #ccc;
background-color : #f0f0f0;
}
#panel h1 {
clear : none;
font-size : 12px;
}
#panel p {
font-style : italic;
}
#panel .avatar {
float : left;
width : 60px;
height : 60px;
margin-right : 10px;
padding : 1px;
border : 1px solid #ccc;
background-color : #fff;
}
#page table.listemp {
width : 100%;
border-collapse : collapse;
}
#page table.listemp td {
padding : 6px;
border : 1px solid #ddd;
}
#page table.listemp th {
padding : 5px;
color : #000;
border : 1px solid #ccc;
background : none;
background-color : #eee;
}
#page table.listemp td {
vertical-align : middle;
border : 1px solid #ccc;
}
#page table.listemp td.suppression {
width : 12px;
text-align : center;
}
#page table.listemp td.auteur {
width : 120px;
}
#page table.listemp td.auteur img {
float : left;
width : 12px;
height : 12px;
margin-right : 6px;
}
#page table.listemp td.temps {
width : 150px;
text-align : center;
}
#page form.mp {
border : 1px solid #ccc;
}
#page form.mp div.entete {
padding : 6px;
border-bottom : 1px solid #ccc;
background-color : #eee;
}
#page form.mp div.entete img {
float : left;
width : 24px;
height : 24px;
padding-right : 6px;
}
#page form.mp div.contenu {
padding : 12px;
min-height : 300px;
}
#page form.mp div.actions {
padding : 6px;
text-align : right;
border-top : 1px solid #ccc;
background-color : #eee;
}
#page a.liresuite {
display : block;
text-align : right;
}
#page a.gauche {
display : block;
float : left;
}
#page a.droite {
display : block;
float : right;
}
#page table.news td.date {
color : #7e003e;
}
#page h3 .extra, #page th .extra {
display : block;
float : right;
margin-left : 6px;
font-size : 11px;
text-align : right;
font-weight : normal;
}
#page h3 .extra img, #page th .extra img {
padding : 2px;
border : 1px solid #ddd;
background : #fff;
}
#page h3 .bloc, #page th .bloc {
display : block;
font-size : 10px;
float : left;
margin-left : 9px;
text-align : left;
font-weight : normal;
}
#page h3 .bloc img, #page th .bloc img {
padding : 2px;
border : 1px solid #ddd;
margin-right : 6px;
margin-left : -8px;
background : #fff;
width : 65px;
height : 65px;
}
#page .bloc, #page th .bloc {
display : block;
font-size : 10px;
float : left;
margin-left : 9px;
text-align : left;
}
#page .bloc img, #page th .bloc img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow:2px 2px 5px #333333;
-webkit-box-shadow:2px 2px 5px #333333;
}
#page .bloc img a {
outline : none;
}
#page div.bbeditor textarea {
clear : left;
width : 96%;
height : 300px;
}
#gauche .bb_code {
text-align : left;
overflow : scroll;
border : 1px solid #bababa;
background-color : #f4f4f4;
margin-bottom : 12px;
}
#watchlist .menu li {
float : left;
margin-right : 10px;
list-style-type : none;
}
#watchlist .menu li a {
display : block;
padding : 4px 10px;
}
#watchlist .menu li.selected a {
color : #fff;
background-color : #ff6633;
}
#messagerie .menu li {
float : left;
margin-right : 10px;
list-style-type : none;
}
#messagerie .menu li a {
display : block;
padding : 4px 10px;
}
#messagerie .menu li.selected a {
color : #fff;
background-color : #0c6fb4;
}
#watchlist .affichage {
clear : both;
padding : 4px;
}
#watchlist .watchform {
clear : none;
border : 1px solid #ddd;
padding : 2px;
margin : 1px 0;
}
#watchlist .watchform:hover {
border : 1px solid #ccc;
}
#watchlist .watchform .entete {
height : 18px;
}
#watchlist .watchform .entete img {
padding : 0;
width : 15px;
height : 15px;
border : none;
}
#watchlist .watchform p {
margin : 0;
}
#watchlist .watchform input {
font-size : 10px;
}
#watchlist .watchform textarea {
width : 98%;
}
#watchlist .watchform .statut_1 {
background-color : #e5eff7;
}
#watchlist .watchform .statut_2 {
background-color : #f7f5e5;
}
#watchlist .watchform .statut_3 {
background-color : #e7f7e5;
}
#watchlist .watchform .statut_4 {
background-color : #f7eae5;
}
#watchlist .watchform .entete .boutons {
float : right;
}
#watchlist .watchform .edition {
padding : 4px;
}
#watchlist .watchform .edition ul {
list-style : none;
margin : 0;
padding : 0;
}
#watchlist .watchform .edition li {
float : left;
height : 20px;
margin-right : 4px;
padding : 0 4px;
}
#watchlist .watchform .edition .formulaire {
clear : left;
padding : 12px;
}
#profil_informations {
font-size : 10px;
}
#profil_informations img.avatar {
float : left;
margin-right : 10px;
width : 75px;
height : 75px;
border : 1px solid #e4e4e4;
background-color : #fff;
padding : 1px;
}
#profil_informations h1 {
margin-bottom : 2px;
}
#profil_informations h1 span {
display : block;
font-weight : normal;
font-style : italic;
font-size : 11px;
}
#profil_informations p {
margin-bottom : 6px;
}
#profil_interactions {
margin : 0;
margin-bottom : 6px;
padding : 0;
text-align : right;
list-style : none;
}
#profil_interactions li {
display : inline;
}
#profil_navigation {
margin : 0;
margin-bottom : 6px;
padding : 0;
list-style : none;
}
#profil_navigation li {
padding : 4px;
border-bottom : 1px solid #ddd;
}
#profil_navigation li .extra {
float : right;
color : #aaa;
}
#profil_clubs ul {
margin : 0;
margin-bottom : 6px;
padding : 0;
list-style : none;
}
#profil_clubs li {
clear : left;
padding : 4px;
}
#profil_clubs li .extra {
float : right;
color : #aaa;
}
#profil_clubs li img {
float : left;
margin-right : 6px;
width : 16px;
height : 16px;
}
#profil_amis {
margin-bottom : 6px;
}
#profil_amis img {
float : left;
width : 53px;
height : 53px;
margin : 3px;
border : 1px solid #ddd;
}
#pied {
padding : 7px;
color : #111;
font-size : 10px;
text-align : center;
border : 1px solid #111;
background-image : url(pied.jpg);
}
div.statistiques {
margin : auto;
width : 250px;
margin-bottom : -10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow:2px 2px 5px #333333;
-webkit-box-shadow:2px 2px 5px #333333;
}
div.statistiques b {
color : black;
}
div.statistiques a {
outline : none;
text-decoration : none;
display : block;
margin : 0 0;
height : 44px;
padding-left : 10px;
font-weight : normal;
background-color : #ffffff;
}
div.statistiques a:hover {
outline : none;
text-decoration : none;
}
div.statistiques a img {
float : right;
border : 0;
}
div.statistiques a h2 {
margin : 0;
padding : 0;
padding-top : 10px;
border : none;
background : none;
color : #000;
}
div.statistiques a p {
margin : 0;
padding-bottom : 19px;
}
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

.loader
{
  float:right;
  background:url('loader.gif') no-repeat;
  height:11px;
  width:43px;
}