/*
Theme Name: Design Style Web 2.0 JOURNAL
Theme URI: http://www.lemondest.com
Description: Thème créé par Samuel Thibault
Version: 1
Author: Samuel Thibault
 
Creation Theme by Samuel Thibault || http://www.lemondest.com
 
*/

body {
font-family: Georgia, Arial, Helvetica, Sans-serif;
text-align: left;
background-image: url('image/bg_loop.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #373737;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

img{
border: 0px;
}

/* *******************************
InfectedByBugs Top Bar CSS, feel free to change the colors!
* ****************************** */
.across-the-top { color: #fff; font-size: small; font-weight: bold; background-color: #6b6b6b; background-position: 0 top; text-align: center; width: 100%; height: 10px; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #343434; }
.alink2 { color: #fff; font-size: small; font-weight: bold; }

/* *******************************
End InfectedByBugs Top Bar CSS
******************************* */

/* Div conteneur */

#page {
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}

/* Header */

#header {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
width: 900px;
height: 350px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

.logo_img{
position: absolute;
top: 75px;
}

#header h1 {
font-size: 2em;
text-align: left;
}

#header p {
text-align: left;
font-size: 1em;
color: #FFFFFF;
}

/*Image Flottante*/

.imageflottante
{
   float: left;
}


/* Contenu */

#content {
float: left;
width: 500px;
margin-bottom: 20px;
text-align: justify;
}

#content h2 {
font-size: 1.3em;
}

/* News */

.postmetadata {
font-style: italic;
font-size: 0.8em;
color: #0d0d0d;
margin-top: 0px;
}

.post_content {
font-size: 0.95em;
color: #616161;
margin-bottom: 50px;
}

/* SideBar Gauche */

.sidebarg {
float: left;
margin-left: 10px;
width: 180px;
height: 100%;
border-bottom: solid 1px #444444;
text-align: left;
margin-bottom: 10px;
}

.sidebar .searchform{
margin-top: 0px;
}

.sidebarg ul{
list-style-type: none;
margin: 0;
padding-left: 0px;
}

.sidebarg h2{
font-size: 14px;
padding-left: 0px;
text-align: left;
color: #292929;
border-top: solid 1px #444444;
text-transform: uppercase;
}

.sidebarg p{
font-size: 12px;
padding-left: 0px;
text-align: justify;
color: #616161;
}

.sidebarg a{
font-size: 12px;
padding-left: 0px;
text-align: left;
color: #616161;
}

#calendar{
color: #292929;
font-size: 12px;
}

/* SideBar Droite */

.sidebard {
float: left;
margin-left: 15px;
width: 180px;
height: 100%;
border-bottom: solid 1px #444444;
text-align: left;
margin-bottom: 10px;
}

.sidebard ul{
list-style-type: none;
margin: 0;
padding-left: 0px;
}

.sidebard h2{
font-size: 14px;
padding-left: 0px;
text-align: left;
color: #292929;
border-top: solid 1px #444444;
text-transform: uppercase;
}

.sidebard a{
font-size: 12px;
padding-left: 0px;
text-align: left;
color: #616161;
}

.sidebard p{
font-size: 12px;
padding-left: 0px;
text-align: justify;
color: #616161;
}

#calendar{
color: #292929;
font-size: 12px;
}

/* Titre des articles */

ul.titre{
list-style-type: none;
margin: 0;
padding: 0 2px;
}

ul.titre h2{
list-style-type: none;
margin-top: 15px;
padding: 0 0px;
}

.titrearticle {
border-bottom: dotted 1px #373737;
margin-top: 0px;
margin-bottom: 5px;
}

.sidebar h2 {
font-size: 1.2em;
}

h2 a{
color: #373737;
text-decoration: none;
font-size: 1.3em;
}

/* Footer */

#footer {
width: 100%;
height: 100px;
font-size: 1em;
clear: both;
border-bottom: solid 1px #444444;
border-top: solid 1px #444444;
margin-bottom: 15px;
}

#footer p.copyright{
text-align: center;
font-size: 0.7em;
padding: 0 10px 20px 0;
color: #616161;
}

/* Commentaires */

.comments-template{
margin: 10px 0 0 0;
}

.comments-template ol{
margin: 10px;
padding: 0 0 0 15px;
list-style: none;
}

.comments-template ol p{
font-family: Georgia, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}

.comments-template ol li{
margin: 10px 0 0 0;
line-height: 15px;
padding: 0 0 10px;
}

.comments-template h2, .comments-template h3{
font-size: 1.2em;
}

.commentmetadata{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
font-size: 0.9em;
}

.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/* Liens */

a{
color: #00a8ff;
text-decoration: none;
}

a:hover{
color: #373737;
text-decoration: underline;
}

h2 a:hover{
color: #000000;
}

a.logo{
color: #FFF;
}

a.logo:hover{
color: #9bb935;
}

a.copy{
color: #616161;
text-decoration: underline;
}

a.copy:hover{
color: #615347;
text-decoration: underline;
}

/* Top Bar */

#supernav {
	font: 12px Georgia, Lucida Grande, Arial, Helvetica, Sans-Serif;
	position: absolute;
	top: 5px;
	width: 75%;
	padding: 5px 16px; /* duplicate the tab size */
	text-align: left;
	display: block;
	text-transform: uppercase;
	}

#supernav li {
	margin: 0;
	padding: 0;
	display: inline;
	}

#supernav a {
	border-left: 1px #FFFFFF solid;
	color: #FFFFFF;
	background: #0d0d0d;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	}
	
#supernav .dernier {
	border-left: 1px #FFFFFF solid;
	border-right: 1px #FFFFFF solid;
	color: #FFFFFF;
	background: #0d0d0d;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	}
	
#supernav a:hover {
	color: #dedede;
	background: #0d0d0d;
	text-decoration: underline;
	}

#supernav .current_page_item a {
	color: #FFF;
	background: #0d0d0d;
	text-decoration: underline;
}

/* ****** Spoiler **** */
.pre-spoiler {
    border: 1px solid #373737;
    margin: 0 15px 5px 15px;
    background: #FFFFFF;
    padding: 3px 5px 3px 5px;
    font-weight: none;
    text-align: right;
    color: #FFFFFF;
}
.spoiler {
    background: #FFFFFF;
    margin: 0 15px 15px 15px;
    padding: 5px;
	font-size: 10pt;
    border: 1px solid #373737;
}