body { background: url(imgs/fond-accueil.gif); font-size: 10px; margin: 0 }

	#mrgB { position: absolute; width: 1px; height: 550px;}

/* RUBS  */
	
	#menuAccueil {   width: 230px; height: 260px; position: relative; z-index: 5;  }
	
	.mn { z-index: 5 }
	
	h2 { margin: 0 }
	h2 span { display: none; }
	h2 a{ text-decoration: none !important; }


	a#r_a
	{
		/*background: url(imgs/forme10_0.gif) no-repeat left top;*/
		left: 115px;
		top: 346px;
		width: 65px;
		height: 80px;
		background: transparent url(imgs/t.gif) no-repeat ;
		 z-index: 10
	}
	
	a#p_g
	{
		background: url(imgs/forme1_0.gif) no-repeat left top;
		left: 31px;
		top: 23px;
		width: 185px;
		height: 150px;
	}

	a#c
	{
		background: url(imgs/forme2_0.gif) no-repeat left top;
		left: 125px;
		top: 151px;
		width: 220px;
		height: 120px; 
	}
	
	a#i_p
	{
		background: url(imgs/forme3_0.gif) no-repeat left top;
		left: 32px;
		top: 225px;
		width: 70px;
		height: 120px; 
	}
	a#r_a:hover
	{
		background:  url(imgs/forme10_0.gif) no-repeat left top;;
		background-color: transparent;
	}	
	a#p_g:hover
	{
		background-image: url(imgs/forme1_1.gif);
		background-color: transparent;
	}
	
	a#c:hover
	{
		background-image: url(imgs/forme2_1.gif);
		background-color: transparent;
	}
	
	a#i_p:hover
	{
		background-image: url(imgs/forme3_1.gif);
		background-color: transparent;
	}

/* RUBS LEGENDES */

	.tt { display: block;color: #fff}
	
	.tt strong
	{
		font-size: 11px !important;
		line-height: 13px;color: #fff ;
		margin: 15px 0 0 20px;
		display: block;
		font-weight:  normal;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	#r_a1
	{
		left: 45px;
		top: 1px;
		height: 15px;
		line-height: 9px;
		width: 143px;
		 background: #fff none no-repeat; 	
		 border: 1px none #333;
	}	
	#r_a1 strong {  margin: 2px 4px; 		color: #333 !important;
}
	
	#p_g1
	{
		left: 190px;
		top: 34px;
		height: 64px;
		color: #333;
		line-height: 9px;
		width: 149px;
		 background: url(imgs/bulle2.gif) no-repeat; 
	
	}

	
	#c1
	{
		left: 225px;
		top: 0;
		color: #333;
		line-height: 9px;
		width: 149px;
		height: 64px;
		 background: url(imgs/bulle3.gif) no-repeat; 
	}
	
	#c1 strong {  margin: 8px 0 0 8px; }
	
	.tt#c1 strong { line-height: 14px; }
	
	#i_p1
	{
		left: 66px;
		top: 107px;
		width: 149px;
		height: 53px;
		color: #333;
		line-height: 9px;
		z-index: 2;
		 background: url(imgs/bulle2.gif) no-repeat; 
		 
	}
	
/* INFOS PUBLI */

	#tc
	{
		position: absolute;
		left: 30px;
		top: 460px;
		width: 200px;
		font-family: Arial, Helvetica, sans-serif;
		display: none;
	}


	
	#tc a
	{
		display: block;
		float: left;
		clear: both;
		text-transform: uppercase;
		color: #333;
		background-color: #fff;
		padding: 0;
		font-weight: normal;
		padding-left: 4px;
		letter-spacing: 1px;
		margin-bottom: 7px;
		line-height: 11px;
		font-size: 12px;
	}
	
	#tc a#quatre { height: 12px; }
	#tc a:hover { }
	#tc a#un { padding-right: 110px; }
	#tc a#deux { padding-right: 120px; }
	#tc a#trois { padding-right: 95px; }
	
	#tc a#quatre
	{
		font-size: 9px;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	#tc a#un:hover { color: aqua; }
	#tc a#deux:hover { color: fuchsia; }
	#tc a#trois:hover { color: maroon; }
/*	#tc a#quatre:hover { color: lightgreen; }*/
	
	.annx {
		position: absolute;
		left: 349px;
		top: 211px;
		width: 430px;
		height: auto;
		background: #fff;
		display: none;
		z-index: 2;
		background: #fff url(imgs/mrg-accueil.gif) repeat-y -10px -1px;
		
	}


	.annx h3 {
display: none;
margin-left: 30px;
}


	.annx span {
display: block;
margin: 8px;
font-family: "Times New Roman", Times, sans-serif;
font-size: 15px;
padding-bottom: 20px;
margin-left: 30px;
}	
	
	.annx span a {
color: #000; 
}	

	.annx span span { display: block; margin: 0; padding: 0}	
	.annx span br { }	

	#edito span
	{
padding-right: 30px
	}
	
	#commander
	{

	}


	#ours
	{
	width: 480px
	}
	
	
	#ours a
	{
color: #000 ; text-decoration: none 
	}

	#ours a:hover
	{
color: #000 ; 
	}
	
	#ours .colG
	{
float: left; width: 48%
	}

	#ours .colD
	{
float: right; width: 48%
	}


	#ours img#imMin
	{
margin-left: 8px ; 
margin-bottom: 7px;
	}

	#ours img#imCnap
	{
margin-left: 2px ; 
	}

	.fermer
	{
		position: absolute;
		bottom: 2px;
		left: 25px;
		width: 20px;
		background: #333 url(imgs/croix.gif) no-repeat center center !important;
		height: 25px;
		cursor: pointer;
	}

	.fermer:hover
	{
background-color: red;
	}
	
	
	#gef
	{
		background: #fff;
		color: #333;
		text-decoration: none;
		font-size: 10px !important;
		display: block;
		color: #000; letter-spacing: 1px; display: inline; position: absolute; top: 41.5em; left: 32px; text-transform: uppercase; z-index: 10; background: #fff; width: 8.5em; height: 11em; font-weight: normal; cursor: pointer; margin: 0; padding: 0;
	}


#gef a {

color: #333;
text-decoration: none;

height: 110px; 
display: block; 
width: 85px;

}






a:focus {  outline: 0 none; }
	
	#gef span {
	
	font-size: 11px !important;
	}
	
	
	h1#gef a:hover
	{
		;
		color: #0f3 ;
		text-decoration: none;
	}
	
	h1#gef span {
	display: block;
	margin: 5px 0 0 5px
	}

	#gef1
	{
		visibility: hidden;
		position: absolute; 
		top: 415px; 
		left: 132px; 
		text-transform: uppercase; 
		z-index: 10; 
		width: 99px; 
		height: 120px;
		background:  url(imgs/forme9_0.gif) no-repeat;
		
	}


	#gef1 ul
	{
	list-style-type: none;
	margin: 38px 0 0 37px;
	padding: 0;

	}


	#gef1 ul li a
	{
	color: #fff;
	padding: 6px 0;
	display: block;
	text-decoration: none;
	}


	#gef1 ul li a#prf:hover { color: #f3c }
	#gef1 ul li a#cta:hover { color: #f3c }
	#gef1 ul li a#ors:hover { color: #f3c }

	#gef1 ul.edito li a#prf:hover { color: #fff }
	#gef1 ul.commander li a#cta:hover { color: #fff }
	#gef1 ul.ours li a#ors:hover { color: #fff }
	
	em.u { text-decoration: underline; font-style: normal }

	#valid span { font-size: 13px }

/* ANIMS */	
	
	.anim {  position: absolute; background: no-repeat left top; z-index: 1}
	
	#anim1 { left: 235px; top: 278px;  }
	#anim2 { left: 460px; top: 350px; }
	#anim3 { left: 197px; top: 123px;  }
	#anim4 { left: 280px; top: 323px;  }
	#anim5 { left: 577px; top: 278px;  }
	#anim6 { left: 35px; top: 357px; ;  }
	#anim7 { left: 94px; top: 173px;  }
	#anim8 { left: 105px; top: 226px;  }
	#anim9 { left: 75px; top: 208px;  }
	#anim10 { left: 139px; top: 416px;  }
	#anim11 { left: 110px; top: 190px;  }
	#anim12 { left: 265px; top: 308px;  }
	#anim13 { left: 33px; top: 190px;  }
	#anim14 { left: 248px; top: 11px;  }
	#anim15 { left: 229px; top: 29px;  }
	#anim16 { left: 528px; top: 136px;  }
	#anim17 { left: 33px; top: 208px;  }