body {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	line-height:18px;
	font-size:12px;
	color: #000000; 
	background: #70b735 url("images/fond02.jpg") no-repeat top center; 
	margin: 0; 
	padding: 0;
	text-align:center;
}
H1 {font-size:17pt;
	font-weight:bold;
	text-align:center;
	line-height:25px;	
	color:#000000;
	}

H2 {font-size:18pt;
	font-weight:bold;
	text-align:center;
	line-height:35px;	
	color:#000000;}
	
h3 {	font-size:16pt;
	font-weight:bold;
	text-align:left;	
	color:#000000;
	text-decoration:underline;}

h4 {	font-size:16pt;
	font-weight:bold;
	text-align:left;	
	color:#000000;
}

	
p { 
	margin-top: 0; 
	text-align: justify;
	color:#000000;
	font-size:16px;
	}
	
.titre{
	text-align:left;
	font-size:30px;
	padding-top: 25px;
	padding-left : 5px;
	color : #000000;
}	
.txterror{
	color:#bf1f1f;
	font-style: italic ;
	font-weight: bold;
	}

.erreur{
	border:1px ;
	border-color : #bf1f1f;
	border-style: solid;
		}
.erreurvert{
	border:1px ;
	border-color : #4fae20;
	border-style: solid;
		}
.bordure{
	color:#431f09;
	background: transparent url("images/test4.jpg") no-repeat center; 
	font-weight: bold;
	padding-top : 3px;
	padding-bottom : 3px;
	}	
.gros {
	font-size:16px;}
	
.center {
		text-align:center;
			}
.right {
		text-align:right;
			}			
.left {
		text-align:left;
			}			
.gras {
	font-weight: bold;
	}
.petit {
	font-size:12px;	
	font-style:italic;
	}
	
.italic {
	font-style:italic;
	}
	
.underline {	
	text-decoration:underline;
	}
.fondorange {
	background : transparent url("images/h3.jpg") repeat-y top left;
}

.blanc {
	color:#ffffff;
}	
img {
	border:0px;
	vertical-align:middle;
			}
	
img.left{
	float:left;
	margin:15px;
	vertical-align:middle;
	}	
img.right{
	float:right;	
	margin:15px;
	}
img.center{
		margin-left: auto; 
	margin-right: auto;
	display: block; 
	}				
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #ff9700;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #bf7307;
	font-style: italic ;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #000000;
	}

#pingbox {
	position : absolute;
	z-index: 2;
	margin-left : 10px;
}	

#alt {
	position : absolute;
	z-index: 1;
	margin-left : 10px;
	width : 180px;
}	
	
#page{
	width:900px;
	position:relative;
	margin:0 auto;
	border:0px ;
	border-color : #6d4613;
	border-style: solid;
	background: transparent url("images/") no-repeat top left;
	text-align:left;}

#souspage{
	width:900px;
	position:relative;
	margin:0 auto;
	border-left:0px;
	border-right:0px ;	
	border-bottom:0px ;
	border-top:0px ;
	border-color : #c5f4a4;
	border-style: solid;
	background:transparent url("images/bordure.ng") repeat;
	text-align:left;}
	
#header{
	width:900px; 
	height:140px;
	background: transparent url("images/fondtrame02.png") repeat-x top left; 
	margin:0px;
	padding:0px;
	}
	
#main{
	float : left;
	margin-right : 0px;
	margin-top : 0px;
	height:auto;
	padding :0px;
	background:transparent url("images/") no-repeat top center;
	border:0px ;
	border-color : #6d4613;
	border-style: solid;

	} 

#main2{
	margin-left:180px;
	margin-bottom:8px;
	height:auto;
	padding:15px 15px 15px 15px;
	background:#ffffff url("images/fond_main.pg") no-repeat top left ;
	border:0px;
	border-color : #c5f4a4;
	border-style: solid;
	
	} 	
#diaporama{
	float : left;
	margin-top : 150px;
	margin-left : -100px;
	margin-right : 10px;
	height: 300px;
	width : 320px;
	background:#000000 url("images/.pg") no-repeat top left ;
	border : 3px solid #FFB140;
	text-align : center;
	}
#chat{
	float : left;
	margin-top : 150px;
	margin-left : -20px;
	margin-right : 10px;
	height: 340px;
	width : 200px;
	background:#000000 url("images/.pg") no-repeat top left ;
	border : 3px solid #FFB140;
	text-align : center;
	padding-top : 10px;
	}	
#menu{
	width:100%;
	height:25px;
	background: #FFB140  url("images/.png") repeat ;
	padding:0;
    margin-left: auto;
    margin-right: auto;
	text-align : center;
	border     :   1px solid #000000;
}
#menu ul {
	border:0px;
	border-color : #c5f4a4;
	border-style: solid;
	list-style-type   :  none;
	width:85%;
	margin-left: auto;
    margin-right: auto;
	text-align : center;
	margin-top : 0;
	}
		
#menu li  {
	float : left; 
	margin-bottom:0px;
	height:auto;				
	width : auto;
	padding-left           :   17px; 
	text-decoration   :   none; 
	display           :   inline;  
	border            :   0px solid #40A300;
	border-left-width :   0px; 
	font-weight: bold;	
	background :transparent url("images/") repeat-y top left ;	
	}
	
#menu a {
	font-size:13px;
	color: #000000; 
	text-decoration   :   none; 
	font-style: normal ;
	font-weight: bold; 
	display : block;
	width : auto;
		height:25px;
	}


#menu a:hover {
	color: #000000; 
	text-decoration   :   none;
	border-bottom : 0px solid #FFB700;
	background :transparent url("images/fondtrame.png") repeat top left ;	
	}		
#menu li:hover{	
  background-color  :   transparent; 
 /* width:100%;*/
  	text-decoration   :   none; 
	font-style: normal ;
	font-weight: bold; 
	border            :   0px solid #A43500;
	border-left-width :   0px; 
}

#menu ul li:hover ul {
 display:block;
 }
 
 #menu ul li ul li{
	display :inline;
 }
 
#menu ul li ul {
 display:none;
 position: absolute;
 padding: 0px 0px 0px 0px;
 }

#menu p {
	/*display : block;*/
	background :transparent url("images/testmenu.jpg") no-repeat top left ;
}
#colonne1 {
	width:290px;
	float:left;
	}
#colonne2{
	float:right;
	padding-top:15px;
		}
#nofloat{
	clear:both;
}	
#piedpage{
	width:auto; 
	background-color:transparent;
	}
#piedpage p {
	font: italic 10pt georgia; 
	text-align:center;
	}
	
#validation p{
	text-align:right;
	
		}
		
textarea {
 border:1px solid black;
 background-color:#c5f4a4;
 }
select, option {
 background-color:#c5f4a4;
 }
input {
 border:1px solid black;
 background-color:#c5f4a4;
 }
 input.adresse_jardin {
 background-color:#ffffff;
 }
 select.adresse_jardin {
  background-color:#ffffff;
  border:1px solid black;
 }
fieldset {
 padding:20px;
 margin-bottom:10px;
 }
 fieldset.adresse_jardin {
 padding:5px;
 background-color:#c5f4a4;
 }
 
legend {
 color:#a0522d;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 font-weight:bold
 }
input[type=radio] {
 margin-right:50px;
 background-color:#c5f4a4;
 border:none;
 }

 a.info span {
   display: none; /* on masque l'infobulle */
}
 a.info2 span {
   display: none; /* on masque l'infobulle */
}
 a.info3 span {
   display: none; /* on masque l'infobulle */
}
 a.info4 span {
   display: none; /* on masque l'infobulle */
}
 a.info5 span {
   display: none; /* on masque l'infobulle */
} 
 a.info6 span {
   display: none; /* on masque l'infobulle */
} 
 a.info7 span {
   display: none; /* on masque l'infobulle */
} 
 a.info8 span {
   display: none; /* on masque l'infobulle */
} 
 a.info9 span {
   display: none; /* on masque l'infobulle */
}
 a.info10 span {
   display: none; /* on masque l'infobulle */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 120px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

a.info2:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 00px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

a.info3:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 20px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

a.info4:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	
}   

a.info5:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 390px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}

a.info6:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 650px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}   

a.info7:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 740px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}   
   

a.info8:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 1000px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}   

a.info9:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 1400px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}   

a.info10:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 1900px; /* on positionne notre infobulle */
   left: 0px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;	}   
          
/*
texte defilant
*/

#cadre_defil_1 { 
	position:relative;
	overflow: hidden;
	visibility:hidden;
	height: 17px; 
	width:160px; 
	margin: 0 auto;
	line-height: normal;
	border: 1px solid #CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


#cadre_defil_1 img {
	border:0;
	vertical-align: middle;
}


#cadre_defil_1 .liens {
	color: #000000;
}