body
  {
   margin: 0;
   padding: 0px 0px 0px 240px; /* 240px position du panel droit Firefox */
   color: #000;
   background: #f00;
   width: 79%-240px; /* largeur zone utile droite */
   margin-right: 16px; /* marge droite Firefox et IE */
   background-color: #D9D8D2; /* couleur fond site firefox et IE */
   background-image: url("images/gris2.jpg"); /* image fond site firefox et IE */
  }
div#fixedbox
  {
   position: absolute;
   top: 0px; /* marge supérieure menu Firefox et IE */
   left: 0px; /* marge gauche menu Firefox et IE */
   width: 183px; /* 183px largeur du menu firefox et IE */
   height: 100%; /* hauteur menu Firefox et IE */
   background: #f00; /* couleur fond menu firefox */
   background-image: url("nouveau look/menu.jpg"); /* image fond menu firefox */
  }
div#fixedbox p
  {
   margin: 0;
   /*padding: 1em; /* */
   color: #f00;
  }
  
  
@media screen
  {
  div#fixedbox
    {
     position: fixed;
    }
	
  /* Don't do this at home */
  * html
    {
     overflow-y: hidden;
    }
  * html body
    {
     overflow-y: auto;
     height: 100%;
     padding: 0px 0px 0px 240px; /* 240px position du panel droit IE */
     font-size: 100%;
    }
  * html div#fixedbox
    {
     position: absolute;  
     background: #f00; /* couleur fond menu IE */
     background-image: url("nouveau look/menu.jpg"); /* image fond menu IE */
    }
  }

  
  
  
  
  
  
  
body,p,td,input,select,option,textarea {font-family: verdana,arial ; font-size: 9pt}

input {font-size: 12px}
/*select {text-align: center}
textarea {font-size: 10px}*/

.subm {font-size: 11px ; width: 25px}

a {text-decoration: none ; color: #00C}
/*a:hover {color: #F00 ; background-color: #FF0}*/
a:hover {color: #F00}

		
.libelle {font-weight: bold}
.libelle0 {background-color: #00D ; font-size: 12px ; font-weight: bold ; color: #FFF}
.libelle1 {font-weight: bold ; text-align: center}
.libelle2 {font-weight: bold ; color: #000 ; background-color: #FF0}
.libelle3 {font-weight: bold ; color: #FFF ; vertical-align: top}
.libelle4 {font-size: 12px ; font-weight: lighter ; text-align: center}

.enregistrement {text-align: center ; vertical-align: center}

.menuhaut {text-align: center ; vertical-align: center}
/*.titrepage {background-color: #DFD ; font-size: 14pt ; font-weight: bold ; color: #453 ; text-align: center}*/
.titrepage {background-color: #EFF ; font-size: 14pt ; font-weight: bold ; color: #339 ; text-align: center}

.mini {font-weight: lighter ; font-size: 8pt}
.minicenter {font-family: verdana,arial ; font-weight: lighter ; font-size: 7pt ; text-align: center}
.numerique {text-align: right}

.haut {vertical-align: top}
.milieu {verticalo-align: center ; text-align: center}


h1 {
 position: absolut;
 font-family: bookman old style,verdana,Arial;
 color: #0000CC;
 font-size: 23px;
 font-weight: bold;
 display: none;
}
h2 {
 position: absolut;
 font-family: verdana,Arial;
 color: #FFFFFF;
 font-size: 22px;
 font-weight: normal;
 display: inline;
}
h3 {
 position: absolut;
 font-family: Arial;
 color: #000000;
 font-size: 17px;
 font-weight: bold;
 display: inline;
}



.piaf {
	position: relative;
	left: -70px;
	top: -20px;
}
.piaf2 {
	position: relative;
	left: 0px;
	top: -120px;
}
.textformu {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #F4F4EA ;
	text-align: right ;
}
.formformu {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #F4F4EA ;
	text-align: left ;
}
.textformuvert {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #E4FFEA ;
	text-align: right ;
}
.formformuvert {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #E4FFEA ;
	text-align: left ;
}
.textformu2 {
	font-family: Arial ;
	font-size: 12px ;
	color: #552222 ;
	background-color: #FAF4EA ;
	text-align: right ;
}
.formformu2 {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #FAF4EA ;
	text-align: left ;
}
.textformu3 {
	font-family: Arial ;
	font-size: 12px ;
	color: #552222 ;
	background-color: #EAE4FA ;
	text-align: right ;
}
.formformu3 {
	font-family: Verdana ;
	font-size: 12px ;
	color: #333333 ;
	background-color: #EAE4FA ;
	text-align: left ;
}
.redinput {
	border-width: 2px ;
	border-style: solid ;
	border-color: #FF0000 ;
}
.greeninput2 {
	border-width: 2px ;
	border-style: solid ;
	border-color: #00bb00 ;
}
.indigoinput {
	border-width: 2px ;
	border-style: solid ;
	border-color: #aa00aa ;
}
.redinput2 {
	border-width: 2px ;
	border-style: solid ;
	border-color: #FF0000 ;
	text-align: right ;
}
.greeninput {
	/*text-transform: uppercase ;*/
	border-width: 2px ;
	border-style: solid ;
	border-color: #00CC00 ;
	font-family: Verdana ;
	font-size: 12px ;
	font-weight: bold ;
	text-align: center ;
	color: #00CC00 ;
}



.bouton1 {
	font-family: verdana ;
	font-size: 12px ;
	font-weight: bold ;
	color: #FF0000 ;
	background-color: #FFFFFF ;
	border-style: solid;
	border-color: #FF0000 ;
}

.tax0 {
	font-family: verdana ;
	font-size: 7px ;
	float: left ;
	color: #FF0000 ;
	font-weight: bold ;
}
.tax1 {
	font-family: arial ;
	color: #000000 ;
	font-size: 17px ;
	font-weight: bold ;
	text-align: center ;
	background-color: #FFFF00 ;
    background-image: url("images/fond_jaune.jpg");
	border-style: none ;
	border-color: #FFFF00 ;
}
.tax2 {
	font-family: verdana ;
	font-size: 13px ;
	font-weight: bold ;
	text-align: center ;
	color: #000000 ;
	background-color: #F4F4EA ;
	border-style: none ;
	border-color: #F4F4EA ;
}
.tax3 {
	font-family: Verdana ;
	font-size: 11px ;
	text-align: center ;
	color: #000000 ;
	margin-top: 6px ;
	background-color: #F4F4EA ;
	border-style: none ;
	border-color: #F4F4EA ;
	overflow: hidden ;
}
.tax4 {
	font-family: verdana,arial ;
	font-size: 12px ;
	font-weight: bold ;
	text-align: center ;
	color: #cc0000 ;
	background-color: #F4F4EA ;
	border-style: none ;
	border-color: #F4F4EA ;
}
.tax5 {
	font-family: verdana,arial ;
	font-size: 11px ;
	text-align: center ;
	color: #000000 ;
	margin-top: 6px ;
	background-color: #E9E9D6 ;
	border-style: none ;
	border-color: #F4F4EA ;
	overflow: hidden;
}
.tax6 {
	font-family: arial ;
	font-size: 12px ;
	font-weight: bold ;
	text-align: center ;
	color: #000000 ;
	text-transform: uppercase ;
	background-color: #F4F4EA ;
	border-style: none ;
	border-color: #F4F4EA ;
}
.tax7 {
	font-family: arial ;
	font-size: 14px ;
	font-weight: bold ;
	text-align: center ;
	color: #000080 ;
	background-color: #CCFFFF ;
	border-style: none ;
	border-color: #CCFFFF ;
}
.tax7b {
	font-family: arial ;
	font-size: 14px ;
	font-weight: bold ;
	text-align: center ;
	color: #FF0000 ;
	background-color: #CCFFFF ;
	border-style: none ;
	border-color: #CCFFFF ;
}
.tax8 {
	font-family: Arial ;
	font-size: 14px ;
	font-weight: bold ;
	text-align: center ;
	color: #000080 ;
	background-color: #C3E9FF ;
	border-style: none ;
	border-color: #C3E9FF ;
}
.tax9 {
	font-family: Arial ;
	font-size: 14px ;
	font-weight: bold ;
	text-align: center ;
	color: #000080 ;
	background-color: #A0D0FF ;
	border-style: none ;
	border-color: #A0D0FF ;
}
.tax10 {
	font-family: arial ;
	font-size: 10px ;
	text-align: center ;
	color: #000080 ;
	background-color: #CCFFFF ;
	border-style: none ;
	border-color: #CCFFFF ;
}
.tax10b {
	font-family: arial ;
	font-size: 10px ;
	text-align: center ;
	color: #FF0000 ;
	background-color: #CCFFFF ;
	border-style: none ;
	border-color: #CCFFFF ;
}
.tax11 {
	font-family: Arial ;
	font-size: 10px ;
	text-align: center ;
	color: #000080 ;
	background-color: #C3E9FF ;
	border-style: none ;
	border-color: #C3E9FF ;
}
.tax12 {
	font-family: Arial ;
	font-size: 10px ;
	text-align: center ;
	color: #000080 ;
	background-color: #A0D0FF ;
	border-style: none ;
	border-color: #A0D0FF ;
}
.tax13 {
	font-family: verdana ;
	font-size: 22px ;
	text-align: center ;
	color: #FFFFFF ;
	background-color: #000099 ;
	border-style: none ;
	border-color: #000099 ;
    background-image: url("images/fond_bleu.jpg");
}
.tax14 {
	font-family: verdana ;
	font-size: 16px ;
	font-weight: bold ;
	color: #FFFFFF ;
	text-align: center ;
	background-color: #000099 ;
	border-style: none ;
	border-color: #000099 ;
}
.titre_detail {
	font-family: verdana ;
/*	font-size: 24px ; */
	font-weight: bold ;
	color: #000000 ;
	text-align: center ;
	background-color: #FFFF00 ;
	border-style: none ;
/*	border-color: #FFFF00 ;*/
}








.pok {
 background-color: #C2BA98;
 font: 18px Arial, Helvetica, sans-serif;
 color: #ff0000;
 line-height: 21px;
 text-align: center;
}
/* ---------- rollover général -------------- */
.pok a {
 text-decoration: none;
 color: #ffffff;
}
.pok a:hover {
 text-decoration: none;
 color: #ff0000;
}
.pok a:active {
 text-decoration: none;
 color: #00ff00;
}


.pok2 {
 background-color: #ff0000;
 font: 18px Arial, Helvetica, sans-serif;
 color: #ffffff;
 line-height: 21px;
 text-align: center;
}
/* ---------- rollover général -------------- */
.pok2 a {
 text-decoration: none;
 color: #ffffff;
}
.pok2 a:hover {
 text-decoration: none;
 color: #ff0000;
}
.pok2 a:active {
 text-decoration: none;
 color: #00ff00;
}


.pok3 {
}
/* ---------- rollover général -------------- */
.pok3 a {
 text-decoration: none;
 background-color: none;
 color: none;
}
.pok3 a:hover {
 text-decoration: none;
 background-color: none;
 color: none;
}
.pok3 a:active {
 text-decoration: none;
 background-color: none;
 color: none;
}
.pok3 a:visited {
 text-decoration: none;
 background-color: none;
 color: none;
}



.pok4 {
 width: 500px;
 margin-left: 160px;
 text-align: left;
 font: 14px Arial, Helvetica, sans-serif;
 line-height: 18px;
}
/* ---------- rollover général -------------- */
.pok4 a {
 text-decoration: none;
 color: #000000;
}
.pok4 a:hover {
 text-decoration: none;
 color: #ff0000;
}
.pok4 a:active {
 text-decoration: none;
 color: #ff0000;
}







.soleil {
 position: fixed;
 background-image: url("images/soleil3.png");
 margin-top: 0px; /* déplacement du block bulles en verticale */
 margin-left: 183px; /* déplacement du block bulles en horizontale */
 width: 193px;
 height: 800px;
 z-index: 3;
} 

.votre_panier {
 position: fixed;
 background-image: url("images/votre_panier.png");
 margin-top: 420px; /* déplacement du block bulles en verticale */
 margin-left: 130px; /* déplacement du block bulles en horizontale */
 width: 200px;
 height: 113px;
 z-index: 4;
} 

.piafs { 
 position: absolute; 
 margin-top: 105px;
 margin-left: 300px;
 width: 53px;
 height: 40px;
 background-image: url("images/oiso.gif");
 z-index: 2;
}

.bul0 {
 position: fixed;
 background-image: url("images/bul1.png");
 margin-top: 300px; /* déplacement du block bulles en verticale */
 margin-left: 1160px; /* déplacement du block bulles en horizontale */
 width: 416px;
 height: 316px;
 -moz-opacity:0.2;
 opacity: 0.2;
 filter:alpha(opacity=20);
 z-index: 1;
}
.bul1 {
 position: fixed;
 background-image: url("images/bul1.png");
 margin-top: -90px; /* déplacement du block bulles en verticale */
 margin-left: 1060px; /* déplacement du block bulles en horizontale */
 width: 416px;
 height: 316px;
 -moz-opacity:0.2;
 opacity: 0.2;
 filter:alpha(opacity=20);
 z-index: 1;
}
.bul2 {
 position: fixed;
 background-image: url("images/bul2.png");
 margin-top: 500px; /* déplacement du block bulles en verticale */
 margin-left: 183px; /* déplacement du block bulles en horizontale */
 width: 228px;
 height: 377px;
 -moz-opacity:0.2;
 opacity: 0.2;
 filter:alpha(opacity=20);
 z-index: 1;
}
.bul3 {
 position: fixed;
 background-image: url("images/bul3.png");
 margin-top: 100px; /* déplacement du block bulles en verticale */
 margin-left: 240px; /* déplacement du block bulles en horizontale */
 width: 134px;
 height: 134px;
 -moz-opacity:0.4;
 opacity: 0.4;
 filter:alpha(opacity=40);
 z-index: 1;
}






/* ------------------------- */


#showimage
{
cursor: pointer;
cursor: hand;
position: absolute;
visibility: hidden;
min-width: 30px;
min-height : 30px;
border: 10px solid #000000;
z-index: 6;
}
#dragbar
{
background-color: #000000;
}
#dragbar #closetext
{
font-family: arial,georgia;
font-size: 16px ;
color: #ffffdd;
}


/* ------------------------- */