.small_font td{
    font-size: 9pt;
}

.small_help_link{
    font-size: 9pt;
}

.small_font th{
    font-size: 10pt;
}

/* help */
.smhelpBox { /* -> /www/css/ie.css */
    display: block;
/*    display: none; */
    margin: auto;
/*    margin: 0px 20px 5px 35px; */
    margin: 0px 20px 0px 35px;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: 3px solid #ccc;
}

.smhelpBoxOff { /* -> /www/css/ie.css */
/*    display: block; */
    display: none;
    margin: auto;
/*    margin: 0px 20px 5px 35px; */
    margin: 0px 20px 0px 35px;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-left: 3px solid #ccc;
}


.smhelp {
    display: block ;
    margin: auto;
    text-align: left;
}

.smRealHelpBoxOff { /* -> /www/css/ie.css */
/*    display: block; */
    display: none;
    margin: auto;
/*    margin: 0px 20px 5px 35px; */
    margin: 0px 20px 0px 35px;
    padding: 5px;
/*    background-color: #eee; */
    border: 1px solid #ccc;
/*    border-left: 3px solid #ccc; */
    background: url("/img/design/bg.gif");
}

.smRealHelp {
    display: block ;
    margin: auto;
    text-align: left;
    font-size: 9pt;
}

/*** LOGIN BOX ***/

.login {
    width: 590px;
    height: 24px;
    padding-top: 3px;
    margin-bottom: 5px;
    background: url("/img/design/loginBg.gif") ;
}

.login form {
    padding: 0px;
    margin: 0px;
}

.login input.text {
    width: 90px;
    height: 18px;
}

.login .label {
    font-size:12pt;
    margin-top:-15px;
    vertical-align: top;
}

.login .submit {
}

.login span.button {
    vertical-align: middle; /* www/css/ie.css */
}


/*** TABLES ***/


td.centerPane table {
    border: 3px solid #DBD1EF;
    margin: auto;
    border-collapse: separate;
    border-spacing: 3px;
    width: 100%;
}

td.centerPane th {
    background: #baa7e1;
    border: 0px ;
    color: white;
    text-transform: capitalize;
    vertical-align: top;
}

td.centerPane td {
    padding: 3px;
    border: 0px;
    background: #dacfef;
}

.admin td.centerPane tr td:first-child, td.centerPane td.important {
    background: #baa7e1;
    text-align: center;
    color: white;
    font-weight: bold;
}


td.centerPane .layout, td.centerPane .layout td, td.centerPane .layout tr, td.centerPane .layout th {
    border: none;
    background: none;
    padding: 0px;
}

td.centerPane .layout {
	border-collapse: collapse;
}

.blabla {
    font-style: italic;
    padding-left: 50px;
    /* border: 1px solid black; */
    padding-top: 0px;
}



td.centerPane table.def, td.centerPane table.def th, td.centerPane table.def td {
    border: none;
    background: none;
    vertical-align: top;
    border-collapse: collapse;
    text-transform: none;
    margin: 0px;
}

td.centerPane table.def th {
    width: 30%;
    color: #A48BD8;
}

/*** MAILS ***/

.mails tr {
}

.mails tr.read {
    font-weight: normal;
}

.mails tr.read a {
    font-weight: normal;
}

.mails .date {
    font-size: 8pt;
}

.resume {
    font-weight: bold;
    color: #866DBA;
}


/*** MISC ***/

A {
    color: #7e68ae;
    text-decoration: underline;
}

A.clean {
    font-weight: bold;
    text-decoration: none;
}

A:hover {
    color: #a99ac9;
    text-decoration: underline;
}

A.unknown {
    color:red;
}

.center {
    text-align: center;
    margin: auto;
}

a img {
    border: none;
}

H2, H3, H4, H5 {
    clear: both;
    word-break: break-all;
    overflow: hidden;
}

H1 {
    margin: 0px 0px 10px 10px;
}

H2 {
    color: #a897d5;
    font-size: 14pt;
    height: 29px;
    margin: 0px 0px 5px 0px;
    text-align: left;
    background-image: url("/img/design/dotLine.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
}

H3 {
    color: #A897D5;
    font-size: 12pt;
    height: 25px;
    margin: 0px 0px 5px 20px;
    padding: 0px;
    text-align: left;
    background-image: url("/img/design/dotLine_small.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}

H1 a, H2 a, H3 a {
    text-decoration: none;
}

H1 a {
    color: #DBD1F8;
}

H1 a:hover, H2 a:hover, H3 a:hover {
    text-decoration: none;
}
H1 a:hover {
    color: white;
}


P {
    margin: 0px 0px 10px 0px;
}


#corporate {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 8pt;
    color: white;
    text-transform: capitalize;
}

#corporate A {
    color: #9E640C;
}

span.pat, span.pat a {
    font-weight: bold;
    text-decoration: none;
    color: black;
}

span.pat a:hover {
    text-decoration: none;
}

span.pat img {
    margin: 0px 0px 0px 2px;
    vertical-align: top;
}


.loading {
    background-image: url("/img/design/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
}

HR {
    clear: both;
    width: 95%;
    height: 2px;
    border: 1px solid #D1C5EB;
    margin: 5px auto 5px auto;
    padding: 0px;
    text-align: center;
}


.back {
    cursor: hand;
    text-align: center;
    height: 50px ;
    background-image: url("/img/icons/back.gif");
    background-repeat: no-repeat;
    background-position: center 18px;
    display: block;
}

a.back:hover {
    text-decoration: none;
}


.clear {
    clear: both;
    height: 1px;
    font-size: 0pt;
    line-height: 0pt;
}

.gender {
    font-size: 9pt;
    color: #8F7ABA;
}

.gender img {
    vertical-align: bottom;
}

.genderPic {
	vertical-align: middle;
}


.nannyLink img {
    vertical-align: top;
}


td table.rabbitFriends {
    margin-bottom: 20px;
}

td table.rabbitFriends .happiness {
    width: 50px;
}


td table.rabbitFriends .gain {
    width: 87px;
}


td table.rabbitFriends .hasPapouilled {
    width: 75px;
}

td table.rabbitFriends .doPapouille {
    width: 70px;
}

.caps {
    text-transform: capitalize;
}


.meteo {
    margin-bottom: 10px;
    min-height: 50px; /* /www/css/ie.css */
}
.meteo .anim {
    float: left;
    margin-right: 20px;
}


.mailLink {
}

.mailLink .count a {
    color: red;
}


.modIcon {
    font-weight: bold;
}


ul.conflicts {
    list-style: none;
}

ul.conflicts li {
    font-size: 10pt;
}

ul.conflicts li a {
    font-size: 12pt;
}

.gray {
    color: #999;
}

.floatLeft {
	float: left;
	position: relative;
}

.floatRight {
	float: right;
	position: relative;
}


/*** ACKNOWLEDGES ***/

.warning {
    color: red ;
    font-size: 10pt;
}

.do {
    color: #997DD2;
    font-size: 10pt;
}

.prize {
    color: #997DD2;
    font-size: 9pt;
}

div.error, div.success {
    height: auto;
    min-height: 48px; /* www/css/ie.css */
}

div.error {
    color: red;
    font-weight: bold;
    border-top: 3px solid #baa7e1;
    border-bottom: 3px solid #baa7e1;
    padding: 1px 0px 3px 50px;
    margin-bottom: 10px;

    background: url("/img/icons/large_no.gif") ;
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

div.success {
    color: #997DD2;
    font-weight: bold;
    border-top: 3px solid #baa7e1;
    border-bottom: 3px solid #baa7e1;
    padding: 1px 0px 3px 50px;
    margin-bottom: 10px;

    background: url("/img/icons/large_yes.gif") ;
    background-position: 3px 4px;
    background-repeat: no-repeat;
}


div.success a {
    text-decoration: underline;
}



/*** JAUGE ***/
.bar {
    float: left;
    clear: left;
    height: 18px;
    margin-top:4px;
    line-break: nowrap;
}

.bar .gfx, .bar .barValue {
    float: left;
}
.bar .barValue {
    margin-top: 0px;  /* www/css/ie.css */  /********* A VERIFIER SOUS IE 6 ***/
    margin-left: 5px;
    color: #6B55A8;
    font-size: 9pt;
    width: 45px;
    font-family: courier, system;
}

.bar .critical {
    color: red;
}

p .bar {
    margin-top: -10px;
}


/*** LAPINS ***/

.rabbit .pic {
    float: left; position:relative;
    background-color: white;
    background-image: url("/img/design/corner.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 12px;
}


.rabbit .pic img {
    border: 1px solid #ccc;
}



.rabbit fieldSet {
    float: right; position:relative;
    border: 1px solid #baa7e1;
    margin: 0px 0px 10px 0px;
    padding:0px;
}

.rabbit fieldSet legend {
    color: #9578D1;
    font-size: 8pt;
    font-weight: bold;
}

.rabbit fieldSet.infos {
    width: 234px;
    margin-right: 10px;
}

.rabbit fieldSet.general {
    width: 100px;
}

.rabbit fieldset.infos, .rabbit fieldset.general {
    height: 112px;
}

.rabbit fieldset.stats {
    width: 350px;
}

.rabbit fieldSet.items, .rabbit fieldSet.gadgets {
    clear: both;
    float: none;
    width: 100%;
}

.rabbit fieldSet.friends {
    float: none;
    width: 100%;
}

.rabbit fieldSet.friends .friendsContent {
    padding: 0px 10px 10px 60px;
    background-repeat: no-repeat;
    background-position: 10px top;
    background-image: url("/img/icons/large_friends.gif");
    color: #947CC5;
}

.rabbit fieldSet.general {
    text-align: center;
}

.rabbit fieldSet.general img {
    margin: 3px 0px 0px 0px;
    padding: 0px;
    width: 70px;
    height: 70px;
}

.rabbit fieldSet.general p {
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    color: #836FBD;
}

.rabbit .row {
    clear: left;
    margin: 0px 10px 0px 10px;
    min-height: 22px;
}

.rabbit .skillRow {
/*    float: right;*/
    margin: 0px 10px 0px 10px;
    min-height: 22px;
}

.rabbit .row .label, .rabbit .row .value {
    float: left;
}

.rabbit .row .label  {
    text-align: left;
    font-size: 11pt;
    color: #A48BD8;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

.rabbit .skillRow .label {
    text-align: left;
    font-size: 11pt;
    color: #A48BD8;
    font-weight: bold;
    margin: 0px 0px 5px 35px;
}

.rabbit .skillRow .value a {
    font-size: 10pt;
}

.rabbit .skillRow .action {
    width: 80px;
    float: right;
    text-align: center;
}

.rabbit .skillRow .actionDone {
/*    width: 80px;*/
    float: right;
    text-align: center;
    font-size: 9pt;
    color: #00AA00
}

.rabbit .skillRow .value .block {
    float: left;
    margin: 0px 0px 5px 5px;
}

.rabbit .row .value {
    width: 65%;
}

.rabbit .row .value a {
    font-size: 10pt;
}

.rabbit .row .row .value .block {
    float: left;
}

.rabbit .row .value .action {
    width: 80px;
    float: right;
    text-align: center;
}

.rabbit fieldSet.infos .row .label {
    width: 80px;
}
.rabbit fieldSet.infos .row .value {
    width: 130px;
}


.rabbit fieldSet.stats .row .label {
    width: 80px;
}
.rabbit fieldSet.stats .row .value {
    width: 240px;
}
.rabbit fieldSet.stats .row .action {
    width: 100px;
}

.rabbit fieldSet.stats .row .docIcon {
    vertical-align: middle;
    text-decoration: none;
}

.rabbit fieldSet.items .skill {
    height: 50px;
    margin-left: 15px;
    padding-top: 5px;
}

.rabbit fieldSet.items .swf {
    float: left;
}

.rabbit fieldSet.items .cat {
    background-repeat: no-repeat;
    background-position: left center;
    height: 50px;
    margin-left: 10px;
    padding-left: 40px;
}

.rabbit fieldSet.items .home { background-image: url("/img/icons/large_home.gif"); }
.rabbit fieldSet.items .ratelier { background-image: url("/img/icons/large_foin.gif"); }
.rabbit fieldSet.items .water { background-image: url("/img/icons/large_water.gif"); }
.rabbit fieldSet.items .travel { background-image: url("/img/icons/travel.gif"); }

.rabbit fieldSet.items .row .label {
    width: 140px;
}
.rabbit fieldSet.items .row .labellong {
    width: 180px;
}
.rabbit fieldSet.items .row .value {
    width: 350px;
}


.rabbit fieldSet.gadgets .row .label {
    width: 290px;
}
.rabbit fieldSet.gadgets .row .value {
    width: 250px;
}

.rabbit fieldSet.gadgets .itemPic {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.rabbit fieldSet.gadgets hr {
    margin-bottom: 5px;
}


div.veggie img {
    vertical-align: middle;
}
td table.veggie {
    width: 75%;
}
td table.veggie td {
    text-align: left;
}


/*** AFFICHAGE R�SUM� D'UN LAPIN ***/

.rabbitSummary {
    float: left; position: relative;
    font-size: 10pt;
    padding-bottom: 5px;
    margin: 0px 8px 15px 8px;
    width: 165px;
    border: 2px solid #baa7e1;
    height: 170px;
}

.rabbitSummary .pic, .rabbitSummary .general {
    width: 70px;
    height: 70px;
    margin-top: 3px;
    border: 1px solid #d2c6ec;
    font-size: 0pt;
    line-height: 0pt;
}

.rabbitSummary .pic {
    margin-left: 3px;
    text-align: center;
    background-color: white;
}
.rabbitSummary .general {
    margin-right: 3px;
}

.rabbitSummary .pic img, .rabbitSummary .general img {
}

.rabbitSummary .pic {
    float: left;
}
.rabbitSummary .general {
    float: right;
}

.rabbitSummary .pic img {
}

.rabbitSummary .unknown {
    background-image: url("/img/icons/unknown.gif");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    border: 1px solid #d2c6ec;
}


.rabbitSummary .infos {
    clear: left;
    margin: 0px 5px 0px 5px;
    height: 80px;
}

.rabbitSummary .name {
    text-align: center;
    font-size: 15pt;
}

.rabbitSummary .row {
    clear: left;
    height: 23px;
}

.rabbitSummary .row .label {
    float: left;
    width: 45px ;
}

.rabbitSummary .row .value {
    float: right;
    font-size: 0pt ;
}

.rabbitSummary p {
    text-align: center;
    margin: 5px;
    clear: left;
}

.rabbitSummary p.free {
    font-style: italic;
}


/*** AIDE ***/

.helpBox {
    text-align: center;
}
.helpBox p {
    font-size: 9pt;
    color: #7863b1;
    line-height: 9pt;
    text-align: center;
    margin-top: 3px;   /* /www/css/ie.css */
    width: 95%; /* Mozilla width patch : /www/css/ie.css */
}

.helpBox .helper {
    border: 1px solid #baa7e1;
    width: 100px;
    height: 100px;
}


.helpBox .link {
    border-top: 2px solid #baa7e1;
    padding-top: 5px;
    margin-bottom:5px;
}

.helpBox .link a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 13pt;
}



/*** FICHE D'ITEM ***/

.item {
    margin: auto;
    width: 340px; /* /www/css/ie5.css */
    padding: 5px;
    border: 2px solid #d3bcfe;
    text-align: left;
}

.item .leftPane {
    float: left;
    width: 70px;
}

.item .leftPane .teaser {
    width: 70px;
    height: 70px;
}


.item .descPane {
    float: right;
    width: 257px;
}

.item .price, .item .buy {
    background-color: #d1bafe;
    padding-top: 2px;
    margin-top: 3px; /* /www/css/ie.css */
    text-align: center;
    height: 22px;
}

.item .price .pat a {
    color: white;
}

.item .buy {
  line-height: 0pt;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 0pt;
}

.item .name {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 3px;
    color: #9D68DD;
    border-bottom: 3px solid #d3bcfe;
}

.item .desc {
    color: #614B8D;
    font-size: 10.5pt;
}


.itemLinks {
    text-align: center;
    border-top: 2px solid #d3bcfe;
    border-bottom: 2px solid #d3bcfe;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.itemLinks p {
    margin: 0px;
    padding: 0px;
}



.postcard {
    background-image: url("/img/design/back_travel.gif");
/*    border: 1px solid red;*/
}


/*** SPA ***/

.spaRabbit {
    float: left; position: relative;
    width: 270px;
    border: 2px solid #ccbee9;
    margin-right: 5px;
    margin-bottom: 10px;
/*    height: 140px;*/
}

.spaRabbit .leftPane {
    float: left;
    width: 100px;
    margin: 3px 3px 3px 3px;
    height: 140px;
}

.spaRabbit .softPane {
    float: left;
    width: 100px;
    margin: 3px 3px 3px 3px;
}

.spaRabbit .leftPane img {
    width: 90px;
    border: 1px solid #baa7e1;
}

.spaRabbit .rightPane {
    float: right;
    width: 150px;
    height: 100px;
    margin: 3px 3px 3px 0px;
}

.spaRabbit .name {
    font-size: 10pt ;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    background-color: #baa7e1;
}

.spaRabbit .gender strong {
    color: black;
}

.spaRabbit .race, .spaRabbit .age {
    font-size: 9pt;
}

.spaRabbit .link {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin-right: 3px;
    margin-bottom: 5px;
}
.spaRabbit .link a {
    font-size: 10pt;
}
.spaRabbit .link img {
    vertical-align: text-top;
}
.spaRabbit .health, .spaRabbit .happiness {
    float: left;
    width: 75px;
}
.spaRabbit .health .bar, .spaRabbit .happiness .bar {
    margin-top: 0px;
}

.spaRabbit p {
    margin: 0px 0px 0px 2px;
    padding: 0px;
}



/*** DOCUMENTS ***/

#document p {
    margin-left: 20px;
}


/*** FICHE UTILISATEUR ***/

.userInfos {
    margin-bottom: 20px;
}

.userInfos .avatar {
	float: left;
	position: relative;
	border: 1px solid #baa7e1;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
}


.userInfos .avatar object, .userInfos .avatar embed {
	margin: 0px;
	padding: 0px;
}

.userInfos .info {
    float: left; position: relative;
    width: 240px;
}

.userInfos .label {
    float: left; position: relative;
    width: 80px;
    font-weight: bold;
    color: #74649f;
}


.friendList {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 5px;
}

.friendList li {
    float: left;
    position: relative;
    font-size: 9pt;
    height: 18px;
    width: 120px;
}

.friendList img {
    vertical-align: middle;
}

.friendList .isFriend {
    color: gray;
}

.actions {
    clear: both;
    list-style: none;
    margin: 0px ;
    padding: 0px;
}

.actions li {
    float: left; position: relative;
    width: 80px;
    margin-right: 5px;
    text-align: center;
}

.actions li a {
    text-decoration: none;
    font-weight: bold;
}

.actions img {
    margin-top: 3px;
}



/*** SWF MOVIE ***/

.swf object, .swf embed {
    margin: 12px auto 0px auto;
    padding: 0px;
}

.embed-trankil embed {
    margin: 0px auto 0px auto;
    padding: 0px;
    float: left;
}

.flashPlayer {
    margin-top: 15px;
    text-align: center;
}
.flashPlayer p {
    margin: auto;
    width: 400px;
    text-align: center;
    color: #9A83CB;
    font-size: 8pt;
    line-height: 10pt;
    margin: 0px;
    padding: 0px;
}



.houseItems {
    margin-top: 15px;
}
.houseItems ul {
    margin: 0px 0px 0px 30px;
    padding: 0px;
    list-style: square;
}
.houseItems li {
    margin: 0px;
    padding: 0px;
}


.eventPic {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 20px;
}



/*** JARDIN POTAGER ***/

td .gardenHome table {
    width: 75%;
}

td .gardenHome td {
    text-align: center;
}



.parcel .show {
    width: 270px;
    height: 300px;
    float: left;
    border: 1px solid #baa7e1;
    margin-right: 5px;
}

.parcel .desc {
}

.parcel .desc ul {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}

.parcel .desc li.icon {
    float: left; position: relative;
    text-align: center;
    width: 100px;
}

.parcel .desc li.link {
    float: left; position: relative;
    width: 50px;
    height: 50px;
    background-image: url("/img/garden/arrow.gif");
    background-position: center center;
    background-repeat: no-repeat;
}


.parcel .treeSection {
}

.parcel .swf {
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
    float: left; position: relative;
}

.parcel .swf object {
    margin: 0px;
    padding: 0px;
}

.parcel .treeSection {
    float: right; position: relative;
    border-left: 2px solid #DDD5F0;
    padding-left: 17px;
    width: 260px; /* /www/css/ie5.css */
    height: 210px;
    margin-top: 10px;

}

.parcel .tree {
    width: 250px;
    height: 200px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}

.parcel .tree .lines {
    background-image: url("/img/garden/treeLines.gif");
    background-position: center top;
    background-repeat: no-repeat;
    height: 32px;
}


.parcel .tree .child1 {
    float: left;
    width: 75px;
}


.parcel .tree .child2 {
    float: right;
    width: 75px;
}


.audiotel fieldset .number {
    margin-left: 30px;
    font-weight: bold;
    font-size: 18pt;
}

.audiotel .cost {
    margin-left: 30px;
    font-size: 10pt;
    color: #715FA7;
}

.audiotel .warning {
    font-size: 10pt;
    margin-left: 10px;
    margin-right: 10px;
}

.audiotel h2 img {
    border: 1px solid #baa7e1;
    vertical-align: top;
}


.countryList {
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 20px;
    background-image: url(/img/design/bg_bank.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.countryList_es {
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 20px;
    background-image: url(/img/design/bg_bank_es.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.countryList li {
    margin-bottom: 10px;
}

.countryList img {
    vertical-align: bottom;
    border: 1px solid black;
}

.countryList .cb img {
	border: none;
}
.countryList .cb {
}

.baseActions {
    width: 45%;
    float: left; position: relative;
    margin-bottom: 15px;
}

.advActions {
    width: 45%;
    float: right; position: relative;
}

.homeMenu {
    font-size: 11pt;
    line-height: 13pt;
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

.homeMenu li {
    padding-left: 10px;
}

.homeMenu .important {
    font-weight: bold;
}


.adminMenu a {
    font-weight: bold;
    text-decoration: none;
}



/*** INVENTAIRE ***/

.inventory {
    text-align: center;
}

.inventory p {
    text-align: left;
}

.inventory .itemPic {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

td .inventory table {
    margin: auto;
    width: 75%;
    text-align: left;
}

td .inventory td.itemName {
   font-weight: bold;
}

td .inventory td.used {
}

td .inventory td.free {
    background-color: #E0D6F5;
}

td .inventory td.free a {
    color: #9683BC;
}



.navFooter {
    margin-top: 15px;
    margin-bottom: 10px;
    border-top: 2px solid #baa7e1;
    font-size: 8pt;
    text-align: right;
}

.navFooter .links {
    color: #9e8eca;
}

.navFooter .pageList {
    color: black;
}



/*** BARRE DE MENU ***/

.topMenu {
    margin: 0px auto 5px auto;
    text-align: center;
}

.topMenu, .topMenu .header, .topMenu .menuContent, .topMenu .footer .shoutBoxContent {
    width: 870px;
}

.topMenu .header, .topMenu .footer {
    font-size: 0pt;
    line-height: 0pt;
    background-position: left top;
}

.topMenu .menuContent .shoutContent{
    height: 90px;
}

.topMenu .shoutContent {
	padding-top: 2px;
}

.topMenu .menuContent td {
	width: 80px;
	padding-top: 0px;
    text-align: center;
}

.topMenu .menuContent td div span {
	margin-top: -6px;
}

.topMenu .header {
    background-image: url(/img/design/menu_bg_header.gif) ;
    height: 8px;
}
.topMenu .footer {
    background-image: url(/img/design/menu_bg_footer.gif) ;
    height: 7px;
}

.shoutContent {
    background-color: #eae3fa;
}

.topMenu .menuContent {
    background-color: #eae3fa;
}


.topMenu a {
	font-size: 10pt;
	font-weight: bold;
    /*color: #ff8000;*/
    text-decoration: none;
}

.topMenu a:hover {
	color: black;
}

.topMenu a:hover img {
    text-decoration: none;
}

.topMenu .unread {
    color: red;
    font-weight: bold;
}



/*** NOUVEAUT�S ***/

.news {
    padding-left: 20px;
}

.news .icon {
    float: left; position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #baa7e1;
}

.news .desc {
    font-size: 10pt;
    color: #816DBA;
}

.news .archives {
    text-align: right;
    font-size: 10pt;
}

.news .title {
    clear: both;
    background-image: url(/img/design/dotLine_small.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 26px;
    margin-bottom: 5px;
}

.news .title p {
    float: left;
    margin: 0px;
    color: #ac9dd2;
    font-weight: bold;
}

.news .title .date {
    font-size: 10pt;
    text-transform: capitalize;
    color: #a091cc;
    float: right;
}

.news h3 {
    margin-left: 0px;
}

.news .title .unread {
    color: red;
}

.unreadNews .desc {
    color: black;
}

.unreadNews .title p {
    color: black;
}

.unreadNews .title .date {
    color: red;
}

.firstNews .desc {
    color: black;
}



/*** JEUX ***/

.games .swf object, .games .swf embed{
    border: 2px solid #baa7e1;
}


/*** V�T�RINAIRE ***/

.vet ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.vet ul li {
    float: left;
    position: relative;

    padding: 0px;
    margin: 0px 10px 20px 7px;
    height: 75px;
    padding: 5px;
    width: 250px;
    border: 1px solid #baa7e1;
}

.vet ul li .title {
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    color: #8976BC;
}

.vet ul li .pic {
    float: left;
    border: 1px solid #baa7e1;
    margin-right: 10px;
}

.vet .row {
    border: 1px solid #baa7e1;
    height: 25px;
    float: left;
    width: 270px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.vet .row .label {
    float: left;
    width: 50px;
    margin-left: 10px;
    color: #8265B6;
}

.vet .row .value {
    float: right;
    margin-right: 10px;
}



.letter {
    width: 400px;
    margin: auto;
}

.letterBg {
    background-image: url(/img/doctor/letter_bg.gif);
}

.letterContent {
    background-image: url(/img/doctor/letter_center.gif);
    background-position: center center;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 12pt;
    font-family: "times new roman";
    text-align: justify;
    color: #3D4667;
}

.letter .header {
    height: 26px;
    background-image: url(/img/doctor/letter_header.gif);
}

.letter .footer {
    height: 17px;
    background-image: url(/img/doctor/letter_footer.gif);
}

.letter .title {
    font-size: 9pt;
    font-weight: bold;
    border-bottom: 2px solid #566492;
    margin-bottom: 10px;
}
.letter .address {
    text-align: right;
    margin-bottom: 10px;
}

.letter .author {
    text-align: right;
    height: 70px;
    background-image: url(/img/doctor/doctorSign.gif);
    background-position: 270px 20px;
    background-repeat: no-repeat;
}

/*** TAMPONO **/
.tampono {
    text-align: right;
    height :100px;
    background-image: url(/img/design/signTampono.gif);
    background-position: 210px 30px;
    background-repeat: no-repeat;
}

/*** SALADES ***/

.saladou {
    text-align: right;
    height: 100px;
    background-image: url(/img/salad/signature.gif);
    background-position: 270px 20px;
    background-repeat: no-repeat;
}

.hyper {
    height: 100px;

    background-image: url(/img/salad/hyper.gif);
    background-position: 100px 0px;
    background-repeat: no-repeat;

    padding-bottom: -10px;
	font-family: "courier new";
	font-size: 10pt;
    text-align: center;
}

.super {
    height: 100px;

    background-image: url(/img/salad/super.gif);
    background-position: 100px 0px;
    background-repeat: no-repeat;

    padding-bottom: -10px;
	font-family: "courier new";
	font-size: 10pt;
    text-align: center;
}

/*** STAFF ***/

.staff .pic {
    margin-right: 10px;
    margin-bottom: 10px;
}

.staff td {
    vertical-align: top;
}

.recipe {
	margin: auto;
	width: 200px;
	border: 2px solid #dacfef;
	margin-bottom: 10px;
}

.recipe .container {
	margin: 3px;
	background-color: #dacfef;
}

.recipe .title {
	font-size: 10pt;
	color: #967EC0;
}

.recipe img {
	border: 1px solid #baa7e1;
}



/*** UNE DU JOURNAL ***/

.newsPaper {
    width: 500px;
    margin: auto;
    display: block;
}

.newsPaperBg {
    background-image: url(/img/news/news_bg.gif);
}

.newsPaperContent {
    background-image: url(/img/news/news_center.gif);
    background-position: center center;
    background-repeat: no-repeat;

    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;

    font-size: 12pt;
    text-align: justify;
    color: #5A5550;
}

.newsPaperContent p {
	margin: 0px;
	padding-bottom: 10px;
	font-family: "courier new";
	letter-spacing: -1pt;
}

.newsPaperContent .article {
	padding: 0px 0px 20px 0px;
}

.newsPaperContent .bottomLine {
	border-bottom: 4px solid #cbc3bc;
}

.newsPaper h1 {
	font-family: "times new roman";
	font-size: 24pt;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	line-height: 20pt;
	letter-spacing: 1pt;
	border-bottom: 2px solid #C4BCB5;
}

.newsPaper .header {
    height: 68px;
    background-image: url(/img/news/news_header.gif);
}

.newsPaper .footer {
    height: 27px;
    background-image: url(/img/news/news_footer.gif);
}

.newsPaper .title {
    font-size: 9pt;
    font-weight: normal;
    margin-bottom: 10px;
    color: #9e8e81;
    text-align: right;
}


.newsPaper .title .date {
    text-transform: capitalize;
    color: #746558;
}



.newsPaper .newsLink {
	text-align: right;
}

.newsPaper .newsLink a {
	color: #766F67;
}


.newsPaper .layout img {
	border: 1px solid #b8ada3;
	margin-right: 5px;
	padding: 2px;
}

.newsPaper .layout .spacer {
	width: 5px;
	border-left: 1px solid #b8ada3;
}

.newsPaper .layout .filling {
	background-image: url(/img/news/fake.gif);
	width: 100%;
}

td.centerPane .leadNav {
	margin-bottom: 5px;
}

.leadNav .last {
	text-align: center;
}

.leadNav .left {
	width: 100px;
}

.leadNav .right {
	text-align: right;
	width: 100px;
}

.leadNav td {
	font-size: 8pt;
}

.leadNav .off {
	color: #bdb1d6;
}




/*** HOME: LISTE R�SUM�E DES LAPINS ***/

.home .rabbitTable {
	margin-bottom: 10px;
}
.home .rabbitTable .health, .home .rabbitTable .happiness {
	width: 80px;
}
.home .rabbitTable .general {
	width: 40px;
	text-align: center;
}

.home .rabbitTable .name a {
	text-decoration: underline;
}

.home .rabbitTable .general img {
	width: 35px;
	height: 35px;
	border: 1px solid #C0B4E0;
}

.home .rabbitTable .unnamed {
	font-style: italic;
	color: red;
}

.home .rabbitTable .emptySlot {
	font-style: italic;
	color: #9582BB;
	font-size: 10pt;
}



td .home .newsTable {
	border: 1px solid #d7c8ee;
	margin-bottom: 6px;
	margin-left: 20px;
	width: 95%;
}
td .home .newsTable td {
	vertical-align: top;
	padding: 5px;
}

.home .newsTable .pic {
	width: 55px;
}
.home .newsTable .pic img.boxed {
	border: 1px solid #d7c8ee;
}

.home .newsTable .swf object, .home .newsTable .swf embed {
	margin: 0px;
}

.home .newsTable .sub {
	font-size: 10pt;
	font-style: italic;
	color: #7C59BD;
}

.home .newsTable p {
	margin: 0px;
	padding: 0px;
}

td .home .unread {
	border: 2px solid red;
}

.home .unread p {
	color: red;
}

.home .unread .sub {
	color: #F95E5E;
}



/*** AVATAR SUMMARY ***/

td.centerPane .avatarBox {
	border-top: 2px solid #e1d1fe;
	border-bottom: 2px solid #e1d1fe;
	margin-bottom: 10px;
}

td.centerPane .avatarBox td {
	padding-top: 3px;
	vertical-align: top;
}

td.centerPane .avatarBox .desc p {
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

.avatarBox .swf object, .avatarBox .swf embed {
	margin: 0px;
}

td.centerPane .avatarBox .face {
	width: 70px;
	text-align: center;
}

td.centerPane .avatarBox .face img {
	width: 44px;
	height: 44px;
}
td.centerPane .avatarBox .face p {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	color: #9582cc;
}

.trankil {
    float: left;
}


/** CERTIFICAT TATOUAGE ***/

td.centerPane .certified {
	margin-bottom: 10px;
}
.certified .pic {
	width: 60px;
}

.certified .desc {
	vertical-align: top;
	font-style: italic;
	color: #8f7aba;
}

/*** FLOATING TOOLTIP ***/


#tooltip {
	position: absolute;
	top: -1000px; /* avoid the IE6 cache optimisation with hidden blocks */
	z-index: 100;
	width: 250px;
    color: #816DBA;
}

#tooltip .header {
	/*background-image: url(/img/design/tooltip_header.gif);*/
/*    background-image: url(/img/news/news_header.gif);*/
	background-position: top center;
	background-repeat: no-repeat;
}
#tooltip .content {
    background-image: url(/img/news/news_center.gif);
	/*background-image: url(/img/design/tooltip_bg.gif);*/
}
#tooltip .footer {
    background-image: url(/img/news/news_footer.gif);
	/*background-image: url(/img/design/tooltip_footer.gif);*/
	height: 11px;
	font-size: 0pt;
	line-height: 0pt;
}

#tooltip .title {
    color: #816DBA;
	font-weight: bold;
	font-size: 10pt;
	border-bottom: 2px solid #fee9c2;
	margin: 0px 10px 3px 8px;
	padding-top: 2px;
}

#tooltip .titleOnly {
    color: #816DBA;
	font-weight: bold;
	font-size: 12pt;
	margin: 0px 10px 0px 8px;
	padding-top: 5px;
}

#tooltip p {
	margin: 0px;
	font-size: 9pt;
	line-height: 10.5pt;
	padding: 0px 7px 5px 15px;
}

#tooltip img {
	margin-left: 0px;
}

.helpLink, .helpLink:hover {
	text-decoration: none;
}

.helpLink img {
	vertical-align: middle;
}