@media screen and (max-width: $tablette){
	body{
		.row-mobile:after{
			clear:both;
			content: " ";
			display: block;
			width: 100%;
		}

		.cell-mobile{
			box-sizing: border-box;
			float: left;
			display: block;
			position: relative;
		}

		.right-magnet-mobile{
			float: right !important;
		}

		.bottom-magnet-mobile{
			position: absolute;
			bottom: 0;
		}

		.fixed-block-mobile{
			box-sizing: content-box;
			position: relative;
			height: 0px;

			.right-magnet.cell.absolute{
				right: 0 !important;
				left: auto;
			}
			.cell.fluid{
				position: relative;
				height: 100%;
			}
			.bottom-magnet.cell{
				bottom: 0;
				position: absolute;
			}
		}

		.height-one-mobile{
			@include fixed-block;
			@include grid-cell-height(1);
		}

		.height-one-plus-half-mobile{
			@include fixed-block;
			@include grid-cell-height(1.5);
		}

		.left-one-mobile{
			@include grid-cell-left(1);
		}

		.height-two-mobile{
			@include fixed-block;
			@include grid-cell-height(2);
		}

		.left-two-mobile{
			@include grid-cell-left(2);
		}

		.height-three-mobile{
			@include fixed-block;
			@include grid-cell-height(3);
		}

		.left-three-mobile{
			@include grid-cell-left(3);
		}

		.height-four-mobile{
			@include fixed-block;
			@include grid-cell-height(4);
		}

		.left-four-mobile{
			@include grid-cell-left(4);
		}

		.height-five-mobile{
			@include fixed-block;
			@include grid-cell-height(5);
		}

		.left-five-mobile{
			@include grid-cell-left(5);
		}

		.height-six-mobile{
			@include fixed-block;
			@include grid-cell-height(6);
		}

		.left-six-mobile{
			@include fixed-block;
			@include grid-cell-left(6);
		}

		.height-seven-mobile{
			@include fixed-block;
			@include grid-cell-height(7);
		}

		.left-seven-mobile{
			@include grid-cell-left(7);
		}

		.height-eight-mobile{
			@include fixed-block;
			@include grid-cell-height(8);
		}

		.left-eight-mobile{
			@include grid-cell-left(8);
		}

		.height-nine-mobile{
			@include fixed-block;
			@include grid-cell-height(9);
		}

		.left-nine-mobile{
			@include grid-cell-left(9);
		}

		.height-ten-mobile{
			@include fixed-block;
			@include grid-cell-height(10);
		}

		.left-ten-mobile{
			@include grid-cell-left(10);
		}

		.height-eleven-mobile{
			@include fixed-block;
			@include grid-cell-height(11);
		}

		.left-eleven-mobile{
			@include grid-cell-left(11);
		}

		.height-twelve-mobile{
			@include fixed-block;
			@include grid-cell-height(12);
		}

		.left-twelve-mobile{
			@include grid-cell-left(12);
		}

		.zero-mobile{
			display: none !important;
		}

		.one-mobile{
			@include grid-cell-width(1);
		}

		.two-mobile{
			@include grid-cell-width(2);
		}

		.three-mobile{
			@include grid-cell-width(3);
		}

		.four-mobile{
			@include grid-cell-width(4);
		}

		.five-mobile{
			@include grid-cell-width(5);
		}

		.six-mobile{
			@include grid-cell-width(6);
		}

		.seven-mobile{
			@include grid-cell-width(7);
		}

		.eight-mobile{
			@include grid-cell-width(8);
		}

		.nine-mobile{
			@include grid-cell-width(9);
		}

		.ten-mobile{
			@include grid-cell-width(10);
		}

		.eleven-mobile{
			@include grid-cell-width(11);
		}

		.twelve-mobile{
			@include grid-cell-width(12);
		}

		.rigid-grid{
			> .one-mobile{
				@include grid-cell-width(12);
			}

			> .two-mobile{
				@include grid-cell-width(2);
			}

			> .three-mobile{
				@include grid-cell-width(3);
			}

			> .four-mobile{
				@include grid-cell-width(4);
			}

			> .five-mobile{
				@include grid-cell-width(5);
			}

			> .six-mobile{
				@include grid-cell-width(6);
			}

			> .seven-mobile{
				@include grid-cell-width(7);
			}

			> .eight-mobile{
				@include grid-cell-width(8);
			}

			> .nine-mobile{
				@include grid-cell-width(9);
			}

			> .ten-mobile{
				@include grid-cell-width(10);
			}

			> .eleven-mobile{
				@include grid-cell-width(11);
			}

			> .twelve-mobile{
				@include grid-cell-width(12);
			}

			> .height-one-mobile{
				@include grid-cell-height(1);
			}

			> .height-two-mobile{
				@include grid-cell-height(2);
			}

			> .height-three-mobile{
				@include grid-cell-height(3);
			}

			> .height-four-mobile{
				@include grid-cell-height(4);
			}

			> .height-five-mobile{
				@include grid-cell-height(5);
			}

			> .height-six-mobile{
				@include grid-cell-height(6);
			}

			> .height-seven-mobile{
				@include grid-cell-height(7);
			}

			> .height-eight-mobile{
				@include grid-cell-height(8);
			}

			> .height-nine-mobile{
				@include grid-cell-height(9);
			}

			> .height-ten-mobile{
				@include grid-cell-height(10);
			}

			> .height-eleven-mobile{
				@include grid-cell-height(11);
			}

			> .height-twelve-mobile{
				@include grid-cell-height(12);
			}

			> .margin-one, > .margin-two, > .margin-three, > .margin-four,
			> .margin-five, > .margin-six, > .margin-seven, > .margin-eight,
			> .margin-nine, > .margin-ten, > .margin-eleven, > .margin-twelve
			{
				margin: 0;
			}
		}

		nav.vertical{
			padding-right: 0;
			margin: 0;
		}
	}
}

@media screen and (min-width: $fat-mobile +1) and (max-width: $wide-screen) {
	body{
		.one-tablette-wide{
			@include grid-cell-width(1);
		}

		.two-tablette-wide{
			@include grid-cell-width(2);
		}

		.three-tablette-wide{
			@include grid-cell-width(3);
		}

		.four-tablette-wide{
			@include grid-cell-width(4);
		}

		.five-tablette-wide{
			@include grid-cell-width(5);
		}

		.six-tablette-wide{
			@include grid-cell-width(6);
		}

		.seven-tablette-wide{
			@include grid-cell-width(7);
		}

		.eight-tablette-wide{
			@include grid-cell-width(8);
		}

		.nine-tablette-wide{
			@include grid-cell-width(9);
		}

		.ten-tablette-wide{
			@include grid-cell-width(10);
		}

		.eleven-tablette-wide{
			@include grid-cell-width(11);
		}

		.twelve-tablette-wide{
			@include grid-cell-width(12);
		}

		.rigid-grid{
			> .one-tablette-wide{
				@include grid-cell-width(12);
			}

			> .two-tablette-wide{
				@include grid-cell-width(2);
			}

			> .three-tablette-wide{
				@include grid-cell-width(3);
			}

			> .four-tablette-wide{
				@include grid-cell-width(4);
			}

			> .five-tablette-wide{
				@include grid-cell-width(5);
			}

			> .six-tablette-wide{
				@include grid-cell-width(6);
			}

			> .seven-tablette-wide{
				@include grid-cell-width(7);
			}

			> .eight-tablette-wide{
				@include grid-cell-width(8);
			}

			> .nine-tablette-wide{
				@include grid-cell-width(9);
			}

			> .ten-tablette-wide{
				@include grid-cell-width(10);
			}

			> .eleven-tablette-wide{
				@include grid-cell-width(11);
			}

			> .twelve-tablette-wide{
				@include grid-cell-width(12);
			}

			> .height-one-tablette-wide{
				@include grid-cell-height(1);
			}

			> .height-two-tablette-wide{
				@include grid-cell-height(2);
			}

			> .height-three-tablette-wide{
				@include grid-cell-height(3);
			}

			> .height-four-tablette-wide{
				@include grid-cell-height(4);
			}

			> .height-five-tablette-wide{
				@include grid-cell-height(5);
			}

			> .height-six-tablette-wide{
				@include grid-cell-height(6);
			}

			> .height-seven-tablette-wide{
				@include grid-cell-height(7);
			}

			> .height-eight-tablette-wide{
				@include grid-cell-height(8);
			}

			> .height-nine-tablette-wide{
				@include grid-cell-height(9);
			}

			> .height-ten-tablette-wide{
				@include grid-cell-height(10);
			}

			> .height-eleven-tablette-wide{
				@include grid-cell-height(11);
			}

			> .height-twelve-tablette-wide{
				@include grid-cell-height(12);
			}

			> .margin-wide-one, > .margin-wide-two, > .margin-wide-three, > .margin-wide-four,
			> .margin-wide-five, > .margin-wide-six, > .margin-wide-seven, > .margin-wide-eight,
			> .margin-wide-nine, > .margin-wide-ten, > .margin-wide-eleven, > .margin-wide-twelve
			{
				margin: 0;
			}
		}
	}
}