/* GLOBAL */
@charset "utf-8";

html {
  font-family:Arial,Helvetica,sans-serif;
  font-size:15pt;} 

a:link, a:visited, a:active {
  text-decoration: none;
  color:black;}

a:hover {
  text-decoration: none;
  color:white;
  background-color:#DDDDDD;}

.home, .fenetreMenu, .notice, .menuc {
  width: 98%;
  height: auto;
  font-size:12pt; }

.fenetreMenu {
  width: 98%;
  height: AUTO;
  font-size:14pt; }

/* TITRE */

.titre {
  margin-bottom:7px;
  width: 100%;
  height:47px;
  background-color:#A8BD18;
  overflow: hidden;}

.titre #titre {
  font-size: 12pt;
  text-align: center;
  margin-top: 6px;
  color: white;}

/* PAGE ACCUEIL */

.home {
  position:absolute;
  top:55px;
  left:1%;
  text-align:center;
  background-color:#DDD;
  overflow:hidden;}

.home #acces_sommaire{
  position:absolute;
  top:0;
  left:0;
  display:block;
  padding:170px 10px 62px 30px;
  color:#DE7800;}

#titre_sommaire {
  position:absolute;
  top:10px;
  left:1%;
  width:98%;
  height:35px;
  margin:0;
  background-color:#A8BD18;
  color:white;
  font-size:16pt;
  text-align:center;}

.home a:hover {
  text-decoration: none;
  color:white;
  background-color:#A8BD18;}

.home #acces_sommaire:hover {
  text-decoration: none;
  color:white;
  background-color:transparent;}

/* NOTICE */

.notice{
  position:absolute;
  top:55px;
  left:1%;
  text-align:left;
  background-color:#DDD;
  overflow:auto;
  font-size:12pt;
  padding:3px;}

.notice h2{
}

.notice a {
  color:#DE7800;}

.notice a:hover {
  color:white;
  background-color:#A8BD18;}

/* GLOSSAIRE */

.menuc{
  position:absolute;
  top:55px;
  left:2%;
  font-size: 12pt;
  text-align:left;
  background-color:#DDD;
  overflow:auto;
  padding:3px;}

/* CL? */

.fenetreMenu {
  overflow:auto;}

.menu0, .menu1, .menu2, .menu3, .menu4, .menu5 {
  margin:0px 2px 2px 2px;
  width: 98%;
  height: 80px;
  text-align: justify;
  font-size: 10pt;
  background-color:#DDD;}

.fenetreMenu a {
  display:block;
  overflow:auto;
  padding:5px;
  margin:0;
  width:98%;
  height: 115px;
  vertical-align:middle;}

.fenetreMenu a:hover {
  background-color:#DE9D50;
  color:black;}

.espace {
  left: 5px;
  width: 98%;
  height: 1px;
  overflow: hidden;}

/* NAVIGATION et RETOUR */

.navigation, .retour {
  position: absolute;
  left:1%;
  height: 35px;
  width: 98%;
  overflow: hidden;
  background-color: #A8BD18;
  color:white;}

.navigation {
  top: 400px;
}

.retour {
  top:438px;}

p#navigation, p#retour {
  font-size:12pt;
  line-height:18pt;
  text-align:left;
  margin-top:1px;
  overflow: hidden;
  font-style:italic;
  color:black;}

p#navigation a, p#retour a {
  color:black;}

p#navigation a:hover, p#retour a:hover {
  background-color:#DE7800;}

p#navigation a:before, p#retour a:before {
  content:" > ";}

p#navigation:before {
  content:"Je suis ici : ";}

p#retour:before {
  content:"Retour : ";}

/* CROQUIS, GLOSSAIRE et TOP RETOUR */

.glossaire, .croquis, .text {
  position:absolute;
  top: 476px;
  height:31px;
  overflow: hidden;
  font-size: 12pt;
  padding:0;}

.glossaire p, .croquis p, .text p {
  margin:0;
  padding:0;}

.glossaire a, .croquis a, .text a{
  display:block;
  color:white;
  background-color: #A8BD18;
  line-height:31px;
  vertical-align:middle;
  margin:0;
  text-align: center;}

/* GLOSSAIRE */

.glossaire {
  left:1%;
  width:80px;}

.glossaire a:hover {
  background-color:#DE7800;}

/* CROQUIS */

.croquis {
  left:23%;
  width:80px;
  background-color:#A8BD18;}

.croquis a {
  color:white;
  background-color:#A8BD18;}

.croquis a:hover {
  background-color:#DE7800;}

/* TOP RETOUR */

.text {
  right: 3%;
  width: 70px;}

.text a:hover {
  background-color:#DE7800;}

/* CROQUIS FENETRE */
.fenetreCroquis {
  width: 98%;
  height: 430px;
  overflow: auto;
  border: solid 1px gray;}

.titreCroquis {
  width: 150px;
  height: 15px;
  font-size: 12pt;
  overflow: hidden;}