/****** Normal Mode ************************************/
	.row {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 0;
		*zoom: 1;
/* bordure pour débogage
background-image: url(2px-green.gif), url(2px-green.gif), url(2px-green.gif), url(2px-green.gif);
background-position: left bottom, left top, top left, top right;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
*/
	}
	.row:before, .row:after {
		content: " ";
		display: table;
	}
	.row:after {
		clear: both;
	}
	.cols {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
/* bordure pour débogage
background-image: url(3px-red.gif), url(3px-red.gif), url(3px-red.gif), url(3px-red.gif);
background-position: left bottom, left top, top left, top right;
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
*/
	}
/****** Media Queries **********************************/

/* Normal Mode */
	.xxl-0  {display:none; }
	.xxl-1  {display:inline-block; width: 8.33333%; }
	.xxl-2  {display:inline-block; width: 16.66667%; }
	.xxl-3  {display:inline-block; width: 25%; }
	.xxl-4  {display:inline-block; width: 33.33333%; }
	.xxl-5  {display:inline-block; width: 41.66667%; }
	.xxl-6  {display:inline-block; width: 50%; }
	.xxl-7  {display:inline-block; width: 58.33333%; }
	.xxl-8  {display:inline-block; width: 66.66667%; }
	.xxl-9  {display:inline-block; width: 75%; }
	.xxl-10 {display:inline-block; width: 83.33333%; }
	.xxl-11 {display:inline-block; width: 91.66667%; }
	.xxl-12 {display:inline-block; width: 100%; }
	
@media only screen and (min-width: 1280px) {
}@media screen and (max-width: 1024px) {
}@media screen and (max-width: 800px) {
}@media screen and (max-width: 600px) {
}@media screen and (max-width: 480px) {
}@media screen and (max-width: 320px) {
}

/* Desktops and laptops */
@media only screen and (min-width: 1280px) {
	div#body {
		width: 1200px;
	}
}
/* Tablet Landscape */
@media screen and (max-width: 1024px) {
}

/* Tabled Portrait */
@media screen and (max-width: 800px) {
	.xl-0  {display:none; }
	.xl-1  {display:inline-block; width: 8.33333%; }
	.xl-2  {display:inline-block; width: 16.66667%; }
	.xl-3  {display:inline-block; width: 25%; }
	.xl-4  {display:inline-block; width: 33.33333%; }
	.xl-5  {display:inline-block; width: 41.66667%; }
	.xl-6  {display:inline-block; width: 50%; }
	.xl-7  {display:inline-block; width: 58.33333%; }
	.xl-8  {display:inline-block; width: 66.66667%; }
	.xl-9  {display:inline-block; width: 75%; }
	.xl-10 {display:inline-block; width: 83.33333%; }
	.xl-11 {display:inline-block; width: 91.66667%; }
	.xl-12 {display:inline-block; width: 100%;}
}

/* Tabled Portrait */
@media screen and (max-width: 600px) {
	.md-0  {display:none; }
	.md-1  {display:inline-block; width: 8.33333%; }
	.md-2  {display:inline-block; width: 16.66667%; }
	.md-3  {display:inline-block; width: 25%; }
	.md-4  {display:inline-block; width: 33.33333%; }
	.md-5  {display:inline-block; width: 41.66667%; }
	.md-6  {display:inline-block; width: 50%; }
	.md-7  {display:inline-block; width: 58.33333%; }
	.md-8  {display:inline-block; width: 66.66667%; }
	.md-9  {display:inline-block; width: 75%; }
	.md-10 {display:inline-block; width: 83.33333%; }
	.md-11 {display:inline-block; width: 91.66667%; }
	.md-12 {display:inline-block; width: 100%;}
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {
	.sm-0  {display:none; }
	.sm-1  {display:inline-block; width: 8.33333%; }
	.sm-2  {display:inline-block; width: 16.66667%; }
	.sm-3  {display:inline-block; width: 25%; }
	.sm-4  {display:inline-block; width: 33.33333%; }
	.sm-5  {display:inline-block; width: 41.66667%; }
	.sm-6  {display:inline-block; width: 50%; }
	.sm-7  {display:inline-block; width: 58.33333%; }
	.sm-8  {display:inline-block; width: 66.66667%; }
	.sm-9  {display:inline-block; width: 75%; }
	.sm-10 {display:inline-block; width: 83.33333%; }
	.sm-11 {display:inline-block; width: 91.66667%; }
	.sm-12 {display:inline-block; width: 100%; }
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {
	.xs-0  {display:inline-block; display:none; }
	.xs-1  {display:inline-block; width: 8.33333%; }
	.xs-2  {display:inline-block; width: 16.66667%; }
	.xs-3  {display:inline-block; width: 25%; }
	.xs-4  {display:inline-block; width: 33.33333%; }
	.xs-5  {display:inline-block; width: 41.66667%; }
	.xs-6  {display:inline-block; width: 50%; }
	.xs-7  {display:inline-block; width: 58.33333%; }
	.xs-8  {display:inline-block; width: 66.66667%; }
	.xs-9  {display:inline-block; width: 75%; }
	.xs-10 {display:inline-block; width: 83.33333%; }
	.xs-11 {display:inline-block; width: 91.66667%; }
	.xs-12 {display:inline-block; width: 100%; }
}



/* Print Mode */
@media print {
	.prt-0  {display:none; }
	.prt-1  {display:inline-block; width: 8.33333%; }
	.prt-2  {display:inline-block; width: 16.66667%; }
	.prt-3  {display:inline-block; width: 25%; }
	.prt-4  {display:inline-block; width: 33.33333%; }
	.prt-5  {display:inline-block; width: 41.66667%; }
	.prt-6  {display:inline-block; width: 50%; }
	.prt-7  {display:inline-block; width: 58.33333%; }
	.prt-8  {display:inline-block; width: 66.66667%; }
	.prt-9  {display:inline-block; width: 75%; }
	.prt-10 {display:inline-block; width: 83.33333%; }
	.prt-11 {display:inline-block; width: 91.66667%; }
	.prt-12 {display:inline-block; width: 100%; }
	
}
/*******************************************************/