body { position: relative; background-color: #E2E0CB; margin: 0; padding: 0; font-family: Georgia; color:#626259; }

.clear { clear: both; }

.error, .error2, .notice, .success { font-size: 12px; }

a { color: #626259; text-decoration: underline; outline: none; }
a:hover { color: #626259; text-decoration: underline; }

h1,h2,h3,h4,h5 { padding: 0; margin: 0; }

ul, li { list-style-type: none; margin: 0; padding: 0; }

img { border: 0; }

.container { position: relative; width:890px; margin: 0 auto; font-size: 11px; }

.tip-title { padding:5px; background-color: #333333; color: #626259;  border-top:1px solid #333333; border-right:1px solid #333333; border-left:1px solid #333333; font-size: 11px; z-index: 200; }
.tip-text  { padding:5px; color: #333333; border-bottom:1px solid #333333; border-right:1px solid #333333; border-left:1px solid #333333; font-size: 10px; z-index: 200; background: url(../images/loading.gif) center center no-repeat #000000; text-align: center; }


/* HEADER */
.header { position: relative; width: 890px; height:50px; }
.header .logo { position: absolute; left: 0px; top:0px; font-size:22px; color: #626259; }
.header .logo h2 { font-size:22px; }
.header .logo a { text-decoration: none;  color: #626259; }
ul#menu { position: relative; overflow: visible;  color: #ffffff; font-size: 12px; font-weight: bold; float: right; padding:20px 0 0 0; }
ul#menu li { position: relative; display: inline; margin: 0 5px; padding:0 8px 5px 0; }
ul#menu li a { color: #626259; text-decoration: none; font-size: 12px; font-weight: normal; }
ul#menu li a:hover { color: #626259; text-decoration: underline; }

ul#menu li ul { position: absolute; left:-9999em; z-index: 9999; top:20px; padding:0px 0 0 5px; border: 0;  }
ul#menu li ul .opacity { position: absolute; top:0; left:0; opacity:0.8; background-color: #000000; height: 100%; width: 100%; display: block;}
ul#menu li:hover ul { position: absolute; left:-12px; }
ul#menu li ul li , ul#menu li ul li a { color: #626259; font-size: 11px; display: block; margin:5px 0; width:200px; border: 0; padding: 0; font-weight: normal; }


/* CONTAINER */
.content { position: relative; width:850px; padding: 20px; background-color: #F9F8F0; margin: 0 auto; }
.container .image-centrale { position: relative; width:850px; margin: 0 auto; }
.container #image-centrale { position: relative; width:850px; margin: 0 auto; }
#page #image-centrale img { text-align: center; }

#s4 { width: 850px; height: 550px; overflow: hidden;}
#s4 div { width: 850px; height: 550px;  }
#s4 div img { margin:0 auto; display: block; }

.container h1 { font-size: 16px; color: #626259; padding:10px 0; margin: 0; font-weight: normal; }
.container h2 { font-size: 12px; color: #626259; padding:10px 0; margin: 0; font-weight: bold;}
.container h5 { font-size: 12px; color: #626259; padding:0; margin: 0; font-weight: normal;}

	#pathway { position: relative; padding: 10px 0; font-size: 11px; color: #626259; }
	#pathway a { color: #626259; text-decoration: none; font-size: 11px; }
	#pathway a:hover { color: #626259; text-decoration: underline; }
	#pathway .dl { float: right; }

	/* ALBUMS */
	ul.albums { position: relative; width:850px; }
	ul.albums li { position: relative; width:810px; margin:0 20px 10px 20px; padding: 10px 0 0 0; height:150px; border-top: 1px solid #626259; }
	ul.albums li .left { position: relative; float: left; width:300px; text-align: center; overflow: hidden; height: 150px;  }
	ul.albums li .left img { position: absolute; left: 0;}
	ul.albums li .right { position: relative; float: left; width:430px; padding: 0 0 0 20px; }
	ul.albums li .right h2 { color: #626259; font-size: 12px; padding: 0; margin-bottom: 10px; }
	ul.albums li .right h3 { color: #626259; font-size: 11px; }
	ul.albums li .right h5 { padding: 10px 0 0 0; }
	ul.albums li .right h5 a { color: #626259; font-size: 11px; }


	/* VIGNETTES */
	ul#layout_vignettes { width:850px; margin: 10px auto; overflow: hidden; }
	ul#layout_vignettes li { position: relative; float: left; margin:0; display: block; padding:9px; width:150px; height:190px; text-align:center; background:url(../images/loading.gif) center center no-repeat; margin-bottom: 8px; }
	ul#layout_vignettes li a { color: #F9F8F0; }
	ul#layout_vignettes li:hover { background-color: #E2E0CB; }
	ul#layout_vignettes li h2 { position: absolute; bottom:8px; width: 150px; overflow: hidden; text-align: center; height:15px; padding: 0; margin: 0; font-size: 12px; }
	
	/* QUICKVIEW */
	#image { position: relative; width:605px; height:605px; float:right; text-align: center; padding:54px 0 40px 0;}
	#images img { display: block; }
	#image h5 { font-size: 12px; float: right; width:605px; text-align: right; margin: 10px 0; color: #6D6D6D; }
	#vignette { position: relative;  float: left; width:245px; margin:18px 0 0 0px; }
	
	#vignette ul#pagination { text-align: center; }
	#vignette ul#pagination li { float: left; }
	
	ul#vignettes { overflow: hidden; padding-top: 5px; }
	ul#vignettes li { float: left; width:75px; height:75px; padding:2px; }
	
	ul#pag { overflow: hidden; clear: both; margin:10px auto; width:200px; color: #6D6D6D; }
	ul#pag li { display: inline; margin: 0 4px; }
	ul#pag li.page-selectionne { font-size: 14px; }
	
	
	/* ROMAN PHOTO */
	ul#layout_romanphoto { overflow: hidden; width:850px; margin:10px auto; }
	ul#layout_romanphoto li { position: relative; width:850px; margin: 20px 0; }
	ul#layout_romanphoto li .left { float: left; text-align: left; }
	ul#layout_romanphoto li .right { float: right; text-align: right; }
	
	ul#layout_romanphoto li .image { width:590px;  }
	
	ul#layout_romanphoto li .detail { width:240px; margin-left: 20px; }
	ul#layout_romanphoto li .detail h2 { padding:10px 0 0 0; margin: 0; }
	
	
	/* DIAPORAMA */
	.slideshow {position: relative; display: block;  z-index: 0; background-color:transparent; padding: 0; margin: 0; }
	.slideshow-images { display: block; overflow: hidden; position: relative; background-color:transparent; }		
	.slideshow-images img { display: block; position: absolute; z-index: 1; }		
	.slideshow-thumbnails { overflow: hidden; }
	.slideshow-images { top:110px; }		
	.slideshow-images-visible { opacity: 1; }	
	.slideshow-images-prev { opacity: 0; }
	.slideshow-images-next { opacity: 0; }
	.slideshow-images img { float: left; left: 0; top:0; }	
	.slideshow { margin: 0px auto 0 auto; width:850px; height:650px; }
	.slideshow a img { border: 0; }
	.slideshow-captions { background: #E2E0CB; top:110px; color: #333333; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000; }
	.slideshow-captions-hidden { height: 0; opacity: 0; }
	.slideshow-captions-visible { height: 22px; opacity: .7; }
	.slideshow-controller { background: url(../images/controller.png) no-repeat; height: 42px; left: 50%; margin: -21px 0 0 -119px; overflow: hidden; position: absolute; top: 50%; width: 238px; z-index: 10000; }
	.slideshow-controller * { margin: 0; padding: 0; }
	.slideshow-controller-hidden { opacity: 0; }
	.slideshow-controller-visible { opacity: 1; }
	.slideshow-controller a { cursor: pointer; display: block; height: 18px; overflow: hidden; position: absolute; top: 12px; }
	.slideshow-controller a.active { background-position: 0 18px; }
	.slideshow-controller li { list-style: none; }
	.slideshow-controller li.first a { background-image: url(../images/controller-first.gif); left: 33px; width: 19px; }
	.slideshow-controller li.last a { background-image: url(../images/controller-last.gif); left: 186px; width: 19px; }
	.slideshow-controller li.next a { background-image: url(../images/controller-next.gif); left: 145px; width: 28px; }
	.slideshow-controller li.pause a { background-image: url(../images/controller-pause.gif); left: 109px; width: 20px; }
	.slideshow-controller li.play a { background-position: 20px 0; }
	.slideshow-controller li.play a.active { background-position: 20px 18px; }
	.slideshow-controller li.prev a { background-image: url(../images/controller-prev.gif); left: 65px; width: 28px; }
	.slideshow-loader { height: 28px; right: 0; position: absolute; top: 0; width: 28px; z-index: 10001; }
	.slideshow-loader-hidden { opacity: 0; }
	.slideshow-loader-visible { opacity: 1; }
	.slideshow-thumbnails { top: 0px; height: 110px; left: 0; position: absolute; width: 100%; overflow: hidden; }
	.slideshow-thumbnails * { margin: 0; padding: 0; }
	.slideshow-thumbnails ul { height: 65px; left: 0; position: absolute; top: 0; width: 10000px; }
	.slideshow-thumbnails li { float: left; list-style: none; margin: 5px 5px 5px 0; position: relative; }
	.slideshow-thumbnails a { display: block; float: left; padding: 2px; position: relative; }
	.slideshow-thumbnails a:hover { background-color: #6D6D6D !important; opacity: 1 !important; }
	.slideshow-thumbnails img { display: block; }
	.slideshow-thumbnails-active { background-color: #6D6D6D; opacity: 1; }
	.slideshow-thumbnails-inactive { background-color: #FFF; opacity: .5; }


	/* ALBUMS FAVORIS */
	ul.albums-favoris { position: relative; width:850px; margin: 20px 0; }
	ul.albums-favoris li { position: relative; float: left; width: 275px; height:120px; margin:0 4px 6px 4px; padding:0px; overflow: hidden; }
	ul.albums-favoris li img { position: absolute; left: 0; }
	ul.albums-favoris li h2 { position: absolute; bottom: 0; text-align: left; padding:4px 5px; color: #ffffff; width: 265px; background-color: #333333; -moz-opacity:0.9; opacity: 0.9; filter:alpha(opacity=90); }
	
	
	/* TAGS */
	ul.tags { position: relative; clear: both; }
	ul.tags li { float: left; margin:5px 10px 5px 0;}
	ul.tags li a { text-decoration: none; color: #626259;  padding: 0px 5px 0 0; font-size: 12px; }
	ul.tags li a:hover { text-decoration: underline; color: #626259;  }
	
	
	/* PAGINATION */
	ul#pagination { position: relative; padding: 10px 0; text-align: center; }
	ul#pagination li { display: inline; }
	ul#pagination li a { color: #626259; text-decoration: none; padding: 2px 4px; margin: 0 3px; }
	ul#pagination li a:hover { background-color: #E2E0CB; color: #626259; }
	ul#pagination li.page-selectionne a { background-color: #E2E0CB; }
	
	
	/* IMAGE */
	.entete { position: relative; padding:10px 0 15px 0; }
	.entete #pathway { position: relative; float: left; width: 600px; padding: 0; }
	.infos-image ul#nav_photo_photo { position: relative; width: 180px; text-align: right; color: #626259; font-size: 11px; padding: 0 0 15px 0; margin: 0; text-align: center; }
	.infos-image ul#nav_photo_photo li { display: inline; padding: 0 3px; }
	.infos-image ul#nav_photo_photo li a { color: #626259; text-decoration: none; }
	.infos-image ul#nav_photo_photo li a:hover { color: #626259; text-decoration: underline; }
	.image { position: relative; width: 650px; text-align: center; padding: 0 0 10px 0; float: left; }
	
	.infos-image { position: relative; padding: 0px 0 50px 20px; float: left; width:180px;}
	.infos-image .rating { position: relative; width:180px; font-size: 11px; }
	.infos-image .rating p#vote { color: #626259; padding:5px 0 0 0;}
	.infos-image .rating h2 { font-size: 11px; font-weight: bold; }
	.infos-image .rating h4 { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; margin: 0; font-weight: normal;  }
	.infos-image .infos { position: relative; width:180px; font-size: 11px; padding-left: 0px; }
	.infos-image .infos h2.classement { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; margin: 0; }
	.infos-image .infos h4 { font-size: 11px; font-weight: bold; padding: 0 0 5px 0; margin: 0; font-weight: normal;  }
	.infos-image .action { position: relative; width: 180px; font-size: 11px;  }
	.infos-image .action h4 { font-size: 11px; font-weight: bold; padding: 0 0 2px 0; margin: 0; font-weight: normal; }
	
	.image-bottom { clear: both; }
	
	/* IMAGE RATING */
	#star-rating { position: relative;  list-style:none; margin:5px 0 0 -5px!important; padding:0px; width: 125px; height: 20px;background: url(../images/img-star.png) top left repeat-x; overflow: hidden; text-align: left;  }
	#star-rating li { padding:0px; margin:0px; float: left; }
	#star-rating li a { display:block; width:25px; height:20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
	#star-rating li a:hover{ background: url(../images/img-star.png) left 35px; z-index: 2; left: 0px; }
	#star-rating a.one-star{ left: 0px; }
	#star-rating a.one-star:hover{ width:25px; }
	#star-rating a.two-stars{ left:25px; }
	#star-rating a.two-stars:hover{ width: 50px; }
	#star-rating a.three-stars{left: 50px;}
	#star-rating a.three-stars:hover{width: 75px;}
	#star-rating a.four-stars{left: 75px;}	
	#star-rating a.four-stars:hover{width: 100px;}
	#star-rating a.five-stars{left: 100px;}
	#star-rating a.five-stars:hover{width: 125px;}
	#star-rating li.current-rating{ position: absolute; left:0; background: url(../images/img-star.png) left 55px;height: 20px; display: block; text-indent: -9000px; z-index: 1;}
	p#vote { text-align: left; margin: 0; padding: 0; color: #A3B0B2; font-size: 10px; padding-left: 4px; }
	
	
	/* COMMENTAIRES */
	ul.commentaires_images { position: relative; }
	ul.commentaires_images li { position: relative; padding: 10px;}
	ul.commentaires_images li h2 { padding: 0; margin: 0; font-size: 14px; }
	ul.commentaires_images li p { font-size: 13px; padding:5px 0; margin: 0;}
	

	#commentaires p { margin: 5px 0; }
	#commentaires p label { float: left; width: 155px; text-align: right; padding-right: 5px;  font-size: 12px; font-weight: normal; }
	#commentaires p input[type=text] { border: 0; width: 250px; border: 1px solid #626259; }
	#commentaires p textarea { border: 0; width: 250px; height: 150px; border: 1px solid #626259; }
	
	
	/* EXIF */
	#exif p { margin: 5px 0; clear: both; font-size: 12px; }
	#exif p label { float: left; width:150px; text-align: right; padding-right: 5px;  font-weight: normal;}
	
	
	/* BIOGRAPHIE */
	.biographie { width:850px; margin: 20px auto; font-size: 12px; color: #626259; text-align: left; }
	.biographie img { float: left; margin: 0 10px 10px 0;}
	.biographie h2 { padding: 0; margin: 0; text-align: left;}
	.biographie p { line-height: 20px; font-size: 14px; }	
		
	/* CONTACT */
	fieldset.contact { border: 0; padding: 0px 0 0 0; }
	fieldset.contact p { margin: 5px 0; font-size: 11px; }
	fieldset.contact p label { width: 150px; text-align: right; line-height: 20px; padding-right: 5px; float: left; }
	fieldset.contact p textarea { width: 250px; height: 150px; }
	
	
	/* PLAN */
	#plan { position: relative; padding:10px 0 0 0; }
	#plan ul { float: left; width:250px; }
	
	
	/* LIENS */
	ul.liens { position: relative; padding: 0; padding: 20px 0 20px 0; }
	ul.liens li { float: none; padding: 0 0 10px 0px; }
	ul.liens li h2 { font-size: 14px; font-weight: bold; padding: 0; }
	ul.liens li p { font-size: 13px; padding: 0 0 0 0px;}


	/* NEWS */
	ul.news { position: relative; padding: 20px 0 20px 0; }
	ul.news li { position: relative; padding: 0 0 45px 0; font-size: 13px; }
	ul.news li h2 { font-size: 14px; padding: 0;}
	ul.news li h2 span.date { font-size: 11px; font-style: italic; }
	ul.news li h5 a { text-decoration: none;  background-color: #E2E0CB; color: #626259;  padding: 2px 5px;   }
	ul.news li h5 a:hover { text-decoration: underline;  background-color: #E2E0CB; color: #626259;  }
	
	
	/* MATERIEL */
	ul.matos { position: relative; }
	ul.matos h2 { font-size: 14px; padding:20px 0 10px 0px;}
	ul.matos li { padding: 0 0 10px 0px; font-size: 13px; }
	
/* PAGES */
.pages { position: relative; }
	
/* FOOTER */
.footer { position: relative; margin-top: 20px; background-color: #E2E0CB; padding:20px; }


	.footer .bio { position: relative; float: left; width:390px; padding-bottom: 10px; }
	.footer .bio h2 { font-size: 12px; color: #626259; font-weight: bold; margin-bottom: 10px; padding: 0; }
	.footer .bio .left { position: relative; float: left; width: 120px; padding-right: 10px; }
	.footer .bio .left h3 { color: #626259; font-size: 11px; font-weight: normal; padding: 5px 0 0 0; }
	.footer .bio .right { position: relative; float: left; width:240px; }
	.footer .bio .right h3 { color: #626259; font-size: 11px; }
	.footer .bio .right p { color: #626259; font-size: 11px;}
	.footer .bio .right h5 a { padding: 5px 0 0 0; color: #626259; font-size: 11px;}
	
	
	.footer ul.liens-favoris { position: relative; float: left; width:200px; margin-left:5px; }
	.footer ul.liens-favoris h2 { font-size: 12px; color: #626259; font-weight: bold; padding: 0; margin-bottom:5px; }
	.footer ul.liens-favoris ul.bookmarks { position: relative; padding: 0; margin: 0; }
	.footer ul.liens-favoris ul.bookmarks li { text-align: left; padding: 0; margin: 0;  line-height: 12px; }
	.footer ul.liens-favoris ul.bookmarks li a { color: #626259; font-size: 11px; text-decoration: none; }
	.footer ul.liens-favoris ul.bookmarks li a:hover { color: #626259; font-size: 11px; text-decoration: underline; }
	
	
	.footer ul.infos { position: relative; float: left; width:200px; margin-left:5px; }
	.footer ul.infos h2 { font-size: 12px; color: #626259; font-weight: bold; padding: 0; margin-bottom:5px; }
	.footer ul.infos ul.footer-links { position: relative; padding:0; margin: 0; }
	.footer ul.infos ul.footer-links li { text-align: left; padding:0; margin: 0; line-height: 12px; }
	.footer ul.infos ul.footer-links li a { padding:0; margin: 0; color: #626259; font-size: 11px; text-decoration: none; }
	.footer ul.infos ul.footer-links li a:hover { color: #626259; font-size: 11px; text-decoration: underline; }

	
	
	#copyright { color: #626259; font-size: 11px; text-align: center; padding:20px 0 10px 0; }
	#copyright a { color:#626259; }