/* Basic */

body {
	background:#666;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	color:#6D6C69;
	padding:0px;
	margin:0px;
	text-align:center;
	}

html, body {
     min-height:100.1%;
	}

/* Links */

a {
	color:#6D6C69;
	text-decoration:none;
	}

a:hover {
	color:#FFD495;
	text-decoration:none;
	}

/* Headings */

a.header {
    float:left;
	clear:left;
	margin:0px;
	margin-left:10px;
	padding:0px;
	font-size:16px;
	letter-spacing:1.5px;
	}
a.header:hover {
    color:#FFD495;
	}
.title {
	font-size:11px;
	letter-spacing:1px;
	color:#666;
	margin:0px;
	margin-bottom:5px;
	margin-left:15px;
	padding:0px;
	}

h4 {
	margin-bottom:4px;
	}

/* Navigation and menu */

#navigation {
    position: relative;
    background:#fff;
	width:980px;
	margin-left: auto;
    margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	height:15px;
	}

.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:11px;
	}

.menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	}

.menu a:hover {
	text-decoration:none;
	color:#FFD495;
	}
.menunav a {
	padding-left:0px;
	}

/* Contents */

#contenant {
    background:#fff;
	position: relative;
	width:980px;
	margin-left: auto;
    margin-right: auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;

	}
#contenanthaut, #iminfohaut{
    background:#fff;
	position: relative;
	width:1000px;
	margin-left: auto;
    margin-right: auto;
	}
#contenantbas, #iminfobas,#navbas{
    background:#fff;
	position: relative;
	width:1000px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	}

#contenu {
	background:url(../images/light/loading.gif) no-repeat center;
	position: relative;
	width:980px;
	margin-left: auto;
    margin-right: auto;

	}

b.rtop, b.rbottom {
background:#666 none repeat scroll 0 0;
display:block;
}
b.rtop b, b.rbottom b {
background:#fff none repeat scroll 0 0;
display:block;
height:1px;
overflow:hidden;
}

b.r1 {
margin:0 5px;
}
b.r2 {
margin:0 3px;
}
b.r3 {
margin:0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
height:2px;
margin:0 1px;
}

/* Image */

.photo {

    padding:0px;
	border:1px solid #616161;
	}

/* Image Navigation */

.image-previous {
    float:left;
	}

.image-next {
	float:right;
	}

#menu-browse{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 1px;
	left: 1px;
	z-index:10;
}

#menu-browse a{
	outline: none;
}

#menu-browse-prev, #menu-browse-next{
	width: 49.9%;
	height: 101%;
	background: transparent url(../images/blank.gif) no-repeat;
	display: block;
}

#menu-browse-prev {
	top: 0px;
	left:0px;
	float: left;
}

#menu-browse-next {
	top: 0px;
	right:0px;
	float: right;
}

#menu-browse-prev:hover, #menu-browse-prev:visited:hover {
	background: url(../images/p_prev.png)  no-repeat scroll left center;
	cursor: pointer;
}

#menu-browse-next:hover, #menu-browse-next:visited:hover {
	background: url(../images/p_next.png) no-repeat scroll right center;
	cursor: pointer;
	}

/* Info  &  Comments */

#image-info {
    background:#fff;
	width:980px;
	margin-left: auto;
    margin-right: auto;
	padding:10px;
	text-align:justify;
	line-height:16px;
	}

#liste-comments  a {
	color:#393836;
	}
#liste-comments  a:hover {
	color:#FFD495;
	}

#infocomm{
	padding-top:20px;
 	margin-left: auto;
    margin-right: auto;
	width:900px;
	}

#liste-comments {
	text-align:left;
	padding:10px;
	background:#f0f0f0;
	margin-bottom:10px;
}

.info-thumb{
    float:right;
	clear:right;
	border:4px solid #f0f0f0 ;
	/*margin-top:35px;*/
	margin-top:15px;
	margin-bottom:25px;
	}
.info-notes{
    float:left;
	clear:left;
	/*margin-top:25px;*/
	margin-top:5px;
	margin-bottom:25px;
	margin-left:10px;
	margin-right:25px;
	width:600px;
	}
.info-exif{
    float:left;
	clear:both;
	margin-bottom:25px;
	margin-left:10px;
	margin-right:25px;
	width:600px;
	}

#image-notes {
	width:70%;
	vertical-align:top;
	}

.addcomment {
    float:right;
	clear:right;
	margin-right:10px;
	padding:0px;
	letter-spacing:0.9px;
	font-size:11px;
	font-weight:bold;
	}
#info-addcomment {
	text-align:left;
	padding:10px;
	background:#f0f0f0;
	}

.fullfield{
	width:99%;
	padding:2px;
	margin:0px auto;
	font-size:11px ;
	color:#777;
	border:1px solid white;
	background:white;
}

.fullfield:hover, .fullfield:focus{
	border: 		1px solid #999;
	background: 		white;
	color:				#464646;
}

/* About */

#me-about{
	text-align:left;
	margin: 10px 40px;
	}

#img-about{
	border:4px solid #f0f0f0 ;
	margin:20px;
	}

/* Browse */

.thumbnails {
	border:4px solid #F0F0F0;
	margin:3px;
	}

.thumbnails:hover{
	border:4px solid #ccc;
	}

.archive_active_page_number {
	font-weight:bold;
	}

/* Footer */

#footer {
   text-align:center;
   margin-bottom:20px;
   color:#999;
   }
#footer a{
	color :#bbb;
	}
#footer a:hover{
	color :#FFD495;
	}

/* Columns On Archive & About Page
-------------------------------------------------------- */

#column1 { float: left; width: 250px; text-align: left; }
#column2 { float: left; width: 230px; text-align: left; padding: 0 0 0 40px;}
#column3 { float: right; width: 230px; text-align: left; }

/* Pages
-------------------------------------------------------- */

#page {
	margin: 0 auto;
}

#archive-page, #about-page {
	float: left;
	width: 900px;
	margin: 10px auto 0 auto;
	border-top: 1px solid #EFEFEF;
	padding: 20px 0;
}

#page p, #page ul {
	margin: 0 25px 20px 0;
}

.wrapper { width: 900px; margin: 0 auto; }

UL {
	padding-left:20px;
}

#tag_cloud {
	padding-top:20px;
}

.tags01 { font-size: 10px !important; }
   .tags02 { font-size: 12px !important; }
   .tags03 { font-size: 14px !important; }
   .tags04 { font-size: 16px !important; }
   .tags05 { font-size: 18px !important; }
   .tags06 { font-size: 20px !important; }
   .tags07 { font-size: 22px !important; }
   .tags08 { font-size: 24px !important; }
   .tags09 { font-size: 26px !important; }
   .tags10 { font-size: 28px !important; }
