Feuille de style modèle graphique N°1
body {
background: #A4BCE0;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
}
a {
text-decoration: underline;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
#conteneur {
border: 1px solid #43689F;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #FFF;
}
#head { background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/1/head.jpg) no-repeat;
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#menu_haut {
border-top: 1px solid #43689F;
width: 768px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}
.menuh li {
float: left;
}
.menuh a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #43689F;
text-decoration: none;
color: #fff;
background: #43689F;
font: bold 11pt Trebuchet MS;
}
.menuh a:hover {
background: #A4BCE0;
border: 1px solid #43689F;
}
.menuh a:active {
background: #43689F;
border: 1px solid #43689F;
color: #fff;
}
#menu_gauche {
float: left;
margin-left:10px;
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;
border: 1px solid #43689F;
background: #E5ECF7;
width: 170px;
}
#menu_gauche ul li a{
background: #E5ECF7;
margin: 0 0 0 0;
padding: 3px 0 3px 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: #A4BCE0;
}
#menu_gauche h2{
margin: 0 0 0 0;
background: #43689F;
border: 1px solid #43689F;
color: #EEF5FA;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
}
* 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/1/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 500px;
padding: 10px 0 15px 50px;
font: bold 11pt Trebuchet MS;
color: #E8EEF4;
}
.space {
clear: both;
height: 20px;
}
#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
background: #E5ECF7;
border-top: 1px solid #43689F;
font: bold 10pt Trebuchet MS;
}
.google {
float: right;
width: 100px;
}
.b4e {
float: left;
width: 500px;
margin: 0;
}
td {
font-size:10pt;
}
table:after {
content: "";
display: block;
clear: both;
}
#menu_haut ul{
list-style-type : none;
}
background: #A4BCE0;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
font: 10pt trebuchet MS;
text-align: center;
}
a {
text-decoration: underline;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
#conteneur {
border: 1px solid #43689F;
width: 768px;
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
background: #FFF;
}
#head { background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/1/head.jpg) no-repeat;
height: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#menu_haut {
border-top: 1px solid #43689F;
width: 768px;
padding: 0 0 0 0;
margin: -30px 0 0 0;
float: left;
}
.menuh li {
float: left;
}
.menuh a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #43689F;
text-decoration: none;
color: #fff;
background: #43689F;
font: bold 11pt Trebuchet MS;
}
.menuh a:hover {
background: #A4BCE0;
border: 1px solid #43689F;
}
.menuh a:active {
background: #43689F;
border: 1px solid #43689F;
color: #fff;
}
#menu_gauche {
float: left;
margin-left:10px;
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;
border: 1px solid #43689F;
background: #E5ECF7;
width: 170px;
}
#menu_gauche ul li a{
background: #E5ECF7;
margin: 0 0 0 0;
padding: 3px 0 3px 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: #A4BCE0;
}
#menu_gauche h2{
margin: 0 0 0 0;
background: #43689F;
border: 1px solid #43689F;
color: #EEF5FA;
width: 170px;
text-align: center;
font: bold 11pt Trebuchet MS;
}
* 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/1/rub.jpg) no-repeat;
margin: 10px 0 10px 0;
width: 500px;
padding: 10px 0 15px 50px;
font: bold 11pt Trebuchet MS;
color: #E8EEF4;
}
.space {
clear: both;
height: 20px;
}
#footer {
margin: 0 0 0 0 ;
padding: 0 10px 0 10px;
background: #E5ECF7;
border-top: 1px solid #43689F;
font: bold 10pt Trebuchet MS;
}
.google {
float: right;
width: 100px;
}
.b4e {
float: left;
width: 500px;
margin: 0;
}
td {
font-size:10pt;
}
table:after {
content: "";
display: block;
clear: both;
}
#menu_haut ul{
list-style-type : none;
}
...