/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET CSS */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 9, 2011 */
@font-face {
    font-family: 'InterstateMonoRegular';
    src: url('http://www.kizoa.jp/fonts/interstatemono-webfont.eot');
    src: url('http://www.kizoa.jp/fonts/interstatemono-webfont.eot?iefix') format('eot'),
         url('http://www.kizoa.jp/fonts/interstatemono-webfont.woff') format('woff'),
         url('http://www.kizoa.jp/fonts/interstatemono-webfont.ttf') format('truetype'),
         url('http://www.kizoa.jp/fonts/interstatemono-webfont.svg#webfontYtJkUVW8') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* End Fonts */

body {
	background-color: #4f4f4f;
	font-family: "InterstateMonoRegular", Arial, Helvetica;
	font-size: 13px;
	width: 100%;
	border-top: 1px solid #f1f1f1;
	background-image: url('http://www.kizoa.jp/images/bkg_partage2.png');
	background-position: left top;
	background-repeat: repeat-x;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.greenText {
	color: #cef41c;
}

#titleBar {
	width: 1011px;
	height: 88px;
	margin: auto;
	position: relative;
	top: 4px;
}

#titleBar.titleBarSlim {
	width: 696px;
	background-position: -319px -9px;
	padding-right: 0px;
}

#titleBar > div {
	width: 1002px;
	height: 77px;
	background-color: #545454;
}

#titleBar.titleBarSlim > div {
	width: 696px;
}

#titleBar a img, #titleBar a:visited img, #titleBar a, #titleBar a:visited {
	text-decoration: none;
	border: none;
}

#titleBar h1 {
	height: 27px;
	font-size: 16px;
	padding-top: 18px;
	color: white;
	float: left;
	margin: 11px 0px 0px 18px;
}

#titleBar h1 a, #titleBar h1 a:visited {
	text-decoration: none;
}

#titleBar .logo {
	margin: 13px 18px 0px 0px;
}

.logo a {
	width: 219px;
	height: 56px;
	background-position: left -57px;
	background-repeat: no-repeat;
	display: block;
}

.logo a:hover {
	background-position: left -111px;
}

.logo a:active {
	background-position: left -111px;
}

.logo a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_EN.png');
}

.logo_en-us a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_EN.png');
}

.logo_fr-fr a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_FR.png');
}

.logo_de-de a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_DE.png');
}

.logo_es-es a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_ES.png');
}

.logo_it-it a {
	background-image: url('http://www.kizoa.jp/images/NEW_BASELINE_IT.png');
}

#mainContent {
	width: 1011px;
	margin: auto;
}

#mainContent.mainContentSlim {
	width: 696px;
	margin: auto;
}

#mainContent #slideshowContainer {
	float: left;
	width: 696px;
	height: 558px;
}

#mainContent #slideshowContainer > div {
	background-color: #282828;
	width: 696px;
	height: 552px;
}

#mainContent #slideshowContainer #slideshow #slideshowContent {
	width: 576px;
	height: 432px;
	margin: 56px 0px 0px 60px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#mainContent #slideshowContainer #share {
	text-align: center;
	padding-left: 240px;
}

#mainContent #slideshowContainer #share > p, #mainContent #slideshowContainer #share > div.shareButton {
	float: left;
}

#mainContent #slideshowContainer #share > p {
	width: 284px;
	text-align: right;
	color: white;
	font-size: 20px;
	padding-top: 10px;
	margin-right: 9px;
}

#mainContent #slideshowContainer #share .shareButton {
	float: left;
	margin: 0px 4px 0px 4px;
}

#mainContent #slideshowContainer #share .shareButton a {
	display: block;
	width: 38px;
	height: 37px;
	background-position: left -74px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#mainContent #slideshowContainer #share .shareButton.off a {
	background-position: left -37px;
}

#mainContent #slideshowContainer #share .shareButton a:hover {
	background-position: left top;
	text-decoration: none;
}

#mainContent #slideshowContainer #share .shareButton a:active {
	background-position: left top;
	text-decoration: none;
}

#mainContent #slideshowContainer #share #shareFB a {
	background-image: url('http://www.kizoa.jp/images/BUTTON_FB-V2.png');
}

#mainContent #slideshowContainer #share #shareEmail a {
	background-image: url('http://www.kizoa.jp/images/BUTTON_MAIL-V2.png');
}

#mainContent #slideshowContainer #share #sharePicture a {
	background-image: url('http://www.kizoa.jp/images/BUTTON_DOWNLOAD-V2.png');
}
#mainContent #slideshowContainer #share #shareHtml a {
	background-image: url('http://www.kizoa.jp/images/BUTTON_HTML-V2.png');
}
#mainContent #slideshowContainer #share #sharedl a {
	background-image: url('http://www.kizoa.jp/images/BUTTON_DOWNLOAD-V2.png');
}

.sub p.forceinput {
	position: absolute !important;
	bottom: 5px;
	left: 10px;
	color: white;
}

#mainContent #slideshowContainer #share .infoBox {
	display: none;
	width: 400px;
	margin: auto;
	background-image: url('http://www.kizoa.jp/images/FLECHE.png');
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-top: 2px;
	z-index: 10;
	position: relative;
	left: -183px;
}

#mainContent #slideshowContainer #share #shareFBInfo {
	background-position: 162px top;
}

#mainContent #slideshowContainer #share #shareEmailInfo {
	background-position: 205px top;
}

#mainContent #slideshowContainer #share #sharePictureInfo {
	background-position: 300px top;
}
#mainContent #slideshowContainer #share #shareHtmlInfo {
	background-position: 255px top;
}
#mainContent #slideshowContainer #share #sharedlInfo {
	background-position: 123px top;
	left: -8px;
}

#mainContent #slideshowContainer #share .infoBox > p {
	background-image: url('http://www.kizoa.jp/images/pixel_infobulle.png');
	padding: 2px 2px 4px 2px;
	color: white;
}

#mainContent #slideshowContainer #share .shareBox {
	display: none;
	margin: auto;
	background-image: url('http://www.kizoa.jp/images/FLECHE.png');
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
	margin-top: 2px;
	white-space: nowrap;
	z-index: 10;
	position: relative;
	left: 1px;
}

#mainContent #slideshowContainer #share #shareEmailBox {
	left: -160px;
}
#mainContent #slideshowContainer #share #shareHtmlBox {
	left: -114px;
}

/* share download */
#mainContent #slideshowContainer #share #sharedlBox {
	left: -66px;
}

#mainContent #slideshowContainer #share #sharedlBox {
	position: relative;
}

#mainContent #slideshowContainer #share #sharedlBox .sub {
	background: none repeat scroll 0 0 #545454;
	border: black;
	color: white;
	position: absolute;
	right: -352px;
	bottom: 0;
	padding: 6px 10px 0px 10px;
	border: 1px solid black;
	display: none;
}

#mainContent #slideshowContainer #share #sharedlBox .sub .needed {
	position: absolute;
    right: 40px;
	margin-top: 6px;
}

#mainContent #slideshowContainer #share #sharedlBox .ziphidden {
	display: none;
}

#mainContent #slideshowContainer #share #sharedlBox .slidehidden {
	display: none;
}

#mainContent #slideshowContainer #share #sharedlBox .sub p {
	position: relative;
	max-width: 330px;
	white-space: normal;
	text-align: left;
	line-height: 17px;
}

#mainContent #slideshowContainer #share #sharedlBox .content.active {
	background: #545454;
}

#mainContent #slideshowContainer #share #sharedlBox .zip, #mainContent #slideshowContainer #share #sharedlBox .video { 
	position: relative;
}

#mainContent #slideshowContainer #share #sharedlBox .zip:hover > .sub, #mainContent #slideshowContainer #share #sharedlBox .video:hover > .sub {
	display: block;
}

#mainContent #slideshowContainer #share  #sharedlBox .content {
	color: black;
	padding: 7px 0 7px 6px;
	text-align: left;
	color: white;
}

#mainContent #slideshowContainer #share  #sharedlBox .content:hover {
	cursor: pointer;
}

#mainContent #slideshowContainer #share #sharedlBox form {
	
}

#mainContent #slideshowContainer #share #sharedlBox form .top label, #mainContent #slideshowContainer #share #sharedlBox form .top input {
	float: left;
} 
#mainContent #slideshowContainer #share #sharedlBox form .top label {
	float: left;
	width: 70px;
	display: block;
	margin-top: 5px;
	text-align: left;
}

#mainContent #slideshowContainer #share #sharedlBox form .top input[name='name'] {
	margin-left: 5px;
}

#mainContent #slideshowContainer #share #sharedlBox form .top input[name='email'] {
	width: 211px;
}

#mainContent #slideshowContainer #share #sharedlBox form .top input  {
	width: 100px;
}

#mainContent #slideshowContainer #share #sharedlBox form .bottom {
	margin-top: 10px;
}

#mainContent #slideshowContainer #share #sharedlBox form .bottom input  {
	width: 300px;
}
#mainContent #slideshowContainer #share #sharedlBox form input.invalidInput {
	border: 2px solid red;
}

#mainContent #slideshowContainer #share #sharedlBox form input {
	border: 1px solid #c0c0c0;
	padding: 2px;
	margin-top: 5px;
	font-family: Arial;
	color: black;  
}

#mainContent #slideshowContainer #share #sharedlBox form textarea {
	width: 300px;
	height: 50px;
	margin-top: 5px;
	font-family: Arial;
	color: black;
}

#mainContent #slideshowContainer #share #sharedlBox form button {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #c0c0c0;
    border-radius: 9px;
    color: black;
    float: right;
    font-weight: bold;
    margin: 10px auto;
    width: 100px;
}

/* end for share download */

/* share collage */
#mainContent #slideshowContainer #share #sharePictureBox {
	position: relative;
	left: -66px;
}

#mainContent #slideshowContainer #share #sharePictureBox .sub {
	background: none repeat scroll 0 0 #545454;
	border: black;
	color: white;
	position: absolute;
	right: -352px;
	bottom: 0;
	padding: 6px 10px 0px 10px;
	border: 1px solid black;
	display: none;
}

#mainContent #slideshowContainer #share #sharePictureBox .sub .needed {
	position: absolute;
    right: 40px;
	margin-top: 6px;
}

#mainContent #slideshowContainer #share #sharePictureBox .ziphidden {
	display: none;
}

#mainContent #slideshowContainer #share #sharePictureBox .slidehidden {
	display: none;
}

#mainContent #slideshowContainer #share #sharePictureBox .sub p {
	position: relative;
	max-width: 330px;
	white-space: normal;
	text-align: left;
	line-height: 17px;
}

#mainContent #slideshowContainer #share #sharePictureBox .content.active {
	background: #545454;
}

#mainContent #slideshowContainer #share #sharePictureBox .zip, #mainContent #slideshowContainer #share #sharePictureBox .video { 
	position: relative;
}

#mainContent #slideshowContainer #share #sharePictureBox .zip:hover > .sub, #mainContent #slideshowContainer #share #sharePictureBox .video:hover > .sub {
	display: block;
}

#mainContent #slideshowContainer #share  #sharePictureBox .content {
	color: black;
	padding: 7px 0 7px 6px;
	text-align: left;
	color: white;
}

#mainContent #slideshowContainer #share  #sharePictureBox .content:hover {
	cursor: pointer;
}

#mainContent #slideshowContainer #share #sharePictureBox form {
	
}

#mainContent #slideshowContainer #share #sharePictureBox form .top label, #mainContent #slideshowContainer #share #sharePictureBox form .top input {
	float: left;
} 
#mainContent #slideshowContainer #share #sharePictureBox form .top label {
	float: left;
	width: 70px;
	display: block;
	margin-top: 5px;
	text-align: left;
}

#mainContent #slideshowContainer #share #sharePictureBox form .top input[name='name'] {
	margin-left: 5px;
}

#mainContent #slideshowContainer #share #sharePictureBox form .top input[name='email'] {
	width: 211px;
}

#mainContent #slideshowContainer #share #sharePictureBox form .top input  {
	width: 100px;
}

#mainContent #slideshowContainer #share #sharePictureBox form .bottom {
	margin-top: 10px;
}

#mainContent #slideshowContainer #share #sharePictureBox form .bottom input  {
	width: 300px;
}
#mainContent #slideshowContainer #share #sharePictureBox form input.invalidInput {
	border: 2px solid red;
}

#mainContent #slideshowContainer #share #sharePictureBox form input {
	border: 1px solid #c0c0c0;
	padding: 2px;
	margin-top: 5px;
	font-family: Arial;
	color: black;  
}

#mainContent #slideshowContainer #share #sharePictureBox form textarea {
	width: 300px;
	height: 50px;
	margin-top: 5px;
	font-family: Arial;
	color: black;
}

#mainContent #slideshowContainer #share #sharePictureBox form button {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #c0c0c0;
    border-radius: 9px;
    color: black;
    float: right;
    font-weight: bold;
    margin: 10px auto;
    width: 100px;
}


/* end for share collage */

#mainContent #slideshowContainer #share .shareBox > div {
	background: #909090;
	padding: 2px 0px 2px 0px;
	color: white;
}


#mainContent #slideshowContainer #share .shareBox .closeButton {
	text-align: right;
	margin: 0px 1px 2px 0px;;
}

#mainContent #slideshowContainer #share .shareBox input, #mainContent #slideshowContainer #share .shareBox textarea {
	font-size: 10px;
	color: #888888;
	width: 300px;
}

#mainContent #slideshowContainer #share .shareBox .emailButton {
	height: 22px;
}

#mainContent #slideshowContainer #share #shareEmailBox .emailButton a {
	display: block;
	width: 74px;
	height: 17px;
	float: right;
	background-image: url('http://www.kizoa.jp/images/envoyer.png');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 3px;
	margin: 2px 2px 0px 0px;
	color: white;
	text-decoration: none;
}

#mainContent #slideshowContainer #share #shareEmailBox .emailButton a:hover {
	background-position: left -20px;
}

#mainContent #slideshowContainer #share #shareEmailBox .emailButton a:active {
	background-position: left -40px;
}

#mainContent #rightSide {
	width: 309px;
	float: right;
}

#mainContent #rightSide #rightBoxContent {
	width: 309px;
	height: 335px;
}

#mainContent #rightSide #rightBoxContent > div {
	width: 300px;
	height: 328px;
	background-color: #404040;
	overflow: hidden;
}

#mainContent #rightSide #FBLikeBox {
	width: 309px;
	height: 220px;
}

#commentsContent {
	width: 1002px;
	color: white;
	margin: auto auto 60px auto;
	padding-right: 9px;
	z-index: 1;
}

#commentsContent.commentsContentSlim {
	width: 696px;
}

#commentsContent > div {
	width: 1002px;
	padding-top: 8px;
	padding-bottom: 32px;
	background-color: #494949;
}

#commentsContent.commentsContentSlim > div {
	width: 696px;
}

#commentsContent * {
	font-family: sans-serif;
}

#commentsContent #allComments, #commentsContent #commentForm {
	width: 552px;
	margin-left: 59px;
}

#commentsContent #allComments #showHiddenComments {
	height: 15px;
	background-color: #404040;
	padding-left: 9px;
	padding-top: 3px;
	font-weight: bold;
}

#commentsContent #allComments #showHiddenComments a {
	color: white;
	text-decoration: none;
}

#commentsContent #allComments .comment {
	padding: 18px 9px 18px 9px;
	border-bottom: 1px solid #383838;
	font-size: 12px;
	line-height: 16px;
}

#commentsContent #allComments .hiddenComment {
	display: none;
}

#commentsContent #allComments .lastComment {
	border-bottom: none;
}

#commentsContent #allComments .comment p {
	margin-top: 9px;
}

#commentsContent #allComments .comment .commentName {
	font-weight: bold;
	margin-top: 0px;
}

#commentsContent #allComments .comment .commentDate {
	font-size: 9px;
}

#commentsContent #commentForm {
	margin-top: 0px;
}

#commentsContent #commentForm * {
	font-size: 12px;
}

#commentsContent #commentForm #commentFormArea #commentFormTA, #commentsContent #commentForm #commentFormPublishLine #commentFormName {
	border: none;
	background-color: #6d6b6c;
	color: white;
	padding: 1px 9px 1px 9px;
}

#commentsContent #commentForm #commentFormArea #commentFormTA {
	width: 534px;
	height: 98px;
	overflow: auto;

}

#commentsContent #commentForm #commentFormPublishLine {
	text-align: right;
	margin-top: 9px;
}

#commentsContent #commentForm #commentFormPublishLine #commentFormName {
	width: 198px;
	height: 16px;
}

#commentsContent #commentForm #commentFormPublishLine #commentFormPublishButton {
	display: block;
	width: 108px;
	height: 15px;
	padding-top: 3px;
	text-align: center;
	color: white;
	text-decoration: none;
	float: right;
	margin-left: 9px;
	background-image: url('http://www.kizoa.jp/images/button_commentaire.png');
	background-position: left top;
	background-repeat: no-repeat;
}

#commentsContent #commentForm #commentFormPublishLine #commentFormPublishButton:hover {
	background-position: left -21px;
}

#commentsContent #commentForm #commentFormPublishLine #commentFormPublishButton:active {
	background-position: left -42px;
}

#footer {
	width: 1002px;
	margin: auto;
	padding-right: 9px;
}

#footer.footerSlim {
	width: 692px;
	padding-right: 9px;
}

#footer > div {
	width: 1002px;
	height: 63px;
	background-color: #494949;
	padding-bottom: 18px;
}

#footer.footerSlim > div {
	width: 696px;
}

#footer #footerLogo {
	width: 242px;
	height: 61px;
	padding-top: 2px;
	background-image: url('http://www.kizoa.jp/images/footer_droit.png');
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
}

#footer #footerLogo a {
	margin: 4px 0px 0px 7px;
	text-decoration: none;
	background-position: left -57px;
}

#footer #footerAbuse {
	width: 691px;
	height: 26px;
	padding-top: 10px;
	margin-top: 27px;
	background-color: #0e707d;
	padding-left: 69px;
	float: left;
}

#footer.footerSlim #footerAbuse {
	width: 622px;
}

#footer #footerAbuse a {
	color: white;
	text-decoration: none;
}

.rightpad {
	width: 268px;
	height: 169px;
	padding-left: 32px;
	padding-top: 48px;
	padding-bottom: 0px;
	background-color: #404040;
}
.nbviews {
	color: white;
	font-size: 16px;
	font-weight:bold;
	padding-top: 60px;
}
.bottompad {
	width:636px;
	padding-left:60px;
	padding-top:0px;
	padding-bottom:32px;
}

.nbviews2 {
	float: right;
	color: white;
	font-size: 14px;
	font-weight:bold;
	padding-right: 60px;
}
.fb-like {
	float: left;
}
.twtbtn {
	float: left;
	padding-left: 16px;
}