html{width:100%;}
	body{
		width:100%;
		margin:0px;
		padding:0px;
		margin-right:auto;
		margin-left:auto;
		font-size:100%;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		text-align:center;
		background-color:#c2c3c5;
		background-image:url(../img/fond.jpg);
		background-repeat:repeat-y;
		background-position:top center;
	}
		#mainwrap{
			width:1024px;
			position:relative;
			color:#000;
			margin-right:auto;
			margin-left:auto;
			text-align:center;
			background-color:#000;
		}
			#header{
				width:1024px;
				height:143px;
				background-color:#000;
				position:relative;
			}
				#logo{
					width:188px;
					height:143px;
					float:left;
				}
				#flashPlayer{
					width:836px;
					height:143px;
					float:left;
				}
			#menuPrin{
				width:1024px;
				background-color:white;
			}
			#menuPrin ul{
				text-align: center; 
				padding:5px 0px 5px 0px;
				margin:0px;
			}
			#menuPrin li{
				display: inline;
				list-style-type:none;
				padding:0 2px;
			}
			#menuPrin a{
				text-decoration:none;
				color:#000;
				margin:0px;
				font-size:1.2em;
				font-weight:bold;
			}
			#content{
				margin-top:12px;
				width:1024px;
				position:relative;
				background-image:url(../img/content.png);
				background-repeat:repeat-y;
				background-position:left top;
				color:#000;
			}
				#menu{
					float:left;
					width:247px;
					text-align:left;
				}
					#recherche{
						margin-top:10px;
						padding-top:0px;
						text-align:center;
					}
					#hierarchie{
						text-align:left;
						margin:20px 0 20px 0;
						color:#0471cb;
					}
					#hierarchie a{
						color:#0471cb;
						font-size:0.8em;
						text-decoration:none; 
						font-weight:bold;
					}
					#hierarchie ul{
						margin:0px;
						padding-left:20px;
						list-style-position:outside;
						list-style-type:none;
					}
					#hierarchie li{
						padding:1px 0px 1px 0px;
						margin:0;
						list-style-position:outside;
						list-style-type:none;
					}
					#exit{
						width:200px;
						height:50px;
						background-image:url(../img/exit.png);
						background-repeat:no-repeat;
						background-position:center center;
					}
					#trait{
						width:200px;
						height:3px;
						background-image:url(../img/traitHaut.png);
						background-repeat:no-repeat;
						background-position:center top;
					}
					#tagcloud{
						width:200px;
						margin: 5px 0px 5px 0px;
						padding:0px 10px 0px 5px;
						font-size:0.7em;
						text-align:center;
						background-image:url(../img/traitD.png);
						background-repeat:no-repeat;
						background-position:right center;
					}
					#tagcloud a{
						color:#fff;
					}
				#texte{
					font-size:0.9em;
					float:left;
					width:647px;
					padding:0px 70px 0px 60px;
				}
					#texteHaut{
						width:777px;
						margin:0px -70px 0px -60px;
						position:relative;
						height:30px;
						background-image:url(../img/hautContent.png);
						background-repeat:no-repeat;
						background-position:left top;
					}
						#shalom{
							position:relative;
							width:777px;
							height:39px;
							background-image:url(../img/shalom.png);
							background-repeat:no-repeat;
							background-position:right top;
							right:30px;
							top:16px;
							margin-right:auto;
							margin-left:auto;
						}
					#ariane{
						position:absolute;
						top:5px;
						left:265px;
						z-index:1;
						font-size:0.7em;
						width:680px;
					}
					#texte h1{
						color:#0471cb;
						font-size:1.8em;
						text-align:left;
						padding:0 0 5px 0px;
					}
					#texte h2{
						color:#0471cb;
						font-size:1.6em;
						text-align:left;
						padding:0 0 5px 0px;
					}
					#texte h3{
						color:#0471cb;
						font-size:1.2em;
						text-align:left;
						padding:0 0 5px 0px;
					}
					#texte p{
						margin:10px 0 10px 0;
						text-align:justify;
						color:#000;
					}
					#texte a{
						color:#0038b8;
					}
					#texte ul{
						text-align:left;
						margin:10px 0 10px 40px;
						padding-left:10px;
					}
					#texte li{
						padding:0;
						margin:2px 0 2px 0;
						list-style-position:inside;
					}		
					#texte table{
						width:100%;
						border:solid 1px black;
						border-collapse:collapse;
						text-align:center;
					}
					#texte  table caption{
						color:#6b6b6b;
						font-size:1.2em;
						padding:20px 0 10px 0px;
						font-weight:bold;
					}
					#texte  table th{
						text-align:center;
						color:#ffcc00;
						border:solid 1px black;
						border-collapse:collapse;
						background-color:#003399;
						padding:10px;
					}
					#texte  table td{
						border:solid 1px black;
						border-collapse:collapse;
						padding:5px;
					}
			#decor{
				width:1024px;
				height:116px;
				background-image:url(../img/footer.jpg);
				background-repeat:no-repeat;
				background-position:right top;
			}	
			#footer{
				position:relative;
				width:1024px;
				height:22px;
				background-image:url(../img/adcms.png);
				background-repeat:no-repeat;
				background-position:right top;
				background-color:#fff;
			}
			#footer a{
				text-decoration:none; 
				background-color:transparent;
				font-size:.7em;
				color:black
			}
			#footer p{
				margin:0px;
			}
			#w3c{
				position:absolute;
				left:0px;
				top:0px;
			}


/* La méthode clear d'Alsett */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
/* backslash hack hides from IE mac \*/
* html.clearfix{height:1%;}
.clearfix{display:block;}
/* end backslash hack*/

img { border:none; }
a img { border:none; }

#LEFESTIVAL a          { color:#f2e824; }
#LASELECTION a        { color:#db0124; }
#LAPROGRAMMATION a{ color:#ec7f2a; }
#INFOSPRATIQUES a  { color:#e62b86; }
#PRESSE a                  { color:#4bb3d6; }
#LIENSUTILES a        { color:#412c87; }
#CONTACTS a              { color:#a4d349; }

#LEFESTIVAL a:hover          { color:#000; }
#LASELECTION a:hover        { color:#000; }
#LAPROGRAMMATION a:hover{ color:#000; }
#INFOSPRATIQUES a:hover  { color:#000; }
#PRESSE a:hover                  { color:#000; }
#LIENSUTILES a:hover        { color:#000; }
#CONTACTS a:hover              { color:#000; }

#rechercheRub, #rechercheArt, #tagCloudRub, #tagCloudArt{
	text-align:left;
	margin-top:25px;
}

#rechercheRub ul, #rechercheArt ul, #tagCloudRub ul, #tagCloudArt ul{ }

#rechercheRub li, #rechercheArt li, #tagCloudRub li, #tagCloudArt li{ }

.pagination {
	margin:10px 0px 10px 48px;
}
.recColor{ background-color:red; }