/* *
 * Déclarations générales, redéfinition des styles par défaut
 */
 
body, table, ul, li {
	font-family:		Geneva, Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#333333;
	margin:				0; 
	padding:			0;
	}
	
a:link, 
a:visited {	
	text-decoration:	none; 
	color:				#000099;
	}
a:hover {
	text-decoration:	underline; 
	color:				#9d0000;
	}

h1,
h2,
h3 { margin:3px 0; }
h1 { font-size:1.7em; font-weight:bold; }
h2 { font-size:1.3em; }
h3 { font-size:1.15em; }
em { font-size:0.9em; }
hr {
	border-style:		none;
	width:				100%;
	height:				1px;
	background-color:	#666666;
	}

img { border:none }

li { 
	list-style-type:	none; 
	list-style-position:outside; 
	}

input, 
textarea, 
iframe { 
	padding:			0 2px; 
	border:				1px #666666 solid; 
	background-color:	#EEEEEE; 
	}


/* *
 * Mise en page Générale
 */

#page_content { }

table.center { 
	margin-left:		auto; 
	margin-right:		auto; 
	}


/* *
 * Définition des styles perso
 */

.titre { 
	padding:			3px; 
	font-size:			1.2m; 
	font-weight:		bold; 
	color:#FFFFEE; 
	}
.corps { 
	padding:			10px;
	text-align:			justify;
	}
.big { 
	font-size:			2em; 
	font-weight:		bold;
	}

.color  			{ background-color:#F3F3F3; }
.color .titre 		{ background-color:#6699FF; }
.color2 			{ background-color:#fffad2; }
.color2 .titre 		{ background-color:#f0ba00; }
.color3 			{ background-color:#dfffdf; }
.color3 .titre 		{ background-color:#07b161; }
.color4 			{ background-color:#ccd0ff; }
.color4 .titre 		{ background-color:#074bb1; }
.color5 			{ background-color:#ffe1e1; }
.color5 .titre 		{ background-color:#cb0707; }
.color6 			{ background-color:#f5d7ff; }
.color6 .titre 		{ background-color:#9303a7; }
.color7 			{ background-color:#cfcfcf; }
.color7 .titre 		{ background-color:#57544f; }
.color8 			{ background-color:#dfcdac; }
.color8 .titre 		{ background-color:#7a3118; }

.white  			{ 
	background-color:	#FFFFFF;
	padding:			5px;
	font-style:			italic;
	}	

.article {
	float:				left;
	width:				650px;
	margin:				10px;
	}
.demi_article {
	float:				left;
	width:				315px;
	margin:				10px;
	}

/* *
 * Mise en page des vignettes des Albums Photos
 */
 
#albums { margin:10px; }
#albums li {
	float:				left;
	width:				130px;
	background-color:	#DDDDDD;
	margin:				6px 11px;
	padding:			4px;
	}
#albums h3 { height:	35px; }
#albums div {
	text-align:			center;
	vertical-align:		middle;
	margin:				5px 0;
	height:				80px;
	}
.clear { clear:left; }


/* *
 * Menu de gauche
 */
 
#menu {
	width:				140px; 
	font-size:			1.5em; 
	border-right:		3px #084fdb solid;
	}
#menu ul { 
	list-style:			none; 
	margin:				0; 
	padding:			0; 
	}
#menu li a {
	display:			block;
	font-weight:		bold;
	height:				23px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	height:				19px;
	text-decoration:	none;
	background:			url(/images/menu2.gif);
	}
#menu .sub_menu li { height:19px; }
#menu .sub_menu li a {
	font-weight:		normal;
	font-style:			italic;
}
#menu li a:link, 
#menu li a:visited {
	color:				#444;
	padding:			10px 0 0 10px;
	background-position:0 0;
}
#menu li a:hover, 
#menu li a:active {
	color:				#084fdb;
	padding:			10px 0 0 10px;
	background-position:0 -30px;
}
#menu .sub_menu li a:link, 
#menu .sub_menu li a:visited {
	color:				#666;
	padding:			2px 0 0 20px;
	background-position:0 -60;
}
#menu .sub_menu li a:hover, 
#menu .sub_menu li a:active {
	color:				#084fdb;
	padding:			2px 0 0 20px;
	background-position:0 -90;
}

.internetvista
{
	position:absolute; 
	right:10px; 
	bottom:0; 
	font-size:0.8em;
}