/* 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:1050px; 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:1050px; 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:1050px; 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: 48%;
		width: 950px;
		height: 600px;
		margin-top: -200px; /* moitié de la hauteur */
		margin-left: -495px; /* moitié de la largeur */
	}
	
	#link{position:absolute; margin:500px 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; width:880px;}
	#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:45px 0 0 500px; padding:0; width:450px; height:450px; z-index:5}
	
	#promo{position:absolute; z-index:20; margin:70px 0 0 684px;}
	#carre_gauche{position:absolute; margin:45px 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, #contenu_grand p{color:#4E3330; line-height:100%; }
	#contenu .popup, #contenu_grand .popup{color:#E2001A;}
	#contenu h1, #contenu_grand h1{margin:0; padding:0;}
	#contenu h1 span, #contenu_grand h1 span{display:none}
	#contenu ul, #contenu_grand ul{margin:0; padding:0 0 0 15px}
	#contenu ul li, #contenu_grand ul li{color:#4E3330; line-height:100%;}
	
	#carre_gauche_grand{position:absolute; margin:45px 0 0 50px; padding:30px; width:390px; height:auto; z-index:5}
	#contenu_grand{margin:0; padding:15px; width:360px; height:auto; background:#ffffff;}

	#carre_gauche.accueil{background:#4E3330}
	#carre_gauche.accueil #contenu{background:url(../images/bg_contenu_accueil.gif)}
	
	#carre_gauche.promo{background:#E2001A}
	#carre_gauche.promo #contenu{background:url(../images/bg_contenu_accueil.gif)}
	
	#carre_gauche.rouge{background:#E2001A}

	#carre_gauche.brun{background:#4E3330}

	#carre_gauche.vert{background:#81A020}

	#carre_gauche_grand.vert{background:#81A020}

	a{color:#E2001A; text-decoration:underline; border: none; outline:none;}
	a:hover{color:#4E3330;}
	img{border: none;}

/* 	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;}