/* @override http://24heuresactu.net/wp-content/themes/unsleepable/style.css */

/*

Theme Name: unsleepable

Theme URI: http://openswitch.org/unsleepable

Description: A modern, minimalist blog theme designed and coded by <a href="http://openswitch.org">Ben Gray</a>.

Version: 2.1

Author:	Ben Gray

Author URI: http://openswitch.org

Tags: white, black, silver, pink, gray, two-columns, fat-footer, fixed-width, right-sidebar

*/

/* 
All elements of this theme are protected by the GPLv3:
http://www.opensource.org/licenses/gpl-3.0.html
*/

/* ---- Reset ---- */

@import url('reset.css');





/* ---- Unsleepable Style Following ---- */

.clearer {

    clear: both;

}



a {


    text-decoration: none;
	color:#003366;
}


a:hover {

    text-decoration: underline;

}



body {

    /*background: #ccc url('images/body-bg.gif') top left repeat-x;
*/ 	
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;
    font-family: 'Arial';

    font-size: 12px;

}



#wrapper {

    width: 940px;
	
    margin: 0 auto;

}



#header {


    height: 130px;
    width: 940px;

}




h1 {

    float: left;

    width: 270px;

    font-size: 12px;

    border-right: 1px solid #555;

    text-indent: -9999px;

}


h1 a {

    display: block;

    width: 322px;

    height: 65px;

    line-height: 65px;


    background: transparent url('images/header_logo.jpg') no-repeat;

}



h1 a:hover {

    background-color: #000;

}



#menu {

    list-style-type: none;

    font-family: 'Open Sans', Verdana, Arial, sans-serif;

    font-size: 13px;
	padding-top:67px;
}



#menu li {

    float: left;
	



}



#menu a {

    color: #fff;

    text-decoration: none;

    display: block;
	border-left:1px solid #b94040;
	border-right:1px solid #7b0000;
    height: 40px;
	padding-left:9px;
	padding-right:9px;
	font:arial 11px;
	text-transform:uppercase;
    line-height: 40px;


    text-align: center;

}



#menu a:hover, .current_page_item, .current-menu-item {

    background: #0D78B6;
	background-image:url(images/menu_bg.jpg);
	background-repeat:repeat-x;

}



#container {

    background: #fff;

    clear: both;

    padding: 0px 0px 10px 0px;

    color: #000;

}



#content, #comments-list {

    line-height: 1.5em;

    width: 620px;

    float: left;

    font-size: 13px;

}



/* ---- Begin Post Styling ---- */



.post, .page {

   /* margin: 0 0 35px 0
*/
}



.post p, #comments-list ol li p, .page p {

    margin: 0 0 1em 0;

}

.single-post .entry-content p, .single-post #comments-list ol li p, .single-post .entry-content .page p {

    margin: 20px 0 0 0;

}



.editlink {

    float: right;

    padding: 0 0 5px 5px;

}



/*h2.entry-title, h3.entry-title {

    display: inline;

    line-height: 1em;

}


h2.entry-title, h2.entry-title a, .page h2, h2.search, h2.archive {

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

    font-size: 23px;

    font-weight: bold;

    letter-spacing: -1px;

    color: #555;

    text-transform: lowercase;

}



h2 a:hover {

    color: #DA1071;

    text-decoration: none;

}


*/

span.entry-date {

    margin: 0 0 0 3px;

    padding: 0;

    color: #ccc;

    font-family: Helvetica, Arial, Sans-Serif;

    letter-spacing: -1px;

    font-weight: bold;

    font-size: 23px;

    text-transform: lowercase;

    display: inline;

}



.single .entry-content {

 font-family: "Open Sans";
    font-size: 14px;
    line-height: 22px;
}


/*
.entry-content h3 {

    font-size: 15px;

    display: block;

    font-weight: bold;

    font-family: Helvetica, Arial, Sans-Serif;

    color: #555;

}*/



.entry-content h4 {

    font-size: 15px;

    display: block;

    font-weight: normal;

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

    color: #555;

}



.entry-content ul {

    padding: 0 0 0 10px;

    margin: 0 0 1em 0;

}



.entry-content ul li {

    background: url('images/bullet_black.png') 0 2px no-repeat;

    padding: 0 0 0 17px;

}



.entry-content ol {

    list-style: decimal;

    margin: 0 0 1em 15px;

}



.entry-meta {

    color: #bbb;

    font-size: 11px;

    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

}



.entry-meta a {

    color: #666;

}



.entry-meta a:hover {

    color: #DA1071;

}



span.sep {

    padding: 0 2px 0;

}



.categories {

    background: url('images/page_white.png') left no-repeat;

    padding: 2px 0 2px 20px;

}



.tags {

    background: url('images/tag_blue.png') left no-repeat;

    padding: 2px 0 2px 20px;

}



a.comments-link {

    background: url('images/comment.png') left no-repeat;

    padding: 2px 0 2px 20px;

}



/* ---- Begin Sidebar Styling ---- */

#searchform .hidden {

    font-family: Helvetica, Arial, Sans-Serif;

    font-size: 16px;

    font-weight: bold;

    display: block;

    color: #555;

    margin: 0 0 10px 0;

    padding: 0;

    letter-spacing: -1px;

    text-transform: lowercase;

}



#sidebar {

    width: 300px;

    float: right;

    color: color: #666;

    line-height: 1.3em;

}



#sidebar a {

    color: #333;

}



#sidebar a:hover {

     color: #DA1071;

}



#sidebar h2, #sidebar h2 a, .single #comments-list h2, .single #respond h2, .single #comments-list h2 a {

    font-family: "Arial Black";

    font-size: 14px;


    display: block;

    color: #404040;

    margin: 0 0 20px 0;

    padding: 0;


    text-transform: uppercase;

}



#sidebar h2 a:hover {

    color: #DA1074;

}



#sidebar ul li.widget {

    margin: 0 0 20px 0;

}



#sidebar ul li ul li {

    margin: 0 0 5px 0;

}



/* ---- Special Styling For The Stupid Calendar ---- */

#calendar_wrap {

    margin: -20px 0 20px 0;

}



#wp-calendar caption {

    font-family: Helvetica, Arial, Sans-Serif;

    font-size: 16px;

    font-weight: bold;

    color: #555;

    letter-spacing: -1px;

    text-transform: lowercase;

    width: 200px;

}



#wp-calendar {

    color: #666;

}



#wp-calendar a {

    color: #DA1074;

}



#wp-calendar td, #wp-calendar thead tr th{

    padding: 5px;

    border: 1px solid #fff;

}



#wp-calendar #today {

    border: 1px solid #ddd;

}



/* ---- Begin Footer Styling ---- */



#subfooter {

    clear: both;

    width: 735px;

    background: #fff url('images/subfooter-bg.jpg') top repeat-x;

    font-size: 13px;

    line-height: 1.3em;

    padding: 20px;

    color: #333;

}



#subfooter p {

    margin: 0 0 1em 0;

}



#subfooter h2, #subfooter h2 a {

    font-family: Helvetica, Arial, Sans-Serif;

    font-size: 16px;

    font-weight: bold;

    display: block;

    color: #555;

    margin: 0 0 10px 0;

    padding: 0;

    letter-spacing: -1px;

    text-transform: lowercase;

}



#subfooter .widget {

    width: 230px;

    float: left;

}



#subfooter .center {

    margin: 0 22px 0;

}



#subfooter ul li ul li{

    margin: 0 0 5px 0;

}



#shoe {

    clear: both;

    background-image:url(images/footer_bg.jpg);

    height: 108px;

}



#foot {

    width: 775px;

    margin: 0 auto;

    color: #fff;

    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;

    font-size: 10px;

}



.left-foot {

    float: left;

    padding: 45px 0 0 20px;

}



.right-foot {

    float: right;

    padding: 45px 20px 0 0;

}



span.openswitch a {

    float: left;

    display: block;

    width: 16px;

    height: 17px;

    background: url('images/openswitch.gif') no-repeat;

    text-indent: -9999px;

    margin: 0 0 0 10px;

}



span.wordpress a {

    float: left;

    display: block;

    width: 16px;

    height: 16px;

    background: url('images/wordpress.gif') no-repeat;

    text-indent: -9999px;

}



span.feed a {

    float: left;

    display: block;

    width: 16px;

    height: 16px;

    background: url('images/feed-icon.jpg') no-repeat;

    text-indent: -9999px;

    margin: 0 0 0 10px;

}
#contact-form-95 input[type="text"] {
border: 1px solid #CCCCCC;
   padding-left:4PX;
    padding-bottom: 4px;
    padding-top: 4px;
   }
#contact-form-95 input[type="submit"] {

 background-color:#870000;
   padding :4PX;
   color:#fff;
   font-weight:bold;
   cursor:pointer;
   border:none !important;
   }

/* ---- Begin Comment Styling ---- */

#comments-list {

    margin: 0px 0 0 0;

}
.related .post {margin-bottom:30px}
.wp-caption-text {display:none}
.legendimg {
background-color: #000000;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 590px;
	color:#fff;
	text-decoration:none}
	
	.legendimg a {color:#fff !important}
	.legendimg a:hover {color:#fff !important; text-decoration:none}
	

h3#comments {

    font-family: 'Trebuchet MS';

    font-size: 22px;

    line-height: 1em;

}



#comments-list ol {

    margin: 45px 0;

}



#comments-list ol li {

    

    padding: 10px;
	padding-bottom:1px;

}



#comments-list ol li.odd {

    background: #f7f7f7;

}



#comments-list ol li.bypostauthor {

    border: 1px solid #666;

}

.comment-body {margin-bottom: 35px;}
.reply {
 background-color: #CCCCCC;
    float: right;
    font-size: 12px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
	MARGIN-top:8px}
	
.reply a{ color:#FFFFFF; text-decoration:none;text-shadow: 1px 1px 1px #bbb;}
.reply a:hover{ color:#FFFFFF; text-decoration:none}
.comment-meta a {color:#999999}

.avatar {

    float: left;

    border: 1px solid #ccc;

    padding: 1px;

    margin-right:10px;

}
.g {overflow:visible !important}
.g-3,.g-1, .g-2 {
    margin: 0px !important;
}


.comment-meta {

    margin: 0 0 10px 0;

}



#respond h3 {

    font-family: 'Trebuchet MS';

    font-size: 22px;

    line-height: 1em;

    margin: 0 0 25px 0;

}



#commentform p {

    margin: 0 0 8px 0;

}



#commentform input, #commentform textarea{

    font-size: 13px;

    font-family: 'Trebuchet MS', sans-serif;

    padding: 2px;

}


#commentform input#submit{
	width:210px;
	height:30px;
	color:white;
	font-family:arial;
	text-transform:uppercase;
	font-size:11px;border:none;
	background-image:url('images/respond.jpg');
}

textarea#comment {

    width: 385px;

    height: 200px;

   /* background: url('images/comment-textarea.png') center no-repeat;
*/
}



/* ---- Default Page Styling ---- */

.page .entry-content {

    background: none;

}



/* ---- Archives Page Styling ---- */

.page h2, h2.search, h2.archive {

    width: 500px;

    text-align: center;

    padding: 0 0 5px 0;

}



.page ul li {

    background: none;

}



/* ---- Search Page Styling ---- */


/*
h3.entry-title, h3.entry-title a {

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

    font-size: 18px;

    font-weight: bold;

    letter-spacing: -1px;

    color: #555;

    text-transform: lowercase;

    display: inline;

    line-height: 1em;

}



h3.entry-title a:hover {

    color: #DA1071;

}*/



.search-results .entry-content {

    background: none;

}



.search-entry-date, .archive-entry-date {

    margin: 0 0 0 3px;

    padding: 0;

    color: #ccc;

    font-family: Helvetica, Arial, Sans-Serif;

    letter-spacing: -1px;

    font-weight: bold;

    font-size: 18px;

    text-transform: lowercase;

    display: inline;

}



h2.search, h2.archive {

    padding: 0 0 25px 0;

}



/* ---- Misc Styling ---- */

code {

       font-family: arial !important;
    font-size: 12px;
    font-weight: bold;

    display:block; 

    overflow:auto; 

    text-align:left; 

    background:#efefef; 

  

}
div#user-submitted-posts fieldset input {
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    padding: 4px;
    width: 60%;
}
div#user-submitted-posts fieldset {
    border: 0 none;
    margin: 10px 0;
     padding-left: 27px;
    padding-top: 10px;
}
div#user-submitted-posts textarea {
    border: 1px solid #CCCCCC;
    font-family: arial;
    font-size: 12px;
    height: 400px;
    padding: 15px;
    width: 90%;
}

div#user-submitted-posts input[type=submit] {
	 background-image: url("images/respond.jpg");
    border: medium none;
    color: white;
    font-family: arial;
    font-size: 11px;
    height: 30px;
    text-transform: uppercase;
    width: 210px;
	 margin-bottom: 20px;
    margin-left: 30px;}
div#usp-success-message {padding: 10px}
	div#usp-error-message {padding:10px; text-align:center; color:red;}
	div#user-submitted-posts fieldset label {
    float: left;
    padding: 4px;
    width: 20%;
}

blockquote {

    margin: 20px 0;

    padding: 0 20px 0 50px;

    background: url('images/quote.png') 5% 0% no-repeat;

    font-size: 14px;

    font-family: Georgia, Times, serif;

    color: #666;

    font-style: italic;

}



em {

    font-style: italic;

}



strong {

    font-weight: bold;

}



img.alignleft {

    padding: 1px;

    border: 1px solid #bbb;

    float: left;

    clear: left;

    margin: 0.5em 15px 0.5em 0;

}



img.alignright {

    padding: 1px;

    border: 1px solid #bbb;

    float: right;

    clear: right;

    margin: 0.5em 0 0.5em 15px;

}



img.aligncenter {

    padding: 1px;

    border: 1px solid #bbb;

    margin: 0 auto 1.5em auto;

    float: none; 

    clear: both;

}



div.previous {

    float: left;

}



div.next {

    float: right;

}

.navigation, .navigation a {
	font:bold 12px arial;
	color:#003366;
	text-transform:uppercase;
}

.entry-content img {

    max-width: 95%;

    height: inherit;

}

.home .ca-chauffe .post, .single #content .related .post {
	width:140px;
	float:left;
	padding-right:15px;
	
}
.home .ca-chauffe h2 {
	 font: bold 18px "open sans";
	text-transform:uppercase;
	padding-bottom:10px;
	color:#990000;
}
h2 {
	 font: bold 18px "open sans";
	text-transform:uppercase;
	padding-bottom:10px;
	color:#003366;
}
h2.archive {
	 font: bold 30px/50px "Open Sans";
}
.home .ca-chauffe h3, .single #content .related h3 {
	padding-top:10px;
}
.home .ca-chauffe h3 a, .single #content .related h3 a {
	font:bold 12px arial;
	color:#003366;
}

.home .date, #sidebar .date, .archive .date, .single #content .date {
	position:absolute;
	margin:10px;
	padding:3px;
	color:#ffffff;
	font: bold 12px arial ;
	background-color:#990000;
}


.home .last-post {
	width:280px;
	font: 12px arial;
	float:left;
	color:black;
	padding-right:20px;
	
}
.home .normal-post {
	width:280px;
	float:left;
	font: 12px arial;
	color:black;
	padding-left:20px;
}
.home .normal-post .date {
	position:static;
	margin:0px;
	margin-right:3px;
}

.home .last-post h3 {
padding-top: 10px;
}
.home .normal-post h3 a {
	font:bold 12px arial;
	color:#003366;
	line-height:18px;
}
.home .last-post h3 a {
	font:bold 18px arial;
	color:#003366;	
	padding-top:10px;
}

.archive h3 a {
	font:bold 18px arial;
	color:#003366;	
	padding-top:10px;
}
h2 .barred {
	background-color:#990000;position:absolute;width:620px;height:13px;margin-top:7px;
}
h2.archive .barred {
	margin-top:14px;
	height:26px;
	
}
h2 .catred {
	background-color:white;position:absolute;padding-right:10px;
}

h2 .barblue {
	background-color:#003366;position:absolute;width:620px;height:13px;margin-top:7px;
}
h2 .catblue {
	background-color:white;position:absolute;padding-right:10px;
}


#sidebar h2 .bargrey {
	position:absolute;width:300px;background: none repeat scroll 0 0 #003366;
    height: 12px;
    margin-top: 6px;
}
#sidebar h2 .catgrey {
	background-color:white;position:absolute;padding-right:10px;
	color: #003366;
    font-family: "Open Sans";
    font-size: 16px;
}

#content h2 .bargrey {
	position:absolute;width:620px;background-color: #003366;
    height: 13px;
    margin-top: 7px;
}
#content h2 .catgrey {
	background-color:white;position:absolute;padding-right:10px;
	color: #003366;
    font-family: "Open Sans";
    font-size: 18px;
	font-weight:bold;
}
.single #content .post h2, .single #content .post h2 a {
	 color: #003366;
    font: bold 36px/40px open sans;
    text-decoration: none;
	text-transform:none;
}
.bottomsharesocial {
	 background: none repeat scroll 0 0 #f2f2f2;
    height: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 8px 10px;}
.topsharesocial {margin-top:10px; height:20px}
#sidebar .date {
	position:static;
	margin:0px;
	margin-right:3px;
	
}
.fb-like {width:130px}
#sidebar .grand-angle .sidebar-post {
	height:80px;
}
#sidebar .grand-angle h3 {
position:absolute;width:225px;margin-left:75px;
}
#sidebar .grand-angle a {
	font:bold 12px arial;
	color:#003366;
	line-height:18px;
}

#sidebar .derniers-articles .sidebar-post {/*
	height:80px;*/
}
#sidebar .derniers-articles h3 {
/*position:absolute;width:175px;margin-left:75px;*/
}
#sidebar .derniers-articles a {
	font:bold 12px arial;
	color:#003366;
	line-height:18px;
}
.quotescollection_randomquote q {
    font-family: open sans;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 18px;
	
}
.quotescollection_randomquote cite {
    display: block;
    margin-top: 10px;
    text-align: right;
}
.yarpp-related a {
    font-weight: bold !important;
    margin-top: 10px;
    text-decoration: none !important;
}


.archive .entry-content {
	float:right;
	width:320px;
}	
.archive #content .post {
	height:200px;
	padding-bottom:25px;
}
.home .home_separator {
	clear:both;
	padding-bottom:20px;
}

#featured{ 
	width:940px; 
	position:relative; 
	height:360px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:581px; 
	list-style:none; 
	padding:0; margin:0; 
	z-index:10;
	width:360px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:0px 0; padding-left:10px;  
	height:90px;
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:10px; 
	background:#fff; 
/*	padding:2px; */
	/*border:1px solid #eee;*/
}
#featured ul.ui-tabs-nav li h2{ 
	font-size:12px; font-family:Arial;
	color:#003366;
	font-weight:bold; 
	text-transform:none;
	margin-top:10px;
	line-height:18px; 
}
	#featured a{
	text-decoration:none;
	}
	#featured ul.ui-tabs-nav li h2 .date{
	font-size:12px; font-family:Arial;
position: static;
margin: 0px;
padding:3px;
margin-right: 3px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	border-top:1px solid #c6c7c6;
	height:90px; 
	color:#333;  
	background:url('images/background-featured-nav.jpg') top left repeat-x;
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:url('images/background-featured-nav.jpg') top left repeat-x; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/arrow.png') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
background:url('images/background-featured-nav.jpg') top left repeat-x;
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:120px; left:20px; 
	height:auto; 
	padding-bottom:10px;
	width:385px;
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:24px; font-family:Arial; font-weight:bold;
	text-transform:none;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Arial; font-size:14px; 
	line-height:15px; color:white;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:none; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#featured .date {
	
	position: absolute;
	top: 20px;
	left: 20px;
	margin:3px;
	position: absolute;
	padding: 5px;
	color: white;
	font: bold 14px arial;
	background-color: #900;
}

.comment-author {
	font-weight:bold;
}
.comment-meta {
	font-size: 11px;
	padding-bottom:5px;
	border-bottom: 1px dotted #ccc;
}

#menu-footer li {
font: 11px arial;
color:#336699;
	display:inline;
	
}
#menu-footer li a {
font: 11px arial;
	margin-right:8px;
	color:#003366;
	margin-left:4px;
}
#legal {
	font: 11px arial;
	color:black;
	margin-top:10px;
	margin-left:4px;
}
li#menu-item-11389 {
	float:right;
	
}
li#menu-item-11389 a {
	font-weight:bold;
	font-size: 14px;
padding: 0 4PX;
}

input#s {
	border: 1px solid #cbcbcb;
	height:24px;
	width:234px;
	background-image:url(images/search.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	padding-left:10px;
}
#searchsubmit {
	text-indent:-5000px;
	background:none;
	border:none;
	height:27px;
	width:30px;
	background-image:url(images/buttonsearch.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	
}
.single p.author {
	font-size:12px;
	color:#666666;
}
.single p.author a{
color:#003366;
}

@media screen and (max-width: 481px) {
.hide-for-phone {display:none}

}