/*

Theme Name: Bleu Nuit

Description: Un habillage sobre et efficace, pour le lyc&eacute;e par exemple.


*/


/*######################################################################################################

  ###### General styles ###############################################################################

  ####################################################################################################*/


body {

	font: 75%/150% "Trebuchet MS", Tahoma, Arial, Verdana;

	color: #333333;

	
	margin: 0px;

	padding: 0px;

}


#ensemble {

background: #FFFFFF url(images/main-bg.gif);

}


/***************** Links *******************/

a {

	color: #4A7C35;

	text-decoration: none;

}

a:visited {

	color: #5F210C;

	text-decoration: none;

}

a:hover {

	color: #5F210C;

	text-decoration: underline;

}


img {

	border: none;

}


h1 {

	margin:0px;

	height: 60px;

	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial, Verdana;

	color: #ACD7EE;

}

h1 a, h1 a:visited{

	color: #ACD7EE;

	text-decoration: none;

}

h1 a:hover{

	color: #F6F5EE;

	text-decoration: none;

}


h2 {

	color: #4E79A2;

	margin: 0px 0px 2px;

	border-bottom: 1px dotted #8D8D8D;

	letter-spacing: -1px;

	font: normal 175%/100% "Trebuchet MS", Tahoma, Arial, Verdana;

	padding-bottom: 3px;

}

h2 a, h2 a:visited {

	color: #7D8092;

	text-decoration: none;

}

h2 a:hover {

	color: #4E79A2;

	text-decoration: none;

}


h3 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial, Verdana;

	color: #4E79A2;

	margin: 10px 0px 5px;

}


h4 {

	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial, Verdana;

	color: #758d38;

	margin: 10px 0px 5px;

}


form {

	margin:0px;

	padding:0px;

}


#wrap1 {

	margin: 0px auto;

	width: 780px;

	border-left: 5px solid #8D8D8D;

	border-right: 5px solid #8D8D8D;

	background: #FFFFFE url(images/content-bg.gif) repeat-y;

	overflow: hidden;

	position:relative;

}


/***************** Code, Blockquote etc. **************************************/

code {

	background-color: #ececec;

	padding: 1px;

	border: 1px solid #cccccc;

}

blockquote {

	background: #F9F9F9;

	border-left: 3px solid #AAAAAA;

	padding-left: 6px;

	margin: 7px 10px 7px 10px;

	font-style: italic;

}


/* alignments */

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;

	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;

	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}


/*######################################################################################################

  ###### Header ########################################################################################

  ####################################################################################################*/


#header {

	background: #2D405B;

	height: 110px;

	border-bottom: 3px solid #4E79A2;

	position: relative;

	color: #4E79A2;

}

#headerimg {

	position: relative;

	background: url(images/logo.gif) no-repeat left center;

	padding: 10px 0px 0px 0px;

	height: 60px;

	margin: 0px auto;

	padding-left: 60px;

	width: 680px;

}

#headerimg .description{

	position: absolute;

	bottom: 3px;

	color: #F6F5EE;

	font-size: 14px;

}


/***************** Header Navigation ******************************************/

#navi {

	background: #ECECEC;

	height: 30px;

	width: 780px;

	margin: 0px auto;

	margin-top: 5px;

	border-top: 5px solid #8D8D8D;

	border-left: 5px solid #8D8D8D;

	border-right: 5px solid #8D8D8D;

}

#navi ul {

	margin: 0px;

	padding: 0px;

	white-space: nowrap;

}

#navi ul li {

	list-style-type: none;

	float: left;

	border-right: 1px solid #8D8D8D;

	line-height: 30px;

    font: bold 12px Arial, Helvetica, sans-serif;

	text-align: center;

}

#navi ul li a {

	display: block;

	color: #40608C;

	text-decoration: none;

	background: #ECECEC;

	padding: 0px 15px;

	line-height: 30px;

}

#navi ul li.current_page_item a {

	color: white;

	background: #4E79A2;

}

#navi ul li a:hover {

	color: #4E79A2;

	background: #FFF;

}


/*######################################################################################################

  ###### Content #######################################################################################

  ####################################################################################################*/


#content {

	padding: 10px 0px 15px 14px;

	float: left;

	width: 512px;

	overflow: hidden;

}

.post {

	clear:both;

	padding-top: 15px;

}


.post-date {

	width: 45px;

	height: 49px;

	float:left;

	background: url(images/date-bg.gif) no-repeat;

}

.post-month {

	font-size: 11px;

	text-transform: uppercase;

	color: #FFFFFF;

	text-align: center;

	display:block;

	line-height: 11px;

	padding-top: 2px;

	margin-left: -3px;

}

.post-day {

	font-size: 18px;

	text-transform: uppercase;

	color: #999999;

	text-align: center;

	display:block;

	line-height: 18px;

	padding-top: 7px;

	margin-left: -3px;

}

.entry {

	float:right;

	width: 458px;

}

.post-cat {

	background: url(images/mini-category.gif) no-repeat left center;

	padding-left: 20px;

	float:left;

	font-size: 95%;

}

.post-author {

    background: url(images/icon-users.gif) no-repeat left center;

	margin-left: 10px;

	padding-left: 20px;

	float: left;

	font-size: 95%;

}

.post-tag {

    margin-left: 10px;

	float: left;

	font-size: 95%;

}

.post-comments {

	background: url(images/mini-comments.gif) no-repeat left bottom;

	padding-left: 20px;

	float: right;

	font-size: 95%;

}

.post-calendar {

	background: url(images/mini-calendar.gif) no-repeat left center;

	padding-left: 20px;

	float: right;

	font-size: 95%;

	color: #999999;

}

/******** post content ********/

.post-content {

	clear: both;

	padding-top: 10px;

}

.post-content p {

	margin: 0px 0px 15px 0px;

}

.post-content img {

	border: 1px solid #C7C7C7;

	padding: 5px;

}

.post-content a {

text-decoration: underline;

}

.post-content a:hover img {

    border: 1px solid #4E79A2;

	padding: 5px;

	background: #4E79A2;

}


.post-content ul ol {

margin-left:40px;

margin-bottom:10px;

}


.post-content li {

margin-left:50px;

}


/**** entrymeta ****/

.entrymeta {

	border: 1px solid #8d8d8d;

	background-color: #f9f9f9;

	font-size: 90%;

}

.entrymeta ul {

    margin: 8px auto 8px 40px;

	padding: 0px;

}

.entrymeta ul li {

  	list-style-type: none;

}

.trackback-leftalign { background: url(images/icon-trackback.png) no-repeat 0 50%; padding-left: 14px; }

.feed-leftalign { background: url(images/icon-post-feed.gif) no-repeat 0 50%; padding-left: 14px; }

/***************** Tags below the link of the comments feed ********************/

.utwtags { background: url(images/icon-tag.gif) no-repeat 0 50%; padding-left: 14px; }


.navigation {

	clear: both;

	padding: 10px 0px;

}

.navigation a, .navigation a:visited {

	color: #4A7C35;

}

.previous-entries a {

	float: left;

	padding-left: 18px;

	background: url(images/mini-nav-left.gif) no-repeat left center;

}

.next-entries a {

	float: right;

	padding-right: 18px;

	background: url(images/mini-nav-right.gif) no-repeat right center;

}


/* comments area */

#comments, #respond {

	border-bottom: 1px dotted #8D8D8D;

	padding: 10px 0 5px 0;

	clear: both;

}


/*** commentlist ***/

.commentlist {

    list-style: none;

	margin: 10px 0px;

	padding-left: 0px;

	line-height: 130%;

}

.commentlist li{

    margin-bottom: 6px;

	padding: 10px;

}

.commentlist .alt {

	background: #F9F9F9;

	border: 1px dotted #8D8D8D;

}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {

	font-weight: bold;

	font-style: normal;

	font-size: 100%;

}

.commentlist small {

	margin-bottom: 5px;

	display: block;

	font-size: 87%;

}

.commentname{

	color: #4E79A2;

}

.gravatar {

    border: 1px solid #AAAAAA;

	padding: 5px;

    float: left;

	height: 32px;

	width: 32px;

	background: url(images/gravatar.png) no-repeat 5px 2px;

	display: inline;

}

.commentcount {

    font: bold 2.2em Georgia,sans-serif;

	color: #DEDEDE;

	float: right;

}

.commentext { /* That's the div of the text... */ 

	padding: 0px 0px 0px 50px;

}


/***** comment form *****/

#commentform {

	margin-top: 10px;

	font: 110% Arial, Helvetica, sans-serif;

}

#commentform p {

	padding: 2px 0px;

	margin: 0px;

}

#commentform label{

	color: #787878;

	font-size: 87%;

}

#commentform input{

	width: 200px;

	background:#F9F9F9;

	border: 1px dotted #8D8D8D;

	padding: 3px;

	margin-top: 3px;

}

#commentform textarea{

	width: 506px;

/** height: 115px; **/

	background:#F9F9F9;

	border: 1px solid #8D8D8D;

	padding: 2px;

}

#commentform textarea:focus, #commentform input[type="text"]:focus {

	background: #ffffff;

}

#commentform #submit{

	background: url(images/btn-bg.gif) no-repeat;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	border: none;

	float:right;

	width: 144px;

	height: 28px;

	cursor: pointer;

}


/** Quicktags **/

#quicktags {

	margin-top: 4px;

	margin-bottom: 0px;

}


#quicktags input {

	background: #f9f9f9 url(images/button-bg.png) repeat-x;

	border: 1px solid #aaaaaa;

	font-size: .9em;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	width: auto;

	margin: 1px 2px 0px 0px;

	padding: 0px 1px 0px 1px;

}


#quicktags input:hover {

	border: 1px solid #4E79A2;

}


/*######################################################################################################

  ###### Sidebar #######################################################################################

  ####################################################################################################*/


#sidebar {

	float: right;

	padding: 15px 10px 20px 10px;

	width: 220px;

	color: #666666;

	overflow: hidden;

}

/*sidebar title (h2) */

#sidebar h2 {

	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;

	color: #4E79A2;

	margin: 20px 0px 2px;

	border-bottom: 1px solid #8D8D8D;

}

/*sidebar text styles */

#sidebar a, #sidebar a:visited{

	color: #495233;

	text-decoration: none;

}

#sidebar a:hover{

	color: #135193;

	text-decoration: none;

}

/*sidebar list level1 */

#sidebar ul {

	margin: 0;

	padding: 0;

}

#sidebar ul li {

	list-style: none;

	margin: 0;

	padding: 0;

	border: none;

}

/*sidebar list level2 */

#sidebar ul li ul {

	padding: 0;

	margin: 0;

}

#sidebar ul li ul li{

	padding: 2px 0 2px 0px;

	border-bottom: 1px solid #DDD;

}

/*sidebar list level3 */

#sidebar ul li ul li ul li{

	padding: 1px 0 1px 10px;

	border: none;

}

/*blogroll */

ul.list-blogroll li, li.widget_links li {

	background: url(images/mini-blogroll.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

/*category widget */

ul.list-cat li, li.widget_categories li {

	background: url(images/mini-category.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

/*archives widget */

ul.list-archives li, li.widget_archives li {

	background: url(images/mini-monthly-archive.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

/*pages widget */

ul.list-page li, li.widget_pages li, li.widget_recent_entries li {

	background: url(images/mini-page.gif) no-repeat 0px 3px !important;

	padding-left: 20px !important;

}


/*sub-pages 

ul.list-page li ul li, li.widget_pages li ul li {

	background: url(images/mini-page-arrow.gif) no-repeat !important;

	padding-left: 10px !important;

}*/


/*recent comments widget */

ul.recent-comments li, li.widget_recent_comments li {

	background: url(images/mini-recent-comments.gif) no-repeat 0px 4px !important;

	padding-left: 20px !important;

	list-style: none;

	color: #5A6695;

}


/********* calendar ********/

li.calendar table, li.widget_calendar table {

    width: 100%;

	font-size: 95%;

}

li.calendar table td, li.widget_calendar table td {

	width: auto;

	text-align: center;

	border: 1px solid #CCC;

}

li.calendar table td a, li.widget_calendar table td a {

    display:block;

	background: #CCC;

}

li.calendar table td a:hover, li.widget_calendar table td a:hover {

    display:block;

	background: #F6F6F6;

}

li.calendar table td#today, li.calendar table td#today a:hover, li.widget_calendar table td#today, li.widget_calendar table td#today a:hover {

    background: #F6F6F6;

    color: #135193;

}

li.calendar table td#today a, li.widget_calendar table td#today a {

    background: #4E79A2;

	color: #F6F6F6;

} 


/*** links ***/

ul.list-meta li, li.widget_meta li {

	background: url(images/link.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

/*** feeds ***/

ul.list-feeds li a {

    display: block;

	background: url(images/icon-feed-orange.gif) no-repeat left center !important;

	padding-left: 20px !important;

}

ul.list-feeds li a:hover {

	background: url(images/icon-feed-blue.gif) no-repeat left center !important;

	padding-left: 20px !important;

} 

/*text widget */

.textwidget {

	padding-top: 5px;

}


/*search form */

#searchform {

	margin: 0px;

}

#searchform br {

	display: none;

}

#searchform #s {

	width: 122px;

	height: 20px;

	padding: 4px 19px 0px 4px;

	border: 1px solid #8D8D8D;

	background: #FEFEFE url(images/search-icon.gif) right center no-repeat;

	margin-right: 2px;

	color: #333333;

	font-weight: normal;

}

/* search form button - to specify button only use input[type="submit"] */

#searchform input {

	background: url(images/search-btn-bg.gif) no-repeat;

	border: none;

	width: 67px;

	height: 26px;

	font: bold 12px Arial, Helvetica, sans-serif;

	color: #FEFEFE;

	vertical-align: middle;

}


/*######################################################################################################

  ###### Footer ########################################################################################

  ####################################################################################################*/


#footer {

    width: 780px;

	
	clear: both;

	background: #fefefe;

	margin: 0px auto 20px auto;

	border-left: 5px solid #8D8D8D;

	border-top: 1px solid #8D8D8D;

	border-right: 5px solid #8D8D8D;

	border-bottom: 5px solid #8D8D8D;

	text-align: center;

}


#footer p {

    margin-top: 5px;

    font-family: Arial, Helvetica, sans-serif;

	color: #777;

	font-size: 95%;

}


#footer p a {

	color: #135193;

}


.akst_share_link {

	background: 1px 0 url(images/share-icon-16x16.gif) no-repeat;

	padding: 1px 0 3px 22px;

}

.akst_link{

	background : #f2f2f2;

	border: 1px solid #dddddd;

	padding-top: 1%;

	padding-left: 11px;

	padding-right: 11px;

	padding-bottom: 1%;

	cursor:default;

	text-align:left;

	font-size:11px;

	margin-top:10px;

}

/* CSS site map  */

.ddsg-wrapper ul {
	list-style: none;
}
.ddsg-wrapper ul li {
	background: none;
	font-weight: bolder;
	font-size: 1.3em;
	list-style-type:none;
}
.ddsg-wrapper ul li a {
	text-decoration: none;
}
.ddsg-wrapper ul li ul{
	padding: 5px 0 10px 15px;
}
.ddsg-wrapper ul li ul li {
	/*background:url(images/li.gif) no-repeat 0 3px;	*/
	font-weight: normal;
	font-size: .7em;
	text-decoration: none;
	padding-left: 20px;
}
.ddsg-wrapper ul li ul li a:link, .ddsg-wrapper ul li ul li a:active{
	text-decoration: none;
	color: #666666;	
}

.ddsg-wrapper ul li ul li a:visited{
	text-decoration: none;
	color: #999999;	
}

.ddsg-wrapper ul li ul li a:hover{
	text-decoration: underline;
	color: #333333;
}