* {
padding: 0;
margin: 0;
}

body {
background: #DBDEE1;
color: #51636F;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 12px;
text-align:justify;
}

#main {
margin:0 5% 0 5%;
background: #EEEFF1;
border-left: 1px solid #B6BFC6;
border-bottom: 1px solid #B6BFC6;
border-right: 1px solid #B6BFC6;
}

#mainlogo {
	color: #677D8D;
	height: 90px;
}

#mainlogo h1 {
	float: left;
	background: transparent url(/images/logo.gif) no-repeat scroll 0 0;
	height: 90px;
	line-height: 90px;
	width: 300px;
}

#mainlogo h1 span{
	left:-5000px;
	display: none;
}

#mainlogo h2 {
	float: right;
	width: 300px;
	text-align:right;
	margin-top: 50px;
	margin-right: 20px;
}

#mainmenu {
border-top: 2px solid #A42020;
border-bottom: 2px solid #B6BFC6;
height: 103px;
background: #DBDEE1 url(/image/menubottom.jpg) no-repeat scroll bottom left;
position:relative;
}

#mainmenu ul {
  height: 40px;
  border-bottom: 2px solid #677D8D;
  padding: 0 0 0 10px;
}

#mainmenu ul, #leftmenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#mainmenu li {
display:inline;
}

#mainmenu li a {
color: #A42020;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
float:left;
font-weight:bold;
height:40px;
padding: 11px 15px 0 ;
text-decoration:none;
}

#mainmenu li a:hover {
text-decoration: underline;
}


#mainmenu li a:hover, #mainmenu li.active a {
color: #fff;
background: transparent url(/images/menuback.gif) repeat-x top left;
}

#leftpart {
float: left;
width: 200px;
}

#content {
margin: 10px 10px 10px 205px;
padding: 10px;
background: #F8F9FA;
border: 1px solid #B6BFC6;
}

#content ul {
margin-left: 2em;
}

p, #content h2, #content h3, #content ul, #mon_garant {
line-height: 1.7em;
margin-bottom: 1em;
}
#mon_garant span {
font-size: 1.2em;
font-weight:bold;
}

#content p, #content ul {
padding-left: 1em;
}

#content h2, a {
color: #981E1E;
}

#content table {
border:1px dotted #CACACA;
margin-bottom:1.5em;
padding:0.5em;
}

#content table tr {
background-color:#FDFDFD;
color:inherit;
}

#content table tr.row {
background-color:#F5F5F5;
color:inherit;
}

#content table td {
padding:0.5em;
}

#content img {
background:white none repeat scroll 0 0;
border:1px solid #DDDDDD;
margin:5px;
padding:5px;
}

a:hover {
  color: #D62E2E;
}

#leftmenu a {
  text-decoration: none;
  color: #677D8D;
  font-weight: bold;
}

#leftmenu a:hover, #leftmenu a.active {
color: #981E1E;
}


#content h2 {
border-bottom: dotted 1px #B6BFC6;
}

#content li {
margin-left: 1em;
}

#leftmenu li {
background:transparent url(/images/menuli.gif) no-repeat scroll 0 13px;
border-bottom:1px dashed #B5B5B5;
margin:0 10px 0 15px;
padding:8px 0 8px 20px;
text-align:left;
}

#banners, #footer{
text-align: center;
padding: 15px;
}

.gallery {
text-align: left;
}

.clear {
clear: both;
}

.home {
background: transparent url(/images/home.gif) no-repeat scroll 7px 7px;
border: 1px solid #677D8D;
height: 25px;
width: 25px;
position: absolute;
right:20px;
bottom: 20px;
}

.letter {
background: transparent url(/images/letter.gif) no-repeat scroll 7px 9px;
border: 1px solid #677D8D;
height: 25px;
width: 25px;
position: absolute;
right:60px;
bottom: 20px;
}

#ditto_pages a, #ditto_pages span{
border: 1px solid #677D8D;
padding:2px 3px 2px 3px;
margin:0px 2px 0px 2px;
text-decoration:none;
}

.readmore {
text-align:right;
font-size: .8em;
}
