/* /////////////// éléments de base /////////////// */

body 
	{
		margin:0;
		padding:0;
		font:75%/1.4 verdana,Helvetica,sans-serif;
		background-image:url(body_bg.gif);
		text-align:center;
	}

h1,h2,h3 span 
	{
		display:none;
	}

h3 
	{
		height:39px;
		margin:0;
		padding:0;
	}

p 
	{
		margin:0;
		padding:0;
	}

acronym 
	{
		border:none;
	}

a 
	{
		color:#D9189F;
		background-color:#ffffff;
		text-decoration:underline;
	}

a:hover, a:focus, a:visited
	{
		color:#FC7AD5;
		background-color:#ffffff;
	}


/* /////////////// sections  /////////////// */

#principal 
	{
		width:772px;
		margin:0 auto;
		padding:0 13px;
		position:relative;
		background:url(images/bg_1.jpg) repeat;
		border-left:1px solid #ffffff;
		border-right:1px solid #ffffff;
		color:#454545;
		text-align:justify;
	}

#page_header 
	{
		width:772px;
		height:179px;
		background:url(top.jpg);
	}

#bienvenue, #activite, #challenges, #affiche 
	{
		width:546px;
		margin:0 0 2px 226px;
		display:block;
		padding:0;
	}

#footer 
	{
		width:539px;
		margin:5px 0 0 226px;
		text-align:right;
		padding:3px 14px 43px 0;
	}
	
#image
	{
		margin-left:10px;
	}

#menu 
	{
	position:absolute;
	top:180px;
	left:5px;
	width:230px;
	
	}

#bienvenue p span
	{
		padding:0 15px 10px 77px;
		display:block;
	}

#activite p span, #challenges p span, #affiche p span 
	{
		padding:0 85px 10px 17px;
		display:block;
	}

#menu li 
	{
		list-style:none;
		padding:6px 0 10px 0;
	}

#menu_select
	{
		background:url(images/menu_2.jpg) top no-repeat;
		position:absolute;
		height:884px;

	}

#menu li a 
	{
		padding-left:7px;
		background:url(link.gif) left center no-repeat;
		text-decoration:none;
	}

#menu li a:hover 
	{
		text-decoration:underline;
	}

#courses 
	{
  		 width: 205px;
	}
#bienvenue .p1 span 
	{
		padding-top:14px;
		background:url(bienvenue_top.gif) top no-repeat;
	}

#bienvenue .p2 span 
	{
		padding-bottom:20px;
		background:url(right_bottom.gif) bottom no-repeat;
	}

#footer a
	{
		text-decoration:none;
		color:#888888;
		background-color:#dfdfdf;
		border:1px solid #bdbdbd;
		padding:3px 3px;
		height:100%;
	}

#footer a:hover
	{
		background-color:#ebebeb;
		color:#777777;
	}



/* /////////////// background  /////////////// */

/*  image droite*/
#bienvenue p
	{
		background:url(right_bg.gif) right repeat-y;
	}
	
/*  image latérale*/
#bienvenue 
	{
		background-image:url(img_bienvenue.jpg);
		background-position:left bottom;
	}
	
#activite 
	{
		background-image:url(img_activite.jpg);
		background-position:right bottom;
	}
	
#challenges 
	{
		background-image:url(img_challenges.jpg);
		background-position:right bottom;
	}
	
#affiche 
	{
		background-image:url(img_affiche.jpg);
		background-position:right bottom;
	}


/* /////////////// h3 image  /////////////// */

#activite h3 
	{
		background:url(title_activite.gif) no-repeat;
	}
	
#challenges h3 
	{
		background:url(title_challenges.gif) no-repeat;
	}
	
#affiche h3 
	{
		background:url(title_affiche.gif) no-repeat;
	}
	

/* /////////////// bottom image  /////////////// */

#activite .p3 span, #challenges .p3 span
	{
		padding-bottom:20px;
		background:url(right_bottom.gif) bottom no-repeat;
	}