/*
26/05/2010
Generic CSS style
Reset HTML
Style texte
Taille texte
Alignement
Line Height
Table
Ul
Margin
Padding
Width / Height
Background
Float/Clear
Cursor
Display
Position
Visibility
Overflow
Transparent / Opacity
*/

/* RESET HTML */
html, body, h1, h2, div, object, img, pre, fieldset, form, table, tbody, tfoot, thead, tr, th, td, span, a {
	margin : 0;
	padding : 0;
	border : 0;
	outline : 0;
	font-weight : inherit;
	font-style : inherit;
	font-family : inherit;
}
body, h1, h2, div, object, img, pre, fieldset, form, input, select {
	vertical-align: middle;
}
table {
	border-collapse: separate;
}
table, tbody, tfoot, thead, tr, th, td {
	vertical-align: top;
} 
html, body {
	height: 100%;
}


/* FONT */
.georgia {
	font: 100% Georgia;
}
.arial {
	font: 100% Arial;
}
.calibri {
	font: 100% Calibri;
}
.verdana {
	font: 100% Verdana;
}
.trebuchet {
	font: 100% Trebuchet MS;
}


/* STYLE TEXTE */
.b {
	font-weight: 600;
}
.u {
	text-decoration : underline;
}
.i {
	font-style : italic;
}
.overline {
	text-decoration: overline;
}  
.line_through {
	text-decoration: line-through;
}  
.small_caps {
	font-variant : small-caps;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize {
	text-transform: capitalize;
}
.ltr {
	direction: ltr;
}
.rtl {
	direction: rtl;
}
.nowrap {
	white-space: nowrap;
}


/* TAILLE TEXTE */      
.s10 {
	font-size : 10px;
}
.s11 {
	font-size : 11px;
}
.s12 {
	font-size : 12px;
} 
.s13 {
	font-size : 13px;
}
.s14 {
	font-size : 14px;
}
.s15 {
	font-size : 15px;
}
.s16 {
	font-size : 16px;
} 
.s18 {
	font-size : 18px;
}  
.s18 {
	font-size : 20px;
}
.s50 {
	font-size : 50%;
}
.s60 {
	font-size : 60%;
}
.s70 {
	font-size : 70%;
}
.s80 {
	font-size : 80%;
}
.s90 {
	font-size : 90%;
}
.s100 {
	font-size : 100%;
}
.s110 {
	font-size : 110%;
}
.s120 {
	font-size : 120%;
}
.s130 {
	font-size : 130%;
}
.s140 {
	font-size : 140%;
}
.s150 {
	font-size : 150%;
}
.s160 {
	font-size : 160%;
}
.s170 {
	font-size : 170%;
}
.s180 {
	font-size : 180%;
}
.s190 {
	font-size : 190%;
}
.s200 {
	font-size : 200%;
} 
.s250 {
	font-size : 250%;
}
.s300 {
	font-size : 300%;
}


/* ALIGNEMENT*/
.left {
	text-align : left;
}
.center {
	text-align : center;
}
.right {
	text-align : right;
}
.justify {
	text-align : justify;
}
.top {
	vertical-align : top;
}
.middle {
	vertical-align : middle;
}
.bottom {
	vertical-align : bottom;
}


/* LINE HEIGHT */   
.l_height_75 {
line-height: 75%;
}
.l_height_100 {
line-height: 100%;
}
.l_height_125 {
line-height: 125%;
}
.l_height_150 {
line-height: 150%;
}
.l_height_175 {
line-height: 175%;
}
.l_height_200 {
line-height: 200%;
}
.l_height_225 {
line-height: 225%;
}


/* TABLE */
.td_top tr td {
	vertical-align : top;
}
.td_middle tr td {
	vertical-align : middle;
}
.td_bottom tr td {
	vertical-align : bottom;
} 
.pad_td tr td {
	padding: 0.4em;
}
.pad1_td tr td {
	padding: 0.7em;
}
.pad2_td tr td {
	padding: 1em;
}  
.collapse {
	border-collapse: collapse;
}
.separate {
	border-collapse: separate;
}


/* UL */  
.ul_none {
	list-style-type : none;
}
.ul_menu {
	list-style-type : none;
	margin: 0;
	padding: 0;
	border: 0;
}
.ul_menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}
.decimal {
	list-style-type: decimal;
}
.lower_roman {
	list-style-type: lower-roman;
}
.lower_latin {
	list-style-type: lower-latin;
}


/* MARGIN */   
.mg_px {
	margin: 5px;
} 
.mg2_px {
	margin: 10px;
}
.mg {
	margin: 0.4em;
}
.mg_0 {
	margin: 0;
}
.auto {
	margin-left:auto;
	margin-right:auto; 
}
.mg1 {
	margin: 0.1em;
}
.mg2 {
	margin: 0.2em;
}
.mg3 {
	margin: 0.3em;
}
.mg4 {
	margin: 0.4em;
}
.mg5 {
	margin: 0.5em;
}
.mg6 {
	margin: 0.6em;
}
.mg7 {
	margin: 0.7em;
}
.mg8 {
	margin: 0.8em;
}
.mg9 {
	margin: 0.9em;
}
.mg10 {
	margin: 1em;
}
.mg0_left {
	margin-left: 0.5em;
}
.mg_left {
	margin-left: 1em;
}
.mg2_left {
	margin-left: 2em;
}
.mg0_right {
	margin-right: 0.5em;
}
.mg_right {
	margin-right: 1em;
}
.mg2_right {
	margin-right: 2em;
}
.mg0_top {
	margin-top: 0.5em;
}
.mg_top {
	margin-top: 1em;
}
.mg2_top {
	margin-top: 2em;
}
.mg0_bottom {
	margin-bottom: 0.5em;
}
.mg_bottom {
	margin-bottom: 1em;
}
.mg2_bottom {
	margin-bottom: 2em;
}
.mg_hor {
	margin-left: 1em;
	margin-right: 1em;
}
.mg2_hor {
	margin-left: 2em;
	margin-right: 2em;
}
.mg_hor_big {
	margin-left: 2em;
	margin-right: 2em;
}
.mg_ver {
	margin-top: 1em;
	margin-bottom: 1em;
}
.mg_ul {
	margin-left: -20px;
}

/* PADDING */ 
.pad_px {
	padding: 5px;
} 
.pad2_px {
	padding: 10px;
}
.pad {
	padding: 0.4em;
}
.pad_0 {
	padding: 0;
}
.pad1 {
	padding: 0.1em;
}
.pad2 {
	padding: 0.2em;
}
.pad3 {
	padding: 0.3em;
}
.pad4 {
	padding: 0.4em;
}
.pad5 {
	padding: 0.5em;
}
.pad6 {
	padding: 0.6em;
}
.pad7 {
	padding: 0.7em;
}
.pad8 {
	padding: 0.8em;
}
.pad9 {
	padding: 0.9em;
}
.pad10 {
	padding: 1em;
}
.pad0_left {
	padding-left: 0.5em;
}
.pad_left {
	padding-left: 1em;
}
.pad2_left {
	padding-left: 2em;
}
.pad0_right {
	padding-right: 0.5em;
}
.pad_right {
	padding-right: 1em;
}
.pad2_right {
	padding-right: 2em;
}
.pad0_top {
	padding-top: 0.5em;
}
.pad_top {
	padding-top: 1em;
}
.pad2_top {
	padding-top: 2em;
}
.pad0_bottom {
	padding-bottom: 0.5em;
}
.pad_bottom {
	padding-bottom: 1em;
}
.pad2_bottom {
	padding-bottom: 2em;
}
.pad_hor {
	padding-left: 1em;
	padding-right: 1em;
}
.pad2_hor {
	padding-left: 2em;
	padding-right: 2em;
}
.pad_ver {
	padding-top: 1em;
	padding-bottom: 1em;
}
.pad_div div {
	padding: 0.4em;
}
.pad_div div {
	padding: 1em;
}
.pad_ul ul li {
	padding: 0.4em;
} 


/* WIDTH HEIGHT */
.width_100 {
	width: 100%;
}
.width_10 {
	width: 10%;
}
.width_20 {
	width: 20%;
}
.width_25 {
	width: 25%;
}
.width_33 {
	width: 33%;
}
.width_50 {
	width: 50%;
}
.width_75 {
	width: 75%;
}
.width_95 {
	width: 95%;
}
.width_98 {
	width: 99%;
}
.width_99 {
	width: 99%;
}
.height_100 {
	height: 100%;
}
.max {
	height:  100%;
	width: 100%;
}


/* BACKGROUND */
.white_bg {
	background: #ffffff;
}
.green_bg {
	background: green;
}
.red_bg {
	background: darkred;
}
.yellow_bg {
	background: yellow;
}
.blue_bg {
	background: blue;
}
.pink_bg {
	background: pink;
}
.black_bg {
	background: #000000;
}


/* FLOAT / CLEAR */
.float_left {
	float : left;
}
.float_right {
	float : right;
} 
.clear_left {
	clear : left;
}
.clear_right {
	clear : right;
}
.clear {
	clear: both;
}


/* CURSOR */
.cursor, .href, .pointer {
	cursor : pointer;
}    
.crosshair {
	cursor : crosshair;
}
.wait {
	cursor : wait;
} 
.progress {
	cursor : progress;
} 
.move {
	cursor : move;
} 


/* DISPLAY */
.inline {
	display: inline;
}
.block {
	display: block;
}
.hide {
	display : none;
}  


/* POSITION */
.relative {
   	position: relative;
}
.absolute {
	position: absolute;
}
.static {
	position: static;
}
.fixed {
	position: fixed;
}


/* VISIBILITY */
.visible {
	visibility: visible;
}
.hidden {
	visibility: hidden;
}


/* Z-INDEX */
.z_index_0 {
	z-index: 0;
}
.z_index_1 {
	z-index: 1;
}
.z_index_2 {
	z-index: 2;
}
.z_index_5 {
	z-index: 5;
}
.z_index_10 {
	z-index: 10;
}
.z_index_100 {
	z-index: 100;
}


/* OVERFLOW */
.overflow-x {
	overflow-x : auto;
}
.overflow-y {
	overflow-y : auto;
}
.overflow-y_scroll {
	overflow-y : scroll;
}  


/* TRANSPARENT / OPACITY */   
.no_bd {
	border: none;
}
.transparent_bd {
	border: 1px solid transparent;
}
.transparent_bg {
	background: transparent;
}
.transparent {
	background: transparent;
	border: 1px solid transparent;
}  
.opacity_50
{      
filter:alpha(opacity=50); 
-moz-opacity: 0.50; 
opacity: 0.50; 
} 
.opacity_75
{
filter:alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75; 
}
.opacity_90
{
filter:alpha(opacity=90); 
-moz-opacity: 0.90; 
opacity: 0.90; 
}
.opacity_95
{
filter:alpha(opacity=95); 
-moz-opacity: 0.95; 
opacity: 0.95; 
}
.opacity_100
{
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
}