body {
	font: 13px Verdana, Georgia, "Times New Roman", Times, serif; 
  	color: #4C532E;
  	margin: 10px;
  	padding: 0;
    text-align: center;
  }
  
  /* 
  Couleurs:
    bleu clair = #A5A4DE 
	bleu foncé = #66658B
    gris = #4C532E 
  */
  
  #container {
    width: 844px;
    text-align: left;
    margin: 0 auto;
  }
  #main-content {
    width: 844px;
    padding-bottom: 5em;
	padding-top: 10px;	
	padding-left: 10px;	
	
  }
  
  #sidebar {
    float: left;
    width: 230px;
  }
  
 #content-item {
  	/* border-top: 1px dotted #878787;*/
	float:right;
    width: 600px;
	padding-left: 10px;	
  }

  /* Header style
  ----------------------------------------------- */
   #header {
  	text-align: center;
    /* background-image: url(/images/header.png); */
	height: 184px;
	width: 844px;
	background-color: #FFFFFF;
	
   padding-bottom: 55px ;
   padding-top: 10px;
  } 

  /* Footer style
  ----------------------------------------------- */
  #footer {
  font-size: 10px;
    clear: both;
	border-top: 1px solid #CCC;
   background: #fff;
   width: 100%;
   height: 30px;
   text-align: center;

  }

 
/* Top Menu
  ----------------------------------------------- */
#top-menu {
text-align:left;
}

ul#top-menu-list{
   margin: 0;
   padding:0; 
   list-style-type:none; 
}

ul#top-menu-list li { 
	position:relative; 
	float:left; 
	border-bottom:4px solid #efefef; 
	margin-right: 15px; 
	padding-right: 20px; 
	padding-top: 5px;
}

ul#top-menu-list .current {
border-bottom:4px solid #A5A4DE;
}

ul#top-menu-list li:hover { border-bottom:4px solid #A5A4DE;}

ul#top-menu-list li a { 
	padding:2px 2px; 
	text-decoration:none; 
	font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; 
	color:#68759c;
}

ul#top-menu-list li a:hover { color:#8895b8; border:none; }

ul#top-menu-list li span{ 
 display:none; 
 position:absolute; 
 top:20px; 
 left:2px; 
 width:160px; 
 font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; 
 line-height: 15px; 
}

ul#top-menu-list li a:hover span {
  margin-top: 7px;  
  display:block; 
  color: #8895b8;
 }

 /* Sidebar style
  ----------------------------------------------- */

#sidebar .links {
	background: #F7F7F7; 
 /*float: left;*/
  	position: relative;
	font:normal 12px Verdana, Georgia, "Times New Roman", Times, serif; 
}
  #sidebar li a:link, #sidebar li a:visited {
  	background: none;
  	font-weight: normal;
  	display: block;
  	border-bottom: 1px solid #fff;
	text-decoration:none;
  }
  #sidebar li a:hover {
  	background: #fff;
	color: #A5A4DE ;
}

 #sidebar ul li {  
	 margin: 2px;
     /*list-style-type: square;*/
  list-style-image: url(/images/puce.gif);
}

/* Pretty quotes
  ----------------------------------------------- */

blockquote {
text-indent: 35px;
text-align: justify; text-justify: newspaper;
background: url(/images/quotes1.png);
background-position: 0 2px;
background-repeat: no-repeat;
}

blockquote p {
display: inline;
margin: 0;
padding-right: 35px;
background: url(/images/quotes2.png);
background-position: bottom right;
background-repeat: no-repeat;
}

/* 2-columns layout
  ----------------------------------------------- */
div.leftcol {
 float:left; 
 width:100px; 
 margin:10px 0 10px 5px;
}

div.rightcol {
margin:10px 0 10px 100px; 
}


/* List 
  ----------------------------------------------- */

ul.items_list li {
background-color:#EEEEEE;
border:3px solid #DDDDDD;
clear:both;
margin-bottom:10px;
padding:5px;
list-style-type:none;
color: #66658B;
}

ul.items_list li.hover {
 border-color: #bbb;
}

div.frame, li.frame {
/* height:90px; */
padding:5px;
/* width:110px; */
float:left;
margin-right:5px;
}

.frame a {
	font-size:50%;
	text-decoration:none;
}
.frame a:hover { color:#8895b8; border:none; }

div.item-content {
}
.item-content a {	
	font-size:80%;
	color: #66658B;
}
.price {
	font-style:italic;
	font-weight:bold;
}

/* Photos 
  ----------------------------------------------- */
html > body .inline-block {
	display:inline-block;
}

.photo-album {
	position: relative;
}
.photo-album-item {
	width: 152px;
	margin:2px 0 0.5em 2px;
	position: relative;
	vertical-align:top;
}
	
.photo-album-item  p {
	overflow:hidden;
	font-weight:bold;
	width:144px;
	font-size: 75%;
}

/* Poemes 
  ----------------------------------------------- */
  
  .poeme-item  {
	font: Verdana, Georgia, "Times New Roman", Times, serif; 
	font-style:italic;
	text-align:center;
	font-size: 85%;
	border: dotted grey 1px;
  }
  
  .adresse {
	font-style:italic;
	font-size: 13px;
  }
  
/* Others
  ----------------------------------------------- */
a:hover {
  	background: #fff;
	color: #A5A4DE ;
}

a {
	color: #66658B;
}

h1 {
	font-size:1.4em;
	font-weight:bold;
	font-variant: small-caps;
	color: #66658B;
	background-color: transparent;
}
h2 {
  color:#66658B;
  background-image: url(/images/header-background.gif);
  /*background-color: #FDFCA7;*/
  font-size: 16px;
  font-weight:bold;
  border-bottom:1px dotted #CCCCCC;
  border-top:1px dotted #CCCCCC;
  margin:15px 0 2px;
  padding-bottom:2px;
}


h3 {
  color:#66658B;
  font-size: 80%;
  background-color: #efefef ;
}

/* For the forms
 ---------------------------------------------*/
dt.label {
	font-size: 12px;
	/*width: 180px;
	display: block;
	float: left;*/
}

.zend_form  {
	font: 100% Verdana, Georgia, "Times New Roman", Times, serif; 
}

#formbutton {
	margin-left: 100px;
}

.submitbuttonform, #submitbutton, #cancelbutton, #login {
    font-size: 70%;
	border:medium none;
	cursor:pointer;
	height:25px;
	background-color: #66658B;
	color:white;
	margin-top: 5px;
	margin-bottom: 5px;
}

.error {
	color:red;
	font-weight: bold;
}

dt {
width: 180px;
}

dl.zend dt, dd { min-height: 30px; }

dl.zend_form dt {
		float: left;
		clear: left;
		text-align: right;
}

dl.zend_form dt label.required { font-weight: 600; }

dl.zend_form dd {
		float: left;
		clear: right;
		padding-left: 5px;
}
	
dl.zend_form dd ul.errors {
		list-style: none;
		padding: 0;
		margin: 0;
}
	
dl.zend_form dd ul.errors li {
		float: left;
		margin: 0 0.15em;
		font-size: 12px;
		color: red;
}
	
.information {
 color: green;
 font-style: italic;
 }
 
/* Blog
  ----------------------------------------------- */
.post {
background-color: 	#F5F5F5 ;
border-bottom: 1px dotted #66658B  ;
}

.storytitle {
}

.storytitle a {
  text-decoration:none;
}

.storycontent {
	font-size:85%;
}

.meta, .meta a {
/*color:#808080;*/
font-weight:normal;
letter-spacing:0;
}

.meta {
font-size:0.75em;
}

.feedback {
	text-align: right;
	font-size:0.75em;
}

/* Admin
  ----------------------------------------------- */

  
 #admin  a{
  color:red;
  font-weight:bold;
  }
  
#admin table, #admin tr{
  border:1px solid #A5A4DE ;
  border-collapse:collapse;
  }