/*
Theme Name: Hybrid
Theme URI: http://themehybrid.com/themes/hybrid
Description: A WordPress theme framework.
Version: 0.3.3
Author: Justin Tadlock
Author URI: http://justintadlock.com
Tags: Filters, Framework, Gravatars, Hooks, SEO, Theme Options, Three Columns, Two Columns, Valid XHTML, Valid CSS, Widgets
*/

/*
* License: GNU GPL
* Copyright (c) 2008 Justin Tadlock
*/

/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0; }
img{border:none; }
a{ color:#000;text-decoration:none; }
a:hover{text-decoration:none; }
hr{display:none; }
li{list-style-type:none;list-style-position:outside; }
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/


/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0; display:block; }
.right, .right_2{float:right; }
.left, .left_2{float:left; }
.center{text-align:center;display:table;margin-left:auto;margin-right:auto; }

/* bordure */
.no_border{border:none; }

/* centrage txt*/
.txt-c{text-align:center; }
.txt-l{text-align:left; }
.txt-r{text-align:right; }
.txt-j{text-align:justify; }

/* alignement vertical */
.valign-t{vertical-align:top; }
.valign-m{vertical-align:middle; }
.valign-b{vertical-align:bottom; }

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px; }

.mar_top_5 { margin-top:5px; }
.mar_top_10 { margin-top:10px; }
.mar_top_20, .corp p.mar_top_20 { margin-top:15px; }
.mar_top_25 { margin-top:25px; }


@font-face { font-family: AvantGardeBk; src: url("typos/ITCAVAN0.eot") ; src: local("AvantGardeBk"), url("typos/ITCAvantGardeStd-Bk.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeMd; src: url("typos/ITCAVAN0.eot") ; src: local("AvantGardeMd"), url("typos/ITCAvantGardeStd-Md.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeDem; src: url("typos/ITCAVAN0.eot") ; src: local("AvantGardeBold"), url("typos/ITCAvantGardeStd-Demi.otf") format("truetype"); /* non-IE */ }
@font-face { font-family: AvantGardeXlt; src: url("typos/ITCAVAN0.eot") ; src: local("AvantGardeXlt"), url("typos/ITCAvantGardeStd-XLt.otf") format("truetype"); /* non-IE */ }



/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

body{text-align:center; height:100%; background: #a4a4a4 url(img/fond-blog.jpg) no-repeat top center fixed; }/**/
*> /**/ body { overflow-x: auto; overflow-y:scroll; } /* firefox*/


#page { margin-left:auto;margin-right:auto;width:750px; background:#fff; margin-top:17px; text-align:left; font: 12px normal Georgia, "Times New Roman", Times, serif; line-height:15px; color:#000;}

.fd p { margin:10px 0 0 0;}


#header { height:125px; background:#000 url(img/logo-blog.gif) no-repeat 477px 12px; margin-bottom:45px;}
#header .logo { padding:57px 0 0 60px;}

#primary { display:block; float:right;width:268px; }
ul.menu  {display:block; }
.widget { margin:0 0 30px 0;}
.widget a:hover { font-weight:bold;}
.widget ul { margin: 15px 0 0 0; }
.widget ul li {margin-top:5px;font:11px normal Arial, Helvetica, sans-serif;}
.widget h3 { background:#000; color:#fff; padding:5px 3px 1px 3px; font: normal 12px AvantGardeMd; text-transform:uppercase; }
.widget-categories h3 { background:#e61473; color:#fff; }
.widget-categories a:hover { color:#E61473; font-weight:bold;}
.widget-archives h3 { background:#23a8e0; color:#fff;}
.widget-archives a:hover { color:#23A8E0;}
.widget_links h3 { background:#000; color:#fff; }


#primary ul.menu li a.dep { margin-top:15px; }
#primary ul.menu li a { display:block; margin-top:4px;color:#000;margin-top:5px;font:11px normal Arial, Helvetica, sans-serif; color:#000;}
#primary ul.categories  li a:hover {font-weight:bold;color:#E61473;}

#primary ul.archives li a:hover { font-weight:bold;color:#23A8E0;}

#primary ul.liens {margin-top:30px;  }
#primary ul.liens li a:hover { font-weight:bold;}

#primary .sep { border-bottom: 1px solid #000; margin:15px 0 15px 0; }
#primary .nav_infos p {font:11px normal  Arial, Helvetica, sans-serif; line-height:14px;}
#primary .nav_infos h3 { font: 20px  Georgia, serif; padding-bottom:4px; padding-top:0px; font-style:italic; background:none; color:#000; }
#primary .nav_infos h4 { font: 14px  Georgia, serif; padding:4px 0 7px 0; font-style:italic; }
#primary .nav_infos a {font-weight:bold;}
#primary .nav_infos a:hover {font-weight:bold;color:#E61473;}



/*commentaire*/
.form_nb .logged-in a { font-weight:bold;}
.form_nb .logged-in a:hover { background-color:#FFFF00;}

.text-input ,
.form-textarea textarea { border:1px solid #ccc; padding:2px; font-size:9px; width:230px; float:right;}
.form_nb label { width:135px; display:block; float:left;}
.form_nb p { clear:both; padding:10px 0 0 0;}
.form_nb p.logged-in { padding-bottom:10px; } 
.submit-comment { margin-bottom:15px;}

.comment-list { padding:0 0 20px 0; clear:both;}
.comment-list li { padding:5px 0 20px 0;margin-top:7px;}
#col_d .comment-list p { padding:5px 0 0 0;}
.comment-list .comment-time { border:none;font:10px bold Arial, Helvetica, sans-serif;color:#666;}
.comment-list .comment-author { display: inline;font:10px bold Arial, Helvetica, sans-serif;color:#666; }
.comment-list .comment-author cite {font-style: normal;}
h3.comments-header {background-color:#E61473; color:#fff; float:left; margin:0 0 4px 0; padding:2px 5px; font-size:13px; }
#reply {font:17px normal  Georgia; font-weight:bold; font-style:italic; padding-bottom:15px; }
.comment-list .comment .comment-author { font-size:10px; font-weight:bold}
.comment-list .comment abbr { color:#000;font-style:italic; font-size:10px;} 



#content { float:left; display:block; width:480px; }

#corp {padding:0px 40px 60px 60px; width:380px;}
#corp .entry-title { font: 22px  Georgia, serif; border-bottom: 1px solid #000; padding-bottom:20px; font-style:italic }

#corp p.note {font:10px  Arial, Helvetica, sans-serif; font-style:italic; padding:15px 0 0 0; }
#corp p.note a {color:#000;font-weight:bold; font-style:normal;}
#corp p.note a:hover { color:#E61473;}

#corp .post .entry p {padding-top:15px;}
#corp .post p.txt a {font-weight:bold;}
#corp .post p.txt a:hover { color:#E61473; }

#corp .post p.comment {font:10px  Arial, Helvetica, sans-serif; font-style:italic;padding-top:0; }
#corp .post p.comment a { color:#000;font-weight:bold; font-style:normal;}
#corp .post p.comment a:hover { color:#E61473; }
#corp .post p .fleche-rose { color:#E61473;font-weight:bold; font-size:11px; }

#corp img.post {margin-top:15px;}

#corp .post { border-bottom: 1px solid #000; padding:0 0 15px 0; margin:0 0 45px 0; }



.author-title  { font: 13px  Georgia, serif; float:left; padding-bottom:2px; font-style:italic; font-weight:bold; border-bottom:1px dashed #000000;  color:#000000;margin-bottom:32px;}
.category-title { font: 13px  Georgia, serif; float:left; padding-bottom:2px; font-style:italic; font-weight:bold; border-bottom:1px dashed #E61473;   color:#E61473;margin-bottom:32px;}
.date-title	{ font: 13px  Georgia, serif; float:left; padding-bottom:2px; font-style:italic; font-weight:bold; border-bottom:1px dashed #23A8E0;  color:#23A8E0; margin-bottom:32px;}