/* -- Fichier CSS -- */
body{
  background: #63A1F6;
  color: #000000;
  font: 0.8em Arial, Helvetica, sans-serif;
  margin: 0 auto;
  }
h1, h2, h3, h4, h5, h6{
  /* clear: both; */
  }
h1{
  font: 14px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  background: url(../img/flechemenujaune.png) no-repeat;
  padding-left: 15px;
  }
h2{
  font: 12px Arial, Helvetica, sans-serif;
  color: #D3F8FF;
  font-weight: bold;
  }


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

td{
   font: 0.8em Arial, Helvetica, sans-serif;
}

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

.obligatoire{
  background-color: rgb(225, 249, 255);
  }
input:hover, textarea:hover, select:hover{
  border-color: black;
  }
input.submit{
  width: auto;
  background: #DCF6FF;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;
  cursor: pointer;
  }

#grandtitre {
  font: 18px Times, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

p.menu{
  clear: both;
  border: 0px solid red;
  background: url(../img/sousboutons2.gif) no-repeat;
  color: #0064C9;
  padding: 0.1em 1em;
  margin: 0.1em 0 0.3em 0;
}

p.menu a{
  color: #006CD7;
  text-decoration: none;
}
p.menu a:hover{
  color: #A47724;
  text-decoration: none;
}

#texte {
   margin: 10px 20px 20px 0px;
}
#prod a{
  color: #F9E9C0;
  text-decoration: none;
}
#prod a:hover{
  color: #BF0000;
  text-decoration: none;
}