body {
background:#FFFF00;
margin:0;
padding:0;

font-family: arial, helvetica, sans-serif ;
text-align:center;
}


#wrapper {
width:650px;
height:560px;
position:absolute;
left:50%;
top:50%;
margin-top:-280px;
margin-left:-325px;
}

#bandeau{
width:650px;
height:80px;
font-size: 80pt ;
text-align:justify;
font-family: arial, helvetica, sans-serif ;

}

#photographie{
width:500px;
height:500px;

float:left;
}
#intro{
font-family: arial, helvetica, sans-serif ;
width:150px;
height:500px;
float:left;
text-align: right; 

/*text-justify: newspaper;*/
}
#horiz{
width:650px;
height:500px;
}

#parici{
background-color:black;
color:yellow;
}
#parici:hover{
background-color:yellow;
color:black;
}

a:link{
text-decoration: none;
}

#supergros{
font-family: arial, helvetica, sans-serif ;
font-size:60pt;
width:800px;
height:300px;
position:absolute;
left:50%;
top:50%;
border-style:dotted;
margin-top:-150px;
margin-left:-400px;
text-align:right;
}

#supergros:hover{
background-color: black; /* Le fond du paragraphe change de couleur */
color:yellow;
}

INPUT { 
background-color: blue; 
border-color: red; 
color: red; 
font-family: arial, helvetica, sans-serif ;
font-size: 50pt; 
text-align: right; }


input.enter{
color:yellow;
}

input.enter:active { 
position: relative; 
left: -2px; 
top: -2px; 
} 

.roaster td{
color:yellow;
background-color:black;
width:70px;
height:70px;
/*border : medium solid yellow;*/
text:black;
}

.roaster td a {
color:black;
}

.roaster td:hover{
background-color:yellow;

}

.roaster{
font-size:10pt;

margin-left: auto ; 
margin-right: auto ;
width:490px;


}


table {
/*border: medium solid #000000;*/
border-collapse : collapse;
background-image:url(images/uc6.jpg);
/*width:500px;
height:500px;*/

}

#ici:hover{
background-color:red;
}

#ici{
color:black;
}