/**
Ce fichier css regroupe tous les styles qui sont utilisés pour la gestion des évènements
dans le site du Pays de la Beauce

Date de création : 08/12/2009
Auteur : Géraldine
*/

a {
text-decoration:none;
border:0px;
}

a:hover {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

/*Div qui contient le calendrier : page d'accueil*/
div#divCalendrier {
width: 300px;
font-size:65%;
}

/*Div qui contient la liste des evenements*/
div#evenement {
width:600px;
}

div.div_evenement_liste {
width:630px;
background:#DEE3F3;
}

.div_evenement_pair, .div_evenement_impair {
padding: 0px 0px 10px 20px;
margin: 0px 0px 5px 0px;
width:290px;
}

/*
.div_evenement_pair {
float:left;
}

.div_evenement_impair {
float:right;
}
*/
.div_evenement_pair h4:first-letter, .div_evenement_impair   h4:first-letter {
text-transform: uppercase;
}

.description {
font-family: 'Trebuchet MS',sans-serif;
color: #52413e;
text-align: justify;
line-height:1.7em;
padding-bottom:10px;
padding-left:20px;
padding-right:10px;
padding-top:10px;
margin:0;
}
.description:first-letter  {
text-transform: uppercase;
font-weight: bold;
font-size: 15pt;
}

div.evenement-date {
text-align:left;
margin:0;
}

/*Div qui contient les détails d'un evenement*/
div.div_evenement {
width: 578px;
height: auto;
min-height: 70px;
padding: 0px 0px 10px 0px;
}

h3.evenement {
font-size:16pt;
color:#106AA8;
border-bottom: 1px dotted #106AA8;
background: transparent url("design/calendrier.png") no-repeat bottom left;
padding: 32px 0px 0px 35px;
}

h3.evenement a {
font-size:12px;
color:black;
font-weight:normal;
}

h3.evenement a img {
vertical-align:-1px;
height:10pt;
}

h4.evenement, h4.evenement a {
color:#4EA0E8;
font-size: 12pt;
margin:5px 0px;
}
/*
h3.evenement_details:first-letter {
font-size:20pt;
text-transform: uppercase;
}
*/
h3.evenement_details {
font-size:14pt;
color:#106AA8;
text-transform: uppercase;
}

h4.evenement_details {
border-bottom:  #464646 1px dotted;
}

div#evenement_pair{
border: none;
}

div#evenement_impair  {
border: none;
}

/*Informations sur l'evenement*/
div#evenement_lieu {
width: 310px;
float:left;
}

div#evenement_contact {
width: 310px;
float:right;
}


/*Options pour filtrer les évènements*/
div#listeControl {
width: 588px;
border: 1px #F1EDED solid;
padding:20px;
}

div#listeControl a img {
border:none;
margin-top: 5px;
}

div#listeControl img {
float:right;
width:24px;
}

#home_evenement.div_evenement_pair {
width:590px;
}

ul, li {
list-style: none;
}

a.annee_en_cours {
font-weight: bold;
text-decoration:underline;
}

div#content_filtre {
width:600px;
float:left;
}

#form_filtre {
	background-color:#EEEEDD;
	padding:2px 0;
}

#form_filtre select {
width: 120px;
height: 22px;
display: inline;
}

#form_filtre span {
width: 500px;
margin-left: 10px;
margin-top: 10px;

}

span#filtre_type_mois {
display:none;
}

#form_filtre span#span_filtre_type {
display: inline;
}

.bouton_design {
background: transparent url("design/bg-filtre.png") repeat-x;
color: White;
height: 35px;
padding: 4px;
margin: 0px 5px;
padding: 0px 5px;
font-weight:bold;
}

#filtre_item {
/*display:none;*/
margin:10px 50px;
}

#form_filtre label {
width: 150px;
display: block;
float: left;
}

/*Afficher le créateur d'un évènement*/
p.createur {
display: block;
background: #DFDFDF url("design/user.ico") no-repeat 10px;
border: 1px solid #B6B6B6;
height: 65px;
width: 568px;
padding: 5px 5px 5px 55px;
margin-bottom: 20px;
margin-top: 20px;
}

a#infos_evenement img, a#ajouter_evenement img, a#modif_evenement img {
text-align: right;
display: block;
float: right;
padding-top: 0px;
margin-right:5px;
border:0;
}


#lien_evenement {
text-align: right;
}

a#haut_de_page {
text-align: right;
font-size: 90%;
display: block;
float: right;
padding-top: 20px;
text-transform: lowercase;
margin-right:5px;
}

a#haut_de_page:first-letter {
text-transform: uppercase;
}

div#evenement_lieu  p{
background: transparent url("design/map.ico") no-repeat left 0px;
padding-left: 30px;
}

div#evenement_contact  p{
background: transparent url("design/contact.ico") no-repeat left 0px;
padding-left: 30px;
}

p#evenement_details {
margin-top: 40px;
}

/*

form#form_ajouter_evenement span {
display: block;
margin: 20px;
}


form#form_ajouter_evenement span#span_objet input  {
width: 450px;
}


form#form_ajouter_evenement span#span_date_debut {
float: left;
width: 40%;
}

form#form_ajouter_evenement span#span_date_fin {
float: right;
width: 40%;
}

form#form_ajouter_evenement span#submit {
clear: both;
}


form#form_ajouter_evenement  textarea {
width: 400px;
height: 140px;
}

div#evenement_ajout_date {
width: 630px;
height: 140px;
}

div#evenement_ajout_date input {
margin-bottom: 10px;
margin-top: 5px;
}
*/
h4.evenement_ajout {
border-bottom: 1px dotted #707070;
padding-left: 35px;
padding-top: 25px;
font-size: 120%;
margin-bottom: 30px;
}

h4#infos_contact {
background: transparent url("design/contact.ico") no-repeat bottom left;
}

h4#infos_content {
background: transparent url("design/content.ico") no-repeat bottom left;
}

div#evenement_ajout_date {
width: 630px;
height: 130px;
margin:0;
}

h4#infos_lieu {
background: transparent url("design/map.ico") no-repeat bottom left;
margin-top:20px;
}

p#evenement_ajout_ok {
background: #DFDFDF url("design/ok.png") no-repeat 10px;
height: 25px;
padding-top: 15px;
}

div.ui-resizable-handle , div.ui-resizable-e {
padding-top: 20px;
}

#form_ajouter_evenement textarea {
width:445px;
height:100px;
margin-left: 120px;
}

textarea#adresse {
margin:0;
height: 80px;
}

#form_ajouter_evenement span.label label {
display:inline-block;
width: 120px;
}

p#span_date_debut {
float: left;
width: 50%;
height: auto;
margin:0;
}

p#span_date_fin {
float: right;
width: 50%;
height: auto;
margin:0;
}

p#connection_erreur {
background: #DFDFDF url("design/error.ico") no-repeat 10px;
height: 30px;
padding-top: 15px;
}

p#resultat_recherche {
background: #DFDFDF url("design/search.png") no-repeat 10px;
height: 30px;
padding-top: 15px;
}