/*
 * Base             100% 
 * -------------------------------------
 * 16px             115% 
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */
	* {
		margin:0;
		padding:0;
	}

	html {
    	padding:0px; 
   		margin:0px;
	}
	body { 
		background-image: url(../medias/communs/fond.gif); 
		background-repeat: repeat-x; 
		margin: 0 0 0 0; 
		padding: 0px;
		text-align: center; 
		width: 100%;
		font-family: Arial;
		font-size:65%;
	}
	h1, h2, h3, h4{
		font-family: Arial;
		margin: 0;
	}
	img{ 
		border: 0;
	}
	.spacer {
		clear:both;
	}

/* ----------------------------------------------------- CONTENEUR GLOBAL -------------------------------------------------*/
	#conteneur-principal{
		width: 785px;	
		margin: 0px auto;
	}
	#conteneur-home{
		width: 785px;	
		float:left;
		height:auto;
	    text-align: left;
		background-image:url(../medias/communs/ombre.gif);	
	}
	#page-home {
		width: 785px;
		float:left;
		background:url(../medias/communs/fond-contenu.jpg) no-repeat;
	}
																																	/*------------------------------------------------------- HAUT DE PAGE ----------------------------------------------------*/
	
	#bandeauLogo{
		width:180px;
		height:130px;
		margin:0px 0 0 5px;
		float:left;
		position:absolute;
	}
	#bandeau1{
		width:612px;
		height:97px;
		margin: 0px auto;
		background-image:url(../medias/communs/bandeau1.jpg);
		padding:54px 0 0 163px;
	}
	#bandeau2{
		width:775px;
		height:53px;
		margin: 0px auto;
		background-image:url(../medias/communs/bandeau2.jpg);
	}
	#langage{
		padding:20px 0 0 20px;
	}
	.country{
		color:#512f05;
		font-family:Arial;
		width:150px;
		font-size:100%;
		border: #8f795e 1px solid;
	}

/* ---------------------------------------------------- COLONNE GAUCHE ----------------------------------------------------*/

	#col_gauche {
		width: 195px;
		float:left;
		display:block;
		background:url(../medias/home/ombre_colgauche.gif) repeat-y;		
	}

	#fond_colgauche {
		width: 195px;
		float:left;
		display:block;
		background:url(../medias/home/fond_colgauche.gif) no-repeat bottom;		
	}
	
	.sous_menu ul{
		padding:0px 0px 2px 33px;
		width:160px;
		font-size:106%;
		text-decoration:none;
		list-style-type: none;
	}		
	.sous_menu li{
		background:url(../medias/home/picto_puce.gif) no-repeat 1px 5px;
		padding:0 0 0 10px;
		display:block;	
	}
	.sousmenu_titre	{
		font-size:100%;
		font-weight:normal;	
		color:#512F05;
		line-height:12px;
	}
	.sousmenu_titre_over{
		font-size:100%;	
		color:#512F05;
		font-weight:bold;	
		line-height:12px;
	}
	.sous_menu a{
		font-weight:normal;	
		color:#512f05;
		text-decoration:none;
		margin-bottom:10px;
	}
	.sous_menu a:hover{
		text-decoration:underline;
		color:#512f05;
	}	
	.puce{
		margin:0 5px 0 -9px;
	}
	.menu_titre{
		background:url(../medias/communs/puce.gif) no-repeat 8px 4px;
		margin:14px 0 0 12px;
		padding:0px 0px 2px 22px;
		width:160px;	
		color:#CF6E0F;
		font-size:105%;
		font-weight:bold;	
		text-decoration:none;	
	}
	#box_bas_menu{
		width: 195px;
		height:30px;
		background:url(../medias/home/box_bas_menu.gif) no-repeat bottom;
	}
	.abrev{
		text-decoration:none;
	}

/* --------------------------------------------------  PAGE - FOOTER  --------------------------------------------------*/

	#footer{
		width:760px;
		height:60px;		
		padding-left:25px;
		background:url(../medias/communs/footer.jpg) no-repeat top;
		color:#512f05;
		padding-top:15px;
		display:block;
		float:left;	
	}
	#footer a{
		color:#512f05;
		text-decoration:none;
	}
	#footer a:hover{
		color:#512f05;
		text-decoration:underline;
	}
	.pic_footer{
		margin:0 5px 0 0;
		float:left;
	}
	#txt_footer{
		float:left;
		margin:8px 0 0 0;
	}
	#realisation{	
		width:760px;
		margin: 0px auto;
		height:10px;
		padding-right:25px;
		color:#b3b2b2;
		text-align:right;
	}
	#realisation a{
		text-decoration:none;
		color:#b3b2b2;
	}
	#realisation a:hover{
		text-decoration:underline;
		color:#b3b2b2;
	}
	#realisation strong{
		font-weight:bold;
		font-size:100%;
		color:#8e8d8d;
	}