/* *******************************************************************
	STYLES PERSONNALISES
******************************************************************* */

/*INDEX*/
button.btn_gd {height:45px; padding:0 3px; text-align:center; vertical-align:middle; background:url('../img/theme/btn_45.gif') repeat; border:#1BBFF9 2px solid; -moz-border-radius:10px; border-radius:10px; cursor:pointer; margin:2px; font-size:20px; font-weight:bold; text-decoration:none;}
button.btn_gd:hover {border:#D8AD00 2px solid;}

#intro {width:100%;}
#intro TD {vertical-align:top; padding:5px;}

/*DAUPHIN*/
#shop_use {width:550px; height:186px; background:url('../img/theme/shop_use.png');}
#shop_use TD {vertical-align:top;}
#shop_use TABLE {width:100%; height:100%;}
#shop_use_soigner {padding:60 5 5 15px; width:275px;}
#shop_use_divertir {padding:60 5 5 10px; width:275px;}

#dauphin_entete{height:122px; width:780px; margin-bottom:20px; background:url('../img/theme/fond_entete.png') no-repeat;}
#dauphin_entete td{vertical-align:top;}

div.info_entete {background:url('../img/theme/info_entete.png'); height:70px; width:75px; text-align:center; margin:5px; padding-top:5px; font-weight:bold; float:left; cursor:pointer;}
div.info_entete:hover{opacity:0.6;}

/*DOMPTEUR*/
#dompteur TD{padding:10px; vertical-align:top; width:50%;}
.niveauDompteur {background:url('../img/theme/parch_open.png') no-repeat; width:50px; height:50px; text-align:center; float:left; padding-top:15px; font-weight:bold; font-size:20px;}

/*AVATAR*/
#lstAvatar TD{padding:10px; text-align:center;}

/*MESSAGERIE*/
A.a1 {color:#EEEEEE; text-decoration:none;}

/*AQUARIUM*/
#aquarium{margin:10px;}
#aquarium TD{width:50%; padding:5px; vertical-align:top;}

/*ASSISTANT*/
#assistant{width:100%; margin:10px;}
#assistant TD{padding:5px; vertical-align:top;}
#ass_menu TD{text-align:center;}
#ass_menu button {width:90px; text-align:center;}

/*CLASSEMENT*/
#classement_haut{width:100%; margin:10px;}
#classement_haut TD{padding:5px; vertical-align:top;}
#chiff_classement{font-size : 20px;}
#chiff_classement_n1{font-size : 30px; color:red;}
#chiff_classement_n2{font-size : 28px; color:#D9B526;}
#chiff_classement_n3{font-size : 24px; color:#23748A;}
#place_dsle_classement{font-size: 24px; font-weight:bold; font-style:italic; color:#FFF;}

TABLE.classement TH{background:#EFEFEF url('../img/theme/header_trans.png') repeat-x bottom; padding:5px; font-weight:bold; border-bottom:#CDCDCD 0px solid; border-top:#CDCDCD 1px solid;}
TABLE.classement TH.numDauphin{width:2%;}
TABLE.classement TD.numDauphin{width:2%;}
TABLE.classement TH.nomDauphin, TD.nomDauphin{width:90%;}
TABLE.classement TH.infosDauphin{width:2%;}
TABLE.classement TD.infosDauphin{width:2%;text-align:center;}
TABLE.classement TR TD{width:100%; background:url('../img/theme/fond_blanc.png');}
TABLE.classement TD{border:#eee 0px solid; padding:5px; width:25%;}
TABLE.classement TR:hover{background:url('../img/theme/fond_turquoise.png')}
TABLE.classement TR.impair TD {background:url('../img/theme/fond_gris.png');}

/*ANIMALERIE*/
TABLE.animalerie_haut {width:100%;}
TABLE.animalerie_haut TD{border:#000 0px solid; padding:5px; width:33%; text-align:center; background-color:#d8ad00;}
TABLE.animalerie_haut TD:hover{background-color:#cdcdcd;}
TABLE.animalerie {width:100%; background:url('../img/theme/fond_bleu.png')}
TABLE.animalerie TD{border:#eee 0px solid; padding:5px; width:25%;}
TABLE.animalerie TD:hover{background:url('../img/theme/fond_turquoise.png')}
A.animalerie,A.animalerie:link,A.animalerie:visited { color : #5282bb; text-decoration : none; cursor:pointer;}
A.animalerie:hover {color : #1BBFF9; text-decoration : overline;}

/*MARCHE*/
TABLE.marche {width:200px; border:#56b488 1px solid; margin:0 0px;}
TABLE.marche TD{background:url('../img/theme/fond_vert.png'); text-align:center;}
TABLE.marche TD.effets{text-align:left;}
TABLE.marche TD.impair, TABLE.marche TR.impair TD {background:url('../img/theme/fond_vert2.png');}
TABLE.effets_marche {width:100%;}
TABLE.effets_marche TD{text-align:left; white-space:nowrap;}
TABLE.effets_marche TD.points {color:#B01B0E; text-align:center;}

/*METIER*/
#metier_tab{width:100%;}
#metier_tab td{width:33%; padding:3px; vertical-align:top;}
#metier_tab li{list-style:inside square;}
#metier_tab div.enSavoirPlus {display:none; margin:10px 0px;}

/*AIDE*/
#table_aide {width:100%}
#table_aide TH {background:#D8AD00; padding:5px; font-size:18px; font-weight:bold; text-align:left;}
#table_aide TD {padding:5px; text-align:justify;}

/*GOODIES*/
#goodies TD{padding:10px;}

/*CONCOURS*/
#loto {width:100%;}
.loto_grille TD {width:50px; height:50px; background:#D8AD00; -moz-border-radius:10px; border-radius:10px; text-align:center; vertical-align:middle; font-size:20px; font-weight:bold; cursor:pointer; opacity:0.9;}
.loto_grille TD:hover {background:#5282BB;}
.loto_cell TD {width:50px; height:50px; background:#5282BB; -moz-border-radius:10px; border-radius:10px; text-align:center; vertical-align:middle; font-size:20px; font-weight:bold; opacity:0.9;}

/* *******************************************************************
	STYLE DES ACTIVITEES
******************************************************************* */

/*GENERALITES*/
FONT.activite_titre{color:#5282BB; font-size:22px;}
FONT.activite_description{color:#676767;}

/*EXPLORATEUR*/
#carte_explorateur TD{border:#CDCDCD 1px solid; width:20%; height:20%;}
#carte_explorateur TD:HOVER{background:url('../img/theme/transparent_blanc.png');}

/*QUIZZ*/
button.btn_quizz {width:400px; height:25px; padding:0 3px; text-align:center; vertical-align:middle; background:url('../img/theme/btn_45.gif') repeat 50%; border:#1BBFF9 1px solid; -moz-border-radius:5px; border-radius:5px; cursor:pointer; margin:2px; font-size:16px; font-weight:bold; text-decoration:none;}
button.btn_quizz:hover {border:#D8AD00 2px solid;}

/*COURSE*/
#course_choix {cursor:pointer;}
.course_barre_score {margin-left:10px; padding-right:5px; text-align:right; height:21px; vertical-align:middle; background:url('../img/theme/btn.gif') repeat; border:#1BBFF9 1px solid; -moz-border-radius:5px; border-radius:5px; font-weight:bold; text-decoration:none;}

/*NOMBRE MYSTERE*/
#nb_mystere_tab{width:500px; margin-left:auto; margin-right:auto; border-collapse:separate; border-spacing:2px;}
#nb_mystere_tab td {width:50px; height:50px; text-align:center; vertical-align:middle; border:#CDCDCD 2px solid; -moz-border-radius:5px; border-radius:5px;}
#nb_mystere_tab td.on {background:#5282BB; color:#D8AD00; font-size:25px; cursor:pointer;}
#nb_mystere_tab td.on:hover {border:#1BBFF9 2px solid;}
#nb_mystere_tab td.off {background:#CDCDCD; color:#565656; font-size:25px;}

/* *******************************************************************
	STYLE DES EVENEMENTS
******************************************************************* */

/*Calendrier de l'avent*/
#avent_cadeau{display:none; cursor:pointer;}
#avent_calendrier td {width:120px; height:120px; border:#D8AD00 3px solid; text-align:center;}
#avent_calendrier td.on{background:url('../img/evenement/avent_case.png') right; vertical-align:bottom; font-size:20px; font-weight:bold; color:#DD0000;}
#avent_calendrier td.off{background:url('../img/evenement/avent_case.png') left; cursor:pointer; vertical-align:middle;}
#avent_calendrier td.off:hover{background:url('../img/evenement/avent_case.png') center;}
#avent_calendrier *{font-size:18px; font-weight:bold; color:#EFEFEF;}
#avent_calendrier font.jour{font-size:50px; color:#D8AD00;}

/* *******************************************************************
	STYLE ESPACE PRESSE
******************************************************************* */

#presse_articles {width:100%;}
#presse_articles td{margin:5px; text-align:center; vertical-align:middle;}
#presse_articles td img {width:250px; max-height:150px;}