body
{
   width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color: #F0E09F; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
  }

#en_tete
{
   width: 760px;
   height: 250px;
   margin-bottom: 10px;
   background-color: #9C0021;
}

#en_tete table
{
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
    }

#en_tete td
{
   text-align: center;
   height: 250px;
   vertical-align: middle;
   border-collapse:collapse;
   padding: 0px;
   border: 0px;
 }
 
#cellule1
{
width:250px;
}

#cellule2
{
width:30px;
}

#cellule3
{
	width:480px;
	background-image:url(../image/divers/logo_chateau_pecauld.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}





#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 220px; /* Très important : donner une taille au menu */
   height: 400px;
   background-color: #9C0021;
   border: 2px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-top: 10px;
   border: 2px groove #000000;
    
 }

#menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-type: square; /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   line-height: 30px
}

#menu a /* Tous les liens se trouvant dans un menu */
{
   color: white;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration:underline;
   color: #FFCC33;
 }




#corps
{
  margin-left:230px;
  margin-bottom:10px; 
  padding:0px; 
  background-color: #FFFFCC;
  width : 530px;
  float:right top;
  
}


h1 
{
   color: #9C0021;
   text-align: center;
   font-family: Georgia, Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 10px;
   font-size:25px;
    padding: 5px;
}


#corps a /* Tous les liens se trouvant dans un menu */
{
   color: black;
}

#corps a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration:underline;
   color: #FFCC33;
 }



#corps table
{
  border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
  margin: auto;
  border: 0px; 
 }
 
#corps caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #9C0021;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
 
#corps td
{
   
   padding: 7px; 
   vertical-align:center;
   text-align:center;
   padding: 10px;
   vertical-align : middle;
}


a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


#pied_de_page
{
   width: 760px;
   height: 30px;
   padding: 5px;
   color: white;
   background-color: #9C0021;
   border: 2px solid black;
 }
 
#pied_de_page table
{
  	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	border: 0px;
  }

#pied_de_page td
{
   
   padding: 7px; 
   border-right:3 px black;
   vertical-align:center;
   text-align:center;
}

#pied_de_page a /* Tous les liens se trouvant dans un menu */
{
   color: white;
}

#pied_de_page a:hover /* Quand on pointe sur un lien du menu */
{
   text-decoration:underline;
   color: #FFCC33;
 }


#petit
{
font-size:10px;
}




  
/*pour la page pause*/
.pause
{
border: 5px black groove;
padding: 5px;
margin-top: 10px; 
margin-bottom: 10px; 
}


/* pour la page animation oenologique */

#corps td
{
widht: 80px;
}

#anim_deg h2 
{
font: bold, 16px, center, Verdana, Arial, Helvetica, sans-serif;
color:#9C0021;
}

#anim_deg h3
{
font: Georgia, "Times New Roman", Times, serif, 12px, bold, center;
color: #CC00CC;
}

#anim_ss_deg h2 
{
font: bold, 16px, center, Verdana, Arial, Helvetica, sans-serif;
color:#9C0021;
}
#anim_ss_deg h3
{
font: Georgia, "Times New Roman", Times, serif, 12px, bold, center;
color: #669900;
}



.align_gauche 
{
text-align:left;
}

.align_droite
{
text-align: right;
}