body{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	text-align:center;
	background-image: url(images/design/fond.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
html>body{
		text-align:justify;
}


#conteneur {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	
	/*##############################################################################################*/
}
#entete{
position:relative;
	width:850px;
	height:204px;
	/*background-color:#313F43;*/
	background-color:#313F43;
}

		#entete h1{
			margin:0px;
			padding:0px;
			width:850px;
			height:80px;
			background-image: url(images/design/urban-gallery.gif);
			background-repeat: no-repeat;
		}
		
		#entete h1 span{
			display:none;
		}

		
		#entete ul.menu{
		position:absolute;
		top:80px;
		left:0px;

			margin:0px;
			padding:0px;
			padding-right:14px;
			width:190px;
			height:124px;
			background-image: url(images/design/fond-menu.gif);
			background-repeat: no-repeat;
			color:#FFFFFF;
			list-style-type: none;
			font-size: 14px;
			text-align: right;
			/*float:left;
			font-weight: bold;
			border:solid 1px yellow;*/
		}

		#entete ul.menu li{
			margin:0px;
			padding:0px;
	padding-bottom:3px;
	font-size: 11px;
	letter-spacing: 0.25em;
	line-height:14px;
	
		}
		
			#entete ul li a,#entete ul li a:visited{
				color:#FFFFFF;
				text-decoration:none;
			}
			#entete ul.sousmenu li a,#entete ul.sousmenu li a:visited{
				color:#8E9A9E;
				text-decoration:none;
			
			}
			
			
			#entete ul li a.lieu:hover{color:#B5D215}
			
			#entete ul li a.prestations:hover{color:#FF9A00}
			
			#entete ul li a.acces:hover{color:#00AFC8}
			
			
		
		#entete ul.sousmenu{
		position:absolute;
		top:81px;
		left:204px;
			margin:0px;
			padding:0px;
			padding-top:108px;
			text-align:center;
			height:0px;
	/*		height:124px;*/
			width:245px;
/*			border:solid 1px red;
*/			list-style-type: none;
	
		}
		/* Pour que ce couillon de IE6 ne comprenne pas*/
		html>body #entete ul.sousmenu{
	
		top:79px;
		}
		/*Que pour ce couillon de IE7*/
		*+html #conteneur #entete ul.sousmenu{
			top:81px;
			

			
		}
		
		#entete ul.sousmenu li{
		
		
		margin-left:5px;
		margin-right:5px;
		
	
		display:inline;
		font-size:12px;
	
		
		
		}
		
		#entete ul.sousmenu li.actif{
		background-color:#FFFFFF;
		padding-top:3px;
		padding-left:7px;
		padding-right:7px;
		
		border:solid 2px #FFFFFF;
		
		}
		#entete ul.sousmenu li.actif a{
			color:#313F43;
		
		}
		
		#conteneur #entete span {
	display: none;
}
		#entete h2{
		position:absolute;
		top:80px;
		left:449px;
			margin:0px;
	
			width:401px;
			height:124px;
	/*		float:right;
			border:solid 1px green;*/
		}

		h2.programmation {
		background-image: url(images/design/programmation.gif);
			background-repeat: no-repeat;
			
		}
		h2.galerie {
		background-image: url(images/design/lieu.gif);
			background-repeat: no-repeat;
			
		}
		h2.arthoteque {
		background-image: url(images/design/arthoteque.gif);
			background-repeat: no-repeat;
			
		}
		h2.location {
		background-image: url(images/design/location.gif);
			background-repeat: no-repeat;
			
		}
		h2.formation {
		background-image: url(images/design/formations.gif);
			background-repeat: no-repeat;
			
		}
		h2.contact {
		background-image: url(images/design/contact.gif);
			background-repeat: no-repeat;
			
		}
		h2.visite {
		background-image: url(images/design/visite-guidee.gif);
			background-repeat: no-repeat;
			
		}

	/*##############################################################################################*/

#conteneur #contenu {
	height: 609px;
		/*border:solid 1px green;*/
	
	
	
	background-image: url(images/design/fond-contenu.gif);
	background-repeat: no-repeat;
	padding-left:125px;
	padding-top: 25px;
	font-size: 12px;
	color: #333333;
	text-align:justify;
}




#contenu div.chapitre{
	width:355px;
	height:36px;
	
	background-repeat:no-repeat;
	

}

/* variantes couleur*/
#contenu.gallery div.chapitre{
	
	background-color:#B5D215;

}
#contenu.join div.chapitre{
	
	background-color:#00A2BE;

}
#contenu.activity div.chapitre{
	
	background-color:#B5D215;

}

/*______________________CHAPITRE:  VARIANTES COULEURS ____________________________*/

.gallery div.chapitre{background-image:url(images/design/fond-chapitre-gall.gif);}
.activity div.chapitre{background-image:url(images/design/fond-chapitre-acti.gif);}
.join div.chapitre{background-image:url(images/design/fond-chapitre-join.gif);}


#contenu div.chapitre h1{
	font-size: 18px;
	color: #313F43;
	
	margin:0px;
	padding-left:35px;
	color:#FFFFFF;
	}

#contenu div.chapitre p{
	padding-left:35px;
	color:#FFFFFF;
	text-align:right;
	padding-right:3px;
}
#conteneur #contenu .sousnav {
margin:0px;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #9E9A9E;
}

body #conteneur #contenu .sousnav a:link,body #conteneur #contenu .sousnav a:visited{
	text-decoration:none;
	color: #9E9A9E;
}
.sousnav a:hover{
	color: #8A424B;
}



#contenu p.retour{
	text-align:center;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}

/*______________________CHAPITRE:  VARIANTES COULEURS ____________________________*/
#contenu.gallery p.retour a:link,#contenu.gallery p.retour a:visited{
	color:#B5D215;
	text-decoration:none;
}
#contenu.gallery p.retour a:hover{
	color:#9E9A9E;
}


#contenu h2 {
	padding-top:5px;
	padding-left:20px;
	font-size:15px;
	
	background-repeat: no-repeat;
	background-position:0px 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-decoration: underline;
}
/*______________________H2:  VARIANTES COULEURS ____________________________*/
.gallery h2 {
background-image: url(images/design/puce-gall.gif);
}
.activity h2 {
background-image: url(images/design/puce-acti.gif);
}
.join h2 {
background-image: url(images/design/puce-join.gif);
}
/*#contenu h2 em {
	font-size: 12px;
	color: #333333;
	font-weight:normal;
}*/

#contenu h3 {
font-size:14px;
font-weight:normal;

}

#contenu p em,#contenu div.block em,#contenu li em{
color:#8B434C;
font-style:normal;
border-bottom:dotted 1px #8B434C;
}
#contenu p{
/*border:dotted 1px green;*/
}

#contenu p img{
float:right;
margin-left:7px;
margin-right:0px;
margin-top:0px;
margin-bottom:7px;

/*border:solid 1px #8E9A9E*/;
}

#contenu p.impair img{
float:left;
margin-left:0px;
margin-right:7px;
margin-top:0px;
margin-bottom:7px;
border:solid 1px silver;
}
#contenu p.description{
width:350px;
position:absolute;
right:0px;
/*margin-left:7px;
margin-right:0px;
margin-top:7px;
margin-bottom:0px;*/
/*border:dotted 1px red;*/
}
#contenu .description strong{
color:#00A2BE;
font-weight:bold;
font-size:16px;

}

#contenu p.bretour{
width:350px;
position:absolute;
right:0px;
bottom:0px;
padding-right:21px;
text-align:right;
padding-top:17px;

/*border:dotted 1px red;*/
}
/*______________________bretour:   VARIANTES COULEURS____________________________*/
#contenu.gallery p.bretour{
background-image:url(images/design/retour-gall.gif);
background-position:bottom right;
background-repeat:no-repeat;


}
#contenu.gallery p.bretour a:link,#contenu.gallery p.bretour a:visited,#contenu.gallery p.bretour a:hover{
text-decoration:none;
color:#B5D215;

}
#contenu.activity p.bretour{
background-image:url(images/design/retour-acti.gif);
background-position:bottom right;
background-repeat:no-repeat;


}
#contenu.activity p.bretour a:link,#contenu.activity p.bretour a:visited,#contenu.join p.activity a:hover{
text-decoration:none;
color:#FF8A00;
}

#contenu.join p.bretour{
background-image:url(images/design/retour-join.gif);
background-position:bottom right;
background-repeat:no-repeat;


}
#contenu.join p.bretour a:link,#contenu.join p.bretour a:visited,#contenu.join p.bretour a:hover{
text-decoration:none;
color:#00A2BE;

}



/*-----------------------VARIANTES Liens contenu-------------------------*/
#contenu a:visited{
color:#AAA;
}
#contenu.gallery a:link,#contenu.gallery a:visited{
color:#00A2BE;
}
#contenu.activity a:link,#contenu.activity a:visited{
color:#B5D215;
}

#contenu.join a:link,#contenu.join a:visited{
color:#FF8A00;
}





/*-------------------------------------------div.block--------------------------------------------*/
#contenu div.block{

position:relative;
	
	margin:0px;
	padding:0px;
	margin-top:20px;
	margin-left:5px;
	padding-left:15px;
	padding-bottom:5px;
	
	width:700px;
	
	border-top: 1px dotted #FFFFFF;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	
	
	
	background-repeat: no-repeat;
	background-position: left bottom;
	clear:both;
}
#contenu div.block img{
	
	float:left;
	margin-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	

}
div#contenu.join div.block img{
	
	float:none;
	

}

#contenu ul{
clear:both;
}
#contenu .stop{
clear:both;}

/*______________________BLOCK:   VARIANTES COULEURS IE6____________________________*/

.gallery div.block{
	border-left: 4px solid #B5D215;
	background-image:url(images/design/fond-block-gall.gif);	
}

.activity div.block{
	border-left: 4px solid #FF8A00;
	background-image:url(images/design/fond-block-acti.gif);	
}

.join div.block{
	border-left: 4px solid #00A2BE;
	background-image:url(images/design/fond-block-join.gif);	
}
/*-------------------------------------------*/
html>body #contenu div.block{
	
	
	border-top: none;
	border-right: none;
	border-bottom: none;

}


/*______________________BLOCK:  VARIANTES COULEURS NAVIGATEURS MODERNES____________________________*/

html>body .gallery div.block{
		border-left: 5px solid #B5D215;
}
html>body .activity div.block{
		border-left: 5px solid #FF8A00;
}
html>body .join div.block{
		border-left: 5px solid #00A2BE;
}
/*-------------------------------------------*/

#contenu div.block h2{
	font-size: 16px;
	color: #313F43;
	margin:0px;
	padding:0px;
	margin-left:-15px;
	margin-bottom:19px;
	padding-left:15px;
	
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration:none;
}
html>body #contenu div.block h2{

	margin-bottom:13px;

}


/*______________________BLOCK:  VARIANTES COULEURS ____________________________*/

.gallery div.block h2{

	background-image:url(images/design/puce-block.gif);}
.activity div.block h2{
	background-image:url(images/design/puce-block-acti.gif);}
.join div.block h2{
	background-image:url(images/design/puce-block-join.gif);

}


#contenu div.block h3{
	font-weight:normal;
	background-image:none;;
	
}
/*______________________BLOCK:  VARIANTES COULEURS ____________________________*/

.gallery div.block h3{}
.activity div.block h3{}
.join div.block h3{}

/*		
			#entete ul li a.lieu:hover{color:#B5D215}
			
			#entete ul li a.prestations:hover{color:#FF9A00}
			
			#entete ul li a.acces:hover{color:#00AFC8}
			
	*/		
	
	/*------------------------------VARIANTES couleurs titres----------------------------*/
	
	/*#contenu h2,#contenu h3{
		clear:both;
	}*/
	
div.gallery h2,div.gallery h3{
color:#B5D215;
}
div.activity h2,div.activity h3{
color:#FF8A00;
}
div.join h2,div.join h3{
color:#00A2BE;
}
.alerte {
	font-size: 14px;
	text-transform: uppercase;
	color: #FF0000;
}