body
{
	width: 1000px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:transparent;
	background-image: url("images/ebm_fond.png");
	background-repeat: repeat-y;
	color: #000;
	text-align: center;
}

/* L'en-tête */

#en_tete
{
   width: 1000px;
   height: 147px;
   background-image: url("images/ebm_header.png");
   background-repeat: no-repeat;
   background-color:transparent;
   margin-bottom: 0px;
}
/* Le menu horizontal*/
#hmenu
{
   width: 1000px;
   height: 33px;
   background-image: url("images/ebm_hmenu.png");
   background-repeat: repeat-x;
   background-color:transparent;
   margin-bottom: 2px;  
}

/* Navigation horizontale*/

#nav {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Création du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 125px ;
				margin-right: 0px ;
				color: #FFF;
				background: transparent ;
				}
			#nav li a {
				display: block ;
				background: transparent url("images/ebm_boutonnav.png") left top no-repeat;
				color: #006633;
				font-size: 16px;
				font-family: "Times New Roman", serif;
				font-weight : bold;
				line-height: 25px;
				padding: 4px 0;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: transparent url("images/ebm_boutonnav.png") right top no-repeat;
				font-style: italic;
				color: #FFFF00;
				text-decoration: underline ;
     			}
				
/* Le menu vertical */

#menu
{
   float: left;
   width: 236px;
   height:508px;
   margin-top: 30px;
   background-image: url("images/ebm_navb.png");
   background-repeat: no-repeat;
}

.element_menu
{
   height:308px;
   background-color:transparent;
   margin-top: 230px;
}	

/* Navigation verticale*/

#naverti {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Création du contexte de formatage */
				}
			#naverti li {
				float: left ;
				width: 125px ;
				margin-right: 0px ;
				color: #FFF;
				background: transparent ;
				}
			#naverti li a {
				display: block;
				background: transparent url("images/ebm_boutonnav_verti.png") left top no-repeat;
				color: #FFFF00;
				font-size: 16px;
				font-family: "Times New Roman", serif;
				font-weight : bold;
				line-height: 25px;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#naverti li a:hover, #naverti li a:focus, #naverti li a:active {
				background: transparent url("images/ebm_boutonnav_verti.png") right top no-repeat;
				font-style: italic;
				color: #006633 ;
				text-decoration: underline ;
     			}
				
/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #FFFF00;
   font-size: 16px;
   font-family: "Times New Roman", serif;
   font-style: italic;
   text-transform: uppercase;
   text-decoration: underline ;
   text-align: left;
   margin-left: 30px;
}

/* Les Images */

img		
{
		margin-right: 20px;
		margin-bottom: 10px;
		margin-top: 10px;
		margin-left: 5px;
}
	
.imageflottantegauche
{
        float: left;
   		border: solid 2px #006633;
		background:#FFF;
		padding: 1px;
}

.imageflottantedroite
{
        float: right;
   		border: solid 2px #006633;
		background:#FFF;
		padding: 1px;
}

.box	
{
		float: left;
		width: 210px;
		margin: 6px;
		background:transparent;
				}
.imgbox
{
        border: solid 2px #006633;
}

/* Les liens */

.lienEBM
{
        font-style: italic;
		font-weight: bold;
		color: #006633 ;
		text-decoration: underline ;
}

.lienEBM2
{
        font-style: italic;
		font-weight: bold;
		color: #006633 ;
		text-decoration:none ;
}

/* Gallerie Photos */

#gallery {
	height: 650px;
	width: 750px;
	margin-left: 250px;
	position: relative;
}
#thumbs {
	width: 170px;
	float: right;
}
#thumbs a {
	display: block;
	float: right;
	margin: 1px 1px 1px 1px;
	width: 51px;
	height: 51px;
	padding: 1px;
	border: 2px solid #006633;
	padding: 1px;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
	margin: 1px 1px 1px 1px;
}
#thumbs a:hover {
	margin: 1px 1px 1px 1px;
	width: 51px;
	height: 51px;
	border: 2px solid #006633;
	padding: 1px;
}
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 50px;
	top: 20px;
	border: 2px solid #006633;
	padding: 1px;
}

/* Table */

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #006633;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: solid 2px #006633;
   background:#FFF;
   padding: 1px;
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #CCFFCC;
   border: solid 1px #006633;
   color: #006633;
   font-size: 1.1em;
   font-family: Times, "Times New Roman", serif;
}

/* Les cellules normales */
td 
{
   border: solid 1px #006633;
   color: #006633;
   font-family: Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

/* Les Citations */

.quote
{
   display: block;
   background-color: #FFFFCC;
   font-style: italic;
   float: right;
   margin: 5px 25px 5px 10px;
   width: 290px;
   padding: 5px;
}

.quote:before
{
   content: url("images/ebm_guillemetsin.png");
}
.quote:after
{
   content: url("images/ebm_guillemetsout.png");
}

/* Le corps de la page */

#corps
{
	margin-left: 250px;
	margin-bottom: 2px;
	margin-top: 2px;
	color: #333300;
	background-color:transparent;
	padding-left: 40px;
	padding-rignt:10px
	font-family: "Times New Roman", serif;
	font-size: 14px;
	text-align: justify;
}

#centre
{
	margin-left: 250px;
	margin-bottom: 2px;
	margin-top: 2px;
	color: #333300;
	background-color:transparent;
	padding-left: 40px;
	padding-right: 40px;
	font-family: "Times New Roman", serif;
	font-size: 14px;
	text-align: center;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 18px; /* Ecrit légèrement plus gros que la normale */
   color: #006633;
}


#corps h1 /* Tous les titres h1 du corps */
{
   color: #FFFF00;
   font-size: 30px;
   text-align: center;
   font-family: "Times New Roman", serif; font-style: italic;
}

#corps h2 /* Tous les titres h2 du corps */
{
   font-size: 20px;
   font-family: "Times New Roman", serif;
   color:#006633;
   text-align: left;
 }  
 
 #corps h3 /* Tous les titres h3 du corps */
{
   font-size: 20px;
   padding-left:25px;
   font-family: "Times New Roman", serif;
   color: #663300;
   text-align: left;
   background-image: url("images/h3.png");
   background-repeat: no-repeat;
 }  
 
  #corps h4 /* Tous les titres h4 du corps */
{
   font-size: 20px;
   padding-left:25px;
   font-family: "Times New Roman", serif;
   background-image: url("images/puce.gif");
   background-repeat: no-repeat;
   text-align: left;
 } 
 
 #pied-de-page /*Le pied de page*/
 {
   margin-top: 10px;
   padding-top:10px;
   font-family: "Times New Roman", serif; font-style: italic;
   font-size: 9px;
   color:#333300;
   text-align: center;
   position:static;
  }