body
{
   width: 770px;
   margin: auto; 
   margin-top: 10px; 
   margin-bottom: 20px;   
   background-color: #000000;
   }




#banniere
{
   width: 764px;
   height: 128px;
   background-image: url("banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 20px;
}



#banniereny
{
   width: 764px;
   height: 128px;
   background-image: url("banniereny.png");
   background-repeat: no-repeat;
   margin-bottom: 20px;

}





#barre_nav_gauche
{
   padding: 0;
     margin: 0;
float: left;
}



#barre_nav_gauche a
{
display: block;
width: 254px;
height: 52px;

text-decoration: none;
background: url("barregauche.png") no-repeat 0 0 ;
}
	
#barre_nav_gauche a:hover
{
background: url("barregauche.png") no-repeat 0 -51px;
}





#barre_nav_milieu
{
   padding: 0;
     margin: 0;
float: left;
}



#barre_nav_milieu a
{
display: block;
width: 249px;
height: 52px;

text-decoration: none;
background: url("barremilieu.png") no-repeat 0 0 ;
}
	
#barre_nav_milieu a:hover
{
background: url("barremilieu.png") no-repeat 0 -51px;
}





#barre_nav_droit
{
padding: 0;
margin: 0;
float: left;
}





#barre_nav_droit a
{
display: block;
width: 262px;
height: 52px;

text-decoration: none;
background: url("barredroit.png") no-repeat 0 0 ;
}
	
#barre_nav_droit a:hover
{
background: url("barredroit.png") no-repeat 0 -51px;
}





#menu
{
   clear : both; 
   float: left;
   width: 135px;
   margin-top: 15px; 
   background-image: url("menu2.png");
   background-repeat: repeat-y;
   padding-top: 0;
   padding-bottom: 0;
   
   
}
#menu img
{ display: block;
border: 0;
}
#menuhaut
{
height: 37px;
 background-image: url("menu1.png");
 }
 
 #menubas
 {
 height: 33px;
  background-image: url("menu3.png");
  }
  
.element_menu
{
   
   margin-left: 10px;
   padding-bottom: 20px;
  width: 115px;
  margin-right: 0;
}






.element_menu h3 
{    
   font-size: 12px;
   
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-top: 6px;
   margin-bottom: 3px;
  
}

.element_menu ul 
{
  list-style-image: url("pucenm.png");
   padding: 0;
   
  
   margin: 0; 
   font-size: 12px;
   font-weight: bold;
   margin-left: 18px;
   margin-right: 0;
}

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

.element_menu a:hover 
{
   background-color: #FB9F32;
   color: black;
   
   
}



.pub
{width: 110px;

height: 80px;
margin-left: 3px;
}
.pub a
{
display: block;
text-decoration: none;
background: url("logo_menu.gif") no-repeat;
width: 110px;
height: 80px;
}
.pub a:hover
{

text-decoration: none;
background: url("logo_menu.gif") no-repeat;
}


#corps
{
  width: 627px;
   float: left; 
   margin-left: 5px; 
   margin-bottom: 0;   
   margin-top: 15px;
  background-image: url("cadrefond.png"); 
  background-repeat: repeat-y;
  padding-top: 0;
  
  }


 
#corps img
{
display: block; 
border: 0;
} 

#cadrehaut
{
height: 45px;
background-image: url("cadrehaut.png");
}

#cadrebas
{
height: 40px;
background-image: url("cadrebas2.png");}

#contenu 
{
margin-top: 0;

width: 560px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
line-height: 25px;
margin-right: 36px;
margin-left: 34px;
margin-top: 15px;

}  

/*pour les images au centre */

#contenu img
{
display: block;
border:0;
margin: auto;
margin-bottom: 15px;
}




/*pour les images a gauche */
.gauche
{
float: left;
display: inline;
padding-right: 10px;
}

/*pour les video*/
.videocentre
{
display: block;
border:0;
margin: auto;
margin-bottom: 15px;

}







/*gelule double*/

.geldblg
{
float: left;
display : block;
padding-left: 195px;

}
.geldbld
{
position: relative;
right: 85px;
display: block;
}

/*gelule triple*/

.geltrg
{
float: left;
display: block;
padding-left: 150px;
}
.geltrm
{
position: relative;
right: 105px;
display: block;
}
.geltrd
{
display: block;
position: relative;
bottom: 51px;
left: 108px;
}

/*pour les images a droite*/

.droite

{
float: right;
display: inline;
padding-left: 10px;
}


#contenu h1 
{
   padding: 0;
   font-size: 28px;
   
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#contenu h2 
{
   height: 30px;

   background-image: url("pucer.gif"); 
   background-repeat: no-repeat; 
   
   margin-bottom: 10px;
   color: #000000;
   text-align: left;
   padding-left: 20px;
}

#contenu h3
{
font-size: 25px;
background-image: url("../images/smil/allure.gif");
background-repeat: no-repeat;
text-align: center;
margin-left: 10px;
margin-top: 20px;
height: 130px;
margin-bottom: 25px;
padding-top: 85px;
padding-left: 130px;

}

#contenu h4
{
font-size: 20px;
margin-left: 25px;
font-weight: bold;
}



#contenu li
{
margin-top: 10px;
margin-bottom: 10px;
}

.lettrine
{
width: 560px;
padding : 0;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
line-height: 25px;

}
.lettrine p:first-letter
{
float: left;
font-size: 2em;
font-weight: bold;
margin-right: 3px;

font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-left: 50px;
color: #FB9F32;

}
/*pour les news*/
.petitcontenu
{
margin-top: 30px;
width: 450px; 
height: 100px;
overflow:auto;
border: solid 2px;
border-color: #E8F3F5;
background-color: #E8F3F5;
font-style: italic;
font-weight: bold;
}
.petitcontenu img
{
float: left;

}

/*contenu pour le tableau texte*/
.tableautxt
{
width: 560px;
}
.tableautxt td
{
text-align: center;
}


/* galerie */

div#galerie
{
	width: 450px ;
	background: #E8F3F5;
	border: 1px solid #E8F3F5; 
	
	margin: 30px 45px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #E8F3F5;
	
	}

dl#photo
{
	clear: both ;
	
	margin: 0 auto ;
	}

dl#photo dt
{
	font: 2em Georgia, serif ;
	color: #996600;
	
}

dl#photo dd
{
	margin: 0 ; 
}

dl#photo img
{
	border: 1px solid #dcb ;
}

/* le trombinoscope */
.annul
{
clear: both;
}
/* trombi2 */

#trombin
{
	width: 560px ;
	padding: 0 ;
	margin: 0 0 ;
	
}

ul#trombino
{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	list-style-type: none ;
}

ul#trombino li 
{
	float: left ;
}
ul#trombino a
{
color : #000000;
}
ul#trombino li a img 
{
	margin: 5px;
}


.bibliophoto
{
width: 107px; 

margin-bottom: 0;
float: left;
display: block;
margin-right: 10px;

}

.bibliotext
{

float: left;
width: 443px;
height: 160px;
overflow: auto;
margin-bottom: 30px;

}

.bibliotext p:first-letter
{
float: left;
font-size: 2em;
font-weight: bold;
margin-right: 3px;
margin-left: 50px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

color: #FB9F32;
}


/*les tableaux*/
table
{
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 20px;
background-color: #E8F3F5;
border-style: outset;
}
td
{
border-color: white;
text-align:right;
border-style: inset;
}
th
{
border-color: white;
text-align:center;
border-style: inset;
}
caption
{
font-weight: bolder;
text-decoration: underline;
margin-bottom: 20px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color: #FB9F32;
}