Feuille de style modèle graphique N°4
body {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/fond.jpg) #000;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
color: #60B274;
}
a {
text-decoration: underline;
color: #60B274;
}
a:hover {
text-decoration: none;
color: #60B274;
}
#conteneur {
border: 1px solid #6DC183;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #000;
}
#head {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/head.jpg) no-repeat;
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#menu_haut {
border-top: 1px solid #6DC183;
width: 768px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}
.menuhaut li {
float: left;
}
.menuhaut a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #6DC183;
text-decoration: none;
color: #fff;
background: #000;
font: bold 11pt Trebuchet MS;
}
.menuhaut a:hover {
background: #01280B;
border: 1px solid #6DC183;
}
.menuhaut a:active {
background: #000;
border: 1px solid #6DC183;
color: #000;
}
#menu_gauche {
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 0;
width: 170px;
}
html > body #menu_gauche {
float: left;
margin: 35px 0 10px 10px;
}
#menu_gauche ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type : none;
}
#menu_gauche ul li{
margin: -1px 0 0 0;
padding: 0 0 0 0;
border: 1px solid #6DC183;
background: #000000;
width: 170px;
}
#menu_gauche ul li a{
background: #000000;
padding: 3px 0 3px 0;
margin: 0 0 0 0;
width: 170px;
line-height: 25px;
text-decoration: none;
font: 10pt Trebuchet MS;
}
html > body #menu_gauche ul li a{
display: block;
width: 170px;
}
#menu_gauche ul li a:hover{
background: #01280B;
margin: 0 0 0 0;
line-height: 25px;
padding: 3px 0 3px 0;
font: 10pt Trebuchet MS;
}
#menu_gauche h2{
margin: 0 0 0 0;
background: #000;
border: 1px solid #6DC183;
color: #FFF;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
padding: 5px 0 5px 0;
}
* html #menu_gauche h2{
width: 172px;
}
#rubriques {
float: right;
width: 530px;
margin: 20px 10px 0 0;
padding: 0 0 0 0;
}
#rubriques h3{
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 450px;
padding: 10px 0 15px 50px;
font: bold 11pt Trebuchet MS;
color: #FFF;
}
.space {
clear: both;
height: 20px;
}
#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
text-align: right;
background: #000000;
border-top: 1px solid #6DC183;
font: bold 10pt Trebuchet MS;
}
td {
font-size:10pt;
}
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/fond.jpg) #000;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
color: #60B274;
}
a {
text-decoration: underline;
color: #60B274;
}
a:hover {
text-decoration: none;
color: #60B274;
}
#conteneur {
border: 1px solid #6DC183;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #000;
}
#head {
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/head.jpg) no-repeat;
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#menu_haut {
border-top: 1px solid #6DC183;
width: 768px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}
ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}
.menuhaut li {
float: left;
}
.menuhaut a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #6DC183;
text-decoration: none;
color: #fff;
background: #000;
font: bold 11pt Trebuchet MS;
}
.menuhaut a:hover {
background: #01280B;
border: 1px solid #6DC183;
}
.menuhaut a:active {
background: #000;
border: 1px solid #6DC183;
color: #000;
}
#menu_gauche {
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 0;
width: 170px;
}
html > body #menu_gauche {
float: left;
margin: 35px 0 10px 10px;
}
#menu_gauche ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type : none;
}
#menu_gauche ul li{
margin: -1px 0 0 0;
padding: 0 0 0 0;
border: 1px solid #6DC183;
background: #000000;
width: 170px;
}
#menu_gauche ul li a{
background: #000000;
padding: 3px 0 3px 0;
margin: 0 0 0 0;
width: 170px;
line-height: 25px;
text-decoration: none;
font: 10pt Trebuchet MS;
}
html > body #menu_gauche ul li a{
display: block;
width: 170px;
}
#menu_gauche ul li a:hover{
background: #01280B;
margin: 0 0 0 0;
line-height: 25px;
padding: 3px 0 3px 0;
font: 10pt Trebuchet MS;
}
#menu_gauche h2{
margin: 0 0 0 0;
background: #000;
border: 1px solid #6DC183;
color: #FFF;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
padding: 5px 0 5px 0;
}
* html #menu_gauche h2{
width: 172px;
}
#rubriques {
float: right;
width: 530px;
margin: 20px 10px 0 0;
padding: 0 0 0 0;
}
#rubriques h3{
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/4/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 450px;
padding: 10px 0 15px 50px;
font: bold 11pt Trebuchet MS;
color: #FFF;
}
.space {
clear: both;
height: 20px;
}
#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
text-align: right;
background: #000000;
border-top: 1px solid #6DC183;
font: bold 10pt Trebuchet MS;
}
td {
font-size:10pt;
}
...