body
{
   width: 945px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("images/trebeurden_a.JPG"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-attachment:fixed;
}

#entête
{
   width: 1020px;
   height: 120px;
   background-repeat: no-repeat;
   margin-bottom: 10px;
   text-align: center;
}

#entête img
{
	width: 30px;
	height:20px;
}

#entête h1
{
	text-align: center;
	font-family: "Monotype Corsiva", Arial, Verdana, serif;
	font-size:50px;
}

#menu
{
   float: left;
   width: 215px;
}

.element_menu
{
	margin-bottom:30px;
	background-image: url("images/fond.JPG");
    border: 2px solid blue;
}

#menu li a
{
background-color:#FFFEAA;
color: black;
display: block;
/*Gère le cadre autour des noms*/
padding: .2em .2em;
/*Pas de décoration,c'est a dire ... pas de soulignage*/
text-decoration: none;
/*border-left: .5em solid blue;
border-right: .5em solid blue;*/
margin-right:10px;
text-align:center;
font-family: "arial";
background-image: url("images/sable.JPG");
}

#menu li a:hover
{
background-image: url("images/mer3.JPG");
}


#contenu
{
   width: 710px;
   margin-left: 220px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 8px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   background-image: url("images/fond2.JPG");
   color: #000066;
   background-color: #0099FF; /* Une couleur de fond pour le corps */  
   border: 2px solid blue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.lien a
{
	border: 4px outset blue;
	color: black;
	text-decoration: none;
}

.lien a:hover
{
	background-color:#6495ED;
}

.diapo
{
	text-align:center;
}

.diapo img 
{
width:540px;
height:400px;
}

.fleche
{
	text-align:center;
}


.zoom {
height:250px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:142px;
height:105px;
}
.zoom img:hover {
width:365px;
height:275px;
}

#menu li
{
   list-style-image: url("images/puce_fleche.gif");
   padding-left: 20px;
   margin-bottom: 5px;
   /height: 50px;
}

#basdepage
{
	width:220px;
	height:40px;
	background-image: url("images/fond.JPG");
	border: 2px solid blue;
	margin-left: 805px;
	padding:5px;
	font-size:15px;
}
	

#tableau_inventaire table
{
   margin: auto; /* Centre le tableau */
   border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#tableau_inventaire th
{
	background-color: #99FFCC;
	font-size: 1.1em;
	text-align:center;
}

#tableau_inventaire td
{
   padding: 2px;
   width:200px;
}

#tableau_tarifs table
{
	border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
    border-collapse: collapse; /* Colle les bordures entre elles */
	float:right;
}

#tableau_tarifs td
{
	border:2px solid blue;
	padding: 2px;
	width:100px;
}

#tableau_mois table
{
	border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
    border-collapse: collapse; /* Colle les bordures entre elles */
}

#tableau_mois td
{
	border:2px solid blue;
	padding: 2px;
	width:100px;
	height:30px;
	text-align:center;
}

#tableau_contact table
{
    border-collapse: collapse; /* Colle les bordures entre elles */
}

#tableau_contact tr
{
	height:30px;
}

#tableau_liens table
{
    border-collapse: collapse; /* Colle les bordures entre elles */
	border: 4px outset blue;
	margin:auto;
}

#tableau_liens td
{
	border:2px solid blue;
	padding: 2px;
	width:200px;
	height:40px;
	text-align:center;
}

#tableau_bdd table
{
	border-collapse: collapse;
	border: 4px outset blue;
	margin:auto;
}

#tableau_bdd td
{
	border:2px solid blue;
	padding: 2px;
	text-align:center;
}