/*
Autre design d'exemple du Site du Potager de mes Reves
Réalisé par Patrick
<lien url="http://www.">http://www.</lien>
*/

body
{
	margin: 0;
	background-color: black;
	
}

#page
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
	width: 100%;
	max-width: 1050px;
}

#fond
{
	position: fixed;
	z-index: 1;
}

/* L'en-tête */

#en_tete
{
   font-family: Vivaldi, Vijaya, Andalus, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 4em;
   color: #990000;
   font-weight : bold;
   height: 220px;
   width: 80%;
   position: absolute;
   top: 20px;
   right: 0px;
}


/* Le menu */

#menu
{
   padding-top: 107px;
   background:url("../images/fondmenu3b.png") no-repeat;
   position: fixed;
   width: 190px;
   height: 550px;
   border-right: 2px solid #990000;
   border-bottom: 2px solid #990000;
   color: #B3B3B3;
   font-size: 0.75em;
	z-index: 3;
}

.element_menu
{
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h1
{    
   color: #B3B3B3;
   font-family: Vivaldi, Vijaya, Andalus, Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 1.4em;
}

.element_menu ul
{
   list-style-image: url("../images/projet4.png");
   padding-left: 20px;
}

.element_menu a
{
   color: #B3B3B3;
   text-decoration : none;
}

.element_menu a:hover
{
   color: black;
}


/* Le corps de la page */

#corps
{
   width: 75%;
   max-width: 750px;
   height: auto;
   padding: 30px;
   padding-left: 220px;
   color: #B3B3B3;
   font-weight: bolder ;
   position: absolute;
	z-index: 2;
}

#corps h1
{
   color: #B3B3B3;
   font-family: Vivaldi, Vijaya, Andalus, Georgia, "Arial Black", "Times New Roman", Times, serif;
   font-size: 2em;
}

#corps h2
{
   height: auto;
   padding-right: 30px;
   color: #B3B3B3;
   text-align: center;
}

#corps a
{
   color: #B3B3B3;
}

#corps a:hover
{
   color: #1c101c;
}

#corps p
{
   font-size: 0.8em;
}


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

td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;/* ... auront une bordure de 1px */   
   text-align: center; /* Tous les textes des cellules seront centrés*/
   vertical-align : top;
}

th
{
   font-size: 1.5em;
}

a
{
   text-decoration: none;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   position: fixed;
   top: 4px;
   right: 0px;
   font-size: 1.25em;
}

#pied_de_page a
{
   color: #B3B3B3;
}

#pied_de_page a:hover
{
   color: black;
}