/* CSS Document */
#news, #shout, #calendar {
  background: url(../../includes_img/jpg/nav_left.jpg) repeat-y;
  float:left;
  padding-left: 17px;
  padding-right: 2px;
  padding-bottom: 3px;
  text-align: left;
  font-size:0.8em;
  width:173px;
  border:0px dashed #CCCCCC;
}
#news h2,#shout h2,#calendar h2 {
	margin-top:10px;
  	font-size: 0.9em;
  	color: #BE8B06;
	text-align:center;
}
#news h3, #news p, #calendar h3 {
  font-size: 11px;
  margin: 1em 8px 1em 0;
}
#news a {
  color: #74653D;
  font-weight: bold;
  text-decoration: none;
}
#news a:hover {
  color: #AD4E4A;
}
#news .more {
  font-size: 9px;
}

#news .hr-dots {
  padding-bottom:0em;
  border-bottom:1px dotted #CCCCCC;
}

/*********************** Liens utiles  ) SHOUT */

#shout dl{
	margin:0 0em;
	border:0px solid #CCCCCC;
}


#shout dd{
	padding: 1px 0px;
	margin: 0em 2.4em 0.7em 0.5em;
}

#shout dt{

}

#shout dl dt span{
	color:#74653D;
	font-weight:bold;	
	cursor:pointer;
}

#shout dl dd span{
	display:block;
	width:100%;
	text-align:right;
	margin-top:1em;
}

#shout dd a:link{
	text-decoration:none;
	color:#74653D;
}

#shout dd a:hover{
	color:#AD4E4A;
	font-weight:bold;
	text-decoration:underline;
}

/* ----------------------------------------------------- 	Styles appliqués au Calendrier  ----------------------------------------------------- */

#calendar{
	float:left;
	padding-left: 17px;
	padding-right: 2px;
	padding-bottom: 3px;
	text-align: justify;
	font-size:0.8em;
	width:173px;
	border:0px dashed #CCCCCC;
}

#calendar ul li{
	list-style: none;
	
}

#calendar #libelle {
	width: 173px;
	margin: 0 auto;
	padding: 0 0;
}

#calendar .ligne {
	width: 173px;
	margin: 0 auto;
	padding: 0 0;
} 

#libelle li {
	float : left;
	width : 2.2em; 
	text-align:center;
	color:#FFFFFF;
	background-color:#AD4E4A;
	font-size:0.8em;
}

#calendar .ligne li {
	color: #000;
	float : left; 
	width : 2.2em;
	text-align:center;
	font-size:0.8em;
}

#calendar .ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

#calendar .ligne li.itemCurrentItem {
	/* apparence de la date du jour */
	color:#FFFFFF;
	font-weight:normal;
	background-color:#AD4E4A;
}

#calendar .ligne li.itemCurrentItem2 {
	/* apparence de la date du jour is event */
	
	font-weight:normal;
	background-color:#AD4E4A;
}

#calendar .ligne li.itemCurrentItem2 a:link{
	color:#FFFFFF;
}


#calendar .ligne li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
	border:0px solid #AD4E4A;
}

#calendar .ligne li.itemExistingItem {
	background-color:#F3F2E7;
}

#calendar .ligne li.itemExistingItem {
	font-weight:normal;
	color:#AD4E4A;
	text-decoration:none;
	
}