/****************/
/* WIDTH < 1400 */
/****************/
@media only screen and ( max-width: 1400px ) {
	#id_gototop_div {
		right:0;
		background-color:rgba(0,0,0,0.15)
	}
}

/****************/
/* WIDTH < 1080 */
/****************/
@media only screen and ( max-width: 1079px ) {

	.minW1080 {
		display:none;
	}
	.maxW1079 {
		display:initial;
	}

	/* ÉLÉMENTS a GÉNÉRIQUES */
	h1 {
		font-size:175%;
	}


	/* TOP MENU */
	.nav_top_left img.logo {
		width: 6rem;
	}
	#id_top_menu a {
		margin-top: 3rem;
	}
}


/****************/
/* WIDTH < 1000 */
/****************/
@media only screen and ( max-width: 999px ) {


	/* TECHNOLOGIE */
	.technologie_image {
		width:90%;
		margin-left:5%;
	}
}


/***************/
/* WIDTH < 800 */
/***************/
@media only screen and ( max-width: 799px ) {

	.minW800 {
		display:none;
	}
	.maxW799 {
		display:initial;
	}
	
	/* BLOCS */
	.w33, .w25, .w75 {
		width:98%;
	}
	
	/* MODALES */
	.modal.big {
		padding:5vh 10%;
	}
	
	/* TOP MENU */
	.nav_top_left img.logo {
		width: 5rem;
	}
	#id_top_menu a {
		margin-top: 2.5rem;
	}
	
	/* PAGE D'ACCUEIL */
	.accueil_blobs_inside h3 {
		padding-top:0;
		padding-bottom:0;
	}
	
	/* PAGE NOS BILANS */
	.nos_bilans_image {
		width:40%;
		margin-left:30%;
	}
	
	/* PLANNING */
	.calendar_day {
		display:block;
	}
	.calendar_week {
		display:none;
	}
}

/***************/
/* WIDTH < 640 */
/***************/
@media only screen and ( max-width: 639px ) {

	.minW640 {
		display:none;
	}
	.maxW639 {
		display:initial;
	}

	/* BODY */
	body {
		margin: 0rem;
		font-size: 1rem;
	}
	
	/* MODALES */
	.modal.big {
		padding:5vh 5%;
	}
	
	/* ÉLÉMENTS a GÉNÉRIQUES */
	a {
		padding: 0.5rem 0.75rem;
	}
	nav {
		margin: 0 0.5rem;
	}
	
	
	/* BLOCS */
	.w50 {
		width:98%;
	}
	
	.form {
		width: 90%;
		margin-left: 5%;
	}

	.page div {
		margin-left:0;
		margin-right:0;
	}

	/* TOP MENU */
	.nav_top_left img.logo {
		width: 4rem;
	}
	#id_top_menu a {
		margin-top: 2rem;
	}
	.nav_top_right {
		right:0.5rem;
	}
	
	/* PAGE D'ACCUEIL */
	.accueil_blobs_inside {
		padding-left: 20%;
		padding-right: 20%;
	}
	
	/* TECHNOLOGIE */
	.technologie_image {
		width:70%;
		margin-left:15%;
	}
	
}

/***************/
/* WIDTH < 390 */
/***************/
@media only screen and ( max-width: 389px ) {

	.minW390 {
		display:none;
	}
	.maxW389 {
		display:initial;
	}
	
	.page div {
		padding:0;
	}
	
	/* MODALES */
	.modal.big {
		padding:5vh 2.5%;
	}
	
	/* INPUTS */
	input[type="range"] {
		width:8rem;
	}

	/* TOP MENU */
	.nav_top_left img.logo {
		width: 3rem;
	}
	#id_top_menu a {
		margin-top: 1.5rem;
	}
}