html,body {
background: #ffffdd; 
}

p,td {
font-size :14px;
font-family : Arial, Helvetica,Geneva, sans-serif;
font-weight:normal;
color :#660000 ;
margin-left:2em;
margin-right:1em;
margin-top:1em;
line-height: 16px ;
word-spacing: 0.2em;
text-align:justify;
}

p.rouge{
font-family : times;
font-size :14px; weight:normal;
margin-top:0em;
line-height: 16px ;
font-style:normal;
color:#996666;
text-align:left;
}


p.g{
font-family : Helvetica, Geneva, sans-serif;
font-size :80%;
line-height: 16px ;
margin-top:1em;
font-weight:normal;
color:black;
text-align:center;

}

li{
	font-family :  Times , Helvetica, Geneva, sans-serif;
font-size :16px;

font-weight:normal;
color:red;
text-align:left;
list-style:square;
display:block,

}

ul{
font-family :  Times , Helvetica, Geneva, sans-serif;
font-size :14px;
color:red;
font-weight:normal;

text-align:left;
list-style:square;
display:block,

}
.poesie
{text-align:center;
font-family: comic sans ms, arial, sans-serif;
}
h1 {
font-size :22px;
font-family :  Arial, Helvetica, Geneva, sans-serif;
color : black;
text-align: center;
}

h2 {
font-size : 18px;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;

text-align:center;

}

h3 {
font-size : 12px;
font-family : Arial, Helvetica, Geneva, sans-serif;
color : aaaa00;

text-align:center;

}

a:link {color: black; text-decoration:none;}
a:visited {color: black; text-decoration:none;}
a:hover {color:yellow; text-decoration:none; visibility: inherit;}





.centre {border-style:groove; 
border-top-width:0px; 
border-bottom-width:0px; 
border-right-width:0px; 
border-left-width:0px; 
border-color:#aa0000; 
background : #ffffdd; 

width:85%;
float:left;

padding:5px;
margin-left:20px;



}

.centra {border-style:groove; 
border-top-width:0px; 
border-bottom-width:0px; 
border-right-width:0px; 
border-left-width:2px; 
border-color:#aa0000; 
background : #9999fdd; 

width:70%;
float:left;

padding:5px;
margin-left:20px;


}

.gauche 
{border-style:groove; 
border-width:5px; 
border-color:yellow; 
background: #ffffcc  ; 
width:30 px; 
padding:2px; 

float: left;

margin-top10px;
margin-left:5px;
}

.haut {border-style:normal; 

border-width:0px;  
border-color:grey; 
background-color:#cccc00; 

width:85%;
padding:5px; 
position:absolute;
margin-top:-15px;
left:9%;


}

.hautg {border-style:groove; 

border-width:2px;  
border-color:orange; 


padding: 0px; 
float: left;
margin-top:10px;
margin-left:10px;
left:0px;
background-color: #ffffdd; 

}

.hautd {

border-width:0px;  



padding:0px; 
float:right;
margin-top:10px;
margin-right:10px;
margin-left:10px;

background-image:url(images/degor.jpg);
background: #ffffdd; 

}



#popup a, #popup a:visited {
float:right;
display: block;
width: 100px;
font-size:12px;
margin-top:10px;

margin-left:5px;
padding:5px;
color: black;
text-align: left;

border: 0px ;




}

#popup a span {display: none;}

#popup a:hover {

}

#popup a:hover span{
display: block;
float:left;
font-size:12px;
font-family :  Arial, Helvetica, Geneva, sans-serif;
font-weight:normal;
width: 120px;
margin:0px;
padding:5px;
color: black;
background-color: #ffccaa;
text-align:left;
}


object{width:700px;height:500px;



}