html {
background-color: #f1fade;
color: #182000;
padding: 0;
margin: 0;
border: 0;
background-repeat: no-repeat;
height: 100%;
}

body {
padding: 0;
margin: 0;
border: 0;
font-family: Verdana;
font-size:10.0pt;
height: 100%;
}

img {
border: none;
}

p.notes {
font-family:Verdana;
font-size:8.0pt;
}

a:link {
color: #000000; 
text-decoration: none;
}
a:visited {
color: #000000; 
text-decoration: none;
}
a:active {
color: #000000; 
text-decoration: none;
}
a:hover {
color: #030252; 
text-decoration: none;
}

#header {
padding: 0;
width: auto;
height: 109px;
}

#logo {
float: left;
}

#top_message {
list-style-type: none;
float: left;
width: 300px;
margin: 0.2em 0 0 1em;
padding: 4px;
height: 90px;
color: #000000;
font-family: Verdana;
font-size: 12px;
text-align: left;
line-height: 15px;
}

#top_message .a {
font-size:20.0pt;
letter-spacing: -5px;
}
#top_message .d {
font-size:10.0pt;
font-weight: bold;
letter-spacing: -1px;
}

#membre {
float: right;
width: 180px;
height: 90px;
text-align: center;
margin: 5px 2em 0 0;
padding: 10px 0 0 0;
background-image: url("theme/fd_membre.jpg");
background-repeat: no-repeat;
background-position: bottom;
}

#membre ul {
width: 150px;
margin: 10px auto 0 auto;
padding: 0;
}

.membre_actions, .membre_actions_form {
width: 150px;
margin: 15px auto 0 auto;
font-family: Verdana;
font-size: 7.0pt;
padding: 0px;
list-style-type:none;
text-align: left;
}

#rate {
width: 150px;
margin: 0 auto;
font-family: Verdana;
font-size: 7.0pt;
padding: 0px;
list-style-type:none;
}

.membre_actions_form {
text-align: right;
}

.membre_actions_form input {
margin: 1px auto 0 auto;
font-family: Verdana;
font-size: 10.0pt;
padding: 0 0 0 3px;
list-style-type:none;
background-color: transparent;
color: #000000;
width: 30px;
border: none;
}
.membre_actions_form .spe {
width: 70px;
height: 15px;
border: 1px solid #537000;
}
.membre_actions_form .remember {
margin: 0 20px 0 0;
}
.membre_actions_form .submit {
width: 30px;
height: 10px;
margin: 1px auto 0 auto;
font-size: 10.0pt;
color: #000000;
}

.membre_actions_form .spe:hover {
border: 1px solid #000000;
}

.membre_actions_form .err {
margin: 3px auto 0 auto;
text-decoration: blink;
}

.membre_actions li {
padding: 1px;
}

.membre_actions a {
display: block;
width: 132px;
font-weight: bold;
font-size: 10px;
padding: 1px 15px;
color: #537000;;
}

.membre_actions li:hover{
background-color: #fff;
}

.user {
margin: -5px auto 0 auto;
color: #537000;
font-family: Verdana;
font-size: 14.0pt;
}


#menu_deroulant {
position:relative;
height:25;
}

.popper {
position: absolute;
visibility: hidden;
z-index:3;
}

#topgauche {
position:absolute;
z-index:10;
}
/*
A:hover.ejsmenu {
color:#000000;
text-decoration:none;
}

A.ejsmenu {
color:#000000;
text-decoration:none;
*/

#menu {
width: auto;
height: 55px;
margin: 0;
background-image: url("theme/fond_logo_bas.jpg");
background-repeat: no-repeat;
}

#menu_cente {
display: block;
width: 950px;
height: 25px;
max-width: 950px;
min-width: 950px;
margin: 0 auto 0 auto;
padding: 0;
}

#menu_top {
z-index: 2;
position: absolute;
width: 950px;
margin: 0 0 0 0;
padding: 0;
}

#menu_top li {
float: left;
width: 157px;
height: 29px;
margin: 0 16px;
background-color: #B1F816;
background-repeat: no-repeat;
font-family: Verdana;
font-size: 8.0pt;
padding: 1px auto 0 auto;
list-style-type:none;
text-align: center;
overflow: hidden;
}

#menu_top .titre {
background-image: url("theme/menu_onglet.jpg");
}
#menu_top a.bcl {
background-image: url("theme/menu_deroulant_boucle.png");
}
#menu_top .deroulant_haut {
display: block;
float: left;
width: 157px;
height: 12px;
background-image: url("theme/menu_deroulant_haut.png");
}
#menu_top .deroulant_bas {
display: block;
float: left;
width: 157px;
height: 10px;
background-image: url("theme/menu_deroulant_bas.png");
}

#menu_top li:hover {
overflow: visible;
}

#menu_top li input {
width: 140px;
height: 15px;
margin: 5px 0 0 0;
border: none;
background: transparent;
font-family: Verdana;
font-size: 8.0pt;
padding: 0;
text-align: center;
}

#menu_top li input:hover {
width: 138px;
height: 13px;
border: 1px solid #000000;
background-color: #f1fade;
font-family: Verdana;
font-size: 8.0pt;
padding: 0;
text-align: center;
}

#menu_top a {
float: left;
display: block;
text-align: center;
padding: 7px 0 0 0;
width: 157px;
height: 22px;
color: #3F7609;
}

#menu_top a:hover {
color: #000000;
}

#contenu {
display: block;
width: 950px;
min-width: 720px;
padding: 0 0 0 0;
text-align: center;
margin: 0 auto 0 auto;
}

#commentaires_extrait {
float: right;
width: 220px;
height: 700px;
padding: 0 0 0 5px;
border-left: 1px dotted #B5C395;
}

#liste_albums, #liste_photos {
float: left;
width: 720px;
height: auto;
}

.album, .album_recent {
float: left;
width: 210px;
height: 180px;
padding: 30px 10px 0px 10px;
margin: 5px;
background-image: url("theme/fd_album.jpg");
}
.album_recent {
background-image: url("theme/fd_album_recent.jpg");
}

.photo, .photo_recent {
float: left;
width: 153px;
height: 138px;
padding: 5px 5px 0px 5px;
margin: 8px;
background-color: #1D1D1D;
background-image: url("theme/fd_photo.jpg");
}
.photo_recent {
background-image: url("theme/fd_photo_recent.jpg");
}

.photo .thumbnail, .photo_recent .thumbnail {
margin: 10px auto 0 auto;
}

.photo .texte, .photo_recent .texte {
display: block;
margin: 3px auto 0 auto;
color: #f1fade;
font-size: 8.0pt;
}

.album .texte, .album_recent .texte{
float: left;
width: 180px;
margin: 0 0 0 13px;
color: #1D1D1D;
font-family: Verdana;
padding: 2px;
font-size: 8.0pt;
text-align: left;
}

#fullTagCloud {
float: left;
width: 100%;
height: auto;
margin: 50px 0 0 0;
overflow: Hidden;
  font-size: 100%;
  text-align: justify;
  padding: 0;
}

#fullTagCloud LI {
  display: inline;
  white-space: nowrap;
}

#fullTagCloud LI a:hover {
background-color: #b0e903;
}

#content #fullTagCloud {
  font-size: 120%;
}

#menuTagCloud {
display: block;
max-width: 650px;
margin: 0 auto;
}

#menuTagCloud LI {
  display: inline;
margin: 5px;
  white-space: nowrap;
background-color: #b0e903;
}

#copyright {
float: left;
width: 100%;
text-align: center;
margin: 50px 0 0 0;
font-size: 8.0pt;
}
#xiti-logo {
margin: 20px 0 0 0;
}

.tagLevel5 { font-size: 200%; }
.tagLevel4 { font-size: 150%; font-weight: bold; }
.tagLevel3 { font-size: 100%; font-weight: bold; }
.tagLevel2 { font-size: 60%; font-weight: bold; }
.tagLevel1 { font-size: 60%; }


.categoryActions {
width: 100%;
display: none;
}

.categoryActions ul {
width: 100%;
}

.categoryActions li {
display: inline;
}


.calendarCalBar {
background-color: pink;
float: left;
width: 190px;
height: 195px;
padding: 15px 20px 0px 20px;
margin: 5px;
background-image: url("theme/fd_album.jpg");
}

.calCal {
display: inline;
float: left;
padding: 2px 3px;
font-size: 6.0pt;
}
.calCal a {
display: inline;
font-size: 10.0pt;
font-weight: bold;
}

.calCalHead {
display: block;
font-size: 8.0pt;
width: 190px;
margin: 0;
}

.calCalHead a {
display: inline;
font-size: 18.0pt;
font-weight: bold;
}

.calMonth {
border: 2px solid #000000;
margin: 10px auto;
}

td.calDayCellFull, td.calDayCellEmpty, td.calDayCellBlank {
text-align: left;
vertical-align: top;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 18px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
background-color: #E0F5AB;
}

.calForeDate {
padding-left: 5px;
padding-top: 1px;
z-index: 3;
position: absolute;
text-align: left;
vertical-align: top;
}
.calBackDate {
display: none;
}

.calImg {
overflow: hidden;
vertical-align: bottom;
z-index: 1;
position: relative;
}

#rate {
text-align: center !important;
background-color: transparent;
margin: 0 !important;
padding: 0 !important;
height: 20px !important;
width: 150px !important;
}
.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
padding:0;
border:0;
}
.rateButton, .rateButtonStarFull, .rateButtonStarEmpty {
cursor: pointer;
}
.rateButtonSelected {
font-weight:bold;
font-size:120%;
}
.rateButtonStarFull {
background: url(theme/etoile_check.gif) no-repeat center;
width: 16px;
}
.rateButtonStarEmpty {
background: url(theme/etoile.gif) no-repeat center;
width: 16px;
}

.comment .commentInfo {
font-size: 10px;
text-align: right;
margin: 0;
font-weight: bold;
}
.comment .commentInfo a {
border: 1px solid #828177;
padding: 1px;
}
.comment .commentInfo .author {
border: 1px solid #828177;
padding: 1px;
}
.comment h4 {
margin: 20px;
padding: 10px;
font-size: 18px;
letter-spacing: -1px;
line-height: 16px;
border-bottom: 1px dotted #B5F51D;
}
.comment blockquote {
width: 270px;
font-size: 10px;
margin: 10px auto;
padding: 15px;
background: #D5F588;
}
.comment blockquote.auteur {
width: 320px;
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 10px auto;
padding: 15px;
background: #B5F51D;
}

#thePicturePage #comments {
padding: 5px;
width: 350px;
padding: 5px !important;
}

#comments .zonecomments {
height: 500px;
width: 320px;
max-height: 900px;
padding: 5px;
text-align: left;
overflow: scroll;
overflow: -Moz-Scrollbars-Vertical;
}

#comments .tags a {
float: left;
margin: 5px;
font-weight: bold;
font-size: 14px;
color: #828177;
padding: 5px;
border: 1px dotted #828177;
}
#comments .tags a:hover {
color: #000000;
border: 1px dotted #000000;
}

#addComment {
margin-bottom: 50px;
}

#comments textarea {
width: 100%;
}

#thePicturePage {
min-width: 900px;
}
#thePicturePage #page {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
min-width: 950px;
text-align: center;
}
#thePicturePage #page td {
padding: 0;
margin: 0;
valign: top;
}


.navigationBar {
width: 100%;
display: block;
float: left;
font-size: 14px;
color: #999999;
padding: 2px;
font-weight: bold;
font-size: 10px;
border: 0px inset #000000;
background: #1D1D1D;
}

.navigationBar a {
color: #999999;
}

.additional_info {
font-size: 12px;
font-weight: bold;
margin: 10px 0 50px 0;
padding: 5px;
text-align: left;
}
.additional_info img {
margin: 0 5px 2px 0;
}


#theImage {
width: 100%;
height: 100%;
border-left: 1px dotted #828177;
}

#contenu .comment img {
float: left;
height: 40px;
margin: 0 10px 3px 0;
}
#contenu .comment {
display: block;
text-align: left;
font-size: 10px;
margin: 10px 5px;
height: 80px;
border: 1px solid #B5C395;
background: url(theme/commentfd.jpg) no-repeat center;
overflow: hidden;
}
#contenu .comment blockquote {
margin: 0 5px 5px 5px;
}

#pop_header {
font-size: 10px;
height: 100px;
clear: both;
}
#pop_header .pseudo {
font-size: 12px;
float: right;
font-weight: bold;
padding: 0px 15px;
border: 1px solid #666666;
}
#pop_header img {
float: left;
}

#popup .vignettes li {
float: left;
list-style-type: none;
margin: 10px;
padding: 5px;
width: 135px;
height: 200px;
display: block;
text-align: center;
overflow: hidden;
cursor: pointer;

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
box-shadow: rgba(200,200,200,1) 0 4px 18px;
font-size: 10px;
border: 1px solid #fff;
color: #383838;
}

#popup .liste li {
list-style-type: none;
margin: 3px;
cursor: pointer;
padding: 5px;
height: 17px;
display: block;
text-align: left;
overflow: hidden;
width: 93%;
min-width: 700px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: rgba(200,200,200,1) 0 2px 2px;
-webkit-box-shadow: rgba(200,200,200,1) 0 2px 2px;
-khtml-box-shadow: rgba(200,200,200,1) 0 2px 2px;
box-shadow: rgba(200,200,200,1) 0 2px 2px;
font-size: 16px;
border: 1px solid #fff;
color: #383838;
}

#popup .liste img {
float: left;
margin-right: 20px;
height: 14px;
}
#popup .liste b {
float: left;
display: block;
width: 300px;
}

#popup .vignettes li p {
text-align: left;
}

#popup li.selection {
background: #9CF908;
}

#popup li:hover {
background: #D4F861;
}

#popup .vignettes b {
font-size: 14px;
display: block;
}

#popup form, #popup_admin form, #popup_admin .texte_demande {
width: 500px;
margin: 20px auto;
background: #9CF908;
clear: both;
padding: 0;
text-align: center;

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#popup h4 {
padding: 10px;
}

#popup textarea {
padding: 10px;
width: 95%;
height: 100px;
font-size: 16px;
background: #fff;
border: 1px inset #000000;
font-family: verdana, arial;
margin: -20px 0 0 0;

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#popup input {
padding: 5px;
margin: 10px;
border: 1px outset #000000;
background: #fff;
}

#vue {
display: block;
text-align: center;
margin: 0 auto;
width: 200px;
background: #9CF908;
padding: 5px;
text-align: center;
font-size: 10px;

-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}




#popup_admin li {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}
#popup_admin #gestion_demande li {
float: left;
clear: both;
}
#popup_admin #gestion_demande li img {
float: left;
margin: 0;
padding: 0;
}
#popup_admin ul {
margin: 0;
padding: 0;
}
#popup_admin #gestion_demande label {
margin: 10px;
width: 350px;
float: left;
display: block;
padding: 0;
}
#popup_admin form {
text-align: left;
padding: 25px;
}
#popup_admin #gestion_album li {
height: 23px;
margin: 3px 0;
}
#popup_admin #gestion_album li:hover {
background: #FFFFFF;
}

#popup_admin #gestion_album .pseudo, #popup_admin #gestion_album .mail, #popup_admin #gestion_album .nom {
float: right;
display: block;
overflow: hidden;
width: 140px;
height: 13px;
margin: 0 5px;
padding: 5px;
font-size: 10px;
}

#popup_admin .album, #popup_admin .album .texte {
text-align: center;
}