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


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////// SEPAeditor ///////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* V.1 */
/* 06/2013 */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* /////////////////////////////////// */
/* /////// CLASS @media screen /////// */
/* /////////////////////////////////// */
	.full{display:block;}
	.mobile{display:none !important;}
	.tablette{display:none !important;}
	
	@media screen and (max-width:980px){
		.tablette{display:block !important}
	}
	
	@media screen and (max-width:610px){
		.full{display:none;}
		.mobile{display:block !important;}	
	}


		

	

	/* BTN MENU */
	/*.btn-menu{float:left; position:absolute; width:35px; height:35px; background-image:url(../images/btn-menu.png); background-repeat:no-repeat; top:5px; left:5px; cursor:pointer;}*/
	
	@media screen and (max-width:610px){
		@keyframes MenuSlideOpen{from {left:-75%} to {left:0}}
		@-webkit-keyframes MenuSlideOpen /* Safari and Chrome */{from {left:-75%} to {left:0}}
		@-moz-keyframes MenuSlideOpen /* Firefox */{from {left:-75%} to {left:0}}
		
		@keyframes BodySlideOpen{from {left:0} to {left:75%}}
		@-webkit-keyframes BodySlideOpen{from {left:0} to {left:75%}}
		@-moz-keyframes BodySlideOpen{from {left:0} to {left:75%}}
		
		#menu ul{animation: MenuSlideOpen .5s; -webkit-animation:MenuSlideOpen .5s; /* Safari and Chrome */}
		
		body:target{left:-75%}
	}