/* 					Screen Front Alteo Blog 						 */

* { margin:0; padding:0; border: none; text-decoration: none }

body { font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "verdana", Arial, Geneva, sans-serif; padding: 0 0 0 0; font-size: 11px; text-align: left; color: #959595; background-color: #e1e1e1 }

h1{ position: absolute; top: 28px; left: 35px;}
h2 { margin:17px 20px 20px 49px; font: normal 18px arial black;color: #d015a1; text-align :right; padding: 0 0 0 15px; border-bottom:1px solid #ccc }

h4 a{ margin: 15px 0 1px 1px; font: bold 18px arial; color: #373636; display:block}
h5{ margin: 15px 0 10px 20px; font: normal 16px "verdana"; color: #f27c14 }

p{ font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left }

input{ padding: 0 0 0 3px; font: normal 11px arial; background:url(../images/fond/input.gif) top left repeat-x; border:1px solid #e1e1e1; height:16px }
textarea{ padding: 4px; font: normal 11px arial }

ul li{ list-style: none; font: normal 11px/15px arial; margin: 10px 15px 0px 24px; padding: 0 }
ul.puced li{ list-style: none; margin: 0px 15px 0px 24px; padding: 0 0 0 11px; background: url(../images/puces/green_puce.gif) left 5px no-repeat }
ul.radio li { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img{ border: none; text-decoration: none }
#content a{ color: #808184; text-decoration: none; font: normal 11px arial }
#content a:hover{ color: #808184;   text-decoration: underline }
			 

/* 						Conteneurs generaux							*/	
#main { position: relative; margin: 0 auto; width: 853px; text-align:left;}
#conteneur{ width:853px;}
#header{ width:853px; height:173px; background: url(../images/fond/header.jpg) left top no-repeat }
#header div.backsite {float:right;margin-right:36px};
#footer{ width:853px; height:138px; background: url(../images/fond/footer.jpg) left top no-repeat }
#left{width:622px; background: url(../images/fond/left.gif) left top repeat-y }
#right{width:231px; background: url(../images/fond/right.jpg) left top repeat-y; text-align:right }

/*  			Footer			 */
#outro { width:853px; clear: both;  margin: 89px 0 0 0;  }
#outro p{  color: #aa7ea4; text-align: center;  }
#outro p a { color: #aa7ea4; text-decoration: none }
#outro p a:hover { text-decoration: underline }




/*		Colonne de gauche      */
#menu{width:172px; margin:5px 0 7px 29px}

.titre_intro{ text-align:center; margin:15px auto 25px auto}

h3{ margin: 15px 0 5px 0px; padding-bottom:3px; padding-right:3px; font-size:15px; font-family:arial black; font-weight:normal; border-bottom:1px solid #c3c3c3}
h3 .accolades{ color:#b7b6b7;}
h3.h3-themes{ color:#85a927;}
h3.h3-archives{ color:#128fd6; margin-top:30px}
h3.h3-tags{ color:#ef8700; margin-top:30px}
h3.h3-liens{ color:#db2ecd; margin-top:30px}
h3.h3-recherche{ color:#b1c815; margin-top:30px}
h3.h3-comments{ color:#a073a8; margin-top:30px}
h3#comments{ color:#a073a8}


#menu ul li{ list-style: none; margin: 2px 5px 2px 0; padding: 0 12px 0 0; background: url(../images/puces/round.gif) right 3px no-repeat }
#menu ul li a{ color:#848484}
#menu ul li a:hover{ color:#222}

.liste-tags{ text-align:right;}
.liste-tags a{ color: #848484;}
.small{ color: #848484; font-size:10px } 
.medium{ color: #848484; font-size:11px } 
.large{ color: #848484; font: bold 12px arial;  } 
.x-large{ color: #848484; font: bold 14px arial; } 


/*			Billets			*/
.bgbillet{ width:557px;background: url(../images/fond/billet.jpg) left bottom; padding:0; border:1px solid #ebeaea; margin-bottom:54px}
.bgcomment{ width:557px;background: url(../images/fond/comment.jpg) left bottom; padding:0; border:1px solid #ebeaea; margin-bottom:54px}
.entry-content{ background-color:#fff; border:1px solid #d5d5d5; padding:10px; width:537; margin:8px 8px 2px 8px}
.entry-content p{ margin:25px 0; padding:0}
.avatar img{ border:1px solid #d5d5d5; float:left; margin:3px 5px 5px 8px}
.avatar a { font-weight:bold; color:#666; text-decoration:none}
.avatar a:hover{ text-decoration:underline}
.billets{ width:550px; margin-left:46px}
.info-right{ float:right; text-align:right}
.info-right li{ margin:4px 8px; padding:0 11px 0 0; background: url(../images/puces/carre-mauve.gif) right 5px no-repeat;  color:#af89b2}
.info-right li a{ color:#af89b2}
.info-right li a:hover{ text-decoration:underline}

.tags{ border:2px solid #ebebeb; padding:5px}
.search{ border:2px solid #ebebeb; padding:5px;}
.search form{ width:56%; margin:0 auto}

p.commentlink a{ font-weight:bold; color:#a073a8; font-size:13px}
p.commentlink{ text-align:center}

input.inputformu{ border:none; background-color:#fff;font-weight:bold; color:#a073a8; font-size:13px; background-image:none}



/*  Entete du billet  */
div.enteteBillet            		     	{ width: 537px; min-height: 13px; padding: 27px 0 0 15px;  margin: 0px 0 0px 6px;                               
													 	background: #b3d225 url(../images/fond/header_billet.gif) left 0px no-repeat  } 
														
div.enteteBillet div.categories	    	 { float: right; margin: 0 10px 0 0px; padding: 0 0 0 27px;  position:relative; top: -20px; left: 0px; background: url(../images/fond/f-categories.gif) left 3px no-repeat;    } 
div.enteteBillet div.categories	h4  	 { display: none;  } 
div.enteteBillet div.categories	ul  	 { margin: 0; padding: 0  } 
div.enteteBillet div.categories	ul li	 { float: left; margin: 0 0 0 5px; padding: 0    } 
#content div.enteteBillet div.categories	ul li	a{  color: #ffffff;  } 
										
h3.entry-title               		   { margin: 0 ; padding: 0 } 
#content h3.entry-title a     		{ font: bold 18px arial; color: #ffffff;   } 


.entiteAuthor                 {    } 
.vcard, .author        		   { color: #808184;  }  
#content a.email              { color: #808184; text-decoration: underline  } 

/*   Footer du billet  */ 
div.footerBillet            	{ width: 552px; min-height: 48px; margin: 0px 0px 35px 6px; padding: 19px 0px 0 0; clear: both; text-align :right;    
											background: url(../images/fond/footer_billet.gif) left top no-repeat } 

div.hfeed p.avatar 				{ float: right; height: 49px;   margin: 0 67px 0 12px; padding: 0 0 0 23px; background: url(../images/puces/separationAvatar.gif) left top no-repeat;  }

#content ul.post-info         { margin: 0 0 3px 0 ; padding: 0 ;      }
#content ul.post-info li      { display: inline; color: #939393; margin: 0px; padding: 0   } 
#content ul.post-info li a    { color: #808184; text-decoration: underline;  }  

#content span.date            { color: #808184; }
#content span.date a          { color: #808184; }


/*				Commentaires			*/

.comment-S                  { width: 552px; margin: 0 auto 25px auto;  background-color: #b3d225  } 
.comment-Bot                { width: 552px; height: 48px;  background: url(../images/fond/footer_billet.gif) left top no-repeat;  } 
.comment-Top                { width: 552px; min-height: 13px; padding: 10px 0 0 0;   background: url(../images/fond/header_billet.gif) left top no-repeat; } 

.comment-Bot p              { text-align :right; margin: 0px 70px 0 0px; padding: 32px 0 0 0;  color: #757575   } 
ul.comments li p.desc       { padding: 0 20px; color: #757575  } 
ul.comments li              { margin: 0 0 0 0px; padding: 0 0 0 0;   }

h4#ajoutCom                       {  margin: 0 0 15px 0px; padding: 2px 0 2px 10px;  background-color: #908184;  color: #ffffff; } 

form#commentform                  { width: 557px;  margin: 0 auto; padding: 0px ;  border: 1px solid #808184 }
form#commentform p                { padding: 0 10px  } 
form#commentform label            { color: #808184; font: normal 12px arial; float: left; display: block; width: 100px;  } 
form#commentform input            { border: 1px solid #808184;  } 
form#commentform textarea         { width: 95%;  margin: 4px 0 0 0px; border: 1px solid #808184;   }
form#commentform p.centerbut      { margin: 20px 0 10px 0px; text-align: center;   } 


 	/*Mentions*/
	.adr, .adr2{ width:208px; height:145px; background:url(../images/fond/mentions.jpg) top left no-repeat; float:left; margin-right:15px; margin-left:36px; padding:6px}	
	.adr-Bot p, .adr2-Bot p{ color:#fff; text-align:center; width: 96%}	
		
		
		
/*				Toutes les categories		*/
div.cat-mid              { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y  } 
div.cat-bot              { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat  }
div.cat-top              { width: 552px; margin: 0 0 0 0px; padding: 15px 0;  background: url(../images/fond/f-tag-top.gif) left top no-repeat  }
div.cat-top ul           { margin: 15px 25px;  }
div.cat-top ul li        { margin: 0 0 6px 0px; padding: 0 0 0 20px; background: url(../images/puces/green_puce.gif) no-repeat scroll left 5px   }

								


/* 			General styles 			*/
.lbleft    { float: left; width: 140px }
.input     { border: 1px solid black }
.bordered  { border: 1px solid black }
.noborder  { border:none }
.clear 	  { clear:both; visibility:hidden }
.kill 	  { text-indent: -5000px;  }
.fleft     { float: left }
.fright    { float: right }
.center    { text-align: center }
.noborder  { border: none }
.bita 	  { text-align: center; font: bold italic 12px arial; margin: 15px auto 10px auto; color: #8cafca }
.center    { text-align: center }
.left 	  { text-align: left }
.right 	  { text-align: right }
.full 	  { width: 100% }
.button    { text-align: center; margin: 10px 0 0 0; clear: both }
.button input { border: none }
.separator    { clear: both; visibility: hidden; height: 0  } 

/* 				Messages d erreurs 				*/
.denied 	{ color:#990000; font: normal 12px arial; margin: 10px 20px 20px 30px; background: url(../images/puces/error.jpg) left top no-repeat; padding-left:58px  }
.denied li  { padding: 0 25px 0 0px; margin: 0 0 3px 0; list-style-type:circle }