Feuille de style modèle graphique N°16
/* CSS par Dig pour http://www.kits-gratuits.net - Tous droits réservés - */
html {
background:#434343;
}
body {
font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
color:#4A4A4A;
}
a {text-decoration:underline;color:#3366CC;}
a:hover {text-decoration:none;color:#404040;}
#page {
width:800px;
background:#fff;
padding-left:5px;
margin:auto;
}
#header {
margin:0;padding:0;
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/header.jpg') top;
width:800px;
height:114px;
border-top:8px solid #055555;
}
#header h1 a{
color:white;
margin-left:20px;
}
#menu_haut {
text-align:center;
}
ul#menu_haut {
width:600px;
height:27px;
list-style-type:none;
float:right;
text-align:center;
font:bold 8pt Tahoma;
}
ul#menu_haut li {
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/bt_header.jpg') no-repeat;
margin-left:1px;
padding-top:6px;
display:inline-block;
width:93px;
height:27px;
}
ul#menu_haut a{
color:#626262;
text-decoration:none;
}
ul#menu_haut a:hover{color:#4B4A4A; text-decoration:underline;}
#contenu {
width:800px;
border-top:12px solid #055555;
padding-top:10px;
background:#fff;
}
#bloc {
width:540px;
text-align:justify;
margin-left:10px;
padding-left:10px;
float:left;
}
h3 {
font-weight:bold;
font-style:italic;
color:#fff;
border: 1px solid #3366CC;
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/header.jpg') top no-repeat;
padding: 2px 2px 2px 2px;
width:500px;
margin: 15px 5px 15px 5px;
}
#bloc p {padding:5px 0 5px 0;}
p.quick {
color:#B8B8B8;
font-size:0.8em;
margin-left:10px;
}
#menu {
float:right;
width:180px;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:0;
padding-top:20px;
}
#menu h2 {
color:#3366CC;
font:bold 8pt Tahoma;
text-decoration:underline;
padding-left:4px;
}
#menu ul {
padding:0;
margin:0;
list-style-type:none;
padding-left:3px;
}
ul#menu li{
margin:0;
padding:0;
}
#menu a {text-decoration:underline;color:#ADA9A9;}
#menu a:hover {text-decoration:none;color:#D4D4D4;}
#copyright {
margin-top:30px;
border-top:1px solid #ADA9A9;
text-align:center;
width:95%;
}
.spacer {
clear:both;
}
hr {
color:#ADA9A9;
margin:5px 0 5px 0;
text-align:center;
}
html {
background:#434343;
}
body {
font:normal 0.8em "Trebuchet MS",Verdana,Helvetica,sans-serif;
color:#4A4A4A;
}
a {text-decoration:underline;color:#3366CC;}
a:hover {text-decoration:none;color:#404040;}
#page {
width:800px;
background:#fff;
padding-left:5px;
margin:auto;
}
#header {
margin:0;padding:0;
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/header.jpg') top;
width:800px;
height:114px;
border-top:8px solid #055555;
}
#header h1 a{
color:white;
margin-left:20px;
}
#menu_haut {
text-align:center;
}
ul#menu_haut {
width:600px;
height:27px;
list-style-type:none;
float:right;
text-align:center;
font:bold 8pt Tahoma;
}
ul#menu_haut li {
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/bt_header.jpg') no-repeat;
margin-left:1px;
padding-top:6px;
display:inline-block;
width:93px;
height:27px;
}
ul#menu_haut a{
color:#626262;
text-decoration:none;
}
ul#menu_haut a:hover{color:#4B4A4A; text-decoration:underline;}
#contenu {
width:800px;
border-top:12px solid #055555;
padding-top:10px;
background:#fff;
}
#bloc {
width:540px;
text-align:justify;
margin-left:10px;
padding-left:10px;
float:left;
}
h3 {
font-weight:bold;
font-style:italic;
color:#fff;
border: 1px solid #3366CC;
background:url('http://heezee.blog4ever.s3.amazonaws.com/templates/16/header.jpg') top no-repeat;
padding: 2px 2px 2px 2px;
width:500px;
margin: 15px 5px 15px 5px;
}
#bloc p {padding:5px 0 5px 0;}
p.quick {
color:#B8B8B8;
font-size:0.8em;
margin-left:10px;
}
#menu {
float:right;
width:180px;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid;
padding:0;
padding-top:20px;
}
#menu h2 {
color:#3366CC;
font:bold 8pt Tahoma;
text-decoration:underline;
padding-left:4px;
}
#menu ul {
padding:0;
margin:0;
list-style-type:none;
padding-left:3px;
}
ul#menu li{
margin:0;
padding:0;
}
#menu a {text-decoration:underline;color:#ADA9A9;}
#menu a:hover {text-decoration:none;color:#D4D4D4;}
#copyright {
margin-top:30px;
border-top:1px solid #ADA9A9;
text-align:center;
width:95%;
}
.spacer {
clear:both;
}
hr {
color:#ADA9A9;
margin:5px 0 5px 0;
text-align:center;
}
...