@charset "utf-8";

/**********************************/
/***** MISE EN PAGE DU DESIGN *****/
/**********************************/

body
{
	width: 962px;
	margin: 0 auto;
	background: #efdc72;
	padding: 0 0 10px 0;
	font: 12px Verdana, Geneva, sans-serif;
}

#header
{
	width: 962px;
	height: 272px;
	background: url("images/header.png") no-repeat;
	padding: 20px 0 0 0;
}

#blocpub
{
	width: 496px;
	height:82px;
	margin: 25px 0 0 444px;
	text-align: center;
	padding: 50px 0 0 0;
}

img
{
	border:0;
}

#infosbee_connecte, #infosbee_non_connecte
{
	width: 930px;
	height: 30px;
	margin: 16px auto;
	border: 3px solid black;
	background: white;
}

#infosbee_non_connecte p
{
	text-align: center;	
	margin:0;
	/*margin-top: -2px;*/
	font-size: 14px;
	font-weight: bold;
	line-height:30px;
}

#infosbee_connecte p
{
	text-align: center;
	margin-top: -4px;
	font-size: 14px;
	font-weight: bold;
	line-height:30px;
}

#corps
{
	width:958px;
	background: url("images/fond-corps.png") repeat-y;
	margin: 0 0 0 4px;
}

#menu
{
	width: 296px;
	float: left;
	margin: 0 0 0 7px;
}

.sousmenu
{
	width: 274px;
	background: url("images/fond-menu.png") repeat-y;
	margin: 0 0 0 14px;
	text-align: center;
}

.sousmenu li
{
	margin-bottom:3px;
}

.liste_liens_connecte
{
	width:230px;
	margin:auto;
	font-size:14px;
	text-align:left;
	letter-spacing:2px;
}

.liste_liens_non_connecte
{
	width:125px;
	margin:auto;
	font-size:14px;
	text-align:left;
	letter-spacing:2px;
}

.pub_menu
{
	width:200px;
	margin:10px auto 10px auto;
	border:thin solid #D18F02;
}

.linkm
{
	display: block;
	margin: 0 0 20px 0;
}

.input
{
	width:159px;
	height: 18px;
	background: white;
	border: 2px solid black;
	text-align:center;
}

.submit
{
	width: 47px;
	height: 38px;
	background: url("images/submit.png") no-repeat;
	border: 0;
	margin: 5px 0 0 120px;
}	

.finmenu
{
	margin: 0 0 0 3px;	
}

.clearer
{
	height: 1px;
	clear: both;	
}

#content
{
	width: 647px;
	margin: 0 0 0 305px;
}

#fondcontent
{
	width: 619px;
	background: url("images/fond-content.png") repeat-y;
	margin: 0 0 0 12px;
}

.fincontent
{
	margin: 0 0 0 6px;	
}

#contenu
{
	padding: 0 15px 0 15px;
	text-align: justify;
}

#contenu p, #contenu h2
{
	margin-top:0;
}

#footer
{
	width: 958px;
	margin: 0 0 0 4px;
	background: url("images/fond-corps.png") repeat-y;
}

#footer p
{
	text-align:center;
}

#footer_bottom
{
	width: 958px;
	height: 45px;
	margin: 0 0 0 4px;
	background: url("images/fin-corps.png") no-repeat;
}

/**********************************/
/************* AUTRES *************/
/**********************************/

.icone
{
	height:25px;
	min-width:15px;
	position:relative;
	top:7px;
}

/*** LIENS ET INFOBULLES ***/

a
{
	text-decoration:none;
	color:#000000;
}

a img
{
	border:none;
}

a:visited
{
	color:#000000;
}

a.info
{
	/*position:relative;*/
	color:#000;
	text-decoration:none;
}

a.info:hover
{
	z-index:25;
	background-color:#FFF;
}

a.info span
{
	display: none;
}

a.info:hover span
{
	display:block;
	position:absolute;
	margin:-6em 0 0 2em;
	width:14em;
	border:3px solid orange;
	background-color:#FFFF99;
	color:#000;
	text-align:left;
	font-weight:bold;
	padding:5px;
}

/*** TITRES ***/

h1, h2, h3, h4, h5
{
	text-align:center;
}

#contenu h3
{
	border-bottom:5px dotted #0066FF;
	padding-bottom:5px;
	color:#0066FF;
	font-size:18px;
}

/*** FORMULAIRES DIVERS ***/

#formulaire_inscription
{
	display:block;
	width:420px;
	margin:auto;
	margin-top:10px;
	text-align:center;
}

#formulaire_mdp_oublie
{
	width:400px;
	margin:auto;
}

#formulaire_gestion_compte
{
	width:300px;
	margin:auto;
	margin-top:30px;
	text-align:center;
}

#formulaire_gestion_compte input
{
	width:275px;
}

#formulaire_contact
{
	width:475px;
	margin:auto;
	padding:10px;
	border:1px solid #048d01;
}

#formulaire_inscription input, #formulaire_gestion_compte input, #formulaire_mdp_oublie input
{
	background-color:#FFFF99;
	text-align:center;
}

#formulaire_contact input, #formulaire_contact textarea, #formulaire_contact select
{
	background-color:#FFFF99;
}

legend
{
	font-weight:bold;
	color:black;
	background-color:#f8b500;
	border:1px solid #048d01;
	padding:1px 5px;
	margin-bottom:10px;
}

fieldset
{
	border:1px solid #048d01;
}


/*** CARTE DU MONDE ***/

#carte_monde
{
	width:590px;
	margin:auto;
}

#carte
{
	width:280px;
	margin:auto;
}

#carte td
{
	padding:0px;
}

.case
{
	width:40px;
	border:none;
	margin-bottom:-3px; /*** !!! ***/
}

#fleches_deplacement
{
	margin:auto;
}

#fleches_deplacement td
{
	padding:2px;
}

#fleches_deplacement img
{
	width:30px;
}

#deplacement_goto
{
	font-size:10px;
	width:280px;
	margin:auto;
}

#valider_deplacement
{
	display:block;
	width:100px;
	margin:auto;
	background-color:#EEEEEE;
}

/*** MESSAGERIE ***/

#messagerie
{
	width:588px;
	margin:auto;
}

#messagerie td
{
	width:196px;
}

#messagerie th
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#formulaire_envoi_message
{
	margin:12px;
}

#messages_recus
{
	width:550px;
	margin:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

#messages_recus th
{
	font-size:16px;
	font-weight:normal;
}

.message_non_lu
{
	font-weight:bold;
}

/*** ALLIANCES ***/

#formulaire_liste_alliances
{
	width:500px;
	margin:auto;
}

#table_liste_alliances
{
	text-align:center;
}

#table_liste_alliances td, #table_liste_alliances th
{
	padding:3px;
	width:100px;
}

#boutons_validation_alliances
{
	width:259px;
	margin:auto;
}

/*** CLASSEMENT ***/

#classement
{
	width:400px;
	margin:auto;
	text-align:center;
}

#classement td, #classement th
{
	padding:2px;
}

#boutons_navigations_classement
{
	width:278px;
	margin:auto;
}

/*** FICHE RUCHE ***/

#fiche_ruche
{
	width:600px;
	margin:auto;
}

.actions_possibles td
{
	width:150px;
	text-align:center;
	font-size:12px;
	padding:2px;
}

.actions_possibles img
{
	max-height:90px;
	max-width:90px;
}

/*** COMPTE PREMIUM ***/

#avantages_premium
{
	width:570px;
	margin:auto;
	text-align:center;
}

#avantages_premium th
{
	font-size:20px;
}

#compte_premium_titre
{
	background-color:#0066CC;
}

#compte_gratuit_titre
{
	background-color:#544758;
}

.compte_premium
{
	background-color:#99CCFF;
}

.compte_gratuit
{
	background-color:#A594A9;
}

/*** TECHNOLOGIES ***/

#liste_technologies
{
	width:590px;
	margin:auto;
	text-align:center;
}

#liste_technologies td
{
	font-size:13px;
	padding:5px;
}

#liste_technologies th
{
	padding:5px;
}

#liste_technologies_cout
{
	width:50px;
}

#validation_technologie
{
	display:block;
	width:240px;
	margin:auto;
}

.description_technologie
{
	color:green;
	font-weight:bold;
}

.premium_uniquement
{
	font-style:italic;
}

/*** COFFRE ***/

#coffre
{
	width:590px;
	margin:auto;
}

#coffre td
{
	text-align:center;
	font-size:13px;
	padding:5px;
}

#coffre th
{
	text-align:center;
	padding:5px;
}

#coffre img
{
	width:30px;
}

/*** EFFECTIFS ***/

.liste_effectifs
{
	width:419px;
	margin:auto;
	text-align:center;
}


.liste_effectifs_gardiennes
{
	width:580px;
	margin:auto;
	text-align:center;
}

.liste_effectifs th, .liste_effectifs_gardiennes th
{
	padding:5px;
	font-size:10px;
}

.age
{
	width:216px;
}

#ouvrieres
{
	display:none; 
}

#butineuses
{
	display:none; 	
}

#gardiennes
{
	display:none;
}

.cliquer_effectifs
{
	width:300px;
	display:block;
	margin:auto;
	text-decoration:underline;
}

#valider_choix_specialite
{
	display:block;
	width:150px;
	margin:auto;
}

#choix_specialite
{
	display:block;
	width:220px;
	margin:auto;
	text-align:center;
}

#choix_specialite td, #choix_specialite th
{
	padding:3px;
}

#image_abeille
{
	float:left;
	margin-right:30px;
	position:relative;
	top:-30px;
}

/* Barre de progression */

dd
{
	margin:0;
	padding:0;
	width:216px;
	height:41px;
	background:url(images/bg_bar.gif) no-repeat 0 0;
	position:relative;
}

dd span
{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(images/bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}

dd em
{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(images/bg_cover.gif) repeat-x;
	top:0;
}

.progressBar
{
	width:216px;
	height:41px;
	background:url(bg_bar.gif) no-repeat 0 0;
	position:relative;
}

.progressBar span
{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bar.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}

.progressBar em
{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(bg_cover.gif) repeat-x 0 0;
	top:0;
}

/*** HOTEL DES VENTES ***/

#affichage_objets_vente
{
	width:400px;
	margin:auto;
	text-align:center;
}

#affichage_objets_vente input
{
	text-align:center;
}

#gerer_ventes
{
	margin:auto;
	text-align:center;
}

#gerer_ventes td, #gerer_ventes th
{
	padding:5px;
}

#validation_gerer_ventes
{
	display:block;
	width:250px;
	margin:auto;
}

/*** ETAT DE LA RUCHE ***/

#etat_ruche
{
	max-height:430px;
}

#ruche
{
	display:block;
	width:200px;
	margin:auto;
	position:relative;
	top:120px;
}

#bulle_messagerie, #bulle_reine, #bulle_effectifs, #bulle_alertes, #bulle_alliances, #bulle_butineuses, #bulle_technologies, #bulle_defense
{
	width:160px;
	height:60px;
	background-color:#CCFF33;
	border-radius:40px 40px;
	-moz-border-radius:40px;
	position:relative;
}

#bulle_messagerie p, #bulle_reine p, #bulle_effectifs p, #bulle_alertes p, #bulle_alliances p, #bulle_technologies p, #bulle_butineuses p, #bulle_defense p
{
	width:145px;
	position:relative;
	top:5px;
	left:8px;
	font-weight:bold;	
	text-align:center;
	font-size:14px;
}

#bulle_reine p
{
	top:10px;
}

#bulle_alertes p
{
	top:12px;
}

#bulle_messagerie
{
	top:140px;
	left:220px;
}

#bulle_reine
{
	bottom:210px;
	left:220px;
}

#bulle_effectifs
{
	bottom:125px;
	left:30px;
}

#bulle_technologies
{
	bottom:185px;
	left:400px;
}

#bulle_butineuses
{
	bottom:460px;
	left:45px;
}

#bulle_alertes
{
	bottom:340px;
	left:395px;
}

#bulle_alliances
{
	bottom:210px;
	left:395px;
}

#bulle_defense
{
	bottom:330px;
	left:45px;
}

/*** ALERTES ***/

#liste_attaques_entrantes, #liste_attaques_sortantes
{
	display:block;
	margin:auto;
	text-align:center;
}

#liste_attaques_entrantes
{
	width:360px;
}

#liste_attaques_sortantes
{
	width:480px;
}

#liste_attaques_entrantes td, #liste_attaques_entrantes th, #liste_attaques_sortantes td, #liste_attaques_sortantes th
{
	padding:3px;
}

#liste_attaques_entrantes td, #liste_attaques_entrantes th, #liste_attaques_sortantes td, #liste_attaques_sortantes th
{
	width:120px;
}

/*** ALVEOLE DE LA REINE ***/

#valider_nourrir_reine
{
	display:block;
	width:150px;
	margin:auto;
}

#image_reine
{
	float:left;
	margin-right:20px;
	position:relative;
	top:-20px;
}

/*** INFIRMERIE ***/

#soigner_abeilles
{
	display:block;
	margin:auto;
	margin-top:10px;
}

#liste_blesses
{
	display:block;
	width:197px;
	margin:auto;
	text-align:center;
}

#liste_blesses td
{
	padding:3px;
}

/*** ATTAQUER ***/

#liste_troupes
{
	width:220px;
	margin:auto;
	text-align:center;
}

#liste_troupes td, #liste_troupes th
{
	padding:3px;
}

/*** QUETES ***/

#quetes
{
	display:block;
	width:500px;
	margin:auto;
	text-align:center;
}