HTML, BODY {

	height : 100%;
	font-family : Arial, Geneva, Sans-serif;
	font-size : 14px;
	color : #111111;
	-overflow-x : hidden;
	border : 0;
	padding : 0;
	margin : 0;

}


BODY {overflow-x : hidden;}



	

	#page { 

		float:left;
		margin:auto;
		min-height:100%;
		background : url(../img/fond_page_article.gif) right top no-repeat;
		-height:100%;
		position:relative;
		width:100%;

	}
	
	#page.interieur {position:relative; }

	

		/* si le pied de la page est en absolute et reste collé au fond de la page;

		alors penser à ajouter un padding-bottom >= à la hauteur du pied de page pour eviter que 

		#conteneur et #pied ne se chevauchent.

		*/

		
		#bandeau_couleur {
		
			width : 100%;
			height : 130px;
			position : absolute;
			left : 0;
			top : 0;
			
			-position : relative;
			-margin : 0 0 -133px 0;
			background : #F1D100;
		
		}
		#conteneur { 
		
			float: left;
			height: 100%;
			width: 961px;

		}
		
		.interieur  #conteneur { background : url(../img/fond_conteneur_article.gif) left top no-repeat;}


		#entete { 

			width : 100%;
			height : 130px;
			background : url(../img/fond_conteneur_article.gif) left top no-repeat #F1D100;

		}

		

		/* Pour la navigation, qu'elle soit horizentale ou verticale, ça ne pose aucun probleme

		   il suffit de lui appliquer une largeur, de mettre float left/right et de respecter la largeur du bloc #corps comme fournie 

		   sur la charte.   

		*/

		

		#navigation { 

			width : 190px;
			padding : 0 0 30px 0;
			float : left;
			overflow-x : hidden;
			position : relative;

		}

		

		#corps{ position : relative; -top : 3px;}
		

			#col_gauche { 


				width : 250px;
				padding : 0 0 15px 0;
				float : left;
				display : none;
				

				

			}


			#col_centre{ 
				width : 761px;
				float : left;
				position : relative;
				-overflow-x : hidden;
				top : -45px;
				left : 0px;
				position : relative;
			
			}

			#pubs{ 
				width : 480px;
				height : 60px;
				position : relative;
				background:url(../img/barre.gif)  center top no-repeat ;
				padding : 4px 0 0 0;
				left : 20%;
				float : left;
				top:20px;
				
				
			}
			
			#pubs H4{ text-align : center; font-size : 10px; color : #ccc; font-weight : normal;}
			
			.publicite {
				background:url("../img/pucePublicite.gif") no-repeat scroll left center transparent;
				color:#333333;
				padding:0 0 0 12px;
			}
			
			#pubs OBJECT{ 
				width : 468px;
				position : relative;
				left : 6px;			
			}
		
			
			#encart_rubriques #pub_droite img{ 
			   border:none;
				
			}
			
			#col_droite{ 
				width : 187px;
				float : left;
				-overflow-x : hidden;
				position : relative;
			}


		/* pied de page etendu */


	#pied{ 
		width : 100%;
		height: 186px;
		position : absolute;
		/*bottom : 0;*/
		left : 0;
		float : left;
		background : url(../img/fond_pied.gif) left top repeat-x #111;
	}
	
/* Page interieur */

.interieur #col_centre{ 
	width : 567px;
	left : 0;
	float : left;
}