/*########################################################################
/*########################################################################
CODE
########################################################################*
########################################################################*/

body, input, textarea, select{
color:#777;
}

#wrapper_head, #wrapper_footer{
background: #222;
}

.entry, .sidebar .box{
background: #fff;
border: 1px solid #e3e3e3;
width:736px;
}

/************************************************************************
-) HEAD
*************************************************************************/

.logo a{
background: transparent url(../images/skin1/logo.png) top left no-repeat;
}

#nav .current{
background: #f8f8f8;
color: #222;
}

#nav #home{
background: #444 url(../images/skin1/home.png) center center no-repeat;
}

#nav .current#home, #nav #home:hover{
background: #F8F8F8 url(../images/skin1/home.png) center center no-repeat;
}

#nav a{
color:#777;
}

#top #nav li li a{
border-bottom:1px solid #ccc;
}

#top #nav li li ul{
border-top:1px solid #ccc;
}

#nav li li a, #nav li:hover{
background: #fff;
color:#777;
}

#nav li ul{
border:1px solid #ccc;
border-top:none;
border-bottom:none;
}


#nav a:hover{
color:#444;
}

#nav li li a:hover{
color:#444;
background: #eee;
}



#headextras{
background: #131313;
border: 1px solid #333;
}

.social_bookmarks .rss a{background: transparent url(../images/skin1/rss_16.png) 0 0  no-repeat;}
.social_bookmarks .facebook a{background: transparent url(../images/skin1/facebook_16.png) 0 0  no-repeat;}
.social_bookmarks .twitter a{background: transparent url(../images/skin1/twitter_16.png) 0 0  no-repeat;}
.social_bookmarks .flickr a{background: transparent url(../images/skin1/flickr_16.png) 0 0  no-repeat;}
.social_bookmarks .email a{background: transparent url(../images/skin1/email_16.png) 0 0  no-repeat;}

#submit_news{
color:#fff;
background: transparent url(../images/skin1/submit_news.png) top right  no-repeat;
}


/*head searchform*/

#head #s{
background: #fff;
color:#555;
}

#searchsubmit {
background: transparent url(../images/skin1/search.png) 2px center  no-repeat;
}

#feature_info, feature_info a, feature_info a:hover, #feature_info h2{
color:#999;
text-shadow:1px 1px 0 #FFFFFF;
}

/************************************************************************
-) CONTENT AREA
*************************************************************************/

#wrapper_main{
background: #f8f8f8;
}

#top .pagination span, #top .pagination a{
color:#fff;
background: #555;
}

#top .pagination a:hover{
color:#fff;
background: #777;
}

#top .pagination .current{
background: #222;
color:#fff;
}

.entry-head span{
border-right: 1px solid #bbb;
}

.date{
background: #f8f8f8;
border: 1px solid #e3e3e3;
}

#top .slidecontrolls a{ 
background:transparent url(../images/skin1/slide_controlls.png) no-repeat -28px top; 
}

#top .slidecontrolls .active_item, #top .slidecontrolls a:hover{
background:transparent url(../images/skin1/slide_controlls.png) no-repeat 0px top ;
}

/************************************************************************
-) GALLERY
*************************************************************************/

.the_gallery{background: #f8f8f8;}

.gallery_inner, .tooltip{
border: 1px solid #e3e3e3;
background: #fff;
}

#top .gallery_entry h3, #top .gallery_entry h3 a, #top .gallery_entry h3 a:hover{
color:#999;
text-shadow:1px 1px 0 #FFFFFF;
text-decoration: none;
}

.gallery_entry{
color:#666;
background: #f8f8f8 url(../images/skin1/shadow.png) left 188px no-repeat;
}

.gallery_entry .comment_link{
background: transparent url(../images/skin1/comments.gif) right 2px no-repeat;
color: #c2c2c2;
text-decoration: none;
}

.gallery_entry .comment_link:hover{
color: #888;
text-decoration: none;
}

.rating_off, #top .star_off{
background: transparent url(../images/skin1/rating_off.gif) 0 0 no-repeat;
}

.rating_on, .star:hover, #top .star_on{
background: transparent url(../images/skin1/rating_on.gif) 0 0 no-repeat;
}

.featured_entry{
background:transparent url(../images/skin1/featured.png) no-repeat 0px top ;
}

.preloading{
background: transparent url(../images/skin1/preload.gif) no-repeat 50% 50%;
}

/************************************************************************
-) Sidebar
*************************************************************************/

.display{
background: #f8f8f8 url(../images/skin1/border_top.png) repeat-x left top;
border:1px solid #ddd;
color: #999;
}

#top .display:hover{
background: #eee url(../images/skin1/border_top.png) repeat-x left top;
text-decoration: none;
color: #999;
}

.displays{
background: #f8f8f8 url(../images/skin1/border_top.png) repeat-x left top;
border:1px solid #ddd;
color: #999;
text-decoration: none;
}

#top .displays:hover{
background: #eee url(../images/skin1/border_top.png) repeat-x left top;
text-decoration: none;
color: #999;
}

#top .display_active{
border:1px solid #bbb;
}

#item_small span{
background: transparent url(../images/skin1/display_small.png) no-repeat 3px center;
}

#item_medium span{
background: transparent url(../images/skin1/display_detail.png) no-repeat 3px center;
}

#item_large span{
background: transparent url(../images/skin1/display_large.png) no-repeat 3px center;
}

.sidebar .box ul{
border-bottom:1px solid #e3e3e3;
}

.sidebar .box ul li a{
border-top:1px solid #e3e3e3;

background: transparent url(../images/skin1/rating_off.gif) 0 8px no-repeat;
}

.sidebar .box ul li a:hover{
background: transparent url(../images/skin1/rating_on.gif) 0 8px no-repeat;
text-decoration: none;
}
#top .sidebar .box_entry{
border-top:1px solid #e3e3e3;
}


/************************************************************************
-) FOOTER
*************************************************************************/

#footer .box li a, #footer .box .recentcomments {
background:url("../images/skin1/bullet.png") no-repeat scroll 0 12px transparent;
border-bottom:1px solid #333333;
}

 #footer a{
color:#FFFFFF;
} 
#top #footer .box_entry a img{
border-color: #333333;
background: #111;
}

#top #footer .box_entry a:hover img{
border-color: #444;
}

#footer_bottom{
background: #111;
color:#444;
}

#wrapper_footer, #footer .box h3 {
border-bottom:1px solid #333333;
}

/************************************************************************
-) GENERIC
*************************************************************************/

h1, h2, h3, h4, h5, h6, legend, #top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a{
color:#444;
}

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#888f96;
} 

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer legend, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a{
color:#eee;
}

#top h1 a:hover, #top h2 a:hover, #top h3 a:hover, #top h4 a:hover, #top h5 a:hover, #top h6 a:hover{
color:#888f96;
} 

a{color:#888f96;}
a:hover{color:#555;}
#footer a:hover{color:#fff;}

#top .box_entry a img{
border-color: #e3e3e3;
}

#top .box_entry a:hover img{
border-color: #aaa;
}


blockquote {
background: transparent url('../images/skin1/quotes.png') no-repeat top left; 
}

.entry ul, .entry ol{
border-top:1px solid #D6D6D6;
color:#555;
}

.entry ul li {
background:url("../images/skin1/bullet.png") no-repeat scroll 0 12px transparent;
border-bottom:1px solid #D6D6D6;
}

.entry ol li {
border-bottom:1px solid #D6D6D6;
}

pre, #top div .wp-caption {
border:1px solid #e1e1e1;
background: #fff;
}

/*table*/


th {
	color: #fff;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	background: #555;
}

th.nobg {
	border-right: 1px solid #e1e1e1;
	color:#555;
}

td {
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	color: #777;
}


td.alt {
	background: #eee;
	color: #777;
}

th.spec {
	border-left: 1px solid #e1e1e1;
	background: #fff;
	color:#777;
}

th.specalt {
	border-left: 1px solid #e1e1e1;
	background: #eee;
	color: #777;
}


.dropcap1{
text-shadow:1px 1px 0 #fff;
}

.dropcap2{
background: transparent url(../images/skin1/dropcaps.png) top left no-repeat;
color:#fff;
text-shadow:-1px -1px 0 #555;
}

.dropcap3{
background: #777;
color:#fff;
text-shadow:-1px -1px 0 #555;
border:1px solid #fff;
}

.hr { 
background: transparent url('../images/skin1/border.png') repeat-x center right;  
}

.hr a, .hr a:hover{ 
color:#aaa;
background:url("../images/skin1/arrow_up.png") no-repeat scroll left center transparent; 
}

.lightbox_video, .lightbox_image{
background:transparent url(../images/skin1/video.png) no-repeat center center;
}

#top .lightbox_image{
background:transparent url(../images/skin1/magnify.png) no-repeat center center;
}

/************************************************************************
CONTACT FORM
*************************************************************************/

.valid .text_input, .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #FF6600;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}

/************************************************************************
-) COMMENTS
*************************************************************************/


.gravatar img, .comment_content, .text_input, textarea{
border:1px solid #e3e3e3;
background: #fff;
}

.author_name a{
color:#555;
}

.commentmetadata a{
color:#aaa;
}

.says{
background:transparent url(../images/skin1/say.png) no-repeat scroll 0 0;
}

.comment-reply-link{
border-top:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
color:#555;
}

.button, .more-link {
background:none repeat scroll 0 0 #333;
border:medium none;
color:#FFFFFF;
cursor:pointer;
}

.button:hover, .more-link:hover{
background: #555;
color:#FFFFFF;
text-decoration: none;
}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist {margin:0; padding:0; direction:ltr;float:left;}

#comments .commentlist .comment_odd, #comments .commentlist .comment_even{margin:0 0 10px 0; padding:15px;}

#comments .commentlist .comment_odd{color:#666666; background-color:#FFFFFF; border:#999 dashed 1px;}
#comments .commentlist .comment_odd a{color:#059BD8; background-color:#FFFFFF;}

#comments .commentlist .comment_even{color:#666666; background-color:#E8E8E8;border:#999 dashed 1px;}
#comments .commentlist .comment_even a{color:#059BD8; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;float:left;}
#comments .commentlist .submitdate{font-size:smaller;float:left;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;text-align:justify; direction:ltr; clear:both;}

#comments .commentlist  .avatar{float:left; border:1px solid #EEEEEE; margin:0 0 0 10px;}


.quation{
	display:block;
	float:left;
	width:690px;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	border:#CCC solid 1px;
z-index: 100;
	box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	
	}
.quation .head{
	display:block;
	width:680px;
	text-align:justify;
	font-weight:bold;
	padding:5px;
	background:url(../images/labelup_02.gif) center ;
	}
.quation .foot{
clear:both;
	width:680px;
	text-align:justify;
	padding:5px;
	background-image:url(../images/labelup_02.gif) ;
	}
.templatemo_btn_01 a{
	float: right;
	clear: both;
	text-align: center;
	display: block;
	width: 80px;
	height: 23px;
	padding: 5px 0 0 0;
	background: url(../images/templatemo_btn_01.gif) no-repeat;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#hideshow {
	position: absolute;
	width: 500px;
	height: 400px;
	}
	
#open_popup {
  width: 80px;
  height: 28px;
  border: solid #EEE;
  float:right;
  margin:0px;
  background:url(../images/templatemo_btn_02.gif);
  color:#FFF;
  text-align: center;
   text-decoration: none;
}
 
#open_popup a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  cursor: pointer;
  background:url(../images/templatemo_btn_02.gif);
}
 
#open_popup a:hover {
  background-color: #EFEFEF;
}
#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);	/* ???????? ?? ??? css3 */
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 ?????? --*/
	left: 0;
	z-index: 1040;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 10px solid #fff;
	float: left;
	width: 500px;
	position:fixed;
	top: 20%;
	left: 20%;
	/*margin: 0 0 0 -250px;*/
	z-index: 100;
	z-index: 100;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
 
}
.popup_block .popup {
	float: right;
	
	width: 480px;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
	z-index: 1001;
}
.popup h3 {
	margin: 0 0 10px;
	padding: 5px 5px;
	border-bottom: 1px solid #bbb;
	font: 14px "times newroman";
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	font: 12px tahoma;
}
.popup img.cntrl {
	position: absolute;
	left: 10px;
	top: 10px;
}
#sendok {
background:url(../images/button.png);
width:85px;
height:35px;
display:block;
text-align:center ;
}

.desciption { 
			padding: 5px; 
			font-size: 10px; 
			opacity: 0.8; 
			filter: alpha(opacity=80); 
			background-repeat: no-repeat; 
			 
		}
		.interieur{
			padding: 4px 5px; 
			background-color: black;
			color: white; 
			max-width: 200px; 
			 
		}
		.sudF { 
			background-image: url(../images/icon/tipsy-north.gif); 
			background-position: top center; 
		}
		.nordF { 
			background-image: url(../images/icon/tipsy-south.gif); 
			background-position: bottom center;
		 }
		.estF { 
			background-image: url(../images/icon/tipsy-east.gif); 
			background-position: right center; 
		}
		  .ouestF { 
		  background-image: url(../images/icon/tipsy-west.gif) ;
		  background-position: left center; 
		  	 
			
		  }
		#gravity { 
			width: 100%; 
			margin: 5px 0; 
			border-spacing: 5px; 
		}
		
/* style vote */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:90px;
	height:18px;

	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;

    
    
}
.star-rating li{
	display: inline;
}
.star-rating a, .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	height:18px;
/*	line-height:18px;*/
	text-indent: -1000px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{ /* ?????? ????? */
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{ /* ?????? */
	width:40%;
	z-index:5;
		}
.star-rating a.three-stars{ /* ?????? */
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{ /* ?????? */
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{ /* ?????? */
	width:100%;
	z-index:2;
}
.star-rating .current-rating{ /* ?????? */
	z-index:1;
	background-position:left center;
}