/* ############################################################################ */
/*                   T H E M E   P O U R   P I X E L P O S T                    */
/* ---------------------------------------------------------------------------- */
/* Auteur : Yann Mornet                                                         */
/* Basé sur SimplyElegant                                                       */
/*          http://www.pixelpost.org/extend/templates/simply-elegant/           */
/* Et considérablement refondu pour matcher mon theme Dotclear 2                */
/* ############################################################################ */


/* Basics */
body, #page, #top {
    margin  : 0;
    padding : 0;
}
	
body {
	background  : #eeebe8;
	font        : 0.8em 'Lucida Grande', 'Lucida Sans Unicode', Arial, Sans-Serif;
	color       : #333;
	text-align  : center;
	line-height : 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight    : bold;
	margin         : 0;
	padding        : 0;
	font-family    : 'Helvetica Neue', Arial, Sans-Serif;
	letter-spacing : -1px;
}

/* Links */

a {
	color           : #000000;
	text-decoration : none;
}

a:hover {
	text-decoration : underline ;
}

/* 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 : #376690;
}	
	
.title {
	font-size      : 11px;
	letter-spacing :  1px;
	margin         :  0px;
	margin-bottom  :  5px;
	margin-left    : 15px;
	padding        :  0px;
}

.dateimage {
	font-size   : 2em ;
	color       : #EEEEEE ;
	position    : absolute;
	z-index     :  0;
	margin-left : 51px;

	
}	

.title {
	font-size      : 1.3em;
	letter-spacing :  5px;
	position       : absolute;
	color          : rgba(119, 119, 119, 0.8) ;
	margin-left    :  51px;
	margin-top     :  0.6em;
	padding-left   :  6em;
	z-index        : 1 ;
}



/* ############################################################################ */
/*                                  LES DIVS                                    */
/* ---------------------------------------------------------------------------- */


/* Page générale */
#page {
	position : relative;
	width : 902px;
	margin : 0 auto ;
	text-align : left;
	background : #fff ;	
}

/* Navigation and menu */

#top {
    background: url('../images/header_camargue900.jpg') no-repeat center bottom;
	width:900px;
	height:187px;
    margin : 0 auto;
	border : 1px solid #d2cfcd;
	border-width : 0 0 1px 0;
}

#top h1 {
	margin : 0;
	padding : 40px 0 0 40px;
	font-size : 2.5em;
	letter-spacing: 15px; 
	font-family : 'arial rounded MT bold', Arial, 'Helvetica Neue', Sans-Serif;
}
#top h1 a {
	text-decoration : none;
	color : #fff;
}
#top h1 a:hover {
	color : #376690;
}

#top p {
	color : #ffffff;
	margin : 0;
	padding : 2px 0 0 42px;
	letter-spacing: 32px; 
}

#top .menu {
    font-size : 0.85em;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    float:right;
	clear:right;
	text-align:right;
	padding-top:83px;
	padding-right:145px;
	/*font-size:11px;*/
	}
	
#top .menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	color : #fff;
	}
		
#top .menu a:hover {
	text-decoration:underline;

	}
#top .menunav a {

	}

/* Contents */

#contenant {
    /*background     :#fff;*/
	position       : relative;
	
	margin-left    : auto;
    margin-right   : auto;
	padding-left   : 10px;
	padding-right  : 10px;
	padding-top    : 30px;
	padding-bottom :  0px;
	
	/*background : url('../images/divider.png') no-repeat bottom center;*/
}

.hr {
	height         : 1px ;
	margin        : 20px 0 20px 0;
    background     : url('../images/divider.png') no-repeat bottom center;
}

.hr hr {
    display : none ;
}

#contenant p {
	font-size      : 11px;
	letter-spacing :  2px;
	margin         :  0px 0 15px 0 ;
	padding        :  0px;
	text-align     : center;
}

#contenant p a {
    color:#AAAAAA;
}

#contenu {
	background:url(../images/light/loading.gif) no-repeat center;
	position: relative;
	/*width:900px;*/
	margin-left: auto;
    margin-right: auto;
}	
	
/* 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 0px 30px 0px ;
	text-align:justify;
	line-height:16px;
	}

#liste-comments  a {
	color:#393836;
	}
#liste-comments  a:hover {
	color:#FFD495;
	}
	
#infocomm{
 	margin-left: auto;
    margin-right: auto;
	/*width:900px;*/
	}
	
#liste-comments {
	text-align:left;
	padding:10px;
	background:#f0f0f0;
	margin-bottom:10px;
	clear:both;
}
	
.info-thumb{
    float:right;
	clear:right;
	border:4px solid #f0f0f0 ;
	margin-top:35px;
	margin-right:35px;
	margin-bottom:25px;


	}
.info-notes{
    float:left;
	clear:left;
	margin-top:25px;
	margin-bottom:25px;
	margin-left:10px;
	margin-right:25px;
	/*width:700px;*/
	}
.info-exif{
    float:left;
	clear:left;
	margin-bottom:25px;
	margin-left:10px;
	margin-right:25px;
	/*width:700px;*/
	}
	
#image-notes {
	width:70%;
	vertical-align:top;
	}
	
.addcomment {
    float:right;
	clear:right;
	margin-right:51px;
	padding:0px;
	letter-spacing:0.9px;
	font-size:11px;
	font-weight:bold;
}
	
.addcomment a {
	color: #AAA;
}	
	
	
#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 {

   	height : 55px;
	margin : 0 auto;
	font-size : 0.85em;
	color : #CCC;
	background : #181818 url('../images/footer900.png') no-repeat center top;
	clear : both;
   }
   
#footer p {
	padding : 30px;
	text-align : center;
}

#footer a{
	color :#bbb;
	}
#footer a:hover{
	color :#FFD495;
	}