/* 
	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:#666;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#8a9855;
}

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

#coteGau
{background:url(images/cote_gau.gif) repeat-y top left;}
#coteDr
{background:url(images/cote_dr.gif) repeat-y top right;}
/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.5em;
	margin:0;
	padding:0 0 18px 0;
	color:#00456a;
}

h2
{
	font-size:1.15em;
	font-family:"Myriad Pro";
	margin:0;
	color:#003a5d;
	padding:0 0 18px 0;
}

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

p
{
	font-size:0.9em;
	color:#666;
	margin:0;
	padding:0 0 18px 0;
	line-height:1.4em;
	text-align:justify;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.date
{
	font-size:0.8em;
	color:#666;
}

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

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

#entete
{
	width:916px;
	background:url(images/entete_bg.jpg) no-repeat top left;
	height:287px;
}

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

div#logoCompagnie
{
	width:224px;
	padding:146px 0 0 128px;
}

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

#logoPrint
{display: none;}

/* ------------------------------------------------------------ */
/* --- zone menu ---------------------------------------------- */

#zoneMenu
{
	width:852px;
	margin:0 0 0 64px;
	padding:17px 0 7px 0;
	background:#fff;
}

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

#menuPrincipal
{
	float:left;
	width:590px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:3px 0;
}

#menuPrincipal ul
{
	margin:0;
	padding:0 0 0 30px;
}
#menuPrincipal ul li
{
	float:left;
	margin:0;
	padding:0 40px 0 0;
	color:#00456a;
	font-size:0.9em;
	font-weight:bold;
}
#menuPrincipal ul li.last
{padding:0;}

#menuPrincipal a:link, #menuPrincipal a:active, #menuPrincipal a:visited
{
	color:#00456a;
	text-decoration:none;
}
#menuPrincipal a:hover
{text-decoration:underline;}

#menuContainer
{ text-align:left; }

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

#divSubMenus {
    text-align: left;
    position: absolute;
    left: -10px;
    top:5px;
	z-index: 200;
	font-size: 1em;
}
#divSubMenus div {
	position: absolute;
	left: 0;
	top: 0;
	padding-top:0;
	z-index: 200;
	display: none;
	cursor: pointer;
	background: #f2f2f2;
}
html>body #divSubMenus div {
	padding-top: 0;
}
#divSubMenus div div {
	position: relative;
	display: block;
	white-space: nowrap;
	border-top: none;
	border-bottom: 1px solid #999;
	background: none;
}
#divSubMenus span, #divSubMenus a {
	display: block;
	height: 1%;
	padding: 5px 8px;
	color: #00456a;
	text-decoration: none;
}
html>body #divSubMenus span, html>body #divSubMenus a {
	height: auto;
}
#divSubMenus a.sub {
	background: url(images/submenu-arrow.gif) no-repeat 97% 8px;
}
#divSubMenus div.sub {
	padding:0 0 0 0;
	border-top: 1px solid #999;
	background: #f2f2f2;
	margin:-6px 0 0 10px;
}
#divSubMenus div.sub div {
	border-bottom: 1px solid #999;
}
#divSubMenus div.sub div a {
	padding: 5px 8px;
}

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

#mMouvementSMenu, #mMouvementSMenu div
{width: 345px !important;}
#mMouvementSubSMenu
{width: 195px !important;}
#mSecteursSubSMenu
{width: 225px !important;}

#mConseilSMenu, #mConseilSMenu div
{width: 545px !important;}

#mCoopSMenu, #mCoopSMenu div
{width: 305px !important;}

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

#topMenu
{
	float:right;
	width:245px;
}

#topMenu ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
#topMenu ul li
{
	float:left;
	margin:0;
	padding:0 17px 0 8px;
	color:#666;
	font-size:0.9em;
	background:url(images/fleche-topmenu.gif) no-repeat 0 4px;
}

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

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

#zonerecherche
{
	float:right;
	padding:3px 8px 10px 0;
}

#zonerecherche input.irecherche
{
	width:188px;
	margin:0 4px 0 4px;
	vertical-align:middle;
	color:#00467F;
	font-size:0.8em;
}

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

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

#zoneContenu
{
	width:852px;
	margin:0 0 0 64px;
	padding:20px 0 20px 0;
	background:#fff;
}

#colGau
{
	float:left;
	width:214px;
}
#colCen
{
	float:left;
	width:411px;
	padding:25px 0 0 0;
}
#colDr
{
	float:left;
	width:227px;
	background:#f2f2f2;
}

/* -------------------------------------------------------------------------- */
/* --- Accueil -------------------------------------------------------------- */

.contenu_acc
{padding:0 10px 0 8px;}

.contenu_acc a:link, .contenu_acc a:visited, .contenu_acc a:active, .contenu a:link, .contenu a:visited, .contenu a:active
{
	color:#205d7e;
	font-weight:bold;
}
.contenu_acc a:hover, .contenu a:hover
{text-decoration:none;}

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

#colGau ul
{
	list-style:none;
	margin:0;
	padding:0 0 4px 0;
}
#colGau ul li
{
	margin:0;
	padding:8px 0 9px 23px;
	font-weight:bold;
	background:url(images/colGau_bordueBas.gif) no-repeat bottom left;
}
#colGau ul li.last
{background:none;}

/* -- boîte À Consulter ------- */
#box_aConsulter
{
	background:url(images/t_aConsulter.gif) no-repeat top left;
	padding:37px 0 0 0;
}

#aConsulter a:link, #aConsulter a:visited, #aConsulter a:active
{
	color:#6b783f;
	text-decoration:none;
}
#aConsulter a:hover
{text-decoration:underline;}

/* -- boîte Outils ------- */
#box_outils
{
	background:url(images/t_outils.gif) no-repeat top left;
	padding:37px 0 0 0;
}

#outils a:link, #outils a:visited, #outils a:active
{
	color:#00456a;
	text-decoration:none;
}
#outils a:hover
{text-decoration:underline;}

/* -- boîte Bulletin électronique ------- */
#box_bulletin
{
	background:url(images/t_bulletin.gif) no-repeat top left;
	padding:37px 0 0 0;
}

#bulletin a:link, #bulletin a:visited, #bulletin a:active
{
	color:#b38807;
	text-decoration:none;
}
#bulletin a:hover
{text-decoration:underline;}

/* -- boîte Suivez ------- */
#box_suivez
{
	background:url(images/suiveznoussur.gif) no-repeat top left;
	padding:37px 0 0 0;
}

#suivez a:link, #suivez a:visited, #suivez a:active
{
	color:#b38807;
	text-decoration:none;
}
#suivez a:hover
{text-decoration:underline;}

/* -- Colonne centrale --------------------------- */

/* -- boîte Communiqués ---------- */

#boxCommunique
{
	width:393px;
	min-height:200px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:12px 0 8px 0;
}

/* -------------------------------- */
#zoneSplit
{
	width:393px;
	padding:27px 0 0 0;
}

/* -- boîte Événements ---------- */
#boxEvenements
{
	float:left;
	width:197px;
	border-right:1px solid #999;
}
#boxEvenements div
{padding:0 11px 0 0;}

/* -- boîte Allocutions ---------- */
#boxAllocutions
{
	float:left;
	width:195px;
}
#boxAllocutions div
{padding:0 0 0 11px;}

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

.contenu_colDr
{
	padding:14px 15px 0 17px;
	border-bottom:3px solid #fff;
}

#colDr h2
{
	font-size:1.6em;
	font-style:italic;
	font-weight:normal;
}

.contenu_colDr p
{color:#00456a;}

.contenu_colDr span
{color:#00456a;}

.contenu_colDr a:link, .contenu_colDr a:visited, .contenu_colDr a:active
{
	color:#00456a;
	font-weight:bold;
}
.contenu_colDr a:hover
{text-decoration:none;}

/* -- boîte fil RSS ----------------- */
#boxFilRSS h2
{
	color:#598399;
	padding:5px 0 18px 0;
}

#boxFilRSS a:link, #boxFilRSS a:visited, #boxFilRSS a:active
{
	color:#598399;
	font-weight:bold;
}
#boxFilRSS a:hover
{text-decoration:none;}

#boxFilRSS span.date
{color:#598399;}

/* -------------------------------------------------------------------------- */
/* --- Pages intérieures ---------------------------------------------------- */

#colDr_int
{
	float:left;
	width:638px;
	padding:20px 0 0 0;
}

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

.contenu ul
{
	margin:0;
	padding:0 0 0 20px;
}
.contenu ul li
{
	margin:0;
	padding:0 0 7px 0;
	font-size:0.9em;s
}

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

#formIntranet
{padding:20px 30px 40px 60px;}

div#formIntranet
{height:300px;}

html>body div#formIntranet
{
	height:auto;
	min-height:300px;
}

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

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

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

/* -- boîte Menu Intranet ------- */
#box_menuIntranet
{padding:37px 0 0 0;}

#mIntanet a:link, #mIntanet a:visited, #mIntanet a:active
{
	color:#95102c;
	text-decoration:none;
}
#mIntanet a:hover
{text-decoration:underline;}

#zoneCommanditaires
{
	width:852px;
	margin:0 0 0 64px;
	padding:10px 0 0 0;
	background:#fff;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

#zoneCommanditaires table
{
	width:832px;
	margin:0 0 0 10px;
}

#zoneCommanditaires table td
{
	width:166px;
	text-align:center;
	padding:0 0 20px 0;
}

/* ------------------------------------------------------------ */
/* --- zone pied ------------------------------------------- */

#pied
{
	width:852px;
	margin:0 0 0 64px;
	padding:0 0 20px 0;
	background:#fff;
}

#pied ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#pied ul li
{
	float:left;
	color:#566422;
	margin:0;
	padding:0 0 0 23px;
	font-size:0.9em;
}

#pied a:link, #pied a:active, #pied a:visited
{color:#566422;}
#pied a:hover
{text-decoration:none;}



.produits
{
	float:left;
	margin:0pt;
	padding:8px 3px 4px 8px;
	text-align:left;
	width:275px;
}

.clear 
{
	background-color:transparent;
	clear:both;
	font-size:1px;
	height:0pt;
	line-height:0pt;
	margin:0pt;
}

.slide 
{ width: 475px; }

.fadein { position:relative; width:393px; height:200px; }
.fadein img { position:absolute; left:0; top:0; }

.gtButton{color:#4f8bc5;background-color:#eeeeee;border-bottom:2px solid #666666;border-left:1px solid #666666;border-right:2px solid #666666;border-top:1px solid #666666;font-family:verdana,arial;font-size:9pt;font-weight:bold;padding-bottom:2px;padding-left:3px;padding-right:3px;padding-top:1px;text-align:center;}
a.gtButtonLink:link{color:#4f8bc5;font-family:verdana,arial;font-size:8pt;text-decoration:none;}
a.gtButtonLink:Active{color:#4f8bc5;font-family:verdana,arial;font-size:8pt;text-decoration:none;}
a.gtButtonLink:Visited{color:#4f8bc5;font-family:verdana,arial;font-size:8pt;text-decoration:none;}
a.gtButtonLink:Hover{color:#3b76ae;font-family:verdana,arial;font-size:8pt;text-decoration:none;}