/* Bug des png sous ie6 */
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
/*-------------
Styles commmuns
--------------*/

#contenu{
	height:100%;
	width:100%;
}
body{
	margin:0px;
	padding:0px;
	background-repeat: repeat-x;
	background-color:#272d31;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#5b5a57;
	background-image: url("images/fond_gauche.jpg");
}
a:link, a:visited, a:active{
	color:#800080;
}
a:hover{
	color:#422217;
}
	
h1{
	font-size: 16px;
	display:inline;
}
.h1_active{
	font-size: 16px;
	display:inline;
	text-decoration:none;
	font-weight:bold;
	color:purple;
}
h2{
	font-size: 22px;
	display:inline;
	font-style: italic;
}
#lien_accueil{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:180px;
	cursor: pointer;
}
#fond_centre{
	width:958px;
	margin-left:auto;
	margin-right:auto;
}
	#bandeau_centre{
		width:958px;
		height:202px;
		background-image: url("images/bandeau_haut.jpg");
	}
	
	#menu{
		width:948px;
		height:40px;
		background-image: url("images/fond_menu.jpg");
		padding-top:10px;
		padding-left:10px;
	}
	#menu ul{
		padding:0px;
		margin:0px;
		width:100%;
		height:100%;
	}
	#menu ul li{
		display:inline;
	}
		#menu ul li a:link,#menu ul li a:visited, #menu ul li a:active{
			color:#5b5a57;
			text-decoration: none;
		}
		#menu ul li a:hover{
			color:purple;
		}

		#contenu_texte{
			width:476px;
			height:310px;

		}
/*-------------
Styles Accueil
--------------*/		
	#texte_gauche_accueil{
		width:432px;
		height:338px;
		float:left;
		background-image: url("images/texte_gauche.jpg");
		background-repeat: no-repeat;
	}
	
	#texte_droite_accueil{
		width:526px;
		height:338px;
		float:left;
		background:white url("images/texte_droite.jpg");
	}
		
	#titre_accueil{
		width:426px;
		height:50px;
		text-align:center;
	}
	
	#image_accueil{
		width:426px;
		height:268px;
	}
	#bas_adresse{
		width:426px;
		height:20px;
		color:white;
		font-size:11px;
		font-weight:bold;
		text-align: center;
	}
	#accueil_partie_gauche{
		width:300px;
		height:300px;
		float:left;
	}
		#article_accueil{
			width:300px;
			height:180px;
			font-size: 11px;
		}
		#flash{
			width:300px;
			height:120px;
		}
	#bloc_actu{
		height:304px;
		width: 226px;
		float:left;
		background-image: url("images/fond_actu.jpg");
	}
	#texte_actu{
		width:165px;
		height:165px;
		margin-top:5px;
		margin-left:30px;
		padding:5px;
	}
	.anim_actu_css{
		width:150px;
		height:150px;
		overflow: hidden;
	}
	.anim_actu_css_titre{
		font-weight:bold;
		color:#422217;
	}
	.anim_actu_css_contenu{
		color:#FFFFFF;
	}
	.anim_actu_css_contenu a:link, .anim_actu_css_contenu a:visited, .anim_actu_css_contenu a:active{
		color:#800080;
	}
	.anim_actu_css_contenu a:hover{
		color:white;
	}
	#pied_page{
			width:476px;
			height:28px;
			padding-top:9px;
			color:white;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
		}
		#pied_page a:link,#pied_page a:visited,#pied_page a:active{
			color:white;
			text-decoration: none;
		}
		#pied_page a:hover{
			color:purple;
		}
		#lien_actu{
			height:33px;
			width:163px;
			margin-top:65px;
			margin-left:27px;
			cursor: pointer;
		}
	
	
/*-------------
Styles Contenu
--------------*/
	#texte_gauche{
		width:482px;
		height:338px;
		float:left;
		background-image: url("images/texte_gauche.jpg");
	}
	
	#texte_droite{
		width:476px;
		height:338px;
		float:left;
		background-image: url("images/texte_droite.jpg");
	}
	
	#tour{
		width:958px;
		background-image: url("images/contenu_gauche_haut.jpg");
		position:relative;
		float: left;
	}	
			#contenu_flash{
				width:390px;
				height:110px;
				margin-left:20px;
				position:absolute;
				top:15px;
			}
			#contenu_haut_gauche{
				position:absolute;
				margin-left:35px;
				bottom:0px;		
			}
			#taille_mini{
				width:0px;
				height:295px;
				float:right;
			}
			#contenu_haut_droite{
				width:508px;
				padding-right:8px;
				height:100%;
				float:right;
			}	
	#loc_bas{
		width:958px;
	}
			#contenu_bas_gauche{
				width:482px;
				height:49px;
				background-image: url("images/contenu_gauche_bas.jpg");
				float:left;
			}
			#contenu_bas_droite{
				width:476px;
				height:25px;
				padding-top:24px;
				color:white;
				font-size: 11px;
				font-weight: bold;
				background-image: url("images/contenu_droite_bas.jpg");
				float:left;
				text-align:center;
			}
				#contenu_bas_droite a:link,#contenu_bas_droite a:visited,#contenu_bas_droite a:active{
					color:white;
					text-decoration: none;
				}
				#contenu_bas_droite a:hover{
					color:purple;
				}
	#bas_adresse_contenu{
		width:426px;
		height:20px;
		color:white;
		margin-top:20px;
		font-size:11px;
		font-weight:bold;
		text-align: center;
	}
/*-------------
Styles portail
--------------*/	
.portail_titre_article{
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top:10px;
	padding-left:30px;
	background-color: #e7e7e7;
	background-image: url("images/titre.jpg");
	background-repeat: no-repeat;
	height:27px;
	padding-right:8px;
	float:left;
	font-weight:bold;
}
.portail_contenu_article{
	clear: left;
	padding-top:15px;
}
/*-----------
Styles Spécifiques pour la rub actualites
------------*/
.titre{
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top:10px;
	padding-left:30px;
	background-color: #e7e7e7;
	background-image: url("images/titre.jpg");
	background-repeat: no-repeat;
	height:27px;
	padding-right:8px;
	float:left;
}
.texte{
	clear: left;
	padding-top:15px;
}
