/*
	CSS pour Conseil de l'industrie forestière du Québec - Accueil
	Emilie - egzakt.com
	2011/05/10
*/

/* ARCHITECTURE COLONNES
-----------------------------------------*/
#accueil #conteneur_colonnes {
	width:939px;
	padding:0 20px;
	border-top:20px solid #fff;
	background:url(../images/ul/tuiles/acc_ligne_verticale.gif) repeat-y 653px 0;
}

#accueil #colonne_principale {
	width:612px;
}

#accueil #colonne_complements {
	width:286px;
}


/* INTRO
-----------------------------------------*/
#accueil #section_intro {
	margin:10px 0 28px 0;
}


/* ARCHITECTURE ACTUALITÉS
-----------------------------------------*/
#accueil #actualites {
	padding-top:18px;
	border-top:1px solid #E9E9DC;
	border-bottom:1px solid #E9E9DC;
	background:url(../images/ul/tuiles/acc_ligne_verticale.gif) repeat-y 306px 0;
	margin-bottom:20px;
}

#accueil #actualites #type_cifq {
	float:left;
	width:286px;
}

#accueil #actualites #type_industrie {
	float:right;
	width:286px;
}


/* NOUVELLES
-----------------------------------------*/
#accueil .actualites {
	margin-bottom:20px;
}

#accueil .actualites h4 {
	font:1.5em/1.2em Georgia, Times, serif;
	color:#000;
	margin:0 0 14px 0;
	padding-bottom:5px;
	border-bottom:3px solid #018C45;
}
#accueil #type_industrie .actualites h4 {
	border-color:#FF9600;
}

#accueil .actualites h4 a {
	text-decoration:none;
}

#accueil .actualites h4 a:hover {
	text-decoration:underline;
}

#accueil .actualites ul {
	margin-bottom:11px;
}


/* ÉVÉNEMENTS
-----------------------------------------*/
#accueil .evenements {
	padding:5px;
	background-color:#f3f3ed;
	margin-bottom:20px;
	border-radius:2px;
	position:relative; /* Pour css pie */
	behavior:url(/js/PIE.php);
}

#accueil .evenements h4 {
	height:27px;
	padding:8px 0 0 8px;
	margin:0;
	background:url(../images/ul/tuiles/acc_evenements_entete.png) no-repeat 0 0;
	font:1.41em/1.2em Georgia, Times, serif;
}
#accueil #type_industrie .evenements h4 {
	background-image:url(../images/ul/tuiles/acc_evenements_partenaires_entete.png);
	color:#994100;
}

#accueil .evenements h4 a {
	color:#01662F;
	text-decoration:none;
}
#accueil #type_industrie .evenements h4 a {
	color:#994100;
}

#accueil .evenements h4 a:hover {
	text-decoration:underline;
}

#accueil .evenements ul {
	padding-bottom:10px;
}

#accueil .evenements li {
	padding:8px;
	border-bottom:1px solid #C6C6A4;
}

#accueil #type_industrie .evenements .date {
	color:#994100;
}

#accueil .evenements h2 {
	font-weight:normal;
	font-size:1em;
	line-height:1.1em;
	color:#564F3C;
	margin:2px 0 0 0;
}

#accueil .evenements h2 a {
	color:#564F3C;
	text-decoration:none;
}

#accueil .evenements h2 a:hover {
	text-decoration:underline;
}


/* ABONNEMENT INFOLETTRE
-----------------------------------------*/
#accueil #abonnement_infolettre .entete {
	position:relative;
	height:48px;
	margin-bottom:3px;
	background:url(../images/ul/tuiles/entete_abonnment_infolettre.jpg) no-repeat 0 0;
}

#accueil #abonnement_infolettre .entete a,
#accueil #abonnement_infolettre .entete span {
	position:absolute;
	top:19px;
	left:371px;
	color:#018C45;
	font-size:0.833em;
	line-height:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#accueil #abonnement_infolettre .entete a:hover {
	text-decoration:underline;
}

#accueil #abonnement_infolettre h4 {
	margin:0;
	padding:8px 0 0 8px;
}

#accueil #abonnement_infolettre .contenu {
	position:relative;
	width:588px;
	padding:13px 10px 13px 14px;
	background-color:#E9E9DC;
	border-radius:0 0 2px 2px;
	behavior:url(/js/PIE.php);
}

#accueil #abonnement_infolettre .contenu img {
	position:absolute;
	left:236px;
	bottom:0;
}

#accueil #abonnement_infolettre label span {
	font-size:1.17em;
	line-height:1.1em;
	font-weight:bold;
}

#accueil #abonnement_infolettre input.text {
	position:absolute;
	bottom:10px;
	left:360px;
	width:150px;
	height:22px;
	border:0;
	padding:0 4px;
	font:11px/22px Arial, Helvetica, sans-serif;
	color:#564F3C;
	border-radius:2px 0 0 2px;
	behavior:url(/js/PIE.php);
}

#accueil #abonnement_infolettre .bouton {
	position:absolute;
	bottom:10px;
	right:10px;
}

#accueil #abonnement_infolettre .bouton a {
	display:none;
}

#accueil #abonnement_infolettre a.call_action_3 span {
	width:63px;
}


/* BANNIÈRES
-----------------------------------------*/
#accueil #bannieres {
	width:286px;
	height:261px;
	position:relative;
	margin-bottom:20px;
}

#accueil #bannieres .photos {
	z-index:1;
}

#accueil #bannieres .photos a {
	display:none;
}

#accueil #bannieres .photos img {
	display:block; /* Pour IE6 */
}

#accueil #bannieres .texte {
	display:none;
	position:absolute;
	bottom:41px;
	left:0;
	width:250px;
	padding:8px 18px;
	font:1.33em/1.1em Georgia, Times, serif;
	color:#fff;
	z-index:2;
	background:url(../images/ul/tuiles/bannieres_textes.png) repeat-y 0 0;
}

#accueil #bannieres .texte a {
	text-decoration:none;
	color:#fff;
}

#accueil #bannieres .pagination {
	height:40px;
	border-top:1px solid #fff;
	background-color:#231900;
	z-index:3;
}

#accueil #bannieres .pagination ul {
	padding:11px 0 0 0;
	font-size:1.16em;
	line-height:21px;
	font-weight:bold;
	text-align:center;
}

#accueil #bannieres .pagination ul a {
	display:inline-block;
	width:21px;
	height:20px;
	margin:0 2px;
	background:url(../images/ul/boutons/bannieres_pagination.gif) no-repeat 0 0;
	color:#C6C6A4;
	text-align:center;
	text-decoration:none;
}

#accueil #bannieres .pagination a:hover,
#accueil #bannieres .pagination a.activeSlide {
	color:#FF9600;
}

#accueil #bannieres .fleche {
	position:absolute;
	bottom:15px;
}

#accueil #bannieres #fleche_precedente {
	left:18px;
}

#accueil #bannieres #fleche_suivante {
	right:18px;
}


/* PROMOTIONS
-----------------------------------------*/
#accueil #promotion {
	width:250px;
	padding:18px;
	margin-bottom:20px;
	background-color:#F4F4EE;
}

#accueil #promotion img {
	display:block;
}


/* Fil de presse */
.fil_de_presse {
    margin-bottom: 20px;
}

.fil_de_presse .fdp-date {
        float: right;
        font-size: 1.16em;
        color: #018C45;
        font-weight: 700;
        position: relative;
        top: 4px;
}

.fil_de_presse h4 {
        font:1.5em/1.2em Georgia, Times, serif;
        color:#564f3c;
        border-bottom:3px solid #018C45;
        display: inline-block;
        margin: 0;
        padding-bottom: 5px;
}


.fil_de_presse .iframe {
    padding: 60px 0 0;
    border-radius:0 3px 3px 3px;
    position:relative; /* Pour faire marcher pie */
    behavior:url(/js/PIE.php);
    background: url("/images/ul/tuiles/fil_presse.jpg") no-repeat left top;
    height: 55px;
    overflow: hidden;
}

.fil_de_presse .iframe .fdp-list li {
        position: relative;
        padding-left: 22px;
}

.fil_de_presse .iframe .fdp-list li:first-child:before {
        display: none;
}

.fil_de_presse .iframe .fdp-list li:before {
        content: " ";
        position: absolute;
        top: 12px;
        left: 0;
        background-color: #FF9500;
        width: 7px;
        height: 22px;
        float: left;
}

.fil_de_presse .iframe .fdp-list li h2 a {
        color: white;
        font-size: .888em;
        text-decoration: none;
}