@import "utils";

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

	div#visual-portal-wrapper {
		font-size: 125%;
	    min-width: 0em;
	}
	div#content.connexion {
	    min-height: 0;
	    background-color: transparent;
    	background-image: none;
    	padding-top: 0 !important;
	}
	div#connexion_logo_jalon, div#connexion_logo_jalon_image {
		width: 100%;
		background-size: 100% auto;
		background-image: none;
	    background-color: transparent;
	}
	/*div#connexion_logo_jalon_image {
		background-image: url("@{theme}/logo_jalon_connexion640.png");
	}*/

	div.bloc_connexion {
	    width: auto;
	    margin-bottom: 1em;
	    margin-top: 0.5em;
	    border: 0;
	    .radius(0);
	}
	
	div#portal-header {
    	background-color: @black25;
	}
	
	ul#portal-globalnav {
	 	clear: both;
    	float: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    	font-size: 50% !important;
    	border-top: 1px solid @white25;
    	border-bottom: 1px solid @black25;
    	
    	li a {
        	border: 0 none !important;
    		background-color: transparent;
    		padding: 0 !important;
    		.radius(0, ~'!important');
    	}
	}
	a#portal-logo {
		margin: 2px;
	}
	#portal-languageselector {
    	padding: 13px 0;
    }

	#portal-footer, #portal-siteactions {
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	
	div#portal-column-content {
		float: none !important;
	    left: 0;
	    margin: 0 !important;
	    width: 100% !important;
	}
	
	div#content {
    	margin: 0 !important;
    	padding-left: 0;
    	padding-right: 0;
    	z-index: 10;
		.radius(0, ~'!important');
	}
	
	.categorie {
		margin-left: 0.5em !important;
		margin-right: 0.5em !important;
		display: block !important;
		
    	&.categorie_plan a {
    		font-size: 85%;
    	}
    	a {
    		background-position: 2px center !important;
    		background-size: 25px;
    	    display: block !important;
    	    line-height: 25px;
    	    padding: 0 0 0 35px !important;
    	    text-align: left;
    	    width: auto !important;
    	    font-weight: bold;
    	}
	}
	
	div.qq-upload-drop-area,
	.tags,
	table.listing {
		margin-left: 0 !important;
		margin-right: 0 !important;
		border-left-width: 0;
		border-right-width: 0;
		.radius(0, ~'!important');
	}
	table.listing {	
        thead {
    		display: none;
    	}
    	tr {
    		border-top: 2px solid @mediumGreyColor;
        	display: block;
    	}
    	td, th {
    		display: block;
    	}
	}
	
	#portal-breadcrumbs {
		margin-bottom: 0 !important;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
    }
    
    div.overlay-iframe, div.overlay-ajax, div.overlay-inline {
    	width: 100%;
    	margin: 0;
    	font-size: 75%;
    	.box-shadow-none();
    }
    div.overlaybg div.close, div.overlay div.close, div.overlay a.close, div.overlay-inline a.close {
    	top: 0;
    	right: 0;
    }
    
    div.plan {
    	padding-right: 0;
	}

}