html{
	min-height: 100%;
	height: 100%;
}

body
{
   width: 760px;											  
   height: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px;
   margin-bottom: 0px;
   background-image: url("backmain.gif"); 
   font-family: Trebuchet ms, Helvetica, Verdana;
   font-size: 10px;
   letter-spacing: 1px;
}	

a{
	color: #909090;
	text-decoration: none;
}
a:hover{
	color: #707070;
	text-decoration: none;
}
	 
#header
{
   width: 752px;
   height: 99px;
   background-image: url("top.gif");
   background-repeat: no-repeat; 
   margin-bottom: 3px;
}	

#back
{
	width: 752px;
	min-height: 100%;
	background: url("background.gif") repeat-y;
}						 

#mood, #menu
{
	float: left; 
	padding-top: 4px;
	padding-left: 13px;
	width: 50%;
	height: 20px;
	color: #000000;
	font-family: verdana;
    font-weight: bold;	 
}

#nav
{
	margin-left: 50%;
	padding-right: 13px;   
	height: 20px;
	text-align: right;
}

#body
{		
	width: 726px;			   
	margin: auto;
	margin-top: 10px;  
	padding-bottom: 5px;
	text-align: center;
}  	

img{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.img, .img_blog{
	background-color: #e9e9e9;
	padding:5px; 
	border:1px solid #d1d1cd;
}				

.img_bad{
	background-color: #FF0000;
	padding:5px; 
	border:1px solid #000000;
}	

.img_blog{ 		
	border-bottom: 0px;
} 

.img_top{
	border: 0px;
	width: 100%;
	height: 100%;
}

.sub_img{	
	margin: auto;
	margin-bottom: 4px; 
	background-color: #e9e9e9;
	padding:2px; 
	border:1px solid #d1d1cd;
    letter-spacing: 2px;	
	font-size: 10px;
	text-align: center;  
}			


.l, .l25, .l33, .l50, .l66, .l75{	text-align: left; }
.r, .r25, .r33, .r50, .r66, .r75{	text-align: right; }  
.c, .c25, .c33, .c50, .c66, .c75{ text-align: center; }
.j, .j25, .j33, .j50, .j66, .j75{ text-align: justify; }

.l25, .r25, .c25, .j25 { width: 25%; }
.l33, .r33, .c33, .j33 { width: 33%; }
.l50, .r50, .c50, .j50 { width: 50%; }
.l66, .r66, .c66, .j66 { width: 66%; }
.l75, .r75, .c75, .j75 { width: 75%; }


.div_c, .div, .div_archives{	   
	margin: auto;
	position: relative;					 
	text-align: left;
	background-color: #e9e9e9;
	padding:5px; 			 
	border:1px solid #d1d1cd;
} 		
						   
.div_archives {
	margin-bottom: 5px;
}

.div_c{
	text-align: center;
}


.table{
	border: 1px solid #c0c0c0;
	padding: 2px;
	background-color: #f4f4f4; 
	font-size: 10px;		  
	width: 100%; 
	margin-bottom: 5px;	 
}			   

.thumbs{	   
	padding: 2px;
	border: 0;
	background-color: #FFFFFF;
	width: 100%px;
}

.cap{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.info_com{
	text-align: right;
	font-weight: bold;
}  

.titre_form{
	width: 100px;
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}
	
#img{		  
	width: 712px;
	margin: auto;	
	padding: 5px;
	background-color: #e9e9e9;
	border: 1px solid;
	border-color: #d1d1cd;
	text-align: center;
}	  

.archive_img{
	vertical-align: top;
}  

.archive{
	text-align: justify;
	font-size: 12px;
	font-family: verdana;
}
	
.exif2, .exif1{
	background-color: #CFCFCF;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

.exif1{
	text-align: right;
	font-weight: bold;
}

.exif2{				   
	padding-left: 10px;
}

.red{
	color: #FF0000;
	font-weight: bold;
}





input, select{
	font-family: Verdana;
	font-size: 10px;
} 

input.comments{
	width: 85%;
}

textarea{
	font-family: Verdana;
	font-size: 10px;
	width: 95%;
	height: 100px;
}
	   
#navtxt{		  
	padding-bottom: 4px;
	background-color: #e9e9e9;
	border: 4px solid;
	border-color: #d1d1cd;
	width: 250px;
	min-height: 10px;
}  

form{
	display: inline;
}