/* 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 47px 47px 5px;
	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;
}