/*	
	Informations sur la feuille de style :
	--------------------------------------
	Couleur de fond de page : #E9EEF1 
	Couleur de fond des blocs : #F7F7F7
	Couleur de fond des menus : #E2EBF1
	Pour changer la taille du bloc de gauche (#petit_bloc) sans risque, il suffit de changer la valeur du width ;)
	Pour faire basculer le bloc de gauche à droite, changer les propriétés de petit_bloc comme suit :
	#petit_bloc					{ width: 170px; float: right; margin-left: 10px; }
*/

/* ########################### */
/* ######### Global ########## */
/* ########################### */
body	{ margin: 0; background: #000000; color: #000000; }
#page	{ width: 100%; height: 800px; margin: 0 auto; text-align: left; }
#page	{ background: #000000 url(images/header.jpg) no-repeat top right; }

#header	{ width: 750px; height: 70px; }
#footer	{ width: 750px; height: 86px; background: url(images/footer.jpg) no-repeat top left; }

#corps	{ margin: 0 10px 0 10px; }

/* reformatage des tables pour qu'il n'y ait plus aucune bordure */
table			{ border-spacing: 0px; border-collapse: inset; cellpadding: 0; cellspacing: 0; }
td			{ padding: 0; spacing: 0; }

/* ########################### */
/* ########## Typos ########## */
/* ########################### */
body, table, td, tr, div, p, span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; }
A:link			{ color: #039; text-decoration: none; }
A:visited		{ color: #039; text-decoration: none; } 
A:hover			{ color: #A08AA9; text-decoration: none; }
A:active		{ color: #A08AA9; text-decoration: none; }

H1, H2, H3, H4, H5, H6	{ margin: 0; }
H1			{ color: #FFFFFF; font-size: 30pt; font-family: Verdana, sans-serif; text-align: center; }
H2			{ font-size: 150%; font-family: Trebuchet MS, geneva, lucida, sans-serif; font-weight: bold; }


/* ########################### */
/* ########## Blocs ########## */
/* ########################### */

#petit_bloc		{ width: 170px; float: left; margin-right: 10px; color:#F7F7F7; }
/* En option, pour faire flotter le petit bloc à droite */
/* #petit_bloc		{ width: 169px; float: right; margin-left: 10px; } */ 

#petit_bloc	
.bloc_inside		{ }
.bloc_inside		{ background: #F7F7F7; padding: 5px; }
#.bloc_inside		{ text-align: justify; }
#.bloc_inside		{ border-left: 1px solid #99AEC0; border-right: 1px solid #99AEC0; }
.bloc_inside_invert	{ padding: 5px; background: #E2EBF1; }
.bloc_inside_carte	{ background: #F7F7F7; margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; }
.bloc_inside .middle		{ font-size: 14px; font-weight: bold; background: #F7F7F7 url(images/bloc_top_bg.gif) repeat-x top left; white-space: nowrap; }
.bloc_inside .middle_left	{ font-size: 14px; font-weight: bold; background: #F7F7F7 url(images/bloc_middle_left.gif) repeat-y top left; white-space: nowrap; }
.bloc_inside .middle_right	{ font-size: 14px; font-weight: bold; background: #F7F7F7 url(images/bloc_middle_right.gif) repeat-y top right; white-space: nowrap; }
.bloc_inside .middle_invert		{ font-size: 14px; font-weight: bold; background: #E2EBF1 url(images/bloc_top_bg_invert.gif) repeat-x top left; white-space: nowrap; }
.bloc_inside .middle_left_invert	{ font-size: 14px; font-weight: bold; background: #E2EBF1 url(images/bloc_middle_left_invert.gif) repeat-y top left; white-space: nowrap; }
.bloc_inside .middle_right_invert	{ font-size: 14px; font-weight: bold; background: #E2EBF1 url(images/bloc_middle_right_invert.gif) repeat-y top right; white-space: nowrap; }
.bloc_inside .bottom_invert		{ font-size: 14px; font-weight: bold; background: #E2EBF1 url(images/bloc_bottom_bg_invert.gif) repeat-x top left; white-space: nowrap; }

#gros_bloc		{ }
.bloc thead img		{ display: block; }
.bloc .titre_bloc	{ font-size: 14px; font-weight: bold; background: #F7F7F7 url(images/bloc_top_title.gif) repeat-x top left; white-space: nowrap; vertical-align: middle; }
.bloc .titre_bloc_invert{ font-size: 14px; font-weight: bold; background: #E2EBF1 url(images/bloc_top_title_invert.gif) repeat-x top left; white-space: nowrap; vertical-align: middle; }
.bloc thead td		{ }
.bloc thead .middle	{ background: url(images/bloc_top_bg.gif) repeat-x top left; }
.bloc .inside_box	{ border-left: 1px solid #99AEC0; border-right: 1px solid #99AEC0; }
.bloc .footer_bloc td 	{ padding: 0; font-size: 0px; }
.bloc .footer_bloc .middle { background: url(images/bloc_bottom_bg.gif) repeat-x top left; }
.bloc .footer_bloc img	{ display: block; }
.bloc .footer_bloc_invert { background: #F7F7F7 url(images/bloc_bottom_bg_invert.gif) repeat-x top left; padding: 0; font-size: 0px; }


/* ########################### */
/* ########## Menus ########## */
/* ########################### */

div.menuV1              { margin: 0; padding: 0; }
div.menuV1 ul		{ margin: 0; padding: 0; }
div.menuV1 li		{ display: inline; margin: 0; padding: 0; border-bottom: 1px solid #CCCCCC; }
div.menuV1 li a		{ display: block; width: auto; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; padding-left: 5px; text-decoration: none; }
div.menuV1 li a:link	{ color: #000000; background: #E2EBF1; }
div.menuV1 li a:visited { color: #000000; background: #E2EBF1; }
div.menuV1 li a:hover	{ color: #000000; background: #D7E1EC; }
div.menuV1 li a:active	{ color: #FC0000; background: #E2EBF1; }

/* ########################### */
/* ########## Utils ########## */
/* ########################### */
.spacer			{ clear: both; padding: 0; border: 0; margin: 0; height: 0px; font-size: 0px; }