Construire un site Web professionnel : partie 3 CSS (5 / 6 étapes)

/ * Document CSS * /
{corps
background-color : #c0c0c0 ;
}
.title
{
padding-left : 80px ; police-taille : 24 PX ; padding-top : 25px
}
corps, td, th {}
font-family : Verdana, Arial, Helvetica, sans-serif ;
font-size : 12px ;
Color: #666666 ;
}
UL {}
marge: 0 ;
padding: 0 10px 0 0 ;
liste-style : none ;
line-height : 1.2em ;
}
Li {}
padding-bottom : 7px ;
}
a: link {}
Color: #333333 ;
text-decoration : none ; font-weight : bold
}
a: visité {}
text-decoration : none ;
Color: #333333 ; font-weight : bold
}
a: hover {}
text-decoration : none ;
Color: #990000 ; font-weight : bold
}
a: active {}
text-decoration : none ;
couleur: #993300 ; font-weight : bold
}
#header {}
Largeur : 755px ;
hauteur : 71px ;
couleur: #4 d 5863 ;
fond : #D8DDE1 url("images/header.jpg") non-repeat ;
marge : 0px auto ;
}
#container {}
position : relative ;
Largeur : 755px ;
Color : inherit ;
fond : #D8DDE1 url("images/body.jpg") repeat-y ;
marge: 0 auto ;
text-align : left ;
min-height : 400px ; / * AJOUT POUR IE8 * /
}
#content {}
line-height : 1.6em ;
float : right ;
Largeur : 550px ;
padding : 0px 0px ;
}
{div.paragraph}
marge : 10px 35px 50px 0px ;
padding: 0 ;
}
/ * STYLES DE NAVIGATION * /
{#navlist}
la taille de police : 0.85em ;
float : left ;
Largeur : 160px ;
padding-left : 30px ;
}
#navlist ul {}
marge-right : 10px ;
marge-left : 10px ;
}
#navlist ul li {}
Display : block ;
marge : 2px 0 ;
}
/ * CATÉGORIE NAVIGATION * /
#nav-1 ul {}
padding-bottom : 20px ;
}
#nav-1 a: link, #nav-sujets une : visité {}
Color: #000000 ;
background-color : inherit ;
}
#nav-1 h3 {}
padding-left : 10px ;
}
#nav-1 li {}
couleur : #AC4444 ;
fond : en bas à gauche horizontale url("images/nav_bg.gif") ;
background-color : inherit ;
}
#nav-1 a: hover, #nav-sujets a: active {
couleur: #6A0909 ;
background-color : inherit ;
}
#footer {}
marge: 0 auto ;
Largeur : 755px ;
hauteur : 33px ;
fond : url("images/footer.jpg") non-repeat ;
}