/* Mise en page globale */
body { 
margin: 0;
padding: 0;
background: white;
color: black;
font-size: 80%;
/*font-size: 80%;*/
font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, serif;
}

img {border: 0 none;}

p.avatar img, span {
vertical-align: middle;
display: inline-block;
}

p.avatar span {
padding-left: 5px;
}
.avocat {
float: left;
padding-right: 20px;
padding-bottom: 20px;
}

/*Photo du cabinet*/
.etude{
float: right;
padding-right: 20px;
padding-bottom: 20px; 
}

li#active {
color: red;
}

/* En-tête */ 
#header {
height: 100px;
background: #ECF1F4 url(banniere.jpg) top left no-repeat;
}
#header img {
float: right; 
margin: 5px 5px 0 0;
}
#header h1 {
text-indent: -5000px; 
margin:0;
line-height: 0;
}
#header p { 
margin: 45px 0 0 200px;
font-weight: bold;
color: white;
font-size: 1.1em;
}
/* Menu horizontal */
#menuhaut { 
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: black;
color: white;
text-align: right;
}
#menuhaut li {
display: inline;
} 
#menuhaut a {
color: white;
text-decoration: none;
}
#menuhaut a:hover {
text-decoration: underline;
}

/* Menu vertical */
#menu {
float: left;
width: 15em;
padding: 0.5em 0 8em 0;
margin: 0px;
background: #497598 url(fondmenu.jpg) bottom left no-repeat;
}
#menu ul {
list-style-type: none;
padding: 0;
margin: 0 1em 0 1em;
} 
#menu li a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: white;
font-weight: bold;
font-size: 100%;
text-indent: 1em;
}
#menu li a:hover {
background: #3333ff;
color: #ffff00;
}

/* Formulaire */
#menu p { 
margin: 1.5em 0 0 1em;
font-weight: bold;
color: white;
}
#menu form {
margin:0 0 0 1em;
}
#menu form .champ {
width: 8em;
}
/*Contenu global*/
#global {
margin-left: 15.5em;
}
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #0B3C6C;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #0B3C6C;
}
#global h3 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 105%;
font-weight: bold;
color: #0B3C6C;
}
#global h4 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 100%;
font-weight: bold;
color: #0B3C6C;
}
#global h5 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 90%;
font-weight: bold;
color: #0B3C6C;
}
#global h6 {
margin-top: 1em;
margin-bottom: 0.5em;
font-size: 85%;
font-weight: bold;
color: #0B3C6C;
}
#global ul{
text-decoration:none;
list-style-type:none;
list-style-image: url(images/chsqr01.gif);
}
#global li{
margin-bottom: 5px
;
}
#global a {
text-decoration: none;
color: #0B3C6C;
}
#global a:hover {
text-decoration: underline;
}
.plan {
float:right;
border:1px dotted black;
margin:0px 0px 15px 20px;
}
/*tableau des indices en table*/
#tableau table{
border-collapse: collapse;
border-spacing: 5em;
background-color: #497598;
text-align: center;
empty-cells: show;
color: white;
}
#tableau th{
border: 1px solid white;
padding: 2px;
}
#tableau TD{ 
border: 1px solid white;
padding: 2px;
}
#tableau a {
color: white;
text-decoration: none;
}
#tableaul a:hover {
text-decoration: underline;
}
/*Photo du cabinet*/
#etude{
float: right; 
width: 200px;
height: 292px;
margin: 0 5px 5px 5px;
background: url(images/cabinet.jpg) left top no-repeat;
}

/* Encart */
#encart {
float: right; 
width: 275px;
margin: 0 5px 5px 5px;
padding-top: 30px;
background: url(posthaut.png) left top no-repeat;
}
#encart h3 {
font-size: 130%;
margin: 0 0 0 40px;
}
#bloccadre {
background: url(postbas.png) left bottom no-repeat;
padding: 0 0 25px 40px;
}
#bloccadre ul {
margin: 1em 40px 0 0;
padding:0;
}
#bloccadre li {
margin: 0;
list-style-image: url(postpuce.png);
}
#bloccadre li a {
color: black;
text-decoration: none;
font-weight: normal;
}
#bloccadre li a:hover {
text-decoration: underline;
}
/* codes et citations */
tt, code, samp {
font-size: 1em;
color: green;
}
blockquote {
	margin: 1em;
	padding: 0 0.5em;
	font-style: italic;
	background-color: #ECF1F4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0B3C6C;
	border-right-color: #0B3C6C;
	border-bottom-color: #0B3C6C;
	border-left-color: #0B3C6C;
}
kbd {
font-size : 1em;
padding: 0px 2px;
border: 1px solid gray;
}
pre {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #F0B802;
	padding: 1em;
	margin: 1em;
	font-size: 110%;
	background: #ffffcc;
	width: 85%;
	overflow: auto;
}