/* 
	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:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#003875;
}

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

#ombreGau
{background:url(images/ombreGau.gif) repeat-y top left;}
#ombreDr
{background:url(images/ombreDr.gif) repeat-y top right;}

#page
{
	width:892px;
	background:#fff;
	margin:0 0 0 31px;
}

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

h1
{
	font-size:1.5em;
	margin:0;
	padding:0 0 20px 0;
	color:#003875;
}

h2
{
	font-size:1.15em;
	margin:0;
	color:#333;
}

h3
{
	font-size:1.1em;
	margin:0;
	color:#333;
	padding:0 0 7px 0;
}

p
{
	font-size:1em;
	color:#333;
	margin:0;
	padding:0;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligner
{text-decoration:underline;}

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

/* ------------------------------------------------------------ */
/* --- Menu entête -------------------------------------------- */

#topMenu
{	
	width:661px;
	float:right;
	margin:8px 0 11px 0;
	background:#f2f2f2 url(images/topmenu_bg.gif) repeat-x top left;
}

#topMenu_coinTG
{background:url(images/topmenu_coinTG.gif) no-repeat top left;}

#topMenu_coinBG
{background:url(images/topmenu_coinBG.gif) no-repeat bottom left; width:661px;}

#topMenu ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:8px 14px 4px 0;
}

#topMenu ul li
{
	float:left;
	color:#333;
	font-size:0.9em;
	margin:0;
}

#topMenu ul li.linkAccueil
{padding:4px 0 0 0;}
#topMenu ul li.link
{padding:4px 0 0 49px;}
#topMenu ul li.intranet
{padding:4px 0 8px 0;}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#333;
	text-decoration:none;
}

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


/* -- Champs rechercher --------- */
#champsRecherche
{
	width:320px;
	margin:0 0 0 49px;
}

#champsRecherche label
{color:#333;}

#champsRecherche input.irecherche
{
	width:199px;
	margin:0 5px 0 15px;
	vertical-align:middle;
	
}

#champsRecherche input.ibRecherche
{vertical-align:middle;}


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

div#logoCompagnie
{
	width:892px;
	padding:0 0 16px 0;
	background:url(images/bg_people.jpg) no-repeat 477px 22px;
}

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

#logoPrint
{display: none;}

/* ------------------------------------------------------------------ */
/* ----------- Menu ------------------------------------------------- */

#zoneMenu
{
	width:813px;
	background:#931216 url(images/zonemenu_bg.gif) repeat-x top left;
}

#zonemenu_coinTD
{background:url(images/zonemenu_ombreDr.jpg) no-repeat top right; width:813px;}

#zonemenu_ombrebas
{background:url(images/zonemenu_ombreBas.jpg) no-repeat bottom left; width:813px; height:71px;}

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

#zoneMenu ul li
{
	float:left;
	font-size:1.2em;	
	margin:0;
	padding:0;
	font-weight:bold;
	
}

#zoneMenu a
{
	display: block;	
	text-decoration:none;
	color:#fff;
	font-size:1em;
	padding:13px 24px 14px 24px;
	margin:0;
	font-weight:bold;
	list-style:none;
	background:url(images/zonemenu_sep.gif) no-repeat top right;
}

#zoneMenu a.noborder
{background:none;}

#zoneMenu a:hover
{background:#b85f5e url(images/zonemenu_bgover.gif) repeat-x top left;}

#zoneMenu a.selected
{background:#b85f5e url(images/zonemenu_bgover.gif) repeat-x top left;}


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

#zoneContenu
{
	width:892px;
	background:url(images/bg_boussole.jpg) no-repeat bottom left;
}

div#zoneContenu{height:865px;}

html>body div#zoneContenu
{
	height:auto;
	min-height:865px;
}

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

#colDr
{
	float:left;
	width:238px;	
}

/* -- Éléments de contenu textuel ---------------- */

.contenu
{
	padding:0px 24px 0 20px;
}

.contenu p
{
	padding:0 0 20px 0;
	text-align:justify;
	line-height:1.4em;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#990000;
	text-decoration:underline;
}

.contenu a:hover
{text-decoration:none;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 18px 0;
}

.contenu ul li
{
	background:url(images/liste_dot.gif) no-repeat 0 5px;
	margin:0;
	padding:0 0 6px 32px;
}

.contenuSecteur h2.titreListe
{
	font-size:1.2em;
	margin:0;
	color:#333;
	padding:0 0 4px 20px;
}

/* -- zone services d'orientation et d'aide à l'emploi -- */

#box_service_orientation
{
	background:url(images/i_boussole.jpg) no-repeat top left;
	padding:0 0 45px 0;
}

#box_service_orientation h1
{padding:0 0 25px 232px;}

#box_service_orientation ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 233px;
}

#box_service_orientation ul li
{
	font-size:1.2em;
	background:url(images/dot.gif) no-repeat 0 6px;
	margin:0;
	padding:0 0 10px 33px;
}

#box_service_orientation ul li a:link, #box_service_orientation ul li a:visited, #box_service_orientation ul li a:active
{
	color:#931216;
	font-weight:bold;
}

#box_service_orientation ul li a:hover
{text-decoration:none;}

/* ------------------------------------------------------------------------ */
/* -- Colonne Droite ------------------------------------------------------ */

.boxDr_infolettre
{
	width:238px;
	background:#f2f2f2 url(images/infolettre_bg.gif) repeat-x top left;
	margin:0 0 11px 0;
}

.boxDr_sondage
{
	width:238px;
	background:#f2f2f2 url(images/sondage_bg.gif) repeat-x top left;
	margin:0 0 11px 0;
}

.boxDr_coinTG
{background:url(images/boxDr_coinTG.gif) no-repeat top left;}
.boxDr_coinBG
{background:url(images/boxDr_coinBG.gif) no-repeat bottom left; width:238px;}


/* -- Info-Lettre et Sondage ---------------------- */ 
.boxDr_contenu
{
	padding:10px 0 17px 0;
}

.boxDr_contenu h2
{
	padding:0 0 3px 14px;
}

.boxDr_contenu p
{
	font-size:0.9em;
	color:#333;
	padding:0 10px 10px 14px;
}

.boxDr_contenu ul
{
	list-style:none;
	margin:0;
	padding:10px 20px;
}

.boxDr_contenu ul li
{
	margin:0;
	padding:0 0 10px 0;
}

.boxDr_contenu a:link, .boxDr_contenu a:visited, .boxDr_contenu a:active
{
	color:#931216;
	text-decoration:underline;
}

.boxDr_contenu a:hover
{text-decoration:none;}

.boxDr_contenu input.icourriel
{margin:0 0 12px 14px; width:199px;}

.boxDr_contenu input.ibAbonnement
{margin:0 0 0 14px;}

.boxDr_contenu input.ibEnvoyer, .boxDr_contenu input.ibInscrire
{margin:20px 0 0 14px;}

/* cases à cocher */

.casesCochesSondage
{margin:0 0 6px 14px;}

.casesCochesSondage label
{
	color:#333;
	font-size:0.9em;
	margin:0 15px 0 0;
}

.casesCochesSondage input
{vertical-align:middle;}

.champs
{
	margin:0 0 0 14px;
}

.champs label
{
	color:#333;
	font-size:0.9em;
	padding:0 15px 0 0;
}

.champs input
{
	margin:2px 0 8px 0; 
	width:199px;
}

/* --------------------------------------------------- */
/* -- Page Contact ----------------------------------- */

#formContact
{
	width:450px;
	margin:25px 0 30px 0;
}

.lesChamps
{margin-bottom:10px;}

.lesChamps label
{
	width:90px;
	font-size:0.9em;
	color:#333;
	float:left;
	text-align:left;
}

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

.lesChamps textarea.imessageContact
{
	width:320px;
	float:left;
	margin:0;
}

#formContact input.ibSubmit
{margin:15px 0 0 90px;}

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

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

div#logoCompagnie_intranet
{
	width:892px;
	padding:0 0 0 0;
	background:url(images/bg_people_full.jpg) no-repeat 477px 22px;
}

div#logoCompagnie_intranet img.logo
{
	display:block;
	margin:0 0 0 26px;
}

#zoneIntranet
{
	width:892px;
	background:url(images/bg_boussole.jpg) no-repeat bottom left;
	padding:60px 0 0 0;
}

div#zoneIntranet{height:700px;}

html>body div#zoneIntranet
{
	height:auto;
	min-height:700px;
}

#formIntranet
{
	margin:0 0 0 40px;
}

#formIntranet input.ibEntrer
{margin:15px 0 0 90px;}
/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */

#pied
{
	background:#333c44 url(images/pied_bg.gif) repeat-x top left;
	width: 892px;
	margin:0 0 0 31px;
}

#pied
{
	font-size:0.9em;
	color:#fff;
	padding:19px 0;
}

#pied ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 32px 0 0;
}

#pied ul li
{
	float:left;
	margin:0;
	padding:0 0 0 28px;
}


#pied a:link, #pied a:visited, #pied p a:active
{
	text-decoration:underline;
	color:#fff;
}

#pied a:hover
{text-decoration:none;}

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

div#logoCompagnie_intranet
{
	width:892px;
	padding:20px 0 110px 0;
	background:url(images/bg_people_full.jpg) no-repeat 477px 22px;
}

div#logoCompagnie_intranet img.logo
{
	display:block;
	margin:0 0 0 26px;
}

#zoneContenu_intranet
{
	width:892px;
	background:url(images/bg_boussole.jpg) no-repeat bottom left;
}

div#zoneContenu_intranet{height:720px;}

html>body div#zoneContenu_intranet
{
	height:auto;
	min-height:720px;
}


.boxDr_infolettre
{
	width:238px;
	background:#f2f2f2 url(images/infolettre_bg.gif) repeat-x top left;
	margin:0 0 11px 0;
}

.boxDr_coinTD
{background:url(images/boxDr_coinTD.gif) no-repeat top right;}
.boxDr_coinBD
{background:url(images/boxDr_coinBD.gif) no-repeat bottom right; width:238px;}