/* ------------------------------------ *
 *CSS
 *Patrick Marie
 *site "La Maison de Verotte"
 *Jeudi 22 janvier 2009
 * ------------------------------------*/
body{
    text-align:auto;
    margin:auto;
    background:#274D0D;/*#F9A849;*/
}
p{
    margin:0px;
    font-size:12px;
    font-family:"Arial";
    color:green;
}
table{
   width:100%;
   text-align:center;
}

img{
   margin-left:0px;
}

/*-----------------Les calques ----------------------*/

#logoGauche{
    position:absolute;
    top: 95px;
    left:10%;
    background-image:url(img/logo02-5.gif);
    background-repeat:no-repeat;/* */
    width:167px; /*167px; */
    height:103px;/*103px;*/
    z-index:30;
    display:block;
}
#logoDroite{
    position:absolute;
    top: 100px;
    right:10%; /**/
    background-image:url(img/logoDroit.gif);
    width:167px;
    height:103px;
    z-index:31;
    display:block;
}
#logoMilieu{
    background-position:center;
    /*background-image:url(img/panorama07.jpg);  */
    width:100%;
    height:141px;
    z-index:11;
}

#conteneurTab  {
     position:relative;
     left:0%;
     width:100%;
     height:auto;
     border:0px solid red;
     background:transparent;
     display:block;
     z-index:1;
  }
#titre{
    display:none;
}
#entete{
    float:left;
    width :100%;
    height:90px;
    color: black;
    border-top:0px solid  green;
    -moz-border-radius:15px 15px 15px 15px;
    background-position:center;
    display:block;
  }

#langue{
    float:left;
    margin-left:auto; /*positionnement au centre */
    margin-top:0;
    padding:auto; /* pour FireFox*/
    width :100%;
    height:25px;
    -moz-border-radius:5px 5px 5px 5px;

    display:block;
}
#onglets{
    float:left;
    width :100%;
    height:20px;
    -moz-border-radius:5px 0px 0px 0px;
    display:block;
}

#fenPrincipale{
    float:left;
    margin: 0.2%; /*positionnement au centre */
    padding:auto; /* pour FireFox*/
    width :75%;
    height:auto;/*350px;*/
    display:block;
    text-align: justify;
    border:0px solid red;
  }

#fenDroite{
    float:right;
    margin-right: 10px;/* positionnement au centre */
    padding:auto;  /*pour FireFox  */
    width :23%;
    height:auto;
    display:block;
    text-align: justify;
    border:0px solid red;
  }

#piedDePage{
  float:left;
  width:99.7%;
  height:10%;
  margin-top:0px;
  border-top:1px solid green;
}
/*================Le Tableau ================*/
#conteneurFondTable{
  /*position:absolute;*/
  margin:0px;
  height:50%;
  width:100%;
  top:0px;
  border:0px solid #ff0000;
  text-align:center;
}

/*=============div album photo===============*/
#photo{
  float:right;
  width:260px;
  height:180px;
  background:transparent;
}
#ombrePhoto{
  top:10px;
  left:10px;
  width:250px;
  height:170px;
  background:#c0c0c0;
}
#imgPhoto{
  top:0px;
  left:0px;
  width:250px;
  height:170px;
}
/*==========Div flottantes===============================*/
#situation{
  position:absolute;
  top:360px;
  left:235px;
  width:250px;
  height:200px;
  border:2px solid green;
  background:beige;
  display:none;
}


/*-----------------les classes---------------------------*/
.onglet{
    float:left;/*pour mettre en ligne*/
    width:90px;
    height:20px;
    margin-left:0px;
    background:#FFE27C;
    display:block;
    font-weight:bold;
    border:1px solid white;
    -moz-border-radius:5px 0px 0px 0px;

}
.lettrine{
   font-size: 1.5em;
   font-weight: bold;
   font-family: Georgia, Times New Roman, Times, serif;
   color: red;

}
.titre{
  font-size: 1em;
  font-weight: bold;
  font-family: Georgia, Times New Roman, Times, serif;
  color:black;
}
.tdPanneauDroit{
  width:60%;
  height:10%;
}
/*=============tableau INFO==================*/
.ecriture{
  color:#176019;
  font-weight:bold;
  font-family:Monotype Corsiva;
  font-size:16px;
}