@media screen and (max-width:480px){
	#little_menu{
		display:none;
		width:100% !important;
	}
	
	#little_menu a{ 
		display:block !important;
	}
	
	div#lien_menu a#logo {
		float: left;
		width: 55%;
		margin-top: 5%;
		margin-left: 3%;
		margin-bottom: 5%;
	}
	
	div#banner_bottom {
		position: absolute;
		top: 6%;
		width: 96%;
		left: 2%;
	}
	
	div#plan { 
		width: 100%;
	}
	
	div#contact { 
		width: 96%;
		margin: 10% 0%;
		min-height:inherit;
	}
	div.form_left input {  
		width: 80%;
	}
	
	div.form_envoi input.envoyer {
		width: 80%;
	}
	
	.textarea_left textarea {
		width: 80%;
	}
	
	div#global_contact{ 
		min-width:320px;
		max-width:320px;
	}
	
	div#banner_bottom h1 {
		text-align: center;
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		font-size: 23px;
		margin-bottom: 18%;
	}
	
	div#left_form, div#right_form {
		float: none;
		width: 100%;
	}
	
	img.menu_mobile{
		width: 11%;
		margin-top: 7%;
		float: right;
		margin-right: 5%;
		display:inline-block;
	}
	
	form.form span.selectboxit-container, form.form input{
		margin-bottom:2%;
	}
	
	div#banner{
		height:520px;
	}
	
	div.text h2{
		text-align: center;
		width: 80%;
		margin: auto;
		margin-top: 1%;
		margin-bottom: 3%;
		color:#000;
	}
	
	div#img_home span {
		width: 30%;
	}
	
	div#left.part_footer {
		width: 100%;
		float: none;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	span.titre_footer{
		margin-bottom:5%;
	}
	
	div#right.part_footer img{
		width:20%;
		margin: 0% 15%;
	}
	
	div#right.part_footer{ 
		width: 100%;
	}
	
	div.part_footer {
		width: 100%;
		float:none;
		padding:0%;
		margin:0%;
	}
	
	div#connexion{
		width: 100%;
		float: none;
		padding: 5% 0%;
	}
	
	div.form_login input{ 
		margin-bottom:2%;
	}
	
	#inscription{
		float: none;
		width: 100%;
		padding: 5% 0%;
		margin: 10% 0%;
	}
	
	img.vignette {
		width: 35%;
		max-width: 35%;
	}
	
	div.line_cart span.titre_cart {
		width: 100%;
		text-align:center;
	}
	
	div.line_cart span.titre_cart span{
		margin:2% 0%;
	}
	
	div.line_cart span.date_cart {
		width: 100%;
		text-align: center;
	}
	
	div.line_cart span.tarif_cart {
		width: 50%;
		display: block;
		text-align: center;
		margin-left: 20%;
		margin-top:2%;
		float:left;
	}
	
	.delete{
		width:10%;
		margin-top:2%;
	}
	
	#reservation div.line_cart span.tarif_cart{ 
		float:none;
	}
	
	#totaux span.libelle { 
		width: 50%;
		text-align: center;
	}
	
	.button.valider{
		width:100%;
	}
	
	div#saisie_adresse input{
		margin-bottom:2%;
	}
	
	.bg_gris{
		padding:4%;
	}
	
	#totaux span.montant {
		text-align: center;
		width: 40%;
	}
	
	#pieces_jointes .doc {
		width: 100%;
		margin: auto;
		margin-bottom: 0.5%;
		text-align: center;
		margin-bottom: 4%;
	}
	
	div.line_cart{
		margin:2% 0%;
		padding-bottom:4%;
	}
	
	#pieces_jointes label{
		margin-bottom:2%;
	}
	
	div.liste_commande span.tarif {
		width: 46%;
		float: left;
	}
	
	.details_commande img.vignette{
		display: block;
		width: 35%;
		margin: auto;
    margin-bottom: 5%;
	}
	
	.details_commande .titre_item {
		width: 96%;
		text-align:center;
		margin-bottom:3%;
	}
	
	span.tarif_item{ 
		text-align:center;
		width:96%;
		margin-top:6%;
	}
	
	div#documents_client a{ 
		display:block;
		width: 80%;
		margin-bottom: 3%;
		float:none;
	}
	
	.details_commande span.annuler a { 
		padding: 2% 6%;
	}
	
	span.annuler{ 
		display: block;
    text-align: center;
	margin-top:6%;
	}
	
	span.date_item{ 
		display:block;
		text-align:center;
	}
	
	div.liste_commande a.facture {
		width: 100%;
	}
	
	div#mes_vehicules .titre {
		display: inline-block;
		width: 100%;
		text-align:center;
	}
	
	div.content.bg_gris.infos.vehicule{ 
		width:96%;
		padding:2%;
	}
	
	div.bloc_infos_vehicule {
		width: 100%;
		float: left;
	}
	
	div.half{
		width:100%;
	}
	
	div#creer_vehicule div.margin input {
		margin-top: 0;
		display: block;
		margin: auto;
		margin-top: 1%;
	}
	
	#legende .gris{
		display: block;
		text-align: center;
	}
	
	#legende .reserve{
		display: block;
		text-align: center;
		margin: 4% 0%;
	}
	
	.vehicule .details.button {
		display: inline-block;
		width: initial;
		margin-left: 1%;
		width: 94%;
		margin-bottom: 4%;
	}
	
	div#mes_vehicules div.buttons {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		margin-top: 3%;
	}
	
	div.line_item{ 
		text-align:center;
	}
	
	div.line_item span.image {
		width: 100%;
	}
	
	.bg_table td{
		display:block;
		text-align:center;
	}
	
	#liste_reservations .infos_loueur {
		width: 96%;
		padding: 2%;
		margin: 2% 0%;
	}
	
	#liste_reservations .date_item {
		font-weight: bold;
		width: 100%;
	}
	
	#liste_reservations span.titre_item {
		width: 100%;
	}
	
	#liste_reservations .date {
		width: 100%;
		text-align: center;
	}
	
	div#mes_vehicules .titre img.vignette {
		width: 35%;
		max-width: 35%;
		display: block;
		margin: auto;
		margin-bottom:3%;
	}
	
	div.liste_commande a.details {
		width: 95%;
		float: none;
		margin: auto;
		margin-top: 2%;
		margin-bottom: 5%;
	}
	
	div.liste_commande{
		margin:5% 0%;
	}
	
	#liste_commandes .bg_rouge{ 
		width:98%;
	}

	
	div.liste_commande span.date {
		width: 46%;
		float: left;
	}
	
	div.liste_commande span.msg {
		width: 96%;
	}
	
	div#menu_espace_client a {
		display: block;
		padding: 3% 2%;
		border:none;
	}
	
	.liste_vehicules{
		width:100%;
	}
	
	.liste_vehicules .vehicule {
		float: none;
		width: 100%;
		margin-top: 5%;
	}
	
	#detail_vehicule .bloc.mid {
		width: 100%;
	}
	
	#detail_vehicule h1{ 
		padding-top:5%;
	}
	
	#detail_vehicule{ 
		padding:0%;
	}
	
	#detail_vehicule .bloc {
		width: 100%;
	}
}