/*
Theme Name: Zenhysteria v2
Theme URI: http://wordpress.org/
Description: Zenhysteria
Version: 2.0
Author: Thomas di Luccio
Author URI: http://zenhysteria.fr/


*/
body{width:100%;margin:0px;font-family:helvetica;border-top:2px solid #ca064b;}

a img {border-width:0px;}
a, a:visited {color:#333;text-decoration:none;font-weight:bold;}
a:hover {color:#ca064b;}

#logo {position:absolute;width:351px;height:85px;left:0px;top:10px;}

#page {width:1000px;margin-left:auto;margin-right:auto;background-color:#fefefe;position:relative;}
#header {width:100%;position:relative;height:100px;background-image:url('images/logo-zh-designpar_web2.png');background-repeat:no-repeat;background-position:10px left;}
#header #minifast{position:absolute;top:10px;right:113px;text-align:right;color:#666;font-size:11px;font-weight:bold;width:100%;}
#header #minifast a, #header #minifast a:visited{padding:3px 5px 3px 5px;color:#666;text-decoration:none;background-color:none;}
/*#header #minifast a:hover{background-color:#ca064b;color:#fff;}*/

#zone1 {width:100%;position:relative;margin-top:15px;}
#zone1 table {width:100%;}
#zone1 table td{background-color:#fff;text-align:left;vertical-align:top;}
#zone1 .pitch {font-size:13px;font-weight:normal;color:333;line-height:19px;}
#zone1 .pitch strong {color:#ca064b;}
#zone1 .pitch h1 {font-family:'helvetica';font-weight:900;font-size:20px;color:#444;line-height:24px;margin-top:0px;}
#zone1 .pitch h1 strong {color:#222;}
#zone1 .pitch p {margin:0px;margin-bottom:10px;}

#zone2 {width:100%;position:relative;height:250px;margin-top:20px;}
#PortDisplay {width:800px;height:100%;position:absolute;left:000px;top:0px;background-color:#fff;}
.PortInner {width:100%;height:100%;position:absolute;left:95px;top:0px;background-color:#fff;color:#fff;visibility:hidden;}
.PortInner a {height:250px !important;display:block;}
.PortInner a img {position:relative;}
/* VERSION 1
#PortCommand {width:200px;height:100%;position:absolute;left:800px;top:0px;background-color:#222;}
#PortTable {width:100%;height:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#PortTable td {background-color:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;cursor:pointer;font-size:16px;font-weight:bold;font-variant:small-caps;color:#333;}
#PortTable td.thover {background-color:#666;color:#fff;}
#PortTable td.thover2.thover {background-color:#ca064b;background-image:url('images/triangle.png');background-position:center right;background-repeat:no-repeat;}*/
#PortCommand {width:10px;height:100%;position:absolute;left:895px;top:0px;background-color:#222;}
#PortTable {width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#PortTable td {background-color:#eee;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;cursor:pointer;font-size:16px;font-weight:bold;font-variant:small-caps;color:#333;}
#PortTable td.thover {background-color:#666;color:#fff;}
#PortTable td.thover2.thover {background-color:#ca064b;}


#zone3.une {width:100%;position:relative;height:150px;background-color:#fff;margin-top:20px;margin-bottom:15px;}
#zone3.une table {width:100%;}
#zone3.une table td{background-color:#fff;padding:0px 3px 0px 3px;width:200px;text-align:center;vertical-align:top;}
#zone3.une table td div.cubein {font-size:11px;font-weight:bold;color:#303030;padding:7px 15px 15px 15px;text-align:center	;height:140px;position:relative;overflow:hidden;}
#zone3.une table td div.cubein img {width:164px;height:30px;background-position:bottom center;background-repeat:no-repeat;}
#zone3.une table td div.cubein ul {margin:0px;padding:0px;margin-top:5px;font-weight:normal;list-style:none;}
#zone3.une table td div.cubein ul li a, #zone3.une table td div.cubein ul li a:visited {color:#303030;text-decoration:none;}
#zone3.une table td div.cubein ul li a:hover {text-decoration:underline;}

#zone3.une table td.thover {}
#zone3.une table td.thover div.cubein {color:#fff;background-color:#ca064b;}
#zone3.une table td.thover div.cubein img {background-position:top center;background-repeat:no-repeat;}
#zone3.une table td.thover div.cubein ul {}
#zone3.une table td.thover div.cubein ul li a, #zone3.une table td.thover div.cubein ul li a:visited {color:#fff;text-decoration:none;}
#zone3.une table td.thover div.cubein ul li a:hover {text-decoration:underline;}

.zone.une {width:100%;position:relative;background-color:#fff;}
.tbsumblog {width:100%;margin-top:5px;}
.tbsumblog td {width:50%;vertical-align:top;}
.tbsumblog .znart {width:480px;background-color:#fff;margin-top:20px;margin-bottom:20px;height:100%;}
.tbsumblog .znart.znart1 {margin-left:20px;}
.tbsumblog .znart.znart0 {margin-right:20px;}
.tbsumblog .znart .date {font-size:12px;font-weight:bold;color:#222;}
.tbsumblog .znart .date a {font-size:10px;}
.tbsumblog .znart .titre a {font-size:13px;font-weight:normal;}
.tbsumblog .znart .titre a, #tbsumblog .znart .titre a:visited {color:#ca064b;font-weight:bold;}
.tbsumblog .znart .titre a:hover {text-decoration:underline;}
.tbsumblog .znart .cat a {font-size:11px;font-weight:normal;font-style:italic;color:#555;}
.tbsumblog .znart .art {font-size:11px;line-height:17px;text-align:left;margin-top:5px;}
.tbsumblog .znart .artsuite {text-align:right;}
.tbsumblog .znart .artsuite a, .tbsumblog .znart .artsuite a:visited {font-size:10px;font-weight:bold;font-style:italic;color:#ca064b;}
.tbsumblog .znart .artsuite a:hover {text-decoration:underline;}
.unefil {width:400px;height:1px;border-bottom:solid 1px #eee;margin:0px auto 0px auto;}
.unefil2 {width:980px;height:1px;border-bottom:solid 1px #eee;margin:0px auto 0px auto;}


.twitt {font-size:11px;}
.twitt .twittTime, .twitt .twittTime a, .twitt .twittTime a:visited{color:#ca064b;font-weight:bold;text-decoration:none;}
.twitt .twittTime a:hover {text-decoration:underline;}
.twitt .twittStatus, .twitt .twittStatus a, .twitt .twittStatus:visited{font-weight:normal;color:#303030;text-decoration:none;}
.twitt .twittStatus a:hover {text-decoration:underline;}

#sidebar {width:200px;vertical-align:top;}
#sidebar .sidelmnt {width:180px;padding:7px 10px 3px 10px;/*background-image:url('images/colblog-top.png');background-repeat:no-repeat;*/;background-color:#fff;margin:0px;font-size:11px;color:#444;}
#sidebar .sidelmntBottom {width:200px;height:6px;/*background-image:url('images/colblog-bottom.png');background-repeat:no-repeat;*/;background-color:#fff;margin-bottom:20px;}
#sidebar .sidelmnt h2 {text-align:center;font-size:15px;font-weight:bold;margin-top:0px;margin-bottom:5px;}
#sidebar .sidelmnt h2.pagetitle {margin-bottom:0px;background-color:#ca064b;color:#fff;}
#sidebar .sidelmnt.pagetitle, #sidebar .sidelmntBottom.pagetitle {background-color:#ca064b;}

#sidebar .sidelmnt ul {margin:0px;padding:0px;text-align:left;}
#sidebar .sidelmnt li {list-style:none;margin-bottom:1px;}
#sidebar .sidelmnt li a, #sidebar .sidelmnt li a:visited {color:#555;text-decoration:none;font-weight:normal;display:run-in;padding:2px 2px 2px 5px;}
#sidebar .sidelmnt.red li a, #sidebar .sidelmnt.red li a:visited {color:#ca064b;text-decoration:none;font-weight:normal;}
#sidebar .sidelmnt.red h2 {color:#ca064b;}
/*#sidebar .sidelmnt li:before {content:"_";}*/
#sidebar .sidelmnt li a:hover, #sidebar .sidelmnt.red li a:hover {background-color:#777;color:#fff;text-decoration:none;}

#sidebar .sidesplit {width:170px;height:1px;border-top:1px solid #ddd;margin:0px 5px 5px 5px;}

#sidebar #zonebt {width:200px;margin-bottom:20px;padding:0px;}
#sidebar #zonebt a.fb img {background-image:url('images/bt_fb.png');}
#sidebar #zonebt a.tw {margin-left:13px; margin-right:13px;}
#sidebar #zonebt a.tw img {background-image:url('images/bt_tw.png');}
#sidebar #zonebt a.rss img {background-image:url('images/bt_rss.png');}
#sidebar #zonebt a img, #sidebar #zonebt a:visited img {width:54px;height:54px;background-position:bottom;background-repeat:no-repeat;border-width:0px;margin:0px;padding:0px;}
#sidebar #zonebt a:hover img {background-position:top;}
#sidebar .sidelmnt.sidesearch {margin-top:-10px;margin-bottom:-10px;}

#content {width:660px;font-size:12px;margin-right:60px;margin-left:00px;}
#content.une {margin:20px auto 0px auto;}
.entryLeft {vertical-align:top;text-align:right;padding-right:15px;text-align:right;width:125px;color:#555;font-size:11px;}
.entryLeft a, .entryLeft a:visited {color:#555;text-decoration:none;font-weight:bold;}
.entryLeft a:hover {color:#ca064b;}
.entryLeft .postnumber{
	position:relative;margin-left:34px;
	height:43px;width:89px;padding:0px;
	background-color:#ca064b;color:#fff;
	font-size:17px;font-family:helvetica;text-align:center;font-weight:500;
	
	background-color:#777;color:#fff;
}
.entryLeft .postnumber.bigsearch {font-size:40px;}
.entryLeft .postnumber.pagezh {background-image:url('images/logo-blanc-43.png');background-position:bottom center;background-repeat:no-repeat;}

.entryLeft .postnumber .postyear{position:absolute;left:55px;top:24px;font-size:12px;}
.entryLeft .postnumber .postday{position:absolute;left:06px;top:00px;font-size:38px;}
.entryLeft .postnumber .postmonth{position:absolute;left:55px;top:3px;font-size:17px;}

.entryLeft .gotwitter {font-size:10px;}
.entryLeft .gotwitter .twittArrow {font-size:10px;position:relative;top:1px;font-weight:normal !important;}



.entryRight {width:506px;}
.post table td {vertical-align:top;}
.post {margin-bottom:35px;margin-top:10px;}
.post  h2 {margin-top:0px;}
.post  h2, .post  h2 a, .post  h2 a:visited {color:#ca064b;text-decoration:none;font-size:19px;}
.post  h2 a:hover {color:#ca064b;text-decoration:underline;}
.post .entry a, .post .entry  a:visited {color:#222;text-decoration:none;font-weight:bold;}
.post  .entry a:hover {color:#ca064b;}

.post .entry {font-size: 1.1em;line-height:1.55em;text-align:justify;color:#222;font-family:helvetica;}

.comment {margin-bottom:10px;}
.comment h2 {margin:0px;text-align:right;color:#ca064b;}
.comment .entryLeft , .comment .entryRight {vertical-align:top;}
table.comment td.entryLeft {padding-right:15px;text-align:right;width:125px;}
table.comment td.entryRight {background-color:#eee;color:#222;padding:5px;margin:0px;vertical-align:top;}
table.comment td.entryRight p {margin-top:0px;}
.comment .entryLeft a, .comment .entryLeft a:visited {color:#333;text-decoration:none;}
.comment .entryLeft a:hover {color:#ca064b;}
.comment .entryRight a, .comment .entryRight a:visited {color:#111;text-decoration:none;}
.comment .entryRight a:hover {color:#ca064b;text-decoration:underline;}
h3#comments, h3#respond {color:#ca064b;font-size:16px;margin-top:15px;margin-bottom:5px;}
#commentform input[type=text], #commentform textarea {background-color:#eee;color:#333;font-size:11px;padding:2px;border-width:0px;}
#commentform input[type=text]:hover, #commentform textarea:hover {background-color:#ca064b;color:#fff;}
#commentform label {color:#333;}

#searchform input[type=text],#searchform2 input[type=text] {width:165px;background-color:#eee;padding:3px 4px 3px 4px;/*background-image:url('images/bg_search.png');padding:3px 4px 3px 20px;*/border-width:0px;outline: none;color:#333;background-repeat:no-repeat;}
#searchform2 input[type=text] {background-image:url('images/bg_search2.png');}
#fbform input[type=text] {width:165px;background-color:#eee;/*background-image:url('images/bg_sub.png');*/padding:3px 4px 3px 4px;border-width:0px;outline: none;color:#333;background-repeat:no-repeat;}
#searchform input[type=text] {color:#666;font-size:11px;font-weight:bold;width:100px;opacity:1;}
#searchform input[type=text]:hover {background-color:#ca064b;color:#fff;}
#searchform {position:absolute;right:0px;top:3px;}


.wiewer {text-align:center;width:100%;}
.pageportfolio .wiewer {text-align:left;}
a.phot img {border:4px solid #fff;background-color:#eee;padding:4px;margin:1px;}
a.phot:hover img {border-color:#ca064b;}

#footer {width:100%;position:relative; top:10px;margin-bottom:5px;color:#fff;font-size:11px;text-align:left;background-color:#ca064b;padding:2px;}

.navigation {padding:0px;width:506px;position:relative;margin-left:150px;margin-top:0px;position:relative;}
.navigation a, .navigation a:visited {padding:5px 7px 5px 7px;background-color:#ddd;text-decoration:none;color:#444;font-size:11px;font-weight:bold;}
.navigation a:hover {background-color:#ca064b;color:#fff;}
.navigation div.alignleft, .navigation div.alignright {margin-bottom:20px;}
.navigation div.alignright {float:right;}
.navigation div.alignleft {float:left;}

blockquote {font-size:10px;background-color:#eee;border:1px solid #ddd;width:92%;margin:0px auto 0px auto;padding:0px 8px 0px 8px;}


