/**  Jo.voyages_Theme for Wordpress */ 


/* -----------------------------------------------------------------
	1. STRUCTURE
	a inscrire ici ou en important une css de structure placee dans
	le meme repertoire et appelee grace a l'instruction ci-dessous
	(exemple pour un fichier de structure nomm? layout.css)
------------------------------------------------------------------ */
 @import url(layout.css);  


/* ------------------------------------------------------------
	2. BALISES HTML PAR DEFAUT
------------------------------------------------------------- */
body {background-color:#3f4440;color:#eee;
font-family:"trebuchet MS","Luxi Sans","sans serif";
font-size:75%;
line-height:150%;
 }

h1 {line-height:200%;font-size:230%;font-weight:normal;}
h2 { line-height:150%;font-size:170%;font-weight:normal;}
h3 { line-height:150%;font-size:150%;font-weight:normal;}
h4 {line-height:150%;font-size:130%;font-weight:normal; }
h5 { line-height:150%;font-size:110%;font-weight:normal;}
h6 {;font-weight:normal; }
h3,h4,h5,h6{color:#fafafa;text-decoration:underline;}

p {margin-bottom:10px }

img {}

sup { }

del {color:#777;}

abbr, acronym { }

blockquote, q { }

blockquote { }

cite { }

ul { }

ol { }

dl { }

form { }

fieldset { }

input,textarea { font-size:90%;
line-height:130%;font-family:"sans serif";}

label { font-size:80%;
line-height:150%;}

a { }
a:link {color:#ccff42 ;text-decoration:none;border-bottom:1px dotted #333}
a:visited { color:#ccff42 ;text-decoration:none;border:none }
a:hover {color:#ccff42 ;text-decoration:none;border-bottom:1px solid #ccff42 }
a[hreflang]:after { }
a img { }

code, pre {
 font-family:"luxi mono",monospace;color:#000;background:#ccc;}

pre {overflow:hidden;font-size:90%;line-height:120%;padding:4px;width:98%}

hr {background-color:#222;width:50%}

ol.pre2ol{
line-height:120%; font-family:"luxi mono",monospace;color:#fff;
font-size:85%;
margin:5px;
}

ol.pre2ol li{
color:#555;background:#ccc;
list-style:decimal-leading-zero;padding:4px;
}

ol.pre2ol li.oddd{
background:#C2C2C2;
}

ol.pre2ol span{
color:#000;
}

/* ------------------------------------------------------------
	3. PAGE
------------------------------------------------------------- */
#page {background-color:transparent;
    background-image: url(img/wrapper.png);
    background-repeat: repeat-y;
    background-position:top center;width:870px;}

/* ------------------------------------------------------------
	4. HAUT DE PAGE 
------------------------------------------------------------- */

#header { padding:0;margin:0 auto;background-image: url(img/bandeau.jpg); width:820px;height:140px}
#header h1 { padding:35px 0 0 50px;margin:0;text-align:left}
#header h1 a {color:#000;border:none; }
#header h1 a:hover {}
p.description  { padding:10px 0 0 50px;color:#3f4440;margin:0;background:transparent }
a.description  {color:#3f4440;border:none;}
a:hover.description  {text-decoration:underline;}

#header h1, #header p,#header a{
	position:absolute;
	left: 0;
	top: -5000px;
}

/* ------------------------------------------------------------
	5. WRAPPER MAIN CONTENT
------------------------------------------------------------- */


#content {padding:15px 10px}

#content h2.pagetitle { text-align:left;background-color:#1F1F1F;padding:0 0 0 10px;margin-left:20px;font-size:160%;color:#ccc;}

#content-info {padding:3px 20px;margin:0 0;}

#content-info p {padding:0 8px }
#content-info a {/*color:#ddd*/}
.content-inner { padding:3px 20px;margin:0 0 40px 0;}

#navlinks {background-color:inherit;padding:15px 5px;color:#DDD;text-align:right;font-size:100%;margin:0}
#navlinks a{background-color:inherit;color:#DDD}
#navlinks a:hover{background-color:inherit;color:#fff}
/*
#navlinks {color:#444;text-align:center;margin:0 }
#navlinks a{color:#444; }
#navlinks a:hover{color:#fff; }*/

.alignleft{	float:left; margin-left:30px;}
.alignright{text-align:right; 	margin-right:30px;}
/* ------------------------------------------------------------
	6. BILLETS
------------------------------------------------------------- */
.post {margin:3px 20px 20px 30px ;  }
.post.first { }
.post.odd {}

.day-date { padding:3px;margin:0px 0;border:1px solid #333;text-align:right}

.post p:first-letter{/*margin-left:1em;*/}

.post.first .post-title { }
.post-title {padding:0px ;margin:0 ; color:#fff;/*border:1px solid #2d2d2d*/;text-align:left}
.post-title a{}


.post-info { padding:5px 0px;margin:0;color:#888;text-align:left;background-color:transparent;
    background-image: url(img/arch.png);
    background-repeat: no-repeat;
    background-position: center left;
		padding-left:20px;}
.post-info a{color:#ccc}

.post-tags {padding:0 1px;margin:0;font-size:100%;color:#333;text-align:left;}
.post-tags ul {width:100%}
.post-tags li {display: inline; margin-right: 5px; list-style:none;}

.post-tags a{color:#888}


.post-tags {color:#888;    background-color:transparent;
    background-image: url(img/tag_yellow.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;}

.post-info a:hover{color:#fff}
.post-tags a:hover{color:#fff}
.post-edit {float:right}

.post-excerpt
{margin : 5px 5px;padding: 5px 5px;text-align:justify; }

 .post-content 
{margin : 5px 5px;padding: 5px 5px;text-align:justify; }

.read-it { padding:0 5px;margin:3px 0;color:#fff;font-size:100%}
 p.read-it:first-letter{margin-left:0em;}

.post-content blockquote{font-size:120%;font-style:italic;line-height:130%}

.footnotes {padding:10px;margin:30px 0 0 0;font-size:100%;color:#555;border-top:1px solid #2C2C2C }
.footnotes h4 {padding:0;margin:0 }

.post-info-co {padding: 2px 1px;margin: 0;text-align:left;font-size:95%;background:#252525; }
 p.post-info-co:first-letter{margin-left:0em;}
.post-info-co a{color:#ddd;border:none;margin-left:10px; }
.post-info-co a:hover{color:#ccff42}

a.comment_count {    padding-left: 16px;
    background : transparent url(img/comment.png) no-repeat center left; }

.pings_count { }
a.attach_count { padding-left: 14px;
    background : transparent url(img/attach.png) no-repeat center left; }

#attachments { border-top:2px solid #222;margin:15px 5px;clear:both;}
#attachments h3 {padding:0;margin:0;text-decoration:underline;color:#aaa;font-size:120%;line-height:120%}
#attachments ul {color:#444;;display:block;font-size:90%;padding:2px;margin:5px;}
#attachments ul li {margin:0 20px; }
#attachments ul li a{}
#attachments li.audio {}
#attachments li.package { }
#attachments li.text { }




/* ------------------------------------------------------------
	7. COMMENTAIRES, PINGS
------------------------------------------------------------- */
#comments {font-size:95%;padding:3px ; }
#pings {font-size:95% ; padding:3px ;}
#pr {font-size:100% ; }

#comment-form { font-size:95% }

#comments h3 {color:#ccff42;text-decoration:none;font-size:130%;}
#pings h3 {color:#ccff42;text-decoration:none;font-size:130%;}
#pr h3 {color:#ccff42;;text-decoration:none;  }
#comment-form h3 { color:#ccff42;text-decoration:none;font-size:120%; }


#comments p{padding:0;margin:0 }
#comments dl {margin:20px ;padding:0;font-size:100%;line-height:150%;color:#aaa;}
#comments dt {color:#666;margin:0;padding:5px; }
#comments dd {margin:0 0 0px 0;;padding:5px 10px;line-height:140%;border-bottom:1px solid #222}
#comments .first { }
#comments .odd {background-color:#222}
#comments dt.me a{ color:#87f70f}
#comments dt strong{ color:#ccc;}

#pings dl {margin:0 ;padding:0;font-size:100%;line-height:150%;color:#aaa;}
#pings dt {color:#666;margin:0;padding:5px;}
#pings dd { margin:0 0 0px 0;;padding:5px 10px 10px;line-height:140%;border-bottom:1px solid #222 }
#pings p{padding:0;margin:0 }
#pings .first { }
#pings .odd {background-color:#222; }
#pings .me {background-color:#2c2c2c; }

#pr dl { margin:20px ;padding:0;font-size:100%;line-height:140%;font-size:110%;}
#pr dd { margin:0 0 0px 0;;padding:5px;;border:1px solid #ccff42}

#comment-form legend{text-decoration:none;font-size:100%;margin:0px;font-weight:normal;color:#ccff42;font-weight:normal;}
#comment-form fieldset {padding:0 10px ;border:1px solid #333;/*background-color:#222*/;font-size:130%;}

.field {margin:10px;display:inline;padding:1px;}
.field label {width:30%;color:#ccc;text-align:left;padding:3px;display:block;margin:0 0 0 10px}
.field input {margin-bottom:2px;border:1px solid #555;background:#555;padding:2px;}
.field textarea {;font-size:100%;background-color:#555;border:1px solid #555;margin:0 0 20px 0;width:90%}
input:focus,textarea:focus{background-color:#eaeaea}

#comment-form input[type=submit] {    border:none;
    padding-left:15px;
    padding-bottom:4px;
    margin:0 10px;
    background-color:transparent;
    background-image: url(img/bouton_vert.png);
    background-repeat: no-repeat;
    background-position: center left;
    width:135px;
    height:40px;
    color:#fff;
    font-weight:normal; }

#comment-form input[type=reset] { }

.form-help {padding:0 10px;}

#ping-url { margin:0 0 0 30px;padding: 10px; }

#comments-feed {margin:0 0 0 30px;padding:10px;text-align:right}


/* ------------------------------------------------------------
	8. SIDEBAR
------------------------------------------------------------- */

#sidebar  { text-align:left;padding:0 0 0 0;/*position:fixed;top:70px;*/;font-size:95%;line-height:120%;}
#sidebar h2 { ;padding:0;margin:0 ;color:#FFF;font-weight:normal;text-decoration:none;font-size:130%;background-color:#1F1F1F}
#sidebar a,#sidebar a:link{border:none;color:#000}
#sidebar h3 {padding:0 0 0 3px;margin:0;font-size:110%;color:#111;/*background-color:#2C2C2C*/}
#sidebar div {padding:0;margin:18px 0 0 0 ;}
#sidebar ul,#sidebar p{padding:5px;margin:0;/*background-color:#2C2C2C*/}
#sidebar li {padding:0;margin:0 0 10px 0;list-style:none; }
#sidebar li ul li {padding:2px 4px;margin:0;}
#sidebar li:hover { }

/* boites du menu des widgets livres avec Dotclear */
.search {margin:0;padding:0;text-align:left;/*position:absolute;top:0px;*/}
.search label,#search h2{font-size:110%;background:transparent;border:none;margin:0;padding:0;}
.search p{margin:0 0;padding:0;}
.search form {margin:0;padding:0}
.search input[type=text] {font-size:100%;margin:0;padding:3px;width:70%;background:transparent;border:1px solid #777 } /* ou #search #q */
.search input[type=text]:focus {font-size:100%;margin:0;padding:3px;width:70%;background:#fff;border:1px inset #777 } 
.search input[type=submit] {font-size:100%;margin:0;padding:3px;background-color:transparent;border:none;font-weight:bold} /* ou #search .submit */
.search fieldset{border:1px solid #ccff42 ;background:#9ACC12 url(img/search.png) no-repeat center left;padding:8px 0 8px 35px;margin:0;}

.selected,.feed,#arlequin { background:#9ACC12;color:#000;padding:5px;}
.lang, .widget 			{ background:#9ACC12;color:#000;padding:5px;}
.categories {background:#9ACC12;color:#000;padding:5px; }
.archives 	{background:#9ACC12;color:#000;padding:5px; }
.pagenav 		{background:#9ACC12;color:#000;padding:5px; }

.syndicate { background:#9ACC12;color:#000;padding:5px;}
.lastposts { background:#9ACC12;color:#000;padding:5px;}
.lastcomments {background:#9ACC12;color:#000;padding:5px; }
div.text {line-height:140%;background:#9ACC12;color:#000;padding:5px;}
.links {background:#9ACC12;color:#000;padding:5px; }

.tags {background:#9ACC12;color:#000;padding:5px; }
.tags ul { }
.tags li { }

/* a completer separement ou globalement pour le sidebar et la page 

spécifique des tags avec les differentes class des tags en fonction 

de leur frequence - voir 9/ classes communes */


#topnav ul{display:block;font-size:100%;padding:4px;border:1px solid #333 }
#topnav ul li{display:inline }
#topnav ul li a{color:#fff}
li.topnav-arch a{
    background-color:transparent;
    background-image: url(img/arch.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;
color:#fff;
 }

li.topnav-home a{
    background-color:transparent;
    background-image: url(img/home.png);
    background-repeat: no-repeat;
    background-position: center left;
padding-left:20px;
color:#fff;
 }



/* ------------------------------------------------------------
	9. FOOTER
------------------------------------------------------------- */
#footer {text-align:center;color:#fff;padding:20px 0 0 0;background:#222;background-color:transparent;
    background-image: url(img/bottom.png);
    background-repeat: no-repeat;
    background-position: bottom left;height:90px;}
#footer p{clear:both;margin:0;padding:0 40px;}
#footer a {color:#ccff42}
#footer a:hover {background:#ccff42;color:#000}

/* ------------------------------------------------------------
	10. CLASSES COMMUNES
------------------------------------------------------------- */
/* class sur les liens rss (on peut y placer l'icone
feed.png a piocher dans le theme par defaut par ex.) */

a.feed {
    padding:3px 20px 3px 0px;
    background : transparent url(img/feed-icon.png) no-repeat center right;
    }

/* ---------------------------------------------------
  12. ET POUR FINIR NE PAS OUBLIER LES CLEARERS
	ici ceux le plus souvent necessaires
--------------------------------------------------- */
 .footnotes, .attachments, #footer {
    clear:both;
    }