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

h1{font:normal normal 12px verdana;}
h2{font:normal normal 12px verdana;}
h3{
	font-size:14px;
	text-align:justify;
	font-family: verdana;
	letter-spacing: 5px;
	color: #e0f181;
}
h4{
	font-size:18px;
	text-align:justify;
	font-family: verdana;
	font-weight: lighter;
	letter-spacing: 4px;
	color: #e0f181;
}
h5{font:normal normal 12px verdana;}
.px14 {font-size:14px;}
.px18{font-size:18px;}


.vert{
font-size:12px;
color:#009900;
letter-spacing:2px;
}

.bleu{
color:#00FFFF;
font-size:14px;
letter-spacing:3px;
}

.interligne{
line-height:8px;
}

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

#cadre{
width:100%;
background-image:url(images/skyline.gif);
}

#main {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left 150px;
	background-color:#676767;
	width: 900px;
	margin: auto;
	font:normal normal 12px verdana ;
	color:#dfe4c2;
}


#vcard1{
display:none;
}

#haut{
width:900px;
}

#droite {
	padding-left:25px;
	width:475px;
	float:left;
}

#image_droite {
	background-image: url(images/pigments_accueil.jpg);
	background-repeat: no-repeat;
	margin-top:-30px;
	margin-left:556px;
	width: 340px;
}

	#texte_droite{
	padding-top:400px;
	padding-left:110px;
	text-align:justify;
	letter-spacing: 4px;
	font-size:8px;
	}

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

#texte{
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	color: #dfe4c2;
	width:320px;
	padding-top:300px;
	font-weight: lighter;
	padding-left:20px;
	padding-bottom:30px;
	float:left;
	text-align:justify;
}

.texte{
	font-family: verdana;
	font-size: 12px;
	line-height: 24px;
	text-decoration:underline;
	font-weight:normal;
	color: #dfe4c2;
}

#logo_print{
display:none;
}

#titre_page{	
	float:left;
	padding-left:25px;
	padding-top:370px;
	width:177px;
	height:100px;
}

#diapo{
	font-style: normal;
	line-height: 24px;
	width:800px;
	margin:auto;
	font-family:Verdana;
	font-size:12px;
	color:#e0f181;
	padding-bottom:30px;
}


#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:0px;
	z-index:1;
}

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

#navigation div{ /* mise en place div sur lignes de menu pour le pop-up */
float:left;
display:block;
margin-right:10px;
}

#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;
}

#navigation_top {
	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_top{
	height:18px;
	padding-top:12px;
	padding-left:0px;
	z-index:1;
}

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

#navigation_top div{ /* mise en place div sur lignes de menu pour le pop-up */
float:left;
display:block;
margin-right:10px;
}

#texte_navigation_haut_top a span,#texte_navigation_bas_top a span{
display:none;
}

#texte_navigation_haut_top a:hover span,#texte_navigation_bas_top a:hover span{
display:block;
text-align:center;
background-color:#242424;
/*
position:absolute;
top:-100px;
left:380px;
*/
position:relative;
top:0px;
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;
}

a:hover{color:#fefefe;}

.active{color:#80FFFF;}

a img{
border:none;
}

.vcard{ /* coordonnées */
font-family: verdana;
font-size: 10px;
letter-spacing:2.5px;
font-style: normal;
color: #dfe4c2;
display:block;
width:100%;
text-align:center;
margin-top:15px;
padding-bottom:10px;
}

	.cpales, .role{
	display:none;
	}

#mascotte{
position:relative;
background-image:url(images/mascotte_www3.gif);
background-repeat:no-repeat;
width:250px;
height:106px;
margin-top:-120px;
margin-left:940px;
z-index:100;
}

#eco_print{
text-align:center;
font-size:9px;
font-family:verdana;
}