/* CSS Document */
html,body{
	height:100%;
	

}
body{
	margin:0px;
	padding:0px;
	background-image:url(../img/fondg.jpg);
	background-attachment:fixed;
	font-family:arial;
	font-size:12px;
	color:#4f4727;
	line-height:17px;
}


#contener{
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	min-height:100%;

}

img{border:0px;}
a{color:#0099cc;}
a:hover{color:#509b00; text-decoration:none;}
table{
	width:100%;
	border:0px;
	
}
h1{
	color:#86bc3c;
	font-size:19px;
	text-align:left;
}

h2{
	margin:0px;
	padding:0px;
	color:#c84e2b;
	font-size:16px;
}
table td{vertical-align:top; font-size:12px;}
img.photo{
	background-color:#FFFFFF;
	padding:3px;
	border:1px solid #c8d9b2;
}

.ko{
	background-color:#ffe0d6;
	border:1px solid #FF0000;
	padding:3px;
	font-size:11px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	color:#FF0000;
	font-weight:bold;
}

.ok{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:#DFFFDF;
	border:1px solid #00CC00;
	color:#00CC00;
	text-align:center;
	font-weight:bold;
	padding:10px;



}

/************ banniere ************/
div#banniere{
	background-image:url(../img/banfond.jpg);
	background-repeat:repeat-x;
	height:70px;
}

div#banniere ul#flag{
	margin:0px;
	padding:0px;
	position:absolute;
	top:0px;
	right:0px;
}
div#banniere ul#flag li{
	float:left;
	list-style-type:none;
}
div#banniere img.titre{
	position:absolute;
	right:100px;
	width:382px;
}
div#banniere img.logo{
	margin-left:10px;
}

div#banniere ul#menu{
	margin:0px;
	padding:0px;
	position:absolute;
	top:25px;
	right:250px;
}

div#banniere ul#menu li{
	float:left;
	list-style-type:none;
}

div#banniere ul#menu li a{
	display:block;
	font-size:0px;
	height:46px;
	width:81px;
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	color:#dcd2ae;
}
div#banniere ul#menu li.menu1 a{background-image:url(../img/ban01a.jpg);}
div#banniere ul#menu li.menu1 a:hover{background-image:url(../img/ban01b.jpg);}
div#banniere ul#menu li.menu2 a{background-image:url(../img/ban02a.jpg);}
div#banniere ul#menu li.menu2 a:hover{background-image:url(../img/ban02b.jpg);}
div#banniere ul#menu li.menu3 a{background-image:url(../img/ban03a.jpg);}
div#banniere ul#menu li.menu3 a:hover{background-image:url(../img/ban03b.jpg);}
div#banniere ul#menu li.menu4 a{background-image:url(../img/ban04a.jpg);}
div#banniere ul#menu li.menu4 a:hover{background-image:url(../img/ban04b.jpg);}
div#banniere ul#menu li.menu5 a{background-image:url(../img/ban06a.jpg);}
div#banniere ul#menu li.menu5 a:hover{background-image:url(../img/ban06b.jpg);}


div#banniere #search{
	position:absolute;
	right:5px;
	top:27px;


}
div#banniere #search input{
	background-image:url(../img/search_fd.gif);
	background-color:#FFFFFF;
	background-position:bottom;
	background-repeat:repeat-x;
	border:0px;
	font-size:11px;
	height:18px;
	border:1px solid #b8ac7d;
	width:150px;
}
div#banniere #search input.bt{
	width:20px;
	height:20px;
	cursor:pointer;
	background-image:url(../img/bttrue.gif);
	border:0px;

}
/************* ssmenu **********/

div#ssmenu{
	background-image:url(../img/ssmenu1.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:145px;
	float:left;
	
	
}
div#ssmenu ul{
	margin:0px;
	padding:0px;
	width:145px;


}
div#ssmenu ul li{
	padding:0px;
	list-style-type:none;
	margin-bottom:3px;

}
div#ssmenu ul li a{
	display:block;
	color:#fc5727;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	height:20px;



}
div#ssmenu ul li a:hover{
	color:#86bc3c;
	text-align:right;
	padding-right:20px;
	background-image:url(../img/ssmenu2.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:14px;
}
/************* page *********/
div#page{
	margin-left:170px;
	text-align:justify;
}


div#page ul li{
	list-style-type:none;
	list-style-image:url(../img/puce01.gif);


}

div#page table{
	margin-left:auto;
	margin-right:auto;
}

img.icfiltre{
	border:1px solid #88ae91;
	height:18px;


}
/************ footer ************/
#footer{
	margin-left:auto;
	margin-right:auto;
	width:330px;
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:right;
	padding-right:170px;
}
#footer b{
	color:#647b8d;

}
#footer .rea{
font-size:10px;
margin-top:30px;
color:#9b8c54;

}
/*********** formulaire ********/



#form{
	background-image:url(../img/formfd.jpg);
	background-repeat:repeat-y;
	background-position:right;
	margin-left:auto;
	margin-right:auto;
	
}

#form h1{
	margin:0px;
	padding:0px;
	background-image:url(../img/formh1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:100%;
	height:70px;
}
#form h1 span{
	background-image:url(../img/formh1sp.jpg);
	width:12px;
	height:70px;
	display:block;
}
#form div.bd{
	background-image:url(../img/formbd.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:100%;
	height:14px;
	padding:0px;


}
#form div{
	background-image:url(../img/formdiv.jpg);
	background-repeat:repeat-y;
	background-position:left;
	padding-left:20px;
	padding-right:25px;
}
#form div div{
	background-image:none;
	padding:0px;
}
#form div.bd{
	text-align:left;

}
#form div.bd span{
	
	display:block;
	background-image:url(../img/formsp.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:14px;
	width:12px;
}

#form input, #form textarea{
	font-family:arial;
	
	background-image:url(../img/search_fd.gif);
	background-color:#FFFFFF;
	background-position:bottom;
	background-repeat:repeat-x;
	border:0px;
	font-size:11px;
	
	border:1px solid #b8ac7d;

}
#form input{
height:18px;
}
#form textarea{
	height:150px;

}
#form input.radio{
	height:18px;
	width:18px;
	background-image:none;
	border:0px;
	background-color:transparent;
	cursor:pointer;
	font-size:13px;

}
#form input.bt{
	border:0px;
	cursor:pointer;


}
#form select{
		font-size:11px;
		height:20px;
		cursor:pointer;


}
/************** periode de floraison ****/
ul#floraison{
	margin:0px;
	padding:0px;
}
ul#floraison li{
	list-style:none;
	display:inline;
}
ul#floraison li a{
	display:block;
	float:left;
	width:14px;
	height:14px;
	background-color:#dfd6ad;
	background-image:url(../img/floraison1.gif);
	border:1px solid #b4b559;
	color:#4e594b;
	text-decoration:none;
	text-align:center;
}
ul#floraison li a.select{
	background-color:#f4c63b;
	background-image:url(../img/floraison2.gif);
	border:1px solid #e5bb1e;
	color:#c85026;
	font-weight:bold;
}
ul#floraison li a:hover{
	color:#FFFFFF;
}