/*
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/bg2.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
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: 370px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

.logo_img{
position: absolute;
}

#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: 700px;
padding: 3px;
margin-left: 90px;
margin-bottom: 20px;
text-align: justify;
}

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

/* News */

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

.post_content {
font-size: 0.95em;
color: #000000;
padding: 0px;
margin: 0px;
}

.toppost {
font-size: 0.95em;
width: 700px;
height: 85px;
padding-top: 70px;
background-image: url(image/headcenter.png);
color: #000000;
margin: 0px;
}

.toppost2 {
font-size: 0.95em;
width: 590px;
padding-left: 70px;
color: #000000;
margin: 0px;
}

.middlepost {
font-size: 0.95em;
width: 700px;
background-image: url(image/headmiddle.png);
color: #000000;
margin: 0px;
padding-bottom: 10px;
}

.bottompost {
font-size: 0.95em;
width: 700px;
height: 150px;
background-image: url(image/footercenter.png);
color: #000000;
margin: 0px;
margin-bottom: 50px;
}

.middlepost2 {
font-size: 0.95em;
width: 565px;
padding: 0px;
padding-left: 70px;
color: #000000;
margin: 0px;
}

.bottompost {
font-size: 0.95em;
width: 700px;
height: 150px;
background-image: url(image/footercenter.png);
color: #000000;
margin: 0px;
margin-bottom: 50px;
}

/* SideBar Gauche */

.topmenu {
font-size: 0.95em;
width: 180px;
height: 36px;
padding-top: 25px;
background-image: url(image/headmenu.png);
color: #000000;
margin: 0px;
}

.middlemenu {
font-size: 0.95em;
width: 180px;
background-image: url(image/middlemenu.png);
color: #000000;
margin: 0px;
}

.bottommenu {
font-size: 0.95em;
width: 180px;
height: 118px;
background-image: url(image/bottommenu.png);
color: #000000;
margin: 0px;
}

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

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

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

.sidebarg h2{
font-size: 14px;
padding-left: 10px;
padding-right: 17px;
text-align: left;
color: #000;
text-transform: uppercase;
}

.sidebarg p{
font-size: 14px;
padding-left: 10px;
padding-right: 17px;
text-align: justify;
color: #000;
}

.sidebarg a{
font-size: 12px;
padding-left: 10px;
padding-right: 17px;
text-align: left;
color: #000;
}

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

/* SideBar Droite */

.sidebard {
float: left;
margin-left: 15px;
width: 180px;
height: 100%;
border-bottom: solid 1px #000;
background: #aa8a4e;
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: #000;
border-top: solid 1px #000;
text-transform: uppercase;
}

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

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

#calendar{
color: #000;
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 #000;
margin-top: 0px;
margin-bottom: 5px;
}

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

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

/* Footer */

#footer {
width: 100%;
height: 100px;
font-size: 1em;
clear: both;
background-image: url(image/footer.png);
margin-bottom: 15px;
}

#footer p.copyright{
text-align: center;
font-size: 0.9em;
padding: 0 10px 30px 0;
color: #000;
}

/* Commentaires */

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

.comments-template ol{
margin: 0px;
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: 0px 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 {
}

/* Liens */

a{
color: #faaa3e;
text-decoration: none;
}

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

h2 a:hover{
color: #fddb79;
}

a.logo{
color: #FFF;
}

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

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

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

/* Top Bar */

#supernav {
	font: 12px Georgia, Lucida Grande, Arial, Helvetica, Sans-Serif;
	position: absolute;
	top: 50px;
	width: 75%;
	padding: 5px 65px; /* 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 #000 solid;
	color: #000;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	}
	
#supernav .dernier {
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	color: #000;
	font-weight: normal;
	height: 19px;
	padding: 5px 16px;
	}
	
#supernav a:hover {
	color: #000;
	background-image: url(image/pattern2.png);
	text-decoration: underline;
	}

#supernav .current_page_item a {
	color: #000;
	background-image: url(image/pattern2.png);
	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;
}