@media screen and (max-width: 900px) {
	#conteneur {
		padding: 0 0 0 0px;
		margin-bottom: 0px !important;
	}
}

@media screen and (min-width: 768px) {
	div#logo img {
		max-height: 90px;
		padding-bottom: 5px;
	}
	.navbar-nav>li {
		float: none;
		display: inline-block;
	}
		.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: middle;
	}
	.navbar .navbar-collapse {
		text-align: right;
	}
	.visible-phone {
		display: none!important;
	}
	.navbar-default {
		border-bottom: none !important;
	}
}

@media screen and (max-width: 767px) {
	h1 {
		padding: 30px 0;
	}
	div#navbar.collapse.in {
		height: 100% !important;
		overflow-y: auto !important;
		background-color: #fff;
		position: fixed;
		width: 104%;
		padding: 0px 0 80px;
	}
	.owl-carousel {
		padding-top: 50px;
	}
	.image-emplacement-top {
		margin-top: 0px !important;
		background-size: cover !important;
		background-position: center center !important;
	}
	.carousel {
		margin-top: 40px !important;
	}
	.visible-desktop {
		display: none;
	}
	#entete {
		margin: 0;
		height: 70px;
		width: 100%;
		padding: 10px 0;
	}
	.navbar-header {
		margin-top: -50px;
	}
	div#logo img {
		max-height: 50px;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 30px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		overflow: hidden;
		line-height: 15px;
		padding: 10px;
		word-wrap: break-word;
		white-space: normal;
		border: 1px solid #f5f5f5;
		border-top-width: 0px !important;
	}
			#conteneur {
			width: 100% !important;
			padding: 0 0 0 0px;
			margin-bottom: 0px !important;
		}
		img {
		width: auto;
		max-width: 100%;
	}
	img#banniere {
		width: 100%;
		margin: 0 auto !important;
	}
	#logo {
		width: 40%;
		padding: 0% 0% 0% 0%;
		margin: 0;
		position: relative;
	}
	.logoseul img {
		max-width: 80%;
		margin: 0 auto;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		background-color: white;
	}
	#banniere {
		width: 100%;
		margin: 0;
		display: block;
	}
	#sidebar {
		width: 0%;
		display: none;
	}
	#infos {
		width: 0%;
		display: none;
	}
	#sous-navigation {
		width: 0%;
		display: none;
	}
	.log-box {
		display: none !important;
	}
	.log-box-mobile {
		display: block !important;
	}
	#colonne {
		width: 96%;
		border-left: none;
	}
	#actualite {
		margin-top: 50px;
		display: inline-block;
	}
	#information {
		margin-top: 80px;
		display: block;
		width: 202px;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	.important.sidebar {
		display: none;
	}
	#video {
		display: none;
	}
	form label {
		display: inline-block;
	}
	.well {}
	input,
	textarea,
	.uneditable-input,
	select {
		float: right;
	}
	.visible-phone {
		display: inline-block!important;
	}
	#table-responsive table,
	#table-responsive thead,
	#table-responsive tbody,
	#table-responsive th,
	#table-responsive td,
	#table-responsive tr {
		display: block;
		border: none !important;
	}
	#table-responsive .cellules {
		display: none;
	}
	#table-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#table-responsive tr {
		border: 1px solid #ccc;
	}
	#table-responsive td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}
	#table-responsive td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		text-align: left;
		font-weight: bold;
		font-size: 0.8em !important;
		font-style: italic;
	}
	#table-responsive td:before {
		content: attr(data-title);
	}
	form {
		width: 92%;
		margin: 0 4% 14%;
	}
	#entete {
		margin: 0;
		width: 100%;
		padding: 10px 0 0px;
	}
	.menutop {
		bottom: 0 !important;
		top: 94%;
		background-color: transparent!important;
	}
	.menutop nav.navbar-fixed-top {
		bottom: 0px !important;
		top: 94%;
	}
	#conteneur.onmasque {
		margin-top: 120px !important;
	}
	.btn-telephone {
		margin-left: 15px!important;
		top: 18px;
		padding: 0px;
		height: 34px;
		z-index: 999999;
		position: fixed;
		background-color: white !important;
	}
	.btn-telephone a.btn.disabled.pull-left {
		height: 34px;
		padding-top: 7px;
	}
	button.navbar-toggle.collapsed:hover {
		border-color: #f09400 !important;
		background-color: #f09400 !important;
	}
	svg {
	}
	.waves {
		height: 100px;
		margin-bottom: 0px !important;
		min-height: 40px;
	}
}

@media screen and (max-width: 420px) {
	svg {
	}
	.btn-telephone {
		display: none !important;
	}
	.btn-contact {
		margin-right: 0px;
		margin-top: 8px;
	}
	li.btn.disabled.pull-left {
		display: none;
	}
	.image-emplacement-top {
		margin-top: 0px !important;
		background-size: contain !important;
		background-position: center center !important;
	}
	.carousel {
		margin-bottom: 110px !important;
	}
	.carousel-legende {
		position: relative;
		width: 100%;
		bottom: 0;
	}
	#conteneur {
		margin-bottom: 0px !important;
		background-color: #FFF !important;
	}
	.owl-carousel {
		max-height: 340px;
	}
	.carousel-image {
		background-color: white;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		height: 250px;
	}
	.carousel-legende h4 {
		padding: 0;
	}
	.savoirplus {
		display: block !important;
	}
}
@media screen and (max-width: 320px) {
	svg {
	}
}