body
{
   width: 893px;
   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("image/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   font-family: Arial;
   font-size:11px;
   
}
#en_tete
{
   width: 893px;
   height: 147px;
   background-image: url("image/logo.png");
   background-repeat: no-repeat;
   /* margin-bottom: 10px; */
   
}
#en_tete2
{
   width: 885px;
   height: 30px;
   /* margin-bottom: 10px; */
   
}

#nav 
{

   margin:0;
   padding:0;
   background:#f8e84d repeat-x;
   float:left;
   width:100%;
   border:1px solid #ffffff;
   border-width:1px 0;
}

#nav li 
{
   display:inline;
   padding:0;
   margin:0;
   
}
            

#nav a:link, #nav a:visited 
{
   color:#ff9900;
   background:#f8e84d;
   padding:5px 57px 4px 10px;
   float:left;
   width:auto;
   border-right:3px solid #ff9900;
   text-decoration:none;
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   font-style: italic;
   text-transform:uppercase;
   text-shadow: 2px 2px 2px #555;
}
   
#nav a:hover 
{
   color:#fff;
   background:#727454;
}

#home #nav-home a, #about #nav-about a, #archive #nav-archive a, #lab #nav-lab a, 
#reviews #nav-reviews a, #contact #nav-contact a 
{
  background:#e35a00;
  color:#fff;
  text-shadow:none;
}

#home #nav-home a:hover, #about #nav-about a:hover, #archive #nav-archive a:hover, 
#lab #nav-lab a:hover, #reviews #nav-reviews a:hover, #contact #nav-contact a:hover 
{
  background:#e35a00;
}

#nav a:active 
{
   background:#e35a00;
   color:#fff;
}

#menu
{
	color:#808080;
	float: left;
	width:227px;
	height: 850px;
	background-image:url("image/menu.png");
}
#menu a:link, #menu a:visited 
{
color:#808080;
text-decoration:none;
}
.element_menu
{

	margin-bouttom:20px;
	
}
.mbouton1
{
   background-image: url("image/menubouton1.png");
   background-repeat: no-repeat;
   height: 30px;
}
.mbouton2
{
   background-image: url("image/menubouton2.png");
   background-repeat: no-repeat;
   height: 30px;
}
.mbouton3
{
   background-image: url("image/menubouton3.png");
   background-repeat: no-repeat;
   height: 30px;
}
.mbouton4
{
   background-image: url("image/menubouton4.png");
   background-repeat: no-repeat;
   height: 30px;
}
#corps
{

margin-left:229px;
margin-bottom:20px;
height:835px;
width: 650px;

background-image: url("image/corps_fond.png");
background-repeat: no-repeat;

}
#corps2
{
margin-left:229px;
height:12px;
width: 650px;

background-image: url("image/corphaut.png");
background-repeat: no-repeat;

}
#corps3
{
margin-left:229px;
width: 650px;
padding: 5px;
background-image: url("image/corpcentre.png");
background-repeat: repeat-y;
}
.element_corps
{

padding: 10px;

}

.bg_gris
{
background:#f2f2f2;
padding:10px;
border:1px dotted #cbc9c9;
}
.titre_corps
{
padding: 5px;

}


#pied_de_page
{
margin-left:229px;
height:12px;
width: 650px;
padding: 5px;
background-image: url("image/corpbas.png");
background-repeat: no-repeat;
padding: 5px;
text-align:center;

}

.gros_titre
{
color:#f29400;
font-weight:bold;
text-transform: uppercase;
}

.color_gris
{
color:#808080;
}


.liste2
{
font-style:italic;
list-style-image:url('image/arrow.gif');
color:#616161;
}

.sep
{
clear:both;
}

.usual UL{
	list-style: none;
	margin: 0;
	padding: 0;
}

.usual UL LI {
	display: block;
	float:left;
	padding-left:5px;
}

.usual UL LI A {
	text-decoration: none;
}


.idTabs
{

font-style:italic;
list-style-image:url('image/arrow.gif');
color:#616161;

}
.separation_orange
{
background-image: url("image/separation1.png");
background-repeat: repeat-x;
height: 2px;
width: 635px;
background-position:center;

}

#menutab a:link, #menutab a:visited 
{
color:black;
text-decoration:none;
}
.pucesimple
{
list-style-image:url('image/arrow.gif');
}
.pucetel
{
list-style-image:url('image/tel.png');
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset #f29400; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #f29400;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black";
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: Arial, "Arial Black";
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
.titre_centrer
{
text-align:center;

}