/*----------------------------------------------------------------------------------------------*/
/* Feuille de style inforweb.ch																	*/
/*																								*/
/* Auteur: André Balestrini <info@inforweb.ch>													*/
/* Date: 01.02.2006																				*/
/*----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/
/* DIVERS HTML
/*----------------------------------------------------------------------------------------------*/

/* ATTENTION : BACKGROUND dans CHAQUE PAGE : style propore */
body 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 5px; }
p, h1, h2, h3, h4, h5, h6 { margin: 8px 0; }
img 		{ margin : 10px 0;}

#content h3 { border-bottom:solid 1px #000000; text-align: right; letter-spacing: 0.09em;}

ul { margin:12px; padding:0;}

h5 { color:#993300; border-bottom: solid 1px #CCCCCC; }

hr {
	display:block;
	height: 1px;
	margin: 0;
	/* _margin: -7px 0; pour iexplorer 6 */
	padding: 0;
	color: #666666;
	background-color: #666666;
	border: 0;
}

a:link 		{ color: #FF6600; text-decoration: none; }
a:visited	{ color: #FF6600; text-decoration: none; }
a:hover 	{ color: #6600FF; text-decoration: none; background-color:#CCCCCC;}
a:active 	{ color: #FF0000; text-decoration: none; }


/*----------------------------------------------------------------------------------------------*/
/*	Conteneurs																					*/
/*----------------------------------------------------------------------------------------------*/

			/* Pour firefox : afin que middle prenne la hauteur de content ! */
			 div#middle:after { 
			   clear: both; 
			   content: "texte hidden"; 
			   display: block; 
			   height: 1px; 
			   visibility: hidden; 
			 } 
			/* HACK pour IE < 7.0 */
			 * html div#middle { 
			   height: 1%; 
			 } 
			 
/* styles cachés */
.printDisplay { display:none; }
			 
/* ATTENTION : BACKGROUND dans CHAQUE PAGE : style propore */
#main		{ width:750px; margin:0 auto; border: 2px solid; }
#header 	{ position:relative; height: 90px; }
#header img { margin: 0;}
/* image Height=30px */
#top 		{ position:relative; height: 26px; padding: 4px 0 0 0; text-align:center; color: #666666; }

#middle 	{ position:relative; width:100%; }

#left 		{ float:left; width: 130px; height: 300px; padding: 15px 10px; }
#content 	{ float:left; width: 398px; padding: 5px 25px 15px 25px; text-align:justify; border-left: 1px solid #999999; border-right: 1px solid #999999;}
#right 		{ float:left; width: 130px; height: 300px; padding: 15px 10px; }
/* image Height=30px */
#footer 	{ clear:both; height: 20px; padding: 10px 0 0 0; text-align:center; color: #666666; font-size: 9px; }

#validate		{ position:absolute; bottom: 35px; right: 6px; margin: 0; }
#validate img 	{ margin : 3px 0 0 0; }


/*----------------------------------------------------------------------------------------------*/
/* MENU TOP / LEFT / RIGHT
/*----------------------------------------------------------------------------------------------*/
	/* TOP */
	#menuTop 			{ font-size: 11px; font-weight:bold; list-style-type: none; margin: 0; padding: 2px 0; }
	#menuTop li 		{ display: inline; margin: 0 2px; padding:0; }
	#menuTop a:link 	{ color: #666666; text-decoration: none; }
	#menuTop a:visited	{ color: #666666; text-decoration: none; }
	#menuTop a:hover 	{ color: #6600FF; text-decoration: none; background-color:#CCCCCC;}
	#menuTop a:active 	{ color: #FF0000; text-decoration: none; }
	
	/* entete menu LEFT / RIGHT */
	#menuLeft li.entete, #menuRight li.entete { color:#FF6600; font-weight:bold; }
	
	/* menu LEFT */
	#menuLeft 			{ font-size: 12px; font-weight:bold; list-style-type: none; margin: 0 2px; padding:0; }
	#menuLeft li 		{ margin-bottom: 5px; }
	#menuLeft a:link 	{ color: #000000; text-decoration: none; }
	#menuLeft a:visited { color: #000000; text-decoration: none; }
	#menuLeft a:hover 	{ color: #6600FF; text-decoration: none; background-color:#CCCCCC;}
	#menuLeft a:active 	{ color: #FF0000; text-decoration: none; }
	
	/* menu RIGHT */
	#menuRight 			{ font-size: 12px; font-weight:bold; list-style-type: none; margin: 0 2px; padding:0; text-align:right; }
	#menuRight li 		{ margin-bottom: 5px; }
	#menuRight a:link 	{ color: #000000; text-decoration: none; }
	#menuRight a:visited{ color: #000000; text-decoration: none; }
	#menuRight a:hover 	{ color: #6600FF; text-decoration: none; }
	#menuRight a:active { color: #FF0000; text-decoration: none; }

/*----------------------------------------------------------------------------------------------*/
/* COLOMMES TEXTES Classe
/*----------------------------------------------------------------------------------------------*/
.col1 { margin:0 0 10px 10%; width: 40%; float: left; }
.col2 { margin:0 0 10px 54%; width: 40%;  }

/*----------------------------------------------------------------------------------------------*/
/* MENU TOP (fonctionne avec le fichier "menuTop-inc.php"
/*----------------------------------------------------------------------------------------------*/
/* MENU CSS JS en test...
#menuTop dl, dt, dd, ul, li 
			{ margin: 0; padding: 0; list-style-type: none; }
#menuTop 	{ position: abolute; top: 0; left: 0; z-index:1; width: 100%; clear:both; }
#menuTop dl { float: left; width: 10em; margin: 0 1px; }
#menuTop dt { cursor: pointer; text-align: center; font-weight: bold; background: #ccc; border: 1px solid gray; }
#menuTop dd { border: 1px solid gray; background-color:#CCCCCC; }
#menuTop li { text-align: center; background: #fff; }
#menuTop li a, #menuTop dt a 
		 	{ color: #000; text-decoration: none; display: block; height: 100%; border: 0 none; }
#menuTop li a:hover, #menuTop dt a:hover 
		 	{ background: #eee; }
*/