@media screen and (max-width:501px) {

html {
	width:300px !important;
	height:300px !important;
    margin:0px auto !important;
    padding:0px !important;
}
body,#page {
	float:left !important;
    background-color: #fff !important;
    margin:0px !important;
    padding:0px !important;
	width:300px !important;
	height:300px !important;
	overflow:hidden;
}
#menu{
display:none;
}
.foyer_btn_group{display:none;}
.alert-danger, .alert-error {
background-color: transparent !important;
border-color: transparent !important;
margin:0px !important;
padding:0px !important;
}

.well {
min-height: 20px !important;
padding: 0px !important;
margin-bottom: 0px !important;
background-color: transparent !important;
border: 0px solid #e3e3e3 !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
-webkit-box-shadow: inset 0px 1px 1px transparent !important;
-moz-box-shadow: inset 0px 1px 1px transparent !important;
box-shadow: inset 0px 1px 1px transparent !important;
}

.row-fluid [class*="span"] {
display: block !important;
width: 100% !important;
min-height: 0px !important;
float: left !important;
margin: 0px !important;
padding: 0px !important;
}
.span12{margin:0px !important;}

.form-horizontal .controls {
padding:0px;
float: left;
}

h2{
    float: left !important;  
    width: 100% !important;  
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
}

#wrapper-header {display:none !important;}
#nav1{display:none !important;}
#footer,#footer1,#footer2{display:none !important;}
#main1{width:225px !important;height:220px !important;margin:0px auto 0px auto !important;padding:0px !important;background-color:#eee !important;}
#useraccessh2{text-transform:uppercase !important;color:#D6050B !important;margin:0px !important;background:transparent url('/pxpadmin/icons/p_cadenas.gif') 10px 8px no-repeat !important;padding:7px 10px 0px 20px !important;}

#main2 p{float:left !important; margin: 0px !important; padding: 0px !important;}
#loginProgress{text-align: left !important;}

#authdiv {width: 285px !important;}

.alert-error {
    width: 300px !important;
	border:0px !important;
}
.alert-error p{
	margin: 0px 0px 7px 0px !important;	
	line-height: 12px !important;
	border:0px !important;
}

th{text-align:right !important;width:80px !important;}

#formforgetpwd ul {margin:0px !important;}
#formforgetpwd ul li {float:left !important;list-style:none !important;width:160px !important;}
.mandatory{line-height: 12px !important;}
.connexion{padding-left:30% !important;}
 
.focusinput{visibility:visible !important;}
.pictoError{
    float: left !important;
	width: 13px !important;
	height: 18px !important;  
    padding: 0px 0px 0px 5px !important;
    margin: 0px !important;
	display:block !important;
}
.errorcross{visibility:hidden !important;width:18px;height:18px;}

.frameSize{float: right !important; width: 285px !important;margin-top: 5px !important;padding: 0px !important;}
 
.errorline{
    float: right !important;  width: 225px !important;  height: 11px !important;  line-height: 11px !important;  text-align: right !important;  
    padding: 3px 30px 5px 0 !important;
}
#errorpwd {width:100% !important;line-height: 11px !important;}

#msgerror {
	text-align:center !important;
	width:100% !important;
	padding:0px !important;
}

#helplink{display:none;}

#issueauthbtn{
	display:block !important;
	margin: 7px 25px 0px 0px !important;
	width:245px !important;
	text-align:right !important;
	float: left;
}


.btn, .btn:hover, #issueauthbtn:hover {
    box-shadow: 0px 0px 0px !important;
	text-shadow:0px 0px 0px !important;
}


.ul{
	margin-bottom: 10px !important;
}

.black
{
	line-height: 12px !important;
}
.access_select_label{
	width: 80px !important;
	margin-right: 10px !important;
}

#lpf_access_type_sel{
	width: 151px !important;
}

.info-text{
	line-height: 12px !important;
}

#h4{
	float: left !important;
	width: 90% !important;
	line-height: 19px !important;
}

#headerbar {display:none !important;}
#cancel{display:none !important;}

#backlinknorm{display:none;}
#backlinkmini{display:block;}

.lock {
	height: 2em;
	position: absolute !important;
	bottom: 85px !important;
	padding-left: 0px !important;
}

.lock ul li#backlinkmini{
	padding-left:0px !important;
	margin-left:0px !important;
}

}