body 
{ 
	background-color: #FFFFFF;
	margin:0;
	padding:0;
} 
#calendriers_bloc
{
	width: 94%;
	margin:1% 3% 1% 3%;
	background-color: #E9E6DA;
	text-align: center;
}
#dispo_recherche
{
	background-color: #DB502C;
	text-align:center;
}
#dispo_tete
{
	background-color: #FFFFFF;
	text-align:center;
}
#dispo_produits
{
	background-color: #FFFFFF;
	text-align:left;
}
#dispo_details
{
	background-color: #FFFFFF;
	text-align:center;
}
#dispo_gauche
{
	float: left;
    width:10%;
    position:relative;
    left:90%;
    overflow:hidden;
}
#dispo_corps
{
/*	float: left;
    width:79.8%;
    position:relative; 
    left:90%; */
/*    overflow:hidden;	 */
}
#dispo_droite
{
	float: left;
    width:9.8%;
    position:relative;
    left:90.3%;
    overflow:hidden;
}
#fond3 {
    clear:left;
	float:left;
    width:100%;
	background-image: url(fond_dispo_droite.jpg);
	background-repeat:repeat-y;
	background-position: 92.85%;
/*    background:green; */
    overflow:hidden;
}
#fond2 {
    clear:left;
	float:left;
    width:100%;
    position:relative;
    right:10%;
/* 	background:yellow;  */
}
#fond1 {
    float:left;
    width:100%;
    position:relative;
    right:80%;
	background-image: url(fond_dispo_gauche.jpg);
	background-repeat:repeat-y;
	background-position:right;
/*    background:red;  */
}


.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.boite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.text10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.text9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}
.ChampTexte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; background-color: #FFFFFF; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.Style1 {font-family: Arial, Helvetica, sans-serif}
.Style2 {font-size: 10px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;}
.Style3 {font-size: 10px; font-weight: normal; background-color: #FFFFFF; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.texte12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #635647;
}
.texte11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #635647;
}
.texte11blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.texte10bis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #635647;
}


.calendrier {
float:left;
padding: 10px;
margin: 10px;
}

div.calendrier-old {
/* float:left; DEVENU INUTILE ! */
	display:block;/* (ou a defaut block )pour des raison de compatibilit� avec FF2 et inf . 
	table-cell : ici pour activer l'alignement vertical Dans IE8 et navigateurs recents  */
width: 200px;
height: 200px;
/* background: <? echo $color_bg;?>; */
background: #FFFFFF;
	margin:0;/* marge de 12px  transfer�e vers le parent */
padding: 6px 6px 6px 6px;
/*border-style: dashed;
border-width: medium;
border-color: green; */
text-align: center;
vertical-align:middle;
}


ul.int {
padding:0;
list-style-type:none;
margin:4% auto ;
text-align: center;
}


/* = REMARQUE = 
 IE 6 ,Selecteur incompatible IE7 , commentaires conditionnels necessaires 
* html  ul.int li {display:inline;}
 = FIN REMARQUE = */


ul.int li {
margin: 12px 12px 12px 12px;
/* = REMARQUE = */
display:-moz-inline-stack;/* regle proprietaire  FF2 et inf */
/* = FIN REMARQUE = */
display:inline-block;/* modification du contexte de formatage ou layout pour certaine version de IE */
vertical-align:middle; /* ou autre .. */
}
/* enfin simulons le float:right; des listes */
ul.int.droite {direction:rtl;}

div.conteneur {
margin:0 auto;
width:100%;
padding:10px;
text-align:center; }

div.bloc { 
width:190px;
padding: 10px;
margin: 10px; 
display:inline-block;
vertical-align:middle;
text-align:left; }

*+html div#selectsej div.bloc { display:inline; }

