/* 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: #333; font-size:80%; font-family:Arial, Helvetica, sans-serif; color:#ccc; margin:10px; text-align:center; }

/* titres */
h1 { font-size:150%; color:#c00; margin:0 auto; margin-bottom:5px; margin-top:10px; padding:2px; text-align:center; width:70%; border-bottom:dotted 1px #ccc; }
h2 { background-color:#333; font-size:130%; color:#933; margin:0 auto; margin-bottom:5px; margin-top:10px; padding:2px; text-align:center; font-weight:bold; text-transform:lowercase; border:1px solid #ccc; }
h2:hover { background-color:#933; color:#333; border:1px solid #333; }
a { color: #D65601; text-decoration: none;}
a:hover { color:#B27217;	text-decoration: underline; }

.red { color:darkred; background-color:#999; font-weight:bold; }
.blue { background-color:#600; color:#999; }
.colorRed { color:#c66; font-weight:bold; }
/* images */
img { border:none; }
/* postionnement */
.center { text-align:center; margin:0 auto; }
.left { text-align:left; }
.right { text-align:right; }
.justify { text-align:justify; }

/* 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; padding:20px; }
.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%; }