/* .............................. */
/* Basic */
/* .............................. */
body {
font: 9px/20px verdana, helvetica, arial, sans-serif;
margin:0;
padding:0;
}

/* .............................. */
/* Links */
/* .............................. */
a,
a:link, 
a:visited,
a:hover {
text-decoration: none;
}

/* .............................. */
/* navigation-header */
/* .............................. */
#navigation {
font: 9px/20px verdana, helvetica, arial, sans-serif;
position: relative;
padding-top: 2px;
height:20px;
z-index:1000;
}

.nav_menu {
font-size:11px;
float:right;
clear:right;
text-align:right;
padding-right: 10px;
}

.nav_title { /* gauche Titre*/
float:left;
clear:left;
padding-left: 10px;
letter-spacing:2px;
font-size:11px;
}

/* .............................. */
/* navigation-inner */
/* .............................. */
#navigation-inner {
font: 9px/20px verdana, helvetica, arial, sans-serif;
position: relative;
height:18px;
}

.nav_menu-inner {
font: 9px/20px verdana, helvetica, arial, sans-serif;
float:right;
clear:right;
text-align:right;
font-size:11px;
}

.nav_title-inner {
float:left;
clear:left;
font: 9px/20px verdana, helvetica, arial, sans-serif;
}

.nav_menu-inner a {
font: 9px/20px verdana, helvetica, arial, sans-serif;
}

/* .............................. */
/* navigation-footer */
/* .............................. */
#footer {
position:fixed;
bottom : 0;
width:100%;
height:20px;   /* Height of the footer */
z-index:1000;
text-align: center;
} 

.footer-title {
font-family:  verdana, helvetica, arial, sans-serif;
font-size: 9px;
letter-spacing:1px;
}

.footer-float-right {
float:right;
clear:right;
text-align:right;
padding-right: 10px;
}

.footer-menu {
float:left;
clear:left;
text-align:left;
padding-right: 10px;
}

.footer-float-left {
float:left;
clear:left;
text-align:left;
padding-left: 10px;
}

.copyright {
position: absolute;
padding-right: 10px;
padding-left: 10px;
}

/* .............................. */
/* image-container */
/* .............................. */
#image-container {
position:absolute;
left: 50%; 
top: 50%;
z-index:2;
margin: 5px;
padding: 5px;
}

/* .............................. */
/* description-container */
/* .............................. */
#info-container {
position:absolute;
left: 50%; 
top: 50%;
z-index:1;
margin: 5px;
padding: 5px;
}

/* .............................. */
/* description-container-inner */
/* .............................. */
#info-container-box {
position:absolute;
left: 50%; 
top: 50%;
overflow: auto;
margin: 5px;
padding: 5px;
}

#image_notes_clean {
position: relative;
text-align: justify;
margin-left: 5px;
margin-right: 5px;
margin-top:5px;
min-height: 100px;
margin-bottom:5px;
}

#image_notes_clean img {
float: left;
margin-right: 15px;
clear:both;
padding: 5px;
}

/* .............................. */
/* addcomment-container */
/* .............................. */
#addcomment-container {
position:absolute;
left: 50%; 
top: 50%;
z-index:2;
margin: 5px;
padding: 5px;
}

/* .............................. */
/* addcomment-container-inner */
/* .............................. */
#addcomment-container-inner {
position: absolute;
left: 50%;
top: 50%;
overflow: auto;
margin: 5px;
padding: 5px;
}

#addcomment {
padding-top:5px;
padding-left: 5px;
padding-right: 5px;
}

/* .............................. */
/* Comments */
/* .............................. */
#comment-top {
padding:3px;
height:15px;
}    

#comments {
text-align:left;
}

#comments ul {
list-style-type:none;
padding : 0;
margin: 5px;
}

#comments li {
display:block;
padding:3px;
padding-bottom:10px;
text-decoration:none;
padding:10px;
margin: 5px;
}

#comments li a {
text-decoration:none;
}


#comment-middle {
padding:5px;
padding-top:25px;
height:15px;
} 

.input {
width:45%;
font-size:10px;
padding:5px;
}

#addcomment textarea {
width:90%;
height:50px;
font-size:12px;
padding:5px;
}

#comment-thumb {
text-align: justify;
}

#comment-thumb img {
padding: 10px;
float: left;
text-align: center;
}

#global {
position: relative;
margin-left: auto;
margin-right: auto;
width: 70%; /* largeur obligatoire pour être centré */
margin-top: 5px;
text-align: center;
}

.thumbnails img {
padding: 3px;
margin: 2px;
}

#show_add_comment {
display: block;
}

#show_comment {
display: block;
}

#about {
position: relative;
margin-left: auto;
margin-right: auto;
width: 70%; /* largeur obligatoire pour être centré */
margin-top: 15px;
text-align: justify;
}

#about img {
padding: 3px;
margin: 2px;
}

#about .about_title {
font-size: 16px;
}


.toggler {
	margin: 0;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;

}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}