223 lines
3.6 KiB
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 ;
|
|
}
|