/*
Theme Name: VideoBlog Theme
Theme URI: http://www.arnault-leroy.fr/
Description: Theme for VideoBlog.
Version: 0.1
Author: Arnault Leroy
 
Creation Theme by Arnault Leroy || http://www.arnault-leroy.fr/
 
*/


html,body { 
	width: 100%; 
	height: 100%; 
	overflow: hidden; 
	font-family: arial, helvetica, serif;
	color: #330000;
	background: #bcd589;
}

body, h1, h3, p {
	padding: 0;
	margin: 0;
	cursor:default;
}


a:link { text-decoration: none; color : #694F10; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: none; color : #694F10; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #694F10; border: 0px; -moz-outline-style: none;}
a:hover	{ font-style: italic; text-decoration: none; color : #cc0000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


img {
	border:0;
	}

em {
	font-style: normal;
	color: #769531;
}

dt {
	font-style: normal;
	font-weight: bold;
}

div#haut {
	width: 100%;
	height: 43px;
	margin: 0;
	background: url(css/top.png) top left repeat-x;
	color: #FFFFFF;
	padding-top: 0;
}

div#conteneur {
	height: 89%;
	width: auto;
	margin: auto;
	margin-bottom: 10px;
}

div#gauche {
	background: url(css/container.png) top center repeat-y !important;
	background: url(css/container.gif) top center repeat-y; /*stoopid ie*/
	font-size: 12px;
	position: absolute;
	z-index:999;
	left: 5px;
	width: 220px;
	min-height: 100%;
	margin-top: -50px;
	height: auto !important;
	height: 100%; /*stoopid ie*/
}


div#droite {
	background: url(css/container.png) top center repeat-y !important;
	background: url(css/container.gif) top center repeat-y; /*stoopid ie*/
	font-size: 12px;
	position: absolute;
	z-index:999;
	right: 5px;
	width: 220px;
	min-height: 100%;
	margin-top: -50px;
	height: auto !important;
	height: 100%; /*stoopid ie*/
}

div#frame {
	background: url(css/bg1.png);
	margin-left: 200px;
	margin-right: 190px;
	width: auto;
	height: 100%;
	overflow: auto;
	font-size: 15px;
	padding-right: 30px;
	padding-left: 30px;
}

div#frame h1
{
	line-height: 40px;
	font: 1.5em arial, verdana;
	font-weight: bold;
	font-style: italic;
	color: #4e9a06 ;
	text-align:center;
	border-bottom: 3px solid #4e9a06 ;
	margin-top: 20px;
	margin-bottom: 0px;
}



div#frame h3
{
	line-height: 12px;
	background: url(css/bg1.png);
	font: 1em arial, verdana;
	font-weight: bold;
	color: #20a000 ;
	margin: 10px 0 7px 0;
	padding: 5px 0 3px 7px;
	border-width: 0 0 1px 1px;
	border-style : solid;
	border-color : #20a000;
}

div#frame p
{
	text-align: justify ;
	text-indent: 2em ;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
}

div#frame p.sansindent
{
	text-indent: 0em ;
}

div#frame .centre
{
	margin: auto;
}


div#frame p strong {
	color: #e0542f;
}


div#frame ol strong {
	color: #e0542f;
}

div#frame ul strong {
	color: #e0542f;
}

div#frame li {
  list-style-image: url(css/puce.gif);
  margin-bottom: 3px;
}

div#frame p a:link, div#frame p a:visited {
	color: #4e9a06;
	font-weight: bold;
	outline: none;
}

div#frame p a:hover, div#frame p a:active {
	color: #fff ;
	background: #4e9a06;
}

div#frame ul a:link, div#frame ul a:visited ,
div#frame dt a:link, div#frame dt a:visited,
div#frame td.membre a:link, div#frame td.membre a:visited {
	color: #4e9a06;
	font-weight: bold;
	outline: none;
}

div#frame ul a:hover, div#frame ul a:active,
div#frame dt a:hover, div#frame dt a:active,
div#frame td.membre a:hover, div#frame td.membre a:active  {
	color: #fff ;
	background: #4e9a06;
}


div#frame table {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}

div#frame td {
	border: 0;
	width: 50%;
}

div#centre {
	 position: relative;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     width: 600;
     }
     
div#centre2
{
	 position: relative;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     width: 600;
	background: url(css/bg1.png);
}


div#frame td.gauche {
	text-align:left;
	vertical-align:top;
	width: 60%;
}

div#frame td.droite {
	text-align:right;
	vertical-align:top;
	padding-right:7px;
	width: 40%;
}


div#frame .ref
{
	color: #000066 ;
	text-align:center;
	text-decoration:blink;
	margin: 10px 0 0 0;
	padding:3px;
	border: 1px dashed #0000FF;
	font-style:italic;
}

div#frame .ref a:link, div#frame .ref a:visited {
	color: #000066;
	font-size:11px;
	outline: none;
}

div#frame .ref a:hover, div#frame .ref a:active {
	color: #fff ;
	background: #000066;
}

div#bas {
	width: 100%;
	position: absolute;
	background: url(css/bas.png) top left repeat-x;
	bottom:0;
	height: 29px;
	color: #666666;
	text-align: center;
	font-size: 12px;
}
div#bas p{
	margin-right: 10px;
	margin-top: 8px;

	font-style: italic;
}

div#bas a:link, div#bas a:active, div#bas a:visited {
	font-weight: bold;
	color: #666666;
}
div#bas a:focus, div#bas a:hover{
	text-decoration : none;
	background: #666666;
	color: #FFFFFF;
}



div#basmenu {
	position: absolute;
	bottom: 0px;
	margin-left: 5px;
	height: 113px;
	width: 209px;
	background:url(css/herbe.jpg) no-repeat center;
}

html>body #basmenu{
   position: fixed; 
   bottom: 0px;
}

div#basmenu p {
	text-align: center;
	margin-top: 50px;
	color:#FFFFFF;
}

div#basmenu a {
	color:#FFFFFF;
	font-weight: bold;
	
}

div#basmenu table {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}

div#basmenu td {
	border: 0;
	width: 50%;
	text-align: center;
}




div#content {
	width: 209px;
	padding-left: 0px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
}

div#header {
	height: 150px; 
	width: 208px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}


#header h1 {
	display: none;
}


div#content h3 {
	font-size: 13px;
	color: #222;
	cursor: pointer;
}


div#content h4{
	margin: 0;
	padding: 5px 10px 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
}


div#content h3 a:link{
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #fff;
} 

div#content h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #fff;
}

div#content h3.activites {
	background: #98bc48 url(css/home.png) 10px 5px no-repeat;
	padding: 4px 30px;
}
div#content h3.activites:hover {
	background: #98bc48 url(css/home2.png) 5px 5px no-repeat;
	color: #fff;
}

div#content h3.best {
	background: #adc96d url(css/best.png) 10px 5px no-repeat;
	padding: 4px 30px;
}

div#content h3.best:hover {
	background: #adc96d url(css/best.png) 5px 5px no-repeat;
	color: #fff;
}

div#content h3.derniere{
	background: #c1d791 url(css/derniere.png) 10px 5px no-repeat;
	padding: 4px 30px;
}

div#content h3.derniere:hover{
	background: #c1d791 url(css/derniere.png) 5px 5px no-repeat;
	color: #fff;
}

div#content h3.consulte {
	background: #98bc48 url(css/consulte.png) 10px 5px no-repeat;
	padding: 4px 30px;
}
div#content h3.consulte:hover {
	background: #98bc48 url(css/consulte2.png) 5px 5px no-repeat;
	color: #fff;
}

div#content h3.com {
	background: #adc96d url(css/com.png) 10px 5px no-repeat;
	padding: 4px 30px;
}

div#content h3.com:hover {
	background: #adc96d url(css/com.png) 5px 5px no-repeat;
	color: #fff;
}

div#content h3.archive{
	background: #c1d791 url(css/archive.png) 10px 5px no-repeat;
	padding: 4px 30px;
}

div#content h3.archive:hover{
	background: #c1d791 url(css/archive2.png) 5px 5px no-repeat;
	color: #fff;
}






div#content h3.relation {
	background: #98bc48 url(css/in.png) 180px 5px no-repeat;
	text-align:right;
	padding: 4px 30px;
}
div#content h3.relation:hover {
	background: #98bc48 url(css/in2.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.moins {
	background: #98bc48 url(css/moins.png) 180px 5px no-repeat;
	text-align:right;
	padding: 4px 30px;
}
div#content h3.moins:hover {
	background: #98bc48 url(css/moins2.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.rss{
	background: #adc96d url(css/rss.png) 180px 5px no-repeat;
		text-align:right;
	padding: 4px 30px;
}

div#content h3.rss:hover {
	background: #adc96d url(css/rss2.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.liens{
	background: #c1d791 url(css/liens.png) 180px 5px no-repeat;
		text-align:right;
	padding: 4px 30px;
}

div#content h3.liens:hover{
	background: #c1d791 url(css/liens2.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.enligne {
	background: #98bc48 url(css/users.png) 180px 5px no-repeat;
		text-align:right;
	padding: 4px 30px;
}
div#content h3.enligne:hover {
	background: #98bc48 url(css/users2.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.categorie {
	background: #adc96d url(css/categorie.png) 180px 5px no-repeat;
		text-align:right;
	padding: 4px 30px;
}

div#content h3.categorie:hover {
	background: #adc96d url(css/categorie.png) 185px 5px no-repeat;
	color: #fff;
}

div#content h3.tag{
	background: #c1d791 url(css/tag.png) 180px 5px no-repeat;
		text-align:right;
	padding: 4px 30px;
}

div#content h3.tag:hover{
	background: #c1d791 url(css/tag.png) 185px 5px no-repeat;
	color: #fff;
}








div#content ul{
	width:185px;
	list-style-type: none;
	background-color:#fff;
	padding:5px 0 20px 0;
	float:left;
	font-size:0;
}
div#content ul li{
	padding:0;
	margin:0 0 0 15px;
	float:left;
}
div#content ul li a{
	display:block;
	width:200px;
	background:url(css/arrow1.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#694F10;
	text-decoration:none;
	height:19px;
}
div#content ul li a:hover{
	background:url(css/arrow1_hover.gif) 0 5px no-repeat #F8EFD3;
	color:#BF0000;
}

div#content p {
	padding: 5px 10px;
	color:#694F10;
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
}
div#content p.centre {
	text-align:center;
	font-size: 12px;
}

/* this is the CSS for the menu that you will need. */

#nav {
	margin-left: 240px;
	margin-top: 0;
	text-align: center;
	font-size: 12px;
}


#navi {
	height: 25px;
	float:left;
	margin-top: 0;
	list-style-type: none;
}
#navi li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#navi li a:link, #navi li a:active, #navi li a:visited {
	height: 25px;
	margin-right:30px;
	display: block;
	line-height: 25px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
#navi li a:focus, #navi li a:hover{
	text-decoration : none;
	-moz-outline:0;
	color: #FFFFFF;
	background-image: url(css/rollOver.png);
	background-repeat: repeat-x;
}


.fx {
	background: url(css/bg1.png);
}

.minipost {
	background: url(css/bg1.png);
	border-top:red;
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	text-align:center;
	color: #00CC00;
	padding: 8px 8px 4px;
	background: url(css/bubble.png) top left;
	border-bottom: 1px solid #B5CF74;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	text-align:center;
	background: url(css/bubble.png) bottom right;
}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	background: url(css/bg1.png); padding: 5px 0px; position: relative; clear: left;}

.PostHead { padding-left: 70px; padding-top: 12px; background: url(css/bg1.png);}
.PostHead h2 { font-size: 20px; line-height: 23px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#000033;}
.PostHead h2 a { color: #109dd0; text-decoration: none;}
.PostHead h2 a:visited { color: #109dd0; text-decoration: none;}
.PostHead h2 a:hover { color:#cc0000; text-decoration: none;}
.PostHead h3 { font-size: 14px; margin-top: 7px; font-weight: bold; padding: 0px; color:#000033;}

/**/ * html .PostTime { left: 0px;} /**/ 
.PostTime { padding: 0px; margin-top: 0px; position: absolute; left: 0px; top: 2px; background: url(css/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostCon { color:#666666; font-size: 11px; margin-right: 20px;}

.PostCat { color:#ff6600; }
.PostCat a { color:#cc0000; text-decoration: none; }
.PostCat a:visited { color:#cc0000; text-decoration: none; }
.PostCat a:hover { color:#109dd0; text-decoration: none; }


/*  Tabber  Style start -------------------- */
 
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {	
}
.tabberlive {
 margin:0 5px;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Arial, Helvetica, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 text-decoration: none;
}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab {
 padding:5px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/*tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}







/* TABS */
/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#onglets {
	width: 600px;
	margin-top:-2px;
	/*float:left*/
	}
	
#content2 {
	width: 600px;
	padding: 1px;
	margin: 0 auto;
	display: block;
	overflow:hidden;
	}

#content2 #main-categories {
	display: block;
	width: 600px;
	margin: 0 auto;
	}
.tabs-block {
	width: 600px;
	padding: 0;
	margin: 0 auto;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 .3em 0 0;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px .8em;
	background: transparent;
	}

#content2 .tabbed ul  {
margin:0px;
padding:0px 0px 0px;
}

#content2 .tabbed ul.tabs li  {
margin:0px;
padding:0px 3px 0px 0px;
}

	
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
	background: #BDBDBD ;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	background: url(css/bg3.png);
	border-right: 3px solid #4e9a06 ;
	border-left: 3px solid #4e9a06 ;
	}
.tabs-block .tabbed div, #content2 .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: 0px;
	z-index: 0;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 5px 0;
	background:  url(css/bg3.png);
	display: none;
	}
div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10  { display: none; }
.tabs-block .tabbed div.t1, #content2 .tabbed div.c1 { 
	display: block;
	}
.tabs-block .tabbed div { width: 733px; }
.tabbed div ul {
	overflow: hidden;
	padding: 4px 0 2px 0;
	margin: 0;
	background: #fff;
	}
.tabbed div ul li {
	clear: left;
	background: url(css/bg1.png);
	}
.tabbed div ul li a {
	font-weight: normal;
	width: 97%;
	display: block;
	padding: 2px 0 2px 12px;
	background: url(css/bg1.png);
	border: none;
	}
.tabbed div ul li a:hover { text-decoration: underline; }

/* HOME CATEGORIES TABS */
#home-categories {
	overflow: hidden;
	}
#content2 .tabbed .c {
	width: 600px;
	}
.tabbed .post {
	float: left;
	clear: none;
	width: 47%;
	margin: 5px 1%;
	padding: 0;
	}
	
	
	
/* Commentaire */

.cadre_commentaires  {
	margin:10px;
	padding:0;
	}

.outils
{
	background: #f8f6c1 url(css/outils.png) no-repeat;
	background-position:15px;
	margin: 10px 0 7px 0;
	padding: 0 0 5px 50px;
	border: 4px solid #FFFF00;
}


ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(css/bg3.png);
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 20px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	}

.commentlist .time {
	background: url(css/bg_clock.gif) no-repeat 1px;
	padding-left:20px;
	text-align: right;
	}

.commenttext {
	background-color: #9bc561;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	margin-bottom: 10px;
	color:#fafcf6;
	}
	
.commenttext p {
	text-indent: 0px ;
	}
	
.commenttextauteur {
	background: #9bca61 ;
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	margin-bottom: 10px;
	color:#fafcf6;
	}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form .Email { background: url(css/FooterEmail.png) no-repeat left top;}

.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #fff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; }
.Form .TextArea { color:#003366; background: #fff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 108px; height: 26px; background: url(css/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(css/SubmitComment.png) no-repeat 0 -26px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 108px; height: 26px; background: url(css/SubmitComment.png) no-repeat 0 -26px; margin-top: 4px;}
	
	
	/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 0px; color:#666; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #666;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #666; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#666; border-right: solid 1px #666; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #666; font-size: 11px; color:#003366;}


/************************************************
	Search


#search {
	float: right;
	width: 196px;
	margin-right: 230px;
}
#search form {
	width: 209px;
	height: 21px;
}
#search input#s {
	color: #666;
	width: 170px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 11px;
	border: 1px solid #fcedca;
}


#search .search-submit { display: none;
}

#searchform div input.button {width: 13px;	border: 1px solid #fcedca; height: 13px; top: 0px;}

#searchform div {position: relative; left: -5px;}

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


/************************************************
	Search
************************************************/
#search {
	float: right;
	width: 196px;
	margin-top: -5px;
	margin-right: 210px;
}
#search form {
	width: 209px;
	height: 21px;
	margin-top: 5px;
}
#search input#s {
	color: #666;
	width: 170px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 11px;
	border: 1px solid #fcedca;
	margin-top: 0;
}

#search .search-submit { 
	display: none;
}

#searchform div input.button {
	width: 13px;
	height: 13px; 
	position: relative;
	left: -20px;
	border-left: 1px solid #fcedca;
	top: 2px;}