/*----------------------------------------------------------------------

	Feuille de styles réservée au :
	
	Format ( 3 colonnes )
	-index.html
	-membre_ami.html
	-rss.html
	-recherche.html
	
	Compatible avec :
	
	PC // Internet Explorer 6 ou plus, Firefox 1.0 ou plus, Opera
	MAC // Safari, Netscape, Opera
	
	Auteur : Olivier Fortier
	Courriel : ofortier@inpix.ca
	Compagnie : Inpix Solutions Interactives
	Site web : http://www.inpix.ca
	
	Adaptation : Pascal-André Allaire
	Courriel : paallaire@inpix.ca
	Compagnie : Inpix Solutions Interactives
	Site web : http://www.inpix.ca
	
-----------------------------------------------------------------------*/

/* Diverses sections de la colonne de contenu primaire */

	#col_primaire div.section_3col h3 span { width: 100px; }
	* html #col_primaire div.section_3col h3 span { width: 100px; }				
	#col_primaire div.section_2col h3 span { width: 160px; }
	* html #col_primaire div.section_2col h3 span { width: 160px; }	
	
	#col_primaire div.section_3col { width: inherit; overflow: hidden; background: url(/images/fd_section_3col.gif) top left repeat-y; }
		#col_primaire div.section_3col div.colonne { float: left; width: 129px; margin-left: 2px; }
		#col_primaire div.section_3col p { font-size: 0.69em; line-height: 1.2em; padding-top: 5px; }
		#col_primaire div.section_3col a.comment { font-size: 0.9em; color: #c24900; text-decoration: none; }
		#col_primaire div.section_3col a.comment:hover { text-decoration: underline; color: #cc3333; }

	#col_primaire div.section_2col { width: inherit; overflow: hidden; }
	#col_primaire div.section_2col div.colonne { float: left; width: 195px; }
	#col_primaire div.section_2col p { font-size: 0.69em; line-height: 1.2em; padding-top: 5px;}
	#col_primaire div.section_2col a.comment { font-size: 0.9em; color: #810000; text-decoration: none; }
	#col_primaire div.section_2col a.comment:hover { color: #810000; text-decoration: underline; }
	#col_primaire div.section_2col div.contenu { position: relative; background-color: #fefefe; padding: 10px 0px 0px 0px; }
	#col_primaire div.section_2col h3 { width: 100%; }	

	* html #col_primaire div.section_image div.float p, #col_tertiaire div.float p { position: fixed; padding: 0px; margin-top: -4px; margin-right: 0px; }
	* html #col_primaire div.section_image div.float_altern p, #col_tertiaire div.float_altern p { position: fixed; padding: 0px; margin-top: -4px; margin-right: 0px; }
	#col_primaire div.section_image div.cadreimage { position: relative; padding-bottom: 1px; text-align: right; margin-left: 5px; margin-right: 0px; }
	* html #col_primaire div.section_image div.cadreimage p { position: fixed; margin-top: 0px; margin-right: -5px; }

 
	/* -menu
	Pour page accueil et membreamis
	-----------------------------------------------------------------------*/
	#menu { position: relative; width: 751px; min-height: 40px; margin-left: 10px; margin-top: 10px; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #636363; background-color: #fefefe; z-index: 10; overflow:hidden; }		
	* html #menu { margin-left: 193px; width: 750px; height: 40px; }
	@media all and (min-width:0px) { /* Force Opera à placer les sections du menu au bon endroit */	head~body #menu { margin-left: 195px; }}		
	*:first-child+html #menu { margin-left: 195px; }