/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff url(images/bg.gif);
}

#bg
{background:url(images/bg_top.gif) repeat-x top left;}
#bg_centre
{background:url(images/bg_centre.gif) no-repeat top center;}
/* -------------------------------------------------------------------------- */
/* --------------- Boîte et bordures de contour du site --------------------- */


#container
{
	width:946px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	color:#133478;
	font-size:1.5em;
	margin:0;	
	padding:0 0 4px 0;
	font-weight:normal;
}

h2
{
	font-size:1.2em;
	margin:0;
	padding:0 0 10px 0;
}

h3
{
	font-size:1em;
	margin:0;
	padding:0 0 4px 0;
	color:#d1522e;
	font-weight:normal;
}

p
{
	font-size:1em;
	margin:0;
	padding:0 0 10px 0;
	color:#000;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.txt-petit
{font-size:0.8em;}

/* ----------------------------------------------------------------------------------------------------- */
/* ---- Corps ------------------------------------------------------------------------------------------ */

/* -- entête ------------------------------------------------------------ */
#entete
{
	position:relative;
	width:911px;
	margin:0 0 0 24px;
	_margin:0 0 0 25px;
	background:url(images/entete_bg.jpg) no-repeat top left;
}

div#entete
{height:221px;}
html>body div#entete
{
	min-height:221px;
	height:auto;
}

/* --- logo principal --------------------------------- */

div#logoCompagnie
{
	float:left;
	padding:62px 0 0 48px;
}

div#logoCompagnie img.logo
{
	display:block;
	margin:0;
}

#logoPrint
{display: none;}

/* --- zone de recherche --------------------------------- */

#recherche_bg
{
	float:right;
	width:547px;
	margin:48px 0 0 27px;
	background:url(images/recherche_bgContinu.gif) repeat-y top right;
}

#recherche
{background:url(images/recherche_bg.gif) no-repeat bottom right;}

div#recherche
{height:46px;}

html>body div#recherche
{
	height:auto;
	min-height:46px;
}

#recherche ul
{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}

#recherche ul li
{
	float:left;
	padding:11px 0 0 4px;
	margin:0;
	color:#005288;
}

#recherche a:link, #recherche a:visited, #recherche a:active
{
	color:#005288;
	text-decoration:none;
}

#recherche a:hover
{text-decoration:underline;}

#recherche ul li#zonerechercheMenu
{
	padding:5px 15px 0 30px;
}

#recherche ul li#zonerechercheMenu label
{
	float:left;
	color:#005288;
	vertical-align:middle;
	margin:5px 0 0 0;
}
#recherche ul li#zonerechercheMenu input.irecherche
{
	float:left;
	width:143px;
	margin:1px 2px 0 7px;
	vertical-align:middle;
	color:#00467F;
	background:url(images/champsRecherche_bg.gif) no-repeat top left;
	border:none;
	height:24px;
	padding:3px 0 0 2px;
}

#recherche ul li#zonerechercheMenu input.ibRecherche
{vertical-align:middle;}

/* --- zone boutons du haut --------------------------------- */

#boutonsHaut
{
	position:absolute;
	top:85px;
	left:382px;
	width:483px;
}

#boutonsHaut ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#boutonsHaut ul li
{
	float:left;
	margin:0;
	padding:0 2px 0 0;
}
#boutonsHaut ul li.last
{padding:0;}

/* ----------------------------------------------------------- */
/* --- Zone de contenu --------------------------------------- */

#zoneContenu
{
	width:925px;
	background:url(images/zoneContenu_bg.gif) repeat-y 14px 0;
	margin:0 0 0 10px;
	_margin:0 0 0 11px;
}

#zoneContenu_intranet
{
	width:897px;
	margin:0 0 0 24px;
	_margin:0 0 0 25px;
	background:#fff url(images/zoneContenu_bgIntranet.gif) no-repeat top left;
}

#colGau
{
	float:left;
	width:217px;
}

#colDr
{
	float:left;
	width:708px;
	background:url(images/zoneContenu_bgTop.gif) no-repeat top left;
	padding:62px 0 0 0;
}

.contenu
{padding:0 23px 20px 32px;}

.contenu a:link, .contenu a:visited, .contenu a:active, #formIntranet a:link, #formIntranet a:visited, #formIntranet a:active
{color:#014b87;}
.contenu a:hover, #formIntranet a:hover
{text-decoration:none;}

.contenu ul
{
	/*list-style:none;*/
	margin:0;
	padding:0 0 10px 10px;
}

.contenu ul li
{
	margin:0;
	padding:0 0 10px 10px;
	/*background:url(images/fleche_liste.gif) no-repeat 0 1px;*/
}

/* -------------------------------------------------------- */
/* --- Colonne gauche ------------------------------------- */
#zoneMenu_bg
{
	width:217px;
	background:url(images/zoneMenu_bgContinu.gif) repeat-y top right;
}

#zoneMenu
{background:url(images/zoneMenu_bg.gif) no-repeat top right;}

#zoneMenu h1
{
	color:#005288;
	font-size:1em;
	padding:8px 0 13px 30px;
	margin:0;
	background:url(images/t_outils_bg.gif) no-repeat top left;
	font-weight:bold;
}

#zoneMenu h1#t_care
{background:url(images/t_careMontmagny_bg.gif) no-repeat top left;}
#zoneMenu h1#t_consulter
{background:url(images/t_consulter_bg.gif) no-repeat top left;}

#zoneMenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 8px 23px;
}

#zoneMenu ul li
{
	margin:0;
	padding:0 0 3px 0;
	line-height:1.2em;
}

#zoneMenu ul li a:link, #zoneMenu ul li a:visited, #zoneMenu ul li a:active
{
	color:#fff;
	text-decoration:none;
	padding:0 0 0 16px;
}
#zoneMenu ul li a:hover
{
	background:url(images/cercle_liste.gif) no-repeat 0 2px;
}

/* ----------------------------------------------------- */
/* --- Sous-menu de la colonne gauche ------------------ */

#subMenus {
	text-align: left;
	position: absolute;
	left: 195px;
	top:-18px;
	z-index: 200;
	font-size: 0.9em;
}

#subMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 200px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #93af44;
}

html>body #subMenus div {
	padding-top: 0;
}
#subMenus div div {
	position: relative;
	display: block;
	width: 200px;
	white-space: normal;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
}
#subMenus a {
	display: block;
	height: 1%;
	padding: 4px 8px 4px 15px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
html>body #subMenus span, html>body #subMenus a {
	height: auto;
}
#subMenus a.sub {
	background: url(images/arrows.gif) no-repeat 98% 8px;
}
#subMenus div.sub {
	padding:0;
	margin:18px 0 0 -194px;
	background: #93af44;
}

#subMenus div.sub div {
	width: 200px !important;
	border-bottom: 1px solid #fff;
}
#subMenus div.sub div a {
	padding: 4px 8px 4px 15px;
}

#subMenus a:hover 
{
	color:#fff;
	background:#2382c2;
}

#subMenus a.sub:hover {
	background:#2382c2 url(images/arrows.gif) no-repeat 98% 8px !important;
}

/* ----------------------------------------------------------------------- */
/* --- Sous-menu des onglets du haut ------------------------------------- */
/* ----------------------------------------------------------------------- */

/* --- Sous-menu BLEU ---------------- */

#divSubMenusBleu, #divSubMenusOrange, #divSubMenusVert {
    text-align: left;
    position: absolute;
    left: 10px;
    top:-4px;
	z-index: 200;
	font-size: 0.9em;
	
}
#divSubMenusBleu div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 150px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #3f92ca;
}

html>body #divSubMenusBleu div, html>body #divSubMenusOrange div, html>body #divSubMenusVert div {
	padding-top: 0;
}
#divSubMenusBleu div div, #divSubMenusOrange div div, #divSubMenusVert div div {
	position: relative;
	display: block;
	width: 150px;
	white-space: normal;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
}
#divSubMenusBleu span, #divSubMenusBleu a, #divSubMenusOrange span, #divSubMenusOrange a, #divSubMenusVert span, #divSubMenusVert a{
	display: block;
	height: 1%;
	padding: 5px 6px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
html>body #divSubMenusBleu span, html>body #divSubMenusBleu a, html>body #divSubMenusOrange span, html>body #divSubMenusOrange a, html>body #divSubMenusVert span, html>body #divSubMenusVert a {
	height: auto;
}
#divSubMenusBleu a.sub {
	background: url(images/arrows.gif) no-repeat 98% 8px;
}
#divSubMenusBleu div.sub {
	padding:0;
	margin:3px 0 0 -10px;
	border-top: 1px solid #fff;
	background: #3f92ca;
}
#divSubMenusBleu div.sub div, #divSubMenusOrange div.divSubMenusOrange div {
	width: 150px !important;
	border-bottom: 1px solid #fff;
}
#divSubMenusBleu div.sub div a {
	padding: 5px 8px;
}
/* -- hover des menu -- */
#divSubMenusBleu a:hover 
{
	color:#fff;
	background:#1d6ca2;
}

#divSubMenusBleu a.sub:hover 
{background:#1d6ca2 url(images/arrows.gif) no-repeat 98% 8px !important;}

/* --- Sous-menu ORANGE ---------------- */

#divSubMenusOrange div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 150px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #d1522e;
}

#divSubMenusOrange a.sub {
	background: url(images/arrows.gif) no-repeat 98% 8px;
}
#divSubMenusOrange div.sub {
	padding:0;
	margin:3px 0 0 -10px;
	border-top: 1px solid #fff;
	background: #d1522e;
}

#divSubMenusOrange div.sub div a 
{padding: 5px 8px;}

/* -- hover des menu -- */
#divSubMenusOrange a:hover 
{
	color:#fff;
	background:#ae4426;
}

#divSubMenusOrange a.sub:hover 
{background:#ae4426 url(images/arrows.gif) no-repeat 98% 8px !important;}

/* --- Sous-menu VERT ---------------- */

#divSubMenusVert div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 150px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #a0bf47;
}

#divSubMenusVert a.sub {
	background: url(images/arrows.gif) no-repeat 98% 8px;
}
#divSubMenusVert div.sub {
	padding:0;
	margin:3px 0 0 -10px;
	border-top: 1px solid #fff;
	background: #a0bf47;
}

#divSubMenusVert div.sub div a 
{padding: 5px 8px;}

/* -- hover des menu -- */
#divSubMenusVert a:hover 
{
	color:#fff;
	background:#859f3b;
}

#divSubMenusVert a.sub:hover 
{background:#859f3b url(images/arrows.gif) no-repeat 98% 8px !important;}

/* --- */
#mEmploisSMenu, #mEmploisSMenu div, #mServicePlacementSMenu, #mServicePlacementSMenu div, #mEntreprisesSMenu, #mEntreprisesSMenu div
{width: 147px !important;}

.mSubSMenu2
{width: 150px !important;}


/* -- boutons de la colonne gauche -------------------- */

#boutonsColGau
{
	width:217px;
	padding:20px 0 0 0;
	background:url(images/boutonsColGau_bg.gif) no-repeat top right;
}

div#boutonsColGau
{height:335px;}
html>body div#boutonsColGau
{
	min-height:335px;
	height:auto;
}

#boutonsColGau img
{
	margin:0 0 7px 0;
	display:block;
}

/* -------------------------------------------------------- */
/* --- Colonne droite ------------------------------------- */
#zContenu_colonnes
{
	width:685px;
	margin:0 0 0 23px;
}

#colGau_contenu
{
	float:left;
	width:429px;
	margin:0 19px 0 0;
}

#colDr_contenu
{
	float:left;
	width:237px;
}
/* -- Zone Que Recherchez-Vous ? --------------------- */
#box_queRecherchezVous
{
	width:429px;
	background:url(images/box_queRecherchezVous_bg.gif) no-repeat 0 6px;
	margin:0 0 11px 0;
}

div#box_queRecherchezVous
{height:195px;}
html>body div#box_queRecherchezVous
{
	min-height:195px;
	height:auto;
}

#box_queRecherchezVous img#bQueRecherchezVous-01
{margin:0 6px 0 8px;}
#box_queRecherchezVous img#bQueRecherchezVous-02
{margin:0 5px 0 0;}

/* -- Zone Nouvelles --------------------- */
#boxNouvelles
{
	width:429px;
	background:url(images/boxNouvelles_bg.gif) no-repeat top left;
	margin:0 0 11px 0;
	padding:15px 0 10px 0;
}

div#boxNouvelles
{height:222px;}
html>body div#boxNouvelles
{
	min-height:222px;
	height:auto;
}

#boxNouvelles_contenu
{padding:0 17px;}

/* -- bloc colonne droite ----------------- */

.blocDr
{	
	margin:0 0 24px 0;
	background:#f1f1f1 url(images/espacePub_bgTop.gif) no-repeat top left;	
}

.blocDr_bgBas
{
	width:237px;
	background:url(images/espacePub_bgBas.gif) no-repeat bottom right;
	padding:0 0 9px 0;
}

.blocDr_bgBas div
{float:right;}

.blocDr_bgBas div img
{display:block;}

/* -- Zone Calendrier --------------------- */
#boxCalendrier
{
	width:237px;
	margin:0;	
}

#boxCalendrier h1
{
	color:#a0bf47;
	padding:0 0 7px 10px;
	font-weight:normal;
}

#calendrier
{
	width:227px;
	background:#b6d168;
	padding:20px 0 40px 0;
}

/* --- Tableau calendrier --------------- */
.tabCalendrier
{
	width:203px;
	margin:0 13px 0 11px;
}

.tabCalendrier h2
{
	font-size:1.2em !important;
	color:#064c79;
	padding:0 0 2px 0;
}

.tabCalendrier th
{
	color:#fff;
	font-size:0.9em;
	text-align:center;
	padding:2px 0;
	border-top:1px solid #064c79;
	border-bottom:1px solid #064c79;
}

.tabCalendrier td
{
	color:#000;
	font-size:0.9em;
	text-align:center;
	padding:2px 0;
}

.tabCalendrier td.flechesMois a
{
	font-size:1.3em;
	padding:2px 5px;
	margin:0;
	color:#064c79 !important;
	text-decoration:none;
	background:none !important;
}

.tabCalendrier td.flechesMois a:hover
{
	
	color:#fff !important;
	padding:2px 5px;
	text-decoration:none !important;
}

.tabCalendrier td a:link, .tabCalendrier td a:visited, .tabCalendrier td a:active
{
	color:#000;
	background:url(images/calendrier_dateBg.gif) no-repeat top center;
	text-decoration:none;
	padding:0 5px;
}

.tabCalendrier td a:hover
{text-decoration:underline;}

/* -- Intranet ------------------------------------------------ */

#formIntranet
{
	margin:0 0 0 200px;
	padding:80px 50px 50px 0;
}

#formIntranet h1
{padding:0 0 20px 0;}

.lesChamps label
{
	width:120px;
	font-size:1em;
	color:#5f6062;
	float:left;
	text-align:left;
}

.lesChamps input
{
	width:200px;
	float:left;
	margin:0 0 10px 0;
}

#formIntranet input.ibEntrer
{margin:0 0 0 120px;}

/* ----------------------------------------------------------- */
/* --- Pied -------------------------------------------------- */

#pied
{
	width:913px;
	margin:0 0 20px 16px;
	background:url(images/pied_bgContinu.gif) repeat-y top left;
}

#pied_bg
{background:url(images/pied_bg.gif) no-repeat bottom left; padding:6px 0 0 0}

div#pied_bg
{height:61px;}
html>body div#pied_bg
{
	height:auto;
	min-height:61px;
}

#pied_int
{
	width:897px;
	margin:0 0 0 8px;
	padding:0 0 15px 0;
}

/* -- copyright ----- */

#copyright
{
	font-size:0.8em;
	float:left;
	color:#044185;
	font-weight:bold;
	padding:20px 0 0 30px;
}

#copyright a
{
	color:#044185;
	text-decoration:none;
}

#copyright a:hover
{text-decoration:underline;}

/* -- logo iclic ---- */

#logoIclic
{
	float:right;
	width:266px;
	margin:0 20px 0 0;
	_margin:0 10px 0 0;
	padding:5px 0 0 0;
}

#logoIclic p
{
	float:left;
	width:170px;
	color:#000;
	padding:2px 0 0 0;
	font-size:0.9em;
	text-align:right;
}

#logoIclic img
{
	float:left;
	margin:0 0 0 10px;
}

#logoIclic p a:link, #logoIclic p a:visited, #logoIclic p a:active
{
	color:#000;
	text-decoration:none;
}

#logoIclic p a:hover
{text-decoration:underline;}