/* --- GÉNÉRAL --- */
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family			: Trebuchet MS, arial, helvetica, sans-serif ;
		background-color : c8c8c8;
		}

	div#page {
		position		 : relative				;
		width			 : 980px				;
		margin			 : 0 auto				;
		min-height		 : 100%					;
		background-image : url('src/fond-contenu.gif') 		; 
	}

		div#page #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
		}
		
		#contenu{
			position	: relative;
			top			: 160px;
			left 		: 380px;
			width 		: 480px;
			min-height  : 600px;
			//height		: 30em;
			padding-left : 50px;
			z-index		: 1000	;
		}

		#contenu_gallerie{
			position	: relative;
			top			: 160px;
			left 		: 324px;
			width 		: 580px;
			min-height  : 600px;
			//height		: 30em;
			padding-left : 50px;
		}
		
			.title {
				width 			: 500px				;
				color			: #cc0086 			;
				font-size		: 22px 				;
				font-weight		: bold				;
				border-top	: 1px solid #cc0086 ;
				text-align		: right				;
				}
				
			.sub_title {
				width 			: 480px				;
				color			: #6a1c05 			;
				font-size		: 18px 				;
				font-weight		: bold				;
				text-align		: right				;
				text-decoration : /*souligné*/					;
				}
	
			.chapeau {
				width		    : 480px   ;
				text-decoration : none    ;
				font-size       : 14px    ;	
				font-weight     : bold    ;
				}
				
			.corps {
				width		    : 480px   ;
				text-decoration : none    ;
				font-size       : 14px    ;	
				text-align : justify; 				
				}
			.spip {
				width		    : 480px   ;
				text-decoration : none    ;
				font-size       : 14px    ;	
				text-align : justify; 				
				}

				
			.spip_logos
				{
					float : left;
					margin-left: 20px; 
					margin-right: 20px; 
					margin-bottom: 20px; 
				}

			.footer {
				position		: absolute			;
				bottom			: 0px				;
				width 			: 550px				;
				text-align		: center			;
				color			: #FFFFFF 			;
				font-size		: 12px 				;
				font-weight		: bold				;
				}
			.list{
				display			: block				;
				margin-left		: 25px				;
			}
			
			.image{
				display				: block	   ;
				text-align			: center   ;
				color				: #6a1c05  ;
				}
				
			.image_mini{
				display				: block	   ;
				width				: 200px    ;
				text-align			: center   ;
				color				: #6a1c05  ;
				float               : left	   ;
				margin-top			: 50px 	   ;
				margin-left			: 240px	   ;
				margin-right		: 240px	   ;
				border 				: 2px solid #6a1c05 ;	
				}
				
			#mini{
				display			 : block;
				position 		 : absolute;
				width	 		 : 500px;
				left			 : 90px	;
				//left			 : 80px	;
				height	 		 : 100px;
				z-index 		 : 1000;
				overflow		 : hidden;
				top				 : 590px;
				//top			 : 510px;
				border-bottom	 : 1px solid #a5b896 ;
				border-top		 : 1px solid #a5b896 ;		
				}
			
			#icon-left{
				position		: absolute		;
				display			: block			;
				top				: 575px			;
				//top				: 500px			;
				}
				
			.title_gallerie{
				color		: #4d4d4d ;		
				text-align	: right;
				border-bottom	: 1px solid #a5b896 ;
				font-weight	: bold ;
				}

			#icon-right{
				position		: absolute		;
				display			: block			;				
				right			: 0px			;
				top				: 575px			;
				//top			: 500px			;
				}
						
			#recherche{
				font-size		: 12px			;
				text-align		: right			;
				color			: #4d4d4d		;			
				}
				
			img{
				border 				: 0px solid #6a1c05 ;
				}
				
			input{
				border : 1px solid #cbc2c3 ;
				margin-right	: 15px ;
				text-align      : right	;
				font-size		: 12px ;
				color			: #4b4a4a 	;
				}
		div#page #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 334px;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
		}

	div#header {
		position		 : absolute					;
		top				 : 0						; 
		left			 : 0						;
		width		 	 : 980px					;
		height		 	 : 160px					;
		background-image : url('src/header.jpg') 	;
		}
	
		div#menu_ban {
			position		 : absolute					;
			top				 : 125					;
			left			 : 655px					;
			height			 : 20px 					;
			width			 : 450px					;
			}

		div#logo_marseille {
			position		 : absolute					;
			top				 : 60px				;
			left			 : 200px					;
			height			 : 100px 					;
			width			 : 100px					;
			background-image : url('src/logo_marseille.gif');
			}
	
		.link_fr{
			background-image	: url('src/fr.gif') ;
			width			    : 16px 				;
			height				: 10px				;
			}
			
		.link_eng{
			background-image	: url('src/eng.gif') ;
			width			    : 14px 				;
			height				: 10px				;
			}
			
		.link_ban{
			color 			: #4b4a4a 			; 
			text-decoration : none 				;	 
			font-weight		: bold				;
			font-size 		: 12px				;
			}

	div#menu{
		position		 : absolute					;
		top			 	 : 160						; 
		left			 : 15						;
		width		 	 : 350px					;
		height		 	 : 134px					;
		text-align		 : right					;
		}
	
	.title_cat{
		width			: 330px					;
		border-bottom   : 2px solid #4d4d4d		;
		font-size		: 24px					;
		font-weight		: bold					;
		}
	
	.link_rubrique{
		display			 : block					;
		color			 : #000000				;
		font-size		 : 14px					;
		text-decoration	 : none					;		
		padding-right	 : 5px					;
		margin-top		 : 5px					;
		height			 : 18px					;
		}
		
	.link_rubrique:visited{
	display			 : block					;
		color			 : #000000				;
		font-size		 : 14px					;
		text-decoration	 : none					;		
		padding-right	 : 5px					;
		margin-top		 : 5px					;
		height			 : 18px					;
		}
		
	.link_rubrique:visited:hover{
		display			: block					;
		color			: #4d4d4d				;
		font-size		: 14px					;
		text-decoration	: none					;		
		padding-right	: 3px					;
		height			: 18px					;
		background-image : url('src/hover.gif') ;		
	}
		
	.link_rubrique:hover{
		display			: block					;
		color			: #4d4d4d				;
		font-size		: 14px					;
		text-decoration	: none					;		
		padding-right	: 3px					;
		height			: 18px					;
		background-image : url('src/hover.gif') ;	
		}
		
		.link_sub_rubrique{
			display			: block				;
			color 			: #4b4a4a 			; 
			text-decoration : none 				;	 
			font-weight		: bold				;
			font-size 		: 12px				;
			height			: 20px				;
			margin-top		: 5px				;
			text-align	    : right 			;
			}

		.link_sub_rubrique:hover{
			display			: block				;
			color 			: #4b4a4a 			; 
			text-decoration : none 				;	 
			font-weight		: bold				;
			font-size 		: 12px				;
			height			: 20px				;
			margin-top		: 5px				;
			text-align	    : right 				;
			}

		.link_rubrique_selected { 
			color 			: #FFFFFF 			;	 
			display			: block				; 
			text-decoration : none 				;	 
			font-weight		: bold				;
			font-size 		: 12px				;
			width 			: 220px				; 
			padding-left	: 5px				;
			margin-top		: 10px				;
			background-image : url('src/font-menu.gif')		;
			}
		
	
	#icone{
		position		 : absolute				;
		display			 : block				;
		top				 : 20px				;
		left			 : -4px				;
		background-image : url('src/icone-fleche.gif')	;
		height			 : 46px					;
		width			 :	61px					;
		z-index			 : 10					;
		}
		
	#cat_select{
		position		 : relative			;
		display			 : block			;
		top				 : 20px				;
		left			 : 60px				;
		text-align 		 : left 			;
		color			 : #4d4d4d			;
		font-weight		 : bold				;
		width			 : 250px		;
		}
		
		.big{
		font-size		: 20px;
		}
		
		.titre_photo{
		text-align		: right	;
		border-bottom   : 1px solid #4d4d4d		;
		font-size		: 16px					;
		font-weight		: bold					;
		}
		
		.text_photo{
		text-align		: left		;
		font-size		: 12px		;
		color			: #4d4d4d	;
		}
		
		.link{
		color			: #e200a9 ;
		text-decoration : none	  ;		
		}
		
		.link:visited{
		color			: #e200a9 ;
		text-decoration : none	  ;		
		}
		
		.link:hover{
		color			: #4d4d4d ;
		text-decoration : none	  ;		
		}

		.link:hover:visited{
		color			: #4d4d4d ;
		text-decoration : none	  ;		
		}
		
		.link_search{
		color			: #4d4d4d ;
		text-decoration : none	  ;
		font-weight		: bold	  ;
		}
		
		.link_search:visited{
		color			: #4d4d4d ;
		text-decoration : none	  ;
		font-weight		: bold	  ;
		}

		.link_search{
		color			: #4d4d4d ;
		text-decoration : none	  ;
		font-weight		: bold	  ;
		}
		
		.link_search:hover{
		color			: #e200a9 ;
		text-decoration : none	  ;
		font-weight		: bold	  ;
		}
		
		.link_search:visited:hover{
		color			: #e200a9 ;
		text-decoration : none	  ;
		font-weight		: bold	  ;
		}
		
	#img_rubrique{
		position	:	absolute	;
		top			:   4px;
		right		:   0px			;
		}
		
	div#piedpage {
		position		 : absolute					;
		bottom		 	 : 0						; 
		//bottom		 : -300px						; 
		left			 : 0						;
		width		 	 : 980px					;
		height		 	 : 100px					;
		//height		 : 300px					;
		background-image : url('src/footer.jpg') 	;
		vertical-align	 : bottom					;
		//background-image : url('src/footer2.jpg') ;
		text-align		 : center 					;
		color			 : #000000					;
		font-size		 : 14px						;
		font-weight		 : bold						;
		padding-top		 : 60px						;
		z-index			 : 0						;
		}