body
{
     color: #000;
     background-color: #fff;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: normal;
     text-align: justify;
     overflow: hidden;
}

p
{
   font-size: 11px;
   color: #000;
   font-weight: normal;
   text-align: justify;
}

h1
{
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}

h2
{
   font-size: 18px;
   font-weight: bolder;
   text-align: center;
}

h6
{
   font-size: 18px;
   font-weight: bold;
   text-align: center;
}

span#lire_suite
{
   font-size: 11px;
   color: #f6f;
   font-weight: bold;
   cursor: help;
}

a, a:visited
{
   font-size: 10px;
   font-weight: normal;
   text-align: center;
   color: #f6f;
   letter-spacing: 2px;
   text-decoration: none;
}

a:hover
{
    color: #f6f;
    text-decoration: underline;
}

.alerte
{
    background: url('image/attention.gif') no-repeat left center;
    padding-left: 150px;
    font-weight: normal;
}
div
{
   margin: 0px;
   border: 0px;
   spaccing: 0px;
}

div#credit
{
   background-color: transparent;
   position: absolute;
   width: 426px;
   margin-left: -213px;
   left: 50%;
   bottom: 10px;
   color: #f6f;
   font-size: 9px;
   font-weight: bold;
   text-align: center;
   letter-spacing: 2px;
}

.rien { }

div#interieur_grand
{
   background-color: transparent;
   background-image: url('image/interieur_grand.gif');
   position: absolute;
   width: 426px;
   height: 426px;
   margin-left: -213px;
   margin-top: -213px;
   left: 50%;
   top: 50%;
}

div#texte_en_cache
{
  overflow: hidden;
  height: 5px;
  width: 5px;
  top: 0 px;
  left: 0 px;
  boder: 0px;
  margin: 0px;
  color: #ffffff;
  cursor: default;
}

div#interieur_petit
{
   background-color: transparent;
   background-image: url('image/interieur_petit.gif');
   position: absolute;
   width: 303px;
   height: 303px;
   margin-left: -151px;
   margin-top: -151px;
   left: 50%;
   top: 50%;
}

div#boule1
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -43px;
   margin-top: -300px;
   left: 50%;
   top: 50%;
}

div#boule2
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 53px;
   margin-top: -283px;
   left: 50%;
   top: 50%;
}

div#boule3
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 138px;
   margin-top: -225px;
   left: 50%;
   top: 50%;
}

div#boule4
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;

   margin-left: 194px;
   margin-top: -143px;
   left: 50%;
   top: 50%;
}

div#boule5
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 214px;
   margin-top: -45px;
   left: 50%;
   top: 50%;
}

div#boule6
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 195px;
   margin-top: 53px;
   left: 50%;
   top: 50%;
}

div#boule7
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 139px;
   margin-top: 139px;
   left: 50%;
   top: 50%;
}

div#boule8
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: 53px;
   margin-top: 196px;
   left: 50%;
   top: 50%;
}

div#boule9
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -44px;
   margin-top: 214px;
   left: 50%;
   top: 50%;
}

div#boule10
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -141px;
   margin-top: 195px;
   left: 50%;
   top: 50%;
}

div#boule11
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -226px;
   margin-top: 138px;
   left: 50%;
   top: 50%;
}

div#boule12
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -280px;
   margin-top: 56px;
   left: 50%;
   top: 50%;
}

div#boule13
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -300px;
   margin-top: -43px;
   left: 50%;
   top: 50%;
}

div#boule14
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -282px;
   margin-top: -138px;
   left: 50%;
   top: 50%;
}

div#boule15
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -225px;
   margin-top: -226px;
   left: 50%;
   top: 50%;
}

div#boule16
{
   display: none;
   background-color: transparent;
   background-image: url('image/boule.gif');
   position: absolute;
   width: 86px;
   height: 86px;
   margin-left: -140px;
   margin-top: -280px;
   left: 50%;
   top: 50%;
}

div.transpA
{
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
}

div.transpB
{
   filter:alpha(opacity=40);
   -moz-opacity: 0.40;
   opacity: 0.40;
}

div.transpC
{
   filter:alpha(opacity=10);
   -moz-opacity: 0.1;
   opacity: 0.1;
}

div.transp1
{
   filter:alpha(opacity=10);
   -moz-opacity: 0.1;
   opacity: 0.1;
}

div.transp2
{
   filter:alpha(opacity=12);
   -moz-opacity: 0.12;
   opacity: 0.12;
}

div.transp3
{
   filter:alpha(opacity=18);
   -moz-opacity: 0.18;
   opacity: 0.18;
}

div.transp4
{
   filter:alpha(opacity=24);
   -moz-opacity: 0.24;
   opacity: 0.24;
}

div.transp5
{
   filter:alpha(opacity=30);
   -moz-opacity: 0.30;
   opacity: 0.30;
}

div.transp6
{
   filter:alpha(opacity=36);
   -moz-opacity: 0.36;
   opacity: 0.36;
}

div.transp7
{
   filter:alpha(opacity=42);
   -moz-opacity: 0.42;
   opacity: 0.42;
}

div.transp8
{
   filter:alpha(opacity=48);
   -moz-opacity: 0.48;
   opacity: 0.48;
}

div.transp9
{
   filter:alpha(opacity=54);
   -moz-opacity: 0.54;
   opacity: 0.54;
}

div.transp10
{
   filter:alpha(opacity=60);
   -moz-opacity: 0.60;
   opacity: 0.60;
}

div.transp11
{
   filter:alpha(opacity=66);
   -moz-opacity: 0.66;
   opacity: 0.66;
}

div.transp12
{
   filter:alpha(opacity=72);
   -moz-opacity: 0.72;
   opacity: 0.72;
}

div.transp13
{
   filter:alpha(opacity=78);
   -moz-opacity: 0.78;
   opacity: 0.78;
}

div.transp14
{
   filter:alpha(opacity=84);
   -moz-opacity: 0.84;
   opacity: 0.84;
}

div.transp15
{
   filter:alpha(opacity=90);
   -moz-opacity: 0.90;
   opacity: 0.90;
}

div.transp16
{
   filter:alpha(opacity=96);
   -moz-opacity: 0.96;
   opacity: 0.96;
}

div.transp17
{
   filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
}

td.transpA
{
   filter:alpha(opacity=70);
   -moz-opacity: 0.7;
   opacity: 0.7;
}

td.transpB
{
   filter:alpha(opacity=40);
   -moz-opacity: 0.40;
   opacity: 0.40;
}

td.transpC
{
   filter:alpha(opacity=10);
   -moz-opacity: 0.1;
   opacity: 0.1;
}

td.transp1
{
   filter:alpha(opacity=10);
   -moz-opacity: 0.1;
   opacity: 0.1;
}

td.transp2
{
   filter:alpha(opacity=12);
   -moz-opacity: 0.12;
   opacity: 0.12;
}

td.transp3
{
   filter:alpha(opacity=18);
   -moz-opacity: 0.18;
   opacity: 0.18;
}

td.transp4
{
   filter:alpha(opacity=24);
   -moz-opacity: 0.24;
   opacity: 0.24;
}

td.transp5
{
   filter:alpha(opacity=30);
   -moz-opacity: 0.30;
   opacity: 0.30;
}

td.transp6
{
   filter:alpha(opacity=36);
   -moz-opacity: 0.36;
   opacity: 0.36;
}

td.transp7
{
   filter:alpha(opacity=42);
   -moz-opacity: 0.42;
   opacity: 0.42;
}

td.transp8
{
   filter:alpha(opacity=48);
   -moz-opacity: 0.48;
   opacity: 0.48;
}

td.transp9
{
   filter:alpha(opacity=54);
   -moz-opacity: 0.54;
   opacity: 0.54;
}

td.transp10
{
   filter:alpha(opacity=60);
   -moz-opacity: 0.60;
   opacity: 0.60;
}

td.transp11
{
   filter:alpha(opacity=66);
   -moz-opacity: 0.66;
   opacity: 0.66;
}

td.transp12
{
   filter:alpha(opacity=72);
   -moz-opacity: 0.72;
   opacity: 0.72;
}

td.transp13
{
   filter:alpha(opacity=78);
   -moz-opacity: 0.78;
   opacity: 0.78;
}

td.transp14
{
   filter:alpha(opacity=84);
   -moz-opacity: 0.84;
   opacity: 0.84;
}

td.transp15
{
   filter:alpha(opacity=90);
   -moz-opacity: 0.90;
   opacity: 0.90;
}

td.transp16
{
   filter:alpha(opacity=96);
   -moz-opacity: 0.96;
   opacity: 0.96;
}

td.transp17
{
   filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity: 1;
}


div#barre
{
   width: 100%;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: transparent;
   border-bottom-width: 10px;
   border-bottom-style: dashed;
   border-bottom-color: #f9f;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
}

input.envoi_formulaire
{
    background-color: transparent;
    width: 100%;
    height: 100%;
    cursor: hand;
    color: #fff;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    border: 0px;
}

input.formulaire
{
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif, ;
    font-size: 12px;
	border-bottom-width: 2px;
    text-aling: left;
    font-weight: bolder;
	border-bottom-style: dashed;
	border-bottom-color: #c06;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


span.bouton_hasard
{
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div#hasard
{
    background-color: transparent;
    background-image: url('image/bouton_hasard.gif');
    background-repeat: no-repeat;
    background-position: center right;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

div#envoi
{
    background-color: transparent;
    background-image: url('image/bouton_envoi.gif');
    background-repeat: no-repeat;
    background-position: center right;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

div#envoi2
{
    background-color: transparent;
    background-image: url('image/bouton_envoi.gif');
    background-repeat: no-repeat;
    background-position: center right;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

textarea#question
{
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    height: 70px;
    width: 238px;
    overflow: hidden;
    background-color: #e2e2fd;
    font-family: Arial, Helvetica, sans-serif;
    font: #000;
    font-size: 17px;
    font-weight: bold;
    border-color:#669;
    border-style: dashed;
    border-right-width: 0px;
	border-left-width: 0px;
    border-top-width: 2px;
    border-bottom-width: 2px;
    text-align: center;
}

.thumb
{
  position: absolute;
  height: 9px;
  width: 15px;
  left: 10px;
}

.up, .dn
{
  position:	absolute;
  left: 10px;
}

.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img
{
  border: 0;
}

.scrollContainer
{
  position: absolute;
  left:	2px;
  top: 19px;
  width: 350px;
  height: 200px;
  clip:	rect(0 467 200 0);
  overflow:	auto;
  border: 0;
  background-color: transparent;
}
.scrollContent
{
  position:	absolute;
  left: 0px;
  top: 0px;
  width: 100px;
}