/* General.
   ---------------------------------------- */

html,table {
	font-size: 100%;
}
body {
	background: #000000;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
body,p,ul,form,td {
	list-style: none;
	margin: 0;
	padding: 0;
}
option[selected="selected"] {
	font-weight: bold;
}
a {
	color: #F5A717;
}
a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.lien_js {
	text-decoration: none;
	background: url(dotted.png) repeat-x bottom;
}
.lien_js:hover {
	background: none;
}
#ensemble {
	width: 100%;
}
img {
	border: 0;
}


/* Sidebar.
   ---------------------------------------- */
   

/* Sidebar : navigation.
   ---------------------------------------- */


/* Sidebar : image aléatoire.
   ---------------------------------------- */


/* Sidebar : personnalisation.
   ---------------------------------------- */


/* Cadre principal.
   ---------------------------------------- */

#affichage {
	vertical-align: top;
	width: 100%;
}
#div_affichage {
	padding: 10px 0;
}
h1 {
	font-family: "Georgia", serif;
	font-size: 1.9em;
	letter-spacing: .05em;
	margin: 0 15px 13px;
	color: #CCCCCC;
	font-weight: normal;
}
h1 a {
	text-decoration: none;
	color: #5A8DC6;
}
h1 a:hover {
	color: #CCCCCC;
}
h2 {
	margin: 0 15px 15px;
	font-size: 1.5em;
	letter-spacing: .02em;
	font-weight: normal;
}
h3 {
	margin: 20px 15px 15px;
	color: #CCCCCC;
	font-size: 1.2em;
	letter-spacing: .05em;
}
#retour_haut {
	margin-left: 8px;
}
#pos_special {
	margin: 0 0 5px 15px;
}
#pos_special a {
	font-weight: bold;
	text-decoration: none;
}
#position {
	border-bottom: 1px solid silver;
	padding-bottom: 13px;
	margin: 0 15px;
	line-height: 1.6em;
}
#galerie_description {
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
	margin: 20px 15px 10px;
	font-family: Georgia, serif;
	font-size: 115%;
	line-height: 1.3em;
}
#categorie_description {
	margin: 15px 15px 0;
	font-family: Georgia, serif;
	font-size: 115%;
	line-height: 1.3em;
}



/* Barres de navigation.
   ---------------------------------------- */

.barre_nav {
	text-align: center;
	margin: 0 15px;
}
.barre_nav * {
	display: inline;
}
.barre_nav select {
	border: 1px solid silver;
}

.barre_nav option {
	padding-right: 10px;
}
.barre_nav option {
	display: list-item;
}
.barre_nav span {
	margin: 0 5px;
	font-family: Georgia, sans-serif;
	font-size: 150%;
	font-weight: bold;
}
.barre_nav span a {
	color: #CCCCCC;
	text-decoration: none;
}
.barre_nav span a:hover {
	color: #cccccc;
	text-decoration: underline;
}
#barre_nav_bas {
	border-top: 1px solid silver;
	padding-top: 3px;
	margin-top: 6px;
}
#barre_nav_haut {
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	padding-top: 3px;
}
.inactive {
	color: silver;
}
.barre_nav_gauche {
	float: left;
	width: 26%;
	text-align: left;
	margin-top: 4px;
}
.page_actuelle {
	float: right;
	margin-top: 5px;
	width: 26%;
	text-align: right;
}



/* Vignettes.
   ---------------------------------------- */

.vignettes {
	text-align: center;
	margin: 10px 10px 0;
}
.vignettes li {
	display: inline;
	border-collapse: collapse;
}
.vignettes a.img_link {
	display: block;
	padding: 5px 5px 0;
}
.vignettes a {
	text-decoration: none;
}
.vignettes .env1 {
	display: table-cell;
	display: inline-table;
	display: inline-block;
}
.vignettes .env2 {
	display: block;
	margin: 8px;
	border: 1px solid #CCCCCC;
}
.vignettes img {
	border: 0;
}
.vignettes .env2:hover {
	background-color: #11193B;
	border-color: #CCCCCC;
}
.vignette_infos {
	display: block;
	margin: 3px 0;
}
.vignette_infos span {
	display: block;
}
.vignette_infos .img_recentes {
	display: inline;
}
.vignette_infos .img_recentes a {
	color: #A0BA26;
	font-weight: bold;
}
.vignette_infos .img_recentes a:hover {
	color: #cccccc;
}
.vignette_nom {
	margin: 3px 0;
	border-top: 1px solid #CCCCCC;
	padding: 5px 5px 0;
	display: block;

}



/* Vignettes : catégories - compact.
   ---------------------------------------- */

#vignettes_cat .env2 {
	border-left-width: 1px;
}
#vignettes_cat .v_recent .env2 {
	border-color: #CCCCCC;
	border-left-width: 1px;
}
#vignettes_cat .v_recent .vignette_nom {
	background: url(recent.png) no-repeat left center;
}
#vignettes_cat .v_pass .env2 {
	border-color: #CCCCCC;
}
#vignettes_cat .v_thumb .env2:hover {
	border-color: #CCCCCC;
}
#vignettes_cat .vignette_nom {
	color: #CCCCCC;
	font-weight: bold;
}
#vignettes_cat .vignette_nom:hover {
	color: #CCCCCC;
}
#vignettes_cat .env2:hover .vignette_nom {
	color: #CCCCCC;
}



/* Vignettes : catégories - étendues.
   ---------------------------------------- */



/* Vignettes : albums.
   ---------------------------------------- */

#vignettes_alb .env2 {
	margin: 8px 10px;
	border: 1px solid #C0C0C0;
}
#vignettes_alb .env2:hover {
	background-color: #11193B;
	border-color: #CCCCCC;
}
#vignettes_alb .env2:hover .vignette_nom {
	color: #cccccc;
}
#vignettes_alb a.img_link {
	padding: 4px 4px 0;
}
#vignettes_alb .v_recent .env2 {
	border: 1px solid #BDCF7F;
	padding-top: 15px;
	background: #FCFCFC url(nouveau.png) no-repeat 50% 0;
}
#vignettes_alb .v_recent .env2:hover {
	border-color: #11193B;
	border-top-color: #BDCF7F;
	background-color: #FCF0DA;
}
.is_hvcr {
	background: #E0EAF6;
	border: 1px solid #B3C5E7;
	border-width: 1px 0;
	margin: 3px 0;
}
.image_note {
	font-size: 80%;
	padding-top: 2px;
	vertical-align: top;
}
.image_note span {
	display: inline;
}
.image_votes {
	vertical-align: top;
}


/* Pied de page.
   ---------------------------------------- */

#pied td {
	display: none;
}



/* Section "Membres".
   ---------------------------------------- */
#membres_connexion,
#membres_connecte {
	padding: 5px 10px 10px;
	border-bottom: 1px solid silver;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#membres_connexion div {
	margin-bottom: 5px;
}
#membres_connexion .submit {
	display: block;
	padding: 1px 6px;
	margin: 8px 0;
}
#membres_connexion .text {
	width: 156px;
	margin-top: 5px;
	padding: 1px 2px;
	border: 1px solid #A5ACB2;
}
#membres_connexion form {
	margin-bottom: 10px;
}
#membres_connecte img {
	margin: 10px 0 0;
}
#membre_liens {
	margin-left: 10px;
}
#membre_liens li {
	margin: 5px 0 0;
}
#membre_login {
	display: block;
	margin: 5px 0 3px;
}
#membre_login a{
	font-weight: bold;
	color: #79642D;
}
#membre_login a:hover {
	text-decoration: none;
}



/* Pages membres - profil.
   ---------------------------------------- */
#membre_profil {
	padding: 0 15px;
	max-width: 48em;
	margin-top: 25px;
}
#membre_profil table {
	border-collapse: collapse;
	border: 1px solid #898989;
	margin: 0 0 15px 10px;
	background: #F8F8F8;
}
#membre_profil td {
	vertical-align: top;
	padding: 15px;
}
#membre_profil p {
	margin-bottom: 8px;
}
#membre_avatar {
	border-right: 1px solid silver;
}
#membre_infos p span {
	font-weight: bold;
	color: #2F2F2F;
}
td#membre_nom {
	padding: 8px 15px;
	background-color: #CDDDEF;
	border-bottom: 1px solid silver;
}
#membre_nom h2 {
	margin: 0;
}
#membre_nom span {
	font-size: 80%;
}
#membre_infos_text label,
#membre_avatar_upload label {
	display: block;
}
#membre_infos_text .text {
	width: 17em;
	margin: 5px 0 10px;
}
#membre_infos .submit {
	display: block;
	margin-top: 20px;
}
#new_avatar {
	margin-top: 5px;
	width: 30em;
}
#membre_avatar_upload .submit {
	display: block;
	margin-top: 5px;
}
#membre_lien_mpd {
	margin-top: 15px;
}
#membre_supp_avatar,
#membres_retour {
	border-top: 1px solid silver;
	padding-top: 10px;
	margin-top: 10px;
}
#membres_retour {
	text-align: right;
}
#membre_objets {
	margin-top: 25px;
}
#membre_objets li {
	background: url(infos_carre.png) no-repeat left center;
	padding-left: 10px;
	margin-top: 5px;
}



/* Pages membres - inscription.
   ---------------------------------------- */
#membres_inscription {
	width: 400px;
	border: 1px solid #808080;
	margin: 25px 25px 15px;
}
#membres_inscription h2 {
	background: #CDDDEF;
	padding: 10px;
	margin: 0;
}
#membres_inscription form {
	padding: 15px;
}
#membres_inscription label {
	display: block;
}
#membres_inscription .text {
	margin: 5px 0 8px;
	width: 16em;
}
#membres_inscription .submit {
	display: block;
	margin-top: 15px;
	font-weight: bold;
}




/* Pages membres - oubli.
   ---------------------------------------- */
#membre_oubli {
	width: 400px;
	border: 1px solid #808080;
	margin: 25px 25px 15px;
}
#membre_oubli h2 {
	background: #CDDDEF;
	padding: 10px;
	margin: 0;
}
#membre_oubli_form {
	padding: 15px;
}
#membre_oubli_form label {
	display: block;
}
#membre_oubli_form .text {
	margin: 5px 0 8px;
	width: 16em;
}
#membre_oubli_form .submit {
	margin-top: 20px;
	font-weight: bold;
}



/* Pages membres - upload.
   ---------------------------------------- */
#upload_membres_titre {
	background: #CDDDEF;
	padding: 8px 15px;
	border-bottom: 1px solid silver;
}
#upload_membres_titre h2 {
	margin: 0;
}
#upload_membres {
	margin: 25px 15px 15px 25px;
	background: #F8F8F8;
	border: 1px solid #808080;
	width: 470px;
}
#upload_membres form {
	padding: 15px;
}
#upload_categories {
	margin: 10px 0 20px;
	width: 60%;
}
#upload_categories .cat {
	color: black;
	font-weight: bold;
	font-style: italic;
}
#upload_membres fieldset {
	margin-top: 15px;
}
#upload_membres label {
	display: block;
	margin-top: 10px;
}
#upload_membres .image_nom,
#upload_membres textarea {
	width: 350px;
}
#upload_membres textarea {
	padding: 1px;
	margin-top: 5px;
}
#upload_membres .submit {
	margin-top: 20px;
	font-weight: bold;
}
#upload_images input {
	margin-top: 5px;
	display: block;
}
#upload_images {
	margin-top: 10px;
}
#upload_images_mod {
	margin-top: 20px;
	font-weight: bold;
	color: #5A8DC6;
}
#upload_images a.lien_js {
	font-size: 100%;
}
#upload_membres #upload_obj_type {
	margin-bottom: 20px;
}
#upload_membres #upload_obj_type input,
#upload_membres #upload_obj_type label {
	display: inline;
}
#upload_obj_name input {
	width: 60%;
	margin: 5px 0 0;
}
#upload_obj_desc .lien_js {
	font-size: 100%;
}


/* Sidebar.
   ---------------------------------------- */

#galerie_nom {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 2em;
	margin: 10px 0;
	padding: 0 10px 0;
	text-align: center;
	letter-spacing: -.05em;
}
#galerie_nom a {
	color: #5A8DC6;
	text-decoration: none;
}
#galerie_nom a:hover {
	color: #D58B0B;
}
#panneau {
	vertical-align: top;
}
#div_panneau_1 {
	background: url(pan_bordure.png) repeat-y 1px;
	width: 186px;
}
#div_panneau_2 {
	padding-bottom: 5px;
	border: 1px solid #494949;
	background: url(pan_bordure.png) repeat-y right;
}
#options form {
	padding: 0 10px 10px;
	border-bottom: 1px solid silver;
	margin: 0 0 10px;
}
#recherche form {
	border-bottom: 0;
	padding: 0 10px 10px;
	margin: 0;
}
#categories form {
	border-top: 1px solid silver;
	border-bottom: 0;
	padding: 8px 10px 10px;
	margin: 2px 0 10px;
}
#options_lignes form {
	border: 0;
}
.pan_titre div {
	background: #5A8DC6 url(sidebar_titre.png) repeat-x 50% 50%;
}
.pan_titre a {
	display: block;
	text-align: center;
	font-size: 95%;
	color: white;
	padding: 1px 10px;
	margin: 15px 0 5px;
	font-weight: bold;
	letter-spacing: .05em;
	font-family: "Trebuchet MS", sans-serif;
	background: no-repeat 95% 50%;
	text-decoration: none;
	outline: 0;
}
.pan_titre a:hover {
	background-color: #98B9DE;
	color: white;
}
#enlarge {
	left: 0;
	top: 15px;
	position: absolute;
	outline: 0;
}



/* Sidebar : navigation.
   ---------------------------------------- */

#liens_site {
	text-align: center;
	border-bottom: 1px solid silver;
	margin-bottom: 10px;
	padding: 5px 0 10px;
}
#plan {
	margin-bottom: 5px;
}
#recherche #search, #categories select {
	width: 162px;
	margin-top: 5px;
}
#recherche #search {
	width: 156px;
	padding: 1px 2px;
	border: 1px solid #A5ACB2;
}
#historique_lien {
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid silver;
}



/* Sidebar : image aléatoire.
   ---------------------------------------- */

#partie_hasard .env2 {
	border: 1px solid #C0C0C0;
	margin: 4px 0 3px;
}
#partie_hasard .env2:hover {
	background-color: #FCF0DA;
	border-color: #D58B0B;
}
#partie_hasard a.img_link {
	padding: 4px 4px 0;
}
#has_alb_name {
	display: block;
	text-align: center;
	margin-bottom: 18px;
}



/* Sidebar : personnalisation.
   ---------------------------------------- */

#options div {
	text-align: center;
}
#options #thumbs,
#options #afficher,
#options #style,
#options #order,
#options #image_taille {
	text-align: left;
}
#options form {
	border: 0;
}
#options select {
	width: 53px;
	margin-top: 5px;
	border: 1px solid silver;
}
#thumbs select {
	margin-left: .75em;
}
#thumbs, #afficher, #style,
#order, #image_taille {
	padding: 0 10px 10px;
	margin: 10px -10px 0;
	border-bottom: 1px solid silver;
}
#afficher {
	margin-top: 10px;
}
#image_taille {
	margin-top: 10px;
}
#image_taille div {
	margin: 10px 0 0;
	text-align: left;
}
#image_taille #fixed_hl {
	text-align: center;
	margin: 3px 0 0;
}
#style select {
	width: 162px;
}
#nombre_jours {
	margin: 5px 0 0 1.2em;
	width: 32px;
	padding: 1px 2px 0;
}
#thumbs, #style {
	margin-top: 10px;
}
#order select {
	width: 92px;
}
#order #asc-desc {
	width: 56px;
	margin-left: 4px;
}
#img_largeur, #img_hauteur {
	border: 1px solid silver;
	width: 38px;
	margin-top: 5px;
	padding: 1px 2px 0;
}
#options #valider {
	margin-top: 10px;
}



/* Sidebar : statistiques.
   ---------------------------------------- */

#stats {
	text-align: center;
}
#stats ul {
	margin-top: 10px;
}
#stats li {
	padding: 1px 6px;
}
#stats .pan_titre a:hover {
	color: white;
}
#stats_note {
	margin: 4px 0;
}
#stats_note span {
	font-size: 90%;
	display: block;
}


/* Pages membres - liste.
   ---------------------------------------- */
#membres_liste {
	text-align: center;
}
#membres_liste table {
	text-align: left;
	border-collapse: collapse;
	margin: 15px auto;
}
#membres_liste td,
#membres_liste th {
	border: 1px solid silver;
	vertical-align: top;
	padding: 5px 8px;
}
#membres_liste th {
	border-bottom: 1px solid silver;
	font-family: "Georgia", serif;
	background: #CDDDEF;
	font-weight: bold;
	padding: 10px;
}
#membres_liste td.ml_avatar {
	text-align: center;
}
#membres_liste tr.ml_pair td {
	background: #F5F5F5;
}






/* Divers (doit être en dernier).
   ---------------------------------------- */

a.pos_actuel {
	font-weight: bold;
	text-decoration: none;
}

.fidn .submit {
	display: none;
}
.spacer1 {
	margin-top: 10px;
}