@charset "UTF-8";
/* CSS Document */


/************************ css page-agenda *********************/
#contenu.agenda{
	width:960px;
	background:#fff;
	font-size:0.8em;
	padding-bottom:20px;
}

.recherche-evenement{
  margin:0;
  padding:15px;
  height:20px;
  text-align: center;
  background-color:#EAEDEF;
}
.recherche-evenement select, 
.recherche-evenement input, 
.recherche-evenement label,
.boutons-controles{
	float: left;
	margin-right: 10px;}

.recherche-evenement select, 
.recherche-evenement input{
	border:1px solid #CCC;
}

.recherche-evenement input[type="submit"]{
	background-color:#434343;
	color:#FFF;
	padding:0 10px 0 10px;
}

.recherche-evenement input[type="submit"]:hover{
	background-color:#434343;
	cursor:pointer;
}



#agenda{
	width: 100%;
	clear: both;
}

#fiche_agenda{
	width: 100%; 
	margin-top: 10px;
}

#agenda #map_canvas{
	float:none; /*pour avoir le fond blanc*/
}


#contenu.agenda #form-recherche{
	width: 100%; 
	margin-left: 10px;
	border:1px solid blue;
}

#titre-recherche{margin-bottom:10px;}

.li-form-recherche{
	list-style: none;
	text-align: left;
}

/******************************************************************/
/************************ Une fiche dans la liste ****************/

li.fiche_agenda {
	overflow:hidden;
	margin:10px 0 0 0;
	border: 1px solid #f1f1f1;
	background-color:#fbfbfb;
	padding:5px;
	text-align: justify;
	clear:both;
}

/* correspond � la partie droite de la fiche (titre, r�sum�, en savoir+...)*/
#agenda .contenu-fiche{
	float:left;
	margin:0 0 0 30px;
	width:720px;
}

#agenda a.titre-fiche{
	font-size:1.3em;
	display:block;
	margin:5px 0 5px 0;
}

#agenda a.titre-fiche:hover{
	text-decoration:underline;
}

.dates-fiche{
	color:#423F59;
	font-weight:bold;
	display:block;
	border-top:1px dotted #ededed;
	border-bottom:1px dotted #ededed;
	background-color:#ededed;
	padding:3px 20px 3px 20px;
	margin:0;
}

li.fiche_agenda.no-result{
	width:auto;
	text-color: red;
	font-weight:bold;
}

/******************************************************************/
/*********************Fin une fiche dans la liste ****************/


/************************ css single-agenda *******************/
#contenu.single-agenda{
	width:960px;
	background:#fff;
	font-size:0.8em;
}




/*

Widget Agenda ex : affiche les 3 prochaines manifs sur accueil

*/

.break {
	clear: both;
	display:none;
}



#suggestions {
	font-size: 1em;
	padding:0px 0 5px 0;
	/*background:url(../images/fond_agenda_accueil.jpg) #D2DC62 no-repeat top left;*/
}



#suggestions ins{
	text-decoration:none;
}


#suggestions a{
	display: block;
	clear: both;
	text-decoration: none;
	font-weight:normal;
	padding:0 0 10px 0;	
	margin:0 0 10px 0;
	color:#555;
	border-bottom:1px solid #eee;

}

#suggestions a:hover {
	/*background-color: #EEE;*/
}



#suggestions a img,
#suggestions img{
	float: left;
	padding:0;
	width:80px;
	border:1px solid #DFD9DB;
	margin:0 15px 5px 0;
}



#suggestions a:hover img{
	border:1px solid #b7b7b7;
}


#suggestions #searchresults{
	padding:0;
	background-color:transparent;
	line-height:normal;
}



#suggestions ul#news{
	margin:0;
	padding:0;
	list-style-type:none;
}



#suggestions ul#news li{
	margin:0;
	padding:0;
	/*height:118px;*/
	background-color:transparent;
	position:relative;
}




/************Le titre et la desc de la manif**************************/


/*le texte description*/

#suggestions .resume{
	color: #666;
	font-weight:normal;
	/*display:none;*/ /*pour supprimer les 3 petis points quand on ne veut pas afficher la description*/
	
}

#suggestions span.date{
	color:#504c4a;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 10px 0 0;
	font-size:1em;
	font-style:italic;
}

#suggestions a:hover span {
	
}

#suggestions a:hover span.date {
	color:#504c4a;
}






/*le titre*/

#suggestions a span.searchheading,
#suggestions span.searchheading{
	display: block;
	padding:0 0 5px 0;
	color:#D84066;
	font-weight:bold;
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
}


#suggestions a:hover span.searchheading {
	text-decoration:underline;
}


/*******Titre prochaines manifestations***************/

#suggestions span.category {
	font-size: 1.2em;
	margin:0;
	padding:0 0 10px 0;
	display: block;
	color: #a3b565;
	font-weight:bold;	
	display:none;
}


/***********Lien voir agenda complet***********************/

#suggestions .voir_agenda{
	text-align:right;
	margin:-10px 0 0 0;
	clear:both;
	display:block;
}

#suggestions .voir_agenda a{
	color:#5C6361;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px 0;
	font-size:1em;
	font-weight:bold;
	border-bottom:none;
}


#suggestions .voir_agenda a:hover{
	background-color:#FFF;
	color:#403D5A;
}

/*

Fin Widget Agenda 

*/


/*

widget Calendar

*/

.calendrier li {
	list-style: none;
}


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

.ligne {
	width: 270px;
	margin: 0 auto;
	padding: 0;
}

#libelle li {
	float: left;
	width: 20px;
}

.ligne li {
	color: #000;
	float: left;
	width: 20px;
}

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

li.itemCurrentItem {

}


li.itemSelectedItem {
	color: red;
}



/*

contactable

Description: formulaire proposition de manifestation

*/

#contactable {
	background-image: url(krea3listing_contact.png);
	color: #FFFFFF;
	background-color: #4A5960;
	cursor: pointer;
	height: 200px;
	left: 0; /*margin-left:-5px; *margin-left:-5px; */
	margin-left: 0; *
	margin-left: 0;
	overflow: hidden;
	position: fixed; *
	position: absolute;
	text-indent: -100000px;
	top: 102px; *
	margin-top: 10px;
	width: 44px;
	z-index: 100000;
}


#contactForm {
	background: url(bord.png) #4A5960 top right repeat-y;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	height: 550px;
	left: 0;
	margin-left: -400px; *
	margin-left: -434px;
	margin-top: -160px;
	overflow: hidden;
	padding-left: 30px;
	position: fixed;
	top: 200px;
	width: 360px; *
	width: 394px;
	z-index: 99;
}


form#contactForm input,textarea {
	background: #FFFFFF none repeat scroll 0 0;
	outline-style: none;
	outline-width: medium;
	width: 325px;
	padding: 5px;
	border: 1px solid #dfdfdf;
	font-family: georgia;
	font-size: 1em;
	margin-bottom: 10px;
}


form#contactForm .submit {
	background: #E06FAC none repeat scroll 0 0;
	outline-style: none;
	outline-width: medium;
	width: 325px;
	padding: 5px;
	border: 3px solid #E06FAC;
	outline-color: -moz-use-text-color;
	font-family: georgia;
	font-size: 1em;
	cursor: pointer;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bolder;
	font-family: Helvetica;
	margin-top: 10px;
}



form#contactForm p {
	width: 325px;
	font-size: 0.9em;
	color: #ffffff;
}


form#contactForm .disclaimer { *
	margin-left: 20px;
}

#contactForm .red {
	color: #E06FAC;
}


#overlay {
	background-color: #666666;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}


.error {
	background-color: #ffd1ea;
}


#name.error {
	background-color: #ffd1ea;
}


#email.error {
	background-color: #ffd1ea;
}


#comment.error {
	background-color: #ffd1ea;
}


form#contactForm label { *
	margin-left: 20px;
}

form#contactForm #loading {
	background: url(krea3listing_ajax-loader.gif) no-repeat;
	width: 55px;
	height: 55px;
	margin: 100px auto;
	display: none;
}

#callback {
	font-family: georgia;
	font-size: 1.1em;
	color: #FFF;
	width: 325px;
	margin: 100px auto;
	display: none;
}

.holder {
	margin: 0 auto; *
	margin-left: 20px;
	padding-top: 20px;
}