/* CSS Document */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
 
 
/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
html{
	margin:0;
	padding:0;
	font-size:100%;
	background-color: #f5f5f5 ;
	}
body {
	font-family:"Trebuchet MS",  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin: 0;
	padding: 0;
	color:#3b3b33;
}

img, table, form { 
	margin: 0; 
	padding: 0; 
	border: none; 
}


select, object{
	z-index:0;
}
p, h1, h2, h3, h4, h5, h6 { 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	font-weight:normal;
}

ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	cursor:pointer;
}
a:hover { 
	text-decoration: underline;
}

/* Images typographiques (via image_typo), URL a revoir... */
img { behavior: url(win_png.htc); }

/* Espaceur de blocs */
.nettoyeur, .break { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


.no_border { border:0}

.pour_print{
	display:none;
}
/***************************************************/
/************		     Page    	      **********/
/***************************************************/

#page{
	width:972px;
	margin:auto;
	margin-top:10px;
}


	#colonne_gauche{
		width:272px;
		min-height: 372px;
		height: auto !important;
		height: 372px;
		float:left;
		background:url(images/haut_menu_gauche.gif) top left no-repeat;
	}


		#colonne_gauche #contenu_colonne_gauche #diapo_flash{
			height: 362px;
			padding: 10px 11px 0px 11px;
			margin-bottom:0px;
			
		}
		#colonne_gauche #contenu_colonne_gauche #diapo_flash object{
			z-index:1;
			position:relative;
		}	
		#colonne_gauche #contenu_colonne_gauche #diapo_flash #logo_flash{	
			z-index:2;
			position:absolute;
			margin-top:-98px;
			!margin-left:-250px;
			!margin-top:174px;
		}					
		
		
		#colonne_gauche #contenu_colonne_gauche #menu{
			background:url(images/bas_menu_gauche.gif) bottom left no-repeat;
			min-height: 200px;
			height: auto !important;
			height: 200px;	
			margin-top:0px;
			padding: 10px 18px 5px 11px;	
			!padding: 10px 10px 5px 11px;		
		}
			#colonne_gauche #contenu_colonne_gauche #menu a.itemMenu{
				display:block;
				width:240px;
				line-height:30px;
				padding-left:10px;
				font-size:14px;
				color:#29245a;
				font-weight:bold;
				text-decoration:none;
			}
			#colonne_gauche #contenu_colonne_gauche #menu a.itemMenu:hover{
				background-color:#FFFFFF;	
			}
			#colonne_gauche #contenu_colonne_gauche #menu a.itemMenu h1{
				font-size:14px;
				color:#29245a;
				font-weight:bold;
				text-decoration:none;
			}
			#colonne_gauche #contenu_colonne_gauche #menu a.itemMenu img{
				margin-right:10px;
				margin-top:3px;
			}
			#colonne_gauche #contenu_colonne_gauche #menu a.itemMenu .contenu_itemMenu{
				padding-left:30px;
			}
		
	#colonne_droite{
		width:700px;
		float:left;
	}	
		#colonne_droite #haut_colonne_droite{
			height:44px;
			font-size:0;
		}
		#colonne_droite #contenu_colonne_droite{
			min-height: 300px;
			height: auto !important;
			height: 300px;
			background:url(images/fond_colonne_droite.gif) top left repeat-y;
		}
		#colonne_droite #contenu_colonne_droite #fond_fili{
			width:650px;
			padding:5px 25px 20px 25px;
			min-height: 300px;
			height: auto !important;
			height: 300px;
		}
		
		
		
		#colonne_droite #bas_colonne_droite{
			height:37px;
			background:url(images/bas_colonne_droite.gif) bottom left no-repeat;
			color:#FFFFFF;
		}
			#colonne_droite #bas_colonne_droite a{
				color:#FFFFFF;
			}
			#colonne_droite #bas_colonne_droite ul{
				padding-left:5px;
			}		
			#colonne_droite #bas_colonne_droite ul li{
				float:left;
				margin-top:2px;
			}	
			#colonne_droite #bas_colonne_droite #btn_rss{
				margin-top:5px;
			}