/* fichier pour internet explorer */
body {
  behavior: url(csshover.htc); /* pour le fonctionnement ie en local */
  padding: 0em; /* contour blanc autour de la page */
     }
h1 {
color: #EDF0F4;

}
     
/* Reprise de la couleur de fond pour l interieur des iframes avec ie*/
.blanc{
  color: white;
  /*background: #303030; */
background: #A26A64; 
  border: 0;
}
/* Reprise de la couleur de fond pour l interieur des iframes avec ie*/
.beige{
  color: #EDF0F4;
  /*background: #303030; */
background: #A26A64; 
  border: 0;
}

/* Le contour general de la page */
div#conteneur
{
  width: 99%;
  height: 98%;
  position: absolute;
  margin: 0 ;
  padding: 0;
  text-align: left ;
  background: #A26A64; /* Couleur de fond presque noire */
  font-family: "helvetica","Courier New", "Courier", "monospace";
  overflow: hidden;  /* Rien ne doit depasser de ce contour */
}

div#barre /* Inclinaison et position de la barre avec les parametres ci-dessous */
{
  position: absolute;
  top: 0em; /* */
  left: 5em; /* Décalage horizontal de la barre : plus la valeur est grande, plus la barre sera a droite*/
  width: 20%; /* Plus la valeur est petite, plus la barre sera verticale */
  height: 100%; /* */
  padding: 0;
  margin: 0;
  z-index: 4;
}

/* boite de droite contenant le titre général et la fenetre iframe */
div#droite
{
  padding: 0;
  margin: 0;
  Position: absolute;
  width: 75%;
  height: 100%;
  right: 0; /*position définie par rapport a la droite de la boite "conteneur" */
bottom: 0;
  z-index: 2;
}

/* titre general "Chateau de Vins-sur-Caramy"*/
div#titre
{
  margin: 0;
  height: 18%;
  margin-top: 3%; 
  /* padding-bottom: 1em;/**/
  /* right: 2em; /**/
  right: 0; /**/
  /*width: 100px;/**/
  /* ligne ci-dessous a revoir : mettre des fonts de proportions a peu pres identiques */
  font-family: "Edwardian Script ITC","Courier New", "fantasy","Cursive","helvetica","fantasy", "Courier", "monospace";
  font-size: 3em; /* taille du titre "Chateau de Vins-sur-Caramy"*/
  color: white;
  text-align: center;
  margin-left: 0em; /**/
  font-weight: bold;
    /*border: 1px solid #fff030;/**/
}

iframe
{
 width: 100%;
 height: 78%; /* Attention ! titre:height + titre:margin-top + iframe:height ne doit pas depasser 100%*/
  frameborder: 0;
  scrolling: auto; /* si le contenu de l'iframe depasse sa taille apparition d'un ascenseur */

  border: 0px solid #A26A64;
}
     
/* Menu de gauche */
div.menu {
  position:absolute;
  top: 4em;
  left: 2em;
  font-family: "Times new roman","Courier","Edwardian Script ITC","helvetica","fantasy","Courier","monospace";
  font-size: 1.3em;
  font-style: italic;
  text-align: center;
  z-index: 8;
}

/* Premiere colonne du menu */
div.menu ul {
  padding: 0px;
  width: 180px;
  margin:0px;          
}

/* elements du menu */
div.menu li, div.menu li.sousmenu {
  position:relative;
  list-style: none; /*on enleve les icones de liste */
  color:white;
  height: 23px; /*FB essai hauteur */
  padding: 4px 0px 4px 0px; /*haut droite bas gauche */
  margin: 0;
  display:block;
  /* image de fond transparente dans les blocs pour eviter au sous-menu 
   * de disparaitre avantqu'on ait pu cliquer dessus */
  background: url("images/transparent.png") no-repeat left ;
}

div.menu li:hover, div.menu li.sousmenu:hover {
  background: url("images/image003.gif") no-repeat left ;
}

/* colonnes suivantes du menu */
div.menu ul ul {
  position: absolute;
  top: 0;
  left: 150px; /*décalage a droite par rapport a la colonne precedente*/
}  

/* fleche pour visualiser les sous-menus
div.menu li.sousmenu {
   background: url("images/fleche3.png") no-repeat left ;
} */ /* A remettre si on veut un sous menu different */

/* Gras au survol du menu */
div.menu span:hover {
   font-weight: bold;/**/
   /* background: url("images/image003.gif") no-repeat left ;*/
}
           
/* On cache tous les sous menu avec la propriété display none */
div.menu ul ul {
  position: absolute;
  top: 0;
  left: 150px;
  display:none
}

/* Survol du drapeau*/
.drapeau:hover .drapeau{
  border: thin dotted red;
}

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
/*div.menu ul#niveau1 li.sousmenu:hover ul#niveau2,
div.menu ul#niveau2 li.sousmenu:hover ul#niveau3 {
  display:block;

}*/
#frli3:hover ul#frul3,
#frli32:hover ul#frul32,
#frli33:hover ul#frul33,
#enli3:hover ul#enul3,
#enli32:hover ul#enul32,
#enli33:hover ul#enul33
 {
  display:block;
}

frli1,frli2,frli3 { z-index: 12;}
fr31,fr32,fr33,en31,en32,en33{ z-index: 11;}