.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	/*height: 0;*/
}

@media screen, projection {
	
	/**
	* @section Column Module
	*
	*/

	.ap-column { display:table; width:100%; }

	.ap-column-col1 { float:left; width:20%; }
	.ap-column-col2 { float:right; width:20%; }
	.ap-column col3 { width:auto; margin:0 20%; }

	.ap-contentbox { padding: 0 10px }
	.ap-contentbox-left { padding: 0 10px 0 0 }
	.ap-contentbox-right { padding: 0 0 0 10px }	

	.ap-grid-container:before, .ap-clearfix:before,
	.ap-grid-container:after,
	.ap-clearfix:after {
		content: ".";
		display: block;
		overflow: hidden;
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		width: 0;
		height: 0;
	}

	.ap-grid-container:after, .ap-clearfix:after {
		clear: both;
	}

	.ap-grid-container, .ap-clearfix {
		/* <IE7> */
		*zoom: 1;
		/* </IE7> */
	}

	.ap-grid-container {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.ap-grid-left { float:left; margin: 0; }
	.ap-grid-right { float:right; margin: 0 0 0 -5px; }	

	.ap-grid-5, .mobile-ap-grid-5, .tablet-ap-grid-5, 
	.ap-grid-10, .mobile-ap-grid-10, .tablet-ap-grid-10, 
	.ap-grid-15, .mobile-ap-grid-15, .tablet-ap-grid-15, 
	.ap-grid-20, .mobile-ap-grid-20, .tablet-ap-grid-20, 
	.ap-grid-25, .mobile-ap-grid-25, .tablet-ap-grid-25, 
	.ap-grid-30, .mobile-ap-grid-30, .tablet-ap-grid-30, 
	.ap-grid-35, .mobile-ap-grid-35, .tablet-ap-grid-35, 
	.ap-grid-40, .mobile-ap-grid-40, .tablet-ap-grid-40, 
	.ap-grid-45, .mobile-ap-grid-45, .tablet-ap-grid-45, 
	.ap-grid-50, .mobile-ap-grid-50, .tablet-ap-grid-50, 
	.ap-grid-55, .mobile-ap-grid-55, .tablet-ap-grid-55, 
	.ap-grid-60, .mobile-ap-grid-60, .tablet-ap-grid-60, 
	.ap-grid-65, .mobile-ap-grid-65, .tablet-ap-grid-65, 
	.ap-grid-70, .mobile-ap-grid-70, .tablet-ap-grid-70, 
	.ap-grid-75, .mobile-ap-grid-75, .tablet-ap-grid-75, 
	.ap-grid-80, .mobile-ap-grid-80, .tablet-ap-grid-80, 
	.ap-grid-85, .mobile-ap-grid-85, .tablet-ap-grid-85, 
	.ap-grid-90, .mobile-ap-grid-90, .tablet-ap-grid-90, 
	.ap-grid-95, .mobile-ap-grid-95, .tablet-ap-grid-95, 
	.ap-grid-100, .mobile-ap-grid-100, .tablet-ap-grid-100, 
	.ap-grid-33, .mobile-ap-grid-33, .tablet-ap-grid-33, 
	.ap-grid-66, .mobile-ap-grid-66, .tablet-ap-grid-66 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 0px;
		padding-right: 0px;
		/* <IE7> */
		*padding-left: 0;
		*padding-right: 0;
		/* </IE7> */
	}
	.ap-grid-5 > *, .mobile-ap-grid-5 > *, .tablet-ap-grid-5 > *, 
	.ap-grid-10 > *, .mobile-ap-grid-10 > *, .tablet-ap-grid-10 > *, 
	.ap-grid-15 > *, .mobile-ap-grid-15 > *, .tablet-ap-grid-15 > *, 
	.ap-grid-20 > *, .mobile-ap-grid-20 > *, .tablet-ap-grid-20 > *, 
	.ap-grid-25 > *, .mobile-ap-grid-25 > *, .tablet-ap-grid-25 > *, 
	.ap-grid-30 > *, .mobile-ap-grid-30 > *, .tablet-ap-grid-30 > *, 
	.ap-grid-35 > *, .mobile-ap-grid-35 > *, .tablet-ap-grid-35 > *, 
	.ap-grid-40 > *, .mobile-ap-grid-40 > *, .tablet-ap-grid-40 > *, 
	.ap-grid-45 > *, .mobile-ap-grid-45 > *, .tablet-ap-grid-45 > *, 
	.ap-grid-50 > *, .mobile-ap-grid-50 > *, .tablet-ap-grid-50 > *, 
	.ap-grid-55 > *, .mobile-ap-grid-55 > *, .tablet-ap-grid-55 > *, 
	.ap-grid-60 > *, .mobile-ap-grid-60 > *, .tablet-ap-grid-60 > *, 
	.ap-grid-65 > *, .mobile-ap-grid-65 > *, .tablet-ap-grid-65 > *, 
	.ap-grid-70 > *, .mobile-ap-grid-70 > *, .tablet-ap-grid-70 > *, 
	.ap-grid-75 > *, .mobile-ap-grid-75 > *, .tablet-ap-grid-75 > *, 
	.ap-grid-80 > *, .mobile-ap-grid-80 > *, .tablet-ap-grid-80 > *, 
	.ap-grid-85 > *, .mobile-ap-grid-85 > *, .tablet-ap-grid-85 > *, 
	.ap-grid-90 > *, .mobile-ap-grid-90 > *, .tablet-ap-grid-90 > *, 
	.ap-grid-95 > *, .mobile-ap-grid-95 > *, .tablet-ap-grid-95 > *, 
	.ap-grid-100 > *, .mobile-ap-grid-100 > *, .tablet-ap-grid-100 > *, 
	.ap-grid-33 > *, .mobile-ap-grid-33 > *, .tablet-ap-grid-33 > *, 
	.ap-grid-66 > *, .mobile-ap-grid-66 > *, .tablet-ap-grid-66 > * {
		/* <IE7> */
		*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
		*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
		/* </IE7> */
	}

	.ap-grid-parent {
		padding-left: 0;
		padding-right: 0;
		min-height:1px;
	}

	body {
	
	}
}

/* Important, ne pas supprimer (surtout toi Chris) pour le fonctionnement du MediaMatcher pour les styles dynamiques */
@media screen and (max-width: 767px) {

}

@media screen and (min-width: 767px) and (max-width: 1025px) {

}

@media screen and (min-width: 1025px) {

}