Feuille de style modèle graphique N°20
html, body {
margin: 0;
padding: 0;
height: 100%
}
body {
margin: 0;
padding: 0;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 0.8em;
background: #FAF6C7 url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/bgall.jpg) repeat-x ;
text-align : center ;
color : #fff}
.conteneur {
width:776px;
background-color: #000;
margin-left:auto;
margin-right:auto;
text-align : left;
height:100%;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/centre2.gif) no-repeat ;
}
html>body .conteneur {
height : auto;
min-height : 100%;
}
.haut{
width:724px;
height: 289px;
text-align : left;
margin-left :25px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/haut.jpg) no-repeat ;
}
html>body .haut{
width : 723px;
}
.centre2{
background: #000 ;
width:725px;
text-align : left;
margin-left :25px;
}
html>body .centre2{
margin-left :25px;
width : 725px;
}
.gauche {
float : left;
width : 180px ;
margin-left : 5px;
margin-top : 20px;
background : #fff url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/bgauche.gif) no-repeat bottom;
color : #6A6F78;
padding-bottom : 100px
}
html>body .gauche{
margin-left : 15px;
}
.gauche ul {
padding-bottom:8px;
}
.gauche li {
padding-left:3px;
}
.gauche a {
color:#B43A13;
text-decoration:none;
}
.gauche a:hover{
color:#000;
text-decoration:none;
}
.droite {
float : left ;
width : 500px;
margin-left : 20px;
margin-top : 20px;
padding-bottom : 30px;
background : transparent;
}
html>body .droite {margin-left : 20px;}
.bas{
background : #000;
width:725px;
text-align : center;
margin-left :25px;
}
html>body .bas{ width:725px;}
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.notop {margin : 0 20px 0 20px ; padding : 0}
.para_nomargin {margin : 0 ; padding : 0; float : none}
.spacer {clear : both ; height : 13px; }
.spacer2 {clear : both ; height : 13px; background-color : #000 }
ul, li {
margin :0;
padding-left : 0 ;
list-style : none ;
}
#menu {
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_fd.gif);
width:725px;
height : 31px;
background-color :#333;
color :#fff ;
font-weight : bold;
font-size : 13px;
overflow : hidden}
#menu li{
float : left ;
padding-top : 5px ;
height : 31px;
width : 100px;
text-align : center;
margin-left : 0;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_separateur.gif) no-repeat 98px 2px;
}
li.box a{
float : left ;
padding-top : 5px ;
height : 28px;
display : block;
width : 100px;
text-align : center;
margin-top : -5px;
}
li.box a:hover{
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_orange.gif);
}
li.box_on a{
float : left ;
padding-top : 5px ;
height : 28px;
display : block;
width : 100px;
text-align : center;
margin-top : -5px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_orange.gif)
}
h1 {
position:absolute;
top:20px;
margin:auto;
margin-left:20px;
background:black;
}
h2 {
font-size : 12px ;
color : #fff;
text-indent : 30px ;
height : 20px ;
padding-top : 10px ;
margin : 0;
background : #fff url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/h2.gif) no-repeat;
height : 35px}
h3 {
font-size : 12px ;
color : #B43A13;
background-color:white;
border:1px dashed #B43A13;
padding:7px;
margin-bottom:10px;
font-weight : bold;
}
h5 {
font-size : 11px ;
color : orange;
margin : 10px 0 0 20px ;
font-weight : normal ;
text-decoration : underline
}
.haut_gauche {
height : 45px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/box_mail2.gif) no-repeat ;
}
a {
color : #fff;
text-decoration : none;
}
a:hover {
color : #fff;
text-decoration : underline;
}
a.class1 {color : #000; font-weight : bold; text-decoration : underline ; padding-bottom : 20px; display : block}
a:hover.class1 {color : #000; text-decoration : underline}
a.class3 {color : orange; text-decoration : none}
a:hover.class3 {color : orange; text-decoration : underline}
a.class4 {color : #FFF; text-decoration : none; font-weight : bold}
a:hover.class4 {color : #FFF; text-decoration : underline}
input {margin : O; padding : 0 ; margin-top : 0}
.imagegauche {float : left}
.imagegauche2 {float : left; margin-left : 6px; margin-top : 12px}
.newsletter {float : left ; background-color : transparent ; padding : 12px 0 0 0}
div.hr {
height: 13px;
margin : 0 ;
padding : 0;
width : 100px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/point.gif) repeat-x;
}
div.hr hr {
display: none;
padding :0;
}
form {margin-left : 0 ; margin-top : 20px}
.para_form_envoyer {margin-top : 20px}
#noir {
color: black;
}
#noir a{
color:black;
}
h1 {
margin-bottom:10px;
padding-bottom:10px;
}
#haut {
padding-top:300px;
padding-bottom:10px;
}
margin: 0;
padding: 0;
height: 100%
}
body {
margin: 0;
padding: 0;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 0.8em;
background: #FAF6C7 url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/bgall.jpg) repeat-x ;
text-align : center ;
color : #fff}
.conteneur {
width:776px;
background-color: #000;
margin-left:auto;
margin-right:auto;
text-align : left;
height:100%;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/centre2.gif) no-repeat ;
}
html>body .conteneur {
height : auto;
min-height : 100%;
}
.haut{
width:724px;
height: 289px;
text-align : left;
margin-left :25px;
background: url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/haut.jpg) no-repeat ;
}
html>body .haut{
width : 723px;
}
.centre2{
background: #000 ;
width:725px;
text-align : left;
margin-left :25px;
}
html>body .centre2{
margin-left :25px;
width : 725px;
}
.gauche {
float : left;
width : 180px ;
margin-left : 5px;
margin-top : 20px;
background : #fff url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/bgauche.gif) no-repeat bottom;
color : #6A6F78;
padding-bottom : 100px
}
html>body .gauche{
margin-left : 15px;
}
.gauche ul {
padding-bottom:8px;
}
.gauche li {
padding-left:3px;
}
.gauche a {
color:#B43A13;
text-decoration:none;
}
.gauche a:hover{
color:#000;
text-decoration:none;
}
.droite {
float : left ;
width : 500px;
margin-left : 20px;
margin-top : 20px;
padding-bottom : 30px;
background : transparent;
}
html>body .droite {margin-left : 20px;}
.bas{
background : #000;
width:725px;
text-align : center;
margin-left :25px;
}
html>body .bas{ width:725px;}
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.notop {margin : 0 20px 0 20px ; padding : 0}
.para_nomargin {margin : 0 ; padding : 0; float : none}
.spacer {clear : both ; height : 13px; }
.spacer2 {clear : both ; height : 13px; background-color : #000 }
ul, li {
margin :0;
padding-left : 0 ;
list-style : none ;
}
#menu {
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_fd.gif);
width:725px;
height : 31px;
background-color :#333;
color :#fff ;
font-weight : bold;
font-size : 13px;
overflow : hidden}
#menu li{
float : left ;
padding-top : 5px ;
height : 31px;
width : 100px;
text-align : center;
margin-left : 0;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_separateur.gif) no-repeat 98px 2px;
}
li.box a{
float : left ;
padding-top : 5px ;
height : 28px;
display : block;
width : 100px;
text-align : center;
margin-top : -5px;
}
li.box a:hover{
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_orange.gif);
}
li.box_on a{
float : left ;
padding-top : 5px ;
height : 28px;
display : block;
width : 100px;
text-align : center;
margin-top : -5px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/menu_orange.gif)
}
h1 {
position:absolute;
top:20px;
margin:auto;
margin-left:20px;
background:black;
}
h2 {
font-size : 12px ;
color : #fff;
text-indent : 30px ;
height : 20px ;
padding-top : 10px ;
margin : 0;
background : #fff url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/h2.gif) no-repeat;
height : 35px}
h3 {
font-size : 12px ;
color : #B43A13;
background-color:white;
border:1px dashed #B43A13;
padding:7px;
margin-bottom:10px;
font-weight : bold;
}
h5 {
font-size : 11px ;
color : orange;
margin : 10px 0 0 20px ;
font-weight : normal ;
text-decoration : underline
}
.haut_gauche {
height : 45px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/box_mail2.gif) no-repeat ;
}
a {
color : #fff;
text-decoration : none;
}
a:hover {
color : #fff;
text-decoration : underline;
}
a.class1 {color : #000; font-weight : bold; text-decoration : underline ; padding-bottom : 20px; display : block}
a:hover.class1 {color : #000; text-decoration : underline}
a.class3 {color : orange; text-decoration : none}
a:hover.class3 {color : orange; text-decoration : underline}
a.class4 {color : #FFF; text-decoration : none; font-weight : bold}
a:hover.class4 {color : #FFF; text-decoration : underline}
input {margin : O; padding : 0 ; margin-top : 0}
.imagegauche {float : left}
.imagegauche2 {float : left; margin-left : 6px; margin-top : 12px}
.newsletter {float : left ; background-color : transparent ; padding : 12px 0 0 0}
div.hr {
height: 13px;
margin : 0 ;
padding : 0;
width : 100px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/20/point.gif) repeat-x;
}
div.hr hr {
display: none;
padding :0;
}
form {margin-left : 0 ; margin-top : 20px}
.para_form_envoyer {margin-top : 20px}
#noir {
color: black;
}
#noir a{
color:black;
}
h1 {
margin-bottom:10px;
padding-bottom:10px;
}
#haut {
padding-top:300px;
padding-bottom:10px;
}