/* PHONES */
@media screen and (max-width: 800px) {
	#ambiance-notification {
		right: 0px;
		top: 0px;
	}
	.navbar-header {
		height: 70px !important;
		overflow: hidden !important;
	}
	.navbar-header .navbar-brand {
		position: absolute;
		top: 0;
		left: 0;
	}
	.navbar-header .navbar-brand img {
		width: 200px;
	}
	.nav > li > a {
		padding: 5px 0 5px 20px;
	}
	.carousel .carousel-caption {
		padding-top: 0;
	}
	.carousel-caption .right {
		float: none !important;
	}
	.carousel-caption h2 span {
		display: block;
		width: 100%;
	}
	.carousel .carousel-caption p {
		width: 100%;
		padding-top: 10px;
		text-align: center;
		float: none;
	}
	.carousel .carousel-caption .pTop30 {
		padding-top: 0px;
	}
	.carousel a {
		float: none;
		margin-top: 10px;
	}
	.carousel-indicators {
		bottom: 0;
	}
	.carousel-control.left, .carousel-control.right {
		z-index: 1000;
	}
	#myCarousel {
		background: none;
	}
	h1.colWhite {
		line-height: 1em;
	}
	h1.colWhite span.ft20 {
		line-height: 0.8em;
	}
	#motPresident {
		max-width: 300px;
	}
	#hubbBox {
		max-width: 300px;
	}
	#joinUs {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#joinUs .col-md-2{
		display: none;
	}
	#footer {
		height: auto;
	}
	.vignette {
		margin-bottom: 10px;
	}
	.vignette div {
		height: auto;
	}
	#hubbOffre {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#hubbOffre .glyphicon {
		display: none;
	}
	/* Experts */

	#wheel {
		width: 100%;
		height: auto;
		margin: 0;
		background: none;
	}
	#wheel ul {
		margin: 0;
		padding: 0;
	}
	#wheel ul li {
		border-radius: 0;
		display: block;
		float: none;
		position: relative;
		height: auto;
		width: auto;
		padding: 5px 10px  !important;
		margin: 0 0 5px 0;
	}
	#wheel ul li br {
		display: none;
	}
	#wheel1,
	#wheel2,
	#wheel3,
	#wheel4,
	#wheel5,
	#wheel6 {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}
	h2.borderColLightGrey {
		padding-bottom: 10px;
	}
	#expertsPage h1 {
		padding-top: 10px;
	}
	#expertsPage .col-md-6 {
		margin-bottom: 10px;
	}
	#expertsPage .mTop20 {
		margin-top: 0;
	}
	/* Contact */
	#contactPage>.container {
		padding-left: 0;
		padding-right: 0;
	}
	#contactPage>.container>.col-md-12>form>.container {
		padding-left: 0;
		padding-right: 0;
	}
	#contactPage .field .form-control {
		width: 260px;
	}
	#contactPage form .input-group {
		float: none;
	}
	#contactPage form .col-md-6 {
		margin-bottom: 5px;
	}
	#contactPage form .row {
		margin-bottom: 0;
	}
	#contactPage .row .message {
		display: none !important;
	}
	#contactPage #messageContent {
		width: 260px !important;
	}
	/* Preinscription */
	#preinscriptionPage>.container {
		padding-left: 0;
		padding-right: 0;
	}
	#preinscriptionPage>.container>.col-md-12>form>.container {
		padding-left: 0;
		padding-right: 0;
	}
	#preinscriptionPage .field .form-control {
		width: 260px;
	}
	#preinscriptionPage .row .message {
		display: none !important;
	}
	#preinscriptionPage form .input-group {
		float: none;
	}
	#preinscriptionPage input.error,
	#preinscriptionPage select.error,
	#preinscriptionPage textarea.error {
		border: 1px solid #FF0000;
	}
	/* Login */
	#DOMWindow {
		width: 280px !important;
		overflow: hidden;
	}
	#loginFormContent {
		width: 100%;
	}
	#loginFormContent input {
		margin-bottom: 10px;
	}
}
/* TABLETTES */
@media screen and (min-width: 700px) and (max-width: 800px) {
	body {
	}
	.navSteps li {
		float: left;
	}
	/* Preinscription */
	#preinscriptionPage .row .col-md-6{
		float: left;
	}
	#preinscriptionPage form .input-group {
		float: none;
		clear: both;
	}
	#preinscriptionPage .field .form-control {
		width: 300px;
	}
	/* Contact */
	#contactPage .row .col-md-6{
		float: left;
	}
	#contactPage form .input-group {
		float: none;
		clear: both;
	}
	#contactPage .field .form-control {
		width: 330px;
	}
	#contactPage #messageContent {
		width: 690px !important;
	}
	#contactPage input.btn {
		margin-right: 20px;
	}
	/* Login */
	#DOMWindow {
		width: 550px !important;
		overflow: hidden;
	}
	#loginFormContent {
		width: 100%;
	}
	#loginFormContent input {
		margin-bottom: 10px;
	}
}