/* feuille CSS zabeille.org */
body{
	margin:0px;
	padding:0px;
	font-family:"Comic Sans MS",Arial, serif;
	font-size: 16px;
	color:#d97725;
	background-image:url("../images/rayon_64.png");
	background-attachment:fixed;
}
h1,h2,h6{
	text-align:center;
}
a {
	text-decoration:none;
	color:#990000;
}
a:hover{
	color:#dc8526;
}
a img{
	border:none;
}
#global {
	width:800px;
	margin: 5px auto 0px auto;
}
#entete {
	width:800px;
	height:152px;
}
#navigation {
	float:left;
	width:130px;
	color:#dc8526;
	margin-top:30px;
	text-align:left;
}
#navigation ul{
	list-style-type:none; 
	margin: 0;
	padding:0;
	padding-left:10px;	
	border: none; 
}
#contenu {
	width:670px;
	min-height:500px;
	padding: 15px 20px; 	
	margin-left:140px;
}
#contenu img {
	display:block;
	margin:20px auto;
}
#contenu img.smiley{
	display:inline;
	margin:0;
}
#contenu img.img_donateur{
	display:inline; 
	width:100px;
	margin-right:15px;
}
#contenu img.marge{
	display:inline;
	margin-left:30px;
}
/*---- Configure le tableau dans elevage ---- */
#elevage{
	border-collapse:collapse;
	color:black;
	font-size:small;
}
#elevage td{
	border: 1px solid black;
	padding:5px;
	text-align:center;
	min-width:65px;
}
.oeuf{
	background-color:#00ffff;
}
.larve{
	background-color:#ffff00;
}
.nymphe{
	background-color:#ffd700;
}
.fecondation{
	background-color:#ffdead;
}
.prematuree{
	background-color:#ff00ff;
}
.naissance{
	background-color:#ff4500;
}
.picking{
	background-color:#95ffff;
}
.bigoudi{
	background-color:#ffe767;
}
.filtrer{
	background-color:#efff00;
}
.peupler{
	background-color:#d2ff00;
}
.station{
	background-color:#00ff00;
}
.descente{
	background-color:#f4a460;
}
/*---- Configure le tableau dans anatomie ---- */
#legende_anatomie{
	width:654px;
	margin-left:20px;
}
/*---- Configure le tableau des donateurs ----*/
.vueDonateurPays{
	width:150px;
	padding-left: 30px;
}
.vueDonateurDate{
	width:243px;
}
/*Défini les marges des photos des ruches haut droite bas gauche*/
.photoR{
padding:5px 10px 5px 10px;
}
/*---- Centre les animations flash dans communication ---- */
.anim_flash_com_1{
	width:285px;
	margin:0px auto 0px auto;
}
.anim_flash_com_2{
	width:400px;
	margin:0px auto 0px auto;
}
/*---- Centre les légendes et les animations flash dans liens ----*/
.anim_flash_liens{
	width:470px;
	margin:0px auto 0px auto;
}
.centre{
	text-align:center;
	white-space:pre;
}
/*---- positionne la photo dans la page abeille.php----*/
.marge{
	margin-left:150px;
}
/*---- positionne la boule dans  contact.php ----*/
.sphere{
	padding-top:100px;
	/* margin-left:175px; */
}
/*---- page_bas.php ----*/
#pied {
	margin:20px 0px 0px 140px;
	font-size:12px;
}
#pied img{
	margin:0px 110px 0px 110px;
}
.fleche{
	position:fixed; 
	bottom:0.5%;
	left:0.5%; 
}
/* Formulaire contact */
#customForm{
	margin-left:30px;
}
#customForm label {
	display:block; /*La balise devient de type block*/
	width:120px;
	float:left;	
}
#customForm input {
	width:259px;
}
#customForm input:focus, textarea:focus {
	background-color: #ebffff;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
.rep_form{
	margin-left:40px;
}
#captcha{
	margin-left:94px;
}
#button a{
	text-decoration:none;
}
#button input{
	margin-left:119px;
	margin-right:-38px;
	width:90px;
}
/*défini les dim de la captcha dans includes/recaptchalib.php pour validation XHTML 1.0 Strict*/
#capt{
width:500px;
height:300px;
}