/* CSS Document */

/*	Rouge :		#E2001A */
/*	Vert:		#81A020 */
/*	Brun:		#4E3330 */

/*-----------------------------------------------*/
/*	Styles de bases								 */
/*-----------------------------------------------*/
	html{height:100%}
	body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.jpg); height:100%}
	
	#trame_brun{height:100%; width:950px; border:0px solid #000; position:relative; margin:0 auto; background:url(../images/bg_tache_brun.jpg) repeat-y top left}
	#trame_rouge{height:100%; width:950px; border:0px solid #000; position:relative; margin:0 auto; background:url(../images/bg_tache_rouge.jpg) repeat-y top left}
	#trame_vert{height:100%; width:950px; border:0px solid #000; position:relative; margin:0 auto; background:url(../images/bg_tache_vert.jpg) repeat-y top left}
	
	#cache{position:absolute; top:-25px; left:25px; width:500px; height:525px; background:url(../images/bg.jpg); z-index:1;}
	
	#contenant 
	{
		position:absolute;
		left: 50%;
		top: 50%;
		width: 950px;
		height: 600px;
		margin-top: -200px; /* moitié de la hauteur */
		margin-left: -475px; /* moitié de la largeur */
	}
	
	#link{position:absolute; margin:490px 0 0 500px; padding:0; width:450px; height:30px; z-index:5; text-align:right;border:0px solid #000}
	
	#menu{position:absolute; margin:0 0 0 50px; padding:0; z-index:5}
	#menu ul{margin:0; padding:0; list-style:none}
	#menu ul li{float:left; width:150px;}
	#menu ul li a{display:block; padding:5px; text-align:center; margin-right:7px; text-transform:uppercase; text-decoration:none; color:#ffffff; font-size:0.9em}
	#menu ul li a.menublanc{background:#ffffff;color:#000000;}
	#menu ul li a:hover.menublanc{background:#e5e5e5}
	#menu ul li a.menurouge{background:#E2001A}
	#menu ul li a:hover.menurouge{background:#e26f7c}
	#menu ul li a.menuvert{background:#81A020}
	#menu ul li a:hover.menuvert{background:#b6cf67}
	#menu ul li a.menubrun{background:#4E3330}
	#menu ul li a:hover.menubrun{background:#ad928f}
	
	#sousmenu{position:absolute; top:0; left:0; margin:0; padding:0; border:0px solid #FFFF00; width:450px; height:30px; z-index:10}
	#sousmenu ul{margin:0; padding:5px 0 0 20px; list-style:none}
	#sousmenu ul li{display:inline; color:#ffffff}
	#sousmenu ul li a{padding:0px; text-transform:uppercase; text-decoration:none; color:#ffffff; font-size:0.8em}
	#sousmenu ul li a:hover{text-decoration:underline}
	
	#carre_droite{position:absolute; margin:30px 0 0 500px; padding:0; width:450px; height:450px; z-index:5}
	
	
	#carre_gauche{position:absolute; margin:30px 0 0 50px; padding:30px; width:390px; height:390px; z-index:5}
	#contenu{margin:0; padding:15px; width:360px; height:360px; background:#ffffff;}
	#contenu p{color:#4E3330; line-height:100%; }
	#contenu .popup{color:#E2001A;}
	#contenu h1{margin:0 0 0 0; padding:0 0 0px 0}
	#contenu h1 span{display:none}
	#contenu ul{margin:0; padding:0 0 0 15px}
	#contenu ul li{color:#4E3330; line-height:100%;}
	
	#carre_gauche.accueil{background:#4E3330}
	#carre_gauche.accueil #contenu{background:url(../images/bg_contenu_accueil.gif)}
	
	
	#carre_gauche.rouge{background:#E2001A}
	#carre_gauche.rouge #contenu{background:url(../images/bg_contenu_rouge.gif)}


	#carre_gauche.brun{background:#4E3330}
	#carre_gauche.brun #contenu{background:url(../images/bg_contenu_brun.gif)}



	#carre_gauche.vert{background:#81A020}
	#carre_gauche.vert #contenu{background:url(../images/bg_contenu_vert.gif)}


	a{color:#E2001A; text-decoration:underline}
	a:hover{color:#4E3330;}


/* 	CSS pour effets de transition (fadewap)
  -----------------------------------------------*/
/* default opacity for IE */
img {filter:alpha(opacity=100);}

/* duplicate image positioning */
img.idupe {position:absolute;z-index:30000;visibility:hidden;}