cours0809/cours/P51/BlankoNet/WebContent/social.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 ;
}