/* Smaller than standard 959 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#div_menu {
		visibility:hidden;
		width:100%;
	}

	.notif_smenu {
		top:43px;
	}

	#page_container{
		position:relative;
		margin-top:42px;
		left:0px;
		top:0px;
		height:auto;
		overflow:visible;
		overflow-x:auto;
		z-index:40;
	}

	.bt {
		margin-top:5px;
		padding:6px;
		padding-top:4px;
		padding-bottom:4px;
		font-size:12px;
	}

	#div_bts_footer, #div_bts_footer.little_menu {
		left:0px;
		height:33px;
	}
	#f_picto_hautbas {
		bottom:5px;
	}

	#div_back_to_top {
		bottom:3px;
		right:7px;
	}

	#copyright {
		font-size:9px;
	}

}

/* Width <= Small Tablets Portrait */
@media only screen and (max-width: 599px) {
	body {
		font-size:12px;
	}

	#div_notifs_compte {
		position:relative;
		margin-top:42px;
		height:auto;
		z-index:50;
	}

	#page_container {
		margin-top:0px;
		padding:8px;
		min-height:425px;
	}
	.pc_titre {
		margin-top:0px;
		font-size:20px;
	}

	#copyright {
		top:5px;
	}


	/* PAGE LOGIN-LOCK */
	#page_login {
		position:relative;
		width:100%;
		text-align:center;
		margin-top:0px;
	}
	.login_titre {
		position:relative;
		margin-top:0px;
		font-size:18px;
	}
	.login_cadre {
		position:relative;
		width:100%;
		margin:auto;
		margin-top:10px;
		padding:0px;
	}
	.login_cadre_interieur {
		position:relative;
		width:90%;
		margin:auto;
	}
	.login_error {
		padding-top:12px;
		margin-bottom:0px;
	}
	.login_txt_haut {
		padding-top:12px;
	}
	.login_form {
		width:95%;
		padding:5px;
	}
	.bt_admin_login {
		width:95%;
		padding:6px;
	}
	.login_txt_bas {
		padding-bottom:16px;
	}

	.login_infos {
		position:relative;
		width:98%;
		margin:auto;
		margin-top:10px;
	}

	.lock_cadre {
		position:relative;
		width:100%;
		margin:auto;
		margin-top:10px;
		padding:0px;
	}


	/* modales */
	.div_modale_cadre {
		max-width:100%;
		width:100%;
		max-height:100%;
		height:100%;
		padding:0px;
		margin:0px;
		top:0px;
		border:0px;
	}
	.div_modale_titre {
		font-size:20px;
		margin-bottom:8px;
		padding:6px;
	}
	.div_modale_contenu {
		padding:6px;
		margin-bottom:130px;
	}
	.div_modale_bts {
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		padding-bottom:2px;
		padding-top:8px;
		padding-left:4px;
		padding-right:4px;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#copyright {
		display:none;
	}
}