/* 
	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:#333;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#518aea url(images/bg.jpg) no-repeat center top;	
}


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

#blocEnMarge
{margin:0 0 0 61px;}

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

h1
{
	font-size:1.6em;
	margin:0;
	color:#c5550c;
	padding:0 0 13px 0;
}

h2
{
	font-size:1.2em;
	margin:0;
	color:#c5550c;
	padding:0 0 16px 0;
}

h3
{
	font-size:1.1em;
	margin:0;
	color:#666;
	padding:0 0 2px 0;
	font-weight:normal;
}

p
{
	font-size:1em;
	color:#333;
	margin:0;
	padding:0 0 16px 0;
	line-height:1.3em;
	text-align:justify;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

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

.orange
{color:#c5550c;}

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

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

#entete
{width:809px;}

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

div#logoCompagnie
{
	float:left;
	padding:16px 0 0 17px;
}

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

#logoPrint
{display: none;}

/* -- Zone Menu Outils------------------------------------ */

#menuOutils
{
	float:right;
	width:266px;
	padding:25px 0 0 0;
}
.bAcces
{
	display:block;
	margin:0 0 7px 67px;
}

/* -- top menu -------- */
#topmenu_coinTG
{background:#fff url(images/topmenu_coinTG.gif) no-repeat top left;}
#topmenu
{
	background:url(images/topmenu_coinTD.gif) no-repeat top right;
	width:266px;
	padding:12px 0 8px 0;
}

#topmenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#topmenu ul li
{
	float:left;
	margin:0;
	padding:0 0 0 19px;
}

#topmenu ul li a:link, #topmenu ul li a:visited, #topmenu ul li a:active
{
	color:#e7791b;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
}
#topmenu ul li a:hover
{text-decoration:underline;}

/* -- bandeau entête ---------------------- */

#bandeau_entete
{
	width:809px;
	background:url(images/entete_bg.jpg) no-repeat top left;
}

div#bandeau_entete
{
	height:217px;
}
html>body div#bandeau_entete
{
	min-height:217px;
	height:auto;
}

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

#zMenuPrincipal
{
	width:809px;
	padding:171px 0 0 0;
}

#zMenuPrincipal img{display:block;}

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

#zMenuPrincipal ul li
{
	float:left;	
	margin:0;
	padding:0 15px 0 0;		
}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */


#divSubMenus {
  text-align: left;
  position: absolute;
  left: -1px;
  top:2px;
	z-index: 200;
	font-size: 0.9em;
}
#divSubMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 255px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #d5874f;
}
html>body #divSubMenus div {
	padding-top: 0;
}
#divSubMenus div div {
	position: relative;
	display: block;
	width: 255px;
	white-space: normal;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
}
#divSubMenus span, #divSubMenus a {
	display: block;
	height: 1%;
	padding: 5px 6px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
html>body #divSubMenus span, html>body #divSubMenus a {
	height: auto;
}
#divSubMenus a.sub {
	background: url(images/submenu-arrow.gif) no-repeat 95% 8px;
}
#divSubMenus div.sub {
	padding:0;
	margin:-2px 0 0 0;
	border-top: 1px solid #fff;
	background: #d5874f;
}
#divSubMenus div.sub div {
	width: 140px !important;
	border-bottom: 1px solid #fff;
}
#divSubMenus div.sub div a {
	padding: 5px 8px;
}

#divSubMenus a:hover 
{
	color:#fff936;
	background:#ce6f2b;
}

#divSubMenus a.sub:hover {
	background:#ce6f2b url(images/submenu-arrow.gif) no-repeat 95% 8px !important;
}

#mEstSMenu, #mEstSMenu div, #mSoutientSMenu, #mSoutientSMenu div, #mRepresenteSMenu, #mRepresenteSMenu div, #mCommuniqueSMenu, #mCommuniqueSMenu div, #mLiensSMenu, #mLiensSMenu div
{width: 190px !important;}
#mEstSubSMenu
{width: 140px !important;}
.mSubSMenu
{width: 140px !important;}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */


#divSubMenus-dr {
    text-align: left;
    position: absolute;
    left: -127px;
    top:2px;
	z-index: 200;
	font-size: 0.9em;
}
#divSubMenus-dr div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	width: 255px;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #d5874f;
}
html>body #divSubMenus-dr div {
	padding-top: 0;
}
#divSubMenus-dr div div {
	position: relative;
	display: block;
	width: 255px;
	white-space: normal;
	border-top: none;
	border-bottom: 1px solid #fff;
	background: none;
}
#divSubMenus-dr span, #divSubMenus-dr a {
	display: block;
	height: 1%;
	padding: 5px 6px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
html>body #divSubMenus-dr span, html>body #divSubMenus-dr a {
	height: auto;
}
#divSubMenus-dr a.sub {
	background: url(images/submenu-arrow.gif) no-repeat 95% 8px;
}
#divSubMenus-dr div.sub {
	padding:0;
	margin:-2px 0 0 0;
	border-top: 1px solid #fff;
	background: #d5874f;
}
#divSubMenus-dr div.sub div {
	width: 140px !important;
	border-bottom: 1px solid #fff;
}
#divSubMenus-dr div.sub div a {
	padding: 5px 8px;
}

#divSubMenus-dr a:hover 
{
	color:#fff936;
	background:#ce6f2b;
}

#divSubMenus-dr a.sub:hover {
	background:#ce6f2b url(images/submenu-arrow.gif) no-repeat 95% 8px !important;
}

#mLiensSMenu, #mLiensSMenu div
{width: 190px !important;}

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

/* ------------------------------------------------- */
#zoneContenu_2cols
{
	width:809px;
	background:#fff url(images/zoneContenu_bg.gif) repeat-y top left;
}

div#zoneContenu_2cols
{height:340px;}
html>body div#zoneContenu_2cols
{
	min-height:340px;
	height:auto;
}

#colGau
{
	float:left;
	width:361px;
	padding:20px 0 0 0;
}
#colDr
{
	float:left;
	width:448px;
	padding:20px 0 0 0;
}

/* -------------------------------------------------------------- */
/* -- Colonne gauche -------------------------------------------- */
.contenu_colGau
{padding:0 51px 0 23px;}

.contenu_colGau a:link, .contenu_colGau a:visited, .contenu_colGau a:active
{
	color:#333;
	text-decoration:none;
}
.contenu_colGau a:hover
{
	text-decoration:underline;
	color:#373896;
}

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

.contenu_colGau ul li
{	
	font-size:1em;
	font-weight:bold;
	margin:0;
	color:#fff;
	padding:0 0 18px 22px;
	background:url(images/i_liste.gif) no-repeat 0 2px;	
}

.contenu_colGau ul li a:link, .contenu_colGau ul li a:visited, .contenu_colGau ul li a:active
{
	color:#373896;
	text-decoration:none;
}

.contenu_colGau ul li a:hover
{text-decoration:underline;}

/* -- ZONE OPUS -------------------- */

/* ------------------------------------------------- */
#zoneContenu_OPUS
{
	width:809px;
	background:#fff url(images/zoneContenu_bgOPUS.gif) repeat-y top left;
}

div#zoneContenu_OPUS
{height:340px;}
html>body div#zoneContenu_OPUS
{
	min-height:340px;
	height:auto;
}

#colGau_opus
{
	float:left;
	width:200px;
	padding:20px 0 0 0;
}

#colDr_opus
{
	float:left;
	width:609px;
	padding:20px 0 0 0;
}

/* -- menu colonne gauche OPUS --------------- */
.contenu_colGau_opus
{padding:0 15px 0 5px;}

.contenu_colGau_opus a:link, .contenu_colGau_opus a:visited, .contenu_colGau_opus a:active
{
	color:#333;
	text-decoration:none;
}
.contenu_colGau_opus a:hover
{
	text-decoration:underline;
	color:#373896;
}

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

.contenu_colGau_opus ul li
{	
	font-size:1em;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#fff;
	padding:0 0 8px 20px;
	background:url(images/i_flecheOrange.gif) no-repeat 0 2px;
	border-bottom:1px solid #acc7f5;
}

.contenu_colGau_opus ul li.last
{border-bottom:none !important;}

.contenu_colGau_opus ul li a:link, .contenu_colGau_opus ul li a:visited, .contenu_colGau_opus ul li a:active
{
	color:#373896;
	text-decoration:none;
}

.contenu_colGau_opus ul li a:hover
{text-decoration:underline;}

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

.contenu_colDr
{padding:0 24px 0 0;}

/* -- boîte OPUS de l'accueil ----------------- */

#boxOpus
{margin:30px 0 0 0;}

#boxOpus h1
{
	font-size:1.2em;
	background:url(images/fleche_bleue.gif) no-repeat 20px 23px;
	padding:22px 0 0 35px;
	color:#0068a6;
}

#boxOpus a:link, #boxOpus a:visited, #boxOpus a:active
{
	color:#0068a6;
	text-decoration:none;
}
#boxOpus a:hover
{text-decoration:underline;}

/* ------------------------------------------------------- */
/* -- Zone contenu sur toute la longueur ----------------- */

#zoneContenu
{
	width:809px;
	background:#fff;
	padding:20px 0 0 0;
}

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

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

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#373896;}
.contenu a:hover
{
	color:#c5550c;
	text-decoration:none;
}

.contenu ol
{
	margin:0;
	padding:0 0 5px 30px;
}
.contenu ol li
{
	margin:0;
	padding:0 0 12px 0;
}

.contenu ul
{
	margin:0;
	padding:0 0 5px 30px;
}
.contenu ul li
{
	margin:0;
	padding:0 0 12px 0;
}


.opusModeEmploi
{
	list-style:none;
	margin:0;
	padding:0 0 5px 0 !important;
}

.opusModeEmploi li.no1
{
	background:url(images/i-1.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 16px 25px;
}
.opusModeEmploi li.no2
{
	background:url(images/i-2.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 16px 25px;
}
.opusModeEmploi li.no3
{
	background:url(images/i-3.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 16px 25px;
}
.opusModeEmploi li.no4
{
	background:url(images/i-4.gif) no-repeat 0 0;
	margin:0;
	padding:0 0 16px 25px;
}

/* -- styles de tableaux --------- */

table
{margin:0 0 20px 0;}

table th
{
	background:#ea892b;
	padding:5px 10px;
	color:#fff;
	font-size:1.1em;
}

table td
{
	background:#f6ddc6;
	padding:5px 10px;
	font-size:0.9em;
}

table td.bg
{background:#f0bd8c;}

table p
{
	padding:10px 0;
	text-align:center;
}

/* -- boîte de liens ancres -------- */

#zoneLiensAncres
{
	width:558px;
	border:1px solid #ea892b;
	background:#f6ddc6;
	margin:10px 0 20px 0;
	padding:10px 0;
	text-align:center;
}

#zoneLiensAncres a
{
	padding:0 10px;
	font-weight:bold;
	font-size:0.9em;
}

/* ---------------------------------------- */
/* --- Section Contact -------------------- */

#formContact
{
	padding:0 0 20px 0;
}

.lesChampsContact
{margin-bottom:15px;}

.lesChampsContact label
{
	font-size:1em;
	color:#000;
	font-weight:bold;
}

.lesChampsContact input
{width:300px;}

#bEnvoyer
{margin-left:0;}


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

#formIntranet
{margin: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:809px;
	background:url(images/pied_bg.gif) no-repeat top left;
	padding:30px 0 10px 0;
}

#pied p, #pied_int p, #pied_opus p, #pied_intranet p
{
	font-size:0.9em;
	color:#444342;
	padding:0 20px 0 0;
	text-align:right;
}

#pied_int
{
	width:809px;
	background:url(images/pied_int_bg.gif) no-repeat top left;
	padding:30px 0 10px 0;
}

#pied_opus
{
	width:809px;
	background:url(images/pied_opus.gif) no-repeat top left;
	padding:30px 0 10px 0;
}

#pied_intranet
{
	width:809px;
	background:url(images/pied_intranet.gif) no-repeat top left;
	padding:30px 0 10px 0;
}

#pied a:link, #pied a:visited, #pied a:active, #pied_int a:link, #pied_int a:visited, #pied_int a:active, #pied_opus a:link, #pied_opus a:visited, #pied_opus a:active, #pied_intranet a:link, #pied_intranet a:visited, #pied_intranet a:active
{color:#444342;}
#pied a:hover, #pied_int a:hover, #pied_opus a:hover, #pied_intranet a:hover
{text-decoration:none;}