/* 
Theme Name: Skeleton
Theme URI: http://themehybrid.com/themes/skeleton
Description: A blank child of the Hybrid theme framework representing the visual hierarchy of Hybrid with designers in mind.
Author: Justin Tadlock
Author URI: http://justintadlock.com
Version: 0.1.1
Tags: Framework
Template: hybrid
*/

/**
* Import pre-made styles from Hybrid
************************************************/

/* Get structure CSS */
@import url('../hybrid/library/css/3c-l-fixed.css');

/* Get base CSS */
@import url('../hybrid/library/css/18px.css');

/* Get plugins CSS */
/*@import url('../hybrid/library/css/plugins.css');*/

/* Get drop-downs CSS */
/*@import url('../hybrid/library/css/drop-downs.css');*/

/**
* Body
************************************************/
#news-nav { height:550px }
#news-nav .viewport { width: 175px;  ;overflow: hidden; position: relative; height:550px }
#news-nav .overview { list-style: none; position: absolute; left: 0; top: 0; }
/*#news-nav .scrollbar,*/
#news-nav .thumb .end,
#news-nav .thumb { background: transparent url(./images/bg-scrollbar.png) no-repeat; }
#news-nav .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
#news-nav .track	{/* background: transparent url(./images/bg-scrollbar-end.png) no-repeat 0 100%;*/ height: 100%; width:13px; position: relative; padding: 0 1px; }
#news-nav .thumb { background-position: 100% 100%; height: 32px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#news-nav .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
#news-nav .disable { display: none }
#news-slider ul {margin:0}
#news-slider ul li {list-style: none }
#news-nav h2 {
   font-size:1.2em;
   text-transform:uppercase;
   margin:0px
   
}


#news-nav .active a  {
   color:#FFC000;
}
#news-nav h2 a:hover {
   color:#FFC000;
}

#news-nav .post-news {
   display:none
}

#news-nav .post {
   clear:left;
}
img#wpstats{width:0px;height:0px;overflow:hidden}


/* Contains everything */
body {
	width:960px;
	margin:0 auto;
	font-family:verdana;
	font-size:10px;
	padding:0;
	position:relative;
}

/* Wrapper for everything inside of the body */
#body-container {}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link { color:black }
a:visited { color:black }
a:hover { color:black }
a:active { color:black }

/* Headers */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 { margin-bottom:0.3em }

/* Text elements */
strong {}
em {}
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {}
.right, .alignright {}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

/**
* Images
************************************************/

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/*  [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {position:relative}

	/* Contains site title and tagline */
	#header {margin-top:10px;font-family:verdana;}

		/* Site title */
		#site-title { float:left; margin-bottom:5px; padding:0 }
			#site-title a { color:#595959; font-size:26px; line-height:26px; text-transform:uppercase; letter-spacing:0.1em}
				#site-title a span {}

		/* Site description/tagline */
		#site-description { float:left; font-size:26px; line-height:26px; text-transform:uppercase; color:#a6a6a6; padding-left:1em; margin-bottom:5px;}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#navigation {clear:left;position:relative}

	/* Page nav */
	#page-nav {}
		#page-nav ul {}
			#page-nav li {}
				#page-nav li a {}
			#page-nav li.current_page_item {}

/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {padding-top:20px; margin-left:0px;position:relative}

	/**
	* Content
	************************************************/

	/* Contains site's main content */
	#content, .content { width:100%	}
	.front-page .content { padding-top:30px }

		/* Breadcrumb trail */
		.breadcrumb { display:none }

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {position:relative}

			/* Post, page, and archive titles */
			.entry-title {clear:left}
			.single-title {}
			.page-title { float:left;clear:left;display:block; width:500px;margin-bottom:20px; font-size:16px;font-weight:bold}
			.home .page-title, .page-template-blog .page-title {font-family:verdana,sans-serif;margin:0;padding:0;height:70px;/*background:url(./images/cal.png) no-repeat;*/width:700px;  font-size:12px; font-weight:normal }
			.page-title h2 {}
			 h1.page-title {display:none}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {}
			.date-title {}
			.search-title {}
			.tag-title {}
			.category-actualites { margin-bottom:15px;float:left}
			.bg_cal {display:none;position:absolute;width:64px;height:64px;z-index:-9999;top:0;left:0}
			/* Author and date byline */
			.byline {}

			/* Full entries */
			.entry-content {clear:both}
			
			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

			/* Post meta data */
			.post-meta-data {}

		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/*main image Projet */
		#main_image, .main_image {float:left;clear:left}
		#main_image_publi {clear:left}

		/* Notice Projet */
		#notice, {float:left;padding-left:30px;text-transform:uppercase;color:gray;font-size:11px;width:300px}
		.notice {float:left;padding-left:30px;padding-top:30px;text-transform:uppercase;color:gray;font-size:11px;width:300px}
		#notice-resume {padding-left:30px;padding-top:30px;text-transform:uppercase;color:gray;font-size:11px;width:300px}
		.home .notice, .page-template-blog .notice {float:left;padding:0; display:none;text-transform:uppercase;color:gray;font-size:10px}
		.home .bubbleInfo, .page-template-blog .bubbleInfo {position: relative;text-transform:uppercase;font-size:12px}
		.home .popup, .page-template-blog .popup {display:none;position: absolute;opacity:0;}
		/*toggle details */
		#toggle_details, .toggle_details {display:block;float:left;clear:left;margin:10px 0;text-transform:uppercase;color:gray;font-size:9px}
		#toggle_details_new {display:block;float:left;clear:left;margin:10px 0;text-transform:uppercase;color:gray;font-size:9px;background-image:url(./images/icon_plus.png);padding:0;margin:0;margin-right:4px;cursor:pointer;position:absolute;float:left;top:0;right:0;width:30px;height:30px;font-weight:bold;font-size:24px;text-align:center;color:white;}
		#toggle_details_new a {color:white;text-decoration:none}
		#publication-content {color:gray;font-size:11px;font-weight:normal}
		#projet-content {display:none}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template {}

			/* Comments section headers/titles */
			.comments-header {}
			#comments-number {}

			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li {}
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {}
							#respond textarea {}
						#respond .button {}
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* Before content */
		#utility-before-content {}

		/* After content */
		#utility-after-content {}

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {}
			.widget-title {}

	/* Primary widget section */
	#primary {}
		#primary .widget {}
			#primary .widget-inside {}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}

/**
* Footer
************************************************/

/* Wrapper for the entire footer */
#footer-container { padding-top: 15px}

#footer-container #subsidiary .widget-inside .design_by { font-size:0.6em; text-align:right }
	/* Subsidiary widget section */
	#subsidiary { /*text-align:center*/ }
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {}

		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}

/*
.bubbleInfo {
    position: relative;
}

#popup {
    position: absolute;
    display: none; 
    color:#A6A6A6;
    float:right;
    background-color:white;
    border:solid 1px gray:
    width:200px;
    height:30px;
    right:0px;
    z-index:99;
    text-align:center;
    line-height:0.9em
}*/


.chantier {
    position: relative;
}

#popup-chantier {
position: absolute;
    display: none; 
    color:#A6A6A6;
    float:right;
    background-color:white;
    border:solid 1px gray:
    width:200px;
    height:30px;
    right:0px;
    z-index:99;
    text-align:center;
    line-height:1.1em
}

