/* CSS Document */
/*   
Theme Name: Larcenet , Epais et tordu V2
Description: Theme created for the comics book author Manu Larcenet
Author: designfacility
Author URI: http://designfacility.net
Version: V2
.

.
*/

body {
	text-align: center;
	}
/* Structure
---------------------------------*/

#page { width:1072px; position:absolute; top:0px; left:50%; margin-left: -535px; }
	#header1 { height: 158px; text-align:left; background : url(./images/header1.jpg) no-repeat top center ; background-color:#FFFFFF; }
	#header { height: 124px; text-align:left; background : url(./images/header.jpg) repeat-x ; background-color:#FFFFFF; }
		#nav_bar {position:absolute; top:140px ;left: 180px; }
		#shop_bar{position:absolute; top:10px ;right:5px; background-color:#d6f1ba;}
	#container   { width:100%; float:left; margin-bottom:0px;/*background-color:#ffffff;*/background : url(./images/bg-book.jpg) repeat ;}
		#largeur { float:left; width:730px; padding-left:6px; }
	  #container1 { float:left; width:100%;  }
		#main{ width: 430px; margin : 0px 20px; padding:0px 0px 0px 0px;float:left;}
               #left{float: left; width: 430px; margin-left:-545px;margin-top:30px;
						/*position:absolute;top:190px;left:545px;width: 430px;*/}
						}
          #right{ float: left; width: 260px; margin-top:0px;margin-left:-970px; padding-top:0px ;
		/*background : url(./images/trait-vert.gif) no-repeat top left;*/
/*	border-left:1px dotted #333333;
					background : url(./images/traits-crayon-vert.jpg) no-repeat top right;*/}
#footer {		margin,padding : 0;
		width: 1072px;
		float:right;
		text-align:center; padding-top:120px ;
background : url(./images/pied.jpg) no-repeat ;
	 	}


/*hide for IE6*/
html>body #right{width: 210px;margin-top:0px;margin-left:-310px; padding:0px 5px 0 0;}
html>body #main{ margin : 0px 45px; }



/* header
---------------------------------*/


#gauche{ width:430px; padding:5px; margin:20px 0px 10px 0px; text-align:center;}

#rightcontent{ width:210px; padding:15px; margin:0px 0px 10px 0px; text-align:left; }
#rightcontent li {list-style-type: none;display: block; font-family: courier;text-align:left;padding:10px 20px 0 0;}
#rightcontent li a {color:#514B3E;text-decoration:none; }
#rightcontent li a:hover { color: #ef7319;}
	
/* menu */
#gauche ul {margin,padding:0;
list-style-type: none; /* suppression of useless elements */

}
/*li {margin-bottom: 5px;}*/

#gauche li a,.menu li a {color:#514B3E;text-decoration:none; }
#gauche li a:hover,.menu li a:hover { color: #ef7319;}
#gauche li {list-style-type: none;font-family: Georgia;font-style: italic;font-size: 19px;padding:4px 0px 0 0;}
.menu li {display: block; font-family: Georgia;font-style: italic;font-size: 19px;padding:15px 0px 0 0;}

/* post
---------------------------------*/

#maincontent{ width:430px; padding:0px 5px 0px 0px ; margin:0px 0px 0px 0px;  }
#main .post{  margin:0px 0 0px 23px; padding:10px; }
#main .meta{
	font-size:0.9em;
	color:#666666;
	text-align:right;
	font-style:italic;
	margin-left:24px;
}

/*typogrphy pour post
---------------------------------*/

/*#main .post li {list-style: inside circle;}*/

h2 {color:#216961; padding:5px; margin:7px;font-style:italic;}




#nav {
padding-top:20px;	
clear:both;
padding-bottom:15px;
text-align :center;
}

.navigation{padding:20px 0 20px 0;}
.navigation a{text-decoration:none;color:#ef7319;}
.navigation a:hover{color:#000000;}



/*images*/
/*.leftbox {float:left;  bottom right; margin: 0px 10px 15px 0px;line-height:0px;}
.leftbox img  {display: block;position: relative;background-color: #fff;border: 1px none #a9a9a9;padding: 0px 4px 4px 0px;line-height:0px;}

.aligncenter,
div.aligncenter {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#main #sepr img {border: 0px solid #ffffff;}
img.right { padding: 0px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 0px; margin: 0 7px 2px 0; display: inline; }
img.bord{ border:2px solid #ffffff;}*/
#nav img{ border:0;}
#main p img {border: 0px solid #ffffff;margin: 0 7px 20px 0;background-color:transparent;}
/*#navTop img{ border:0;}*/

/* text and title... */
/*.cat{ float: left;font-size:11px;color: #ef7319;text-transform:none; background-color:#cccccc; }
.date{ float: right;font-size:10px;color: #cccccc; }
#main .alinea {font-weight: bold;display:inline; }
p,#main li {
/*margin: 0 0 10px 10px;*/
/*font-family: georgia;
color: #514B3E;
text-decoration: none;
word-spacing: 0.03em;
letter-spacing: 1px;
line-height: 18px;
font-size: 12px;
}


#main .post p{
text-align:left;
}

*/

#main  a  { text-decoration: none; color:#C35935; }
#main a:hover { color:#cccccc; }
/*#main .post a { text-decoration: none; color:#C35935; }*/
/*
#main .post a img,#main .post a:hover img,#main .post a:active img{text-decoration: none;background-color:#cccccc;} ;
#main .post a:hover , #footer  a:hover{
color:#D8CFBC;
background-color:transparent;
}
#main .post h1, #main h1{
text-align:left;
font-size:20px;
color:#C35935;
padding:30px 30px 30px 0px;
}
#main .post h2, #main .postPhotos h2{
padding-left:20px;*/
/*background : url(./images/home.jpg) no-repeat ;*/
/*}*/
#main .post h2.titrePost{
margin-left:50px;
width:330px;
padding-top:15px;
padding-bottom:10px;
background : url(./images/trait-hor.gif) no-repeat top left ;

}

#main .post h3.datePost{
position:absolute;
right:930px;
width:90px;
text-align:center;
font-family:Georgia;font-style: italic;font-size: 14px;color:#514B3E;
}
/*
#main .post h4{
width:400px;
font-size:14px;
text-align :center;
font-weight:normal;
color:#A1906F;
border: 1px dotted #A1906F;
padding:10px;
margin:20px 20px 20px 0px;
}
#main .post address{
width:400px;
text-align:center;
color:#ffffff;
background-color:#cccccc;
text-style:italic;
padding:20px;
margin:20px 20px 20px 0px;
}
*/
#main ul {
text-indent: 5px;
list-style-position: outside;
list-style-image: url(./images/star-small.jpg);
list-style-type: square;
padding: 6px;
margin: 2px;
}

#main .postLink a{
background-color:transparent;
text-decoration: none;
word-spacing: 1px;
letter-spacing: 1px;
font-size: 15px;
color:#C35935;
}
#main .postLink a:hover{
color:#333333;
background-color:#ffffff;
}


#footer p {
color:#A1906F;
padding-left:30px;
	font-size: 11px;
	font-style: italic;
	}
#footer p.warning {
padding:10px 90px 10px 90px;
margin-left:24px;
margin-right:24px;
font-size: 11px;
line-height:12px;
color:#bb5e4d;
/*border-top: 1px solid #C35935;
border-bottom: 1px solid #C35935;*/
/*background-color:#ffffff;*/
}
#main p.warning {
padding:10px 10px 10px 10px;
margin-left:80px;
font-size: 11px;
line-height:12px;
color:#C35935;

}
#footer  a  { text-decoration: none; color:#C35935; }
#footer  a:hover  { background-color:#ffffff;}
	
/*.titreInfo{*/
/*background-color: #cccccc;*/
font-weight: bold; 
/*color:#ffffff;*/
border-top: 1px solid #ffffff;
/*border-bottom: 1px solid #ffffff;*/}

.info{margin:0px 0px 0px 10px;font-size:12px;}


form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ef7139;
}
option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border: #51250a;


}
input {
	float:right;

}
/*textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}*/



p.videoText { 
font-size: 12px;
font-color: #8B7F69;
font-weight:bold;
width:120px;
background : url(./images/videoImg-bg.jpg) repeat-y ;
  }


#youtubelist{
	margin: 0px;
	padding: 5px;
	list-style: none;
	clear: both;
	display: block;
}

#youtubebox{
	float: left;
	/*display: inline;*/
	padding: 0 50px 60px 0;
	margin: 0px;
	background : url(./images/videoImg-bg.jpg) no-repeat;
/*	border: 4px solid #333333;*/
}

img#youtubethumb {
	
	margin-top: 13px;
	margin-left:10px;
	border: 1px solid #DAD0BC;
	/*
	
	width: 90px;
	height: 80px;*/
	
	
}



#youtubecontent {
			height: 520px;
			width: 430px;
			margin-left: -430px;
			top: -220px;
			position: absolute;
			left: 50%;
}

#youtubeoverlay {
			background-color: #fff;
			overflow: visible;
			position: absolute;
			height: 1px;
			width: 100%;
			top: 50%;
}

.flashmovie{
text-align:center;
}


/* Comments
---------------------------------*/

.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } 
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0; }
.commentmetadata {margin: 0; display: block; }

#commentform{text-align:left;}
#commentform input {width: 200px;padding: 2px;margin: 5px 5px 1px 0; border: 1px dashed #333333; color:#333333 ; }
#commentform label {line-height:20px;}
#commentform textarea {width: 100%;margin-top:7px;padding: 2px; border: 1px dashed #333333; color:#333333 ; }
#commentform #submit {margin: 0;float: right; color:#333333;}

h3#respond{font-size:1.2em;text-align:left;font-style:normal;}