/* Version Responsive */

/* Menu Responsive */

#block-responsive-menu {
	background-color : #494449;
	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: 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 : 75px !important;
		background-size : auto 70px;
	}
	
	#block-menu, .not-an-icon {
		display : none;
	}
	
	#contact-block, #phone-block {
		width : 20px;
		margin : 25px 5px 0;
	}
	
	#block-responsive-menu {
		display : block;
	}
	
	.footer-cell {
		width : calc(100% - 5px) !important;
		font-size : 10pt;
		clear : both;
		float : none;
		height : auto;
		#border : 1px solid blue;
		#border-top : 1px solid #a7a3a7;
		border-left : none !important;
		border-right : none !important;
		border-bottom : none !important;
		padding-top : 10px;
	}
	
	.footer-cell::first-child {
		border : none !important;
	}
	
	#footer {
		clear : both;
		#border : 1px solid red !important;
		min-height : 200px;
		height : auto;
	}
	
	#tagline-block, #phone-block {
		display: none;
	}
	
	#content {
		#padding : 20px 40px;
		#background-color: #FFF;
		width: calc(100% - (2 * 40px));
	}
	
	h1 {
		#font-size : 15pt !important;
	}
	
	#banner {
    	background-position: center center !important;
	}
		
	#content {
		padding : 10px;
		background-color: #FFF;
		width: calc(100% - 20px);
		#width: 1157px;
	}
		
	#slides, .alarme-menu, #slides-small {
		display: none;
	}
	
	.contact-block {
		clear: none;
		#margin-left: 10px;
		width: calc(50%);
		#border: 1px solid red;
	}
	
	#contact-form {
		width: 100%;
	}

	#contact-bureaux, #contact-reseaux {
		width: calc(100% - 30px);
	}
	
	#contact-bureaux {
		#margin-right: -10px;
		#border: 1px solid blue;
	}

	#contact-reseaux {
		#margin-left: 10px;
		#border: 1px solid pink;
	}
	
}

@media (max-width: 600px) {
	
	.contact-block, #contact-form input[type=submit] {
		width: 100%;
	}
	
}

@media (max-width: 1200px) {
	
	#slides .slides-content {
		margin: auto 150px;
	}
	
	#slides-small, #content-icon {
		display: none;
	}
	
	#content > h1 > img {
		display: block;
		#border: 1px dashed red;
		float: left;
		margin-right: 10px;
	}
	
	#content > h1 {
		#border: 1px dashed blue;
		clear: both;
		min-height: 55px;
	}
	
	#content {
		width: calc(100% - 40px);
		#border: 1px dashed blue;
		padding-left: 20px;
		padding-right: 20px;
	}
	
}

.rmenu {
	background-size: 18px;
	padding-left: 25px;
	background-repeat: no-repeat;
}

.rmenu-2 { 	background-image: url('https://www.alarme-grenoble.com/design/icones/2.png'); }
.rmenu-27 { background-image: url('https://www.alarme-grenoble.com/design/icones/27.png'); }
.rmenu-28 { background-image: url('https://www.alarme-grenoble.com/design/icones/28.png'); }
.rmenu-29 { background-image: url('https://www.alarme-grenoble.com/design/icones/29.png'); }
.rmenu-30 { background-image: url('https://www.alarme-grenoble.com/design/icones/30.png'); }
.rmenu-24 { background-image: url('https://www.alarme-grenoble.com/design/icones/24.png'); }
.rmenu-3 { 	background-image: url('https://www.alarme-grenoble.com/design/icones/3.png'); }