/*	

	Feuille de style FOREM Homepage

	Cette CSS contient les styles spécifiques à la "première page"

*/

/* ------------------------------ Blocs spécifiques à la homepage ------------------------------ */

/* Bloc Diaporama */

#contenu{

	padding-top:7em;

}

#blocDiaporama{

	border:2px solid #eeeeee;

	background-color:#FFFFFF;

	margin:10px 15px 5px 15px;

	width:74.6em;

	height:12.8em;

}

#blocDiaporama #flashcontent{

	position:absolute;

	margin:4px;

	width:55.35em;

	height:12.2em;

}

/* Blocs oranges et bleus uniques - positionnement sur la homepage*/

#blocOrange, #blocBleu{

	position:absolute;

	left:57.5em;

	margin-bottom:4px;

	padding:2px;

	width:17.6em;

}

#blocOrange{

	border:1px solid #e8c28b;

	top:8em;

}

#blocBleu{

	border:1px solid #8bc3d9;

	top:13em;

}

/* Blocs "particuliers", "entreprises", "partenaires" et "en direct" */

.blocEspace{

	width:17.7em;

	height:20em;

	background-repeat:repeat-x;

	border-width:0.25em;

	border-style:solid;

	line-height:1.3em;

	float:left;

	color:#FFFFFF;

	margin-bottom:4px;

	text-align:center;

}

.blocEspace p{

	font-size:1em;

	line-height:1.1em;

	height:5.3em;

	padding:0 15px;

	text-align:left;

}

.blocEspace ul{

	margin:0.5em 15px 0 25px;

	text-align:left;

}

.blocEspace li{

	font-weight:bold;

	padding-bottom:0.2em;

}

.blocEspace h3{

	background-repeat:no-repeat;

	width:178px;

	height:33px;

	margin:7px auto;

}

.blocEspace h3 a{

	text-decoration:none;

	display:block;

	width:178px;

	height:33px;

}

.blocEspace h3 span{

	font-size:1px;

	visibility:hidden;

}

#blocParticuliers{

	background-image:url(../images/fonds/bloc_particuliers_ar.png);

	list-style-image:url(../images/puces/puce_particuliers.gif);

	background-color:#7c9f15;

	border-color:#bfd779;

	margin-right:0.4em;

}

#blocEntreprises{

	background-image:url(../images/fonds/bloc_entreprises_ar.png);

	list-style-image:url(../images/puces/puce_entreprises.gif);

	background-color:#013854;

	border-color:#4692b9;

	margin-right:0.4em;

}

#blocPartenaires{

	background-image:url(../images/fonds/bloc_partenaires_ar.png);

	list-style-image:url(../images/puces/puce_partenaires.gif);

	background-color:#019fae;

	border-color:#97e4eb;

	margin-right:0.4em;

}

#blocDirect{

	background-image:url(../images/fonds/bloc_direct_ar.png);

	list-style-image:url(../images/puces/puce_direct.gif);

	background-color:#871338;

	border-color:#d1597f;

}

#blocParticuliers h3{

	background-image:url(../images/boutons/bouton_particuliers.png);

}

#blocEntreprises h3{

	background-image:url(../images/boutons/bouton_entreprises.png);

}

#blocPartenaires h3{

	background-image:url(../images/boutons/bouton_partenaires.png);

}

#blocDirect h3{

	background-image:url(../images/boutons/bouton_direct.png);

}

/* Largeur du bloc de recherche d'emploi sur la homepage */

#rechercheEmploi{

	width:34.7em;

}

#rechercheEmploi #options{

	position:absolute;

	left:27em;

	text-align:right;

	width:10em;

}

#rechercheEmploi .champLabel{

	font-weight:bold;

	display:inline;

}

#rechercheEmploi .formulaire{

	position:absolute;

	margin-top:0.5em;

}

#rechercheEmploi .boutonForm{

	width:13.2em;

}

/* Forem Conseil */

#foremConseil{

	background-image:url(../images/fonds/forem_conseil.jpg);

	background-position:center center;

	background-repeat:no-repeat;

	padding:10px 1em 0 0.95em;

	margin-top:0;

}

#foremConseil img{

	margin:0.5em 0.8em;

}

#foremConseil .grandTexte{

	font-size:1.5em;

	width:16em;

}

.rss{

	position:absolute;

	padding-top:7px;

	margin-left:30em;

	margin-top:-7px;

	background-image:url(../images/fonds/rss.png);

	background-repeat:no-repeat;

	background-position:right top;

	height:3em;

	width:5em;

}