@charset "utf-8";
/* CSS Document 

	
*/


/* IV - Système de colonnes 
	--------------------------------------------------------------------------------------------------------------------------- */

	.row { display: table; width: 100%; }

		
		/* Colonnes propriétés identiques
		------------------------------------------------------------------------------------- */
		[class*="column"] { position: relative; display: table-cell; float: left; }




@media (min-width: 320px)  {
	
			/* Colonnes
		------------------------------------------------------------------------------------- */
		.column_1_1_mb	 	{ width: 100% }
		.column_1_2_mb	 	{ width: 50% }
		.column_2_5_mb	 	{ width: 40% }
		.column_3_5_mb	 	{ width: 60% }
		.column_4_5_mb	 	{ width: 80% }

}


@media (min-width: 640px) {


		/* Colonnes
		------------------------------------------------------------------------------------- */
		.column_1_1_tb	 	{ width: 100% }
		.column_1_2_tb	 	{ width: 50% }
		.column_2_5_tb	 	{ width: 40% }
		.column_3_5_tb	 	{ width: 60% }
		.column_4_5_tb	 	{ width: 80% }



}


@media (min-width: 960px)  {


		/* Colonnes
		------------------------------------------------------------------------------------- */
		.column_1_1_lp	 	{ width: 100% }
		.column_1_2_lp	 	{ width: 50% }
		.column_2_5_lp	 	{ width: 40% }
		.column_3_5_lp	 	{ width: 60% }
		.column_4_5_lp	 	{ width: 80% }




}


@media (min-width: 1200px) {

		/* Colonnes
		----------------------------------- */
		.column_1_1		 	{ width: 100% }
		.column_1_2		 	{ width: 50% }
		.column_2_5		 	{ width: 40% }
		.column_3_5		 	{ width: 60% }
		.column_4_5		 	{ width: 80% }



}