/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
	background:url(../bkg/body_center.jpg) top center no-repeat #000;
}

	div#background{
		position:relative;
		float:left;
		background:url(../design/fond_contenu.png) left repeat-y;
	}

	div#conteneur{
		position:relative;
		width:960px;
		margin:0 auto;
	}
	
		div#page{
			position:relative;
			float:left;
			width:634px;
		}
			
			div#entete{
				position:relative;
				float:left;
				padding:20px;
			}
			
				h1{
					float:left;
				}
				
					h1 img{
						width:187px;
						height:44px;
						border:none;
					}
				
				h1 span{
					display:none;
				}
				
				ul#options{
					position:relative;
					float:right;
					list-style:none;
					width:400px;
				}
				
					ul#options li{
						display:inline;
						float:right;
						margin-left:5px;
					}

						ul#options li a:link img{
							filter:alpha(opacity=100); 
							-moz-opacity: 1; 
							opacity: 1;
							border:none;
						}
						
						ul#options li a:visited img{
							filter:alpha(opacity=100); 
							-moz-opacity: 1; 
							opacity: 1;
							border:none;
						}
					
						ul#options li a:hover img{
							filter:alpha(opacity=50); 
							-moz-opacity: 0.5; 
							opacity: 0.5;
							border:none;
						}
						
						ul#options li a:active img{
							filter:alpha(opacity=100); 
							-moz-opacity: 1; 
							opacity: 1;
							border:none;
						}

					ul#options li span{
						display:none;
					}
				
				h2{
					float:right;
					margin-top:2px;
					font-size:0.8em;
					color:#848484;
					font-weight:normal;
					font-family:Arial, Helvetica, sans-serif;
				}

		p#imageArticle{
			position:relative;
			float:left;
			margin-bottom:-6px;
			background:url(../design/cadre_evenement.png) top center no-repeat;
			padding:7px 0 11px 0;
		}
		
		
			p#imageArticle a img{
				width:634px;
				height:220px;
			}
			
				p#imageArticle a:link img{
					border:none;
				}
			
				p#imageArticle a:visited img{
					border:none;
				}
				
				p#imageArticle a:hover img{
					border:none;
				}
				
				p#imageArticle a:active img{
					border:none;
				}
				
			
		div#conteneurContenu{
			position:relative;
			width:634px;
			float:left;
			padding-top:20px;
		}
		
			div#conteneurContenu div h3{
				color:#000;
				font-size:1.2em;
				font-weight:normal;
			}
		
			div#contenu{
				position:relative;
				float:left;
				width:381px;
				padding:0 20px;
			}
			
			div#menu{
				position:relative;
				float:left;
				width:164px;
				padding:0 0 20px 20px;
			}

				ul#categories{
					position:relative;
					display:block;
					margin-top:20px;
					list-style:none;
				}
					
					ul#categories li{
						margin-left:10px;
						white-space:nowrap;
					}
				
						ul#categories li a{
							padding:0 10px;
							font-size:0.9em;
							display:block;
							background:url(../design/fleche_menu.png) top left no-repeat;
						}
						
							ul#categories li a:link{
								text-decoration:none;
								color:#848484;
							}
							
							ul#categories li a:visited{
								text-decoration:none;
								color:#848484;
							}
							
							ul#categories li a:hover{
								text-decoration:underline;
								color:#828282;
							}
							
							ul#categories li a:active{
								text-decoration:none;
								color:#848484;
							}

	div#sidebar{
		position:relative;
		float:left;
		width:326px;
		padding-top:125px;
		padding-bottom:272px;
		background:url(../design/sous_sites.jpg) bottom center no-repeat;
	}
	
		ul#listeSites{
			padding-top:20px;
			background:url(../design/separateur_sites.png) top center no-repeat;
			list-style:none;
		}
		
			ul#listeSites li{
				padding-bottom:20px;
				height:69px;
				background:url(../design/separateur_sites.png) bottom center no-repeat;
			}
			
				ul#listeSites li a img{
					width:326px;
					height:69px;
				}
			
					ul#listeSites li a:link img{
						border:none;
					}

					ul#listeSites li a:visited img{
						border:none;
					}
					
					ul#listeSites li a:hover img{
						border:none;
					}
					
					ul#listeSites li a:active img{
						border:none;
					}
	
	div#pied{
		position:relative;
		margin-top:30px;
		width:960px;
		float:left;
	}
	
		div#pied p{
			padding:20px 0;
			font-size:0.7em;
			margin-right:325px;
			color:#848484;
			text-align:center;
		}