* {
padding : 0;
margin : 0;
}
body {
margin : 0 auto;
padding : 0;
font-family : Arial;
color:white;
background-color:#2e2e2e;
font-size:13px;
}
a {
color: white;
text-decoration: none;
}
#page{
margin : 0 auto;
width : 979px;
background: url('images/fond.jpg') repeat-y;
}
#header {
background: url('images/header.jpg') no-repeat;
width:979px;
height:258px;
}
#header ul {
list-style-type:none;
}
#header ul a {
color: black;
text-decoration: none;
height:25px;
width:140px;
display:block;
}
#header li {
position: relative;
float:left;
font-family:"Myriad Pro";
font-size:15px;
text-transform:uppercase;
text-align:center;
top:227px;
height:25px;
width:140px;
}
#header li.un {
left:105px;
}
#header li.deux {
left:185px;
}
#header li.trois {
left:285px;
}
#header li.quatre {
left:375px;
}
#gauche {
float:left;
width:240px;
}
#gauche h2 a{
color:black;
position:relative;
left:35px;
}
#menu_1 {
width:240px;
padding-top:28px;
background: url('images/menu_1.jpg') no-repeat;
}
#menu_1 h2 {
position:relative;
top:7px;
}
#menu_2 {
width:240px;
padding-top:65px;
background: url('images/menu_2.jpg') no-repeat;
}
#menu_2 h2 {
position:relative;
top:2px;
}
#menu_3 {
width:240px;
padding-top:64px;
background: url('images/menu_3.jpg') no-repeat;
}
#menu_3 h2 {
position:relative;
top:5px;
}
#menu_4 {
width:240px;
height:119px;
background: url('images/menu_4.jpg') no-repeat;
}
.menu h2{
font-family:"Myriad Pro";
font-size:15px;
text-transform:uppercase;
text-align:center;
font-weight:normal;
}
.menu ul {
list-style-type:none;
padding-top:10px;
}
.menu li {
height:23px;
width:240px;
padding-left:35px;
padding-top:7px;
text-align:center;
background: url('images/menu_li.jpg') no-repeat;
}
.menu a {
height:23px;
width:170px;
display:block;
color:white;
text-decoration:none;
font-size:13px;
}
#droite {
width:709px;
float:left;
}
#intro {
width:589px;
min-height:94px;
padding-left:30px;
padding-right:120px;
padding-top:45px;
background: url('images/intro.jpg') no-repeat;
}
.titre {
height:38px;
padding-left:140px;
padding-top:12px;
background: url('images/titre.jpg') no-repeat;
}
.titre h2 {
font-family:"Myriad Pro";
font-size:15px;
text-transform:uppercase;
font-weight:normal;
color:black;
}
.contenu {
width:589px;
padding-left:30px;
padding-right:120px;
padding-top:10px;
background: url('images/text.jpg') repeat-y;
color:#5d9b12;
}
.spacer {
height:87px;
background: url('images/spacer.jpg') no-repeat;
}
#footer {
text-align:center;
padding-top:100px;
height:90px;
clear:both;
background: url('images/footer.jpg') no-repeat;
}