/*
	CSS pour Québec maritime - Événements
	Emilie - egzakt.com
	2010/02/22
*/


/* ÉVÉNEMENT VEDETTE
-----------------------------------------*/
#item_vedette h5 {
	margin-bottom:10px;
}

#item_vedette .apercu_evenement .detail {
	width:335px;
}


/* APERÇU FICHE D'UN ÉVÉNEMENT
-----------------------------------------*/
.apercu_evenement img.photo {
	float:left;
	width:100px;
}

.apercu_evenement .detail {
	float:right;
}
.apercu_evenement .detail_sans_photo {
	float:none;
}
.resultats .apercu_evenement .detail {
	width:305px;
}
.resultats .apercu_evenement .detail_sans_photo {
	width:420px;
}
.resultats_type .apercu_evenement .detail { /* Pour la recherche */
	width:479px;
}
.resultats_type .apercu_evenement .detail_sans_photo { /* Pour la recherche */
	width:594px;
}

.apercu_evenement h3 {
	margin-bottom:2px;
}

.apercu_evenement .date {
	font-weight:bold;
	color:#0055A5;
	margin-bottom:2px;
}

.apercu_evenement .lieux {
	color:#122335;
	margin-bottom:2px;
}


/* FICHE
-----------------------------------------*/
#evenement_detail #entreprises_reliees {
	margin-bottom:15px;
}


/* CALENDRIER
-----------------------------------------*/
#calendrier {
	margin-bottom:20px;
}

#calendrier h5 {
	margin-bottom:15px;
}


#calendrier .commanditaire {
	margin:0 15px 15px 15px;
}

#calendrier .commanditaire .texte {
	float:right;
	width:160px;
}
#calendrier .commanditaire .texte_sans_logo {
	float:none;
	width:100%;
}

#calendrier .commanditaire a {
	color:#565356;
}

#calendrier .commanditaire a:hover {
	color:#23257B;
}


#calendrier_frame {
	border:1px solid #D2CCC2;
	padding:18px 0;
}

#calendrier .mois {
	width:240px;
	position:relative;
	margin:0 auto;
	padding-bottom:6px;
	font-size:1.08em;
	line-height:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	background:url(../images/ul/tuiles/titre_rubrique_bas.gif) no-repeat left bottom;
}

#calendrier .mois a.precedent {
	position:absolute;
	top:1px;
	left:13px;
}

#calendrier .mois a.suivant {
	position:absolute;
	top:1px;
	right:13px;
}

#calendrier .mois a:hover {
	background:none; /* Pour IE6 trigger a:hover .over */
}

#calendrier .mois a .over {
	position:absolute;
	visibility:hidden;
}

#calendrier .mois a:hover .over {
	visibility:visible;
}

#calendrier table {
	width:240px;
	margin:0 auto;
}

#calendrier th {
	width:32px;
	padding:4px 0;
	font:1em/1.1em 'Arial Black', Arial, sans-serif;
	text-transform:uppercase;
	text-align:center;
}

#calendrier td {
	width:30px;
	height:34px;
	padding:1px;
	text-align:center;
	vertical-align:middle;
	font-size:1.17em;
	line-height:1.1em;
	background-color:#f4f3f0;
}

#calendrier td.vide {
	background-color:#fbfaf7;
	color:#D2CCC2;
	border-color:#fbfaf7;
}

#calendrier td.evenement {
	background-color:#fff;
	color:#323232;
}

#calendrier td a {
	display:block;
	width:24px;
	height:28px;
	padding:1px;
	line-height:30px;
	margin:0 auto;
	background-color:#e1f4ff;
	text-decoration:none;
	cursor:default;
}
#calendrier td a.privilege {
	background-color:#98d8fd;
}

#calendrier td a:hover {
	padding:0;
	border:1px solid #122335;
}

#calendrier td.aujourdhui {
	font-weight:bold;
	padding:0;
	border:1px solid #efad3b;
	background-color:#fff;
}


#calendrier_detail ul {
	display:none;
	width:240px;
	margin:18px auto 0 auto;
	padding-top:6px;
	background:url(../images/ul/tuiles/titre_rubrique_bas.gif) no-repeat left top;
}

#calendrier_detail li {
	padding-top:12px;
}
#calendrier_detail li.premier {
	padding-top:6px;
}

#calendrier_detail .date {
	font-weight:bold;
	color:#0055A5;
	margin-bottom:2px;
}

#calendrier_detail .lieux {
	color:#122335;
	margin-bottom:2px;
}

#calendrier_detail h4 {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
	margin:0 0 2px 0;
}

#calendrier_detail h4 a {
	color:#122335;
	text-decoration:none;
}

#calendrier_detail h4 a:hover {
	text-decoration:underline;
}