/* CSS Document */


body{ 
margin: 0px;
padding: 0px;
background-color:#d2d2d2;
background-image:url(../img/bg.jpg);
background-repeat:repeat-y;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
} 

* {
margin:0;
padding:0;
}


div#logo {
position:absolute;
width:186px;
height:65px;
left:10px;
top:30px;
background-image:url(../img/logo_barreau.jpg);
background-repeat:no-repeat;
}

div#ctop {
position:relative;
width:566px;
height:120px;
left:206px;
top:0px;
border-left: #D7D7D7 dotted 2px;
}

#linklistC {
	position:absolute;
	width: 100px;
	height:10px;
	text-align:right;
	left:452px;
	margin-top: 0px;
	line-height:0.8em;
	top: 95px;
}


#linklist {
	position:absolute;
	width: 165px;
	height:219px;
	left:36px;
	margin-top: 7px;
	line-height:0.83em;
	top: 257px;
}

#linklist ul {
margin: 0px;
padding: 0px;
}

#linklist ul li{
text-indent: .4em;
list-style-type:none;
padding: 0.2em 0em;
list-style-image:url(../img/puce.jpg);
list-style-position:outside;
}
a.lie:link, a.lie:visited{color: #993366;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;font-style:normal; font-weight:bold; text-decoration: none;}
a.lie:hover, a.lie:active {color: #8c8d91;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;font-style: normal; font-weight:bold;text-decoration: none;}

a.lier:link, a.lier:visited{color: #993366;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;font-style:normal; font-weight:bold; text-decoration: none;}
a.lier:hover, a.lier:active {color: #8c8d91;font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;font-style: normal; font-weight:bold;text-decoration: none;}


a:link {
color: #737373;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a:visited {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a:hover, a:active {
	color: #996666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#nuage {
position:relative;
z-index:5;
width: 775px;
height:116px;
left:0px;
top:0px;
background-image:url(../img/nuage.jpg);
background-repeat:no-repeat;
}

#contenu {
position:relative;
width: 774px;
left:0px;
top: 0px;
background-color:#FFFFFF;
}

#column2 {
	position:relative;
	width: 566px;
	left:206px;
	top:-30px;
	border-left: #D7D7D7 dotted 2px;
}

#contenu p {
	margin: 15px 30px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.8em;
	text-align: justify;
}
#contenu p.just {
	margin: 15px 30px 0px 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.8em;
	text-align:justify;
	color: #000;
}

h1 {
margin: 30px 30px 0px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#790131;
line-height:1.5em;
}

div#footer
{
position:relative;
top:0px;
left: -206px;
width:773px;
height:36px;
text-align:right;
/*background:url(../img/logo_bas.jpg) no-repeat 10px top #fff;*/
border-top: #d7d7d7 thin solid;
}

#footer p {
margin:5px 5px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #d2d2d2;
}

div#retour
{
position:relative;
top:10px;
left:-200px;
width:206px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}
div#rethaut
{
position:relative;
top:-2px;
left:-100px;
width:206px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}

#contenu ul {
padding: 0px;
margin: 10px 30px 0px 60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;

}
/*
#contenu ul li{
text-indent: .4em;
list-style-type:lower-alpha;
text-align:left;
color:#666666;
padding: 0em 0em;
line-height:1.8em;
}*/
#contenu ul.act {
margin: 10px 30px 0px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#contenu ul.act li{
text-indent:0;
list-style-type:disc;
list-style-position:outside;
text-align:justify;
color:#666;
line-height:16px;
}
p.grisa {
color:#666;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
img.baton {
margin-right:1px;
margin-bottom:1px;
border:1px solid #000;
}
table.mem {
margin:auto;
width:550px;
border:none;
}
table.mem td{
text-align:left;
padding-left:10px;
line-height:15px;
height:15px;
background-color:#F0E4E4;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
table.mem td.lyen{
text-align:left;
padding:3px 10px;
line-height:15px;
background-color:#F0E4E4;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
table.mem th{
text-align:left;
text-indent:0.5em;
background-color:#CCB3B3;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}


table {
margin:auto;
width:300px;
border:none;
}
th{
text-align:center;
background-color:#CCB3B3;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}
td{
text-align:center;
height:15px;
background-color:#F0E4E4;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}


div#pikso
{
position:relative;
top:5px;
left:30px;
width:206px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}

div#archilien
{
position:relative;
top:-18px;
left:200px;
text-align:right;
width:350px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}
div#archilienbas
{
position:relative;
top:20px;
left:10px;
width:550px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}
table.arc {
margin:auto;
width:540px;
border:none;
}
table.arc td {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#faf5f5;
text-align:left;
color:#000000;
padding:5px;
}
table.no {
width:160px;
}
table.no td
{
	color:#333;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	text-align: right;
}
a.lien:link, a.lien:visited {
color: #333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration:underline;
}
td.lef, th.lef {
text-align:left;
padding:0 20px 0 20px;
/*text-indent:1.5em;*/
}
a.lien:active, a.lien:hover {
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
text-decoration:underline;
}
ul.pers li.pers {
color:#333;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
list-style-type:square;
text-indent: .4em;
text-align:left;
padding: 0em 0em;
line-height:1.8em;
}