body{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	
	font: 9pt, arial, verdana, sans-serif, "Trebuchet MS" ;
}

div#contener{
   margin: 0 auto;
	padding: 0;
	width: 831px;
	background: url(images/design/fd_c.gif) repeat-y;
}

div#langbar
{
text-align: right;
}
ul,li,form,table,fieldset{
	margin: 0; padding: 0;
}
a img{
	border: none;
}
div.space
{
	clear: both;
	font-size: 0pt;
	height: 1px;
}

/* Menu horizontal */
div#menu_head{
	margin: 0;
	padding: 0;
	background: url(images/design/menu_head.gif) no-repeat;
	height: 43px;
	line-height: 43px;
	width: 831px;
}
div#menu_head ul{
	padding: 8px 0 0 10px;
}
div#menu_head ul li{
	list-style-type: none;
	height: 32px;
	line-height: 32px;
	float: left;
}
div#menu_head ul li a{
   padding: 5px 15px;
	text-decoration: none;
	color: #AAAAAA;
	font: bold 10pt "Trebuchet MS";
}
html>body div#menu_head ul li a{
	display: block;
}
div#menu_head ul li a:hover{
	color: #5A8001;
	background: url(images/design/menu_h_hover.gif) repeat-x bottom;
}

/* header */
div#head{
	padding: 0;
	background: url(images/design/head_b5.GIF) no-repeat bottom;
	width: 811px;
	height: 95px;
}
html * div#head{ margin: 0; }
html>body div#head{ margin: 0 0 0 10px; }

/* Menu vertical gauche */
html * div#menu_left{
	margin: -32px 0 0 9px;
	padding: 0;
	float: left;
	

}
html>body div#menu_left{
	margin: -36px 0 0 18px;
	padding: 0;
	float: left;
	
}
div#menu_left div.first_title{
   margin: 0; padding: 0;
}
html>body div#menu_left div.l{
   margin: -5px 0 5px 5px; padding: 0;
	background: #CAF968;
	width: 168px;

	
}
html * div#menu_left div.l{
   margin: -0px 0 5px 0px; padding: 0;
	background: #CAF968;
	width: 168px;
	
}
div#menu_left div.end_left{
   margin: -5px 0 0 5px;
	padding: 0;
	border-top: 5px solid #FFF;
	background: url(images/design/end_left.gif) no-repeat;
	width: 168px;
	height: 1px;
}
div#menu_left h3/* Marge changée de 0 à 10 */{
	margin: 10;
	padding: 0;
}



/* UL LI */
div#menu_left ul li{
  list-style-type: none;
  width: 168px;
  text-align: left;
  
}

/* police du menu vertical */
div#menu_left ul li a{
   padding: 5px 10px;
	text-decoration: none;
	font: 10pt sans-serif, verdana ;
	color: black;
	display: block;
	font-weight: bold;
}
html>body div#menu_left ul li a{
	width: 168px;
}
html * div#menu_left ul li a{
	width: 148px;
}
div#menu_left ul li a:hover{
	background: url(images/design/fd_a_m_l.gif) repeat-y;
	color: #5B7F12;
}

  /* Formulaire de connexion */
  fieldset.form_connect{
  	margin: 0;
	padding: 0;
	border: none;
  }
  fieldset.form_connect table.connect tr td.title{
  	color: #628D09;
	font: bold 10pt "Trebuchet MS";
	letter-spacing: 2px;
  }
  fieldset.form_connect table.connect tr td.input input{
	margin: 0 0 0 4px;
	padding: 2px 0 0 5px;
	background: url(images/design/input_connect.gif) no-repeat;
	font: 10pt verdana, sans-serif;
	width: 110px;
	height: 22px;
	border: none;
	color: #648F07;
  }
  fieldset.form_connect table.bouton{
   margin: 0 0 0 -5px;
  }
  
div#copyright{
	margin: 0 0 0 12px;
	padding: 0px;
	width: 145px;
	color: #8ABD1C;
	font: 8pt verdana, sans-serif;
	
}

/* Contenu */
/* ******* */
img.image_texte

{
   margin: 5px 10px;
	border: 5px solid #9cda1b;
}

/*Image sans encadrement */
img.image_texte1

{
   margin: 5px 10px;
	
}
/*Image sans encadrement  située à droite*/
img.image_texte2

{
   margin: 5px 10px;
 float: right;
	
}

img.image_texte3

{
   margin: 5px 10px;
  
 float: left;
	
}

img.image_texte4

{
   margin: 5px 10px;
    border: 5px solid #9cda1b;
 float: right;
	
}

img.image_texte5

{
   margin: 5px 10px;
    border: 5px solid #9cda1b;
 float: left;
	
}

/*Texte h1*/
div#right_contenu{
	margin: 0 9px;
	padding: 0;
	float: right;
	width: 615px;
}

div#right_contenu h1{
   margin: 10px 0 10px 0;
   padding: 0 0 0 20px;
	font: bold 16pt verdana,sans-serif ;
	letter-spacing: 2px;
	text-align: left;
	background: url(images/design/h1.gif) no-repeat;
	height: 34px;
	line-height: 34px;
	color: #70C0E3;
}
html>body div#right_contenu h1{
	width: 615px;
}
html * div#right_contenu h1{
	width: 615px;
}
div#right_contenu h1:first-letter{
  font: bold italic 18pt verdana, sans-serif;
  color: #2394c5;
}

div#right_contenu h2{
   margin: 10px 0 10px 20px;
	padding: 0 0 0 20px;
	font: bold 12pt "Trebuchet MS";
	letter-spacing: 1px;
	text-align: left;
	background: url(images/design/h2.gif) no-repeat;
	color: #8a1a27;
}

div#right_contenu p{
   margin: 5px;
	text-align: justify;
}


/* Gallery Styles (dynamique) page d'accueil*/

#motioncontainer {
margin :0 auto;/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 50%; /* Set to gallery width, in px or percentage */
height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


/*Galerie images - http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript*/
div#galerie
{
	width: 410px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	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 #dcb ;
}

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

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
		
	/*Galerie images - http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript*/
div#galerie1
{
	width: 410px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

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

ul#galerie_mini1 li
{
	float: left ;
}

ul#galerie_mini1 li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

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

dl#photo1 dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo1 dd
{
	margin: 0 ;
}

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

/*boîte page invertébrés*/

div#box
{			
top: 2px;
left: 12px;
width: 530px;
height: 190px;
border: solid 2pt #666699;
padding: 8 px;
font-size: 10pt;
font-family:Verdana;
background:#d5eecb;
color:#000000;
}




			
/*tableau tarifs*/
td
{
border: 1px solid black;
background: #e6d1b4;
}
	
/*Formulaire contact*/

input, textarea
{
   font-family: Arial, "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
   
}

label
{
   color: blue;   /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   font-size : medium;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #FF9933;
   font-weight: bold;
   font-size : x-large;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color:#9bd070;
}
	
		
/* footer */
html * div#footer{
   margin: 0 auto; padding: 0;
	width: 838px;
	height: 22px;
	background: url(images/design/footer.gif) no-repeat;
}
/* footer */
html>body div#footer{
   margin: 0 auto; padding: 0;
	width: 831px;
	height: 22px;
	background: url(images/design/footer.gif) no-repeat;
}