/* @override http://www.sutio-beecom.com/blog/wp-content/themes/blog_studio-beecom/style.css */

/*
Theme Name: blog studio beecom.fr
Theme URI: http://www.studio-beecom.com
Description: Theme cree par benoit thibaudeau pour www.studio-beecom.com
Version: 0.1
Author: Benoit Thibaudeau
 
Creation Theme by Benoit Thibaudeau || http://www.informatique-moins-cher.com
*/

/*- Page Structure */

html { /* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
}

* { padding: 0;
	 margin: 0;
	}

img { border: 0; }

body {
	background: #bfb7aa url('images/font_blog.jpg') repeat fixed;
	font: 11px Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	}

#page {
	margin: 0 auto;
	padding: 0px 0 0px;
	position: relative;
	width: 1060px;
   min-height:728px;
   background: #FFFFFF;
   padding-left:100px;
	background: transparent url('images/over_page.png') repeat-y center;
	}

* html #page { width: 1060px } /* IE hack */




a {
	font-style:normal;
	color:#baa388;
}
a:link {
	color:#baa388;
	text-decoration:none;
}
a:visited {
	color:#baa388;
	text-decoration:none;
}
 a:hover {
	color:#baa388;
	text-decoration:underline;
}



/*=============================================================================
      Le header des pages. 
  =============================================================================*/
#header {
	position: relative;
	height: 625px;
	width: 960px;
	}

#header_logo_1{ width:959px; height:208px; background: url('images/logo_blog_haut.png') no-repeat; margin-left:2px;}
#header_logo_2{ width:959px; height:338px; background: url('images/logo_blog_milieu.gif') no-repeat; margin-left:2px;}
#header_logo_3{ width:959px; height:79px; background: url('images/logo_blog_bas.png') no-repeat; margin-left:2px;}

   /* 
      Permet d'afficher le logo du site en haut � gauche
      Sous forme de lien.
   */
      /* Par defaut */
      #header h1 a{
               background: url('images/logo_blog_haut.png') no-repeat;
               height: 208px;
               width: 960px;
               text-align:center;
               float:left;
               padding-top:0px;
               margin-left:0px;
         }
      
      /* 
         Quand la souris passe sur le logo 
         Je le garde car en chageant l'image ici cela permet
         le cas echeant de modifier l'aspectdu logo quand la 
         souris passe dessus
      */
      #header h1 a:hover{
               background: url('images/logo_blog_haut.png') no-repeat;
               height: 208px;
               width: 960px;
               text-align:center;
               float:left;
               padding-top:0px;
               padding-left:0px;
         }

/*=============================================================================
      Le menu du haut de la page
  =============================================================================*/

      #menu_haut {
               height:44px;
               width:960px;
               padding-top:28px;
               text-align:center;
            	font: 12px Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
               color:#7f7154;
      }

      /************************************************
      *	Navbar      								*
      ************************************************/
      
         #navbar {
            background: transparent;
            width: 960px;
            height: 44px;
            font-size: 9px;
            font: 18px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #7f7154;
            font-weight: bold;
            font-style: italic;
            margin: 0px auto 0px;
            padding-left: 248px;
         }
         
         #nav {
            margin: 0px;
            padding: 0px;
         }
         
         #nav ul {
            float: left;
            list-style: none;
            margin: 0px;
            padding: 0px;
         }
         
         #nav li {
            float: left;
            list-style: none;
            margin: 0px;
            padding-right: 30px;
         }
         
         #nav li a, #nav li a:link, #nav li a:visited {
            color: #7f7154;
            display: block;
            font-weight: bold;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            text-decoration: none;
      	}
         
         #nav li a:hover, #nav li a:active {
            background: #FFFFFF;
            color: #bfb7aa;
         }

         #nav li ul {
            z-index: 9999;
            position: absolute;
            left: -999em;
            height: auto;
            width: 190px;
            margin: 0px;
            padding: 0px;
         }

         #urlprom { 
            position:absolute;
            visibility: hidden; 
            float:left;
            left:0px;
            top:0px;
            width:0px;
            height:0px;
            overflow:hidden;
         }

         #nav li li a, #nav li li a:link, #nav li li a:visited {
            width: 90px;
            background: #e7ddcd;
            font: 12px Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #7f7154;
            float: none;
            margin: 0px;
            padding: 1px 10px 1px 10px;
         }
         
         #nav li li a:hover, #nav li li a:active {
            background: #e7ddcd;
            color: #bfb7aa;
            padding: 1px 10px 1px 10px;
         }
         
         #nav li li { }
         
         #nav li ul a { width: 160px;}
         
         #nav li ul a:hover, #nav li ul a:active { }
         
         #nav li ul ul {margin: -30px 0 0 191px;}
         #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;	}
         #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}
         #nav li:hover, #nav li.sfhover { position: static;	}

/*=============================================================================
      Le centre des pages. 
  =============================================================================*/

   #content {
            width:900px;
            margin-left: 30px;
            margin-right:30px;
   }




   .entry_page {
            color: #000000;
            padding: 50px 0px 100px 0px;
            margin: 0px 0px 0px 0px;
            border-bottom: dotted #587A48 1px;
            font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
   }

   .entry_page a { color:#333333; font-style: italic; text-decoration:none; }
   .entry_page a:hover { color:#666666; font-style: italic; text-decoration:underline overline; }

   .entry_page p {
               padding-left: 0px;
               padding-top: 5px;
               padding-bottom: 7px;
   }

   .entry_page h1 {
            color:#7f7155;
            font: 24px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
            padding: 5px 0px 10px 0px;
   }

   .entry_page h1 {
            font: 24px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #7f7154;
            font-weight: bold;
	         padding: 5px 0px 10px 0px;
   }

   .entry_page h2 {
            font: 20px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #d9e23b;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }

   .entry_page h3 {
            font: 18px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #bfb7aa;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }

   .entry_page h4 {
            font: 14px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #000000;
            font-weight: bold;
            text-decoration:underline;
	         padding: 2px 0px 5px 0px;
   }

   .entry_page h5 {
            font: 14px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #bfb7aa;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }





   .entry {
            color: #000000;
            padding: 50px 0px 100px 0px;
            margin: 0px 0px 0px 0px;
/*            border-bottom: dotted #587A48 1px; */
            font: 12px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
   }

   .entry a { color:#333333; font-style: italic; text-decoration:none; }
   .entry a:hover { color:#666666; font-style: italic; text-decoration:underline overline; }

    .entry p {
               padding-left: 0px;
               padding-top: 5px;
               padding-bottom: 7px;
   }

   .entry h1 {
            color:#7f7155;
            font: 24px Arial, Trebuchet MS, Lucida Grande, Verdana, Sans-Serif;
            padding: 5px 0px 10px 0px;
   }

   .entry h1 {
            font: 24px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #7f7154;
            font-weight: bold;
	         padding: 5px 0px 10px 0px;
   }

   .entry h2 {
            font: 20px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #d9e23b;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }

   .entry h3 {
            font: 18px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #bfb7aa;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }

   .entry h4 {
            font: 14px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #000000;
            font-weight: bold;
            text-decoration:underline;
	         padding: 2px 0px 5px 0px;
   }

   .entry h5 {
            font: 14px calibri, Comic Sans MS, Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif;
            color: #bfb7aa;
            font-weight: bold;
	         padding: 2px 0px 5px 0px;
   }

/*=============================================================================
      Le footer des pages. 
  =============================================================================*/




/*****************************************************************************
  **            definition commune et standard � Wordpress                 **
******************************************************************************/


.user { width:650px; float:left;}

.center { text-align: center;  margin-top:5px; margin-bottom:5px;}
.alignright { float: right;  margin-top:5px; margin-bottom:5px;}
.alignleft { float: left;  margin-top:5px; margin-bottom:5px;}


img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding-left: 4px;
   padding-top: 14px;
   padding-bottom: 4px;
   margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding-right: 4px;
   padding-top: 14px;
   padding-bottom: 4px;
	margin: 0 17px 2px 0;
	display: inline;
   }

img.noborder { border: none !important; }


/* ���� legendes ����*/
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}











/*****************************************************************************
  **                      definition dic et commentaires                  **
******************************************************************************/


body.single .entry-comments {
	margin:15px 0 40px 0;
}

.entry-comments {
	clear:both;
}

.entry-comments {
	margin-top:10px;
}

/* self-clearing floats */
.self-clear:after { /* self-clear the float */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .self-clear { /* for IE 5,6 */
	height: 1%;
} 
*:first-child+html .self-clear { /* for IE7 */
	min-height: 1px;
}





.comment-time {
	float:right;
	color:#cccccc;
	margin:0 0 0 10px;
}
.comments-body p, 
.comments-body p a {
	font-size:12px;  
	font-family:Arial, Helvetica, sans-serif;  
	font-style:normal;  
	  
}
.comments-body p {
	 
}
.comments-body p span.comment-author,
.comments-body p.alt span.comment-author,
.comments-body p a:link,
.comments-body p.alt a:link,
.comments-body p a:visited,
.comments-body p.alt a:visited,
.comments-body p a:hover,
.comments-body p.alt a:hover {
	color: #baa388; 
	 
}
.comments-body p a:link,
.comments-body p.alt a:link,
.comments-body p a:visited,
.comments-body p.alt a:visited {
	text-decoration:underline; 
}
.comments-body p a:hover,
.comments-body p.alt a:hover {
	text-decoration:none; 
}
.entry-comments .bypostauthor .comment-time {
	color:#de82ca;
}

.comments-header p  {
	
	font-family:Georgia, Times, serif;
	font-size:13px;
}
.comments-header p a {
	font-family:Georgia, Times, serif;
	font-size:13px;
}
.comment {
	background: #ffffff;;
}
.entry-comments .alt {
		 
}
.entry-comments .bypostauthor {
		
	color: #de82ca;}
.bypostauthor .comment-time {
	color:#de82ca;
}
.comments-body p.bypostauthor a:link, .comments-body p.bypostauthor span.comment-author, .comments-body p.bypostauthor a:visited, .comments-body p.bypostauthor a:hover {
	color:#de82ca !important;
}
.entry-comments .unapproved {
	font-style:italic; 
	 
} 
.comments-body p {
	margin-bottom:0;
	line-height:1.1em;
}
.entry-comments {
	border: 1px solid #cac9c9;
	border-bottom:none;
}
.comments-header {
	background: #f4f4f4 url(images/border_comments_barre.gif) repeat-x bottom;
}
.comments-header p {
	margin-bottom:0;
	line-height:1.3em;
}
.postedby {
	float:left;
	display:inline;
	padding: 14px 16px 13px 16px;
}
.comments-count, .comments-count div {
	float:left;
	display:inline;
}
.comments-count {
	background: url(images/tab1-left.jpg) no-repeat bottom left;
}
.comments-count div {
	background: url(images/tab1-right.jpg) no-repeat bottom right;
}
.comments-count-active .comments-count {
	background: url(images/tab2-left.jpg) no-repeat bottom left;
}
.comments-count-active .comments-count div {
	background: url(images/tab2-right.jpg) no-repeat bottom right;
}
.comments-count p {
	line-height:1.3em;
	float:left;
	display:inline;
	background: none;
	padding: 13px 21px 13px 34px;
	margin:1px 0 0 0;
	background: url(images/comments-closed.gif) no-repeat 21px 54%;
}
.comments-count-active .comments-count p {
	background: url(images/comments-open.gif) no-repeat 21px 54%;
}
.post-interact {
	float:right;
	display:inline;
	padding:14px 14px 13px 14px;
}
.post-interact span {
		padding-top: 0px;
	padding-top: 0px;
	margin-left:14px
}
.addacomment {
	background: url(images/comment.gif) no-repeat left center;
	padding-left:15px
}
.emailafriend {
	background: url(images/email.gif) no-repeat left center;
	padding-left:20px;
}
.linktothispost {
	background: url(images/link.gif) no-repeat left center;
	padding-left:18px;
}
.comments-body {
	border-bottom:1px solid #cac9c9;
	max-height: 220px;
	overflow:auto;	
}
.comments-body-inner {
	padding:15px;
}	
.comments-body h3 {
	font-family: Georgia, serif;
	font-size: 16px;
	margin: 0 0 9px 0;
}
.comment {
	padding:.6em .7em;
}
.comment-author {
	margin-right:.2em;
   float:left;

}


#fin_comment { height: 100px; }