body {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	width: 758px;
	background: white;
}

strong,
.contenu_msg b {
	color: #22639a;
}

a {
	color: #a15a00;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #d87900;
}

a img {
	border: none;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

h1 {
	margin: 0px;
	width: 680px;
	height: 20px;
}
h5 {
	display: inline;
	margin: 0px 2px 0px 0px;
	font-weight: normal;
	font-size: 1em;
}

input, select, textarea, #EpozEditor {
	border: 1px solid #cccccc;
	background-color: #f5f5f5;
}
input:focus, input:hover, select:focus, select:hover, textarea:focus, textarea:hover, #EpozEditor:hover, #EpozEditor:focus {
	border: 1px solid #b9b9ff;
}
input.ok {
	border: none;
	background: url(../img/page/ok_0.png) no-repeat;
	width: 25px;
	cursor: pointer;
}
input.ok:hover, preload {
	background-image: url(../img/page/ok_1.png);
}

#deconnexion_joueur {
/*	position:absolute;
	z-index:2;
	left: 16px; */
	display: block;
	background-image: url(../img/page/deconnexion_0.png);
	height: 15px;
	width: 77px;
}
#deconnexion_joueur:hover, preload {
	background-image: url(../img/page/deconnexion_1.png);
}
#login {
	position:absolute;
	z-index:2;

	left: 16px;
	background-color: white;
	font-size: 10px
}
#login_nom {
	background: url(../img/page/login_nom.gif) no-repeat center left;
	padding-left: 73px;
}
#login_passe {
	background: url(../img/page/login_passe.gif) no-repeat center left;
	padding-left: 42px;
}
#login_ok {
	background: url(../img/page/login_ok_0.gif) no-repeat;
	border: none;
	width: 25px;
	cursor: pointer;
}
#login_ok:hover, preload {
	background-image: url(../img/page/login_ok_1.gif);
}

#banniere_pub {
	position: absolute;
	left: 760px;
	width: 120px;
	height: 600px;
}

#bandeau_gauche, #contenu {
	margin-top: 10px;
	margin-bottom: 10px;
}

#bandeau_gauche {
	float: left;
	width: 233px;
}

#contenu {
	margin-left: 233px;
	padding-left: 5px;
	padding-right: 5px;
}

#status,
#status_chat {
	background: #ffce7b url(../img/page/status.png) no-repeat 5px center;
	border: 1px solid #ffa500;
	font-weight: bolder;
	padding: 0.5em 1em 0.5em 3em;
	vertical-align: middle;
}
#status li,
#status_chat li {
	display: block;	
}
#status em
#status_chat em {
	font-size: smaller;
}

.boite {
	margin-bottom: 10px;
}
.boite_titre {
	padding: 5px;
	height: 17px;
	line-height: 17px;
	background: url(../img/page/boite_titre2.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #22639a;
}
.boite_contenu {
	padding: 10px 5px 10px 10px;
	border: 1px solid #fdd452;
	font-size: 10px;
}
.boite_legende {
	font-size: 9px;
	color: #666666;
	margin-bottom: 5px;
}
.boite_lien {
	display: block;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
	font-size: 11px;
}
.boite_defilement {
	overflow: auto;
	
	scrollbar-3dlight-color: #fdd452;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #fdd452;
	scrollbar-face-color: #fdd452;
	scrollbar-track-color: #000000;
	scrollbar-highlight-color: #fdd452;
	scrollbar-shadow-color: #fdd452;
}

.info_noisettes {
	font-size: 12px;
	padding-top: 15px;
}

.nb_noisettes {
	font-weight: bold;
	color: #22639A;
}

.ligne_paire,
.colonne_paire {
	background-color: #fef2dd;
}
.ligne_impaire,
.colonne_impaire {
	background-color: #ffffff;
}

.boite_titre3 {

	padding: 5px;
	height: 17px;
	line-height: 17px;
	background: url(../img/page/boite_titre3.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	color: #22639a;
}

.infobulle {
	display: none;
	width: 250px;
	position: absolute;
	border: 1px solid #22639a; 
	background-color: #ffffe1;
	font-size: small;
	cursor: help;
	z-index: 100;
}
.infobulle h5, .popup h5 {
	display: block;
	margin: 0px;
	padding: 0em 0.2em;
	background-color: #22639a;
	color: #ffffe1;
	font-weight: bolder;
}
.infobulle .description {
	padding: 0em 0.2em 0.2em 0.2em;
}

#masque {
	display: none;
 	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
/* 	height: 100%; */
	background: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
#masque:hover { 
	background-color: red;
}

body#popup_iframe {
	background: #fdebb4;
	border: 2px solid #ffffff;
	padding: 2px;
	width: 360px;
	height: 210px;
}

#iframe, .popup, preload {
	display: none;
 	z-index: 2;
	position: absolute;
}
#iframe, .popup iframe {
	background: white url(../img/page/fond_attente.gif) no-repeat center;
}

#iframe {
	width: 368px;
	height: 218px;
}

.popup h5, preload {
	cursor: move;
	margin-right: 19px;
	background: #2f67a2 url(../img/page/bordure.png) repeat-x;
	line-height: 19px;
	font-size: 14px; 
}

.popup .fermer, preload {
	position: absolute;
	background-image: url(../img/page/bordure_fermer.png);
	top: 0px;
	right: 0px;
	width: 19px;
	height: 19px;
}

.popup iframe {
	height: 100%;
	width: 100%;
}

#popup_intro iframe {
	width: 550px;
	height: 300px;
}
#popup_personnage iframe {
	width: 670px;
	height: 510px;
}
#popup_actions iframe {
	width: 380px;
	height: 440px;
}
#popup_inventaire iframe {
	width: 650px;
	height: 530px;
}

#popup_lancer_campagne iframe {
	width: 555px;
	height: 350px;
}
#popup_recherche_perso {
	width: 400px;
	height: 400px;
}

#popup_nouveau_message iframe,
#popup_message_envoye iframe,
#popup_message_recu iframe {
	width: 450px;
	height: 400px;
}

#popup_banque_manger iframe, 
#popup_banque_laver iframe,
#popup_banque_soigner iframe,
#popup_banque_infos iframe,
#popup_banque_hiberner iframe,
#popup_banque_sms_credits iframe,
#popup_banque_sms_noisettes iframe,
#popup_banque_sms_alertes iframe {
	width: 500px;
	height: 500px;
}

#popup_banque_allopass iframe {
	width: 500px;
	height: 550px;
}

#popup_banque_ticketsurf iframe {
	width: 500px;
	height: 550px;
	background: white;
}

.defaut_text {
	font-size: 12px;
	color: #22639A;
	font-weight: bold;
}

.clear {
	display: block;
	clear: both;
}

.infos_perso .visuel,
.visuel_perso {
	position: relative;
	width: 190px;
	height: 195px;
}
.infos_perso .visuel div,
.visuel_perso div {
	position: absolute;
}
.miniature .infos_perso .visuel,
.miniature .visuel_perso {
	width: 133px;
	height: 136px;
}
.panneau_a_venir {
	background: url(../img/page/panneau_avenir.jpg) no-repeat center center;
	width: 200px;
	height: 80px;
}
.sms_masque {
	display: none;
}
.sms_1-50 {
	background: url(../img/banque/logo_smsplus_1-50.png) no-repeat center;
	margin: 15px;
	height: 46px;
}
.sms_0-50 {
	background: url(../img/banque/logo_smsplus_0-50.png) no-repeat center;
	height: 88px;
	margin: 15px;
}

.ordre {
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}
.ordre.decroissante {
	background-image: url(../img/page/ordre_decroissant_0.png);
}
.ordre.decroissante:hover,
.ordre:hover, preload {
	background-image: url(../img/page/ordre_croissant_1.png);
}
.ordre.croissante {
	background-image: url(../img/page/ordre_croissant_0.png);
}
.ordre.croissante:hover, preload {
	background-image: url(../img/page/ordre_decroissant_1.png);
}