div,p,h1,h2,h3,li,ul{
margin:0;
padding:0;
}

#main {
	background-color: #676767;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left 252px;
	width: 900px;
	margin: auto;
}
#image_droite {
	background-image: url(images/crayons.jpg);
	background-repeat: no-repeat;
	margin-left:556px;
	height: 680px;
	width: 340px;
}

#texte_droite{
padding-top:550px;
padding-left:115px;
text-align:justify;
letter-spacing: 4px;
}

#gauche {
	height:675px;
	width:550px;
	float:left;
}

#texte{
	font-family: arial;
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	color: #dfe4c2;
	width:320px;
	height:190px;
	padding-top:480px;
	font-weight: lighter;
	padding-left:20px;
	margin-bottom:50px;
	float:left;
	margin-bottom:80px;
}


h3{
	font-size:14px;
	text-align:justify;
	font-family: verdana;
	letter-spacing: 5px;
	color: #e0f181;
}
#titre_page{	
	float:left;
	padding-left:25px;
	padding-top:530px;
	width:177px;
	height:100px;
}

h4{
	font-size:18px;
	text-align:justify;
	font-family: verdana;
	font-weight: lighter;
	letter-spacing: 4px;
	color: #e0f181;
}

h1{font:normal normal 14px verdana;}
h2{font:normal normal 14px verdana;}

#navigation {
	background-image: url(images/navigation.jpg);
	background-position: 20px;
	height: 70px;
	width: 900px;
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 12px;
	color: #e0f181;	
	clear:both;
	position:relative;
	z-index:1;
}


#texte_navigation_haut{
	height:18px;
	padding-top:12px;
	padding-left:20px;
	z-index:1;
}

#texte_navigation_bas{
	height:18px;
	padding-top:16px;
	padding-left:220px;
	z-index:1;
}

#navigation div{ /* mise en place div sur lignes de menu pour le pop-up */
float:left;
display:block;
text-align:center;
}

#texte_navigation_haut a span,#texte_navigation_bas a span{
display:none;
}

#texte_navigation_haut a:hover span,#texte_navigation_bas a:hover span{
display:block;
text-align:center;
background-color:#242424;
/*
position:absolute;
top:-100px;
left:380px;
*/
position:relative;
top:-175px;
width:110px;
height:150px;
padding:5px;
z-index:100;
color:#FFFFA8;
text-align:center;
/*for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
/* older mozzila */
-moz-opacity:0.8;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #090909;

}

#menu_book,#menu_book_top,#menu_accueil,#menu_accueil_top{ /* pour agrandir la div du lien lorsque son texte est trop petit */
width:110px;
display:block;
text-align:center;
}


a:link, a:active, a:visited {text-decoration:none;}
a{font:normal normal 12px verdana;
color:#e0f181;
padding-right:15px;}

a:hover{color:#fefefe}

.active{color:#80FFFF;}