/* =====================================================================================

 Copyright (c) 2014 Jack Marketing. All right reserved.

 Les lignes de code, les instructions et les commentaires suivants appartiennent
 à Jack Marketing. À moins d'une entente avec Jack Marketing, aucun
 utilisation ou recopiage n'est permis.

======================================================================================*/

.space{width: 100%;display: inline-block;}

.desktop .space{display: inline-block;}

.space .grid{
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 1px;
    position: relative;
}

.space .grid:first-child{
	margin-left: 0%;
}

/* MOBILE / SMALL TABLET SCREEN */


@media ( max-width: 1000px){
	.space{display: block;}
	.desktop .space{display: inline-block;}

	.small-mobile.space>.grid1, .small-mobile.space>.grid2,
	.small-mobile.space>.grid3, .small-mobile.space>.grid4,
	.small-mobile.space>.grid5, .small-mobile.space>.grid6,
	.small-mobile.space>.grid7, .small-mobile.space>.grid8,
	.small-mobile.space>.grid9, .small-mobile.space>.grid10,
	.small-mobile.space>.grid11, .small-mobile.space>.grid12,
	.small-mobile.space>.grid13, .small-mobile.space>.grid14,
	.small-mobile.space>.grid15, .small-mobile.space>.grid16,
	.small-mobile.space>.grid17, .small-mobile.space>.grid18,
	.small-mobile.space>.grid19, .small-mobile.space>.grid20,
	.small-mobile.space>.grid21, .small-mobile.space>.grid22,
	.small-mobile.space>.grid23, .small-mobile.space>.grid24
	{ 
		width: 50%;
		margin-right: 0px;
		margin-left: 0px;
	}

}



/* NORMAL SCREEN */

/* 0% MARGIN */

.grid1 	{ width: 4.16666666667%; }
.grid2 	{ width: 8.33333333333%; }
.grid3 	{ width: 12.5%; }
.grid4 	{ width: 16.6666666667%; }
.grid5 	{ width: 20.8333333333%; }
.grid6 	{ width: 25%; }
.grid7 	{ width: 29.1666666667%; }
.grid8 	{ width: 33.3333333333%; }
.grid9	{ width: 37.5%; }
.grid10 { width: 41.6666666667%; }
.grid11 { width: 45.8333333333%; }
.grid12 { width: 50%; }
.grid13 { width: 54.1666666667%; }
.grid14 { width: 58.3333333333%; }
.grid15 { width: 62.5%; }
.grid16 { width: 66.6666666667%; }
.grid17 { width: 70.8333333333%; }
.grid18 { width: 75%; }
.grid19 { width: 79.1666666667%; }
.grid20 { width: 83.3333333333%; }
.grid21 { width: 87.5%; }
.grid22 { width: 91.6666666667%; }
.grid23 { width: 95.8333333333%; }
.grid24 { width: 100%; }


/* 0.5% MARGIN */

.space1>.grid{ margin-left: 0.5%;}


.space1>.grid1  { width: 3.6875%; }
.space1>.grid2  { width: 7.875%; }
.space1>.grid3  { width: 12.0625%; }
.space1>.grid4  { width: 16.25%; }
.space1>.grid5  { width: 20.4375%; }
.space1>.grid6  { width: 24.625%; }
.space1>.grid7  { width: 28.8125%; }
.space1>.grid8  { width: 33%; }
.space1>.grid9  { width: 37.1875%; }
.space1>.grid10 { width: 41.375%; }
.space1>.grid11 { width: 45.5625%; }
.space1>.grid12 { width: 49.75%; }
.space1>.grid13 { width: 53.9375%; }
.space1>.grid14 { width: 58.125%; }
.space1>.grid15 { width: 62.3125%; }
.space1>.grid16 { width: 66.5%; }
.space1>.grid17 { width: 70.6875%; }
.space1>.grid18 { width: 74.875%; }
.space1>.grid19 { width: 79.0625%; }
.space1>.grid20 { width: 83.25%; }
.space1>.grid21 { width: 87.4375%; }
.space1>.grid22 { width: 91.625%; }
.space1>.grid23 { width: 95.8125%; }
.space1>.grid24 { width: 100%; }


/* 1% MARGIN */

.space2>.grid{ margin-left: 1%;}

.space2>.grid1{ width:3.2083333333333%;}
.space2>.grid2{ width:7.4166666666667%;}
.space2>.grid3{ width:11.625%;}
.space2>.grid4{ width:15.833333333333%;}
.space2>.grid5{ width:20.041666666667%;}
.space2>.grid6{ width:24.25%;}
.space2>.grid7{ width:28.458333333333%;}
.space2>.grid8{ width:32.666666666667%;}
.space2>.grid9{ width:36.875%;}
.space2>.grid10{ width:41.083333333333%;}
.space2>.grid11{ width:45.291666666667%;}
.space2>.grid12{ width:49.5%;}
.space2>.grid13{ width:53.708333333333%;}
.space2>.grid14{ width:57.916666666667%;}
.space2>.grid15{ width:62.125%;}
.space2>.grid16{ width:66.333333333333%;}
.space2>.grid17{ width:70.541666666667%;}
.space2>.grid18{ width:74.75%;}
.space2>.grid19{ width:78.958333333333%;}
.space2>.grid20{ width:83.166666666667%;}
.space2>.grid21{ width:87.375%;}
.space2>.grid22{ width:91.583333333333%;}
.space2>.grid23{ width:95.791666666667%;}
.space2>.grid24{ width:100%;}

/* 1.5% MARGIN */

.space3>.grid{ margin-left: 1.5%;}

.space3>.grid1{ width:2.7291666666667%;}
.space3>.grid2{ width:6.9583333333333%;}
.space3>.grid3{ width:11.1875%;}
.space3>.grid4{ width:15.416666666667%;}
.space3>.grid5{ width:19.645833333333%;}
.space3>.grid6{ width:23.875%;}
.space3>.grid7{ width:28.104166666667%;}
.space3>.grid8{ width:32.333333333333%;}
.space3>.grid9{ width:36.5625%;}
.space3>.grid10{ width:40.791666666667%;}
.space3>.grid11{ width:45.020833333333%;}
.space3>.grid12{ width:49.25%;}
.space3>.grid13{ width:53.479166666667%;}
.space3>.grid14{ width:57.708333333333%;}
.space3>.grid15{ width:61.9375%;}
.space3>.grid16{ width:66.166666666667%;}
.space3>.grid17{ width:70.395833333333%;}
.space3>.grid18{ width:74.625%;}
.space3>.grid19{ width:78.854166666667%;}
.space3>.grid20{ width:83.083333333333%;}
.space3>.grid21{ width:87.3125%;}
.space3>.grid22{ width:91.541666666667%;}
.space3>.grid23{ width:95.770833333333%;}
.space3>.grid24{ width:100%;}

/* 2% MARGIN */

.space4>.grid{ margin-left: 2%;}

.space4>.grid1  { width: 2.25%; }
.space4>.grid2  { width: 6.5%; }
.space4>.grid3  { width: 10.75%; }
.space4>.grid4  { width: 15.0%; }
.space4>.grid5  { width: 19.25%; }
.space4>.grid6  { width: 23.5%; }
.space4>.grid7  { width: 27.75%; }
.space4>.grid8  { width: 32.0%; }
.space4>.grid9  { width: 36.25%; }
.space4>.grid10 { width: 40.5%; }
.space4>.grid11 { width: 44.75%; }
.space4>.grid12 { width: 49.0%; }
.space4>.grid13 { width: 53.25%; }
.space4>.grid14 { width: 57.5%; }
.space4>.grid15 { width: 61.75%; }
.space4>.grid16 { width: 66.0%; }
.space4>.grid17 { width: 70.25%; }
.space4>.grid18 { width: 74.5%; }
.space4>.grid19 { width: 78.75%; }
.space4>.grid20 { width: 83.0%; }
.space4>.grid21 { width: 87.25%; }
.space4>.grid22 { width: 91.5%; }
.space4>.grid23 { width: 95.75%; }
.space4>.grid24 { width: 100%; }


/* 2.5% MARGIN */

.space5>.grid{ margin-left: 2.5%;}

.space5>.grid1{ width:1.7708333333333%;}
.space5>.grid2{ width:6.0416666666667%;}
.space5>.grid3{ width:10.3125%;}
.space5>.grid4{ width:14.583333333333%;}
.space5>.grid5{ width:18.854166666667%;}
.space5>.grid6{ width:23.125%;}
.space5>.grid7{ width:27.395833333333%;}
.space5>.grid8{ width:31.666666666667%;}
.space5>.grid9{ width:35.9375%;}
.space5>.grid10{ width:40.208333333333%;}
.space5>.grid11{ width:44.479166666667%;}
.space5>.grid12{ width:48.75%;}
.space5>.grid13{ width:53.020833333333%;}
.space5>.grid14{ width:57.291666666667%;}
.space5>.grid15{ width:61.5625%;}
.space5>.grid16{ width:65.833333333333%;}
.space5>.grid17{ width:70.104166666667%;}
.space5>.grid18{ width:74.375%;}
.space5>.grid19{ width:78.645833333333%;}
.space5>.grid20{ width:82.916666666667%;}
.space5>.grid21{ width:87.1875%;}
.space5>.grid22{ width:91.458333333333%;}
.space5>.grid23{ width:95.729166666667%;}
.space5>.grid24{ width:100%;}


/* 3% MARGIN */

.space6>.grid{ margin-left: 3%;}

.space6>.grid1{ width:1.2916666666667%;}
.space6>.grid2{ width:5.5833333333333%;}
.space6>.grid3{ width:9.875%;}
.space6>.grid4{ width:14.166666666667%;}
.space6>.grid5{ width:18.458333333333%;}
.space6>.grid6{ width:22.75%;}
.space6>.grid7{ width:27.041666666667%;}
.space6>.grid8{ width:31.333333333333%;}
.space6>.grid9{ width:35.625%;}
.space6>.grid10{ width:39.916666666667%;}
.space6>.grid11{ width:44.208333333333%;}
.space6>.grid12{ width:48.5%;}
.space6>.grid13{ width:52.791666666667%;}
.space6>.grid14{ width:57.083333333333%;}
.space6>.grid15{ width:61.375%;}
.space6>.grid16{ width:65.666666666667%;}
.space6>.grid17{ width:69.958333333333%;}
.space6>.grid18{ width:74.25%;}
.space6>.grid19{ width:78.541666666667%;}
.space6>.grid20{ width:82.833333333333%;}
.space6>.grid21{ width:87.125%;}
.space6>.grid22{ width:91.416666666667%;}
.space6>.grid23{ width:95.708333333333%;}
.space6>.grid24{ width:100%;}


/* OVERALL */

.space .grid:first-child{ margin-left: 0;}