/**, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/

body { margin: 0; }

[class*='col_'] {
	float: left;
	/*padding-right: 20px;*/
}

[class*='col_']:last-of-type { padding-right: 0px; }

.grid { /* Grille contenant les colonnes */
	width: 100%;
	max-width: 1280px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.a_droite { float: right; } /* À appliquer à une colonne pour qu'elle flotte à droite */

/* 	Colonnes de la grille, supporte des colonnes de 1, 2, 3, 4, 5, 6, 8, 10 ou 12 dans une même grille */
/*  SUR 12 COLONNES */ 

.col_12-12, .col_10-10, .col_8-8, .col_6-6, .col_5-5, .col_4-4, .col_3-3, .col_2-2, .col_1-1 { width: 100%; }

.col_11-12 { width: 91.667%; }

.col_9-10 { width: 90%; }

.col_7-8 { width: 87.5%; }

.col_10-12, .col_5-6 {
	width: 83.333%;
}

.col_8-10, .col_4-5 { width: 80%; }

.col_9-12, .col_6-8, .col_3-4 { width: 75%; }

.col_7-10 { width: 70%; }

.col_8-12, .col_4-6, .col_2-3 { width: 66.667%; }

.col_5-8 { width: 62.5%; }

.col_6-10, .col_3-5 { width: 60%; }

.col_7-12 { width: 58.333%; }

.col_6-12, .col_5-10, .col_4-8, .col_3-6, .col_2-4, .col_1-2 { width: 50%; }

.col_5-12 { width: 41.667%; }

.col_4-10, .col_2-5 { width: 40%; }

.col_3-8 { width: 37.5%; }

.col_4-12, .col_3-9, .col_2-6, .col_1-3 { width: 33.333%; }

.col_3-10 { width: 30%; }

.col_3-12, .col_2-8, .col_1-4 { width: 25%;}

.col_2-10, .col_1-5 { width:  20%; }

.col_2-12, .col_1-6 { width: 16.667%; }

.col_1-8 { width: 12.5%; }

.col_1-10 { width: 10%; }

.col_1-12 { width: 8.333%; }

/*  SUR 24 COLONNES */ 
.col_24-24 { width:100% }
.col_23-24 { width:95.841% }
.col_22-24 { width:91.674% }
.col_21-24 { width:87.507% }
.col_20-24 { width:83.34% }
.col_19-24 { width:79.173% }
.col_18-24 { width:75% }
.col_17-24 { width:70.839% }
.col_16-24 { width:66.672% }
.col_15-24 { width:62.505% }
.col_14-24 { width:58.338% }
.col_13-24 { width:54.17% }
.col_12-24 { width:50% }
.col_11-24 { width:45.837% }
.col_10-24 { width:41.67% }
.col_9-24 { width:37.5% }
.col_8-24 { width:33.336% }
.col_7-24 { width:29.169% }
.col_6-24 { width:25% }
.col_5-24 { width:20.835% }
.col_4-24 { width:16.668% }
.col_3-24 { width:12.5% }
.col_2-24 { width:8.334% }
.col_1-24 { width:4.167% }

/* SUR 34 COLONNES */ 
.col_34-34 { width:100% }
.col_33-34 { width:97.05% }
.col_32-34 { width:94.11% }
.col_31-34 { width:91.17% }
.col_30-34 { width:88.23% }
.col_29-34 { width:85.29% }
.col_28-34 { width:82.35% }
.col_27-34 { width:79.41% }
.col_26-34 { width:76.47% }
.col_25-34 { width:73.52% }
.col_24-34 { width:70.59% }
.col_23-34 { width:67.64% }
.col_22-34 { width:64.70% }
.col_21-34 { width:61.76% }
.col_20-34 { width:58.82% }
.col_19-34 { width:55.88% }
.col_18-34 { width:52.94% }
.col_17-34 { width:50% }
.col_16-34 { width:47.05% }
.col_15-34 { width:44.12% }
.col_14-34 { width:41.17% }
.col_13-34 { width:38.23% }
.col_12-34 { width:35.29% }
.col_11-34 { width:32.35% }
.col_10-34 { width:29.41% }
.col_9-34 { width:26.47% }
.col_8-34 { width:23.53% }
.col_7-34 { width:20.59% }
.col_6-34 { width:17.64% }
.col_5-34 { width:14.70% }
.col_4-34 { width:11.76% }
.col_3-34 { width:8.82% }
.col_2-34 { width:5.88% }
.col_1-34 { width:2.94% }



/* Marges sur 12 colonnes */
.marge_11-12 {
	margin-left: 91.667%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (11 / 12));
}

.marge_9-10 { margin-left: 90%; }

.marge_7-8 { margin-left: 87.5%; }

.marge_10-12, .marge_5-6 {
	margin-left: 83.333%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (5 / 6));
}

.marge_8-10, .marge_4-5 { margin-left: 80%; }

.marge_9-12, .marge_6-8, .marge_3-4 { margin-left: 75%; }

.marge_7-10 { margin-left: 70%; }

.marge_8-12, .marge_4-6, .marge_2-3 {
	margin-left: 66.667%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (2 / 3));
}

.marge_5-8 { margin-left: 62.5%; }

.marge_6-10, .marge_3-5 { margin-left: 60%; }

.marge_7-12 {
	margin-left: 58.333%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (7 / 12));
}

.marge_6-12, .marge_5-10, .marge_4-8, .marge_3-6, .marge_2-4, .marge_1-2 { margin-left: 50%; }

.marge_5-12 {
	margin-left: 41.667%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (5 / 12));
}

.marge_4-10, .marge_2-5 { margin-left: 40%; }

.marge_3-8 { margin-left: 37.5%; }

.marge_4-12, .marge_3-9, .marge_2-6, .marge_1-3 {
	margin-left: 33.333%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (1 / 3));
}

.marge_3-10 { margin-left: 30%; }

.marge_3-12, .marge_2-8, .marge_1-4 { margin-left: 25%;}

.marge_2-10, .marge_1-5 { margin-left:  20%; }

.marge_2-12, .marge_1-6 {
	margin-left: 16.667%;
	margin-left: calc(100% * (1 / 6));
}

.marge_1-8 { margin-left: 12.5%; }

.marge_1-10 { margin-left: 10%; }

.marge_1-12 {
	margin-left: 8.333%; /* Taille si vieux navigateur */
	margin-left: calc(100% * (1 / 12));
}

/*  Marges sur 24 colonnes */ 
.marge_1-24 { margin-left: 4.167%; }
.marge_2-24 { margin-left: 8.334%; }
.marge_3-24 { margin-left: 12.5%; }
.marge_4-24 { margin-left: 16.668%; }
.marge_5-24 { margin-left: 20.835%; }
.marge_6-24 { margin-left: 25%; }
.marge_7-24 { margin-left: 29.169%; }
.marge_8-24 { margin-left: 33.336%; }
.marge_9-24 { margin-left: 37.5%; }
.marge_10-24 { margin-left: 41.67%; }
.marge_11-24 { margin-left: 45.837%; }
.marge_12-24 { margin-left: 50%; } 
.marge_13-24 { margin-left: 54.17%; }
.marge_14-24 { margin-left: 58.338%; }
.marge_15-24 { margin-left: 62.505%; }
.marge_16-24 { margin-left: 66.672%; }
.marge_17-24 { margin-left: 70.839%; }
.marge_18-24 { margin-left: 75%; }
.marge_19-24 { margin-left: 79.173%; }
.marge_20-24 { margin-left: 83.34%; }
.marge_21-24 { margin-left: 87.507%; }
.marge_22-24 { margin-left: 91.674%; }
.marge_23-24 { margin-left: 95.841%; }

/* MARGES SUR 34 COLONNES */ 
.marge_34-34 { margin-left:100% }
.marge_33-34 { margin-left:97.05% }
.marge_32-34 { margin-left:94.11% }
.marge_31-34 { margin-left:91.17% }
.marge_30-34 { margin-left:88.23% }
.marge_29-34 { margin-left:85.29% }
.marge_28-34 { margin-left:82.35% }
.marge_27-34 { margin-left:79.41% }
.marge_26-34 { margin-left:76.47% }
.marge_25-34 { margin-left:73.52% }
.marge_24-34 { margin-left:70.59% }
.marge_23-34 { margin-left:67.64% }
.marge_22-34 { margin-left:64.70% }
.marge_21-34 { margin-left:61.76% }
.marge_20-34 { margin-left:58.82% }
.marge_19-34 { margin-left:55.88% }
.marge_18-34 { margin-left:52.94% }
.marge_17-34 { margin-left:50% }
.marge_16-34 { margin-left:47.05% }
.marge_15-34 { margin-left:44.12% }
.marge_14-34 { margin-left:41.17% }
.marge_13-34 { margin-left:38.23% }
.marge_12-34 { margin-left:35.29% }
.marge_11-34 { margin-left:32.35% }
.marge_10-34 { margin-left:29.41% }
.marge_9-34 { margin-left:26.47% }
.marge_8-34 { margin-left:23.53% }
.marge_7-34 { margin-left:20.59% }
.marge_6-34 { margin-left:17.64% }
.marge_5-34 { margin-left:14.70% }
.marge_4-34 { margin-left:11.76% }
.marge_3-34 { margin-left:8.82% }
.marge_2-34 { margin-left:5.88% }
.marge_1-34 { margin-left:2.94% }


/* Changement responsive */
@media handheld, only screen and (max-width: 1140px) {

	.grid {
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	[class*='col_'],[class*='marge_'], [class*='col_']:last-of-type {
		width: auto; /* Les grilles prennent une largeur maximale */
		float: none;
		/*margin-left: 10px;*/
		/*margin-right: 10px;*/
		/*margin-top: 10px;*/
		/*margin-bottom: 10px;*/
		/*padding-left: 5px;*/
		/*padding-right: 5px;*/
	}
}

/*
	3 vues :
		ordi (ordinateur avec width > 1139px),
		tab (tablette avec width > 767px)
		tel (téléphone avec width <768px)
	Permet de créer des élements visibles à seulement une certaine taille
*/
@media handheld, only screen and (min-width: 1140px) {
	.cache_tel, .cache_tab, .visible_ordi {display: block ; }
	.visible_tel, .visible_tab, .cache_ordi { display: none ; }
}
@media handheld, only screen and (min-width: 700px) and (max-width: 1140px) {
	.cache_tel, .visible_tab, .cache_ordi {display: block ; }
	.visible_tel, .cache_tab, .visible_ordi { display: none ; }
}
@media handheld, only screen and (max-width: 699px) {
	.visible_tel, .cache_tab, .cache_ordi { display: block ; }
	.cache_tel, .visible_tab, .visible_ordi {display: none ; }
}