/* CSS Document */

body {
background-color: #f4ecd6;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

a, a:visited {
	font-size: 0.9em;
	border-bottom:dashed #888888 1px;	
	text-decoration:none;
	color: #000000;
}

a:hover {
	color: #ffd143;
}

h3, h3 a, h3 a:visited, h3 a:hover {
color:#03a3d5;
}



.blanc {
font-size:0.9em;
color:#FFFFFF;
}

.bleu, .bleu a, .bleu a:hover, .bleu a:visited {
font-size:0.9em;
color:#03a3d5;
}

.gbleu, .gbleu a, .gbleu a:hover, .gbleu a:visited {
font-size:1.1em;
color:#03a3d5;
}

.bas{
font-size:0.8em;
}



/*-------------------------layout-----------------------*/

#fond{
position:relative;
margin:30px 0 0 0;
width: 900px;
height: 500px;
z-index:0;
background:  url(../images/idee-fond.jpg) center no-repeat ;
}

#menu {
position:absolute;
left:157px;
top:10px;
width:194px;
z-index:1;
padding:5px;
margin:0px;
}

#haut_droite {
position:absolute;
left:363px;
top:23px;
width:509px;
z-index:1;
padding:5px;
margin:0px;
}

#haut_droite_etapes {
position:absolute;
left:363px;
top:23px;
width:509px;
height:300px;
z-index:1;
padding:5px;
margin:0px;
overflow:auto;
}


#bas_droite {
position:absolute;
left:685px;
top:390px;
width:200px;
z-index:1;
padding:5px;
margin:0px;
}

#bas {
position:absolute;
left:360px;
top:2px;
width:auto;
z-index:1;
padding:0px;
margin:0px;
}

/*------------------listes-----------------*/
#fond #menu ul {
	width: 180px;
	padding: 0 0 10px 5px;
	margin: 0 0 15px 5px;
	list-style-image: url(../images/puce_menu.gif);
}
#fond #menu li {
	margin: 0 0 0 25px;
	padding: 3px 0 4px 0;
	line-height: 1em;
	width: 160px;
	color: #9BB50C;
}

#fond #menu li a, #fond #menu li a:visited, #fond #menu li a:hover  {
	color: #9BB50C;
	font-size:1em;
	text-decoration:none;
	border:none;
}