/*
Theme Name: lveg3
Theme URI: http://www.photofloue.net
Description: pour yapb a partir de WP blanc
Version: 1
Author: Philippe Durand
*/

/*CSS*/

* { margin: 0; padding: 0;}

body { 
text-align: center; 
min-width: 940px; 
background-image: url(images/gris1.jpg); background-repeat: repeat; 
color: #f5f5f5; 
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
font-size: 90%;  
padding: 20px 0 40px 0;
}

/*pour header & footer statique*/

 @media screen{
  body>div#header{ position:fixed; }
  body>div#footer{ position:fixed;}
 }
 
 * html body{ overflow:hidden;}
 * html div#content{ height:100%; overflow:auto;}


.hide { display: none;}
.show { display: block;}
hr { display: none;}
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px;}
.alignleft { text-align: left;}
.alignright { text-align: right;}
.center { text-align: center;}
img { border-style: none;}

/* backgrounds */

#header { background-image: url(images/gris1.jpg); background-repeat: repeat;}
#wrapper { background-image: url(images/gris2.jpg); background-repeat: repeat;}
#content { background-image: url(images/gris2.jpg); background-repeat: repeat;}
#onglets { background-image: url(images/gris3.jpg); background-repeat: repeat;}
.comments, .formulaire, .tabminiblog { background-image: url(images/gris3.jpg); background-repeat: repeat;}
#footer { background-image: url(images/gris1.jpg); background-repeat: repeat;}

/*Typo*/

a, a:visited, a:active, a:focus { color: white; text-decoration: none; }

a:hover { color: black; background-color: silver; text-decoration: none; }


/*Block Level Elements*/

#page { }

/*
#wrapper { width: 920px; padding: 15px; text-align: left; position: relative; left: 50%; margin-left: -470px;}
*/

#wrapper {
margin:0 auto;
padding:15px;
width:920px;
position:relative;
text-align:left;
}

/* Header */

#header { width: 100%; padding-bottom: 20px;}

div[id=header] { /* for mozilla */ position: fixed !important; top: 0; z-index: 1;}

#margeheaderstatique { height: 15px;}

#headerimg { }
.description { }

/*Footer*/

/*#footer { width: 100%; margin: 2em 0 0; padding: 0; }*/

#footer { margin:2em 0 auto 0;
padding:4px;
width:100%;
text-align:left; }

.margefooterstatique { height: 1em;}

div[id=footer] { /* for mozilla */ position: fixed !important; bottom: 0;}

#footer .insidefooter { width: 920px;  text-align: left; position: relative; left: 50%; margin-left: -470px;}
#footer img { border-style: none;}
.footerlegende{ display: inline-block;  line-height: 12px; font-size: 12px; letter-spacing: 4px;}
.footerlogo { display: inline-block; float: left; margin-right: 20px; border-style: none;}
.footerlogo a, .footerlogo a:hover,.footerlogo a:visited { border-style: none;}

/*The Post*/

#entry { width: 770px; float: right; overflow: hidden;}

#entry img, #entry p { }

#entry p { padding-bottom: 2em; width: 430px; text-align: justify; line-height: 1.4em;}

#entrypage{ width: 550px;}
#entrypage, #entrypage p, #entrypage h3, #entrypage h2 {width: 550px; padding-bottom: 1em; line-height: 1.4em; padding-top: 1em;}
#entrypage ul li{ list-style-type: circle; list-style-position: inside;}
#entrypage ol, #entrypage ol li { list-style-type: decimal; list-style-position: inside;}
#entrypage ol { padding-bottom: 1em;}

.titre { font-size: 1.6em; color: white; font-weight: normal; margin-bottom: .5em; margin-top: -.5em; line-height: 1.3em;}

.yapbimg { padding-bottom: 2em; max-height: 600px; }

#postmeta { width: 100px; float: left; font-size: 0.75em; text-align: left;}

#postmeta dl { margin: 0 0; padding: 0.5em 0 0.6em 0;}
#postmeta dt { margin: 0; border-top: 1px solid #333; color: #AAA; padding-top: .5em; padding-bottom: .5em;}
#postmeta dd { margin: 0; padding-bottom: 1em;}
#postmeta dd li{ list-style-type: none;}
#postmeta a { text-align: left;}


/*Styles communs a informations - navigation - indexcommentaires */

#informations, #navigation, #indexcommentaires { padding: 0 0 2em 0;}

/*pour laisser la place du footer statique*/

/*nouveaux blocs*/

.blocgauche, .bloccentre, .blocdroite { width: 250px; float: left; margin-top: 1em;}
.blocgauche { margin-left: 20px;}
.bloccentre { margin-left: 63px;}
.blocdroite { margin-left: 63px;}
.bloc2coldroite { width: 520px; float: left; margin-top: 1em;margin-left: 63px;}

.titrebloc { font-size: 1.2em;}
.blocgaucheinspiration { width: 563px; float: left; margin-top: 1em;margin-left: 20px;}
.blocminiblog {margin-left:150px; width: 430px; }

/*page Author*/

.blocvignettes { width: 568px; margin-right: 20px; float: right;}
.titrevignette, .titrevignette a { color: gray;font-size: 11px;}
.vignettes { }
.vignette { list-style-type: none; display: inline-block; float: left; padding-right: 17px; padding-bottom: 20px; }
.vignette img{ border: 1px solid gray;}

#auteurmeta { width: 250px; float: left; margin-top: 1em; margin-left: 20px;}
.auteurauthor { font-size: 1.6em; color: white; font-weight: normal;  line-height: 1.3em; padding-bottom: .5em;}
#auteurmeta dl { margin: 0 0; padding: 0.5em 0 0.6em 0;}
#auteurmeta dt { margin: 0; border-top: 1px solid #333; color: #AAA; padding-top: .5em; padding-bottom: .5em;}
#auteurmeta dd { margin: 0; padding-bottom: 1em;}
#auteurmeta dd a { }
#auteurmeta dd a:hover {}



/*Tabs Tabber*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/

.tabberlive .tabbertabhide { display: none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabber { }
.tabberlive { margin-top: 1em; background-image: url(images/gris2.jpg); background-repeat: repeat;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav { margin: 0; padding: 3px 0; border-bottom: 1px solid #778; text-align: right; font-weight: bold; font-size: 1em;}
ul.tabbernav li { list-style: none; margin: 0; display: inline;}
ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; text-decoration: none;}
ul.tabbernav li a:link { color: silver;}
ul.tabbernav li a:visited { color: silver;}
ul.tabbernav li a:hover { color: white; background-image: url(images/gris5.jpg); background-repeat: repeat; border-color: #227;}
ul.tabbernav li.tabberactive a { background-image: url(images/gris9.jpg); background-repeat: repeat; border-bottom: 1px solid silver; color: black; font-weight: bold;}
ul.tabbernav li.tabberactive a:hover { color: #000; border-bottom: 1px solid white;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/

.tabberlive .tabbertab { }
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display: none;}
.tabberlive .tabbertab h3 { display: none;}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height: 200px; overflow: auto;}

/* Fin Tabs */

/*formats specifiques de blocs */

/*dates, counts, blogroll, pages*/

ul.dates, ul.counts, ul.blogroll ul, ul.pages { list-style-type: none; margin: 1.5em 0 2em 0; border-top: 1px solid gray; border-color: gray;}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li { list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid gray;}
ul.dates .date { color: #858585; padding: 0 1.5em 0 0;}
ul.counts .count { float: right; color: #858585;}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a { text-decoration: none;}

ul.blogroll { margin-top: 0;}
ul.blogroll li { list-style-type: none; margin: 0;}
ul.pages ul { margin: 0;}
ul.pages ul li { border: none; margin-left: 2em; list-style-type: square;}

.apropos { line-height: 1.4em;}

/*feedburner photofloue*/

div.feedBurnerFeedBlock ul ul li.headline { list-style-type: none; margin: 0;}


/*random posts*/

.hasard { list-style-type: none; margin: 1.5em 0 2em 0; border-top: 1px solid gray;}
.hasard ul li { list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid gray;}
.hasard a { }

.hasard ul,  .hasard ul li ul,  .hasard ul li ul li { list-style-type: none; margin: 0; border-bottom: 0;}

/* recent comments */

#recentcomments { list-style-type: none; margin: 1.5em 0 2em 0; border-top: 1px solid gray; }
#recentcomments ul li { list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid gray}
#recentcomments a { color: #BFBFBF; text-decoration: none;}
#recentcomments a:hover { color: black; text-decoration: none;}
#recentcomments ul, #recentcomments ul li ul, #recentcomments ul li ul li { list-style-type: none; margin: 0; border-bottom: 0;}
#recentcommentsList { font-style: oblique;}
.recentCommentsPostTitle { font-style: normal;}

.commentAuthor { font-style: normal;}



/*comments*/

.comments { }
.comments ul { list-style-type:none;}
.comments ul li { }
.commentsnb { font-size: 1.2em; margin-left: 10px; margin-bottom: 2em; color: silver;}
.commentlist { margin-left:150px; width: 430px;}
.commentlist p { margin-top: 1em;}
.blocmeta { border-bottom: 1px solid gray; border-top: 1px solid silver; padding-top: 1em; padding-bottom: 1em; color: #AAA; text-align: right;}
.auteur { display: inline-block; float: left; font-size: 1.2em;}
.commentmetadata { text-align: right;}
.commenttext p{ text-align: justify; line-height: 1.4em;}
.commenttext a { text-decoration: underline;}

.formulaire{ }
.blocformulaire{ margin-left:150px; width: 430px; color: gray;}
.class{ }
input, textarea { background-image: url(images/gris7.jpg); background-repeat: repeat; margin-top: 5px; margin-bottom: 5px;}
textarea{ width: 430px;}

/*miniblog*/
.miniblog { list-style-type: none; margin: 1.5em 0 2em 0;}
.titreminiblog {  border-top: 1px solid gray; padding-top: .8em; padding-bottom: .8em; color: silver; text-align: right;}
.titreminiblogsujet { display: inline-block; float: left; font-size: 1.2em;}
.titreminiblogdate { text-align: right;}
.miniblog ul li { list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 1px solid gray;}
.miniblog a { color: #BFBFBF; text-decoration: none;}
.miniblog a:hover { color: #FFF;}
.miniblog ul, .miniblog li { list-style-type: none; border-bottom: 0; margin: 0; line-height: 1.2em;}


/*icones rss wp*/

a.rss { padding-right: 12px !important; background-image: url(images/feed-icon-10x10.gif); background-repeat: no-repeat; background-position: 100% 66%;}
a.wp { padding-right: 12px !important; background-image: url(images/wp.gif); background-repeat: no-repeat; background-position: 100% 66%;}


/*IMAGES*/

img { }
img a, img a:hover { border: none;}

/*Tagmap*/
.tagmap { }

/*Search Form*/
#searchform { }
#searchform input { }
#searchform #s { }

/**nuage**/
.st-tag-cloud a:hover {
	color : black;}