/*! @group html */

html body
{
	padding: 0;
	margin: 0 ;
	background: #bbb;
}
html body *
{	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px ;
}

h1, h2, h3, p
{
	margin: 0;
}

h1
{	text-transform: uppercase;
	
	margin: 0.5em 0;
	padding: 10px;
	
	text-align: center;
	
	border: 2px dotted #999;
}


table
{	border-collapse: collapse;
}
table th *, 
table td *
{	vertical-align: top;
}
img
{	border: none ;
}
input, select, textarea
{	vertical-align: top ;
	margin: 0 ;
}
input.checkbox,
input.radio
{	margin-right: 5px;
}

input.err,
textarea.err,
select.err
{	border: 1px solid red;
}
.clear
{	clear: both;
}
.right
{	text-align: right;
}


/* arrire plan transparent */
#bg
{	position: absolute;
	width: 100%;
	height: 100px;
	
	background: #bbb;
	top: 0 ;
	left: 0 ;
	z-index: 1999;

	filter:alpha(opacity=60); /* ie */
	-moz-opacity:0.6; /* ff */
	-khtml-opacity: 0.6;	/* safari et konkeror */
	opacity: 0.6;	/* opera, safari */
}
html > body #bg
{	height: auto;
	min-height: 800px;
}

/* @end */

/* @group comportement général des liens hypertextes */

a:link, a:visited
{	color: blue;
	text-decoration: none;
}
a:hover
{	text-decoration: underline;
}

/* @end */


/* @group */

div#top,
div#head
{	text-align: center;
	width: 970px;
	background: white;
	
	margin: 5px auto;
	border: 1px solid blue;
}
div#top
{	padding-bottom: 10px;
}
div#main
{	width: 970px;
	margin: 0 auto;
	background: white;
	padding: 10px;
}
div#body_page
{	/*border: 1px solid #999;*/
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

/* @end */