/* Bannière avec nom */

.texture
{
	height: 32em; 
	width: auto; 
	background-image: url("../ressources/law-scale-banner-photo.jpg"); 
	margin-top: 0px; 
	padding: 1em; 
}

/* Barre de navigation + navigation à part */

#navigation ul li
{
	background-color: #D3D3D3; 
	height: 2em; 
	width: auto; 
	text-transform: uppercase; 
	display: inline-block; 
	padding-left: 3.5em; 
	padding-right: 3.5em;
	padding-top: 0.7em;
	margin-top: auto;
	text-align: center;
	font-size: 1.014em;
}

#navigation .active 
{
    color: #F8F8F8;
    background-color: #4f81bd;
 
}

#nav_sales  
{
    background-color: #D3D3D3; 
	height: 117em; 
	width: auto; 
	text-transform: uppercase; 
	display: block; 
	padding-top: 1em;
	margin-top: auto;
	float: left ;
	text-align: center;
	margin-left: 0.7em;
	padding-left: 1.7em;
	padding-right: 1.7em;
 
}

#menu-accordeon 
{
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}

#menu-accordeon ul 
{
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon li 
{
   background-color:#729EBF; 
   background-color:#4f81bd;
 
   margin-bottom:2px;
   
   border:solid 1px #333A40
}

#menu-accordeon li li 
{
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #4f81bd;
   box-shadow: none;
   border:none;
   margin:0
}

#menu-accordeon a 
{
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}

#menu-accordeon ul li a, #menu-accordeon li:hover li a 
{
  font-size:1em
  background-color:#4f81bd;
}

#menu-accordeon li:hover 
{
   background: #D3D3D3;
}

#menu-accordeon li li:hover 
{
   background: #D3D3D3;
}

#menu-accordeon ul li:last-child 
{
   
   border:none;
}

#menu-accordeon li:hover li 
{
  max-height: 15em;
}
/*.bouton a 
{
	display:block;
	width:150px;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
	color: #000066;
	border-color: black ;
	padding-left: 35px; 
	padding-right: 35px;

}

.bouton a:hover 
{
	background-color:#4f81bd;
	color: white;

}*/

a:hover 
{
	color: #10b5e9;
}

a
{
	color: #000066;
}

ul
{
	background-color: #D3D3D3; 
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

li
{
	list-style: none;	
}

/* fotter + ses divs */

#container
{
	margin-left: 149px;
	width: 797px;height: 147px;
	margin-top: 5px;
}

#navfoot
{

	width: 200px;
	float: left;
	margin: 7px;
	padding-right: 20px
}

#adresse
{
	float: middle;
	padding-bottom: 0px;
	padding-top: 7px;
}

#map
{
	
	width: 200px;
	float: right;
	margin-top: -116px;
}

footer 
{
	background-color: #D3D3D3; 
	width: auto; 
}

/* Body + titres */

body
{
	background-color: #FAEBD7; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 0.88em; 
	z-index: 1; 
	margin: 0px;
	width: 100%;
}

h1
{
	text-align: right;
	font-size: 4.4em;
	color: #FAEBD7;
	line-height: 9em;

}

h2
{
	text-align: center;
	background-color: #D3D3D3;
	color: #000066;
	text-shadow: 0.1em 0.1em 0.2em grey; 
	height: 1.8em; 
	margin-top: 0.48em;
	margin-bottom: 0.48em;
}

/* texte */

.presentation
{
	margin-left: 17%;
	margin-right: 17%;
	font-size: 1.42em;
	text-align: justify;
}

.cabinet
{
	margin-left: 17%;
	margin-right: 17%;
	font-size: 1.42em;
	text-align: justify;
}

.competences
{
	margin-left: 17%;
	margin-right: 17%;
	font-size: 1.42em;
	text-align: justify;

}

.honoraires
{
	margin-left: 17%;
	margin-right: 17%;
	font-size: 1.42em;
	text-align: justify;
}

.sales
{
	margin-left: 17%;
	margin-right: 17%;
	font-size: 1.42em;
	text-align: justify;
}

.contact
{
	margin-left: 17%;
	margin-right: 17%;
	text-align: center;
	font-size: 1.42em;
	
}