@media only screen and (max-width : 1200px) {
	.col_48 {float:none; width:100%; margin-bottom:40px;}
	.col_48.offset {margin-right:0%;}

}

@media only screen and (max-width : 930px) {

.mob {
	display:block;
	position: relative !important;
}
.desk {
	display:none;
}
	
	
	.col_48 {float:left; width:45%; }
	.col_48.offset {margin-right:7%;}
	
	.sidebar_left {
		width: 60%;
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		background-position: left center !important;
	}
	
	.container {
		position: relative;
		padding: 20px 5.5% 95px 5.5% !important;
		z-index: 20;
		width: 60%;
		float: none;
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.sidebar_right {
		width: 40%;
	}
}

@media only screen and (max-width : 960px) {

}

@media only screen and (max-width : 850px) {
	.col_48 {float:none; width:100%; margin-bottom:40px;}
	.col_48.offset {margin-right:0%;}
}

@media only screen and (max-width : 749px) {

}

@media only screen and (max-height : 820px) {
	nav ul li a {
		padding: 20px 27px 20px 50px;
	}
	
	.container {
		padding-top:103px;
	}
}

@media only screen and (max-height : 750px) {
	.sidebar_right {
		position: absolute;
		min-height: 750px;
	}
	
}


@media only screen and (max-width : 600px) {

nav ul li a:hover::after  {
	content:none;
}

	
	
.sidebar_right {
    float: none;
    width: 100%;
    background: #104f9c;
    position: absolute;
    top: 0px;
	left:0px;
    bottom: auto;
    right: 0px;
	height:101px;
	min-height: auto;
}
	
.sidebar_left {
    padding-top:101px;
}
	

	.col_48 {float:left; width:45%;}
	.col_48.offset {margin-right:7%;}
	
	.sidebar_left {
		width: 100%;
	}
	
	.container {
		width: 100%;
	}
		
	
	.bg_sidebar_right {
		display:none;
	}
	
	.adresse {
		display: none;
	}

	
	.mobil {
		display:block;
		padding:0px 10px 10px 10px;
	}
	

	nav {
		margin:0px;
		padding:0px;
	}
	
	nav ul {
		background:#0b468f;
		position:absolute;
		width:auto;
		top:0px;
		right:25px;
		left:25px;
		z-index:1000;
	}
	
	nav ul li {
		display: none;
	}

	.button_menu {
		display:block;
		background:#eae268;
		position:absolute;
		cursor:pointer;
		color:#fff;
		padding:7px 20px 7px 50px;
		z-index:30;
		width:100px;
		margin:10px 0;
		top:-86px;
		right:20px;
		
	}

	.button_menu:hover {
		background:#e0c722;	
	}


}

@media only screen and (min-width : 601px) {
	.button_menu {
		display:none;
	}
	
	nav {
	}
	
	nav ul {
		position:static;
	}
	
	nav ul li {
		display:block !important;
	}

}


.grid-button {
  padding:20px 20px 15px  20px;
  cursor: pointer;
  user-select: none;
}

.grid-button .grid {
  width: 6px;
  height:6px;
  background: #0b468f;
  color: #0b468f;
  /* Not in use when the colors are specified below */
  transition: 0.3s;
}

.grid-button .grid {
  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;
}



button span.text {
	margin-left:30px;
	margin-top:-10px;
	color:#0b468f;
}



@media only screen and (max-width : 750px) {

	
	
}



@media only screen and (max-width : 720px) {

}


@media only screen and (max-width : 640px) {



}


@media only screen and (max-width : 630px) {
	

}

@media only screen and (max-width : 610px) {

}


@media only screen and (max-width : 540px) {

}

@media only screen and (max-width : 500px) {

}

@media only screen and (max-width : 490px) {
	.col_48 {float:none; width:100%; margin-bottom:40px;}
	.col_48.offset {margin-right:0%;}
}


@media only screen and (max-width : 460px) {
	.button_menu {
		width:100%;
		top:-10px;
		right:0px;
		left:0px;
	}
	
	nav ul {
		background:#0b468f;
		position:absolute;
		width:auto;
		top:50px;
		right:25px;
		left:25px;
		z-index:1000;
	}
	
	.col_3 {
		width: 100%;
		float: none;
	}

	.col_1 {
		float: none;
		width: 100%;
		margin:20px 0;
	}
	
	.col_2 {
		float: none;
		width: 100%;
		margin:20px 0;
	}
}

@media only screen and (max-width : 400px) {

}	
	
@media only screen and (max-width : 380px) {

}


@media only screen and (max-width : 350px) {

}

@media only screen and (max-width : 330px) {

}

@media only screen and (max-width : 270px) {

}