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

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

body
{
	color:#666666;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#4FA5C9;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_ombreGau.gif) repeat-y top left;
}

#ombreDroite
{
	width:955px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_ombreDr.gif) repeat-y top right;
}


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

h1
{
	font-size:1.5em;
	margin:0;
	color:#333333;
}

h2
{
	font-size:1.2em;
	margin:0;
	color:#333333;
}

h3
{
	font-size:1.1em;
	margin:0;
	color:#333333;
}

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

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.or
{color:#CC9900;}

.txt_petit
{font-size:0.9em;}
/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Corps ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- header ---------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#entete
{
	width:880px;
	background:#AEB4BD url(images/bg_entete.gif) repeat-x top left;
	margin:0 0 0 37px;
}

#bg_entete
{
	background:url(images/bg_i_entete.jpg) no-repeat top left; 
	width:880px;
	position:relative;
}

#bg_entete_extranet
{
	background:url(images/bg_i_entete_extranet.jpg) no-repeat top left; 
	width:880px;
}

div#bg_entete_extranet{height:179px;}

html>body div#bg_entete_extranet
{
	min-height:179px;
	height:auto;
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- logo --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
h1#logoCompagnie
{
	float:left;
	width:243px;
	padding:65px 0 0 38px;
}

h1#logoCompagnie img.logo
{
	display:block;
}


#logoPrint
{display: none;}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- zone Menus ------------------------------------------------ */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


#zoneMenus
{
	float:right;
	width:586px;
}

/* --------------------------------------- top menu -------------------------- */

#coinTopMenu
{
	background:url(images/coin_topMenu.gif) no-repeat top left;
	float:left;
	width:45px;
	height:35px;
}

#topMenu
{
	background:#979A9F url(images/bg_topMenu.gif) repeat-x top left;
	width:349px;
	float:left;
}

#topMenu ul
{
	font-size:1em;
	list-style:none;
	margin:0;
	padding:10px 21px 0 2px;
}

.mac #topMenu ul li {padding:0 34px 10px 0;}

#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 38px 10px 0;
	color:#fff;
	font-weight:bold;
}



#topMenu ul li.lastTopMenu
{
	float:left;
	margin:0;
	padding:0 0 10px 0;
	color:#fff;
	font-weight:bold;
}


#topMenu ul li.lienActif, #topMenu_extranet ul li.lienActif
{color:#062E3F;}

#topMenu a:link, #topMenu a:visited, #topMenu a:active, #topMenu_extranet a:link, #topMenu_extranet a:visited, #topMenu_extranet a:active
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#topMenu a:hover, #topMenu_extranet a:hover
{color:#062E3F;}

/* ---------- */

#zoneMenus_extranet
{
	float:right;
	width:192px;
	background:#979A9F url(images/bg_topMenu.gif) repeat-x top left;
}
#topMenu_extranet
{background:url(images/coin_topMenu_extranet.gif) no-repeat top left; width:192px;}


#topMenu_extranet ul
{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:10px 0 0 49px;
}

#topMenu_extranet ul li
{
	float:left;
	margin:0;
	padding:0 32px 11px 0;
	color:#fff;
	font-weight:bold;
}

#topMenu_extranet ul li.lastTopMenu
{
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;
}


/* --------------------------------------- extranet -------------------------- */

#coinExtranet
{
	background:url(images/coin_extranet.gif) no-repeat top left;
	float:left;
	width:44px;
	height:35px;
}

#extranet
{
	float:left;
	width:148px;
	background:#66686C url(images/bg_extranet.gif) repeat-x top left;
}

#extranet ul
{
	font-size:0.9em;
	list-style:none;
	margin:0;
	padding:10px 0 0 6px;
}

#extranet ul li
{
	float:left;
	margin:0;
	padding:0 20px 11px 0;
	color:#fff;
	font-weight:bold;
}

#extranet ul li.lastExtranet
{padding:0 0 10px 0;}

#extranet a:link, #extranet a:visited, #extranet a:active
{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#extranet a:hover
{color:#062E3F;}

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

#menu
{
	width:540px;
	margin:0 0 0 46px;
}

#menu img{display:block;}


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

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



/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* ----------------------------------- zone contenu ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

#zoneContenuAcc
{
	width:880px;
	background:#fff url(images/bg_contenu_accueil.gif) repeat-y top left;
	margin:0 0 0 37px;
}

div#zoneContenuAcc{height:400px;}

html>body div#zoneContenuAcc
{
	min-height:400px;
	height:auto;
}

#zoneContenu
{
	width:880px;
	background:#fff;
	margin:0 0 0 37px;
}

div#zoneContenu{height:400px;}

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

/* -------------------------------------------------------------------------------------------------- */
/* --------------------------- zone contenu accueil ------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* colonnes séparatrices --------------------------------------- */

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

#colCentre
{
	width:328px;
	float:left;
}

#colDrAcc
{
	width:212px;
	float:left;
}

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

/* colonnes Gauche --------------------------------------- */

#colGau img.tColGau
{
	display:block;
	margin:23px 0 0 20px;
}

#colGau p
{
	font-size:1.1em;
	padding:0 28px 10px 20px;
}

#zoneFlash_acc
{
	width:315px;
	margin:36px 0 36px 16px;
}

#zoneVideo
{
	margin:20px 0 0 0;
}

/* colonnes Centre --------------------------------------- */

#colCentre img.tColCentre
{
	margin:23px 0 36px 22px;
}

#colCentre h2
{
	font-size:1em;
	color:#333;
	padding:0 20px 0 22px;
}

#colCentre p
{
	font-size:1em;
	color:#333;
	padding:0 25px 20px 22px;
}

#colCentre a:link, #colCentre a:visited, #colCentre a:active, #zoneVideo a:link, #zoneVideo a:visited, #zoneVideo a:active
{color:#007DB1;}

#colCentre a:hover, #zoneVideo a:hover
{text-decoration:none;}

/* colonnes Droite --------------------------------------- */

#colDrAcc img.tColDr
{
	display:block;
	margin:23px 0 36px 22px;
}

.services-liste
{
	list-style:none;
	margin:0 0 0 28px;
	padding:0;
}

.services-liste li
{
	margin:0;
	padding:0 0 14px 18px;
	background:url(images/i_fleche_blanc.gif) no-repeat 0 2px;
	font-weight:bold;
}

.services-liste li a:link, .services-liste li a:visited, .services-liste li a:active 
{
	color:#007DB1;
	text-decoration:none;
}

.services-liste li a:hover
{text-decoration:underline;}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* --------------------------- zone contenu Intérieur ------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ------------------------------------- fil d'ariane ------------------------------------------------- */

/* ----------- fil Pages About -------------------- */

#fil
{
	width:880px;
	padding:0 0 32px 0;
}

#filFabrication, #filComponent, #filproduction
{
	width:880px;
}

#fil ul, #filFabrication ul, #filComponent ul, #filproduction ul
{
	float:left;
	font-size:1.2em;
	list-style:none;
	margin:0;
	padding:18px 0 0 170px;
}

#fil ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#007DB1;
	font-weight:bold;
}

/* ----------- fil Pages fabrication -------------------- */

#filFabrication ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#97D185;
	font-weight:bold;
}

/* ----------- fil Pages Component -------------------- */

#filComponent ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#F2B401;
	font-weight:bold;
}

/* ----------- fil Pages Production tooling -------------------- */

#filproduction ul li
{
	float:left;
	margin:0;
	padding:0 4px;
	color:#E53C25;
	font-weight:bold;
}

/* --- zone animation flash ------------------------------------------------- */

#filFabrication ul li.animFlash_int, #filproduction ul li.animFlash_int, #filComponent ul li.animFlash_int
{
	float:right;
}

#fil p, #filFabrication p, #filComponent p, #filproduction p
{
	font-size:1.2em;
	margin:0;
	padding:0 0 10px 174px;
}

#filFabrication p
{
	color:#97D185;
	font-weight:bold;
}

#filproduction p
{
	color:#E53C25;
	font-weight:bold;
}

#filComponent p
{
	color:#F2B401;
	font-weight:bold;
}


/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* --------------------------- Colonne de gauche ------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

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

/* images dans le menu secondaire changeantes selon la section */
#bgAbout
{
	float:left;
	width:170px;
	height:170px;
	background:url(images/i_bg_about.jpg) no-repeat top left;
}

#bgFabrication
{
	float:left;
	width:170px;
	height:170px;
	background:url(images/estampro_fab_1.jpg) no-repeat top left;
}

#bgProduction
{
	float:left;
	width:170px;
	height:170px;
	background:url(images/estampro_prod_4.jpg) no-repeat top left;
}

#bgComponent
{
	float:left;
	width:170px;
	height:170px;
	background:url(images/estampro_source_1.jpg) no-repeat top left;
}


/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- Menu Pour page About Estampro ------------------------------------------- */

#menuAbout
{
	width:170px;
	background:#007DB1;
	float:left;
}

#menuAbout ul
{
	list-style:none;
	margin:12px 0 0 0;
	padding:0 0 5px 18px;
}

#menuAbout ul li
{
	margin:0;
	padding:0 0 8px 18px;
	background:url(images/i_fleche_bgBleu.gif) no-repeat 0 2px;
	font-weight:bold;
}

#menuAbout ul li a:link, #menuAbout ul li a:visited, #menuAbout ul li a:active 
{
	color:#fff;
	text-decoration:none;
}

#menuAbout ul li a:hover
{color:#062E3F;}


#menuAbout ul li.lienActif
{color:#062E3F;}

/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- Menu Pour pages Fabrication ------------------------------------------- */

#menuFabrication
{
	width:170px;
	background:#97D185;
	float:left;
}

#menuFabrication ul
{
	list-style:none;
	margin:12px 0 0 0;
	padding:0 0 26px 18px;
}

#menuFabrication ul li
{
	margin:0;
	padding:0 0 7px 18px;
	background:url(images/i_fleche_bgVert.gif) no-repeat 0 2px;
	font-weight:bold;
}

#menuFabrication ul li a:link, #menuFabrication ul li a:visited, #menuFabrication ul li a:active 
{
	color:#fff;
	text-decoration:none;
}

#menuFabrication ul li a:hover, #menuFabrication ul li.lienActif
{color:#4C6E06;}


/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- Menu Pour Components sourcing ------------------------------------------- */

#menuComponent, #menuComponent_fr
{
	width:170px;
	background:#F2B401;
	float:left;
}

#menuComponent ul
{
	list-style:none;
	margin:20px 0 0 0;
	padding:0 0 94px 18px;
}

#menuComponent_fr ul
{
	list-style:none;
	margin:20px 0 0 0;
	padding:0 0 34px 18px;
}

#menuComponent ul li, #menuComponent_fr ul li
{
	margin:0;
	padding:0 0 13px 18px;
	background:url(images/i_fleche_bgOrange.gif) no-repeat 0 2px;
	font-weight:bold;
}

#menuComponent ul li a:link, #menuComponent ul li a:visited, #menuComponent ul li a:active, #menuComponent_fr ul li a:link, #menuComponent_fr ul li a:visited, #menuComponent_fr ul li a:active 
{
	color:#fff;
	text-decoration:none;
}

#menuComponent ul li a:hover, #menuComponent ul li.lienActif, #menuComponent_fr ul li a:hover, #menuComponent_fr ul li.lienActif
{color:#7F4B12;}


/* --------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------- Menu Pour pages Production tooling ------------------------------------------- */

#menuProduction
{
	width:170px;
	background:#E53C25;
	float:left;
}

div#menuProduction{height:170px;}

html>body div#menuProduction
{
	min-height:170px;
	height:auto;
}

#menuProduction ul
{
	list-style:none;
	margin:20px 0 0 0;
	padding:0 0 4px 18px;
}

#menuProduction ul li
{
	margin:0;
	padding:0 0 12px 18px;
	background:url(images/i_fleche_bgRouge.gif) no-repeat 0 2px;
	font-weight:bold;
}

#menuProduction ul li a:link, #menuProduction ul li a:visited, #menuProduction ul li a:active 
{
	color:#fff;
	text-decoration:none;
}

#menuProduction ul li a:hover, #menuProduction ul li.lienActif
{color:#62110F;}


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* --------------------------- Colonne de droite ------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#contenu
{padding:15px 25px 20px 21px;}

#contenu p
{padding:0 0 20px 0;}

#contenu h1
{
	font-size:1.1em;
	padding:0 0 10px 0;
}

#contenu ul
{
	list-style:none;
	margin:0 0 10px 30px;
	padding:0;
}

#contenu ul li
{
	margin:0;
	padding:0 0 3px 18px;
	background:url(images/i_fleche_bgBlanc.gif) no-repeat 0 2px;
}

#contenu a:link, #contenu a:visited, #contenu a:active, #contenuContact a:link, #contenuContact a:visited, #contenuContact a:active
{
	color:#007DB1;
	text-decoration:underline;
}

#contenu a:hover, #contenuContact a:hover
{text-decoration:none;}


#contenu ul li a:link, #contenu ul li a:visited, #contenu ul li a:active
{
	color:#007DB1;
	text-decoration:none;
}

#contenu ul li a:hover, #contenuContact ul li a:hover
{text-decoration:underline;}



#contenuContact
{padding:15px 55px 20px 150px;}

#contenuContact p
{padding:10px 0 20px 30px;}

#contenuContact h1
{
	font-size:1.1em;
	padding:0 0 10px 0;
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Pages Fabrication ------------------------------------------- */

.boxPict
{
	width:880px;
	padding:12px 0 8px 0;
}

/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Page Jobs ------------------------------------------- */

.boxListe
{
	float:left;
	width:222px;
}

.boxListe ul
{
	margin:0 0 20px 10px !important;
}

#formJob
{
	width:440px;
	background:#C8DFE9;
	margin:0 0 0 0;
	padding:10px 0 10px 10px;
	border:1px solid #4FA5C9;
}

#formJob p
{
	font-size:0.9em;
	padding:0;
}

.champsObligatoire
{
	font-size:1em;
	color:#C72943;
}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:1em;
	color:#333;
	font-weight:bold;
}

.lesChamps input
{width:300px;}

.lesChamps input.iresume
{width:150px;}

.lesChamps input.ibParcourir
{width:90px;}


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

#formContact
{
	width:550px;
	background:#C8DFE9;
	margin:0 0 0 30px;
	padding:10px 0 10px 10px;
	border:1px solid #4FA5C9;
}

#formContact p
{
	font-size:0.9em;
	padding:0;
}


/* ------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- Page Extranet ------------------------------------------- */

#boxExtranet
{
	text-align:center;
	border:1px solid #4FA5C9;
	
}

#boxExtranet h1
{
	background:#4FA5C9;
	color:#fff;
	margin:0;
	padding:7px 0;
}

#formLoginExtranet
{
	padding:15px 0 15px 350px;
	text-align:left;
}

.lesChamps input.ilogin, .lesChamps input.ipassword
{width:150px;}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/* -------------------------------------- Pieds ---------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------- */

#pied
{
	width:880px;
	background:#585B5F;
	margin:0 0 0 37px;
	
}

#pied address
{
	float:left;
	font-size:0.9em;
	color:#fff;
	font-style:normal;
	padding:14px 0 14px 25px;
	margin:0;
}

#pied ul
{
	float:right;
	color:#fff;
	font-size:0.9em;
	list-style:none;
	margin:14px 0 0 0;
	padding:0 28px 0 0;
}

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

#pied ul li#notes
{float:right;}

#pied a:link, #pied a:visited, #pied a:active 
{color: #fff;}

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