body
{
background: #fff;
color: #fff;
font-size: 13px;
font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
margin: 0;
}

a
{
color: #fff;
text-decoration: none;
}
.lien_dashed
{
border-bottom: 1px dashed #fff;
}
.couleur_fille
{
color:#fed2fe;
}
.icone_fille
{
background: url('design/images/icones/f_offline.gif') left no-repeat;
padding-left: 20px;
}
.couleur_fille:hover
{
color:#CC66FF;
}
.couleur_garcon
{
color:#07088b;
}
.icone_garcon
{
background: url('design/images/icones/g_offline.gif') left no-repeat;
padding-left: 20px;
}
.couleur_garcon:hover
{
color:#1112b5;
}

a img
{ border: none; }

p { margin: 0; }

ul
{
list-style-type: none;
padding-left: 15px;
margin: 0;
}

li
{
margin: 0;
margin-bottom: 3px;
}

#speedinfos
{
padding: 5px;
margin: 0;
color: #000;
font-size: 10px;
/*background: #6ec3d1;*/
text-align: right;
}
#all
{
width: 1000px;
margin: auto;
padding-top: 10px;
}

#header
{
background: url('design/header.png') no-repeat;
height: 220px;
}
#header #miaoubox
{
position: absolute;
margin-left: 225px;
margin-top: 190px;
font-size: 0.85em;
z-index: 100;
}
#miaoubox_links
{
position: absolute;
margin-left: 400px;
margin-top: 170px;
}
#miaoubox_all
{
display: none;
position: absolute;
margin-left: 220px;
margin-top: 210px;
font-size: 0.9em;
z-index: 100;
width: 570px;
border: 1px solid #5bc8da;
background: #49c0cb;
padding: 5px;
}

#background_global
{
background: url('design/content_wrapper.png') repeat-y;
padding-bottom: 65px;
}

#connect_box
{
background: url('design/menu_login.gif') no-repeat;
height: 171px;
}
#connected_box
{
background: url('design/menu_loggued.gif') no-repeat;
height: 191px;
padding: 20px;
padding-left: 10px;
}
#login_form
{
position: absolute;
margin-top: 50px;
padding-left: 90px;
}
#login_form input
{
width: 130px;
padding: 3px;
font-size: 12px;
background: #35a8be url('design/menu_login_input.gif') no-repeat;
border: none;
margin-bottom: 5px;
color: #236673;
}
#login
{
position: absolute;
margin-left: 80px;
margin-top: 100px;
width: 135px;
}

#menu_right_foot
{
background: url('design/menu_right_foot.gif') bottom left no-repeat;
padding-left: 25px;
padding-bottom: 20px;
}
#menu_right_foot h3
{
margin-top: 0;
padding-top: 10px;
}

#contenu
{
width: 505px;
margin-left: 270px;

}

.contenu_onglet_icone
{
display: block;
margin-top: 6px;
padding-bottom: 3px;
margin-left: 10px;
}
.contenu_onglet_icone a
{
margin-left: 25px;
font-size: 12px;
}

#contenu_path
{
background: url('design/content_path.gif') top left no-repeat;
height: 43px;
padding-left: 20px;
margin-bottom: 10px;
}
#contenu_path h3
{
margin-top: 0;
padding-top: 10px;
}

.corps_haut
{
background: url('design/corps_haut.gif') top left no-repeat;
padding-top: 25px;
margin-bottom: 0;
margin-top: 10px;
}
.corps_haut h3
{
margin-top: 0;
margin-bottom: 10px;
padding-left: 25px;
}
.corps_bas
{
background: url('design/corps_bas.gif') bottom left no-repeat;
padding-bottom: 29px;
}
.corps_contenu
{
background: url('design/corps_contenu.gif') left repeat-y;
padding: 10px;
padding-left: 25px;
margin: 0;
}
.corps_contenu a
{
border-bottom: 1px dashed #fff;
}
.no_border a
{
border: none;
}

h4
{
color: #f8eaae;
}

.h4_no_margin h4
{
margin: 0;
}

.indent
{
text-indent: 20px;
}

.menu_gauche_links
{
margin-left: 45px;
margin-top: 10px;
}
.menu_gauche_links a
{
color: #fff;
}
.menu_gauche_links br
{
margin: 7px;
}

.block_form
{
border: 1px solid #2b8694;
background: #3db2c8;
margin-right: 15px;
margin-top: 10px;
}
.label_form
{
display: block;
width: 150px;
padding: 10px;
font-weight: bold;
float: left;
}
.label_form:hover
{
cursor: pointer;
}
.select_form
{
border: 1px solid #aaeffc;
border-left: 3px solid #aaeffc;
font-size: 12px;
color: #265861;
margin: 10px;
background: #75d8e9;
}

.submit
{
background: url('design/submit.gif') no-repeat;
width: 100px;
height: 25px;
border: none;
color: #fff;
cursor: pointer;
}

.top_div_border
{
border: 1px solid #6ec3d1;
width: 97%;
border-collapse: collapse;
margin-bottom: 15px;
}
.top_div_border td
{
border: 1px solid #6ec3d1;
padding: 5px;
}
.top_div_border td table td
{
border: none;
}

.top_div_background
{
margin: 0;
font-size: 14px;
padding: 4px;
text-align: left;
}

hr
{
border: none;
background: url('design/content_hr.png') left no-repeat;
height: 10px;
}

#information
{
width: 100%;
height: 100%;
position: fixed;
display: none;
background: url('design/shader.png');
margin: 0;
z-index: 1000;
padding-top: 50px;
}
#information_message
{
width: 400px;
margin: auto;
}
#information_balade
{
width: 780px;
height: 510px;
margin: auto;
display: none;
padding-top: 5px;
background: url('design/images/stories/wrapper.gif') no-repeat;
color: #222222;
font-size: 12px;
}
#information input
{
background: #6ec3d1;
border: 1px solid #2b8694;
}
.input_active
{
margin: 0;
width: 100px;
}

.vert
{
color: #80ff80;
}

.rouge
{
color: #bd1d2c;
}

.cards_card_hover
{
padding-bottom: 80px;
}
.cards_card_hover:hover
{
background: url('design/images/games/cards/selected.gif') bottom center no-repeat;
}

#bottom_bar
{
position: fixed;
border: 1px solid #38a0b2;
border-top: none;
bottom: 0;
background: #4eafbf url('design/bottom_bar_back.png');
height: 23px;
font-size: 12px;
margin-left: 10px;
padding-top: 2px;
}

.bottom_bar_window
{
display: none;
width: 200px;
padding: 5px;
bottom: 26px;
max-height: 90%;
z-index: 100;
color: #000;
border: 1px solid #245259;
position: fixed;
background: #fff;
font-size: 11px;
}

.bottom_bar_window a
{
color: #217385;
}

.bottom_bar_window ul
{
margin: 0;
}

.reseau_myecat
{
margin-left: 11px;
}
/* 90px + 11px + 1px de bordure */
.notifications
{
margin-left: 101px;
}
.friends_online
{
margin-left: 157px;
}
.bottom_bar_tab
{
padding: 4px;
padding-left: 25px;
margin-left: 10px;
margin-right: 10px;
}
.bottom_bar_tab_selected
{
background: #fff;
color: #000;
border: 1px solid #245259;
border-top: none;
}
.bottom_bar_hr
{
display: none;
background: #fff;
position: absolute;
height: 5px;
z-index: 200;
bottom: 21px;
}
.bottom_bar_hr_border
{
border-top: 1px solid #aaa;
margin-left: 5px;
margin-right: 5px;
}

.notification_p
{
margin-left: 5px;
margin-right: 5px;
padding: 5px;
}

#new_notifications_nb
{
background: #ff0000;
width: 17px;
height: 17px;
font-size: 10px;
font-weight: bold;
text-align: center;
display: inline;
padding: 1px;
padding-left: 5px;
padding-right: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.lien_div
{
cursor: pointer;
}

h5
{
margin: 5px;
}

#pages
{
font-size: 12px;
}
#pages a
{
text-decoration: underline;
padding-right: 3px;
padding-left: 3px;
}
#pages strong
{
background: #2d8494;
padding-right: 3px;
padding-left: 3px;
}

.connected_box_list li
{
font-size: 12px;
padding-left: 0;
margin-left: 0;
margin-top: 8px;
margin-bottom: 8px;
}
.connected_box_list li strong
{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
}

.pagination
{
text-align: right;
height: 20px;
margin-top: 15px;
}
.pagination a
{
background: url('design/pagination_lien_back.png') center no-repeat;
color: #fff;
font-weight: bold;
padding: 3px;
}

.pagination a:hover
{
background: url('design/pagination_lien_back_hover.png') center no-repeat;
}

#reload_game
{
text-align: center;
margin: 20px;
display: none;
}

/* INSCRIPTION */
.info_orange
{
border: 1px solid #bf9943;
background: #d9ad4c;
padding: 10px;
font-size: 13px;
}

.info_vert
{
border: 1px solid #52a66e;
background: #5fbf7f;
padding: 10px;
font-size: 13px;
line-height: 17px;
}

.info_rouge
{
border: 1px solid #d96262;
background: #bf4343;
padding: 10px;
font-size: 13px;
}

.info_vert, .info_orange, .info_rouge
{
width: 433px;
text-align: justify;
margin-top: 10px;
}

.ajax_window_top
{
background: url('design/shader_title.gif') top left no-repeat;
padding-top: 10px;
margin: 0;
}

.ajax_window_top h4
{
margin: 0;
margin-bottom: 1px;
margin-left: 15px;
font-size: 14px;
padding-bottom: 8px;
color: #f8eaae;
}

.ajax_window_content
{
background: url('design/shader_content.gif') left repeat-y;
padding: 15px;
margin: 0;
border-bottom: 1px solid #65c4d3;
font-size: 12px;
}
.ajax_window_content a
{
border-bottom: 1px dashed #fff;
}

.ajax_window_close
{
background: url('design/ajax_window_close.gif') no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
}
.ajax_window_close:hover
{
background: url('design/ajax_window_close_hover.gif') no-repeat;
cursor: pointer;
}

#menu_bottom
{
position: fixed;
bottom: 0;
width: 500px;
background: url('design/menu_bottom_background.png') bottom left no-repeat;
padding-left: 10px;
padding-top: 7px;
padding-bottom: 3px;
z-index: 200;
margin-left: 272px;
}

#menu_bottom_mes_miaous, #menu_bottom_mes_achats, #menu_bottom_mon_compte
{
display: none;
width: 484px;
border: 1px solid #277b8a;
padding: 7px;
padding-bottom: 13px;
position: fixed;
bottom: 50px;
margin-left: 272px;
z-index: 100;
background: #329fb2;
text-align: center;
}

.icone_float
{
width: 70px;
height: 50px;
color: #fff;
font-size: 10px;
text-align: center;
float: left;
font-weight: bold;
}
.icone_float img
{
height: 37px;
}

#menu_compte
{
display: none;
width: 150px;
padding: 5px;
padding-left: 15px;
}


#information_aide
{
margin: 5px;
margin-left: 0;
margin-right: 0;
padding: 10px;
padding-top: 0;
font-size: 11px;
color: #fff;
background: #3399ab;
border: 2px solid #57c3d7;
border-radius: 10px;
-moz-border-radius: 9px;
}

#information_aide h4
{
font-size: 13px;
padding: 3px;
margin: 3px;
}