/*************************************************************
                                           ..               
                      ....  ............   ........         
                    .     .......   .            ....  ..   
                  .  ... ..   ..   ..    ..   ..... .  ..   
                  .. .. ....@@@.  ..  .       ........  .   
             ..  .  .. ..@.@@..@@.  .@@@@@@@   @@@@@@. .... 
        .@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... .... 
      @@@@... .@@@.. @@ @@  .@..@@..@@...@@@.  .@@@@@.    ..
    .@@@..  . @@@.   @@.@@..@@.@@..@@@   @@ .@@@@@@..  .....
   ...@@@.... @@@    .@@.......... ........ .....        .. 
  . ..@@@@.. .         .@@@@.   .. .......  . ............. 
 .   ..   ....           ..     .. . ... ....               
.    .       ....   ............. .. ...                    
..  ..  ...   ........ ...      ...                         
 ................................   

==============================================================
boxes.css - MoinMoin Style                                                                                                     

    Style pour les elements {{{#!box ...}}}

Copyright (c) 2006 by www.crans.org

**************************************************************/
/* 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 h3 {
	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 h3 {background-image: url(sbhead-r-blue.png);}


.black_box .boxhead {background-image: url(sbhead-l-black.png);}
.black_box .boxhead h3 {background-image: url(sbhead-r-black.png);}


.green_box .boxhead {background-image: url(sbhead-l-green.png);}
.green_box .boxhead h3 {background-image: url(sbhead-r-green.png);}


.red_box .boxhead {background-image: url(sbhead-l-red.png);}
.red_box .boxhead h3 {background-image: url(sbhead-r-red.png);}


.gray_box .boxhead {background-image: url(sbhead-l-gray.png);}
.gray_box .boxhead h3 {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;
}