html {
	padding:0;
	color: #545454;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
   	font-size:17px;
	width:100%;
	height:100%;
	font-weight:300;
	letter-spacing:0.5px;
}

a {
	color: #545454;
	}

body {
	padding:0;
	margin:0;
	height:100%;	
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
    transition: background 0.5s linear;
} 

p, section li {
	clear:both;
	line-height:24px;
	text-align:justify;
	}

p {
	margin:0;
	padding:20px 0;
	}

/* fonds et couleurs */

#lecabinet {
	background-image:url(../images/gervaise-dubourg.jpg);
	background-position:top;
	}

#b1 {
	background-image:url(../images/laurence-tymen.jpg);
	background-position:top;
	}

#b2 {
	background-image:url(../images/gervaise-dubourg.jpg);
	background-position:top;
	}

#lecabinet header ul li .over, #b1 header ul li .over, #b2 header ul li .over {
	color: #a5e7be;
	font-weight:400;
	}

#lecabinet section, #b1 section, #b2 section {
	background-color:rgba(195,236,210,0.9);
	}

header ul li:nth-child(1) a:hover { 
	color: #a5e7be;
	font-weight:400;
	}

#domaines {
	background-image:url(../images/cabinet-avocat-droit-public-rennes.jpg);
	background-position:bottom;
	}

#domaines section {
	background-color:rgba(255,251,213,0.9);
	}

#domaines header ul li .over {
	color: #f0e672;
	font-weight:400;
	}

header ul li:nth-child(2) a:hover { 
	color: #f0e672;
	font-weight:400;
	}

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

#rdv section {
	background-color:rgba(200,240,255,0.9);
	}

#rdv header ul li .over {
	color: #b0e3f6;
	font-weight:400;
	}

header ul li:nth-child(3) a:hover { 
	color: #b0e3f6;
	font-weight:400;
	}
	
#honoraires {
	background-image:url(../images/tarifs-avocat-rennes.jpg)
	}

#honoraires section {
	background-color:rgba(224,222,244,0.9);
	}

#honoraires header ul li .over {
	color: #d3ccfd;
	font-weight:400;
	}

header ul li:nth-child(4) a:hover { 
	color: #d3ccfd;
	font-weight:400;
	}
	
#contact {
	background-image:url(../images/cabinet-avocat-rennes.jpg)
	}

#contact section {
	background-color:rgba(240,226,224,0.9);
	}

#contact header ul li .over {
	color: #dbbab5;
	font-weight:400;
	}

header ul li:nth-child(5) a:hover { 
	color: #dbbab5;
	font-weight:400;
	}

/* fin couleurs */
	
header {
	background-color:rgba(255,255,255,1);
	width:20%;
	padding:0 1%;
	height:100%;
	float:left;
	text-align:center;
	position:fixed
	}

#logo {
	width:90%;
	margin:20% 0 30px 0;
	}

#burger {
	display:none;
	}

header ul li a {
	color: #545454;
	text-decoration:none;
	text-transform:uppercase;
	line-height:30px;
	}

header ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

section {
	width:33%;
	padding:0 3%;
	min-height:100%;
	height:auto;
	float:right;
	background-image:url(../images/avocat-droit-fonction-publique.png);
	background-repeat:no-repeat;
	background-position:top right;
	background-size:30%;
	}

section ul {
	margin:0;
	padding:0 0 0 20px;
	}

section ul li {
	margin:0;
	padding:0 0 10px 0
	}

h1 {
	font-weight:300;
	text-transform:uppercase;
	margin:20% 0 0 0;
	padding:0;
	font-size:20px;	
	}

h2 {
	font-weight:300;
	text-transform:uppercase;
	margin:20px 0 0 0;
	padding:0;
	font-size:20px;	
	}

hr {
	width:80px;
	border:0;
	height:1px;
	background-color:#545454;
	float:left
	}

h4, h5 {
	font-weight:300;
	margin:0;
	padding:0;
	font-size:17px;
	color:#fff;
	display:none;
	}

#b1 h5 {
	display:block;
	}

#b2 h4, #lecabinet h4 {
	display:block;
	}
	
aside {
	clear:both;
	position:absolute;
	bottom:30px;
	left:48%;
	color:#fff;
	}

footer {
	clear:both;
	width:20%;
	padding:0 1%;
	bottom:30px;
	color:#999;
	font-size:12px;
	line-height:18px;
	text-align:center;
	position:fixed;
	}

footer a {
	color:#999;
	}

#mentions {
	padding:5%;
	}

#mentions h1 {
	margin:0 0 20px 0;
	font-size:40px;	
	color: #a5e7be;
	font-weight:400;
	}

#mentions h2 {
	color: #a5e7be;
	font-weight:300;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:20px;	
	}