/* CSS Document */

body { margin:0; padding:0; font-family:Tahoma; color:#333333; font-size:12px; background:url(../images/headerbg.gif) repeat-x #A4A4A4; }

a { color:#2D2D2D; text-decoration:none; }
a:hover {  }
h1 { font-size:16px; }
h2 { font-size:14px; }
hr { color:#000000; height:1px; border:1px dotted #333333; }

#wrapper { width:1020px; margin:0 auto; padding:0; }

#header { position:relative; width:100%; height:200px; }
#header .logo { float:left; }
#headinfo { position:absolute; right:15px; top:7px;}
#headinfo a { font-size: 10px; color:#000000; }
#headinfo a:hover { text-decoration:underline; }

.logotext { position:absolute; top:60px; left:155px; font-family:Trebuchet MS; font-size:22px; color:#FFF; }
.logoimage{ position:absolute; top:30px; left:-20px; }
.logotext strong { color:#EFEFEF; }
.logotext2 { font-size:16px; }

#nav { position:absolute; bottom:0; right:130px; width:100%; padding:0; margin:0; }
#nav ul { margin:0; padding:0; }
#nav ul li { float:right; list-style:none; padding:0; }
#nav ul li a { display:block; width:100px; padding:7px 0; margin:0 1px 0 0; background:url(../images/buttonbg.gif); text-align:center; }
#nav ul li a:hover { bottom:0; background:url(../images/buttonbgover.gif); color:#999999; overflow:auto; }
#nav ul li a.on, #nav ul li a.on:hover { width:100px; padding:7px 0; background:url(../images/buttonbgon.gif); text-align:center;  }

#content { width:1020px; padding:0 20px; background:url(../images/contentbg.gif) repeat-y; }


#left { float:left; padding-right:20px; width:180px; }
#left ul { margin: 0; padding:0; }
#left ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li a { display:block; width:170px; margin:0; padding:5px; background-color:#9B9BE3; font-size:16px; font-family: sans-serif;}
#left ul li a:hover { background-color:#CCB564; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:1px 0; padding:0; }
#left ul li ul li a { padding:5px 5px 5px 10px; width:115px; background-color:#EFEFEF; }

#breadcrumb { float:left; width:73%; background-color:#FFF; border-bottom:1px dotted #333333; padding:8px 0; }
#breadcrumb a { font-weight:bold; }

#right { float:left; width:775px; }
#right a { font-weight:bold; }
#right a:hover { border-bottom:1px dotted;  }
#right .postinfo { display:block; width:90%; margin:5px; padding:6px; background-color:#EFEFEF; border:1px solid #D4D4D4; }
#right blockquote { width:80%; margin:5px; padding:6px; border-left:1px solid #D4D4D4; }
.welcome { float:left; display:block; width:150px; margin:10px; padding:5px; background-color:#FFF; border:1px solid #D4D4D4;  }
#right p a { color:#666666; }
#right {font-size: 18px; font-family: sans-serif;}
#right p {text-indent:35px; text-align:justify;}
#right h1 {font-size: 24px; font-weight: bold; text-align:center; margin:20px 0 15px;}
#right h2 {font-size: 20px; font-weight: bold; text-align:center; margin:10px 0;}
#right h3 {font-size: 18px; font-weight: bold;}
#right h4 {font-size: 18px; font-weight: bold; text-align:center; margin: 10px 0; text-transform: uppercase;}
#right h5 {font-size: 18px; font-weight: bold; text-align:center; margin: 10px 0; letter-spacing: 4px;}
#right div.signatures {margin-left: 55px;}
#right div.signatures p { margin-bottom: 0;}
#right div.signatures p.participant {display: block; width: 100%; float: left; text-align: left; margin-bottom: 40px; margin-top: 10px;}
#right div.signatures p.participant img {float: left;}
#right div.signatures p.participant span.name {margin: 15px 0pt 0pt 15px; display: block; float: left;}
#right div.contact {text-align: justify; margin-left: 55px;}
#right div.contact a { color:#666666; }

#right div.member {
	float:left;
	margin:10px 0;
	width:100%;
}
#right div.member div.name {
	float:left;
	width:200px;
}
#right div.member div.name  span.rip{
	border:1px solid;
	padding:1px 3px;
}
#right div.member div.bio {
	float:left;
	text-align:justify;
	width:575px;
}
#right ol.head li{
	margin: 10px 0;
}
#right img.inline-photo {
	float:left;
	margin:5px 15px 5px 0;
}
#right p.author {
	text-indent:0;
	margin-left:35px;
}
#right div.spogady  {
	width: 100%;
	float:left;
	margin:10px 0 10px 0;
}
#right div.spogady  img{
	float:left;
	margin:10px 20px 10px 0;
}
#right div.spogady  div{
	float:left;
	margin:10px 20px 10px 0;
}
#right div.spogady-photo {
	float:left;
	width:100%;
}
#right div.spogady-photo  div{
	float:left;
	width:35%;
	margin:10px 50px;
}
#right div.spogady-photo img{
	margin:5px 10px 5px 0;
	float:left;
}
#right div.spogady-photo span{
	display:block;
	float:left;
	width:265px;
}
#right div.spogady-photo div.v span{
	width:189px;
}
#right p.quote {
	text-indent:0;
	margin-left:40px;
	font-style:italic;
}
#right p.poem{
	text-indent:0;
	margin-left:40px;
}
#right ul, ol {
	padding-left: 1em;
	text-align:justify;
}
#right ul  li, #right ol li{
	margin:10px 0 5px 10px;
	text-align:justify;
}
#right div.align {
	width:100%;
	float:left;
	margin:20px 0 40px;
}
#right div.align div.right {
	float:right;
	margin-right: 10px;
}
#right div.align div.left {
	float:left;
	margin-left: 10px;
}
#right div.footnotes {
}
#right div.footnotes hr{
	margin-top:30px;
}
#right div.statut {
}
#right div.statut ol, #right div.statut ul{
	list-style-type: none !important;
	padding:2px 0;
}
#right div.contacts {
    float:left;
    margin:10px;
    text-indent:0;
}
#right div.contacts h1{
	margin:5px 0;
	font-size:20px;
}
#right p.images {
	text-indent:0;
}
#right table {border-collapse: collapse;}
#right table th, #right table td{
	padding: 3px 15px;
	border: 1px solid;
}
.bottom { font-size:10px; padding:30px 10px 10px 10px; }
.bottom a {color: #999999;}
.bottom a:hover { border-bottom:1px dotted #D2D2D2; }

.clear { clear:both; }

input { padding:2px; margin:2px 0; border:1px inset #666666; background-color:#efefef; width:100px; }
input.submit { width:auto; }

table.images-caption, table.images-caption td { border: none !important; }

table.images-caption td, table.images-caption td p, table.images-caption td p strong { text-align: center !important; }
