Feuille de style modèle graphique N°23
body {
margin-top: 20px;
padding: 0px;
background: #029AC9 url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img01.jpg) repeat-x left top;
font: 13px Arial, Helvetica, sans-serif;
color: #212121;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.8em;
border-bottom: #BFC9AE dashed 1px;
color: #5E5E5E;
margin:5px;
}
p
{
margin:0;
padding:0;
}
ol, ul {
margin-bottom: 1.8em;
line-height: 160%;
}
a {
color: #393939;
}
a:hover {
text-decoration: none;
color: #393939;
}
a img {
border: none;
}
hr {
background-color:#393939;
height:1px;
margin:10px;
}
img {
border:none;
}
fieldset {
border:none;
}
/* Header */
#header {
width: 900px;
height: 80px;
margin: 0px auto;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img02.jpg) no-repeat left top;
}
#header a {
text-decoration: none;
color: #FFFFFF;
}
/* Logo */
#logo {
float: left;
padding-left: 20px;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
padding-left: 3px;
padding-top: 6px;
text-transform: uppercase;
font-size: 10px;
}
#logo h1 {
padding: 5px 0px 0px 0px;
}
#logo a {
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
margin: 11px 0 0 0;
}
#menu ul {
margin: 0px 0 0 0;
padding: 0px 20px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
margin: 0px 0px 0px 1px;
}
#menu a {
display: block;
width: auto;
height: 24px;
padding: 7px 15px 0px 15px;
background: #176FA9;
}
#menu a:hover {
text-decoration: underline;
}
#menu .first {
background: none;
}
#menu .active a {
}
/* Page */
#page {
width: 900px;
margin: 0px auto;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img03.jpg) repeat-y left top;
}
/* Content */
#content {
float: left;
width: 600px;
padding-left: 15px;
}
#content ul {
margin-left:20px;
}
/* Sidebar */
#sidebar {
float: right;
width: 270px;
}
#sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#sidebar li ul {
margin-bottom: 0;
list-style: none;
}
#sidebar li li {
padding: 5px 7px;
margin-left: 24px;
border-bottom: #BFC9AE dashed 1px;
}
#sidebar h2 {
padding: 6px 30px;
background: #146BA6;
font-size: 1.2em;
color: #FFFFFF;
padding-top:5px;
}
#sidebar a {
text-decoration: none;
color: #232F01;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Footer */
#footer {
clear: both;
width: 900px;
margin: 0px auto 0px auto;
color: #FFFFFF;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img04.jpg) left top;
text-align:center;
padding-bottom:10px;
}
#footer a {
color: #FFFFFF;
}
margin-top: 20px;
padding: 0px;
background: #029AC9 url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img01.jpg) repeat-x left top;
font: 13px Arial, Helvetica, sans-serif;
color: #212121;
}
h1, h2, h3 {
margin-top: 0px;
}
h1 {
font-size: 2.4em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.8em;
border-bottom: #BFC9AE dashed 1px;
color: #5E5E5E;
margin:5px;
}
p
{
margin:0;
padding:0;
}
ol, ul {
margin-bottom: 1.8em;
line-height: 160%;
}
a {
color: #393939;
}
a:hover {
text-decoration: none;
color: #393939;
}
a img {
border: none;
}
hr {
background-color:#393939;
height:1px;
margin:10px;
}
img {
border:none;
}
fieldset {
border:none;
}
/* Header */
#header {
width: 900px;
height: 80px;
margin: 0px auto;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img02.jpg) no-repeat left top;
}
#header a {
text-decoration: none;
color: #FFFFFF;
}
/* Logo */
#logo {
float: left;
padding-left: 20px;
}
#logo h1, #logo p {
margin: 0px;
line-height: normal;
font-weight: normal;
color: #FFFFFF;
}
#logo p {
padding-left: 3px;
padding-top: 6px;
text-transform: uppercase;
font-size: 10px;
}
#logo h1 {
padding: 5px 0px 0px 0px;
}
#logo a {
color: #FFFFFF;
}
/* Menu */
#menu {
float: right;
margin: 11px 0 0 0;
}
#menu ul {
margin: 0px 0 0 0;
padding: 0px 20px 0px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
margin: 0px 0px 0px 1px;
}
#menu a {
display: block;
width: auto;
height: 24px;
padding: 7px 15px 0px 15px;
background: #176FA9;
}
#menu a:hover {
text-decoration: underline;
}
#menu .first {
background: none;
}
#menu .active a {
}
/* Page */
#page {
width: 900px;
margin: 0px auto;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img03.jpg) repeat-y left top;
}
/* Content */
#content {
float: left;
width: 600px;
padding-left: 15px;
}
#content ul {
margin-left:20px;
}
/* Sidebar */
#sidebar {
float: right;
width: 270px;
}
#sidebar ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#sidebar li ul {
margin-bottom: 0;
list-style: none;
}
#sidebar li li {
padding: 5px 7px;
margin-left: 24px;
border-bottom: #BFC9AE dashed 1px;
}
#sidebar h2 {
padding: 6px 30px;
background: #146BA6;
font-size: 1.2em;
color: #FFFFFF;
padding-top:5px;
}
#sidebar a {
text-decoration: none;
color: #232F01;
}
#sidebar a:hover {
text-decoration: underline;
}
/* Footer */
#footer {
clear: both;
width: 900px;
margin: 0px auto 0px auto;
color: #FFFFFF;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/23/img04.jpg) left top;
text-align:center;
padding-bottom:10px;
}
#footer a {
color: #FFFFFF;
}