/* VERSION TABLETTE */
@media screen and (max-width: 950px) {
	/* ===== HEADER ===== */
	header {
		position: static;
		max-height:none;
	}
	header .grille_3, header .grille_9
	{
		float:none;
		width:100%;
		text-align:center;
	}

	header li 
	{
		display: block;
	}

	/* ===== HERO ===== */
	#hero .cta {
		font-size: 20px;
		padding-top: 14px;
	}

	/* ===== FEATURED, DLC ===== */

	#featured .grille_4, #dlc .grille_4 {
		float: none;
		width: 300px;
		margin: auto;
		margin-bottom: 40px;
	}

	/* ===== PERSONNALISATION ===== */
	#personnalisation figcaption {
		padding-top: 0;
	}
	/* ===== PREMIUM ===== */

	#premium figure {
		height: 306px;
	}

		#premium figure .media_container, #premium figure figcaption {
			display: block;
			width: 100%;
			margin: auto;
		}

		#premium figure .media_container {
			height: 132px;
		}
}

/* MODIFICATION PETITES TABLETTES */
@media screen and (max-width: 721px) {

	/* ===== HERO ===== */
	#hero .cta {
		font-size: 24px;
		margin-top: 14px;
		padding-top: 3px;
		height: 77px;
	}

	/* ===== PERSONNALISATION ===== */

	#personnalisation {
		min-height: 737px;
	}

		#personnalisation .grille_6 {
			width: 98%;
			float: none;
			margin: auto;
			text-align: center;
			margin-bottom: 15px;
		}

	/* ===== PREMIUM ===== */

	#premium figure {
		height: 340px;
	}

		#premium figure .media_container {
			height: 122px;
		}

	/* ===== FOOTER ===== */

	footer #social a {
		font-size: 40px;
	}

	#ad_mobile
	{
		display:none;
		background-color:chartreuse;
	}
	#ad_desktop
	{
		display:inline;
	}
}

/* TÉLÉPHONES */
@media screen and (max-width: 570px) {

	/* ===== HERO ===== */
	#hero {
		min-height: 200px;
	}

		#hero .wrapper {
			height: 205px;
		}

		#hero figcaption, #hero .cta {
			float: none;
		}

		#hero .cta {
			width: 95%;
			max-width: 300px;
			margin: auto;
			padding-top: 11px;
			font-size: 22px;
			height: 56px;
		}

	/* ===== PERSONNALISATION ===== */
	#personnalisation {
		min-height: 500px;
	}

		#personnalisation h1 {
			font-size: 23px;
		}

	/* ===== DLC ===== */
	#dlc h1 {
		font-size: 26px;
	}

	/* ===== PREMIUM ===== */
	#premium .grille_6 {
		float: none;
		width: 98%;
	}

	#premium figure {
		height: 307px;
	}

		#premium figure .media_container {
			height: 158px;
		}

	/* ===== ACHAT ===== */

	#achat .grille_6, #achat #code {
		float: none;
		width: 100%;
	}

	#achat .cta
	{
		width:100%;
	}

		/* ===== FOOTER ===== */
	footer .grille_3 .grille_6
	{
		float:none;
		width:100%;
		margin-bottom:5px;
	}
}

/* PETITS TÉLÉPHONES */
@media screen and (max-width: 370px) {

	/* ===== FEATURED, DLC ===== */
	#featured .grille_4, #dlc .grille_4 {
		width: 98%;
	}

	/* ===== PREMIUM ===== */
	#premium figure {
		height: 325px;
	}

		#premium figure .media_container {
			height: 128px;
		}

	/* ===== ACHAT ===== */
	#achat h1 {
		font-size: 29px;
	}
	#ad_desktop
	{
		display:none;
	}
}