Feuille de style modèle graphique N°22
>
html, body {
height: 100%
}
body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/fond.gif) no-repeat;
}
#cont {
background-color :#D3D3D4;
text-align : left;
width : 738px ;
margin : 0 auto 0 auto;
min-height:100%;
font-size : 12px;
}
#haut {
width : 738px ;
height : 203px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/haut.gif)
}
h1 {
padding-left:30px;
padding-top:40px;
}
#centre {
width : 738px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/centre.gif) ;
text-align : left;
padding-bottom : 30px ;
}
#centrage {
padding-left : 30px ;
padding-right : 35px ;
background : transparent ;
}
#bas {
height:92px;
position : relative ;
background-image :url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bas.gif);
padding-left:25px;
}
#gauche {
float : left ;
background-color : #fff;
width : 170px;
text-align : left;
margin-top : 10px;
color : #363E5E;
}
#gauche ul{
margin :0;
padding : 10px 15px 5px 5px ;
list-style : none ;
background-color : #D3D3D4;
}
#gauche li {
display : block ;
line-height:20px;
}
#gauche h2 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :white;
text-indent : 10px;
text-transform : uppercase ;
line-height:25px;
border-right:1px solid black;
}
li.name {
padding : 0 0 10px 0;
text-transform : uppercase ;
diplay : block ;
border-bottom : 1px dotted #363E5E ;
font-weight : bold ;
}
li.name a { color : #363E5E;
text-decoration : none ;
}
li.blabla {
text-decoration : none ;}
li.link {
text-decoration : underline ;
padding-bottom : 10px ;
}
h4 {
text-transform : uppercase ;
font-weight : bold ;
text-decoration : none ;
border-bottom : 1px dotted #363E5E;
padding : 5px 0 5px 0;
margin :10px 10px 0 10px;
font-size : 12px ;
}
h4 a {
text-decoration : none ;
}
/* DIV DROITE */
#droite {
float : left ;
background-color : transparent;
width : 490px;
padding-top:10px;
padding-left:8px;
font-size:12px;
}
#droite ul {
margin-left:10px;
}
h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
}
.englobe_h3 {
padding : 1px ;
background : #fff;
margin : 10px 0 10px 0 ;
border : 1px solid #000;
}
h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
padding : 1px ;
margin : 20px 0 10px 0 ;
border-right : 1px solid #000;
line-height:25px;
}
/* Menu*/
#menu {
text-align: left;
color :#fff ;
font-size : 11px;
font-weight : bold;
font-size : 13px;
padding : 1px ;
background : #FFF ;
border : 1px solid #000 ;
}
#menu ul{
height : 27px;
margin : 0;
padding : 0 ;
list-style : none ;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
}
#menu li{
display : block ;
float : left ;
margin : 0 ;
padding: 6px 15px 0 10px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/boot.gif) right bottom no-repeat ;
list-style : none ;
}
#menu li a {
color : #fff ;
text-decoration : none ;
text-transform : uppercase ;
}
/* Image dans le haut */
.sitelogo {
padding-top : 10px;
padding-left : 25px ;
border : 0
}
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0 ; }
.delire {float : right ; margin: 7px 30px 0 0}
.signature {
position : absolute ;
padding : 0 ;
color : #366A2D;
padding-top:5px;
}
.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 15px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/pboot.gif) left top no-repeat;
}
a {
color : #363E5E;
text-decoration : underline ;
}
a:hover {
color : #363E5E;
text-decoration : none ;
}
.spacer {
clear:both;
}
#pub {
padding-left:25px;
margin-top:15px;
border-width:80%;
margin-bottom:-20px;
}
.speed {
float : left ;
margin :20px 0 0 10px;
width : 130px ;
padding : 0 ;
list-style : none ;
}
height: 100%
}
body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/fond.gif) no-repeat;
}
#cont {
background-color :#D3D3D4;
text-align : left;
width : 738px ;
margin : 0 auto 0 auto;
min-height:100%;
font-size : 12px;
}
#haut {
width : 738px ;
height : 203px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/haut.gif)
}
h1 {
padding-left:30px;
padding-top:40px;
}
#centre {
width : 738px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/centre.gif) ;
text-align : left;
padding-bottom : 30px ;
}
#centrage {
padding-left : 30px ;
padding-right : 35px ;
background : transparent ;
}
#bas {
height:92px;
position : relative ;
background-image :url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bas.gif);
padding-left:25px;
}
#gauche {
float : left ;
background-color : #fff;
width : 170px;
text-align : left;
margin-top : 10px;
color : #363E5E;
}
#gauche ul{
margin :0;
padding : 10px 15px 5px 5px ;
list-style : none ;
background-color : #D3D3D4;
}
#gauche li {
display : block ;
line-height:20px;
}
#gauche h2 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :white;
text-indent : 10px;
text-transform : uppercase ;
line-height:25px;
border-right:1px solid black;
}
li.name {
padding : 0 0 10px 0;
text-transform : uppercase ;
diplay : block ;
border-bottom : 1px dotted #363E5E ;
font-weight : bold ;
}
li.name a { color : #363E5E;
text-decoration : none ;
}
li.blabla {
text-decoration : none ;}
li.link {
text-decoration : underline ;
padding-bottom : 10px ;
}
h4 {
text-transform : uppercase ;
font-weight : bold ;
text-decoration : none ;
border-bottom : 1px dotted #363E5E;
padding : 5px 0 5px 0;
margin :10px 10px 0 10px;
font-size : 12px ;
}
h4 a {
text-decoration : none ;
}
/* DIV DROITE */
#droite {
float : left ;
background-color : transparent;
width : 490px;
padding-top:10px;
padding-left:8px;
font-size:12px;
}
#droite ul {
margin-left:10px;
}
h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
}
.englobe_h3 {
padding : 1px ;
background : #fff;
margin : 10px 0 10px 0 ;
border : 1px solid #000;
}
h3 {
clear : left ;
margin : 0 ;
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
color :#fff;
text-indent : 10px;
text-transform : uppercase ;
padding : 1px ;
margin : 20px 0 10px 0 ;
border-right : 1px solid #000;
line-height:25px;
}
/* Menu*/
#menu {
text-align: left;
color :#fff ;
font-size : 11px;
font-weight : bold;
font-size : 13px;
padding : 1px ;
background : #FFF ;
border : 1px solid #000 ;
}
#menu ul{
height : 27px;
margin : 0;
padding : 0 ;
list-style : none ;
background: #212121 url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/bgdivers.gif) right no-repeat;
}
#menu li{
display : block ;
float : left ;
margin : 0 ;
padding: 6px 15px 0 10px;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/boot.gif) right bottom no-repeat ;
list-style : none ;
}
#menu li a {
color : #fff ;
text-decoration : none ;
text-transform : uppercase ;
}
/* Image dans le haut */
.sitelogo {
padding-top : 10px;
padding-left : 25px ;
border : 0
}
.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0 ; }
.delire {float : right ; margin: 7px 30px 0 0}
.signature {
position : absolute ;
padding : 0 ;
color : #366A2D;
padding-top:5px;
}
.pboot {
margin : 10px 15px 0 5px ;
padding : 0 ;
text-indent : 15px ;
background : url(http://heezee.blog4ever.s3.amazonaws.com/templates/22/pboot.gif) left top no-repeat;
}
a {
color : #363E5E;
text-decoration : underline ;
}
a:hover {
color : #363E5E;
text-decoration : none ;
}
.spacer {
clear:both;
}
#pub {
padding-left:25px;
margin-top:15px;
border-width:80%;
margin-bottom:-20px;
}
.speed {
float : left ;
margin :20px 0 0 10px;
width : 130px ;
padding : 0 ;
list-style : none ;
}