/* Version Responsive */

/* Menu Responsive */

#block-responsive-menu {
	background-color: #A8000E;
	color: white;
}

#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;
}

.rsubmenu, .rmenu {
	color: white;
}

.clear {
	clear: both;
}

/* End Menu Responsive */

@media (max-width: 1100px) {
	#il-mouv-contact, #il-mouv-logo, #il-mouv-pictos img.pictos-right  {
		display: none;
	}
	
	#pictos-logo-mini {
		display: block;
	}
	
	.global, #footer, #general-content {
		width: 100%;
	}
	
	#slideshow, #slideshow .slides img {
		width: 100%;
		height: auto;
		display: none;
	}
	
	#footer {
		padding: 20px 0;
		text-align: center;
	}
	
	.pictos  {
		display: inline-block;
		float: none;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#il-mouv-pictos {
		text-align: center;
		height: 195px;
	}
	
	#il-mouv-pictos-details {
		margin: 10px auto 0;
	}
	
	#rubriques ul {
		width: calc((80px + 10px) * 5);
	}
	
	#rubriques ul li, #rubriques ul li img {
		width: 80px;
	}
	
	#rubriques ul li {
		margin: 0 5px 20px;
	}
	
	ul.liste-vehicules {
		text-align: center;
	}
	
	ul.liste-vehicules li {
		float: none;
		display: inline-block;
	}
	
}

@media (max-width: 960px) {
	
	#il-mouv-pictos {
		height: 100px;
		text-align: center;
	}
	
	.pictos, .pictos img, #pictos-logo-mini {
		height : 80px;
		width: auto;
	}
	
	#maps, #coordonnees, #bilik {
		margin: 10px;
		width : calc(100% - 20px);
		float: none;
		clear: both;
		height: auto;
		max-height: auto;
	}
	
	p.coordonnees-txt .material-icons {
		float: none;
		display: inline-block;
	}
	
	.coordonnees-cnt {
		margin-bottom: 10px;
	}
	
	.coords-aligned {
		text-align: center;
		margin-left: 0;
	}
	
	p.coordonnees-txt .material-icons {
		padding-top: -3px;
		/*border: 1px solid red;*/
	}
	
	#bilik img {
		clear: both;
	}
	
	#il-mouv-details div ul {
		margin-left: 10px;
	}
	/*
	#details-achat-vente, #details-maintenance, #details-location {
		//border: 1px solid blue;
	}
	*/
	#details-achat-vente ul li, #details-maintenance ul li, #details-location ul li {
		//border: 1px solid blue;
	}
}

@media (max-width: 600px) {

	#pictos-logo-mini {
		/*
		clear: both;
		*/
		padding-top: 20px;
		margin: auto;
		text-align: center;
		width: 80px;
		height: 40px;
	}
	
	#il-mouv-pictos > div {
		/*
		clear: both;
		*/
	}
	
	#il-mouv-pictos {
		height: auto;
	}
	
	.pictos  {
		margin: 0 10px;
	}
	
	#il-mouv-pictos-details {
		/*height: auto;*/
		margin: 0 5px;
	}
	
	#il-mouv-pictos-details, #il-mouv-pictos-details * {
		font-size: 10pt;
	}
	
	#details-location div, #details-maintenance div {
		width: calc(33% - 25px);
		margin-right: 20px;
		height: auto;
		//border:1px solid red;
	}
	
	#details-achat-vente div {
		width: 100%;
		height: auto;
		//border:1px solid red;
	}
	
	#details-location div ul, #details-maintenance div ul {
		width: calc(100% - 20px);
	}
	
	#details-achat-vente div ul {
		width: calc(100% - 20px);
	}
	
	#details-achat-vente div ul li {
		width: 33%;
		float: left;
	}
	
	#rubriques ul {
		width: calc((60px + 20px) * 5);
	}
	
	#rubriques ul li, #rubriques ul li img {
		width: 60px;
	}
	
	#rubriques ul li {
		margin: 0 10px 20px;
		font-size: 8pt;
	}
	
	#rubriques ul li a {
		font-size: 8pt;
	}
	
	.separation-line-red, .separation-line-white {
		margin-top : 10px;
		margin-bottom : 10px;
	}
	
	#coordonnees-cnt .coordonnees-txt:last-child {
		margin-bottom : 10px;
	}
	
	#coordonnees-cnt {
		padding-top: 5px;
	}

}

@media (max-width: 500px) {
	
	#il-mouv-small-logo {
		display: block;
	}

	#il-mouv-pictos, #il-mouv-pictos-details {
		display: none;
	}
	
	.pictos  {
		margin: 0 5px;
	}
	
	#rubriques ul {
		width: 100%;
		clear: both;
	}
	
	#rubriques ul li {
		width: auto;
	}
	
	#rubriques ul li {
		margin: 0 10px 10px;
		font-size: 8pt;
	}
}