html { height: 100%; margin-bottom: 1px;}

body { margin: 0; padding: 0; text-decoration: none;
	   background-color: #9f9f9e; }
	   
input.plus,input.submit,span.click,td.img,span.highlight,input.submit2 { cursor: hand; cursor: pointer; }	   

/* OPTIONAL SIDE BACKGROUND	
	td.bg_left { }
	td.bg-right { }

/*  TOP PART +++++++++++++++++++++++++++++++++++++ */

td.top1 { background-image: url(img/corner1.gif); background-repeat: no-repeat;
		  width: 50px; height: 48px; }

td.top2 { background-image: url(img/border_top.gif); background-repeat: repeat-x; }

td.top3 { background-image: url(img/corner2.gif); background-repeat: no-repeat; 
		  width: 50px; }


/*  BARRE BLANCHE +++++++++++++++++++++++++++++++++++++ */

td.barre1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
			width: 50px; }

td.barre2 { background-color: #fff; 
			height: 18px; }
			
		/* HEADER ELEMENTS +++++++++++++++++++++++++++++++++++++ */			
	                	
		 input.user {  padding: 1px 1px; background-color: #fefefe; border:1px #ddd solid; text-align: left; letter-spacing: 0.06em;
	                font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #5E6970; padding-left: 2px; }
	                
		 input.user2 { background: url("img/input_bg.gif"); padding: 2px 2px; background-color: #fefefe; border:1px #ddd solid; text-align: left; letter-spacing: 0.06em;
	                font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6970; padding-left: 2px; }
	                
	     textarea { background: url("img/textarea_bg.gif"); border:1px #ddd solid; padding:4px 4px; text-align: left; vertical-align: top; letter-spacing: 0.06em;
	     font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5E6970; overflow-x: hidden;}
	                
		 input.submit { background-image: url(img/btsubmit.gif); background-repeat: no-repeat;
				       width: 24px; height: 24px;
				       border: 0px; }	
				       
		input.submit2 { background-image: url(img/btsubmit_2.gif); background-repeat: no-repeat;
				       width: 24px; height: 24px;
				       border: 0px; }	
				       	
		table.bg_login { width: 200px;
						 border: 1px solid #d4d4d4;
						 padding: 4px;
						 background-color: #eaeaea;
						}	   	
				       
		#plus  { position:relative;
				float: right;
				bottom: 10px;
				}

td.barre3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
			width: 50px; }

td.barre_hr { background-color: #fff; height: 2px;
			  border-bottom: 1px solid #CFCEC4;}

/*  MIDDLE PART +++++++++++++++++++++++++++++++++++++ */

td.middle1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
			 width: 50px; height: 48px; }

td.middle2 { background-color: #fff;
			 padding-top: 0px; padding-left: 0px; }

		/*  COLUMNS +++++++++++++++++++++++++++++++++++++ */
		
			td.display_menu {	width: 170px;
								padding-left: 0px;
								padding-top: 6px;
								text-align: left; }
								
			#content {	position:relative;												
						top: 8px;
						width: 800px;				
						 }
						
					#text { position:relative;
							float: left;
							width: 580px;
							border: 1px dotted #d4d4d4;
							padding: 10px;
							/*padding-left: 18px;*/
							margin-right: 10px;
							margin-top: 2px;
							}
							
					#img {  position:relative;							
							float: right;						
							top: 3px;
							padding: 8px;
							padding-right: 20px;
							text-align: center;
							display: block;
							}

				
td.middle3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
			 width: 50px; }
			 
			 
/*  RUBRIQUES PART +++++++++++++++++++++++++++++++++++++ */

table.rubriques { background-color: #eaeaea;
				  width: 100%; height: 100%; }
			 	
td.r1 { background-image: url(img/border_left.gif); background-repeat: repeat-y; 
		width: 50px; }
			 	
			td.rubrique1 {	
							padding-left: 12px;
							padding-right: 10px;
							padding-top: 2px;
							text-align: left;
							margin-top: 10px;
							}	
							 							 					
			#news_title_left { position:relative;
			float: left; }
			#news_title_right { position:relative;
			float: right; }								
						
			#rubrique2 { position:relative;
					float: left;
					left: 12px;
					width: 702px;
					border: 1px solid #d4d4d4;
					border-left: 1px dotted #d4d4d4;
					border-right: 1px dotted #d4d4d4;
					padding: 2px;
					margin-top: 4px;
					margin-bottom: 8px;
					background-color: #eee;
					}
			
			td.thumbnails {
					height: 160px;
					background-color: #d4d4d4;
					border: 1px solid #fff;
					}

td.r2 { background-color: #fff;
		padding-top: 6px; padding-left: 0px;}

td.r3 { background-image: url(img/border_right.gif); background-repeat: repeat-y; 
			 	width: 50px; }

/*  ENDING PART+++++++++++++++++++++++++++++++++++++ */

td.end1 { background-image: url(img/corner3.gif); background-repeat: no-repeat; 
		  width: 50px; height: 48px; }

td.end2 { background-image: url(img/border_bot.gif); background-repeat: repeat-x; 
		  vertical-align: top; }

td.end3 { background-image: url(img/corner4.gif); background-repeat: no-repeat; 
		  width: 50px; }


/*  FONTS+++++++++++++++++++++++++++++++++++++ */


h1 { /* (header) */
 	    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 	     text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
        color: #5E6970;
        line-height: 1.6em; }

h2 { /* (title) */
 	    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 	    text-transform: uppercase;
        font-size: 8pt;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.1em;
        letter-spacing: 0.06cm;
         }

span.highlight { width:106px; background-color: #f2f2f2; }      
span.highlight:hover { background-color: #f7e01b; }        
        
h3 { /* (subtitle) */
		font: normal small-caps 14px Helvetica, Verdana, Trebuchet, Arial, Helvetica, sans-serif;
		text-transform: capitalize;
        color: #5E6970;
        letter-spacing: 0.06cm;
        border-bottom: 1px solid #ccc;
        }
        
h4 { /* (content) */
    	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.7em; }
        
h5,td.text { /* (user login) */
		margin-right: 1.75cm;
    	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #9f9f9e; }
        
h6,td.rubrique1 { /* (rubrique) */
    	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: normal;
        color: #5E6970;
        line-height: 1.7em;
        letter-spacing: 0.04cm; }
        
h7 { /* (rubrique: title) */
 	    font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #5E6970;
        line-height: 1em;
        letter-spacing: 0.03cm }


td.copyright { /* (footer) */
		padding-right: 1.75cm;
		padding-top: 0cm;
    	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1em;
        color: #5E6970; }