/* .............................. */
/* Basic */

body {
    text-align: center;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    background: #0d0d0d;
    color: #fff;
    margin: 20px;
    margin-bottom: 80px;
    padding: 0px 0 0 0;
    }

html, body {
    min-height: 100.1%;
    }
    
.gras {
    font-weight: bold;
    }

.italique {
    font-style: italic;
    }

.tiny {
    font-size: 9px;
    }

.date {
    font-size: 9px;
    padding-left: 10px;
    }

.orangeg {
    color: #D58900;
    font-weight: bold;
    }

.cyan {
    color: #699fff;
    font-weight: bold;
    }

.centre {
    text-align: center;
    }

hr {
    margin: 0px;
    padding-top: 10px;
    border: 0px;
    }

/* Basic */
/* .............................. */


/* .............................. */
/* main et titre */

#surtitre {
    font-size: 12px;
    text-align: left;
    width: 558px;
    margin: 0 auto;
    color: #ffffff;
    }

#surtitre a {
    color: #ffffff;
    }

#surtitre a:hover {
    color: #EDAD00;
    }

#main {
    margin-right: auto;
    margin-left: auto;
	}

#haut {
	height: 1px;
	width: 100%;
	position: fixed;
	top: 0px;
	background: #000;
	border-bottom: 1px dotted #111;
    }

#bord {
	}

#bas {
	height: 1px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background: #000;
	border-top: 1px dotted #111;
	}

/* main et titre */
/* .............................. */


/* .............................. */
/* Link stylings */

a { 
    color: #CCC;
    text-decoration: none;
    }
    
a:hover {
    text-decoration: none;
    color: #D58900;
    }

/* Link stylings */
/* .............................. */


/* .............................. */
/* Menu */

#menuheader {
	width: 538px;
	height: 44px;
	text-align: right;
	margin: 0 auto;
	padding: 10px;
	border: 0px;
	font-size: 9px;
    background: no-repeat left top url(images/headerfooterback.gif) #ffffff;
	}

#menu {
	width: 536px;
	color: #666666;
	text-align: right;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #000;
	border-top: 0px;
	border-bottom: 2px solid #000;
	font-size: 9px;
	background: no-repeat left bottom url(images/minilogo.gif) #ffffff;
	}

#menu a {
    text-decoration: none;
	color: #666666;
	font-size: 11px;
	}

#menu a:hover {
    text-decoration: none;
    color: #D58900;
	font-size: 11px;
	}

/* Menu */
/* .............................. */	


/* .............................. */
/* Image */

#image {
    width: 534px;
    background: no-repeat left top url(images/inhaltoben.gif) #4c4c4c;
    margin: 0 auto;
    border: 2px solid #000;
    border-top: 0px;
    border-bottom: 0px;
    padding: 10px;
    padding-bottom: 0px;
    }


#image img {
    padding: 0px;
    border: 2px solid #000;
    }

/* Image */
/* .............................. */


/* .............................. */
/* sousphoto */

#sousphoto {
	width: 494px;
	margin: 0px auto;
	text-align: left;
	font-size: 12px;
	padding: 30px;
	padding-top: 15px;
	padding-bottom: 18px;
    background: no-repeat left bottom url(images/inhaltunten.gif) #4c4c4c;
	border: 2px solid #000;
	border-top: 0px;
    border-bottom: 0px;
	}

.titre {
	font-size: 12px;
	font-weight: bold;
	padding-right: 10px;
	border-right: 1px solid #fff;
    color: #699fff;
    }

.soustitre {
    font-size: 11px;
    }

.fleche {
    float: right;
    text-align: right;
    }

/* sousphoto */
/* .............................. */


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

#vignettes {
    width: 530px;
    margin: 0px auto;
    padding: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    background: no-repeat left bottom url(images/headerfooterback.gif) #ffffff;
    text-align: right;
	border: 0px;
	border-top: 2px solid #000;
	}

#vignettes img {
    margin-left: 3px;
    }

#vignettes a:link img {
    padding: 0px;
    margin-left: 3px;
    border: 1px solid #999;
    }

#vignettes a:visited img {
    padding: 0px;
    border: 1px solid #999;
    }

#vignettes a:hover img {
    padding: 0px;
    border: 1px solid #D58900;
    }

#vignettes a img {
    filter: alpha(opacity=70);
    opacity: 0.70;
    }

#vignettes a:hover img {
    filter: alpha(opacity=99);
    opacity: 0.99;
    }

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

/* .............................. */
/* credits */

#credits {
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 5px;
    font-size: 9px;
    background: #000;
    color: #9C9C9C;
    }

#credits a {
    text-decoration: none;
    color: #9C9C9C;
    }

#credits a:hover {
    text-decoration: none;
    color: #EDAD00;
    }

/* credits */
/* .............................. */


/* .............................. */
/* liste categories */

#categorie {
    width: 534px;
    background: no-repeat left top url(images/inhaltoben.gif) #4c4c4c;
    margin: 0 auto;
    border: 2px solid #000;
    border-top: 0px;
    border-bottom: 1px solid #5e5e5e;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    }

#catlist {
    float:left;
    text-align: left;
    padding-right: 0px;
    margin-top: 0px;
    }

#catlist ul {
    list-style-type: none;
    margin-top: 0px;
    }

#catlist li {
    list-style-type: none;
    }

#catthumbs {
    float: right;
    text-align: left;
    width: 330px;
    margin-right: 30px;
    }

#catthumbs img {
    margin-right: 3px;
    margin-bottom: 3px;
    }

#catthumbs a:link img {
    padding: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px solid #999;
    }

#catthumbs a:visited img {
    padding: 0px;
    border: 1px solid #999;
    }

#catthumbs a:hover img {
    padding: 0px;
    border: 1px solid #D58900;
    }

#clear {
    clear: both;
    }

/* liste categories */
/* .............................. */


/* .............................. */
/* page licence*/

#licence {
    text-align: left;
    width: 500px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0px auto;
    }

#conditions {
    margin: 0px 25px 0px 25px;
    }

/* page licence*/
/* .............................. */


/* .............................. */
/* page liens */

#liens {
    text-align: left;
    width: 500px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0px auto;
    }

#liens a {
	color: #D58900;
	text-decoration: none;
    font-weight: bold;
    }
    
#liens a:hover {
	text-decoration: none;
	color: #666666;
    font-weight: bold;
    }

#liensg {
    float: left;
    position: relative;
    }

#liensd {
    margin-left: 200px;
    margin-bottom: 30px;
    }

/* page liens */
/* .............................. */


/* .............................. */
/* page commentaires */

#commain {
    margin-right: auto;
	margin-left: auto;
    width: 440px;
    }

#combord {
    background: #fff;
    border: 1px solid #000;
    border-top: 0px;
    border-bottom: 2px solid #000;
	}

#combas {
    height: 19px;
	}

#commain2 {
    margin-right: auto;
	margin-left: auto;
    width: 440px;
    }

#comhaut2 {
    height: 25px;
	}
    
#combord2 {
    background: #ffffff;
    border: 1px solid #000;
    border-top: 2px solid #000;
	}

#combas2 {
    height: 19px;
	}

#comthumb {
    float: left;
    position: relative;
    padding: 10px 10px 0 30px;
    }

#comnav {
    float: right;
    position: relative;
    padding: 10px 30px 0 10px;
    margin: 0 auto;
    font-size: 10px;
    text-align: right;
    }

#comcom {
    text-align: left;
    color: #000;
    padding-top: 10px;
    padding-bottom: 15px;
    }

#eintrag {
    clear: both;
    width: 438px;
    margin: 0 auto;
    background: #4c4c4c;
    border: 2px solid #000;
    border-bottom: 1px solid #5e5e5e;
    border-top: 0px;
    }

#eintrag ul {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

#eintrag li {
    border-top: 1px solid #444444;
    width: 380px;
    margin: 0px auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    }

#eintrag li a {
     font-style: italic ;
    }

#eintrag li span.tiny {
    color: #999;
    }

#addcomment {
    color: #999;
    font-size: 9px;
    width: 380px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 1px;
    }

.input {
    width: 60%;
	border:1px solid #cccccc;
	font-size: 11px;
    color: #666666;
    background: #eeeeee;
    padding: 3px;
    }

.text {
	border: 1px solid #cccccc;
	font-size: 11px;
    color: #666666;
    background: #eeeeee;	
    padding: 3px;
    }
.commentbutton {
	background: #eeeeee;
    border: 1px solid #cccccc;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    }

/* page commentaires */
/* .............................. */


/* .............................. */
/* page commentaires */

#dolicho {
    text-align: left;
    width: 494px;
    background: no-repeat left top url(images/inhaltoben.gif) #4c4c4c;
    margin: 0 auto;
    border: 2px solid #000;
    border-top: 0px;
    border-bottom: 1px solid #5e5e5e;
    padding: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

/* page commentaires */
/* .............................. */