body {
	margin: 0px;
	padding: 0px;
	color: #ff9;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	background-color: #363413;
	background-image: url(or_body.jpg);
	background-repeat: repeat-x;
	background-position: top center	
}

a, a:link, a:visited { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a:hover { color: #FFFF33; text-decoration: none; }

p { margin: 0 0 10px 0;  text-indent: 15px }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#fff; }
cite span { color: #e3dfae; }
em { color: #fff; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: normal;
 text-align: center; font-family: "Lucida Calligraphy"  }
h1 { font-size: 20px; margin: 0 0 20px 0; padding: 5px 0 }
h2 { font-size: 15px; margin: 0 0 15px 0; padding: 5px 0; }
h3 { font-size: 22px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 11px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 10px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 10px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { 
display : inline-block;
border : 5px solid #fff;
background : none;
margin-bottom : 5px; }
.image_fl { float: left; margin: 3px 15px 0 0 }
.image_fr { float: right; margin: 3px 0 0 15px }


.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none }
.tmo_list li { color:#e3dfae; margin: 0; padding: 0 0 0 20px;  }
.tmo_list li a { color: #e3dfae; font-weight: normal; font-size: 12px; text-decoration: none }
.tmo_list li a:hover { color: #fff }

#body_wrapper {margin-left : auto;
margin-right : auto;
width : 900px;}

#wrapper {
width : 900px;
padding : 2px;
margin-left : auto;
margin-right : auto;
background : url(../gallerie/images/body_wrapper.jpg) no-repeat [top, center];
}

#header {
width : 900px;
height : 100px;
background : url(../gallerie/header.png) no-repeat;
}

#site_title { float: left; }
#site_title h1 { margin: 0; padding: 0 }
#site_title h1 a { display: block; width: 280px; height: 68px; color: #fff;
 text-indent: -10000px; background: url(images/logo.png) no-repeat top left }

 
/************************/
#menus {width:850px; height:auto; position:relative; background:transparent; padding:1px 30px;margin-bottom:35px;top:1px}
#menu {padding:0; margin:1px 0 0 0; list-style:none; width:800px; height:auto;} 
#menu li.level1-li {float:left; height:25px; width:112px;}
#menu li.level1-li a.level1-a {display:block; height:25px; line-height:25px; padding-left:1px; text-decoration:none; font-size:11px; font-family:verdana, arial, sans-serif; color:#fff;  font-weight:bold;   background:transparent; }
#menu li.level1-li span {display:block; height:25px; line-height:25px; padding-left:10px; font-size:11px;WHITE-SPACE: nowrap; font-family:verdana, arial, sans-serif; color:#fff;  font-weight:bold;    background:transparent; }
#menu div.listHolder {position:absolute; left:-9999px; height:360px; background:#fff;margin-top:5px }
#menu div.col1 {width:182px;Margin-left:220px;}
#menu div.col2 {width:370px;}
#menu div.col3 {width:557px;}
#menu div.listCol {width:165px; float:left; padding:10px;font-family:verdana, arial, sans-serif;}
#menu div.listCol ul {padding:0 0 5px 0; margin:0; list-style:none;}
#menu div.listCol ul li {height:18px;}
#menu div.listCol ul li a {display:block; height:16px; line-height:16px; font-size:12px; text-decoration:none; color:#000; padding-left:15px;font-weight:bold;WHITE-SPACE: nowrap;}
#menu div.listCol h5 {padding:0 5px; margin:0; font-size:14px;  font-family:verdana, arial, sans-serif; font-weight:bold; line-height:16px; background:#aaa;}
#menu div.listHolder div.bottomLine {clear:both;}
#menu div.listHolder div.bottomLine p {padding:0 20px; margin:0; line-height:25px; background:#040 ; color:#ddd; font-size:10px;}
#menu div.listHolder div.bottomLine p a {color:#fff;}
#menu li.level1-li a.level1-a:hover { background:url(bar.gif);  color:#000; text-align: center  }
#menu li:hover span { 
border-right : 0;
color : #000;
border-right : 0;
cursor : default;}
#menu li:hover > span {
border-right : 0;
background : url(bar.gif);
color : #000;
border-right : 0;
cursor : default;}
#menu li:hover div.listHolder {left:190px; top:19px;}
#menu div.listCol ul li a:hover {color:#fff; background:#000;text-decoration:none;}
#menu div.listHolder div.bottomLine p a:hover {color:#fff; text-decoration:none; background:transparent;}
 
/* this is for IE5.5 and IE6 */
.time {behavior:url(#default#time2)}
#menu li span.liHover {background:url(style/bar.gif); color:#000;  border-right:0; cursor:default; }
#menu li div.divShow {left:190px; top:19px;}

/*****************************/

#outerContainer {POSITION:relative; COLOR: #fc0; border-top:1px solid;
	WIDTH: 850px;    FLOAT: left;margin-left:1px;  height:15px
}
#menuContainer {
	POSITION: relative; FLOAT: left; LEFT: 50%
}
#nav {FONT: 11px arial, verdana, sans-serif;color:#fff;
	Z-INDEX: 100; POSITION: relative;LIST-STYLE-TYPE: none; 
}
#nav UL {
	Z-INDEX: 100; POSITION: relative;    FONT: 11px arial, verdana, sans-serif;  
}
#nav {  BACKGROUND: #4b4d3f; FLOAT: left; HEIGHT: 30px; RIGHT: 50%; PADDING-TOP: 0px
}
 
#nav LI { 
	FLOAT: left
}

#nav LI A {WIDTH:95px;
  LINE-HEIGHT: 30px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: block; WHITE-SPACE: nowrap; FLOAT: left; HEIGHT: 30px; COLOR: #fff; FONT-WEIGHT: bold; TEXT-DECORATION: none;  
border:1px solid ;  }

#nav LI:hover {
	Z-INDEX: 100; POSITION: relative; BACKGROUND: url(transparent.gif)	;border-color:#fff; BORDER-RIGHT-WIDTH: 2px;
}
#nav A:hover {
	Z-INDEX: 100; ;  COLOR: #fc0; border:1px solid ;background:#000;  
}
#nav LI:hover > A { 
	COLOR: #fc0	 ; }
	  #nav TABLE {
	BORDER-COLLAPSE: collapse
}

#nav LI LI {
	FLOAT: none
}
#nav LI A LI {
	FLOAT: left
}
 
#nav LI LI A {
	LINE-HEIGHT: 25px; FLOAT: none; HEIGHT: 25px
}
 
#nav :hover UL {FLOAT: left;background:#4b4d3f;  
	Z-INDEX: 300; TOP: 30px; LEFT:-50px;
}
#nav A:hover UL {
	LEFT: -1px
}
#nav UL {
	POSITION: absolute; TOP: -9999px; LEFT: -9999px
}
#nav LI:hover LI:hover > UL {
	MARGIN-LEFT: 100%; TOP: 0px; LEFT: 0px
}
#nav LI:hover > UL UL {
	POSITION: absolute; WIDTH: auto; TOP: -9999px; LEFT: -9999px
}
#nav LI:hover LI:hover > A {
	COLOR: #fc0
}
#nav LI A:hover UL LI A:hover {
	COLOR: #fc0
}
#nav A:hover A:hover UL {
	TOP: 0px; LEFT: 100%
}
#nav A:hover A:hover A:hover UL {
	TOP: 0px; LEFT: 100%
}
#nav A:hover A:hover A:hover A:hover UL {
	TOP: 0px; LEFT: 100%
}
#nav A:hover A:hover A:hover A:hover A:hover UL {
	TOP: 0px; LEFT: 100%
}
#nav A:hover UL UL {
	POSITION: absolute; TOP: -9999px; LEFT: -9999px
}
#nav A:hover A:hover UL UL {
	POSITION: absolute; TOP: -9999px; LEFT: -9999px
}
#nav A:hover A:hover A:hover UL UL {
	POSITION: absolute; TOP: -9999px; LEFT: -9999px
}
#nav A:hover A:hover A:hover A:hover UL UL {
	POSITION: absolute; TOP: -9999px; LEFT: -9999px
}
/*******************************************/
#middle { 
	clear: both;
	width: 900px;
	height:auto;
	padding: 30px;
}

#middle_subpage { 
	clear: both;
	width: 900px;
	height: 120px;
	padding: 30px;
	background: url(images/middle.png) no-repeat top
}

#middle_subpage h2 {
	color: #000;
}
#middle_subpage p {
	font-size: 18px;
	color: #171606;
}

#main {	 margin-left: auto; margin-right: auto; 
	clear: both;
	width: 900px;
	padding: 30px;
	background: #363413;
}

.col_w900 { width: 900px; margin-bottom: 50px; }
.col_w580 { width: 580px }
.col_w420 { width: 420px }
.col_w280 { width: 260px }
.col_allw280 { float: left; width: 260px; margin-right: 30px }
.col_w900_last { padding: 0 30px; margin: 0; background: none; }
.col_last { margin: 0; }
 .col_w580_c { width: 580px z-index: auto; 
 margin-top: 25px;
margin-left : auto;
margin-right : auto;
	height:auto;
}
.recent_comment_box { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px dashed #433d3a; }
.recent_comment_box a { color: #fff; font-size: 12px; font-weight: bold; }
.last_recent_comment_box { margin: 0; padding: 0; border: none }
.centre{TEXT-ALIGN: center;
   margin-left: auto;
   margin-right: auto; } 
.sb_box {
	width: 240px;
    padding: 0 20px 20px;
	margin-bottom: 30px;
	background: url(../images/sb_divider.jpg) bottom repeat-x;
}
.sb_box h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.middle { 
	clear: both;
 	height:auto;
	padding: 30px;
}
.post_box { clear: both; margin-bottom: 30px }
.post_box .post_header { padding: 10px 0; border: 1px dashed #000; border-left: none; border-right: none; margin-bottom: 15px }
.post_box h2 { font-size: 20px; margin-bottom: 10px }
.post_box p.post_meta { margin-bottom: 0; color: #7e7c55 }
.post_box p.post_meta a { color: #d1ce8c }
.post_box p span.cat a { font-weight: 400 }
.post_box img { padding: 9px; border: 1px solid #333; background: #171606; margin-bottom: 15px; }
.post_box a.more { float: right; }

.frontpage_box { color: #000 }
.frontpage_box h2 { font-size: 20px; padding: 0; margin-bottom: 20px; color: #383614 }
.frontpage_box img { float: left; margin-right: 15px }
.frontpage_box a { color: #000 }
.frontpage_box a.more { margin-top: 15px }
.tagline { display: block; font-size: 11px; font-weight: bold; font-style: italic; color: #000; margin-bottom: 10px }

.fp_post { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #4b481e }
.fp_post a { font-size: 16px }
.last_box { margin-bottom: 0; padding-bottom: 0; border: none }

#gallery { margin: 0; padding: 0 }
#gallery ul { margin: 0; padding: 0; list-style: none }
#gallery ul li { display: block; position: relative; float: left; width: 260px; margin: 0 60px 60px 0; }
#gallery ul li span { display: block; width: 240px; height: 30px; color: #fff; font-weight: 700; font-size: 16px; padding: 5px 0 0 5px; position: absolute; top: 100px; left: 0; background: url(images/gl_tt.png) repeat-x }
#gallery ul .lmb { margin: 0 0 30px 0; }
#gallery ul li a img { width: 260px; height: 180px; margin-bottom: 5px }

#gallery {
  overflow: hidden;

}  
.gauche { 
width : 90px; 
float : left;  
} 
.droit { 
width : 90px; 
float : right; }

#thumbs { z-index: auto; 
	width: 740px;margin-top: 25px;
margin-left : auto;
margin-right : auto;
	background-color: #363413;
	height:450px;
}  

#thumbs a {
display : block;text-decoration : none; 
float : right;
margin : 0 10px 5px 5px;
width : 90px;
height : 70px;
}
#thumbs a span {
display : none;
}
#thumbs a img {
   width: 90px;
   height: 70px;
   top: 100px;
   border: 3px groove white;
}
#thumbs a:hover {
border-color : #ddd;
}
img{
	border: none;
}

#thumbs a:hover span{ position: absolute;
 display: block; text-decoration : none; 
	font:  message-box 'Arial', Helvetica, sans-serif;
	width:520px;
   padding : 10px;
	height:52px;
	top: 50px;
	left: 180px;
	background-color: aqua;   
	font-size: 14px;font-weight: bold; 
	 text-align: center;} 
#thumbs a:hover img  {  
   position: absolute;
top: 80px;
height : auto;
left : 182px; 
height : auto; 
width : 520px; 
padding : 10px; 
border: 1px solid aqua;   ;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   background:  #214432;
}  
#cp_contact_form { 
	padding: 0; 
	width: 400px 
}

#contact_form form { 
	margin: 0; 
	padding: 0; 
}

#cp_contact_form form .input_field { 
	width: 390px; 
	padding: 5px; 
	border: 1px solid #ccc;  
	background: #fff; 
	color: #333; 
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
	margin-top: 5px;
}

#cp_contact_form form label { 
	display: block; 
	margin-right: 10px; 
	font-size: 13px; 
	color: #fff; 
}

#cp_contact_form form textarea { 
	width: 390px; 
	height: 160px; 
	padding: 5px; 
	color: #333; 
	border: 1px solid #ccc;  
	background: #fff; 
	font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
	margin-top: 5px;
}

#cp_contact_form form .submit_btn {
	padding: 5px 14px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 13px;
	margin: 10px 0px;
}

#map img { width: 270px; height: 160px; border: 1px solid #ccc; padding: 4px }

/* footer */

#footer_wrapper {
	clear: both;
	width: 100%;
	background: #28260d;
	border-top: 1px solid #4d4a21 
}

#footer {
	width: 900px;
	padding: 30px;
	margin: 0 auto;
}
/* social */

#footer #social_box {
	clear: both;
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

 

/* end of social */

/* copyright */

#copyright {
	clear: both;
	width: 100%;
	background: #000;
	border-top: 1px solid #3f3c18; 
	padding: 10px 30px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
}

#copyright a {
	color: #afaa69;
}