@media screen and (max-width: 768px) {
	h1 {
		line-height: 100%;
	}
	
	figure, img {
		max-width: 100%;
	}
	
	.wrapper {
		max-width: 100% !important;
		min-width: 100% !important;
		padding: 20px;
		width: 100%;
	}
	
	.xs-hide {
		display: none !important;
	}
	
	.xs-show {
		display: block;
	}
	
	.xs-inline-block {
		display: inline-block;
	}
	
	.xs-center { text-align: center }
	
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-33 {
		width: 100% !important;
	}
	
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-33 {
		max-width: none !important;
	}
	
	.col-xs-auto {width: auto !important}
	.col-xs-1 { width: 12.5% !important}
	.col-xs-2 { width: 25% !important}
	.col-xs-4 { width: 50% !important}
	.col-xs-7 { width: 87.5% !important}
	.col-xs-8 { width: 100% !important}
	
	.col-xs-33 {width: 33.3% !important; float: left;}
	
	
	.padding-lg, .padding-lg-t-20, .padding-lg-r-20, .padding-lg-b-20, .p-lg-b-20, .padding-lg-l-20, .p-lg-t-20, 
	.p-lg-t-10, .p-lg-r-10, .p-lg-b-10, .p-lg-l-10 
	{ padding: 0 0 0 0 !important }
	
	 .p-r-20 { padding-right: 0}
	
	.padding-lg { padding: 0px }
	.p-lg-t-40 { padding-top: 0px }
	.p-lg-r-40 { padding-right: 0px }
	.p-lg-b-40 { padding-bottom: 0px }
	.p-lg-l-40 { padding-left: 0px }
	
	.padding-xs-0, .p-xs-0 { padding: 0 !important}
	.padding-xs-l-0 { padding-left: 0 !important}
	.padding-xs-r-0 { padding-right: 0 !important}
	.padding-xs-t-0 { padding-top: 0 !important}
	.padding-xs-b-0, .p-xs-b-0 { padding-bottom: 0 !important}
	
	.p-xs-5 {padding: 5px}
	.p-xs-t-5 { padding-top: 5px}
	.p-xs-r-5 { padding-right: 5px}
	.p-xs-b-5 { padding-bottom: 5px }
	.p-xs-l-5 { padding-left: 5px}
	
	.p-xs-10 {padding: 10px}
	.p-xs-t-10 { padding-top: 10px !important}
	.p-xs-r-10 { padding-right: 10px !important}
	.p-xs-b-10 { padding-bottom: 10px }
	.p-xs-l-10 { padding-left: 10px !important}
	
	.p-xs-20 {padding: 20px}
	.padding-xs-t-20, .p-xs-t-20 { padding-top: 20px !important}
	.padding-xs-r-20, .p-xs-r-20 { padding-right: 20px !important}
	.padding-xs-b-20 { padding-bottom: 20px }
	.padding-xs-l-20, .p-xs-l-20 { padding-left: 20px !important}
	
	.m-lg-t-20 {margin-top: 0 !important}
	.m-lg-b-20 {margin-bottom: 0 !important}
	
	.m-xs-r-0 {margin-right: 0 !important}
	.m-xs-b-0 {margin-bottom: 0 !important}
	
	.m-xs-b-20 {margin-bottom: 20px !important}
	
	#container {padding-top: 51px; }
	
	
	textarea, input[type="text"] {
		font-size: 16px;
		line-height: 20px;
		max-width: 100%;
	}
	
	/* HEADER */
	
		header nav {
			padding: 0 0;
			border-bottom: 1px solid #d6d6d6;
		}
	
		header .wrapper {
			padding: 0;
		}
	
		header .flaticon-menu {
			display: block;
			position: absolute;
			left: 17px;
			top: 17px;
			z-index: 1200;
		}
	
		header .logo {
			position: relative;
			text-align: center;
			width: 100%;
		}
		
		header .logo a {
    		margin: 4px 0 0px 0;
    		height: 46px;
		}
		
		header a:hover {
			color: rgb(51, 51, 51) !important;
		}
		
		header nav .main-menu {
			height: auto !important;
			width: 200px;
		}
		
		header #nav-search, .cbp-hsmenu {
			position: absolute;
			right: 0px;
			top: 2px;
			z-index: 1200;
		}
		
		.cbp-hsmenu {
			right: 35px;
		}
		
		.loginMenuLink {
			position: fixed;
		}
		
		.cbp-hsmenu>li.hasSub>a:before {
			display: none;
		}
		
	#searchInput {
		margin: 0;
		padding: 0 40px 0 40px;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 3000;
	}
	
		#searchInput .flaticon-search {
			position: absolute;
			left: 17px;
			top: 17px;
		}
	
		#searchInput input {
			font-size: 18px;
			width: 100%;
		}
	
	#searchOverlay .wrapper {
		padding: 0px;
	}
	
		#searchOverlay .wrapper>div {
			margin-left: 10px;
		}
		
		
	/* MODALS */
	
	div.fullOverlay .content {
		width: 100%
	}
		
	/* MOBILE MENU */
	
	body.open .mobileMenu {
		left: 215px;
	}

	

		header nav ul.main-menu {
			background: rgba(255, 255, 255, .95);
			left: -200px;
			padding: 0;
			position: absolute;
			top: 51px;
			transition: all 0.5s;
			z-index: 1;
		}
		
			header nav ul.main-menu>li {
				float: inherit;
				margin-right: 0;
				padding-left: 20px;
				width: 100%;
			}
		
			body.open .main-menu {
				left: 0px;
			}
		
			body.open .main-menu {
				display: block !important;
			}
		
		header.h nav ul.main {
			background: #111;
			height: 100%;
			padding: 0;
			position: fixed;
			right: -200px;
			top: 45px;
			transition: right 0.2s;
			width: 200px;
			z-index: 0;
		}
		
			body.open header.h nav ul.main {
				right: 0;
			}
		
			header.h ul.main li {
				float: none;
			}
			
				header.h ul.main ul {
					display: block !important;
					position: relative;
					border-width: 0px;
					border-style: none solid solid;
					border-color: -moz-use-text-color #C5C5C4 #C5C5C5 #E3E3E3;
					display: block;
					padding-left: 10px;
					top: 0;
				}

					header.h ul.main ul li a {
						background: transparent;
						color: #9B9B9B;
						padding: 5px;
					}
				
				header.h ul.main li {
					margin: 5px 3px 0px 0px;
				}
				
					header.h ul.main > li > a {
						background: none;
						color: #fff;
						float: none;
						font-weight: bold;
					}
				
		

	body {
	    overflow-x: hidden;
	}
	
	/* FOOTER */
	
	#footer {
		padding: 0
	}
	
	footer ul li a {
		padding: 5px 0
	}
	
	/* HOMEPAGE */ 
	
	#slideshow_home {
		height: 250px;
		margin-top: -51px;
		width: 100%;
	}
	
		#slideshow_home .swrapper a {
			height: 250px;
		}
	
		#slideshow_home .label {
			width: 80%;
			height: 175px;
			margin: 0 auto;
			padding-top: 75px;
		}
		
		#slideshow_home .label1,#slideshow_home .label2 {
			background-color: rgba(255, 255, 255, 0.6);
			color: #000;
			display: inline-block;
			float: left;
			clear: both;
			font-size: 25px;
			line-height: 30px;
			padding: 10px 20px;
			margin-left: 0px;
		}
	
	/* BROWSE */
	
	
	#page-title {
		padding: 0;
		margin-bottom: 0px;
	}
	
	#page-title h1 {
		font-size: 22px;
	}
	
		#breadcrumb li:last-of-type {
			display: none;
		}
		
		#breadcrumb li:nth-last-child(2) a {
			background: none;
		}
	
	/* SERIES */
	
	.atype.fixed, body.fixed #list_view {
		padding-top: 0 !important;
	}
	
	/* PAGE AUTEUR */
	
	.bubbles {
		display: inline-block;
	}
	
	/* News */
	#blog-post .date span {
		clear: right;
		display: block;
		float: inherit;
		padding: 0 5px 20px 0;
	}
	
	#blog-post .date span {
		font-size: 20px;
	}
	
	#blog-post .date span.day {
		font-size: 20px;
	}
	
	#blog-post .date span.month {
		font-size: 20px;
	}
	
	#blog-post .date span.year {
		font-size: 20px;
	}
	
	/* **** FORUM **** */
	
	ul.topiclist dd {
		border-left: none;
	}
	
	dl.icon dt, dl.forumicon dt {
		line-height: 30px;
		padding-left: 40px;
	}
	dl.icon dd, dl.forumicon dd {
		min-height: 0;
	}
	
	dd.lastpost {
		line-height: 15px
	}
	
		dd.lastpost span {
			padding-left: 40px;
		}
		
		dd.lastpost span.noProfile {
			padding-left: 0;
		}
		
	li.row:hover {
		background-color: inherit;
	}

		li.row:hover dd {
			border-left-color: inherit;
		}
		
	/* **** PROFIL PUBLIC **** */
	
	.profil-header .wrapper {
		padding: 10px;
	}
	
	.profil-header .quick .tabs li a:hover, .profil-header .quick .tabs li.selected a {
		border-color: rgba(255, 255, 255, 0);
	}
	
	/* **** BDTHEQUE **** */
	
	#bdtheque-menu {
		position: realtive;
	}
	
		#bdtheque-menu #xs-menu {
			height: 33px;
			margin-left: -35px;
			padding: 0 20px;
			position: absolute;
			width: 100%;
		}
		
	body.bdtheque #book-picture img {
		margin-bottom: 0 !important;
		max-width: 100%;
	}
	
	body.bdtheque #book-info dt {
		width: 100px;
	}
	
	body.bdtheque #book-info dd {
		padding-left: 110px;
	}
	
	/* **** LISTES **** */
	
	.liste {
		width: 600px;
		overflow: hidden;
	}
	
	/* ALBUM LIST */
	
	#list_view .album-infos h4, #list_view .album-infos h5, #list_view .album-infos dd {
		white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	
	#list_view a {
		color: rgb(51, 51, 51)
	}
	
	#list_view dt {
		display: none;
	}
	
	#list_view #book-info dd {
		clear: left;
    	float: left;
		margin-top: 0;
		padding-left: 10px; 
		width: auto; 
	}
	
	#list_view .xs-square-cover {
		display: block;
		float: left;
		height: 92px;
		overflow: hidden;
		vertical-align: middle;
		width: 92px !important;
	}
	
		#list_view .xs-square-cover img {
			width: 92px !important;
		}
		
		#list_view .h-series {
			font-size: 18px;
			font-weight: 400;
		} 
		
		#list_view .h-album {
			font-weight: normal;
			font-size: 14px;
		}
		
		.xs-arrow-link {
			height: 92px;
			position: absolute;
			width: 100%;
			z-index: 800;
		}
		
		.xs-arrow-link span:before {
			background: #d1d1d1;
			border-radius: 50%;
			box-sizing: border-box;
			color: #fff;
			float: right;
			font-size: 14px;
			height: 22px;
			line-height: 22px;
			margin-top: 35px;
			padding-left: 5px;
			width: 22px
		}
		
	#list_view .album-infos, body.series #list_view .album-infos {
		padding-left: 102px;
		padding-right: 35px;
		position: absolute;	
    	width: 100%;
	}
}