/*
@media (max-width:640px) and (orientation:portrait) {
}
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1250 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1250px) {

	#menu {
		max-width: 28%;
		font-size:2.5em;
	}

	h1 {
		max-width: 60%;
		font-size: 6em;
	}
	
	.region-news .views-row {
		font-size: 1.1em;
		max-width: 60%;
		background-size: 37px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 1024 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1024px) {
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 900 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 900px) {
	h1 {
		font-size: 4.5em;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 860 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 840px) {
	#menu {
		font-size: 2em;
	}
	
	.region-news .views-row {
		font-size: 1em;
		max-width: 60%;
		background-size: 34px;
		padding-right: 40px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 768 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 768px) {
	/* passer tous les éléments de largeur fixe en largeur automatique */
	body, input[type=text], 
	input[type=password], 
	textarea, 
	#nav ul {
		width: auto;
		margin: auto;
		padding: auto;
	}

	/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
	img, 
	table, 
	td, 
	blockquote, 
	code, 
	pre, 
	textarea, 
	input, 
	iframe, 
	object, 
	embed, v
	ideo {
		max-width: 100%;
	}
	
	/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
	img {
		height: auto; 
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	/* gestion des mots longs */
	textarea, 
	table, 
	td, 
	th, 
	code, 
	pre, 
	samp {
		word-wrap: break-word; /* passage à la ligne forcé */
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
	}
	
	code, 
	pre, 
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}

	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	/*
	element1, 
	element2 {
		float: none !important;
		width: auto !important
	}
	*/

	/* masquer les éléments superflus */
	.hide_mobile {
		display: none !important;
	}

	#menu {
		width: 48%;
		max-width: 48%;
		font-size: 2em;
	}

	h1 {
		max-width: 50%;
		font-size: 4em;
	}
	
	.region-news .views-row {
		font-size: 0.8em;
		max-width: 50%;
		background-size: 27px;
		padding-right: 30px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 480 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 480px) {
	#menu {
		width: 58%;
		max-width: 58%;
		font-size: 2em;
	}

	h1 {
		max-width: 40%;
		font-size: 4em;
	}
	
	.region-news .views-row {
		font-size: 0.7em;
		max-width: 40%;
		background: none;
		padding-right: 0px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 350 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 350px) {
	#menu {
		width: 100%;
		max-width: 100%;
		position: absolute;
	}

	h1 {
		width: 100%;
		max-width: 100%;
		margin-top: 364px;
	}
	
	.region-news .views-row {
		width: 100%;
		max-width: 100%;
	}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* WIDTH <= 240 px -------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 240px) {
}