body{/* style de la page*/
background:#000;
font:1.5em/1em verdana, Helvetica, sans serif; /*caractere: taille du corps, interlignage, police*/
color:#fff;
top:-10px;
left:0px;
position:relative;
}
h1{
display:none;
}
#site{
margin-left: auto;
margin-right: auto;
top : 20px;
left : 0px;
position:relative;
width: 800px;
height:600px;
}
#bienvenue1{
background:#ccc url(../images/bien.gif) no-repeat;/*couleur du fond, on remonte css vers racine et descend dans image et sur toute la largeur*/
position:absolute;
top:0px;
left:0px;
width:800px;
height:200px;
border:1px solid #fff;
}
#bandes2{
background:#ccc url(../images/bandes2.gif) no-repeat;/*couleur du fond, on remonte css vers racine et descend dans image et sur toute la largeur*/
position:absolute;
width:800px;
height:200px;
top:200px;
left:0px;
border:1px solid #fff;
}
#welcome1{
background:#ccc url(../images/welc.gif) no-repeat;/*couleur du fond, on remonte css vers racine et descend dans image et sur toute la largeur*/
position:absolute;
width:800px;
height:200px;
top:20px;
left:0px;
top:400px;
left:0px;
border:1px solid #fff;
}
/*-------------------------------------------------------------*/
#bienvenue{
position:relative;
top:120px;
left:100px;
}
#bienvenue a{
text-decoration: none;
color:#000;
}
#bienvenue a:hover{
text-decoration: none;
color:#ccc;
}
#welcome{
position:relative;
top:100px;
left:600px;
}
#welcome a{
text-decoration: none;
color:#000;
}
#welcome a:hover{
text-decoration: none;
color:#ccc;
}
#news{
position:relative;
top:400px;
left:0px;
border:1px solid #fff;
}
#news a{
text-decoration: none;
color:#000;
}
#news a:hover{
text-decoration: none;
color:#ccc;