/* Ce fichier regroupe les styles utilisés en partie Grand public */
/* TEXTE */
/* ONGLETS */
/* BANDEAU */
/* MENU */
/* MISE EN PAGE DE LA COLONNE DE DROITE */
/* MON COMPTE */
/* MENU TERTIAIRE */
/* RUBRIQUE RECHERCHER UN PRODUIT */
/* RUBRIQUE METIERS */
/* RUBRIQUE VISITES */
/* ANNONCES D'EMPLOI */
/* JOURNAL */

/* ############## TEXTE ########### */

.phpdigHighlight {
	color: #8b9904;
	background-color: #cccccc;
	font-weight: bold;
}
.phpdigMessage {
	padding: 1px;
	background-color: #c0c912;
	color: #ffffff;
}
/* ########### ONGLETS ############ */
div.onglet a:hover, div.onglet a.onglet_select {
	background: url(interface/onglet_vert_droite.gif) top right no-repeat;
}
/* ########### BANDEAU ########### */
div#retour_coin_haut_gauche a {
	display: block;
	width: 214px;
	height: 200px;
	text-indent: -2000px;
	overflow: visible;
	background: url(interface/fr/titre_haut_gauche_1.jpg) no-repeat top left;
	margin-bottom: 5px;
}
div#coin_haut_droite {
	background: url(interface/coin_haut_droite_1.jpg) no-repeat top left;
}
/* ############ MENU ########## */
dl#menu_dl {
}
div#menu dl, div#menu dt, div#menu dd, div#menu ul, div#menu li {
	list-style-type: none;
	z-index: 6;
}
#menu dt.dt1 {
	width: 214px;
	cursor: pointer;
	font-size: 1em;
	line-height: 1em;
	background-color: #c0c912;
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	border-bottom: 2px solid #bbbbbb;
	margin-top: 3px;
}
#menu dt#cle1 {
	margin-top: 0px;
}
/* 1ère rubrique */
#menu dt#cle1 a {
	background: url(interface/menu1_1.jpg) left top no-repeat;
}
#menu dt#cle1 a:hover {
	background: url(interface/menu1_1.jpg) -214px top no-repeat;
}
/* 2ère rubrique */
#menu dt#cle2 a {
	background: url(interface/menu1_2.jpg) left top no-repeat;
}
#menu dt#cle2 a:hover {
	background: url(interface/menu1_2.jpg) -214px top no-repeat;
}
/* 3ère rubrique */
#menu dt#cle3 a {
	background: url(interface/menu1_3.jpg) left top no-repeat;
}
#menu dt#cle3 a:hover {
	background: url(interface/menu1_3.jpg) -214px top no-repeat;
}
/* 4ère rubrique */
#menu dt#cle4 a {
	background: url(interface/menu1_4.jpg) left top no-repeat;
}
#menu dt#cle4 a:hover {
	background: url(interface/menu1_4.jpg) -214px top no-repeat;
}
/* 5ème rubrique */
#menu dt#cle5 a {
	background: url(interface/menu1_5.jpg) left top no-repeat;
}
#menu dt#cle5 a:hover {
	background: url(interface/menu1_5.jpg) -214px top no-repeat;
}
/* Sous menu */
#menu dd.dd1 {
	display: none;
}
div#menu ul {
	margin: 0px;
}
#menu li {
	text-align: left;
	background-color: #ffffff;
}
#menu li a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 3px 10px;
}
/* Couleur différente pour chaque rubrique */
#menu li a.sousmenu1:hover, #menu li a.sousmenu1_select, #menu li a.soussousmenu1:hover, #menu li a.soussousmenu1_select {
	background-color: #f9c857;
}
#menu li a.sousmenu2:hover, #menu li a.sousmenu2_select, #menu li a.soussousmenu2:hover, #menu li a.soussousmenu2_select {
	background-color: #f5e756;
}
#menu li a.sousmenu3:hover, #menu li a.sousmenu3_select, #menu li a.soussousmenu3:hover, #menu li a.soussousmenu3_select {
	background-color: #dbe761;
}
#menu li a.sousmenu4:hover, #menu li a.sousmenu4_select, #menu li a.soussousmenu4:hover, #menu li a.soussousmenu4_select {
	background-color: #7bddf0;
}
#menu li a.sousmenu5:hover, #menu li a.sousmenu5_select, #menu li a.soussousmenu5:hover, #menu li a.soussousmenu5_select {
	background-color: #cb6945;
}
#menu li a.sousmenu1_preselect {
	background-color: #fbda8d;
}
#menu li a.sousmenu2_preselect {
	background-color: #f9ef8c;
}
#menu li a.sousmenu3_preselect {
	background-color: #e7ef94;
}
#menu li a.sousmenu4_preselect {
	background-color: #bff1fa;
}
#menu li a.sousmenu5_preselect {
	background-color: #ecc2b2;
}
/* Si sous sous menu  */
#menu li a.soussousmenu1, #menu li a.soussousmenu2, #menu li a.soussousmenu3, #menu li a.soussousmenu4, #menu li a.soussousmenu1_select, #menu li a.soussousmenu2_select, #menu li a.soussousmenu3_select, #menu li a.soussousmenu4_select {
	font-size: 0.8em;
	text-align: left;
}
/* Couleur différente pour chaque rubrique */
#menu li a.soussousmenu1, #menu li a.soussousmenu1_select {
	border-bottom: 1px solid #fbda8d;
	border-left: 10px solid #fbda8d;
}
#menu li a.soussousmenu2, #menu li a.soussousmenu2_select {
	border-bottom: 1px solid #f9ef8c;
	border-left: 10px solid #f9ef8c;
}
#menu li a.soussousmenu3, #menu li a.soussousmenu3_select {
	border-bottom: 1px solid #e7ef94;
	border-left: 10px solid #e7ef94;
}
#menu li a.soussousmenu4, #menu li a.soussousmenu4_select {
	border-bottom: 1px solid #bff1fa;
	border-left: 10px solid #bff1fa;
}
#menu li a.soussousmenu5, #menu li a.soussousmenu5_select {
	border-bottom: 1px solid #ecc2b2;
	border-left: 10px solid #ecc2b2;
}
/* ############## MISE EN PAGE DE LA COLONNE DE DROITE ########### */
div#colonne_droite {
	position: absolute;
	top: 204px;
	right: 0px;
	width: 147px;
	/*height: 100%;*/
	height: 440px;
	background: url(interface/fond_menu_droite.gif) top left repeat-x;
}
div#colonne_droite div#mon_compte, div#colonne_droite div#espace_pro, div#colonne_droite div#actus_bloc_droite {
	display: block;
	width: 139px;
	padding: 4px;
	border-bottom: 2px solid #ffffff;
	color: #666666;
}
div#colonne_droite p {
	font-size: 0.8em;
	text-align: left;
}
div#colonne_droite div p.titre{
	font-size: 1em;
	font-variant: small-caps;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
}
div#colonne_droite div#espace_pro {
	background: url(interface/picto_espace_pro.gif) 3px 2px no-repeat;
}
div#colonne_droite div#actus_bloc_droite {
	background: url(interface/picto_actus.gif) 3px 2px no-repeat;
}
div#colonne_droite div#actus_bloc_droite a, div#colonne_droite div#actus_bloc_droite a:visited {
	text-decoration: none;
	color: #888888;
}
div#colonne_droite div#actus_bloc_droite a:hover {
	text-decoration: none;
	color: #666666;
}
div#colonne_droite div#actus_bloc_droite p.une_actu {
	padding-left: 10px;
}
div#colonne_droite div#actus_bloc_droite p.une_date {
	padding-left: 10px;
}
div#colonne_droite div#actus_bloc_droite a.toutes_les_actus {
	padding-left: 14px;
	background: url(interface/tous_les_articles.gif) 0px 2px no-repeat;
}
div#colonne_droite div#actus_bloc_droite a.s_abonner {
	padding-left: 14px;
	background: url(interface/arobase_gris.gif) 0px 1px no-repeat;
}
/* ########## MON COMPTE ############ */
div#colonne_droite div#mon_compte {
	background: url(interface/picto_compte.gif) 3px 2px no-repeat;
}
div#colonne_droite a.deconnexion {
	padding-left: 14px;
	background: url(interface/deconnexion.gif) 0px 2px no-repeat;
}
div#mon_compte hr {
	height: 0px;
	border: none;
	border-color: #ffffff;
	clear: both;
	padding: 0;
	margin: 0;
}
div#mon_compte label, div#mon_compte li {
	font-size: 0.8em;
}
div#mon_compte div#mes_pages, div#mon_compte div#mes_annonces {
	position: relative;
}
div#mon_compte div#mes_pages input.memorise_page {
	width: 140px;
}
div#mon_compte div#titre_1, div#mon_compte div#titre_2 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 67px;
	height: 30px;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
}
div#mon_compte div#titre_2 {
	left: 69px;
}
div#mon_compte div#titre_1 a, div#mon_compte div#titre_2 a {
	font-size: 0.8em;
	font-weight: bold;
	display: block;
	width: 64px;
	height: 29px;
	padding-left: 3px;
}
div#mon_compte div#titre_1 a:hover, div#mon_compte div#titre_2 a:hover {
	/*color: #000000;
	background-color: #cccccc;
	border-bottom: none;*/
}
div#mon_compte div#zone_1, div#mon_compte div#zone_2 {
	margin-top: 34px;
	float: left;
	background-color: #cccccc;
	width: 136px;
	border: 2px solid #ffffff;
	border-top: none;
}
div#mon_compte div#zone_2 {
	display: none;
}
/* ############ MENU TERTIAIRE, en bas ############ */
div#bas_de_page {
	color: #ffffff;
	background-color: #b4c112;
}
div#bas_de_page li a {
	color: #666666;
}
div#bas_de_page li {
	background: url(interface/fond_bouton_bas_1.jpg) right 0px no-repeat;
}
div#bas_de_page li:hover {
	background: url(interface/fond_bouton_bas_1.jpg) right -33px no-repeat;
}
div#bas_de_page .habillage_bas {
	position: absolute;
	top: -21px;
	left: 0px;
	width: 214px;
	height: 21px;
	background: url(interface/habillage_bas_1.gif) bottom left no-repeat;
	z-index: 2;
}
/* ############ RUBRIQUE RECHERCHER UN PRODUIT ############ */
div.rechercher_produits {
	float: left;
	width: 270px;
}
div.rechercher_produits div {
	margin-bottom: 15px;
}
div.rechercher_produits h2, div.produits_colonne_droite h2 {
	background-color: #f0da00;
	color: #ffffff;
	background-image: none;
	margin-top: 0;
	padding: 2px;
}
div.rechercher_produits div.rechercher_par_produit li a {
	font-weight: bold;
	text-decoration: none;
}
div.rechercher_produits div.rechercher_top_10 ul {
	list-style: none;
}
div.rechercher_produits div.rechercher_top_10 ul li {
	margin: 0;
	margin-bottom: 2px;
}
div.produits_colonne_droite {
	float: right;
	width: 230px;
}
div.produit_du_mois {
	padding: 4px;
	border: 1px solid #c0c912;
}
div.produit_du_mois h2 {
	background-color: #c0c912;
}
div.info {
	padding: 4px;
	border: 1px solid #ae4118;
	margin-top: 15px;
}
div.info h2 {
	background-color: #ae4118;
}
/* ############ RUBRIQUE METIERS ############ */
/* Index */
div.zoom_sur_jaune {
	border: 1px solid #f0da00;
	padding: 2px 8px 4px 8px;
	margin: 1em;
}
div.zoom_sur_jaune h2 {
	color: #f0da00;
	letter-spacing: 0.3em;
	background: url(interface/picto_archives.gif) top left no-repeat;
	margin: 1px;
	padding: 4px 0 5px 35px;
}
div.zoom_sur_jaune h3 {
	margin-left: 35px;
}
div.zoom_sur_jaune p {
	text-align: justify;
}
/* fiche métier */
div#fiche_metier p {
	text-align: justify;
}
div.formations_attachees {
	border: 2px solid #1ebde5;
	padding: 2px 10px 4px 10px;
	margin: 1em 0;
}
div.formations_attachees h3 {
	background: url(interface/picto_diplome.gif) top left no-repeat;
	padding: 4px 0 5px 35px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ########## RUBRIQUE VISITES ####### */
div.visites_liste_publics {
	border: 1px solid #15c9ec;
	margin: 10px 40px 10px 40px;
	padding: 1em;
	background-color: #eeeeee;
}
div.visites_liste_publics ul {
	list-style-image: url(interface/puce_fleche_petite.gif);
}
div.visites_liste_publics li {
	font-weight: bold;
}
table.partenaires td {
	text-align: center;
	width: 30%;
}
div.brochures {
	/*background: url(/interface/fond_vert_deg_court.gif) top left repeat-x;
	border: 1px solid #cccccc;*/
}
div.une_brochure {
	width: 46%;
	float: left;
	text-align: center;
	padding: 5px 8px 8px 0px;
	
}
div.une_brochure img {
	border: 1px solid #000000;
	margin-bottom: 8px;
}
div.visites_infos_pratiques {
	background: url(interface/fond_carnet.gif) top left repeat-x;
	border: 1px solid #cccccc;
	padding: 8px 5px 6px 30px;
}
/* ################## ANNONCES D'EMPLOI ##################*/
div.encadre_emploi {
	float: right;
	border: 1px solid #1ebde5;
	padding: 0.8em;
	margin: 0.8em;
}
div.encadre_emploi h3 {
	color: #1ebde5;
}
div.cadre_contact_emploi {
	float: right;
	width: 42%;
	margin-left: 1em;
	border: 1px solid #cccccc;
	padding: 0.8em;
}
div.cadre_contact_emploi h3 {
	color: #333333;
	margin-bottom: 5px;
}
/* ##################### JOURNAL ################### */
div.a_la_une h2 {
	color: #ffffff;
	/*background-color: #ae4118;*/
	background: url(interface/fond_espace_1.gif) left top repeat-x;
	padding: 3px;
	margin: 0;
	margin-bottom: 0.5em;
}
div.a_la_une_article {
	float: left;
	width: 290px;
	margin-left: 10px;
}
div.a_la_une_colonne_droite {
	float: right;
	width: 190px;
	margin-top: 10px;
}
div.journal_agenda {
	display: block;
	width: 188px;
	height: 234px;
	background: url(interface/fond_agenda.jpg) no-repeat left top;
	/*border: 1px solid #cccccc;
	background-color: #666666;*/
	border: 1px solid #ffffff;
}
div.journal_agenda h2 {
	margin-top: 0;
	background: url(interface/picto_agenda.gif) no-repeat left center;
	padding: 5px 0px 6px 38px;
	margin: 20px 20px 8px 20px;
	color: #b4c40b;
}
div.journal_agenda p.agenda_texte {
	display: block;
	width: 132px;
	height: 123px;
	margin: 0px 28px 0px 28px;
	text-align: left;
}
div.journal_agenda p.agenda_precedente, div.journal_agenda p.agenda_suivante {
	display: block;
	width: 64px;
	height: 20px;
	font-size: 0.8em;
	margin: 3px;
	line-height: 0.9em;
	/*border: 1px solid blue;*/
}
div.journal_agenda p.agenda_precedente {
	padding-left: 20px;
}
div.journal_agenda p.agenda_precedente a {
	display: block;
	padding-left: 10px;
	background: url(interface/recule_noir.gif) no-repeat left center;
	/*border: 1px solid red;*/
}
div.journal_agenda p.agenda_suivante {
	float: right;
	padding-right: 20px;
}
div.journal_agenda p.agenda_suivante a {
	display: block;
	padding-right: 10px;
	text-align: right;
	background: url(interface/avance_noir.gif) no-repeat right center;
	/*border: 1px solid yellow;*/
}
div.journal_agenda p.agenda_toutes {
	display: block;
	width: 188px;
	height: 30px;
	text-align: center;
	margin: 0px;
	color: #ffffff;
	/*border: 1px solid yellow;*/
}
div.journal_agenda p.agenda_toutes a {
	color: #ffffff;
	/*border: 1px solid yellow;*/
}


div.a_la_une_annonce_emploi {
	margin: 0;
	margin-top: 10px;
	float: none;
	border: 1px solid #1ebde5;
	padding: 0.8em;
}
div.a_la_une_base {
	border: 1px solid #ae4118;
	padding: 0.8em;
	margin-top: 10px;
}
div.sabonner p {
	text-align: left;
}
div.votre_actu {
	padding: 0.8em;
}
div.consulter_archives {
	padding: 0.8em 0.8em 1.5em 0;
}
div.breves {
	margin-top: 2em;
	clear: both;
}
div.breves h2 {
	background: url(interface/puce_breve.gif) no-repeat left center;
	padding-left: 20px;
	font-style: italic;
}
div.une_breve {
	padding-top: 1em;
	text-align: justify;
	clear: both;
}

.puce_archives {
	background: url(interface/picto_archives.gif) no-repeat left top;
	padding: 8px 0px 8px 34px;
}