/* suppression des espaces et marges */
body, div, span, object, h1, h2, h3, h4, h5, h6, hr, p, a, em, img, fieldset, strong, ol, ul, li, form, label, table, tr, th, td { margin:0px; padding:0px; }

body { background-color: #ccc; font-size:80%; font-family:Times News Roman, Calibri; color:#333; }

/* titres */
h1, h2, h3 { background-color:#999; font-size:150%; color: #300; font-family:Verdana; margin:0 auto; margin-top:10px; margin-bottom:10px; padding:2px; text-align:center; }
h2 { font-family:Times News Roman, Calibri; color:#000; background-color:transparent; }
h3 { font-size:90%; width:auto; text-transform:uppercase; background-color:transparent; }

p, blockquote, ul, ol { margin-bottom: 10px; line-height: 120%; }

ul { list-style: none; }
ol { margin-left: 3em; }
a { color: #933; font-weight:bold; text-decoration: none;}
a:hover { color:#c00; text-decoration: underline; }

/* images */
img { border:none; }
/* label */
label { width:150px; float:left; padding:0px;	margin:0px; }
/* formulaire  txt */
input, textarea { color:#900; font-weight:bold; background-color:#ccc;	margin-top:1px; }
textarea { color:#333; }
/* formulaire selection */
select, option { color:#900; font-weight:bold; background-color:#ccc; margin-top:1px; }

/* tabl : titre, colonne, ligne */
table { width:100%; margin-top:10px; }
th, tr, td { border: 1px solid #000; padding:5px; text-align:center; background-color:#c66; color:#000; }
td a { color:#ddd; }
td a:hover { color:#fcc; }

/* postionnement */
.center { text-align:center; margin:0 auto; }
.left { text-align:left; }
.right { text-align:right; }
.just { text-align:justify; margin:10px; }

.capitalize { text-transform:capitalize; }
.lowercase { text-transform:lowercase; }

/* MARGINS */
.top_null { margin-top:0px; }
.bottom_null { margin-bottom:0px; }
.left_null { margin-left:0px; }
.right_null { margin-right:0px; }

.top_small { margin-top: 10px; }
.bottom_small { margin-bottom: 10px; }
.left_small { margin-left: 10px; }
.right_small { margin-right: 10px; }

.top_big { margin-top: 20px; }
.bottom_big { margin-bottom: 20px; }
.left_big { margin-left: 20px; }
.right_big { margin-right: 20px; }

/* PADDINGS */
.topP_null { padding-top:0px; }
.bottomP_null { padding-bottom:0px; }
.leftP_null { padding-left:0px; }
.rightP_null { padding-right:0px; }

.topP_small { padding-top: 10px; }
.bottomP_small { padding-bottom: 10px; }
.leftP_small { padding-left: 10px; }
.rightP_small {	padding-right: 10px; }

.topP_big { padding-top: 20px; }
.bottomP_big { padding-bottom: 20px; }
.leftP_big { padding-left: 20px; }
.rightP_big { padding-right: 20px; }

/* soulignement */
.underline { text-decoration:underline; }
.bold { font-weight:bold; }
.cadre { border: solid 1px #000; padding:1px; }

/* espacement */
.BlocSpacer { line-height:10px; }
.MiniSpacer { line-height:5px; }

/* floats et clear */
.floatL { float:left; }
.floatR { float:right; }
.float0 { float:none; }
.clear { clear:both; }

/* tailles */
.width5 { width:5%; }
.width10 { width:10%; }
.width15 { width:15%; }
.width20 { width:20%; }
.width25 { width:25%; }
.width30 { width:30%; }
.width35 { width:35%; }
.width40 { width:40%; }
.width45 { width:45%; }
.width50 { width:50%; }
.width55 { width:55%; }
.width60 { width:60%; }
.width65 { width:65%; }
.width70 { width:70%; }
.width75 { width:75%; }
.width80 { width:80%; }
.width85 { width:85%; }
.width90 { width:90%; }
.width95 { width:95%; }
.width100 { width:100%; }

/* font sizes */
.small { font-size:80%; }
.big { font-size:120%; }

/* messages d'erreur */
.error { background-color:#fff; border:1px solid #999; clear:both; color:#000; font-style:italic; margin:0 auto; margin-top:10px; padding:3px; text-align:center; }

/* button a de style input */
a.button { border:2px solid #fff; border-right-color:#999; border-bottom-color:#999; display:block; width:auto; background-color:rgb(255,177,140); text-align:center; color:rgb(128,64,0); font-weight:bold; padding:2px; line-height:13px; margin-left:2px; }
a.button:hover { text-decoration:none; cursor:default; }
a.button:active { border:2px solid #999; border-right-color:#fff; border-bottom-color:#fff; }

/* parties */
.partie { margin:5px; padding:10px; background-color:#ddd; border:5px solid #999; text-align:justify; color:#000; }
.partie img { float:left; margin-right:5px; }

/* admin, tableau des jeux, des membres et des commentaires */
.tabl { }

/* affichage de l'avatar dans le profil */
.avatar { float:left; margin-right:5px; width:100px; height:100px; }

/* pour le fond des tableaux valide/non valide */
.notValid { background-color:#eee; color:#000; border: 1px solid #000; background-image:none; } /* fond blanc */
.inValid { background-color:#ccc; color:#000; border: 1px solid #000; background-image:none; } /* fond gris */