/*
	CSS pour TCHFM - Accueil
	Emilie - egzakt.com
	2010/08/10
*/


/* BANNIÈRE
-----------------------------------------*/
#accueil #banniere {
	float:right;
	position:relative;
	width:615px;
	height:263px;
}

#accueil #banniere ul.pagination {
	position:absolute;
	bottom:0;
	right:0;
	height:22px;
	padding:10px 0 0 8px;
	background:url(../images/ul/tuiles/banniere_pagination.png) no-repeat 0 1px;
	z-index:10;
}

#accueil #banniere ul.pagination li {
	float:left;
	width:12px;
	height:12px;
	margin-right:8px;
}

#accueil #banniere ul.pagination li img {
	display:block;
}

#accueil #banniere .photo {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:615px;
	height:263px;
}

#accueil #banniere .photo img {
	display:block; /* Important pour IE6 */
	width:615px;
	height:263px;
}

#accueil #banniere .overlay {
	position:absolute;
	left:0;
	bottom:0;
	width:615px;
	height:150px;
	background:url(../images/ul/tuiles/banniere_overlay.png) no-repeat left bottom;
}

#accueil #banniere .infos {
	position:absolute;
	left:20px;
	bottom:15px;
	width:480px;
	z-index:10;
}

#accueil #banniere h2 {
	font-size:1.29em;
	line-height:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	margin:0 0 2px 0;
	z-index:10;
}

#accueil #banniere .texte {
	font-size:0.86em;
	line-height:1.5em;
	color:#fff;
}


/* ARCHITECTURE CONTENU
-----------------------------------------*/
#accueil #conteneur_colonnes {
	width:930px;
	padding:10px 15px 10px 15px;
}

#accueil #countdown_wrapper {
	width: 280px;
	height: 136px;
	padding: 20px 10px;
    margin-bottom: 20px;
}

#accueil #countdown .cntSeparator {
  font-size: 54px;
  margin: 10px 7px;
  color: #000;
}

#accueil  .jCountdownContainer {
  margin-top: 78px;
}

#accueil #colonne_gauche {
	float:left;
	width:614px;
	margin-right:15px;
}

#accueil #colonne_centre {
	float:left;
	width:300px;
}

#accueil #colonne_droite {
	float:right;
	width:300px;
}

#accueil .editeur {
    line-height: 1.4em;
    font-size: 0.98em;
}

/* NOUVELLES (pour le reste, voir principal.css)
-----------------------------------------*/
#accueil #nouvelles {
	background:none;
	margin:-4px 0 15px;
	padding-top:0;
}

#accueil #nouvelles > ul {
    overflow: hidden;
}

#accueil #nouvelles li .photo {
    width: auto;
    float: none;
    margin-bottom: 10px;
}

#accueil #nouvelles li .photo img {
    border: none
}

#accueil #nouvelles h3.entete {
	background:url('../images/ul/tuiles/bg-titles.png') no-repeat 0 0;
	color:#454545;
	margin:0 0 15px -20px;
	padding:7px 0 4px 20px;
        min-height: 32px;
}

#accueil #nouvelles ul.listing li {
	width:277px; /* Important pour IE6-7 */
	padding-bottom:10px;
	margin-bottom:10px;
    margin-right: 10px;
    float: left;
    border-bottom:0;
}


/* HORAIRE
-----------------------------------------*/
#accueil #plan_salon {
    background:url('../images/ul/tuiles/bg-sidebar-default.png') repeat-x 0 0 #D66E2C;
    margin-bottom: 20px;
}

#accueil #horaire {
	background:url('../images/ul/tuiles/bg-sidebar-events.png') repeat-x 0 0 #606f23;
    margin-bottom: 20px;
}

#accueil #horaire .date {
	font-weight:bold;
}

#accueil #horaire ul,
#accueil #plan_salon ul{
	background:#fff;
	padding:0 10px;
}

#accueil #horaire li,
#accueil #plan_salon li{
	padding:5px 0;
	border-bottom:1px solid #D9D9D9;
}

#accueil #horaire ul ul {
	padding:0;
}

#accueil #horaire ul ul li {
	border:0;
	padding:0;
}

#accueil #horaire ul ul a {
	color:#454545;
	text-decoration:none;
}

#accueil #horaire ul ul a:hover {
	color:#ED1C2E;
}

#accueil #horaire ul ul .heures {
	display:inline-block;
	padding-right:10px;
	background:url(../images/ul/icones/fleche_horaire.gif) no-repeat right 7px;
}

#accueil #horaire ul ul a:hover .heures {
	background-position:right -86px;
}

#accueil #horaire span.special {
    color: #BF3267;
}

#accueil #horaire span.light {
    font-weight: normal;
}


/* RECHERCHE D'EXPOSANTS
-----------------------------------------*/
#recherche_exposants {
	background:url('../images/ul/tuiles/bg-sidebar-exhibitors.png') repeat-x 0 0 #5e417d;
	margin-bottom: 20px;
}

#recherche_exposants .select {
	background:#fff;
	padding:1px 2px 5px 2px;
}

#recherche_exposants .select a.label span {
	width:216px;
}

#recherche_exposants .select .liste {
	width:276px;
}

#recherche_exposants .select .bas {
	width:241px;
}

/* Bloc style carrousel */
.bloc_type3 {
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    background:
        url('../images/ul/tuiles/bg_box_type3_top.png') no-repeat top center,
        url('../images/ul/tuiles/bg_box_type3_bottom.png') no-repeat bottom center;
}


/* FACEBOOK LIKEBOX
-----------------------------------------*/
#facebook {
	width:300px;
	height:515px;
	margin-bottom:15px;
}


/* FEED TWITTER
-----------------------------------------*/
#twitter .bordures {
	padding-bottom:12px;
}

#twitter ul {
	height:158px;
	overflow:auto;
	border-top:2px solid #F0F0F0;
	border-bottom:2px solid #F0F0F0;
	margin-bottom:12px;
	line-height:1.4em;
}

#twitter li {
	border-bottom: 1px solid #F0F0F0;
	padding:5px;
}

#twitter .date a {
	display:inline-block;
	margin-top:4px;
	font-size:0.79em;
	line-height:1.1em;
	color:#848484;
	text-decoration:none;
}

#twitter .suivez_nous {
	float:right;
	font-size:0.86em;
	line-height:1.1em;
}


/* RÉTROSPECTIVE DES SALONS
-----------------------------------------*/
#retrospective {
	width:946px;
	margin:0 auto;
	background:url(../images/ul/tuiles/acc_retrospective.gif) no-repeat left top;
}

#retrospective .padding {
	width:892px;
	padding:27px 27px 14px 27px;
}

#retrospective a.toutes {
	float:right;
}

#retrospective h3 {
	font-size:1.29em;
	line-height:1.1em;
	font-weight:bold;
	color:#0088FF;
	margin:0;
	text-transform:uppercase;
}

#retrospective h3 a {
	color:#0088FF;
	text-decoration:none;
}

#retrospective h4 {
	font-size:1em;
	line-height:1.2em;
	font-weight:normal;
	color:#454545;
	margin:0 0 18px 0;
}

#retrospective .conteneur_blocs {
	width:892px; /* Important pour IE6 */
	background:url(../images/ul/tuiles/acc_retrospective_conteneur_blocs.gif) repeat-y left top;
}

#retrospective .bloc {
	float:left;
	padding:15px 25px 20px 25px;
	width:385px;
}
#retrospective #video {
	float:right;
}

#retrospective h5 {
	font-size:1.29em;
	line-height:1.1em;
	font-weight:bold;
	color:#454545;
	margin:0;
}

#retrospective a.plus {
	float:right;
	font-size:0.86em;
	line-height:1.1em;
	padding-right:16px;
	background:url(../images/ul/icones/plus.gif) no-repeat right center;
}

#retrospective li {
	float:left;
	padding:10px 15px 0 0;
	width:118px;
	height:94px;
}
#retrospective li.droite {
	padding-right:0;
}

#retrospective li img {
	border:1px solid #666666;
}

#retrospective #lecteur_video {
	margin-top:12px;
}

/** BANNIERES */
#banniere_gauche {
    margin: 4px 0;
    float: left;
}

#banniere_droite {
    margin: 4px 0;
    float: right;
}