/* 					Screen Front Alteo Blog 						 */

* 						 { margin:0; padding:0; border: none; }

body 					 { font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; padding: 0 0 0 0; font-size: 11px; text-align: center; color: #000;  background:url(../images/fond/body.jpg) left top repeat-x;background-color: #f3ece3; }

h1 a      			 { position: absolute; left: 49px; top: 0; width: 145px; height: 129px; display:block; text-indent: -999em }
h2       			 { margin: 16px 20px 20px 20px; font: normal 18px "Trebuchet MS";color: #949494;  background: url(../images/puces/h2.gif) left top no-repeat; padding: 2px 0pt 0pt 22px }
 
h3, #contenttop h3 a { margin: 0px 0 0px 0px; font-weight:bold; font-size:18px; color: #81A20D;  padding-right:1px; text-align:left; border-bottom:1px solid #c3c3c3; text-transform:uppercase }
h4 	{ margin: 0px 0 0px 0px; background:url(../images/puce/h4.gif) left top no-repeat; }
h5 					 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; 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 }
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 				 { border: none; text-decoration: none }
a img 				 { border: none; text-decoration: none }

#contenttop a 			 { color: #1f1f1f; text-decoration: none; font: normal 11px arial }
#contenttop a:hover   { color: #000;   text-decoration: underline }
#contenttop h4 a{font-size:14px; font-weight:bold; color: #006871; }

.bg-01{ background:url(../images/fond/bg.jpg) repeat-y 0 0; }
		 

/* 						Contenurs generaux							*/	
#main 									{ position: relative; margin: 0 auto; width: 811px; text-align:left; background: url(../images/fond/spread.jpg) left top repeat-y }

#intro 									{ width: 811px; height: 177px; background: url(../images/fond/header.jpg) left top no-repeat }

#menu-top 								{  }

#contenttop{ width:811px; background:url(../images/fond/contenttop.jpg) left top no-repeat; position:relative; padding-bottom:22px}
#contentbottom{ width:811px; background:url(../images/fond/contentbottom.jpg) left bottom no-repeat; position:relative; margin:0 auto; }


div#colonne_droite 						  { float: right; width: 190px; padding: 0px 23px 0 5px  }
			#illlustration        		  { width: 0; height: 0px; margin: 0 ; }
div#colonne_droite h3  { font: bold 12px arial; text-transform: uppercase; color: #065960; margin: 20px 0 0px 15px; padding: 0 13px 6px 0; text-align:right;background: url(../images/puces/h3right.gif) right 3px no-repeat; } 
div#colonne_droite h3 a  { font: bold 12px arial; text-transform: uppercase; color: #065960; text-align:right; text-decoration:none; border-bottom:none    } 
div#colonne_droite ul.puced li        { list-style: none; margin: 0px 24px 0px 15px; padding: 0  11px 0 0; background: url(../images/puces/green_puce.gif) right 5px no-repeat; text-align:right }
div#colonne_droite ul.puced li a        { color:#1f1f1f}
div#colonne_droite p.ptags        { text-align:right}
div#colonne_droite p      		  		  { color: #808184; padding: 0 15px; text-align:right  } 
		   #menu-search form      		  {   }
			#menu-search form label      {     } 
			#menu-search input.ch        { width: 110px;  border: 1px solid #afe900; background:url(../images/fond/input.gif) left top no-repeat; height:20px } 
			#menu-search input.validForm { position:relative; top: 5px; left: 0px;     } 


div#colonne_gauche 					{ float: left; width: 564px; min-height: 750px;  margin: 0; padding:24px 5px 20px 19px;  }



/* 						Billets										*/
div.hfeed p                            { padding: 0 24px; color: #757575   } 

/* 						Billets										*/
.billet{ width:100%; margin-bottom:30px}
.redigepar{ text-align:right; color:#81a20d; margin:0; padding:0}
.description{ border-bottom:1px solid #bbb;border-top:1px solid #bbb; padding:8px 3px 10px 3px; color:#959595}
#contenttop .description a{ color:#237fb9}
.comm{border-bottom:1px solid #81a20d;border-top:1px solid #81a20d; text-align:right}
.comm p{ text-align:right}
.comm li{ background:url(../images/puces/licom.gif) right 5px no-repeat; padding-right:12px; margin:2px 0px;}
#contenttop .comm li a{color:#959595}
.fn{color:#959595}
.avatar img{ margin:5px 0  0 0} 
 
.desc-comment {border-bottom:1px solid #CCCCCC; color:#959595}
 
 
/*				Recherche			*/ 

form#searchFormAmont              			  { margin: 0 0 15px 10px;  } 
form#searchFormAmont label         			  { color: #808184; margin: 0 6px 0 0px;  } 
form#searchFormAmont input         			  { margin: 0 6px 0 0px; border: 1px solid #5d89ca } 
form#searchFormAmont input.validSearchForm  { position:relative; top: 5px; left: 0px;  } 

p.searchResults                				  { margin: 0 0 15px 10px; color: #808184  }
p.searchResults span          				  { font: bold 12px arial;  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: #006871;  color: #ffffff; } 

form#commentform                  { width: 549px;  margin: 0 auto; padding: 0px ;  border: 1px solid #006871 }
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;   } 
form input.valid, form#commentform input.valid{background:transparent url(../images/fond/valid.gif) repeat-x scroll left top;border:2px solid #D6D6D6;color:#5F8101;font-weight:bold;height:31px;padding:0pt 5px;text-transform:uppercase;}

 
/*				Tags			*/
h4.tags              		 	 {   display: inline; color: #949494 ; font: normal 11px arial;  } 
ul.tags               			 { margin: 0 0 0 5px; display: inline;  } 
ul.tags li            			 { display: inline; margin: 0 0 0 4px; padding:0 } 
#contenttop ul.tags li a          {  color: #808184;  } 

.small                 { color: #808184 } 
.medium                { color: #808184; font-weight: bold; } 
.large                 { color: #b3d225; font: bold 14px arial;  } 
.x-large               { color: #b3d225; font: bold 17px arial; } 

/*				Page tous les Tags			*/
div.tags-mid              { width: 552px; background: url(../images/fond/f-tag-mid.gif) left 0px repeat-y  } 
div.tags-bot              { width: 552px; background: url(../images/fond/f-tag-bot.gif) left bottom no-repeat  }
div.tags-top              { width: 552px; margin: 0 0 0 0px; padding: 15px 0;  background: url(../images/fond/f-tag-top.gif) left top no-repeat  }
div.tags-top p            { margin: 15px 25px;  }
 		
		
/*				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   }

								
								
.tablementions td{ background:url(../images/fond/mentions.jpg) left top no-repeat; width:303px; height:327px}
.tablementions td p{ text-align:center}
.tablementions td h3{ background:none; padding:0; margin-top:40px; font-size:14px; border:none; margin-bottom:10px}
.conformement 		   { font: normal 10px verdana; text-align:center; color:#777 }

											

/*  			Footer			 */
#outro 					  { width:811px; height: 28px;  clear: both;  margin: 0 0 40px 0px;  }
#outro p 				  { height: 28px;  margin: 0px 15px;  padding: 0; color: #a99981; text-align: right;  }
#outro p a 				  { color: #a99981; text-decoration: none }
#outro p a:hover 		  { text-decoration: underline }
 

/* 			General styles 			*/
.lbleft    { float: left; width: 140px }
.input     { border: 1px solid black }
.bordered  { border: 1px solid black }
.noborder  { border:none }
.clear 	  { clear:both; display: none }
.kill 	  { text-indent: -5000px;  }
.fleft     { float: left }
.fright    { float: right }
.center    { text-align: center }
.clear     { clear:both; visibility: hidden; height: 0px;  }
.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: #565759; font: normal 12px arial; margin: 10px 20px 20px 30px }
.denied li  { padding: 0 25px 0 17px; background: url(../images/puces/puce_boule.gif) left 2px no-repeat; margin: 0 0 3px 0 }

billet .entete{ font-weight:bold; color:#9ec026; font-size:13px}

.entete{ font-weight:bold; color:#9ec026; font-size:13px}
.cadre{ padding:3px; border:1px solid #ccc}
.cadrefleft{ padding:3px; border:1px solid #ccc; float:left; margin:0 15px 15px 0}
.fleft{ float:left; margin:0 15px 15px 0}
.fright{ float:right; margin:0 0 15px 15px }
.cadreright{ padding:3px; border:1px solid #ccc; float:right; margin:0 0 15px 15px }
.alignement{ vertical-align:middle}