Feuille de style modèle graphique N°21
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #3A3A3A url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/bgall.gif) top left no-repeat;
}
#cont {
background-color :transparent;
text-align : left;
width : 734px ;
margin:auto;
height : auto;
}
h1 {
padding-left:10px;
width:450px;
margin-top:auto;
padding-top:40px;
}
#haut {
height : 242px ;
background: #FE008F url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/haut3.gif);
}
#centre {
width : 706px ;
padding : 0 0 0 28px;
background : #FE008F;
text-align : left;
padding-bottom: 50px;
overflow: auto;
}
#pub {
background : #FE008F;
border-top:1px solid grey;
}
#bas {
height:40px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/bas2.gif) top left no-repeat ;
width : 734px;
}
#gauche {
float : left ;
text-align : left;
color : #FE008F ;
width : 178px;
padding : 0;
background-color :transparent;
}
#gauche ul {
padding:5px;
background-color :#000000;
}
#gauche li {
padding : 0 0 5px 0 ;
}
#gauche li a {
color : #FE008F;
text-decoration:none;
}
#gauche li a:hover {
color : #fff;
text-decoration:underline;
}
#droite {
float : left ;
background : transparent;
width : 487px;
margin-left : 15px;
}
#haut_droite {
padding : 10px 10px 0 0;
min-height : 120px ;
}
#haut_droite img {
float : left ;
}
#haut_droite p {
margin : 5px 0 0 0;
padding : 0 ;
color : #FFD800;
}
#haut_droite h1 {
font-size : 0.9em;
color : #FFD800 ;
margin : 0 0 0 0 ;
padding : 20px 0 5px 0 ;
text-transform : uppercase ;
border-bottom : 1px dotted #000;
}
h3 {
text-transform : uppercase ;
width : 477px;
margin : 0;
padding :10px;
font-size : 12px ;
background-color :#000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
margin-top:10px;
}
h2 {
text-transform : uppercase ;
width : 168px;
margin : 0 ;
padding : 5px;
font-size : 12px ;
background-color : #000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
border-top:10px solid #FE008F;
margin-top:5px;
}
ul, li {
margin :0;
padding : 0 ;
list-style : none ;
}
#menu {
width : 680px ;
text-align: left;
background-color :#000;
color :#fff ;
font-size : 12px ;
font-weight : bold;
margin-bottom:5px;
height:25px;
}
#menu li{
float : left ;
margin-left : 10px ;
padding-top : 5px ;
padding-right : 15px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/boot.gif) right 7px no-repeat;
}
#menu li a{
text-transform : uppercase ;
text-decoration : none ;
color : #fff ;
}
p {
margin : 10px 15px 0 5px ;
padding : 0;
}
.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 20px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/pboot.gif) left top no-repeat;
}
#signature {
color : #FFD800 ;
height : 40px ;
margin : 0 0 0 30px ;
}
#signature a{
text-decoration : none ;
font-size : 10px ;
color : #FFD800 ;
}
#signature a:hover{
text-decoration : underline ;
}
#signature p {
margin : 0 ;
padding : 0 ;
}
a {
color : #FFD800;
text-decoration : underline ;
}
a:hover {
color : #FFD800;
text-decoration : underline ;
}
.modifs{
margin :0 0 0 0;
padding : 0 0 10px 0;
width : 100% ;
list-style : none;
}
.modifs li{
padding : 0 0 0 20px ;
margin : 0 0 5px 0 ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/puce.gif) left top no-repeat;
}
h5 {
font-size : 12px ;
margin : 10px 0 10px 5px ;
padding : 0;
}
height: 100%;
}
body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #3A3A3A url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/bgall.gif) top left no-repeat;
}
#cont {
background-color :transparent;
text-align : left;
width : 734px ;
margin:auto;
height : auto;
}
h1 {
padding-left:10px;
width:450px;
margin-top:auto;
padding-top:40px;
}
#haut {
height : 242px ;
background: #FE008F url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/haut3.gif);
}
#centre {
width : 706px ;
padding : 0 0 0 28px;
background : #FE008F;
text-align : left;
padding-bottom: 50px;
overflow: auto;
}
#pub {
background : #FE008F;
border-top:1px solid grey;
}
#bas {
height:40px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/bas2.gif) top left no-repeat ;
width : 734px;
}
#gauche {
float : left ;
text-align : left;
color : #FE008F ;
width : 178px;
padding : 0;
background-color :transparent;
}
#gauche ul {
padding:5px;
background-color :#000000;
}
#gauche li {
padding : 0 0 5px 0 ;
}
#gauche li a {
color : #FE008F;
text-decoration:none;
}
#gauche li a:hover {
color : #fff;
text-decoration:underline;
}
#droite {
float : left ;
background : transparent;
width : 487px;
margin-left : 15px;
}
#haut_droite {
padding : 10px 10px 0 0;
min-height : 120px ;
}
#haut_droite img {
float : left ;
}
#haut_droite p {
margin : 5px 0 0 0;
padding : 0 ;
color : #FFD800;
}
#haut_droite h1 {
font-size : 0.9em;
color : #FFD800 ;
margin : 0 0 0 0 ;
padding : 20px 0 5px 0 ;
text-transform : uppercase ;
border-bottom : 1px dotted #000;
}
h3 {
text-transform : uppercase ;
width : 477px;
margin : 0;
padding :10px;
font-size : 12px ;
background-color :#000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
margin-top:10px;
}
h2 {
text-transform : uppercase ;
width : 168px;
margin : 0 ;
padding : 5px;
font-size : 12px ;
background-color : #000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
border-top:10px solid #FE008F;
margin-top:5px;
}
ul, li {
margin :0;
padding : 0 ;
list-style : none ;
}
#menu {
width : 680px ;
text-align: left;
background-color :#000;
color :#fff ;
font-size : 12px ;
font-weight : bold;
margin-bottom:5px;
height:25px;
}
#menu li{
float : left ;
margin-left : 10px ;
padding-top : 5px ;
padding-right : 15px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/boot.gif) right 7px no-repeat;
}
#menu li a{
text-transform : uppercase ;
text-decoration : none ;
color : #fff ;
}
p {
margin : 10px 15px 0 5px ;
padding : 0;
}
.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 20px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/pboot.gif) left top no-repeat;
}
#signature {
color : #FFD800 ;
height : 40px ;
margin : 0 0 0 30px ;
}
#signature a{
text-decoration : none ;
font-size : 10px ;
color : #FFD800 ;
}
#signature a:hover{
text-decoration : underline ;
}
#signature p {
margin : 0 ;
padding : 0 ;
}
a {
color : #FFD800;
text-decoration : underline ;
}
a:hover {
color : #FFD800;
text-decoration : underline ;
}
.modifs{
margin :0 0 0 0;
padding : 0 0 10px 0;
width : 100% ;
list-style : none;
}
.modifs li{
padding : 0 0 0 20px ;
margin : 0 0 5px 0 ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/21/puce.gif) left top no-repeat;
}
h5 {
font-size : 12px ;
margin : 10px 0 10px 5px ;
padding : 0;
}