/* tablettes */
@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1023px) {
html {
   	font-size:15px;
	letter-spacing:0px;
}

p, section li, header ul li a, h4, h5 {
   	font-size:15px;
	line-height:22px;
	}
	
aside {
	left:45%;
	}
}

/* smartphones */

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
body, #lecabinet, #b1, #b2, #domaines, #rdv, #honoraires, #contact {
	background:none
} 
	
header {
	width:100%;
	padding:0;
	height:auto;
	float:none;
	position:relative;
	background-image:url(../images/avocat-droit-fonction-publique.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:30%;
	}

#logo {
	width:40%;
	margin:0;
	}

#burger {
	display:block;
	position:absolute;
	top:15px;
	left:15px;
	width:50px;
	}	

#burger img {
	width:100%;
	}	

nav, #b1 h5, #b2 h4, #lecabinet h4 {
	display:none;
	}

#menu {
	padding-bottom:15px;}

aside {
	position:relative;
	height:200px;
	bottom:0;
	left:0%;
	background-position:center;
	}

.lecabinet aside {
	background-image:url(../images/avocate-droit-public.gif);
	}

#domaines aside {
	background-image:url(../images/droit-public-rennes.jpg)
	}

#rdv aside {
	background-image:url(../images/avocate-rennes.jpg)
	}

#honoraires aside {
	background-image:url(../images/honoraires-avocat-rennes.jpg)
	}

#contact aside {
	background-image:url(../images/cabinet-avocat-35.jpg)
	}

section {
	width:90%;
	padding:5%;
	min-height:inherit;
	float:none;
	background:none
	}

h1 {
	margin:0;
	}

footer {
	background-color:#545454;
	clear:both;
	width:90%;
	padding:5%;
	position:relative;
	bottom:0;
	}

footer, footer a {
	color:#fff;
	}
}