body { font-size:16px; margin:0 auto; padding:0; box-sizing: border-box; overflow-y:auto;}

.innerspace {padding:2.25%;}
.innerspacebig {padding:5%;}
.spacer { padding: 2%; }
.no-margin { margin:0%!important; }
.no-left-margin { margin-left:0%!important; }
.no-right-margin { margin-right:0%!important; }
.no-top-margin { margin-top:0%!important; }
.no-bot-margin { margin-bottom:0%!important; }
.small-left-margin {margin-left:5px!important;}
.small-bot-margin {margin-bottom:5px!important;}
.center { text-align:center; }
.right { text-aligh:right; }

.container10, .container12, .container10large { 
	 min-width:960px;
	 max-width:1200px;
	 width:80%;
	 margin-left:auto;
	 margin-right:auto;
	 position:relative;
	 font-size:0px;
}
.container10large, .container12large { width : 100%; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10  { 
	margin : 1.5%;
	text-align: left;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	box-sizing: border-box;
	*display:inline;

	word-wrap: break-word;

}

// Cree la grille de base
.grid_1w { width: 9%; margin : 0.5%; }
.grid_1 { width : 7%; }
.grid_2 { width : 17%; }
.grid_3 { width : 27%; }
.grid_4 { width : 37%; }
.grid_5 { width : 47%; }
.grid_6 { width : 57%; }
.grid_7 { width : 67%; }
.grid_8 { width : 77%; }
.grid_9 { width : 87%; }
.grid_10 { width : 97%; }


/*.push_1 { padding-left : 10%; }
.pull_1 { padding-right : 10%; }*/
/*.push_2 { padding-left : 20%; }
.pull_2 { padding-right : 20%; }*/
/*.push_3 { padding-left : 30%; }
.pull_3 { padding-right : 30%; }*/
/*.push_4 { padding-left : 40%; }
.pull_4 { padding-right : 40%; }*/
/*.push_5 { padding-left : 50%; }
.pull_5 { padding-right : 50%; }*/
/*.push_6 { padding-left : 60%; }
.pull_6 { padding-right : 60%; }*/
/*.push_7 { padding-left : 70%; }
.pull_7 { padding-right : 70%; }*/
/*.push_8 { padding-left : 80%; }
.pull_8 { padding-right : 80%; }*/
/*.push_9 { padding-left : 90%; }
.pull_9 { padding-right : 90%; }*/
/*.push_10 { padding-left : 100%; }
.pull_10 { padding-right : 100%; }*/


.group_1, .group_2, .group_3, .group_4, .group_5, .group_6, .group_7, .group_8, .group_9, .group_10 {
	margin : 0%;
	font-size:0px;
	display:inline-block;
	vertical-align:top;
	zoom:1;
	box-sizing: border-box;
	*display:inline;
}






.group_1 { width : 10%; }
.group_2 { width : 20%; }
.group_3 { width : 30%; }
.group_4 { width : 40%; }
.group_5 { width : 50%; }
.group_6 { width : 60%; }
.group_7 { width : 70%; }
.group_8 { width : 80%; }
.group_9 { width : 90%; }
.group_10 { width : 100%; }

/* facteur 1 */
.group_10 .grid_1, .group_10 .grid_2, .group_10 .grid_3, .group_10 .grid_4, .group_10 .grid_5, .group_10 .grid_6, .group_10 .grid_7, .group_10 .grid_8, .group_10 .grid_9, .group_10 .grid_10 { 	margin : 1.5%; }
.group_10 .grid_1w {  width: 9%; margin : 0.5%; }

.group_10 .grid_1 { width : 7%; }
.group_10 .grid_1.no-margin { width : 10%; }
.group_10 .grid_1.no-left-margin, .group_10 .grid_1.no-right-margin { width : 8.5%;}

.group_10 .grid_2 { width : 17%; }
.group_10 .grid_2.no-margin { width : 20%; }
.group_10 .grid_2.no-left-margin, .group_10 .grid_2.no-right-margin { width : 18.5%;}

.group_10 .grid_3 { width : 27%; }
.group_10 .grid_3.no-margin { width : 30%; }
.group_10 .grid_3.no-left-margin, .group_10 .grid_3.no-right-margin { width : 28.5%;}

.group_10 .grid_4 { width : 37%; }
.group_10 .grid_4.no-margin { width : 40%; }
.group_10 .grid_4.no-left-margin, .group_10 .grid_4.no-right-margin { width : 38.5%;}

.group_10 .grid_5 { width : 47%; }
.group_10 .grid_5.no-margin { width : 50%; }
.group_10 .grid_5.no-left-margin, .group_10 .grid_5.no-right-margin { width : 48.5%;}

.group_10 .grid_6 { width : 57%; }
.group_10 .grid_6.no-margin { width : 60%; }
.group_10 .grid_6.no-left-margin, .group_10 .grid_6.no-right-margin { width : 58.5%;}

.group_10 .grid_7 { width : 67%; }
.group_10 .grid_7.no-margin { width : 70%; }
.group_10 .grid_7.no-left-margin, .group_10 .grid_7.no-right-margin { width : 68.5%;}

.group_10 .grid_8 { width : 77%; }
.group_10 .grid_8.no-margin { width : 80%; }
.group_10 .grid_8.no-left-margin, .group_10 .grid_8.no-right-margin { width : 78.5%;}

.group_10 .grid_9 { width : 87%; }
.group_10 .grid_9.no-margin { width : 90%; }
.group_10 .grid_9.no-left-margin, .group_10 .grid_9.no-right-margin { width : 88.5%;}

.group_10 .grid_10 { width : 97%; }
.group_10 .grid_10.no-margin { width : 100%; }
.group_10 .grid_10.no-left-margin, .group_10 .grid_10.no-right-margin { width : 98.5%;}

.group_10 .spacer { padding : 1.5%; }
.group_10 > .group_1 { width:10%; }
.group_10 > .group_2 { width:20%; }
.group_10 > .group_3 { width:30%; }
.group_10 > .group_4 { width:40%; }
.group_10 > .group_5 { width:50%; }
.group_10 > .group_6 { width:60%; }
.group_10 > .group_7 { width:70%; }
.group_10 > .group_8 { width:80%; }
.group_10 > .group_9 { width:90%; }
.group_10 > .group_10 { width:100%; }
/* facteur 1.1111111111111 */
.group_9 .grid_1, .group_9 .grid_2, .group_9 .grid_3, .group_9 .grid_4, .group_9 .grid_5, .group_9 .grid_6, .group_9 .grid_7, .group_9 .grid_8, .group_9 .grid_9, .group_9 .grid_10 { 	margin : 1.6666666666667%; }
.group_9 .grid_1w {  width: 10%; margin : 0.55555555555556%; }

.group_9 .grid_1 { width : 7.7777777777778%; }
.group_9 .grid_1.no-margin { width : 11.111111111111%; }
.group_9 .grid_1.no-left-margin, .group_9 .grid_1.no-right-margin { width : 9.4444444444444%;}

.group_9 .grid_2 { width : 18.888888888889%; }
.group_9 .grid_2.no-margin { width : 22.222222222222%; }
.group_9 .grid_2.no-left-margin, .group_9 .grid_2.no-right-margin { width : 20.555555555556%;}

.group_9 .grid_3 { width : 30%; }
.group_9 .grid_3.no-margin { width : 33.333333333333%; }
.group_9 .grid_3.no-left-margin, .group_9 .grid_3.no-right-margin { width : 31.666666666667%;}

.group_9 .grid_4 { width : 41.111111111111%; }
.group_9 .grid_4.no-margin { width : 44.444444444444%; }
.group_9 .grid_4.no-left-margin, .group_9 .grid_4.no-right-margin { width : 42.777777777778%;}

.group_9 .grid_5 { width : 52.222222222222%; }
.group_9 .grid_5.no-margin { width : 55.555555555556%; }
.group_9 .grid_5.no-left-margin, .group_9 .grid_5.no-right-margin { width : 53.888888888889%;}

.group_9 .grid_6 { width : 63.333333333333%; }
.group_9 .grid_6.no-margin { width : 66.666666666667%; }
.group_9 .grid_6.no-left-margin, .group_9 .grid_6.no-right-margin { width : 65%;}

.group_9 .grid_7 { width : 74.444444444444%; }
.group_9 .grid_7.no-margin { width : 77.777777777778%; }
.group_9 .grid_7.no-left-margin, .group_9 .grid_7.no-right-margin { width : 76.111111111111%;}

.group_9 .grid_8 { width : 85.555555555556%; }
.group_9 .grid_8.no-margin { width : 88.888888888889%; }
.group_9 .grid_8.no-left-margin, .group_9 .grid_8.no-right-margin { width : 87.222222222222%;}

.group_9 .grid_9 { width : 96.666666666667%; }
.group_9 .grid_9.no-margin { width : 100%; }
.group_9 .grid_9.no-left-margin, .group_9 .grid_9.no-right-margin { width : 98.333333333333%;}

.group_9 .grid_10 { width : 96.666666666667%; }
.group_9 .grid_10.no-margin { width : 100%; }
.group_9 .grid_10.no-left-margin, .group_9 .grid_10.no-right-margin { width : 98.333333333333%;}

.group_9 .spacer { padding : 1.6666666666667%; }
.group_9 > .group_1 { width:11.111111111111%; }
.group_9 > .group_2 { width:22.222222222222%; }
.group_9 > .group_3 { width:33.333333333333%; }
.group_9 > .group_4 { width:44.444444444444%; }
.group_9 > .group_5 { width:55.555555555556%; }
.group_9 > .group_6 { width:66.666666666667%; }
.group_9 > .group_7 { width:77.777777777778%; }
.group_9 > .group_8 { width:88.888888888889%; }
.group_9 > .group_9 { width:100%; }
/* facteur 1.25 */
.group_8 .grid_1, .group_8 .grid_2, .group_8 .grid_3, .group_8 .grid_4, .group_8 .grid_5, .group_8 .grid_6, .group_8 .grid_7, .group_8 .grid_8, .group_8 .grid_9, .group_8 .grid_10 { 	margin : 1.875%; }
.group_8 .grid_1w {  width: 11.25%; margin : 0.625%; }

.group_8 .grid_1 { width : 8.75%; }
.group_8 .grid_1.no-margin { width : 12.5%; }
.group_8 .grid_1.no-left-margin, .group_8 .grid_1.no-right-margin { width : 10.625%;}

.group_8 .grid_2 { width : 21.25%; }
.group_8 .grid_2.no-margin { width : 25%; }
.group_8 .grid_2.no-left-margin, .group_8 .grid_2.no-right-margin { width : 23.125%;}

.group_8 .grid_3 { width : 33.75%; }
.group_8 .grid_3.no-margin { width : 37.5%; }
.group_8 .grid_3.no-left-margin, .group_8 .grid_3.no-right-margin { width : 35.625%;}

.group_8 .grid_4 { width : 46.25%; }
.group_8 .grid_4.no-margin { width : 50%; }
.group_8 .grid_4.no-left-margin, .group_8 .grid_4.no-right-margin { width : 48.125%;}

.group_8 .grid_5 { width : 58.75%; }
.group_8 .grid_5.no-margin { width : 62.5%; }
.group_8 .grid_5.no-left-margin, .group_8 .grid_5.no-right-margin { width : 60.625%;}

.group_8 .grid_6 { width : 71.25%; }
.group_8 .grid_6.no-margin { width : 75%; }
.group_8 .grid_6.no-left-margin, .group_8 .grid_6.no-right-margin { width : 73.125%;}

.group_8 .grid_7 { width : 83.75%; }
.group_8 .grid_7.no-margin { width : 87.5%; }
.group_8 .grid_7.no-left-margin, .group_8 .grid_7.no-right-margin { width : 85.625%;}

.group_8 .grid_8 { width : 96.25%; }
.group_8 .grid_8.no-margin { width : 100%; }
.group_8 .grid_8.no-left-margin, .group_8 .grid_8.no-right-margin { width : 98.125%;}

.group_8 .grid_9 { width : 96.25%; }
.group_8 .grid_9.no-margin { width : 100%; }
.group_8 .grid_9.no-left-margin, .group_8 .grid_9.no-right-margin { width : 98.125%;}

.group_8 .grid_10 { width : 96.25%; }
.group_8 .grid_10.no-margin { width : 100%; }
.group_8 .grid_10.no-left-margin, .group_8 .grid_10.no-right-margin { width : 98.125%;}

.group_8 .spacer { padding : 1.875%; }
.group_8 > .group_1 { width:12.5%; }
.group_8 > .group_2 { width:25%; }
.group_8 > .group_3 { width:37.5%; }
.group_8 > .group_4 { width:50%; }
.group_8 > .group_5 { width:62.5%; }
.group_8 > .group_6 { width:75%; }
.group_8 > .group_7 { width:87.5%; }
.group_8 > .group_8 { width:100%; }
/* facteur 1.4285714285714 */
.group_7 .grid_1, .group_7 .grid_2, .group_7 .grid_3, .group_7 .grid_4, .group_7 .grid_5, .group_7 .grid_6, .group_7 .grid_7, .group_7 .grid_8, .group_7 .grid_9, .group_7 .grid_10 { 	margin : 2.1428571428571%; }
.group_7 .grid_1w {  width: 12.857142857143%; margin : 0.71428571428571%; }

.group_7 .grid_1 { width : 10%; }
.group_7 .grid_1.no-margin { width : 14.285714285714%; }
.group_7 .grid_1.no-left-margin, .group_7 .grid_1.no-right-margin { width : 12.142857142857%;}

.group_7 .grid_2 { width : 24.285714285714%; }
.group_7 .grid_2.no-margin { width : 28.571428571429%; }
.group_7 .grid_2.no-left-margin, .group_7 .grid_2.no-right-margin { width : 26.428571428571%;}

.group_7 .grid_3 { width : 38.571428571429%; }
.group_7 .grid_3.no-margin { width : 42.857142857143%; }
.group_7 .grid_3.no-left-margin, .group_7 .grid_3.no-right-margin { width : 40.714285714286%;}

.group_7 .grid_4 { width : 52.857142857143%; }
.group_7 .grid_4.no-margin { width : 57.142857142857%; }
.group_7 .grid_4.no-left-margin, .group_7 .grid_4.no-right-margin { width : 55%;}

.group_7 .grid_5 { width : 67.142857142857%; }
.group_7 .grid_5.no-margin { width : 71.428571428571%; }
.group_7 .grid_5.no-left-margin, .group_7 .grid_5.no-right-margin { width : 69.285714285714%;}

.group_7 .grid_6 { width : 81.428571428571%; }
.group_7 .grid_6.no-margin { width : 85.714285714286%; }
.group_7 .grid_6.no-left-margin, .group_7 .grid_6.no-right-margin { width : 83.571428571429%;}

.group_7 .grid_7 { width : 95.714285714286%; }
.group_7 .grid_7.no-margin { width : 100%; }
.group_7 .grid_7.no-left-margin, .group_7 .grid_7.no-right-margin { width : 97.857142857143%;}

.group_7 .grid_8 { width : 95.714285714286%; }
.group_7 .grid_8.no-margin { width : 100%; }
.group_7 .grid_8.no-left-margin, .group_7 .grid_8.no-right-margin { width : 97.857142857143%;}

.group_7 .grid_9 { width : 95.714285714286%; }
.group_7 .grid_9.no-margin { width : 100%; }
.group_7 .grid_9.no-left-margin, .group_7 .grid_9.no-right-margin { width : 97.857142857143%;}

.group_7 .grid_10 { width : 95.714285714286%; }
.group_7 .grid_10.no-margin { width : 100%; }
.group_7 .grid_10.no-left-margin, .group_7 .grid_10.no-right-margin { width : 97.857142857143%;}

.group_7 .spacer { padding : 2.1428571428571%; }
.group_7 > .group_1 { width:14.285714285714%; }
.group_7 > .group_2 { width:28.571428571429%; }
.group_7 > .group_3 { width:42.857142857143%; }
.group_7 > .group_4 { width:57.142857142857%; }
.group_7 > .group_5 { width:71.428571428571%; }
.group_7 > .group_6 { width:85.714285714286%; }
.group_7 > .group_7 { width:100%; }
/* facteur 1.6666666666667 */
.group_6 .grid_1, .group_6 .grid_2, .group_6 .grid_3, .group_6 .grid_4, .group_6 .grid_5, .group_6 .grid_6, .group_6 .grid_7, .group_6 .grid_8, .group_6 .grid_9, .group_6 .grid_10 { 	margin : 2.5%; }
.group_6 .grid_1w {  width: 15%; margin : 0.83333333333333%; }

.group_6 .grid_1 { width : 11.666666666667%; }
.group_6 .grid_1.no-margin { width : 16.666666666667%; }
.group_6 .grid_1.no-left-margin, .group_6 .grid_1.no-right-margin { width : 14.166666666667%;}

.group_6 .grid_2 { width : 28.333333333333%; }
.group_6 .grid_2.no-margin { width : 33.333333333333%; }
.group_6 .grid_2.no-left-margin, .group_6 .grid_2.no-right-margin { width : 30.833333333333%;}

.group_6 .grid_3 { width : 45%; }
.group_6 .grid_3.no-margin { width : 50%; }
.group_6 .grid_3.no-left-margin, .group_6 .grid_3.no-right-margin { width : 47.5%;}

.group_6 .grid_4 { width : 61.666666666667%; }
.group_6 .grid_4.no-margin { width : 66.666666666667%; }
.group_6 .grid_4.no-left-margin, .group_6 .grid_4.no-right-margin { width : 64.166666666667%;}

.group_6 .grid_5 { width : 78.333333333333%; }
.group_6 .grid_5.no-margin { width : 83.333333333333%; }
.group_6 .grid_5.no-left-margin, .group_6 .grid_5.no-right-margin { width : 80.833333333333%;}

.group_6 .grid_6 { width : 95%; }
.group_6 .grid_6.no-margin { width : 100%; }
.group_6 .grid_6.no-left-margin, .group_6 .grid_6.no-right-margin { width : 97.5%;}

.group_6 .grid_7 { width : 95%; }
.group_6 .grid_7.no-margin { width : 100%; }
.group_6 .grid_7.no-left-margin, .group_6 .grid_7.no-right-margin { width : 97.5%;}

.group_6 .grid_8 { width : 95%; }
.group_6 .grid_8.no-margin { width : 100%; }
.group_6 .grid_8.no-left-margin, .group_6 .grid_8.no-right-margin { width : 97.5%;}

.group_6 .grid_9 { width : 95%; }
.group_6 .grid_9.no-margin { width : 100%; }
.group_6 .grid_9.no-left-margin, .group_6 .grid_9.no-right-margin { width : 97.5%;}

.group_6 .grid_10 { width : 95%; }
.group_6 .grid_10.no-margin { width : 100%; }
.group_6 .grid_10.no-left-margin, .group_6 .grid_10.no-right-margin { width : 97.5%;}

.group_6 .spacer { padding : 2.5%; }
.group_6 > .group_1 { width:16.666666666667%; }
.group_6 > .group_2 { width:33.333333333333%; }
.group_6 > .group_3 { width:50%; }
.group_6 > .group_4 { width:66.666666666667%; }
.group_6 > .group_5 { width:83.333333333333%; }
.group_6 > .group_6 { width:100%; }
/* facteur 2 */
.group_5 .grid_1, .group_5 .grid_2, .group_5 .grid_3, .group_5 .grid_4, .group_5 .grid_5, .group_5 .grid_6, .group_5 .grid_7, .group_5 .grid_8, .group_5 .grid_9, .group_5 .grid_10 { 	margin : 3%; }
.group_5 .grid_1w {  width: 18%; margin : 1%; }

.group_5 .grid_1 { width : 14%; }
.group_5 .grid_1.no-margin { width : 20%; }
.group_5 .grid_1.no-left-margin, .group_5 .grid_1.no-right-margin { width : 17%;}

.group_5 .grid_2 { width : 34%; }
.group_5 .grid_2.no-margin { width : 40%; }
.group_5 .grid_2.no-left-margin, .group_5 .grid_2.no-right-margin { width : 37%;}

.group_5 .grid_3 { width : 54%; }
.group_5 .grid_3.no-margin { width : 60%; }
.group_5 .grid_3.no-left-margin, .group_5 .grid_3.no-right-margin { width : 57%;}

.group_5 .grid_4 { width : 74%; }
.group_5 .grid_4.no-margin { width : 80%; }
.group_5 .grid_4.no-left-margin, .group_5 .grid_4.no-right-margin { width : 77%;}

.group_5 .grid_5 { width : 94%; }
.group_5 .grid_5.no-margin { width : 100%; }
.group_5 .grid_5.no-left-margin, .group_5 .grid_5.no-right-margin { width : 97%;}

.group_5 .grid_6 { width : 94%; }
.group_5 .grid_6.no-margin { width : 100%; }
.group_5 .grid_6.no-left-margin, .group_5 .grid_6.no-right-margin { width : 97%;}

.group_5 .grid_7 { width : 94%; }
.group_5 .grid_7.no-margin { width : 100%; }
.group_5 .grid_7.no-left-margin, .group_5 .grid_7.no-right-margin { width : 97%;}

.group_5 .grid_8 { width : 94%; }
.group_5 .grid_8.no-margin { width : 100%; }
.group_5 .grid_8.no-left-margin, .group_5 .grid_8.no-right-margin { width : 97%;}

.group_5 .grid_9 { width : 94%; }
.group_5 .grid_9.no-margin { width : 100%; }
.group_5 .grid_9.no-left-margin, .group_5 .grid_9.no-right-margin { width : 97%;}

.group_5 .grid_10 { width : 94%; }
.group_5 .grid_10.no-margin { width : 100%; }
.group_5 .grid_10.no-left-margin, .group_5 .grid_10.no-right-margin { width : 97%;}

.group_5 .spacer { padding : 3%; }
.group_5 > .group_1 { width:20%; }
.group_5 > .group_2 { width:40%; }
.group_5 > .group_3 { width:60%; }
.group_5 > .group_4 { width:80%; }
.group_5 > .group_5 { width:100%; }
/* facteur 2.5 */
.group_4 .grid_1, .group_4 .grid_2, .group_4 .grid_3, .group_4 .grid_4, .group_4 .grid_5, .group_4 .grid_6, .group_4 .grid_7, .group_4 .grid_8, .group_4 .grid_9, .group_4 .grid_10 { 	margin : 3.75%; }
.group_4 .grid_1w {  width: 22.5%; margin : 1.25%; }

.group_4 .grid_1 { width : 17.5%; }
.group_4 .grid_1.no-margin { width : 25%; }
.group_4 .grid_1.no-left-margin, .group_4 .grid_1.no-right-margin { width : 21.25%;}

.group_4 .grid_2 { width : 42.5%; }
.group_4 .grid_2.no-margin { width : 50%; }
.group_4 .grid_2.no-left-margin, .group_4 .grid_2.no-right-margin { width : 46.25%;}

.group_4 .grid_3 { width : 67.5%; }
.group_4 .grid_3.no-margin { width : 75%; }
.group_4 .grid_3.no-left-margin, .group_4 .grid_3.no-right-margin { width : 71.25%;}

.group_4 .grid_4 { width : 92.5%; }
.group_4 .grid_4.no-margin { width : 100%; }
.group_4 .grid_4.no-left-margin, .group_4 .grid_4.no-right-margin { width : 96.25%;}

.group_4 .grid_5 { width : 92.5%; }
.group_4 .grid_5.no-margin { width : 100%; }
.group_4 .grid_5.no-left-margin, .group_4 .grid_5.no-right-margin { width : 96.25%;}

.group_4 .grid_6 { width : 92.5%; }
.group_4 .grid_6.no-margin { width : 100%; }
.group_4 .grid_6.no-left-margin, .group_4 .grid_6.no-right-margin { width : 96.25%;}

.group_4 .grid_7 { width : 92.5%; }
.group_4 .grid_7.no-margin { width : 100%; }
.group_4 .grid_7.no-left-margin, .group_4 .grid_7.no-right-margin { width : 96.25%;}

.group_4 .grid_8 { width : 92.5%; }
.group_4 .grid_8.no-margin { width : 100%; }
.group_4 .grid_8.no-left-margin, .group_4 .grid_8.no-right-margin { width : 96.25%;}

.group_4 .grid_9 { width : 92.5%; }
.group_4 .grid_9.no-margin { width : 100%; }
.group_4 .grid_9.no-left-margin, .group_4 .grid_9.no-right-margin { width : 96.25%;}

.group_4 .grid_10 { width : 92.5%; }
.group_4 .grid_10.no-margin { width : 100%; }
.group_4 .grid_10.no-left-margin, .group_4 .grid_10.no-right-margin { width : 96.25%;}

.group_4 .spacer { padding : 3.75%; }
.group_4 > .group_1 { width:25%; }
.group_4 > .group_2 { width:50%; }
.group_4 > .group_3 { width:75%; }
.group_4 > .group_4 { width:100%; }
/* facteur 3.3333333333333 */
.group_3 .grid_1, .group_3 .grid_2, .group_3 .grid_3, .group_3 .grid_4, .group_3 .grid_5, .group_3 .grid_6, .group_3 .grid_7, .group_3 .grid_8, .group_3 .grid_9, .group_3 .grid_10 { 	margin : 5%; }
.group_3 .grid_1w {  width: 30%; margin : 1.6666666666667%; }

.group_3 .grid_1 { width : 23.333333333333%; }
.group_3 .grid_1.no-margin { width : 33.333333333333%; }
.group_3 .grid_1.no-left-margin, .group_3 .grid_1.no-right-margin { width : 28.333333333333%;}

.group_3 .grid_2 { width : 56.666666666667%; }
.group_3 .grid_2.no-margin { width : 66.666666666667%; }
.group_3 .grid_2.no-left-margin, .group_3 .grid_2.no-right-margin { width : 61.666666666667%;}

.group_3 .grid_3 { width : 90%; }
.group_3 .grid_3.no-margin { width : 100%; }
.group_3 .grid_3.no-left-margin, .group_3 .grid_3.no-right-margin { width : 95%;}

.group_3 .grid_4 { width : 90%; }
.group_3 .grid_4.no-margin { width : 100%; }
.group_3 .grid_4.no-left-margin, .group_3 .grid_4.no-right-margin { width : 95%;}

.group_3 .grid_5 { width : 90%; }
.group_3 .grid_5.no-margin { width : 100%; }
.group_3 .grid_5.no-left-margin, .group_3 .grid_5.no-right-margin { width : 95%;}

.group_3 .grid_6 { width : 90%; }
.group_3 .grid_6.no-margin { width : 100%; }
.group_3 .grid_6.no-left-margin, .group_3 .grid_6.no-right-margin { width : 95%;}

.group_3 .grid_7 { width : 90%; }
.group_3 .grid_7.no-margin { width : 100%; }
.group_3 .grid_7.no-left-margin, .group_3 .grid_7.no-right-margin { width : 95%;}

.group_3 .grid_8 { width : 90%; }
.group_3 .grid_8.no-margin { width : 100%; }
.group_3 .grid_8.no-left-margin, .group_3 .grid_8.no-right-margin { width : 95%;}

.group_3 .grid_9 { width : 90%; }
.group_3 .grid_9.no-margin { width : 100%; }
.group_3 .grid_9.no-left-margin, .group_3 .grid_9.no-right-margin { width : 95%;}

.group_3 .grid_10 { width : 90%; }
.group_3 .grid_10.no-margin { width : 100%; }
.group_3 .grid_10.no-left-margin, .group_3 .grid_10.no-right-margin { width : 95%;}

.group_3 .spacer { padding : 5%; }
.group_3 > .group_1 { width:33.333333333333%; }
.group_3 > .group_2 { width:66.666666666667%; }
.group_3 > .group_3 { width:100%; }
/* facteur 5 */
.group_2 .grid_1, .group_2 .grid_2, .group_2 .grid_3, .group_2 .grid_4, .group_2 .grid_5, .group_2 .grid_6, .group_2 .grid_7, .group_2 .grid_8, .group_2 .grid_9, .group_2 .grid_10 { 	margin : 7.5%; }
.group_2 .grid_1w {  width: 45%; margin : 2.5%; }

.group_2 .grid_1 { width : 35%; }
.group_2 .grid_1.no-margin { width : 50%; }
.group_2 .grid_1.no-left-margin, .group_2 .grid_1.no-right-margin { width : 42.5%;}

.group_2 .grid_2 { width : 85%; }
.group_2 .grid_2.no-margin { width : 100%; }
.group_2 .grid_2.no-left-margin, .group_2 .grid_2.no-right-margin { width : 92.5%;}

.group_2 .grid_3 { width : 85%; }
.group_2 .grid_3.no-margin { width : 100%; }
.group_2 .grid_3.no-left-margin, .group_2 .grid_3.no-right-margin { width : 92.5%;}

.group_2 .grid_4 { width : 85%; }
.group_2 .grid_4.no-margin { width : 100%; }
.group_2 .grid_4.no-left-margin, .group_2 .grid_4.no-right-margin { width : 92.5%;}

.group_2 .grid_5 { width : 85%; }
.group_2 .grid_5.no-margin { width : 100%; }
.group_2 .grid_5.no-left-margin, .group_2 .grid_5.no-right-margin { width : 92.5%;}

.group_2 .grid_6 { width : 85%; }
.group_2 .grid_6.no-margin { width : 100%; }
.group_2 .grid_6.no-left-margin, .group_2 .grid_6.no-right-margin { width : 92.5%;}

.group_2 .grid_7 { width : 85%; }
.group_2 .grid_7.no-margin { width : 100%; }
.group_2 .grid_7.no-left-margin, .group_2 .grid_7.no-right-margin { width : 92.5%;}

.group_2 .grid_8 { width : 85%; }
.group_2 .grid_8.no-margin { width : 100%; }
.group_2 .grid_8.no-left-margin, .group_2 .grid_8.no-right-margin { width : 92.5%;}

.group_2 .grid_9 { width : 85%; }
.group_2 .grid_9.no-margin { width : 100%; }
.group_2 .grid_9.no-left-margin, .group_2 .grid_9.no-right-margin { width : 92.5%;}

.group_2 .grid_10 { width : 85%; }
.group_2 .grid_10.no-margin { width : 100%; }
.group_2 .grid_10.no-left-margin, .group_2 .grid_10.no-right-margin { width : 92.5%;}

.group_2 .spacer { padding : 7.5%; }
.group_2 > .group_1 { width:50%; }
.group_2 > .group_2 { width:100%; }
/* facteur 10 */
.group_1 .grid_1, .group_1 .grid_2, .group_1 .grid_3, .group_1 .grid_4, .group_1 .grid_5, .group_1 .grid_6, .group_1 .grid_7, .group_1 .grid_8, .group_1 .grid_9, .group_1 .grid_10 { 	margin : 15%; }
.group_1 .grid_1w {  width: 90%; margin : 5%; }

.group_1 .grid_1 { width : 70%; }
.group_1 .grid_1.no-margin { width : 100%; }
.group_1 .grid_1.no-left-margin, .group_1 .grid_1.no-right-margin { width : 85%;}

.group_1 .grid_2 { width : 70%; }
.group_1 .grid_2.no-margin { width : 100%; }
.group_1 .grid_2.no-left-margin, .group_1 .grid_2.no-right-margin { width : 85%;}

.group_1 .grid_3 { width : 70%; }
.group_1 .grid_3.no-margin { width : 100%; }
.group_1 .grid_3.no-left-margin, .group_1 .grid_3.no-right-margin { width : 85%;}

.group_1 .grid_4 { width : 70%; }
.group_1 .grid_4.no-margin { width : 100%; }
.group_1 .grid_4.no-left-margin, .group_1 .grid_4.no-right-margin { width : 85%;}

.group_1 .grid_5 { width : 70%; }
.group_1 .grid_5.no-margin { width : 100%; }
.group_1 .grid_5.no-left-margin, .group_1 .grid_5.no-right-margin { width : 85%;}

.group_1 .grid_6 { width : 70%; }
.group_1 .grid_6.no-margin { width : 100%; }
.group_1 .grid_6.no-left-margin, .group_1 .grid_6.no-right-margin { width : 85%;}

.group_1 .grid_7 { width : 70%; }
.group_1 .grid_7.no-margin { width : 100%; }
.group_1 .grid_7.no-left-margin, .group_1 .grid_7.no-right-margin { width : 85%;}

.group_1 .grid_8 { width : 70%; }
.group_1 .grid_8.no-margin { width : 100%; }
.group_1 .grid_8.no-left-margin, .group_1 .grid_8.no-right-margin { width : 85%;}

.group_1 .grid_9 { width : 70%; }
.group_1 .grid_9.no-margin { width : 100%; }
.group_1 .grid_9.no-left-margin, .group_1 .grid_9.no-right-margin { width : 85%;}

.group_1 .grid_10 { width : 70%; }
.group_1 .grid_10.no-margin { width : 100%; }
.group_1 .grid_10.no-left-margin, .group_1 .grid_10.no-right-margin { width : 85%;}

.group_1 .spacer { padding : 15%; }
.group_1 > .group_1 { width:100%; }




	
/* facteur 10 */

	
/* facteur 5 */
.group_2 .push_1 { padding-left : 50%; }
.group_2 .pull_1 { padding-right : 50%; }

	
/* facteur 3.3333333333333 */
.group_3 .push_1 { padding-left : 33.333333333333%; }
.group_3 .pull_1 { padding-right : 33.333333333333%; }
.group_3 .push_2 { padding-left : 66.666666666667%; }
.group_3 .pull_2 { padding-right : 66.666666666667%; }

	
/* facteur 2.5 */
.group_4 .push_1 { padding-left : 25%; }
.group_4 .pull_1 { padding-right : 25%; }
.group_4 .push_2 { padding-left : 50%; }
.group_4 .pull_2 { padding-right : 50%; }
.group_4 .push_3 { padding-left : 75%; }
.group_4 .pull_3 { padding-right : 75%; }

	
/* facteur 2 */
.group_5 .push_1 { padding-left : 20%; }
.group_5 .pull_1 { padding-right : 20%; }
.group_5 .push_2 { padding-left : 40%; }
.group_5 .pull_2 { padding-right : 40%; }
.group_5 .push_3 { padding-left : 60%; }
.group_5 .pull_3 { padding-right : 60%; }
.group_5 .push_4 { padding-left : 80%; }
.group_5 .pull_4 { padding-right : 80%; }

	
/* facteur 1.6666666666667 */
.group_6 .push_1 { padding-left : 16.666666666667%; }
.group_6 .pull_1 { padding-right : 16.666666666667%; }
.group_6 .push_2 { padding-left : 33.333333333333%; }
.group_6 .pull_2 { padding-right : 33.333333333333%; }
.group_6 .push_3 { padding-left : 50%; }
.group_6 .pull_3 { padding-right : 50%; }
.group_6 .push_4 { padding-left : 66.666666666667%; }
.group_6 .pull_4 { padding-right : 66.666666666667%; }
.group_6 .push_5 { padding-left : 83.333333333333%; }
.group_6 .pull_5 { padding-right : 83.333333333333%; }

	
/* facteur 1.4285714285714 */
.group_7 .push_1 { padding-left : 14.285714285714%; }
.group_7 .pull_1 { padding-right : 14.285714285714%; }
.group_7 .push_2 { padding-left : 28.571428571429%; }
.group_7 .pull_2 { padding-right : 28.571428571429%; }
.group_7 .push_3 { padding-left : 42.857142857143%; }
.group_7 .pull_3 { padding-right : 42.857142857143%; }
.group_7 .push_4 { padding-left : 57.142857142857%; }
.group_7 .pull_4 { padding-right : 57.142857142857%; }
.group_7 .push_5 { padding-left : 71.428571428571%; }
.group_7 .pull_5 { padding-right : 71.428571428571%; }
.group_7 .push_6 { padding-left : 85.714285714286%; }
.group_7 .pull_6 { padding-right : 85.714285714286%; }

	
/* facteur 1.25 */
.group_8 .push_1 { padding-left : 12.5%; }
.group_8 .pull_1 { padding-right : 12.5%; }
.group_8 .push_2 { padding-left : 25%; }
.group_8 .pull_2 { padding-right : 25%; }
.group_8 .push_3 { padding-left : 37.5%; }
.group_8 .pull_3 { padding-right : 37.5%; }
.group_8 .push_4 { padding-left : 50%; }
.group_8 .pull_4 { padding-right : 50%; }
.group_8 .push_5 { padding-left : 62.5%; }
.group_8 .pull_5 { padding-right : 62.5%; }
.group_8 .push_6 { padding-left : 75%; }
.group_8 .pull_6 { padding-right : 75%; }
.group_8 .push_7 { padding-left : 87.5%; }
.group_8 .pull_7 { padding-right : 87.5%; }

	
/* facteur 1.1111111111111 */
.group_9 .push_1 { padding-left : 11.111111111111%; }
.group_9 .pull_1 { padding-right : 11.111111111111%; }
.group_9 .push_2 { padding-left : 22.222222222222%; }
.group_9 .pull_2 { padding-right : 22.222222222222%; }
.group_9 .push_3 { padding-left : 33.333333333333%; }
.group_9 .pull_3 { padding-right : 33.333333333333%; }
.group_9 .push_4 { padding-left : 44.444444444444%; }
.group_9 .pull_4 { padding-right : 44.444444444444%; }
.group_9 .push_5 { padding-left : 55.555555555556%; }
.group_9 .pull_5 { padding-right : 55.555555555556%; }
.group_9 .push_6 { padding-left : 66.666666666667%; }
.group_9 .pull_6 { padding-right : 66.666666666667%; }
.group_9 .push_7 { padding-left : 77.777777777778%; }
.group_9 .pull_7 { padding-right : 77.777777777778%; }
.group_9 .push_8 { padding-left : 88.888888888889%; }
.group_9 .pull_8 { padding-right : 88.888888888889%; }

	
/* facteur 1 */
.group_10 .push_1 { padding-left : 10%; }
.group_10 .pull_1 { padding-right : 10%; }
.group_10 .push_2 { padding-left : 20%; }
.group_10 .pull_2 { padding-right : 20%; }
.group_10 .push_3 { padding-left : 30%; }
.group_10 .pull_3 { padding-right : 30%; }
.group_10 .push_4 { padding-left : 40%; }
.group_10 .pull_4 { padding-right : 40%; }
.group_10 .push_5 { padding-left : 50%; }
.group_10 .pull_5 { padding-right : 50%; }
.group_10 .push_6 { padding-left : 60%; }
.group_10 .pull_6 { padding-right : 60%; }
.group_10 .push_7 { padding-left : 70%; }
.group_10 .pull_7 { padding-right : 70%; }
.group_10 .push_8 { padding-left : 80%; }
.group_10 .pull_8 { padding-right : 80%; }
.group_10 .push_9 { padding-left : 90%; }
.group_10 .pull_9 { padding-right : 90%; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container10:before,
.container10:after {
  content: ".";

  display: block;

  overflow: hidden;

  visibility: hidden;

  font-size: 0;

  line-height: 0;

  width: 0;

  height: 0;

}

.clearfix:after,
.container10:after {
  clear: both;

}



.clearfix, .container10 {  
	zoom: 1;
 }