cours0809/cours/P51/BlankoNet/WebContent/social.css

223 lines
3.6 KiB
CSS

@CHARSET "UTF-8";
body {
margin: 0 ;
padding: 0 ;
text-align : center ;
background : #ECE9D8 ;
font-family : tahoma, arial ;
font-size : 0.7em ;
color : #666666 ;
}
img {
border : none ;
}
#header {
position : relative ;
height : 197px ;
background : url(images/bg-header.jpg) repeat-x ;
}
#header h1 {
position : absolute ;
margin : 0;
padding : 0;
top : 20px;
left : -10px;
height : 98px;
width : 190px ;
background : url(images/logo.jpg) no-repeat ;
}
#header h1 span {
/* position : absolute ;
top : -9999px ;
left : -9999px ;*/
}
#header .centrage {
position : relative ;
width : 754px ;
margin : 0 auto ;
height : 197px ;
}
#header .centrage ul {
margin : 0;
padding : 0;
list-style : none ;
position : absolute ;
right : 0 ;
bottom : 4px ;
}
#header .centrage li {
float : left ;
}
#header .centrage li a {
display : block ;
height : 30px ;
line-height : 30px ;
width : auto ;
padding : 0 10px ;
margin : 0 0 0 5px ;
text-decoration : none ;
color : #fff ;
text-transform : uppercase ;
}
#header .centrage li a:hover {
color : #ccc ;
}
#header .centrage li #home {
background : url(images/menu-bg-1.jpg) repeat-x ;
}
#header .centrage li #about {
background : url(images/menu-bg-2.jpg) repeat-x ;
}
#header .centrage li #link {
background : url(images/menu-bg-3.jpg) repeat-x ;
}
#header .centrage li #contact {
background : url(images/menu-bg-4.jpg) repeat-x ;
}
/* CONTENEUR GENERAL
*******************************************************/
#content {
text-align : left ;
width : 817px ;
margin : 0 auto ;
padding : 20px 0 0 0 ;
}
/* SIDE
*******************************************************/
#side {
float : left ;
width : 215px ;
padding : 0 ;
}
#side h2 {
font-size : 0.8em ;
margin : 0 0 10px 0 ;
padding : 0 0 0 10px ;
color : #fff ;
height : 22px ;
line-height : 22px ;
}
#side h2#categories {
background : url(images/h2-1.jpg) no-repeat ;
}
#side h2#articles {
background : url(images/h2-2.jpg) no-repeat ;
}
#side ul {
margin : 0 ;
padding : 0 ;
background : url(images/centre-side-bloc.jpg) repeat-y ;
padding : 5px 10px 5px 15px ;
list-style : none ;
}
#side li {
padding : 0 0 0 20px ;
margin : 5px 0 0 0 ;
background : url(images/side-li.jpg) left no-repeat ;
}
#side li a {
text-decoration : none ;
color : #4D4F50 ;
}
#side li a:hover {
text-decoration : underline ;
}
#side img {
border : 0 ;
}
#side p {
margin : 5px 0 5px 0 ;
padding : 0 ;
}
#side .side-bloc {
background : url(images/top-side-bloc.jpg) no-repeat ;
}
#side .bottom-side-bloc {
background : url(images/bottom-side-bloc.jpg) left top no-repeat ;
height : 13px ;
}
/* CONTENU
*******************************************************/
#contenu {
float : left ;
width : 592px ;
padding : 0;
background : url(images/top-contenu-bg.jpg) top no-repeat ;
font-size : 115%;
}
#bg-centre-contenu {
background : url(images/centre-contenu-bg.jpg) repeat-y ;
padding : 0 0 40px 0 ;
}
#bg-bottom-contenu {
position : relative ;
height : 83px ;
background : url(images/bas-contenu-bg.jpg) no-repeat ;
}
#bg-bottom-contenu p {
position : absolute ;
right : -6px ;
top : 5px ;
font-size : 80% ;
color : #fff ;
margin : 0 ;
padding : 0 ;
}
#bg-bottom-contenu a {
text-decoration : none ;
color : #fff ;
}
#contenu a {
text-decoration : none ;
}
#contenu a:hover {
text-decoration : underline ;
}
#contenu p{
margin : 0 ;
padding : 5px 20px ;
}
#contenu h2 {
margin : 0 ;
padding : 20px 0 10px 20px ;
color : #669900 ;
}