78 lines
1.9 KiB
CSS
78 lines
1.9 KiB
CSS
/* les boites */
|
|
|
|
/* Show only to IE PC \*/
|
|
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
|
|
|
|
|
|
.sidebox {
|
|
margin: 0 auto; /* center for now */
|
|
padding:0;
|
|
font-size: 100%;
|
|
float:left;
|
|
max-width:600px;
|
|
}
|
|
.boxhead {
|
|
background: url(sbhead-l-orange.png) no-repeat top left;
|
|
margin: 0;
|
|
padding: 0 0 0 35px;
|
|
text-align: center;
|
|
}
|
|
.boxhead h4 {
|
|
background:transparent url(sbhead-r-orange.png) no-repeat top right;
|
|
border:none;
|
|
margin: 0;
|
|
padding: 22px 55px 5px 5px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
line-height: 1em;
|
|
|
|
/* Safari-only, but cool */
|
|
text-shadow: black 0px 2px 5px ;/* valeur originale non valide : rgba(0,0,0,.4) 0px 2px 5px;*/
|
|
|
|
overflow:hidden;
|
|
}
|
|
|
|
.boxbody1 {
|
|
background: url(sbbody-l.png) no-repeat bottom left;
|
|
padding: 0 0 0 42px;
|
|
}
|
|
.boxbody2 {
|
|
background: transparent url(sbbody-r.png) no-repeat bottom right;
|
|
margin: 0;
|
|
padding: 5px 50px 47px 0;
|
|
color:black;
|
|
|
|
}
|
|
|
|
.orange_box .boxhead {background-image: url(sbhead-l-orange.png);}
|
|
.orange_box .boxhead h4 {background-image: url(sbhead-r-orange.png);}
|
|
|
|
.blue_box .boxhead {background-image: url(sbhead-l-blue.png);}
|
|
.blue_box .boxhead h4 {background-image: url(sbhead-r-blue.png);}
|
|
|
|
|
|
.black_box .boxhead {background-image: url(sbhead-l-black.png);}
|
|
.black_box .boxhead h4 {background-image: url(sbhead-r-black.png);}
|
|
|
|
|
|
.green_box .boxhead {background-image: url(sbhead-l-green.png);}
|
|
.green_box .boxhead h4 {background-image: url(sbhead-r-green.png);}
|
|
|
|
|
|
.red_box .boxhead {background-image: url(sbhead-l-red.png);}
|
|
.red_box .boxhead h4 {background-image: url(sbhead-r-red.png);}
|
|
|
|
|
|
.gray_box .boxhead {background-image: url(sbhead-l-gray.png);}
|
|
.gray_box .boxhead h4 {background-image: url(sbhead-r-gray.png);}
|
|
|
|
/* on est oblige de mettre des clear aux titres pour respecter une certaine cohérence */
|
|
|
|
h2, h3, h4, h5, hr {clear:left;}
|
|
|
|
hr { width:100%; }
|
|
|
|
.visualclear, #bottom, #bottom_preview {
|
|
clear:both;
|
|
}
|