@charset "utf-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body.open { overflow:hidden;  }
body.open div { display:none;}

body.open #openCloseMenu , body.open #main_menu , body.open #main_menu * { display:block;}

p.button_main_form a , p.button_main_form a.small { display:block !important; margin:5px 0; background-position:0 -500px !important; float:none !important;}


#openCloseMenu { position:absolute; right:30px; top:30px; width:40px; height:40px; z-index:20; border:1px solid #666; background:url(../images/menu.png) no-repeat center center;  }
#openCloseMenu.open { position:fixed; border-color:#FFF;  border-color:rgba(255,255,255,0.6);}

#header { padding:20px 0 10px 0;}
#header .center { width:100%;}
#header h1 { display:block; float:none;}
#header h1 a { display:block; width:250px; float:none;  padding:10px 0; background-position:30px center}

#main_menu { text-align:center; padding:0; position:fixed; top:0; left:0; width:100%; height:100%; display:none; background:#FE3F00; font-size:150%;}
#main_menu.open { display:block;}
#main_menu .center { width:100%; position:absolute; top:100px; bottom:0; overflow:auto; left:0; box-shadow:0 4px 6px -5px rgba(0,0,0,0.8) inset; -webkit-overflow-scrolling: touch;}
#main_menu a { display:block;  border-bottom:1px solid #333; border-bottom-color:rgba(0,0,0,0.2); margin:0; padding:8px 0; transition:background-color 0.1s , color 0.1s;}
#main_menu a:hover { color:#FE3F00; background-color:#FFF;}
#search { float:none; margin:0; padding:5px 0 0 0; border-top:1px solid #333;}
#search input { display:block; width:82%; float:none; margin:15px auto; background:#FFF url(../images/search2.png) no-repeat 0 center; padding:5px 5px 5px 35px;}
#search a { display:none;}

.no_phone { display:none;}
.col-left { width:100%;}
.col-right { width:100%;}
#rightBlock { width:100%;}

#footer .col { width:100%; font-size:120%;}

#listing-files a { height:auto;  line-height:20px;}
#listing-files a span { float:none; width:auto; display:block;}
#listing-files a strong { float:none; width:auto; display:block; padding:0 0 0 35px;}
#listing-files a em { display:none;}

#listing-main a { background-position:center 20px; padding:130px 15px 15px 15px; text-align:center;}

#listing-main a span.preview {margin:-110px -36px; left:50%;}


#agenda .col { width:100%;}

#agenda .day { height:auto; overflow:hidden; padding:6px; }
#agenda .day .events { margin:8px 0 0 0; padding:0; height:auto;}
#agenda .day .events a { height:30px; line-height:30px; padding:0 5px; margin:2px 0;}
#agenda .day .currentDay { margin:6px 3px;}

#agenda .day .currentDay em { display:inline;}

.col-left .actu {  padding:5px 20px;}


.col-left .actu .date { display:none;}

#recap a.logout , #recap a.config { text-decoration:none; background-position:center center }
#recap a span { display:none;}

table.form_table td .champ.small { max-width:100%;}


#my_infos { display:block; float:none; width:100%; margin:15px auto;}
#my_avatar { display:block; float:none; width:100%; max-width:400px; margin:30px 0 0 0;}

#baseline { padding:0;}
#baseline .center { width:100%;}
#baseline span { display:block; line-height:44px; border-bottom:1px solid #333;}
#baseline span a { display:block; text-decoration:none;}


#documents div { width:100%;}
#documents div a {  margin:5px 0;}