@media only screen and (max-width: 1024px) {
	.container {width: 96%;}
	.entry-content {max-width: 80%;display: block;}
	h1, h2, h3, h4, h5, h6 {display: block;}
	.pl40.pr40{padding-left:10px!important;padding-right:10px!important;}
	[class*="col-"] {
		float: none;
		padding: 0 10px;
		height: auto;
		margin: 0px auto 0px;
		text-align: center;
		width: auto;
	}
	.formulaire {
		padding: 20px 20px!important;
	}
	.blockhome [class*="col-"],
	[class*="col-"].blockhome {
		float: none;
		padding: 0px;
		height: auto;
		margin: 0px auto 0px;
		text-align: center;
		width: auto;
	}
	[class*="margin-left-"] {
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	[class*="padding-left-"] {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	div,
	p,
	span,
	a,
	strong {
		font-size: 18px;
		line-height: 28px;    word-break: break-word;
	}
	.steps{display:none}
	.inside {
		position: absolute!important;
		left: 15px!important;
		right: 15px!important;
		margin-top: 80px!important;
	}
	.head_page .thumb {
		display: none
	}
	.slider {
		text-align: center;
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.nav_slide {
		width: auto;
		float: none;
		margin: 0 auto;
		top: -127px;
		position: absolute;
	}
	iframe {
		max-width: 100%;
		height: 300px;
	}
	.col-lg-3.contacts {
		text-align: center;
	}
	.navbar {
		margin: 0;
		width: 100%;
	}
	ul#menu {
		margin: 0px 0 0!important;
	}
	.side_projects li.active .act {
		display: none
	}
	.side_projects li.active a {
		color: white;
		width: 100%;
		background: #25B7B3;
		display: block;
	}
	.nav-collapse.collapse {
		left: 0;
		position: fixed;
		background: rgb(37, 183, 179);
		height: 100%;
		width: 100%;
		top: 0;
		padding: 70px 34px;
		z-index: 2;
	}
	.navbar .nav > li {
		display: block;
		position: relative;
		list-style: none;
		margin-top: 5px;
	}
	.nav-collapse.collapse.closed {
		left: 100%;
	}
	.visual img {
		width: 100%;
	}
	img.mobile {
		display: inline-block;
		width: auto;
		max-width: 100%;
		height: 60px;
		margin: 14px auto;
	}

	.home .logo,
	.logo {
		display: block;
		vertical-align: top;
		margin: 11px auto 25px;
		padding-left: 7px;
		text-align: center;
		float: none;
	}
	footer .cols {
		width: 100%;
		float: none;
		text-align: center;
	}
	.slide {
		width: 100%;
	}
	.strapslide {
		float: none;
		margin: 20px 0;
	}
	.conteneur {
		border: none;
		box-shadow: none;
		float: left;
		margin: 0 auto!important;
		padding: 0 10px!important;
		background: white;
	}
	.side_projects {
		float: left;
		margin-top: 2px;
	}
	.side_projects li {
		margin-bottom: 10px!important;
		margin-top: 0;
	}
	.tax-categories_pages h2 {
		font-size: 26px;
	}
	h1,
	h1.fs60 {
		width: 100%;
		line-height: 1em;
		font-size: 2em;
		word-break: break-word;
		word-break: normal;
	}
	.subtitle {
		bottom: initial;
		font-size: 25px;
		position: relative;
		color: black!important;
		margin-top: 15px;
		word-break: normal;
		padding: 0 15px;
	}
	.title {
		z-index: 1;
		top: 0;
		margin-top: 0!important;
		position: relative;
		padding: 15px 15px 0!important;
	}	
	a.bx-prev {
		left: 0;
		background: url("../img/icons/imga_icons_1_icon_left_70_r.png") center center no-repeat;
	}
	a.bx-next {
		right: 0;
		background: url("../img/icons/imga_icons_1_icon_right_70_r.png") center center no-repeat;
	}
	a.bx-next,
	a.bx-prev {
		margin-top: 15px;
		text-indent: -9999px;
		width: 40px;
		height: 40px;
		    top: 33px;
	}
	body>section {margin-top:80px;}
	footer a.lien_footer {
		line-height: 15px;
		font-size: 16px;
	}
	footer .content,
	footer .liens,
	.titre_colonne {
		font-size: 18px;
	}
	img {
		max-width: 100%
	}
	.page .absolutebtn {
		position: relative;
		top: 0;
		right: initial;
	}
	.clearboth p {
		padding: 10px 20px;
		clear: both;
		width: 100%;
		display: block;
	}
	.floatleft {
		float: none;
	}	
	.slick-dots {
		bottom: -10px;
		list-style: none;
		display: block;
		text-align: center;
		padding: 0;
		/* width: 100%; */
		
		display: inline-block!important;
	}
	.accueil .categor,
	.homepage .categor {
		margin-top: 20px;
	}
	.backservices,
	.filtres {
		position: relative;
		height: auto;
		padding-top: 10px;
		float: left;
	}
	.accueil .backservices,
	.homepage .backservices {
		position: relative;
		height: auto;
		padding-top: 10px;
	}
	.archive .conteneur {
		padding: 0px;
	}
	.archive .conteneur .image {
		padding: 0;
		float: left;
		height: 171px;
		overflow: hidden;
	}
	.categor {
		margin-top: 0;
	}
	.btn_call {
		float: none;
		margin: 0 0 0 10px;
		display: inline-block;
	}
	.table_cell_resp {
		display: table-cell!important;
	}
	.filtre {
		padding: 10px 6px;
		width: 100%;
		text-align: center;
		font-size: 30px;
		margin-right: 1px;
	}
	.blocfiltre {
		height: auto;
		display: inline-block;
	}
	.overprod {
		height: 100%;
		margin: 0 -15px;
		float: left;
	}
	.related {
		height: 115px;
		display: inline-block;
		padding: 0 15px;
	}
	.related a {
		float: none;
		display: inline-block;
	}
	.related .aroundpicture {
		float: none;
		display: table;
	}
	.sidebar {
		display: inline-block;
		width: 100%;
	}
	.blocsidebar {
		width: 100%;
		display: inline-block;
	}
	.content.aroundpicture {
		height: 150px;
		width: auto;
		display: inline-block;
		float: none;
	}
	.side_menu {
		position: relative;
		padding: 10px 0 0!important;
		float: left;
		width: 100%;
		margin: 0px auto 2px!important;
	}
	.archive .side_menu {
		display: none
	}
	.page .visual.abs,
	.category .visual.abs {
		right: 0;
		float: none;
		z-index: 1;
		position: relative;
		top: 0;
		margin: 0 auto;
		width: auto;
		text-align: center;
	}
	.page .visual.abs img,
	.category .visual.abs img {
		width: auto;
	}
	.text_align_left {
		text-align: center;
	}
	.services img {
		margin-bottom: 20px;
	}
	.languages_header {
		text-align: center;
	}
	.languages_header form input[type="submit"].langues {
		float: none!important;
		margin: 5px auto!important;
		font-size: 15px;
	}
	.blockhome,
	.rest,
	.homechoice {
		width: 100%!important;
		float: left!important;
	}
	.inside .floatleft {
		float: left!important;
	}
	.inside .tit {
		display: none!important;
	}
	.inside iframe {
		margin-top: 10px!important;
	}
	.stage_block {
		border: none;
		width: 100%;
	}
	.game-inner .inlineblock {
		display: block
	}
	.agenda img {
		width: 50%;
	}
	.social{float: left;}
	.sharegame {
		padding: 4px 20px;
	}

	.top_nav a {
		display: block;
		width: 100%;
		text-align: left;
		margin: 0;
		padding: 0 20px;
	}
	.lang_top_nav {
		width: 100%;padding: 0 20px;
	}
	.lang_top_nav a {
		display: inline-block;
		width: auto;
		padding: 0 10px 0 0;
	}	
	body>section, body.img_top .head_page {margin-top: 81px;}
	.site-content-contain {padding-bottom:0px;}
	.pic {
		height: 310px!important;
		margin-top: 30px!important;
	}
	.nav .contact span, .nav .contact span * {
		text-align: center!important;
		width: 100%!important;
		display: inline-block;
	}
	nav .menu.contact .submenu a,nav .contact .submenu a img {display: none;}
	.contact.menu > a {text-indent: 0;margin: 0 auto;float: none;font-size: 24px;color: #fff!important;width: auto;font-weight: normal;}
	.contact.menu > a:after {display:none;}
	.home img#main_logo {margin: 0 -70px;width: 140px;}
	.home #content.site-content {margin-top: 160px!important;padding: 0 60px!important;}
	.home .entry-content p {margin-bottom:28px;}
	.home h1,.home h2 {font-size: 44px;line-height: 44px;margin-bottom: 15px;}
	a.parent_cart, a.parent_cart * {
		width: 100%!important;
		text-align: center!important;
		display: block!important;
	}
	a.parent_cart .cart {
		vertical-align: middle;
		height: auto;
		color: #ffffff;
		padding: 20px;
	}
	span.btn_cookie {
		float: none;
		margin: 0 auto;
	}
	.cookie {
		bottom: 0!important;
		text-align: center!important;
		height: 100px!important;
	}
	.ab img {
		text-align: center;
		position: fixed;
		z-index: 10000;
		top: 1%;
		right: 1%;
		width: 60px;
		background: white;
		border-radius: 50%;
		padding: 8px;
	}
}
@media (max-width: 767px) {
	.slick-initialized .slick-slide { cursor: pointer;}
	.sidebar .aroundpicture {
		float: none;
	}
	.container {width: 96%;}
	.entry-content {max-width: 90%;display: block;}
	.pic {
		height: 300px!important;
		margin-top: 30px!important;
	}
	.home img#main_logo {margin: 0 -60px;width: 120px;}
	.home #content.site-content {margin-top: 140px!important;padding: 0 50px!important;}
	.home .entry-content {max-width: 100%!important;width: 100%!important;}
	.home .entry-content p {margin-bottom:28px;}
	.home h1,.home h2 {font-size: 44px;line-height: 44px;margin-bottom: 15px;}
	.cookie {
		bottom: 0!important;
		text-align: center!important;
		height: 100px!important;
	}
}
@media (max-width: 600px) {
	nav .menu a,nav .menu a span,.account-cart,.lgs{width:100%!important;text-align:center;border-bottom: none;}
	.onglets h2{
		width:100%!important;margin: 0 0 15px;
	}
	a.parent_cart {width: 100%;}
	.submenu,.submenu a,.submenu:hover,.submenu a:hover {
		width: 100%!important;
		display: block!important;
		opacity: 1!important;
		text-align: center;
		position: relative!important;left:0!important;
	}	
	.bloc {
		height: 175px!important;
		width: 50%;
	}
	h1,
	h1.fs60 {
		line-height: 1em!important;
		font-size: 2em!important;
	}
	.container {width: 100%;}
	#content {padding: 70px 10px;}
	.entry-content {max-width: 90%;    display: block;}
	.pic {
		height: 280px!important;
		margin-top: 30px!important;
	}
	table td {width:100%!important;display: inline-block;}
	img#main_logo {margin: 0 -45px;width: 90px;}
	.home #content.site-content {margin-top: 160px!important;padding: 0 17px!important;}
	.home .entry-content {max-width: 100%!important;width: 100%!important;}
	.home .entry-content p {margin-bottom:28px;}
	.home h1,.home h2 {font-size: 40px;line-height: 40px;margin-bottom: 15px;}
	.cookie {
		bottom: 0!important;
		text-align: center!important;
		height: 125px!important;
	}
}
@media screen and (max-width: 480px) {
	@-ms-viewport {
		width: 320px;
	}
	.bloc {
		height: 175px!important;
		width: 100%;
	}
	.filtres {
		padding: 0;
		height: 46px;
		overflow: hidden;
		width: 100%
	}
	.blocs .aroundpicture img {
		float: none;
	}
	.blocfiltre {
		height: 46px;
		margin-right: 4px;
	}
	.filtre {
		font-size: 24px;
		padding: 10px 0px;
	}
	.hover .blocfiltre,
	.blocfiltre.activebloc {
		display: inline-block
	}
	h1,
	h1.fs60 {
		line-height: 1em!important;
		font-size: 2em!important;
	}
	.pic {
		height: 240px!important;
		margin-top: 30px!important;
	}
	img#main_logo {margin: 0 -45px;width: 90px;}
	.home #content.site-content {margin-top: 190px!important;padding: 0 17px!important;}
	.home .entry-content {max-width: 100%!important;width: 100%!important;}
	.home .entry-content p {margin-bottom:28px;}
	.home h1,.home h2 {font-size: 40px;line-height: 40px;margin-bottom: 15px;}
	#page{overflow:hidden;}
	.slick-initialized .slick-slide{vertical-align:top!important;}	
	.btn {padding:20px;}
	.btn, .rules .btn {
		color: black;
		background: linear-gradient(to bottom, transparent 50%, rgb(255, 255, 255) 50%);
		background-position: right 100%;
		background-size: 100% 200%;
		-webkit-box-shadow: 1px 2px 1px 1px rgba(0,0,0,0.4);
		box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
	}
	.slick-dots {bottom: -5px!important;margin:0px auto 0px!important;}
	.cookie {
		bottom: 0!important;
		text-align: center!important;
		height: 125px!important;
	}
}

@media (max-width: 360px) {	
	.cookie {
		bottom: 0!important;
		text-align: center!important;
		height: 125px!important;
	}
}
@media screen and (max-width: 320px) {
	@-ms-viewport {
		width: 320px;
	}
	.blocfiltre {
		height: 46px;
		margin-right: 8px;
	}
	.filtre {
		font-size: 20px;
		padding: 10px 0px;
	}
	h1,
	h1.fs60 {
		line-height: 1em!important;
		font-size: 2em!important;
	}
	.pic {
		height: 200px!important;
		margin-top: 30px!important;
	}
}