/* styles utiles */
@media print { .doNotPrint { display: none; } }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.vAlignTop { vertical-align: top; }
 
/* couleurs */
.red { color: #f00; }
.medRed { color: #800; }
.darkRed { color: #500; }
.yellow { color: #ff0; }
.medYellow { color: #880; }
.darkYellow { color: #330; }
.green { color: #0f0; }
.medGreen { color: #080; }
.darkGreen { color: #030; }
.grey{ color: #ddd; }
.medGrey{ color: #888; }
.darkGrey{ color: #333; }

/* alpha */
.alpha30 {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
}
.alpha50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* margin, padding */
.marg2 { margin: 2px; }
.marg5 { margin: 5px; }
.marg10 { margin: 10px; }
.autoMarg { margin-left: auto; margin-right: auto; }

.pad2 { padding: 2px; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }

/* height */
.h10 { height: 10px; }

/* bg color */
.bgBlanc { background-color: #fff; }

.small { font-size: 0.7em; }
.bold { font-weight: bold; }
.pointer { cursor: pointer; }
.clearB { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.floatR { float: right; }

.noBorder { border: none; }

.__hide { display: none; }

/* usefull width */
table.tAuto { width: auto; }
.w20p { width: 20%; }

/* clear fix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */