/* -- Fichier CSS -- */

/* LA PAGE DE BASE ========================================= */
html{
  overflow-y: scroll;
  }
body{
  background: #FFFCED;
  color: #000000;
  font: 0.8em Arial, Helvetica, sans-serif;
  width: 1007px;
  margin: 0 auto;
  }
h1, h2, h3, h4, h5, h6{
  /* clear: both; */
  }
h2{
  padding: 0.0em 0.5em;
  margin: 0.1em 0 0.5em 0;
  text-indent: 0px;
  height: 30px;
  color: #F7D600;
  font-size: 1.6em; /* 1.5 */
  text-align: left;
  }
h3{
  color: #A80000;
  font-size: 1.2em;
  }

/* les modules */
h4{
  color: #306FCE;
  font-size: 1.1em;
  }

#menu{
 font: 0.9em Verdana, Arial, Helvetica, sans-serif;
  text-indent: 13px;
  margin: 0 0 0 0;
  padding: 2px 0;
  border: 0px;
  background: url(../okaimg/menu_off.png) repeat-x center center;
  font-size: 11px; /* 0.8em; */
  text-align: left;
  }
  #menu li{
   display: inline;
    margin: 1px;
    padding: 0;
    }
    #menu li a{
      margin: 0 -3.5px;
      padding: 0.9px 3px;
      border: 1px solid #23A0C5;
      border-style: none solid;
      color: #00008C;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      }
      #menu li a:hover {
        color: black;
        background: url(../okaimg/menu_on.png) repeat-x center center;
        cursor: pointer;
        }

#textbas {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #5789CE;
}

p{
  font-size: 0.9em;
  text-align: justify;
  }

.erreur{
  color: red;
  background: transparent;
  }
p.erreur{
  clear: both;
  border: 1px solid red;
  background: rgb(255, 243, 207) url(../okaimg/warning.png) no-repeat 10px 0.5em;
  color: red;
  padding: 0.5em 30px;
  }
p.info{
  clear: both;
  border: 1px solid blue;
  background: rgb(255, 243, 207) url(../okaimg/info.png) no-repeat 10px 0.5em;
  color: blue;
  padding: 0.5em 30px;
  }

a{
  color: blue;
  text-decoration: underline;
  }
  a:hover{
    color: #C90000;
    text-decoration: none;
    }

td{
  /* padding: 2px; */
  font-size: 0.8em;
  }
  td input, td select {
    font-size: 0.8em;
  }

.divaide{
   visibility: hidden;
   position: absolute;
   display:none;
   filter: alpha(opacity=90);
}


/* MOT DANS PAGE */
.divtitre {color: rgb(47, 47, 47);visibility: hidden;display:none;}
.divstitre {color: rgb(200, 47, 4);visibility: hidden;display:none;}
.divtxt {color: rgb(200, 10, 50);visibility: hidden;display:none;}
.divlien {color: rgb(41, 47, 8);visibility: hidden;display:none;}
.divgras {color: rgb(125, 45, 2);visibility: hidden;display:none;}


/* LES FORMULIARES ======================================== */
.obligatoire{
  background-color: rgb(225, 249, 255);
  }

input, select, textarea{
  border: 1px solid gray;
  padding: 2px;
  }
input:focus, textarea:focus{
  background-color: rgb(255, 255, 192);
  }

input.submit{
  width: auto;
  background: #6988C3;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;
  color: #FFFFD7;
  cursor: pointer;
  }

input.boutique{
  width: auto;
  background: #FFFCED;
  text-decoration: underline;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;

 color: #0000FF;
  cursor: pointer;

 }

/* LA PAGE D'ACCUEIL ======================================== */

#txtacc {
  font: 18px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 30px;
}
#acclien {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#accactu {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
}
#acclieninfo {
  color: #00CF00;
  font-weight: bold;
}

#acctitre {
  color: #AC0000;
  font: 13px Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#acctexte {
  font: 12px Arial, Helvetica, sans-serif;
}

/* LES MODULES ============================= */
.modules{
  clear: both;
  margin: 1em 0;
  padding: 0;
  border: 1px solid silver;
  height: auto !important;
  height: 100%;
  font-size: 0.8em;
  }
  .modules h4{
    margin: 0;
    padding: 0.3em;
    border-bottom: 1px solid silver;
    background: rgb(223, 223, 223);
    color: rgb(17, 63, 143);
    cursor: pointer;
    }
  .modules img{
   float: left;
    margin: 0 5px 5px 0;
    border: 1px solid gray;
    }
  .modules .description{
    padding: 5px;
    }
  .modules .points{
    clear: both;
    margin: 5px;
    padding: 0;
    text-align: right;
    }
    .modules span.buy{
        margin: 0;
        padding: 0.2em 0.5em;
        border: 1px solid silver;
        background: transparent;
        color: gray;
        font-weight: bold;
        text-decoration: line-through;
      }
      .modules a.buy, .modules .buybutton{
        margin: 0;
        padding: 0.2em 0.5em;
        border: 1px solid silver;
        /* font-size: 0.8em; */
        color: blue;
        text-decoration: underline;
        font-weight: bold;
        }
        .modules a.buy:hover{
          border-color: gray;
          color: black;
          text-decoration: none;
          background: silver;
          }
      .modules .buybutton{
        cursor: pointer;
        font-size: 1em;
        font-family: Verdana;
        }