/* Document CSS Adaptatif par JFRanger.com */

.tinynav,
.img-mobile,
.mobile-menu {display: none !important}
@media screen and (max-width: 960px) {
#menu,
.animation,
#headerimgs {
 display: none !important;
}
.mobile-menu {display:  block}
.tinynav {
 display: block !important;
 width: 100%;
 padding: 5px;
 font-size: 16px;
 line-height: 1;
 border: 0;
 border-radius: 0; 
 height: 34px;
 -webkit-appearance: none;
 background-color: #222;
 color:#fff;
}

body {
    background-image:  none !important;
}
.img-mobile {
	display:  block  !important;
	width: 100%;
	max-width: 100%;
}
#outerWrapper {
    text-align: center;
    width: 100%;
}
#outerWrapper #header,
.animation .wrapper,
#outerWrapper #contentWrapper #column,
body#plomberie2 #outerWrapper #contentWrapper #column {
    width: 100%;
	height: auto ;
}
.block {
    width: 100%;
    height: auto;
    float: none;
    margin-right:  auto;
	margin-bottom: 50px;
}
#outerWrapper #contentWrapper #content,
body#plomberie2 #outerWrapper #contentWrapper #content {
    margin: 0 0 0 0;
}
.map {
    width: 90%;
	margin: 25px auto !important;
}
.map iframe{
	max-width: 400px !important;
}
#fullWidthFooter{
	padding-left:10px;
	padding-right:10px;
}
#footer {
    width: 100%;
    text-align: center;
}
#footer a#credit {
    position:  relative;
    left: auto ;
    font-size: 10px;
	margin: 10px 0;
	display: block;
}

}