/* Responsive */
	.grid { position: relative; float: left; height: auto; }
	.grid-admin { overflow: hidden;  }
	.grid-content { margin: 2px 0; }
	.grid-margin > .grid-content { margin: 2px 20px; /*border: 1px transparent solid;*/ }
	.grid-page { margin: 0 auto; width: 1024px; }
	.grid-admin .grid-content { min-height: 50px; }
	
	/* Grid */
	.grid-un { width: 100%; }
	.grid-deux { width: 90%; }
	.grid-trois { width: 80%; }
	.grid-quatre { width: 75%; }
	.grid-cinq { width: 66.666666666666666%; }
	.grid-six { width: 60%; }
	.grid-sept { width: 50%; }
	.grid-huit { width: 40%; }
	.grid-neuf { width: 33.333333333333333% }
	.grid-dix { width: 25%; }
	.grid-one { width: 20%; }
	.grid-douze { width: 10%; }
	.grid-treize { width: 16.666666%; }
	/* Marges */
	.grid-margin-top-5 { padding-top: 5px; }
	.grid-margin-right-5 { padding-right: 5px; }
	.grid-margin-bottom-5 { padding-bottom: 5px; }
	.grid-margin-left-5 { padding-left: 5px; }
	.grid-margin-top-10 { padding-top: 10px; }
	.grid-margin-right-10 { padding-right: 10px; }
	.grid-margin-bottom-10 { padding-bottom: 10px; }
	.grid-margin-left-10 { padding-left: 10px; }
	.grid-margin-top-15 { padding-top: 15px; }
	.grid-margin-right-15 { padding-right: 15px; }
	.grid-margin-bottom-15 { padding-bottom: 15px; }
	.grid-margin-left-15 { padding-left: 15px; }
	.grid-margin-top-20 { padding-top: 20px; }
	.grid-margin-right-20 { padding-right: 20px; }
	.grid-margin-bottom-20 { padding-bottom: 20px; }
	.grid-margin-left-20 { padding-left: 20px; }
	.grid-margin-top-25 { padding-top: 25px; }
	.grid-margin-right-25 { padding-right: 25px; }
	.grid-margin-bottom-25 { padding-bottom: 25px; }
	.grid-margin-left-25 { padding-left: 25px; }
	.grid-margin-top-30 { padding-top: 30px; }
	.grid-margin-right-30 { padding-right: 30px; }
	.grid-margin-bottom-30 { padding-bottom: 30px; }
	.grid-margin-left-30 { padding-left: 30px; }
	
	/*.grid-large { display: block; }
	.grid-tablette { display: none; }
	.grid-modile { display: none; }*/
	
	.grid-no-large { display: none !important; }
	.ie8 .no-large { display: none !important; }


	/* Large */
	@media (min-width: 1050px) {
		
		.grid-no-large { display: none !important; }
		.no-large { display: none !important; }
		
	}
	

/* Tablette — BS5 : sm à md */
@media (min-width: 768px) and (max-width: 991.98px) {
    .grid-page { margin: 0 auto; width: 100%; }

    .grid-no-large    { display: block; }
    .grid-no-tablette { display: none !important; }
    .no-tablette      { display: none !important; }
}

/* Mobile — BS5 : xs + sm  (tout ce qui est < 768px) */
@media (max-width: 767.98px) {

    .grid-un,
    .grid-deux,
    .grid-trois,
    .grid-quatre,
    .grid-cinq,
    .grid-six,
    .grid-sept,
    .grid-huit,
    .grid-neuf,
    .grid-dix,
    .grid-one,
    .grid-treize,
    .grid-douze { width: 100%; float: none; }

    .grid-margin-top-5,  .grid-margin-right-5,  .grid-margin-bottom-5,  .grid-margin-left-5,
    .grid-margin-top-10, .grid-margin-right-10, .grid-margin-bottom-10, .grid-margin-left-10,
    .grid-margin-top-15, .grid-margin-right-15, .grid-margin-bottom-15, .grid-margin-left-15,
    .grid-margin-top-20, .grid-margin-right-20, .grid-margin-bottom-20, .grid-margin-left-20,
    .grid-margin-top-25, .grid-margin-right-25, .grid-margin-bottom-25, .grid-margin-left-25,
    .grid-margin-top-30, .grid-margin-right-30, .grid-margin-bottom-30, .grid-margin-left-30 { padding: 0 !important; }

    .grid-page  { margin: 0 auto; width: 100%; }
    .grid       { display: block; width: 100%; float: none; }

    .grid-no-large  { display: block !important; }
    .grid-no-mobile { display: none  !important; }
    .no-mobile      { display: none  !important; }
}