/*
Design original
Réalisé par Gabriel Veniant
http://www.enfants-avalon.com
*/

body
{
   width: 750px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   font-family: Verdana;   
   
}

/* L'en-tête */

#en_tete
{
   width: 750px;
   height: 165px;
   background-image: url("original/haut.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}



/* Le menu */

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

.hautmenu
{
margin: 0;

background-image: url('original/haut-menu.jpg');
background-repeat: no-repeat;

height: 30px;
width: 120px;
}

.basmenu
{
margin: 0;

background-image: url('original/bas-menu.jpg');
background-repeat: no-repeat;

height: 30px;
width: 120px;
}

.element_menu
{
   
   margin: -8px 0px -5px 0px ;
   background-image: url('original/menu.jpg');
   background-repeat: repeat-y;

}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: #ffffff;
   font-size: 10pt;
   text-align: left;
   margin: 8px 0px 5px 0px;
   padding-left: 20px;
}

.element_menu ul
{
   
   
   font-size: 9pt;
   padding: 0px 0px 0px 20px;
   margin: 0px 0px 5px 0px;
  
}



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


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

/* style des liens dans la page */

A:link.page { COLOR:#818181; FONT-SIZE: 8.5pt; TEXT-DECORATION: none }
A:visited.page {COLOR: #818181; TEXT-DECORATION: none }
A:active.page { COLOR:#000000; TEXT-DECORATION: none }
A:hover.page { COLOR: #000000;TEXT-DECORATION: none }


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

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

/* menu page*/

.menu_page ul
{
   
   
   font-size: 8.5pt;
   padding: 0px 0px 0px 20px;
   margin: 0px 0px 5px 0px;
   
}

.menu_page a
{
   color: #818181;
   text-decoration: none;
}





.menu_page a:link
{
   color: #818181;
   text-decoration: none;
}



.menu_page a:active
{
   color: #818181;
   text-decoration: none;
}

.menu_page a:hover
{
   color: #000000;
   text-decoration: none;
   background-color: #FDF981;
   
}

/* Le corps de la page */

#corps
{
   
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   color: #000000;
   background-color: #ffffff;
   font-size: 8.5pt;
}

#corps h1
{
   color: #000000;
   text-align: right;
   
}

#corps h2
{
   height: 30px;

   background-image: url("titre.png");
   background-repeat: no-repeat;
   font-size: 12pt;
   padding-left: 30px;
   color: #000000;
   text-align: left;
}


/* Le pied de page  */

#pied_de_page
{
   clear:both;
   padding: 5px;
   margin-left: 140px;
   text-align: center;
   font-size: 10pt;
   color: #000000;
   background-color: #ffffff;
   background-image: url("motif.jpg");
   background-repeat: repeat-x;
      
}