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

/**
 * Cette feuille de styles permet d'ajouter des éléments aidant au développement.
 * A supprimer à la mise en production.
 */
 
 /*
==================================================
	Table of Contents / Sommaire
==================================================
    #Mobile (Portrait)	// 320px
	#Mobile (Landscape)	// 480px
    #Tablet (Portrait)	// 768px
	#Tablet (Landscape)	// 1024px
	#Computer			// 1280px > 1250 + scrollbar
*/


/*
==================================================
	Mobile (Portrait)	// 320px
==================================================
*/
body::before {
	content:"Mobile portrait";
	display:block;
	position:fixed;
	bottom:0;
	right:0;
	background:#222;
	color:#FFF;
	padding:.35rem;
	z-index:1000;
	margin:0 .2rem .2rem 0;
	
	/*Opacity*/
	opacity : .3;
    -moz-opacity : .3;
    -ms-filter: "alpha(opacity=30)"; /* IE 8 */
    filter : alpha(opacity=30); /* IE < 8 */

}

/*#xxx [class^="col"] {
	background:#EEE;
	border-bottom:1px solid #666;
	border-right:1px solid #222;
	text-align:center;
}*/

/*
==================================================
	Mobile (Landscape)	// 480px
==================================================
*/
@media screen and (min-width: 480px) {
body::before {
	content:"Mobile paysage";
}

}/*/mediaquery*/

/*
==================================================
	Tablet (Portrait)	// 768px
==================================================
*/
@media screen and (min-width: 768px) {
body::before {
	content:"Tablette portrait";
}

}/*/mediaquery*/

/*
==================================================
	Tablet (Landscape)	// 1024px
==================================================
*/
@media screen and (min-width: 1024px) {
body::before {
	content:"Tablette paysage";
}

}/*/mediaquery*/

/*
==================================================
	Computer	//  > 1250 + scrollbar
==================================================
*/
@media screen and (min-width: 1250px) {
body::before {
	content:"Ordinateur 1280+";
}

}/*/mediaquery*/