body { position: relative; margin:0; padding:0; background-color: #000000; font-family: Arial; font-size: 11px; }

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

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

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

img { border: 0; }

.clear { clear: both; }

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error, .error2, .notice, .success { font-size: 12px; }

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

.custom_tips { max-width:360px; overflow: hidden;}
.custom_tips h5 { background-color: #C7C7C7; color: #636363; padding:5px; }
.custom_tips p { background-color: #000000;  color: #C7C7C7; padding:5px; margin: 0; }

.ligne-separatrice { width: 750px; margin:10px auto; height: 1px; font-size: 1px; border-bottom: 1px solid #cccccc; }

/* POPUP DIV */*
#overlay { position: absolute; top:0; left:0; width:100%; background-color:black; height: 100%; z-index:10000; -moz-opacity: 0.6; opacity: 0.6; display: none; }

#popup { position: fixed; width:700px; height:350px; top:50%; margin-top:-175px; left:50%; margin-left: -350px; background-color: #323232; z-index: 20000; display: none;  color: #cccccc; border: 4px solid #191919; overflow: hidden;  }
#popup-fermer { position: absolute; top:0; right: 0; }

.popup { position: relative; padding:10px; color: #333333; background-color: #ffffff; }
.popup h1 { font-size: 14px; color: #333333; margin: 0 0 10px 0; display: block; }
/* COMMENTAIRES */
#commentaires { position: relative; }
#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; background-color: #D9D9D9; }
#commentaires p textarea { border: 0; width: 250px; height: 150px; background-color: #D9D9D9; }
/* EXIF */
#exif { position: relative; }
#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;}


#container { position: relative; width: 900px; margin:0 auto; background-color: #323232; }

#header { position: relative; width: 900px; height:60px; background-color: black;  }
#header h2 a { position: absolute; top:32px; left:10px; color: white; font-size: 26px; font-weight:bold; text-decoration: none; }
#header #top { position:relative; width: 900px; height:25px; background-color: #323232; color: #cccccc; }
#header #top a { color: #cccccc; }

#header #sitename { position: relative; height:50px; background-color: black;}
#header #sitename h2 a { position: absolute; top:12px; left:10px; color: white; font-size: 26px; font-weight:bold; text-decoration: none; }

#header #header-action { position: absolute; top:4px; right: 10px; color: #cccccc; font-size: 11px; background: url(../images/img-caddie.png) no-repeat;  padding-left:24px; line-height: 16px;  }
#header #header-action a { color: #cccccc; text-decoration: none; }
#header #header-action a:hover { text-decoration: underline; }
#header #header-action span.panier a { font-size: 11px; font-weight: bold; padding-right: 10px; color: #00BAFF; }



#page { position: relative; width: 880px; background-color: #323232; padding:0 10px 80px 10px; margin: 0; min-height:600px; }

#page h1 { color: #cccccc; font-size: 18px; }

#page h2 { color: #cccccc; font-size: 16px; margin:10px 0 10px 60px; }
#page h3 { color: #cccccc; font-size: 12px; margin:10px 0 10px 60px; }
#page h5 { color: #cccccc; font-size: 12px; margin:10px 0 10px 70px; }

#page ul#menu { position: relative; overflow: visible;  color: #cccccc; font-size: 16px; font-weight: bold; float: left; width:700px; margin:10px 0; }
#page ul#menu li { position: relative; display: inline; margin: 0 5px 0 5px; padding-right:8px; border-right:2px solid #cccccc; }
#page ul#menu li a { color: #cccccc; text-decoration: none; }
#page ul#menu li a:hover { color: #666666; text-decoration: none; }

#page ul#menu li ul { position: absolute; left:-9999em; z-index: 9999; top:19px; padding:5px 0 0 5px; border: 0; border-left:2px solid #cccccc; }
#page ul#menu li ul .opacity { position: absolute; top:0; left:0; opacity:0.8; background-color: #323232; height: 100%; width: 100%; display: block;}
#page ul#menu li:hover ul { position: absolute; left:-12px; }
#page ul#menu li ul li , #page ul#menu li ul li a { color: #cccccc; font-size: 12px; display: block; margin:5px 0; width:200px; border: 0;  }

#page #search { position: relative; margin: 10px 0 0 0; float: right;  width: 138px; height: 20px;}
#page #search .input_search_text { position: absolute; top:2px; left:5px; border: 0; background-color: black; color: white; font-size: 11px; width: 110px; padding: 3px 2px;}
#page #search .input_search_btn { position: absolute; top:2px; right: 0; background: url(../images/img-btn-search.png) no-repeat; border: 0; text-indent: -9999em; width: 23px; height: 20px; cursor: pointer; }

#page #pathway { position: relative; width: 760px; color:#cccccc;  padding-left: 5px;  font-size: 11px;}

#page #image-centrale { position: relative; width: 800px; margin:20px auto;}
#page #image-centrale img { text-align: center; }

#page ul#albums_favoris { overflow: hidden; width: 760px; margin: 0 auto; }
#page ul#albums_favoris li { position: relative; width:380px; float: left; margin: 0 0 20px 0; height: 150px; }
#page ul#albums_favoris li img { float: left; }
#page ul#albums_favoris li h2 { margin:0 0 0 155px; font-size: 11px; color: #cccccc;  }
#page ul#albums_favoris li h3 { margin:0 0 0 155px; font-size: 11px; color: #cccccc; font-weight: normal; padding:3px 0; }
#page ul#albums_favoris li h5 a { position: absolute; bottom:0px; left:155px; background: url(../images/img-btn-voir-album.png) no-repeat; width:98px; height:20px;}

#page ul#tag { width: 700px; margin:0 auto 20px auto; overflow: hidden; }
#page ul#tag li { float: left; line-height: 16px; margin:5px; color: #cccccc; height: 20px; font-size: 12px; }
#page ul#tag li a { color: #cccccc; text-decoration: none; font-size: 12px; }
#page ul#tag li a:hover { color: #cccccc; text-decoration: underline; }
#page ul#tag li span.small { font-size: 12px; }
#page ul#tag li span.norma { font-size: 14px; }
#page ul#tag li span.big { font-size: 16px; }


/* LISTE ALBUMS */
ul#albums { overflow: hidden; width: 760px; margin: 0 auto; }
ul#albums li { position: relative; width:380px; float: left; margin: 0 0 20px 0; height: 150px;}
ul#albums li img { float: left; }
ul#albums li h2 { margin:0 0 0 155px; font-size: 11px; color: #cccccc;  }
ul#albums li h3 { margin:0 0 0 155px; font-size: 11px; color: #cccccc; font-weight: normal; padding:3px 0; }
ul#albums li h5 a { position: absolute; bottom:0px; left:155px; background: url(../images/img-btn-voir-album.png) no-repeat; width:98px; height:20px; text-indent: -9999em; }



/* LISTE IMAGES ALBUMS */
ul#images { width:750px; margin: 10px auto; overflow: hidden; }
ul#images li { float: left; margin: 18px; display: block; width: 150px; height: 150px; }
ul#images li { background: url(../images/loading.gif) no-repeat center; }
ul#images li img { display: block; }


/* DIAPORAMA */
#slider { width:800px; height: 600px; margin:20px auto; position: relative; overflow: hidden;  }
#sliderContent { width: 800px; position: absolute; top:0px; margin-left: 0;  }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; top:0; padding: 10px 10px; width: 780px; background-color: #000; -moz-opacity: 0.7; opacity: 0.7;  color: #ffffff; display: none; font-size: 16px; font-weight: bold; }



/* IMAGE */
.image { width:800px; margin:20px auto; clear: both; }

.image h1 { float: left; margin:0; padding:0; width:500px;  }
.image h3 { color: #cccccc; }
.image ul#nav_photo_photo { float: right; padding:0px 40px 0 0; }
.image ul#nav_photo_photo li { float: left; color: #cccccc; margin: 0 3px; font-weight: bold; line-height:16px; }
.image ul#nav_photo_photo li.encours { line-height:18px; }
.image ul#nav_photo_photo li.fleche { width: 10px; }
.image ul#nav_photo_photo li.fleche a { font-size: 16px; cursor: pointer; text-decoration: none; }
.image ul#nav_photo_photo li.fleche a:hover { color:#999999; }

#container #image-left { position:relative; width: 600px; float: left; padding:5px 0 0 15px; text-align: center; }
#container #image-right { position: relative; width:230px; float: right; color: #cccccc; font-size: 11px; padding: 0 10px 0 0; }

#container #image-right ul#action { width:200px; margin: 10px 0; overflow: hidden; text-align: left; }
#container #image-right ul#action li { font-size: 12px; margin: 5px 0; font-weight: bold; }

#container #image-right p#descriptif { padding:0; text-align:left; line-height: 18px;}
#container #image-right p#copyright { padding: 0; text-align: left; line-height: 14px; font-size: 11px;}
#container #image-right h2 { margin: 10px auto; text-align:left; font-size: 12px; color: #cccccc; font-weight: bold; }
#container #image-right h3 { margin: 10px auto; text-align:left; font-size: 11px; color: #cccccc; }
#container #image-right p#classer { margin: 10px auto; text-align:left; line-height: 18px; }

#container ul#commentaires_images { overflow: hidden; width: 760px; margin: 20px auto; text-align: left;  color: #cccccc;}
#container ul#commentaires_images h3 { font-size: 12px; color: #cccccc; padding: 0; margin: 0; }
#container ul#commentaires_images li { margin: 10px 0; }
#container ul#commentaires_images li h2 { display: block; font-size: 12px; font-weight: normal; margin: 0;padding: 0;}
#container ul#commentaires_images li p { display: block; line-height: 16px; margin: 5px; background-color: #404040; padding: 5px; color: #cccccc; font-size: 11px; }

ul#prix { overflow: hidden; width:425px; margin: 10px 0 0 0; }
ul#prix li { position: relative; float: left; margin-right: 5px; height: 25px; text-align: center;}
ul#prix li.entete { font-weight: bold; font-size: 12px; }
ul#prix li.name { width: 150px; }
ul#prix li.name span.help { position: absolute; top:0px; left:25px; }
ul#prix li.prix { width: 50px; }
ul#prix li.qte { width: 100px; }
ul#prix li.total { width: 100px; }
h2#image_name { border-bottom: 1px solid #cccccc; }
#ajout_panier { position: relative; float: right; margin-right: 70px;}


/* 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: #cccccc; font-size: 10px; padding-left: 4px; }


/* IMAGE COMMENTAIRE */
#commentaires fieldset { border: 0; color: #cccccc; }
#commentaires fieldset p { margin: 5px 0; clear: both; font-size: 11px; }
#commentaires fieldset p label { width:155px; text-align: right; padding-right: 5px; float: left; line-height: 18px; }
#commentaires fieldset p textarea { width: 280px; height: 180px;}


/* EXIF */
ul#exif { overflow: hidden; }
ul#exif li { padding: 0px 0; color: #cccccc; float: left; width: 300px; height: 26px; overflow: hidden; }
ul#exif li.left { border-right: 1px solid #cccccc; margin-right: 10px;}
ul#exif li label { float: left; width: 160px; text-align: right; padding-right: 5px;  font-weight: bold; }




/* BIOGRAPHIE */
#biographie { width: 720px; margin: 20px auto; font-size: 12px; color: #cccccc; }
#biographie img { float: left; margin: 0 10px 10px 0;}
#biographie h2 { padding: 0; margin: 0;}



/* NEWS */
ul.news { overflow: hidden; width: 720px; margin: 20px auto; color: #cccccc; }
ul.news li { display: block; }
ul.news li h2 { padding: 0; margin: 0; font-size: 12px; }
ul.news li h3 { margin:0; padding:0; font-size: 10px; }
ul.news li p { line-height: 18px; padding-left: 10px; font-size: 11px; }
ul.news li h5 a { position: relative; float: right; font-size: 12px; padding: 5px; }

ul#nav-news { overflow: hidden; width: 720px; text-align: center; margin: 10px auto; clear: both; }
ul#nav-news li { display: inline; margin:0 3px;}



/* LIENS */
ul#liens { overflow: hidden; width: 720px; margin: 20px auto; color: #cccccc; }
ul#liens li { display: block; margin: 20px 0; }
ul#liens li h2 { padding: 0; margin: 0; }
ul#liens li h3 { font-size: 10px; }
ul#liens li p { line-height: 18px; }
ul#liens li h5 a { position: relative; float: right; background-color: #cccccc; color: white; font-size: 12px; padding: 5px; }

ul#nav-liens { overflow: hidden; width: 720px; text-align: center; margin: 10px auto; clear: both; }
ul#nav-liens li { display: inline; margin:0 3px;}



/* MATOS */
ul#matos { overflow: hidden; width: 720px; margin: 20px auto;color: #cccccc; }
ul#matos li { display: block; margin: 20px 0 20px 10px; }
ul#matos h2 { padding: 0; margin: 0; }



/* CREATE ACCOUNT */
#create_account { position: relative; width: 720px; margin: 20px auto; color: #cccccc; }
#create_account fieldset { border: 0; }
#create_account fieldset p { margin: 5px 0; clear: both; font-size: 11px; }
#create_account fieldset p label { width:150px; text-align: right; padding-right: 5px; float: left; line-height: 18px; }
#create_account fieldset p input[type=text], #create_account fieldset p input[type=password] { border: 0; background-color: #404040; color: white; padding: 3px; }

/* LOGIN */
ul.deux-colonnes { overflow: hidden; width: 760px; margin: 10px auto; color: #cccccc; }

ul.deux-colonnes li.left { position: relative; float: left; width: 350px; background:url(../images/img-back.png) repeat; height:200px; padding:10px; }
ul.deux-colonnes li.left h2 { margin: 0; padding: 0; left:0; margin-left: 0; }
ul.deux-colonnes li.left p { margin-left:20px; }
ul.deux-colonnes li.left #login { width: 350px; }
ul.deux-colonnes li.left .action { position: absolute; top:200px; right: 10px; }

ul.deux-colonnes li.right { position: relative; float: right; width: 350px; background:url(../images/img-back.png) repeat; height:200px; padding:10px;}
ul.deux-colonnes li.right h2 { margin: 0; padding: 0; left:0; margin-left: 0; }
ul.deux-colonnes li.right p { margin-left:60px; line-height: 22px; }
ul.deux-colonnes li.right .action { position: absolute; top:200px; right: 10px; }

#login { position: relative; width: 720px; margin: 20px auto; }
#login fieldset { border: 0; }
#login fieldset p { margin: 5px 0; clear: both; font-size: 11px; }
#login fieldset p label { width:150px; text-align: right; padding-right: 5px; float: left; line-height: 18px; }
#login fieldset p input[type=text], #login fieldset p input[type=password] { border: 0; background-color: #404040; color: white; padding: 3px; }


/* PASSWORD */
#password { position: relative; width: 720px; margin: 20px auto; }
#password fieldset { border: 0; }
#password fieldset p { margin: 5px 0; clear: both; font-size: 11px; }
#password fieldset p label { width:150px; text-align: right; padding-right: 5px; float: left; line-height: 18px; }


/* COMPTE */
#account ul { position: relative; width: 700px; margin: 20px auto; }
#account ul li { float: left; width: 300px; height: 75px; padding: 10px; margin: 10px; font-size: 14px;}
#account ul li h2 { padding: 0; margin: 0; }
#account ul li p { color: #cccccc; font-size: 11px;}

#account fieldset { position: relative; border: 0; margin: 20px auto; }
#account fieldset p { margin: 5px 0; clear: both; font-size: 11px; color:#cccccc; }
#account fieldset p label { width:150px; text-align: right; padding-right: 5px; float: left; line-height: 18px; color: #cccccc; }
#account fieldset p input[type=text], #account fieldset p input[type=password] { border: 0; background-color: #404040; color: white; padding: 3px; }

#account ul#commandes { position: relative; width: 700px; margin: 20px auto; }
#account ul#commandes li {  width: 680px; padding: 10px; margin: 10px 0; height: auto; }


/* PANIER */
ul#panier { overflow: hidden; width:720px; margin:20px auto; }
ul#panier li { position: relative; float: left; padding-right: 5px; margin: 2px 0; color: #cccccc; padding-bottom: 5px; }
ul#panier li.entete { font-weight: bold; font-size: 12px; height:30px; background-color: #cccccc; color: white; line-height:30px; }
ul#panier li.produit { font-size: 12px;  height:80px; border-bottom: 1px solid #cccccc; line-height:80px; text-align: center; }
ul#panier li.image { width:95px; text-align: left; padding-left: 5px;  }
ul#panier li.photographe { width:95px;  text-align: center;  }
ul#panier li.name { width: 60px; text-align: center; }
ul#panier li.licence { width: 80px; text-align: center; }
ul#panier li.prix { width: 50px; text-align: center; }
ul#panier li.qte { width: 100px; text-align: center; }
ul#panier li.total { width: 70px; text-align: center; }
ul#panier li.action { width: 110px; text-align: center; }
ul#panier h2 { color: #cccccc; font-size: 12px; }
ul#panier p { color: #cccccc; font-size: 11px; padding: 0 5px; }


/* PHOTOS */
ul#pagination { overflow: hidden; width: 720px; text-align: center; margin: 10px auto; clear: both; }
ul#pagination li { display: inline; margin:0 3px; color: #cccccc; font-size: 14px; }
ul#pagination li a.page-selectionne { font-size: 14px;}


/* CONTACT */
	fieldset.contact { border: 0; padding: 30px 0 0 0; min-height:400px; color: #cccccc; }
	fieldset.contact .left { position: relative; float: left; width:200px; padding-left:30px; }
fieldset.contact .right { position: relative; float: right; width:450px; padding-right:30px; border-left: 1px solid #cccccc;  }
	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; }


/* MENTIONS */
#mentions p { width: 720px; margin: 20px auto 0 auto; color: #cccccc; }


/* PLAN */
#plan { width: 720px; margin: 20px auto 0 auto; color: #cccccc; }
#plan ul { overflow: hidden; width: 220px; margin-top: 20px; float: left; border-left: 1px solid #cccccc; padding-left: 10px; min-height: 300px;}
#plan ul h2 { margin: 0; padding: 0; }
#plan ul li { padding:4px 0 4px 5px; width: 210px; overflow: hidden; }

/* FOOTER */
#footer { position: relative; width: 900px; margin:0 auto; padding: 0;}
ul#footer { position: relative; width: 860px; margin: 10px auto; color: #999999; text-align: center; }
ul#footer li { display: inline; font-size: 11px; color: #999999;}
ul#footer li a { color: #999999; text-decoration: none; }
ul#footer li a:hover { color: #999999; text-decoration: underline; }

ul#footer_liens { position: relative; width: 860px; margin: 10px auto; color: #999999; text-align: center; }
ul#footer_liens li { display: inline; font-size: 11px; color: #999999; }
ul#footer_liens li a { color: #999999; text-decoration: none; }
ul#footer_liens li a:hover { color: #999999; text-decoration: underline; }

#copyright { position: relative; width:860px; text-align: center; color: #999999; padding-bottom: 10px; font-size: 11px; }