/* Menu Responsive */

#block-responsive-menu {
	background-color : black;
}

#block-responsive-menu, #block-responsive-menu .r-sub-menu {
	display : none;
}

#block-responsive-menu div {
	padding : 3px;
}

#block-responsive-menu .rmenu {
	margin : 5px 10px;
}

#block-responsive-menu .rsubmenu {
	margin : 5px 10px 5px 30px;
}

/* End Menu Responsive */


/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

@media (max-width: 960px) {
	#new-menu a {
		font-size : 10pt;
	}
	
	#phone-block, #contact-block {
		font-size : 10pt;
		width : 150px;
		margin-top : 20px;
	}
	
	#phone-block img, #contact-block img {
		margin-top : 0;
	}
	
	#banner {
		#height : 90px !important;
		background-size : auto 70px;
		background-position : 5px 5px;
	}
	
	#titre-harley {
		margin-top : 5px;
	}
	
	#titre-harley, #titre-harley span {
		font-size : 18px;
	}
	
	#address-block, .not-an-icon {
		display : none;
	}
	
	#phone-block, #address-block, #contact-block, #facebook-block, #block-menu, #breadcrumb, .new-sous-menu, .submenus {
		border : 0;
		display : none;
	}
	
	#reponsive-block {
		display : block;
	}
	
	#reponsive-block {
		float : right;
		color : #FF6513;
		height : 75px;
		font-size : 24px;
	}
	#reponsive-block * {
		color : #FF6513;
	}
	#reponsive-block a {
		margin : 2px 5px;
	}
	
	.footer-cell {
		width : 100%;
		clear : both;
		padding : 0 5px;
		border : 0 !important;
	}
	
	.moto-recap {
		width : 100% !important;
		margin : 20px 5px 0 5px;
		#border : 1px solid red;
	}
	
	.moto-photo {
		height : 250px;
		width : 100%;
	}
	
	.moto-liste {
		width : 100%;
		margin : 0;
		#border : 1px solid #FF6513;
	}
	
	.moto-liste ul {
		margin : 0;
	}
	
	.moto-liste ul li {
		width : 100%;
	}
	
	.motos-fiche {
	}
	
	.motos-fiche div {
		width : 100%;
	}
	
	.motos-fiche-photos, .motos-fiche-details {
		width : 100%;
		margin : 0;
		float : none;
		clear : both;
	}
	
	.motos-fiche-photos a img, .motos-fiche-photos a:first-child img {
		width : 100%;
		height : auto;
	}
	
	#block-responsive-menu {
		display : block;
		color : white;
	}
	
	#block-responsive-menu * {
		color : white;
	}
	
	#block-responsive-menu .r-sub-menu, #block-responsive-menu #r-menu-btn {
		background-image : linear-gradient(#525252, #060606);
		clear : both;
	}
	
	.nouveaute {
		width : calc(50% - 10px);
		#border : 1px solid red;
		margin-bottom : 25px;
	}
	
	.nouveaute-photo {
		width : 100%;
		height : auto;
	}
	
	#form_contact {
		width: 100%;
		line-height: 14pt;
	}
	
	#form_contact input, #form_contact select, #form_contact textarea {
		width: 100%;
		padding: 5px 10px;
		margin: 3px;
		font-size : 14pt;
	}
}

@media (max-width: 800px) {
}