/* 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: #EAC99A url(../img/img01.jpg); font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; }

/* titres */
h1 { font-size:150%; color: #B27217; margin:0 auto; margin-bottom:5px; margin-top:10px; padding:3px; text-align:center; border:#c96 solid 1px; background-image:url(../img/img01.jpg); }
h2 { font-size:130%; color: rgb(255,128,64); margin:0 auto; margin-bottom:5px; padding:2px; text-align:center; font-weight:bold; }
h3 { font-size:90%; margin:0 auto; margin-bottom:5px; margin-top:10px; text-align:center; color: rgb(176,88,0); width:auto; text-transform:uppercase; }
/* messages d'info */
h4, .infos { margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; font-size:120%; color:#000; font-weight:bold; border: 3px double #ccc; width:50%; }

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

ul li { padding-left: 1em;	background: url(../img/img06.gif) no-repeat left center; }
ul { list-style: none; }
ol { margin-left: 3em; }
a { color: #D65601; text-decoration: none;}
a:hover { color:#B27217;	text-decoration: underline; }

/* images */
img { border:none; }
/* label */
label { width:150px; float:left; padding:0px;	margin:0px; }
/* formulaire  txt */
input, textarea { color:rgb(128,64,0); font-weight:bold; background-color:rgb(255,177,140); border: 1px #666 solid; margin-top:1px; }
.checked input { background-color:transparent; border:none; }
input.text { background-color:rgb(255,177,140); border: 1px #666 solid; width:auto; }
textarea { color:#333; }
/* formulaire selection */
select, option { color:rgb(128,64,0); font-weight:bold; background-color:rgb(255,177,140); margin-top:1px; }
/* tabl : titre, colonne, ligne */
table { width:100%; border-collapse:collapse; }
th, tr, td { border: 1px solid #999; padding:5px; text-align:center; background-color:rgb(247,226,164); background-image:url(../img/img10.jpg); }

/* postionnement */
.center { text-align:center; margin:0 auto; }
.left { text-align:left; }
.right { text-align:right; }
.just { text-align:justify; }
.vert-top { vertical-align:top; }

/* 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; }

/* text transform */
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.capitalize { text-transform:capitalize; }

/* 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%; }

/* pour le fond des tableaux valide/non valide */
.notValid { background-color:#eee; background-image:none; } /* fond blanc */
.inValid { background-color:#ccc; background-image:none; } /* fond gris */
.reValid { background-color:#ec9; background-image:none; } /* fond marron */
.deValid { background-color:#9ce; background-image:none; } /* fond bleu */

/* sommaire */
div#sommaire { margin:0 auto; padding:10px; width:75%; text-align:center; background-color:rgb(255,213,170); border:solid 1px #000; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/* 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; height:auto; 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; }

.img88x31 { width:88px; height:31px; }

/* infos bulle */
a.info { position: relative; border-bottom: 1px #666 dashed; }
a.info span { display: none; }
a.info:hover { z-index: 500; cursor: help; position:relative; text-decoration:none; }
a.info:hover span { display: inline; position: absolute; top: -7px; left: 200px; background:rgb(247,226,164); color: #003; font-size:80%; font-weight: normal; padding: 5px; width:175px; border: 1px solid #999; border-left: 4px solid #888; text-align:left; }

/* infos bulle2 */
a.info2:hover span { top:25px; left: 15px; width:350px; }
a.info3:hover span { top:15px; left:5px; width:120px; }
a.info4:hover span { top:18px; left:0px; width:300px; }
div#welcome a.info:hover span { top:18px; left:0px; width:230px; }

/* mini messages d'information */
.mini_infos { font-size:85%; margin:0 auto; margin-bottom:10px; text-align:center; color:#666; font-style:italic; }
/* messages d'information stylés */
.stl_infos { font-size:110%; font-family:'Times New Roman'; }

/* messages */
.message { margin:5px; padding:10px; text-align:justify; background-color:rgb(255,213,170); border:solid 1px #000; border-right:solid 1px #999; border-bottom:solid 1px #999; }

/* parties */
.partie { margin:5px; padding:10px; border:1px solid rgb(150,90,58); border-right:rgb(150,90,58) 5px solid; background-color:rgb(250,185,114); text-align:justify; color:#000; }

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

/* boite de recherche dans les membres */
.search { margin:0 auto; margin-bottom:10px; margin-top:10px; width:50%; padding:5px; background-color:rgb(255,200,150); border:3px double #000; }
/* forum */
	/* prévisualiser */
.prev { margin:0 auto; margin-top:5px; margin-bottom:15px; border:3px double #333; background-color:#F7E2A4; width:95%; padding:5px; }
	/* citer */
.quote { margin-left:20px; padding:5px; border:1px dashed #00c; background:#ccc; color:#000; font-family:Georgia, "Times New Roman", Times, serif; }
.auteur { margin-left:20px; font-size:85%; margin-bottom:2px; font-weight:bold; }

/* line dotted */
.dotted { background-color:#CC6633; height:2px; line-height:1px; margin:15px auto; width:50%; text-align:center; }

/* stats menu */
#chiffres { margin:10px 0px; }

/* menu, rechercher, no margin bottom */
#nomarginB { margin-bottom:0; }

.indent { margin-left:20px; }

.emptyTD { border-color:transparent; border-bottom-color:#999; background-image:none; background-color:transparent; }

ul#credits li { background-image: none; padding-left:0px; list-style-position:inside; list-style:square; }

div#pbf_search { margin: -20px 0 0 0; text-align:center; }
