/* *************************** */

/*
Theme Name: ju's journey
Theme URI: http://julietterobert.com/blog
Description: None
Version: 1
Author: Elixie
Author URI: http://julietterobert.com/blog
*/

#entete1 {
	/* background-color: #000; */
	background: url('/blog/images/design1.jpg');
	background-repeat: no-repeat;
	width: 800px;
	height: 355px;
}
#entete2 {
	/* background-color: #000; */
	background: url('/blog/images/design2.jpg');
	background-repeat: no-repeat;
	width: 800px;
	height: 355px;
}
#entete3 {
	/* background-color: #000; */
	background: url('/blog/images/design3.jpg');
	background-repeat: no-repeat;
	width: 800px;
	height: 355px;
}


/* *************************** */
body {
	background: url('/blog/images/layoutju3-bis.jpg');
	background-color: #878880;
	background-repeat: no-repeat;
	width: 800px;
	height: 1800px;
	margin: 0px 20px 20px 20px;
	padding:0px;
	font-size: 8pt;
	font-family: georgia, verdana, tahoma, arial, helvetica, sans-serif;
	color: black;
}

/* general */

/* object {
	width: 200px;
	height: 350px;
	
}*/


a {
	color:black;
font-weight: bold;
	text-decoration:none;
}

a:link {
	color:black;
	text-decoration:none;
}

a:visited {
	color: black;
	text-decoration:none;
}

a:hover {
	color:white;
	text-decoration: underline;
}

table, tr, td {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}



/*case du Haut */

#caseduhaut {
	width: 200px;
	text-align: center;
	padding: 20px;
}



/* Bloc du milieu */

#bloc {
	height: 100%;
	width: 800px;
position: absolute;
top: 150px;
left: 0px;
}

#content {
width: 520px;
position: absolute;
top: 0px;
left: 400px;
line-height: 16px;
padding: 10px;
word-spacing: 1px;
letter-spacing: 0px;
/*border: solid 1px white;*/
  voice-family: "\"}\""; 
  voice-family:inherit;
}

#menu {
position: absolute;
top: 825px;
left: 75px;
width: 248px;
}

#sousmenu {
	width: 248px;
	padding: 15px 15px 15px 20px;
	text-align:left;
        font-color:white;
	/*border: solid white 1px;*/
	margin: 0px 0px 1px 0px;
  voice-family: "\"}\""; 
  voice-family:inherit;
width: 218px;
}

#menu h4 {
	font-weight: bold;
font-size: 12px;
font-color:white;
}
#menu h4:first-letter {
	font-style: italic;
font-color:white;
}

#menu h5 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
font-color:white;
}


#menu ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
font-color:white;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul li {
	line-height: 115%;
	padding-left: 12px;
font-color:white;
}

#menu ul li a {
	color: #000;
	height: 13px;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}


#content h2 {
	font-size: 10px;
	font-weight: bold;
	padding: 4px;
	margin-left: 10px;
letter-spacing: 2px;
word-spacing: 6px;
}

#content h3 {
	font-size: 12px;
	/* font-variant: small-caps; */
	margin-top: 5px;
	margin-bottom: 5px;
}


#contentlinks {
width: 520px;
position: absolute;
top: 100px;
left: 400px;
line-height: 16px;
padding: 10px;
word-spacing: 1px;
letter-spacing: 0px;

  voice-family: "\"}\""; 
  voice-family:inherit;
}
        
#contentlinks h6 {
font-weight: bold;
font-size: 12px;
font-color: black;
}

#contentlinks h6:first-letter {
font-style: italic;
font-color: black;
}

.lecontenu {
text-align: justify;
}

.posted {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
  	margin-bottom:15px; 	
	font-weight: normal;
}

.posted a {
  	margin-bottom:15px; 	
}

.auteur {
	text-align: right;
}
.linkspopup {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 9px; 
  	margin-bottom:50px; 	
	font-weight: normal;
}

.linkspopup a {
	text-decoration: underline;
	font-weight: normal;
}

.linkspopup a:hover {
	text-decoration: underline;
}

.linkspopup a:visited {
	text-decoration: underline;
}

hr {
	width: 80%;
}
img {
	border-width: 0px;
}

ul {
	line-height: 18px;
}

ol {
	line-height: 18px;
}

li {
	margin-top: 0px;
}


.inputbox {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	width: 140px;
	margin: 1px;
	padding: 1px;
	border: 1px solid #99C;
}

.commentbox {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	margin: 1px;
	height: 100px;
	width: 98%;
	padding: 5px;
	border: 1px solid #99C;
}

.button {

	color: #000;
	border: 1px solid #99C;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 1px;
	height: 20px;
	vertical-align: middle;
	padding: 1px;
}

.selection {
	text-decoration: none;
	vertical-align: middle;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight : normal;
	margin: 1px;
	padding: 1px;
	border: 1px solid #99C;
}

/* b2 calendar styles */

.b2calendarcell {
	font-size: 8pt;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	color: white;
text-align: center;
border: 1px solid white;
}

.b2calendaremptycell {
}

.b2calendarheadercell {
text-align: center;
background-color: black;
}

.b2calendarlinkpost {
}

.b2calendarmonth {
font-weight: bold;
background-color: black;
}

.b2calendarrow {
background-color: black;
}

.b2calendartable {
border: solid white 1px;
padding: 5px;
background-color: black;
font-size: 8pt;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
color: white;
}

.b2calendartoday {
font-weight: bold;
}


/* Copyright */
#copyright {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	background-color: #fff;
	text-align: right;
	margin-left: 20px;
}