@media screen and (max-width: 1024px) {
body { width:100%; margin:0; padding:0; }

#loginlogo { display:none; }
#login { margin:0; padding:0; position:static; }
#login input[type="text"], #login input[type="password"], #login input[type="submit"] { display:block; width:80%; margin:10px auto;}

#contactbar { display:none; width:100%; top:38px; z-index:1000; }
#presence { overflow-y:auto; }
#title { display:none; }
#user #screenshot { display:none; }
#navbar { left:0; top:0; width:100%; height:auto; min-height:65px; border:none; }
#navbar #user { min-height:65px; }
#navbar > ul { display:none; z-index:1000; }
#footer { display:none; }
#mobilemenu { display:block; float:left; margin:0 0 0 4px; width:23px; height:23px; background:url('../images/play_sprite.png') no-repeat -313px 0; vertical-align:middle; }
#mobilemenu.selected { background-position:-314px -27px; }
#notiflist { float:left; }

.popup { width:100%; max-width:640px; }
.popup .tr_contact td { white-space:nowrap; }
.popup input[name="contact"] { width:auto; }
.popup select { width:auto; }
.popup .chat { margin:0; }
.popup .popup_text { width:90%; }
.mail { width:100%; }
.mail select { width:auto; }
.mail textarea { width:auto; }

#direct_call_list li { padding:5px; }

#page { position:static; margin-top:65px; left:auto; width:100%; }

.btn_add { text-indent:-9999px; padding:0; }

#alphabet { display:none; }
div.form > div { width:45%; height:auto; padding:5px 0; }
div.form > div > input[type="text"] { width:95%; }
div.form > div > select { width:95%; }

.callpopup { width:calc(100% - 10px); max-width:480px; z-index:1001; }

#dir_table table { display:block; width:100%; }
#dir_table table thead { display:none; }
#dir_table table tbody { display:block; width:100%; }
#dir_table table tr { display:block; height:auto; }
#dir_table table tr td:last-child { display:none; }
#dir_table table td { display:inline-block; border-right:none; margin:0; width:48%; padding:2px; color:#888; }
#dir_table table td.tdchamp4 { width:100%; color:black; font-weight:bold; }
#dir_table table td.tdchamp1 { color:black; }
#dir_table table td.tdchamp2 { color:black; }

#table_edit { width:calc(100% - 16px); padding:5px; }

#search_form { display:none; }
#stats { float:none; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } 
.topnav { float:none; }

#logs_appel table { display:block; }
#logs_appel table thead { display:none; }
#logs_appel table tbody { display:block; width:100%; }
#logs_appel table tr { display:block; width:100%; height:auto; }
#logs_appel table td { display:block; border-right:none; padding:0; }
#logs_appel table td:first-child { display:inline-block; margin:4px 4px 0 4px; }
#logs_appel table td:last-child { display:inline-block; width:48%; text-align:right; }
#logs_appel table td.td_date { display:inline-block; width:calc(100% - 40px); text-align:left; color:#888; }
#logs_appel table td.td_duration { display:inline-block; width:48%; }
#logs_appel table td.td_from { display:inline-block; width:48%; height:28px; line-height:20px; white-space:nowrap; overflow:hidden; }
#logs_appel table td.td_to { display:inline-block; width:48%; height:28px; line-height:20px; white-space:nowrap; overflow:hidden; }
#logs_appel table td.td_text { width:100%; }

#nbcontacts { display:none; }

.form-2-col-elg { float:none; margin:0; width:100%; text-align:left; border:none; }
.form-2-col-eld { float:none; margin:0 0 10px 0; width:100%; }
.form-2-col-eld table { display:block; margin:0; }
.form-2-col-eld table thead { display:none; }
.form-2-col-eld table tbody { display:block; }
.form-2-col-eld table tbody tr { display:block; border:solid 1px #CCC; }
.form-2-col-eld table tbody td { display:block; border:none; }

.col.p25 { width:calc(50% - 50px); }
.stat { width:100%; }
}

@media screen and (max-width: 480px) {
    .aide { display:none; }
    .col { float:none; }
    .col.p25 { width:calc(100% - 20px); margin:10px 0; }
    .stat object { display:none; }
}