/*
Theme Name: webochronik 2.0
Theme URI: http://www.webochronik.fr
*/
/*---------------------------GESTION PAGE WEB----------------------------*/
body{font-family: Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 0.8em;text-align: left;color: #FFA500;margin: 0;background: #465A81;}
a {color: #000;text-decoration: none;}
a:hover {color: #FFA500;text-decoration: none;}
.wrapf {margin: 0 auto;width: 1000px;}
#page {background: #FFFFFF;margin: 0 auto 0 auto;width: 1000px;}
/*---------------------------GESTION HEADER------------------------------*/
#header {font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;float: left;background-image: url(images/hat-bg3.jpg);background-repeat: no-repeat;width: 1000px;height:220px;}
#header a {display: block;text-align: left;width: 1000px;height: 155px;cursor: pointer;text-decoration: none;}
#header h1 {text-indent:-5000px;padding: 0 20px 0 0;font-size: 2em;text-align: left;/* pour IE6 */_margin: -200px;}
#header p {padding: 0 20px 0 0;font-size: 1em;text-align: left;}
/*---------------------------GESTION CONTENU-----------------------------*/
#contentWrapper {float: left;background:#fff url(images/stom-bg3.gif) repeat-y;position: relative;width:1000px;}
#content {float: left;width: 525px;margin: 0px 0px 0px 0px;display: inherit;padding : 0px 20px 10px 20px;/* pour IE6 */_padding : 0px 20px 0px 20px;_margin-right: -200px;}
.date {font-size: 1.4em;font-weight: bold;margin: -15px 0px 0px 0px;padding: 15px 0 5px 0;color: #FFA500;}
#content h2 {margin: 0px 0px 0px 0px;padding: 0px 0 0 0;font-size: 25px;}
#content h2 a:hover{color: #555;}
#content h3 {color:#000;font-weight: bold;font-size: 1.2em;text-align: justify;}
.categorie {font-size: 1em;color: #999;padding: 0 0 0px 0;}
.commentaire {float: right;font-size: 1em;color: #999;padding: 0 0 10px 0;/* pour IE6 */_padding: 0 0 10px 0;_margin: 0px;}
.post_content {border-bottom: 1px double #FFA500;font-size: 1em;color: #000;padding: 0 0 20px 0;margin: 0px 0px 15px 0px;}
.post_content a {color: #006699;}
.post_content a:hover {color: #FFA500;}
/*---------------------------GESTION SIDEBAR-----------------------------*/
#sidebar {width: 428px;float: right;position: relative;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;display: inherit;}
/*---------------------------SIDEBAR 0-----------------------------------*/
.sidebar0 {width: 280px;float: left;position: relative;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-right: 0px;margin-top: 0px;display: inherit;background-color: transparent;}
/*---------------------------About Panel -----------------------------------*/
.about-all {font-family: Trebuchet MS, Arial, Hevletica, Sans-serif; font-size: 1em;width: 327px;height:140px;text-align: left;color: #FFA500; margin: 0px 0px -36px -60px;padding: 0px;/* pour IE7 */.margin: 0px 0px -20px -60px;/* pour IE6 */_margin: 0px 0px -20px -50px;}
/*.about h2 { color:#fff;font-size: 1em;}*/
.sidebar0 ul{color: #FFA500;list-style-type: none;margin: 0;padding: 0 20px;}
.sidebar0 h2 {font-size: 1.1em;color: #fff;padding: 0 10px;margin: 12px 10px 1px -5px;}
.sidebar0 a {font-size: 12px;color: #FFA500;text-decoration: none;}
.sidebar0 a:hover {color: #000;text-decoration: none;}
/*---------------------------Pub Adsense side0-----------------------------------*/

/*---------------------------Syndication-----------------------------------*/
.email {position: relative;float: left;width: 280px;height: 40px;background: url(images/email.png);background-color: transparent;margin: 0px 0px 0px -40px;}
.rss {position: relative;float: left;width: 280px;height: 40px;background: url(images/rssA.png);background-color: transparent;margin: 0px 0px 0px -40px;}
.twitter {position: relative;float: left;width: 280px;height: 40px;background: url(images/twitter.png);background-color: transparent;margin: 0px 0px 0px -40px;}
/*---------------------------SIDEBAR 1-----------------------------------*/
.sidebar1 {position: relative;float: right;width: 130px;background: url(images/hautside1.gif) no-repeat top;margin: 9px 9px 20px 0px;background-color: transparent;padding: 0px 0px 0px 0px;/* pour IE7 */.margin: 9px 9px 20px 0px;.padding: 5px 0px 0px 0px;/* pour IE6 */_margin: 9px 0px 20px 0px;}
.sidebar1 ul{color:#fff;list-style-type: none;margin: 0px;padding: 0 8px;}
.sidebar1 h2 {font-size: 1em;color: #FFA500;padding: 0px 0px 0px 8px;margin: 6px 0px 3px 0px;/* pour IE7 */.margin: 10px 0px 10px 0px;}
.sidebar1 a {font-size: 1em;color: #fff;text-decoration: none;padding: 0px 0px;}
.sidebar1 a:hover {color: #006699;text-decoration: none;}
.middleside1 {width: 130px;background: url(images/middleside1.gif);margin: 0px; padding: 0px;}
.bottomside1 {background: url(images/bottomside1.gif) no-repeat bottom;width: 130px;}
/*---------------------------SIDEBAR 2-----------------------------------*/
.sidebar2 {position: relative;float: left;width: 291px;background: url(images/hautside2.gif) no-repeat top;margin: 9px 0px 0px -11px;background-color: transparent;padding: 0px 0px 0px 0px;/* pour IE6 */_margin: 9px 0px 0px -3px;/* pour IE7 */.padding: 5px 0px 0px 0px;}
.sidebar2 ul{list-style-type: none;margin: 0px 0px 6px 0px;padding: 0px 7px 1px 7px;color:#fff;}
.sidebar2 h2 {font-size: 1em;color: #FFA500;padding: 0 10px;margin: 6px 0px 3px 0px;}
.sidebar2 a {font-size: 1em;color: #fff;text-decoration: none;}
.sidebar2 a:hover {color: #006699;text-decoration: none;}
.middleside2 {width: 291px;background: url(images/middleside2.gif) repeat-y;margin-bottom: 0px;}
.bottomside2 {background: url(images/bottomside2.gif) no-repeat bottom;width: 291px;margin: 0px 0px;display: inherit;}
/*---------------------------GESTION FOOTER------------------------------*/
#footer {float: left;background-image: url(images/footer.jpg);background-repeat: no-repeat;font-size: 11px;padding: 15px 10px 0 120px;clear: both;width: 1000px;height:67px;/* pour IE7 */.height:55px !important;/* pour IE6 */_margin-right: -200px;}
#footer p{text-align: left;font-size: 0.9em; color: #fff;padding: 0 10px 20px 0;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {color: #FFA500;text-decoration: none;}
/*---------------------------GESTION COMMENTAIRES------------------------*/
.comments-template{margin: 10px 0 0 0;}
.comments-template ol{width: 500px;margin: 10px;padding: 0 0 0 15px;list-style: none;}
.comments-template ol p{font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;font-size: 1em;color: #000;margin: 15px 10px 10px 10px;padding: 5px 5px 5px 5px;/* pour IE7 */.margin: 30px 10px 10px 10px; }
.comments-template ol li{width: 450px;margin: 10px 0 10px 0;line-height: 15px;padding: 15px 10px 10px 10px;border: 1px solid #60636B;font-size: 1em;}
.comments-template h2, .comments-template h3{color:#000;font-weight: bold;font-size: 1.2em;text-align: justify;}
.commentmetadata{color:#000;font-size: 1.1em ;}
.commentmetadata2{color:#000;font-size: 1.2em ;} 
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;font-size: 0.9em;}
.cadre_commentaires {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.odd {background-color: #FFCC99;}
.comments-template cite{font-family: Arial, Hevletica, Sans-serif;font-style:normal; font-size: 1.3em;/* pour IE7 */.padding: 0px 70px; }
.even {background-color: #808FAD;}
.even a{text-decoration:underline; color: #FFF;}
.even a:hover{text-decoration:underline;color: #000;}
.alt {background-color: #60636B;color: #FFA500;}
.alt a{text-decoration:underline;color: #FFF;}
.alt a:hover{text-decoration:underline;color: #6495ED;}
.avatar {float: left; margin: 5px 15px 5px 5px;border: 1px solid #fff;}
.number  {float: right;font-size: 0.9em;text-decoration: none;color: #fff;}
.comment_author_link {font-size: 1.5em;}
.commentlist blockquote {border-bottom:1px dashed #CCCCCC;border-top:1px dashed #CCCCCC;color:#666666;font-size:11px;font-style:italic;margin:1px;padding:2px 10px;font-family: Georgia, serif;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #dedede;border: 1px solid #333;padding: .2em;margin: 0 0 0.5em 0;}
/*---------------------------NAVIGATION--------------------------------*/
#navbar {display: block;float: left;margin-left: 20px;margin-top: 160px;margin-right: 20px;width: 1000px;position:absolute;}
#nav2 {font-size:1.1em ;}
#nav2, #nav2 ul {list-style: none;float: left;padding: 10px 0px 0px 0px;width: 650px;margin: 0;}
* html #navbar {margin-left: 10px;margin-right: 30px;}
#nav2 a ,#nav2 a:hover{display: block;text-decoration: none;border:none;}
#nav2 li {float: left;list-style:none;border-right:0px solid #777;}
#nav2 a,#nav2 a:visited {color: #f5f5f4;padding:6px 10px 6px 10px;}
#nav2 a:hover, #nav2 a:active{color: #FFA500;text-decoration:none;}	
/*---------------------------SEARCH--------------------------------*/
a.main:hover{background:none;}
#searchform {float:right;text-align:right;margin: 0px 0px 0px 0px;padding: 2px 20px 0px 0px;width: 250px;/* pour IE7 */.padding: 2px 40px 0px 0px;}
#searchsubmit {/* pour IE7 */.width: 40px;.height: 24px;.margin: 0px; .padding: 0px;}
/*---------------------------Share--------------------------------*/
.share {text-align: justify;}