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

a.pano{
  font-size:14px;
	font-weight:bold;
	color:#333333;
	background:yellow;
	padding:4px;
}

body {
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	background-color:#333;
	color: #888;
	margin:0;
	padding:0;
	}
	
html, body {
   min-height:100.1%;
	}

.gras {
	font-weight: bold;
	}

.italique {
	font-style: italic ;
	}

.orangeg {
	color: #FFF191;/*#F2984C;*/
	font-weight: bold;
	}

.centre {
	text-align: center;
	}

#vsyakoye {
	padding:12px 0 10px 0;
}


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

#main { background:#000; border:1px solid #555; margin-right: auto;	margin-left: auto; 	width: 940px;	}

#haut {	/* background-image: url(images/haut.gif); */  height: 32px;	text-align:left;}
#bord {	/* background-image: url(images/bord.gif); */ }

#bas { /*	background-image: url(images/bas.gif) */ ;height: 18px;	}

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

a {
	color: #888;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	color: #FFF191;/*#F2984C;*/
	}


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

#surtitre{
  float:left;
  font-size: 12px;
  font-weight:bold;
  margin-left:68px;
}

#surtitre a{
  color: #666666;
  text-decoration:none;
}

#surtitre a:hover{
  color: #FFF191;/*#F2984C;*/
  text-decoration:underline;
}

#menu {
	width: 800px;
	text-align: right;
  margin: 0 auto;
  margin-top:-14px;
  /*padding-bottom:12px;
	border-bottom: 1px solid #cccccc;*/
	font-size: 9px;
	background:none;
}

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

#menu a:hover {
	text-decoration: none;
	color: #FFF191;/*#F2984C;*/
	font-size: 11px;
	}


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

#image img{
   padding:0px;
   margin:15px 15px;
   border:2px solid #BBB;
}


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

#sousphoto {
	width: 800px;
	margin:0px auto;
	text-align: left;
	font-size: 12px;
	}

.titre {
	color: #FF9A35;/*#CB7450;*/
	}

.soustitre {
	width: 800px;
	padding-top:11px;
	padding-bottom: 15px;
	font-size: 11px;
	}

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

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

#vignettes {
	width: 806px;
	margin:0px auto;
	text-align: right;
	padding-top:5px;

	}

#vignettes a:link img{
	padding: 4px;
	border: 1px solid #333;
	}

#vignettes a:visited img{
	padding: 4px;
	border: 1px solid #333;
	}

#vignettes a:hover img{
	padding: 4px;
	border: 1px solid #CB7450;
	}




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

#credits {
  margin-top:8px;
  margin-bottom:15px;
	font-size: 10px;
	color: #9C9C9C;
	}

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

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

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

#archive {
	width: 800px;
	height: auto;
	min-height: 370px;
	_height: 370px;
	padding-top: 7px;
	padding-bottom: 1px;
	margin:0px auto;
	}

#archive .thumbnails{
	border:none;
	margin:3px;
}

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

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

#comhaut {
	background-image: url(images/comhaut.png);
	height: 25px;
	}

#combord {
	background-image: url(images/combord.png);
	}

#combas {
	background-image: url(images/combas.png);
	height: 19px;
	}

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

#comhaut2 {
	background-image: url(images/comhaut.png);
	height: 25px;
	}

#combord2 {
	background-image: url(images/combord.png);
	}

#combas2 {
	background-image: url(images/combas.png);
	height: 19px;
	}

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

#comnav {
	width: 380px;
	margin: 0 auto;
	border-bottom: 1px solid #cccccc;
	font-size: 10px;
	text-align: center;
	padding-bottom: 5px;
	}

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

#commain ul {
   display: inline;
   list-style:none;
	}

#commain li {
   border-top:1px dotted #cccccc;
   width: 380px;
  	margin: 0 auto;
   padding-bottom:5px;
	padding-top:5px;
	text-align: left;
	}

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

#commain li:hover {
    background:#eeeeee;
    }

#addcomment {
   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 a propos */
/* .............................. */

#aboutdiv {
	text-align: center;
 	width: 250px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin:0px auto;
}

#abouttext{
  margin-top:25px;
  text-align: left;
}

/*

CALENDAR

*/

.td-calendar-days-vz {
	padding: 1px;
	text-align: center;
	border-top: 0px solid #999;
	border-bottom: 1px solid #999;
	border-right: 0px;
	border-left: 0px;
	background: #fff;
	color: #999;
}

.td-calendar-days-vz:hover {
	background: #444;
}

.td-calendar-days {
	padding: 2px 7px 2px 7px;;
	text-align: center;
	border: none;
	background: #fff;
	color: #999;
}

.td-calendar-days:hover {
    background: #444;
}

.td-calendar-navi-vz {
	border:none;
	padding-top:4px;
	text-align: center;
	letter-spacing: 1px;
	word-spacing: 5px;
}

.td-calendar-navi-vz a {
  text-decoration:none;
  color: #444;
}

.td-calendar-navi {
	border: none;
	padding-top:4px;
	text-align: right;
	letter-spacing: 1px;
	word-spacing: 5px;
}

.td-calendar-navi a {
 	text-decoration: none;
  color: #444;
}

.td-calendar-days-imagefound {
	padding: 2px 7px 2px 7px;;
	text-align: center;
	border: none;
	background: #CCCCCC;
	color: #999;
}

.td-calendar-days-imagefound:hover {
  background: #D58900;
}

.td-calendar-days-imagefound a {
  text-decoration: none;
  color: #444;
}

.td-calendar-days-imagefound a:hover {
  text-decoration: none;
  color: #fff;
}

.table-calendar {
  font-family: Helvetica, verdana, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 600px;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	right:0px;
}

.table-calendar-vz {
  font-family: Helvetica, verdana, sans-serif;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	width: 200px;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	right:0px;
}

#calendar {
  width: 800px;
  font-family: Helvetica, verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
	margin: 6px auto 0px auto;
	padding:10px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	text-align: right;
}