/*	
	Feuille de style FOREM homepages cibles (particuliers, entreprises...)
	Cette CSS contient les styles spécifiques aux homepages cibles
*/


/* ----------- COULEURS SPECIFIQUES A LA PAGE "PARTICULIERS" (tons verts) ---------- */
/* liens */
#particuliers #blocContenu .description a, #particuliers #colonneMilieu a, #particuliers .blocCommun a, #particuliers .petiteBanniere a, #particuliers .petiteColonne a{color:#668310;}
#particuliers #blocContenu .description a:visited, #particuliers #colonneMilieu a:visited, #particuliers .blocCommun a:visited, #particuliers .petiteBanniere a:visited, #particuliers .petiteColonne a:visited{color:#43560c;}
#particuliers #menuGauche li, #particuliers #blocCentre #mieDePain{background-color:#93bb1d;}
/* menu */
#particuliers ul.description li, #particuliers #menuGauche{border:1px solid #b6ce70;}
#menuGauche span{
	border-bottom-width:1px;
	border-bottom-style:solid;
	display:block;
	padding:5px 0;
	width:90%;
	cursor:pointer;
}
#menuGauche span.pasSouligne{
	border-bottom:none;
}
#particuliers #menuGauche li span{border-color:#b6ce70;}
#particuliers #menuGauche li ul li span{border-color:#c4d49c;}
#particuliers #menuGauche ul ul li span{border-color:#d5ddc0;}
#particuliers #menuGauche li ul li a{color:#668310;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#particuliers #menuGauche li{background-image/**/:/**/url(../images/puces/particuliers-droite.gif);}
#particuliers #menuGauche .actif{background-image/**/:/**/url(../images/puces/particuliers-bas.gif);}
#particuliers #menuGauche li ul li{background-color:#e2eec8;background-image/**/:/**/url(../images/puces/particuliers_menu2.png);}
#particuliers #menuGauche ul ul li{background-color:#f3f7e9;background-image/**/:/**/url(../images/puces/particuliers_menu3.png);}
#particuliers #blocTitre h2, #particuliers #colonneMilieu h2{color:#668310;border-bottom:1px solid #b6ce70;}
/* ----------- COULEURS SPECIFIQUES A LA PAGE "ENTREPRISES" (tons bleus) ---------- */
/* liens */
#entreprises #blocContenu .description a, #entreprises #colonneMilieu a, #entreprises .blocCommun a, #entreprises .petiteBanniere a, #entreprises .petiteColonne a{color:#0077b5;}
#entreprises #blocContenu .description a:visited, #entreprises #colonneMilieu a:visited, #entreprises .blocCommun a:visited, #entreprises .petiteBanniere a:visited, #entreprises .petiteColonne a:visited{color:#000133;}
#entreprises #menuGauche li, #entreprises #blocCentre #mieDePain{background-color:#146189;}
/* menu */
#entreprises ul.description li, #entreprises #menuGauche{border:1px solid #6b9bb4;}
#entreprises #menuGauche li span{border-color:#6b9bb4;}
#entreprises #menuGauche li ul li a{color:#003f60;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#entreprises #menuGauche li{background-image/**/:/**/url(../images/puces/entreprise-droite.gif);}
#entreprises #menuGauche .actif{background-image/**/:/**/url(../images/puces/entreprise-bas.gif);}
#entreprises #menuGauche li ul li{background-color:#d5e5ee;background-image/**/:/**/url(../images/puces/entreprises_menu2.png);}
#entreprises #menuGauche ul ul li{background-color:#eef5f9;background-image/**/:/**/url(../images/puces/entreprises_menu3.png);}
#entreprises #blocTitre h2, #entreprises #colonneMilieu h2{color:#003f60;border-bottom:1px solid #6b9bb4;}
/* ----------- COULEURS SPECIFIQUES A LA PAGE "PARTENAIRES" (tons verts bleus) ---------- */
/* liens */
#partenaires #blocContenu .description a, #partenaires #colonneMilieu a, #partenaires .blocCommun a, #partenaires .petiteBanniere a, #partenaires .petiteColonne a{color:#047e81;}
#partenaires #blocContenu .description a:visited, #partenaires #colonneMilieu a:visited, #partenaires .blocCommun a:visited, #partenaires .petiteBanniere a:visited, #partenaires .petiteColonne a:visited{color:#023c3e;}
#partenaires #menuGauche li, #partenaires #blocCentre #mieDePain{background-color:#19a5a8;}
/* menu */
#partenaires ul.description li, #partenaires #menuGauche{border:1px solid #6ec6c8;}
#partenaires #menuGauche li span{border-color:#6ec6c8;}
#partenaires #menuGauche li ul li a{color:#047e81;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#partenaires #menuGauche li{background-image/**/:/**/url(../images/puces/partenaires-droite.gif);}
#partenaires #menuGauche .actif{background-image/**/:/**/url(../images/puces/partenaires-bas.gif);}
#partenaires #menuGauche li ul li{background-color:#d2eeee;background-image/**/:/**/url(../images/puces/partenaires_menu2.png);}
#partenaires #menuGauche ul ul li{background-color:#eaf8f8;background-image/**/:/**/url(../images/puces/partenaires_menu3.png);}
#partenaires #blocTitre h2, #partenaires #colonneMilieu h2{color:#047e81;border-bottom:1px solid #6ec6c8;}
/* ----------- COULEURS SPECIFIQUES A LA PAGE "EN DIRECT DU FOREM" (tons rouges) ---------- */
/* liens */
#enDirect #blocContenu .description a, #enDirect #colonneMilieu a, #enDirect .blocCommun a, #enDirect .petiteBanniere a, #enDirect .petiteColonne a{color:#891439;}
#enDirect #blocContenu .description a:visited, #enDirect #colonneMilieu a:visited, #enDirect .blocCommun a:visited, #enDirect .petiteBanniere a:visited, #enDirect .petiteColonne a:visited{color:#40091b;}
#enDirect #menuGauche li, #enDirect #blocCentre #mieDePain{background-color:#a21a45;}
/* menu */
#enDirect ul.description li, #enDirect #menuGauche{border:1px solid #e98aa8;}
#enDirect #menuGauche li span{border-color:#e98aa8;}
#enDirect #menuGauche li ul li a{color:#891439;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#enDirect #menuGauche li{background-image/**/:/**/url(../images/puces/forem-droite.gif);}
#enDirect #menuGauche .actif{background-image/**/:/**/url(../images/puces/forem-bas.gif);}
#enDirect #menuGauche li ul li{background-color:#f6d1dd;background-image/**/:/**/url(../images/puces/endirect_menu2.png);}
#enDirect #menuGauche ul ul li{background-color:#f6e7ec;background-image/**/:/**/url(../images/puces/endirect_menu3.png);}
#enDirect #blocTitre h2, #enDirect #colonneMilieu h2{color:#891439;border-bottom:1px solid #e98aa8;}

/* ----------- COULEURS SPECIFIQUES A LA PAGE "GENERIQUE" (tons bleu clair) ---------- */
/* liens */
#generique #blocContenu .description a, #generique #colonneMilieu a, #generique .blocCommun a, #generique .petiteBanniere a, #generique .petiteColonne a{color:#31a1cc;}
#generique #blocContenu .description a:visited, #generique #colonneMilieu a:visited, #generique .blocCommun a:visited, #generique .petiteBanniere a:visited, #generique .petiteColonne a:visited{color:#227c96;}
#generique #menuGauche li, #generique #blocCentre #mieDePain{background-color:#2da5c7;}
/* menu */
#generique ul.description li, #generique #menuGauche{border:1px solid #79c4db;}
#generique #menuGauche li span{border-color:#7dc4df;}
#generique #menuGauche li ul li span{border-color:#a4d5e2;}
#generique #menuGauche ul ul li span{border-color:#bde2ed;}
#generique #menuGauche li ul li a{color:#2da4ce;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#generique #menuGauche li{background-image/**/:/**/url(../images/puces/generique_menu1.png);}
#generique #menuGauche .actif{background-image/**/:/**/url(../images/puces/generique_menu1_actif.png);}
#generique #menuGauche li ul li{background-color:#c8e6e9;background-image/**/:/**/url(../images/puces/generique_menu2.png);}
#generique #menuGauche ul ul li{background-color:#e9f6f7;background-image/**/:/**/url(../images/puces/generique_menu3.png);}
#generique #blocTitre h2, #generique #colonneMilieu h2{color:#2da4ce;border-bottom:1px solid #31a1cc;}

/* ----------- FOND SPECIFIQUE AUX PAGES PMEF (orange) ---------- */
#plateforme #blocContenu .description a, #plateforme #colonneMilieu a, #plateforme .blocCommun a, #plateforme .petiteBanniere a, #plateforme .petiteColonne a{color:#dd8e0b;}
#plateforme #blocContenu .description a:visited, #plateforme #colonneMilieu a:visited, #plateforme .blocCommun a:visited, #plateforme .petiteBanniere a:visited, #plateforme .petiteColonne a:visited{color:#d37a2a;}
#plateforme #menuGauche li, #plateforme #blocCentre #mieDePain{background-color:#f0a842;}
/* menu */
#plateforme ul.description li, #plateforme #menuGauche{border:1px solid #f0a842;}
#plateforme #menuGauche li span{border-color:#f6c888;}
#plateforme #menuGauche li ul li span{border-color:#f6d09a;}
#plateforme #menuGauche ul ul li span{border-color:#f6e0c1;}
#plateforme #menuGauche li ul li a{color:#dd8e0b;}
/* nb : IE 5.x Hack les puces "background-image" sont masquée pour IE 5*/
#plateforme #menuGauche li{background-image/**/:/**/url(../images/puces/horizon.gif);}
#plateforme #menuGauche .actif{background-image/**/:/**/url(../images/puces/plateforme_menu1_actif.png);}
#plateforme #menuGauche li ul li{background-color:#ffe6c3;background-image/**/:/**/url(../images/puces/plateforme_menu2.png);}
#plateforme #menuGauche ul ul li{background-color:#fff3e2;background-image/**/:/**/url(../images/puces/plateforme_menu3.png);}
#plateforme #blocTitre h2, #plateforme #blocContenu h2{color:#dd8e0b;border-bottom:1px solid #f0a842;}
/* ----------- STYLES SPECIFIQUES AUX HOMEPAGES CIBLES ---------- */
/* Plus d'espace pour les onglets */
#contenu{
	padding-top:7em;
}
/* MENU ONGLETS */
#onglets{
	position:relative;
	list-style:none;
	left:1.3em;
	top:0.1em;
	/* Hack IE */
	_top:0.15em;
	height:3.3em;
	width:100%;
}
#onglets li.actif{
	background-image:none;
}
#boutonAccueil, #boutonParticuliers, #boutonEntreprises, #boutonPartenaires, #boutonEnDirect{
	background-image:url(../images/fonds/bouton_up_ar.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	border:1px solid #d1d9da;
	border-bottom:0;
	text-align:center;
	float:left;
	margin-right:0.25em;
	width:14.5em;
	width:auto;
}
#boutonAccueil a, #boutonParticuliers a, #boutonEntreprises a, #boutonPartenaires a, #boutonEnDirect a{
	display:block;
	background-image:url(../images/fonds/bouton_bleu_ar.png);
	background-repeat:repeat-x;
	background-color:#55b3ca;
	color:#FFFFFF;
	padding:0.3em 0.6em;
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
	margin:0.25em;
}
/* rollover */
#boutonParticuliers.actif a, #boutonParticuliers a:hover{
	background-image:url(../images/fonds/bouton_vert_ar.png);
	background-color:#8aaf1f;
}
#boutonEntreprises.actif a, #boutonEntreprises a:hover{
	background-image:url(../images/fonds/bouton_marine_ar.png);
	background-color:#043f5e;
}
#boutonPartenaires.actif a, #boutonPartenaires a:hover{
	background-image:url(../images/fonds/bouton_turquoise_ar.png);
	background-color:#009196;
}
#boutonEnDirect.actif a, #boutonEnDirect a:hover{
	background-image:url(../images/fonds/bouton_bordeau_ar.png);
	background-color:#871338;
}
/* Breadcrumb, mie de pain ou fil d'Ariane */ 
#blocCentre #mieDePain{
	margin-top:3px;
	margin-bottom:4px;
	color:#FFFFFF;
	padding:2px 1.5em;
}
#blocCentre #mieDePain a{
	color:#FFFFFF;
}
.gras{
	font-weight:bold;
}
#colonneGauche, #colonneDroite{
	width:18em;
	float:left;
}

#colonneMilieu{
	float:left;
/*	margin:0 0.5em;*/
	margin-left:5px;
	width:37em;
}
#colonneMilieu #visu{
	padding:3px;
	border:1px solid #bdcdd1;
	text-align:center;
}
#colonneMilieu .blocCommun{
	width:auto;
}i
/* MENU */
#menuGauche ul, #menuGauche li{
	list-style:none;
	background-repeat:no-repeat;
}
#menuGauche li{
	font-size:1.2em;
	background-position:10px 7px;
}
#menuGauche ul li{
	background-position:15px 10px;
	font-size:0.8em;
}
#menuGauche ul ul li{
	font-size:1em;
	background-position:25px 10px;
	padding-left:10px;
}
#menuGauche li a{
	padding:0 0 0 30px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	_display:inline-block;
}
#menuGauche li ul li a{
	font-weight:normal;
}
/* Blocs oranges et bleus récurrents */
#blocOrange, #blocBleu{
	margin-top:4px;
	padding:2px;
}
#blocOrange{
	border:1px solid #e8c28b;
}
#blocBleu{
	border:1px solid #8bc3d9;
}
/* Forem Conseil */
#foremConseil{
	margin-top:4px;
	padding:10px 1em;
	border:1px solid #bbd7df;
	margin-top:0;
	margin-top:4px;
	background-color:#FFFFFF;
}
#foremConseil .grandTexte{
	font-size:1.4em;
	line-height:1.2em;
}
/* Recherche Emploi - positionnement */
#rechercheEmploi{
	/* padding:0.7em; */
	margin-bottom:4px;
}
#rechercheEmploi .champLabel, #rechercheEmploi select.champ, #rechercheEmploi input.champ{
	margin:0;
	float:none;
}
#rechercheEmploi .boutonForm{
	margin-top:4px;
}
#rechercheEmploi h4{
	line-height:1.2em;
	border-bottom:1px solid #a1c439;
}
/* Bannière */
#colonneGauche .blocBanniere{
	display:block;
	border:1px solid #95c6d4;
	margin-top:4px;
	background-color:#FFFFFF;
}
/* Bloc Commun */
.blocCommun li a{
	/* line-height:1.7em; 
	font-size:1.2em;*/
	line-height:1.5em;
	font-size:1em;
}
/* ---- Colonnes actualités et agenda ---- */
.petiteColonne{
	float:left;
	margin-top:4px;
	padding:0.7em 1.5em;
	width:15.15em;
	border:1px solid #bbd7df;
	background-color:#FFFFFF;
	/*height:22em;*/
}
#actualite.petiteColonne{
	margin-right:0.25em;
}
.petiteColonne h4{
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #bbd7df;
	margin-bottom:0.5em;
}
/* ---- Bannières texte colonne droite ---- */
.petiteBanniere{
	border:1px solid #bbd7df;
	background-color:#FFFFFF;
	padding:2px;
	margin-bottom:4px;
}
.petiteBanniere div{
	background-color:#f0f0f0;
	padding:0.5em;
	background-position:bottom right;
	background-repeat:no-repeat;
}
.Travaux{
	background-image:url(../images/ServicesIndisponibles.gif);
	background-repeat:no-repeat;
	height: 112px;
	margin-bottom: 2px;
}
.Travaux p {
	position : relative;
	left:32px;
	top:83px;
}
.Travaux a{
	color:#FFFFFF;
}
.Travaux a:hover{
	text-decoration:none;
}
.Travaux a:visited{
	/*color:#003366;*/
		color:#FFFFFF;
}

.petiteBanniere .cv{
	background-image:url(../images/boutons/picto_inaccessible.png);
}
.petiteBanniere .jobattitude{
	background-image:url(../images/fonds/picto_jobattitude.jpg);
}
.petiteBanniere p{
	line-height:1.2em;
	margin-bottom:0.5em;
}
.petiteBanniere .cv p{
	font-weight:bold;
}
.petiteBanniere h4{
	font-size:1.4em;
}
.petiteBanniere strong{
	display:block;
	border-bottom:1px solid #bbd7df;
	margin:0.5em 0;
	padding-bottom:0.2em;
	font-size:1.1em;
}
.petiteBanniere ul{
	padding:0 10px 0 15px;
	list-style-image:url(../images/puces/puce_bleue.gif);
	line-height:1.1em;
}
.petiteBanniere ul li{
	margin-bottom:4px;
}
/* Boite "trouver un CV" */
#entreprises #rechercheEmploi{
	background-color:#146189;
	border-color:#6b9bb4;
	padding-bottom:1.9em;
	padding-bottom:2em;
}
#entreprises #rechercheEmploi h4{
	border-bottom-color:#6b9bb4;
}

#colonneDroite{
   margin-left:0.7em;
   margin-top : 0.2em;
	width:17.6em;
}