/* @override 
	http://ideva-batirente/application/lib/css/all.css
	http://batirente.ideva.ca/application/lib/css/all.css
*/

html {
	overflow-y: scroll;
}
body {
	margin:0;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	background:#CDCDC0 url(../images/body-bg.gif) repeat-x;
	color:#000;
}
.f-left {float:left;}
.f-right {float:right;}
img {border:none;}
form  {
	padding:0;
	margin:0;
}
/*page*/
#page {
	margin:0 auto;
	width:931px;
	padding:0 20px;
	background:url(../images/page-shdw.png) repeat-y;
	overflow:hidden;
}

/*header*/
.header {
	height:1%;
/*	overflow:hidden;*/
	padding:0 0 0 25px;
	background:#DAE2B5 url(../images/header-bg.gif) no-repeat 0 100%;
}


/*logo*/
h1 {
	padding:0;
	margin:0;
}
h1 a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:223px;
	height:60px;
	margin:41px 0 0;
	background:url(../images/logo.gif) no-repeat;
}

.header-inn {width:627px;}
ul.top-nav {
	height:1%;
	overflow:hidden;
	margin:0 0 25px 2px;
	padding:0 0 0 10px;
	list-style:none;
	background:#9AAC5A url(../images/top-nav-bg.gif) no-repeat 0 100%;
}
ul.top-nav li {
	float:left;
	font:11px/21px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:url(../images/top-separator.gif) no-repeat 100% 5px;
	padding:0 12px 0 12px;
}
ul.top-nav li.last {
	background:none;
	padding-right:0;
}
ul.top-nav li a {
	color:#DAE2B5;
	text-decoration:none;
}
ul.top-nav li a:hover {text-decoration:underline;}
.menu-box {
	height: 86px;
/*	overflow:hidden;*/
	padding:0 0 15px;
	position: relative;
	overflow: visible;
}
.menu-box ul {
	margin:0;
	padding:0;
	list-style:none;
}
.menu-box ul a {
	width:100%;
/*	overflow:hidden;*/
	display:block;
	text-indent:-9999px;
}
ul.menu1 {width:205px;}
ul.menu1 li,
ul.menu2 li {
	height:1%;
/*	overflow:hidden;*/
	margin:0 0 2px;
}
ul.menu1 a,
ul.menu2 a {height:22px;}
ul.menu1 a.menu-l1 {background:url(../images/menu.gif) no-repeat;}
ul.menu1 a.menu-l2 {background: url(../images/menu.gif) no-repeat 0 -24px;}
ul.menu1 a.menu-l3 {background: url(../images/menu.gif) no-repeat 0 -48px;}

ul.menu1 a.menu-l1:hover, body.batirente ul.menu1 a.menu-l1 { background-position: 0 -70px; }
ul.menu1 a.menu-l2:hover, body.regimes-de-retraite ul.menu1 a.menu-l2  { background-position: 0 -94px; }
ul.menu1 a.menu-l3:hover, body.investissement-responsable ul.menu1 a.menu-l3  { background-position: 0 -118px; }

ul.menu2 {
	width:201px;
	margin-left:3px;
	padding-bottom:22px;
}
ul.menu2 a.menu-l4 {background: url(../images/menu.gif) no-repeat -207px 0;}
ul.menu2 a.menu-l5 {background: url(../images/menu.gif) no-repeat -207px -24px;}
ul.menu2 a.menu-l6 {background: url(../images/menu.gif) no-repeat -207px -48px;}

ul.menu2 a.menu-l4:hover, body.fonds-de-placement ul.menu2 a.menu-l4 { background-position: -207px -70px; }
/*ul.menu2 a.menu-l5:hover, body.fonds-de-placement ul.menu2 a.menu-l5 { background-position: -207px -94px; }
ul.menu2 a.menu-l6:hover { background-position: -207px -118px; }*/


ul.menu3 {width:214px}
ul.menu3 li {
	height:1%;
/*	overflow:hidden;*/
}
ul.menu3 a.menu-l7 {
	height:24px;
	background: url(../images/menu.gif) no-repeat -412px 0;
}
ul.menu3 a.menu-l8 {
	height:23px;
	background: url(../images/menu.gif) no-repeat -412px -24px;
}
ul.menu3 a.menu-l9 {
	height: 23px;
	background: url(../images/menu.gif) no-repeat -412px -47px;
}
ul.menu3 a.menu-l7:hover, body.outils ul.menu3 a.menu-l7 { background-position: -412px -70px; }
ul.menu3 a.menu-l8:hover, body.documentation ul.menu3 a.menu-l8 { background-position: -412px -94px; }
ul.menu3 a.menu-l9:hover, body.liste-de-diffusion ul.menu3 a.menu-l9 { background-position: -412px -117px; }


.img-box {
/*	height:1%;*/
/*	overflow:hidden;*/
	padding:2px 0 0;
	position:relative;
}
.batirente-txt {
	display: none;
	width:328px;
	height:88px;
	display:block;
	position:absolute;
	top:84px;
	left:516px;
/*	background:url(../images/batirente-txt.png) no-repeat;*/
	text-indent:-9999px;
}
/*primary content*/
.primary-content {
	height:1%;
	padding:7px 0 100px;
	overflow:hidden;
}
/*right column*/
.right-col {width:687px;}
.main-col {
	width:457px;
	background:url(../images/main-col.jpg) no-repeat;
	padding:5px 0 0 9px;
	color: #5a5a51;
}


.main-col h2 {
	font:18px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#9AAC5A;
	background:url(../images/green-arrow.gif) no-repeat 1px 6px;
	padding:0 0 0 21px;
	margin:0;
	letter-spacing: 1px;
}

.noborder {
	border: 0 !important;
}


.news-box {
	height:1%;
	padding:11px 0 18px;
	overflow:hidden;
	background:url(../images/dotted.gif) repeat-x 0 100%;	
}
.news-box.last {background:none;}
.news-box-cnt {
	display:table;
	height:1%;
}

.news-box img {
	float:left;
	background:url(../images/img-brd.gif) no-repeat;
	padding:11px;
	margin:0 11px 0 0;
}

.date {
	color:#A0B252;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	padding:5px 0 8px;
}
.news-box h3 {
	color:#6C6A59 !important;
	font:20px Tahoma, Arial, Helvetica, sans-serif !important;
	margin:0 0 5px !important;
	padding:0 !important;
	letter-spacing: 1px !important;
}
.news-box p {
	line-height:15px !important;
	padding:0 !important;
	margin:0 !important;
}
.news-box p a {
	font-weight:bold !important;
	color:#787870 !important;
	text-decoration:none !important;
	border-bottom: none;
}
.news-box p a:hover {text-decoration:underline;}
.extra-col {width:214px;}
.box {
	height:1%;
	overflow:hidden;
	background:#F0EFDF url(../images/box-green-body.gif) no-repeat 0 100%;
	margin:0 0 7px;
}
.box-title {background:#EDAE43 url(../images/box-green.png) no-repeat;}
.box h4 {
	color:#fff;
	background:url(../images/green-arrow.gif) no-repeat 10px 6px;
	padding:0 0 0 28px;
	margin:0;
	font: 13px/23px "Arial Narrow", Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
.rapport {
	height:1%;
	overflow:hidden;
	padding:14px 39px 0 16px;
}
.rapport img {
	float:left;
	margin:0 21px 0 0;
}
.rapport p {
	background:url(../images/link-ico.gif) no-repeat 80px 0;
	padding:17px 0 0;
	margin:13px 0 0;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
}
.rapport p a {color:#5A5A51;}
.rapport p a:hover {text-decoration:none;}
.question {
	height:1%;
	overflow:hidden;
	padding:14px 18px 9px;
}
.question p {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A51;
	padding:0;
	margin:0 0 10px;
}
.question label {
	display:block;
	margin:0 0 6px;
	line-height:14px;
	vertical-align:middle;
}
.question input.radio {
	margin:0 3px 0 0;
	padding:0;
	width:14px;
	height:14px;
	vertical-align:middle;
}
* html .question input.radio {margin:1px 3px 0 0;}
*+html .question input.radio {margin:1px 3px 0 0;}
/*left column*/
.left-col {width:237px;}
/*.mon {background:#ECF0DC url(../images/orange-box.gif) no-repeat 0 100%;}*/
.mon {background:#F0EFDF url(../images/orange-box.gif) no-repeat 0 100%;}
.mon .box-title {background:#A0B252 url(../images/orange-h4.gif) no-repeat;}
.mon h4 {background:url(../images/light-arrow-orange.gif) no-repeat 10px 7px;}

.acceder, .diffusion {
	background:url(../images/acceder-bg-orange.gif) no-repeat 15px 0;
	height:1%;
	overflow:hidden;
	padding:13px 0 27px 72px;
	margin:14px 0 0;
	font-size:13px;
}
.acceder a, .diffusion a {
	text-decoration:none;
	color:#dea039;
}

.diffusion {
	background-image: url( /public/images/diffusion-icon.gif ) !important;
	background-image: none;
/*	padding: 4px 10px 15px 27px;*/
	padding:13px 0 42px 72px;
}


.gre .box-title {background:#1F7284 url(../images/green-h4-2.gif) no-repeat;}

.gre {
	background-image: url(../images/box-green-body-2.gif);
	background-color: #ECF0DC;
}

.gre .liste,
.gre .liste .p,
.gre .liste .p strong {
	color: #5a5a51 !important;
}

.acceder a:hover {text-decoration:underline;}
.acc {background:#E4F0F2 url(../images/blue-box.gif) no-repeat 0 100%;}
.acc .box-title {background:#1F7284 url(../images/blue-h4.gif) no-repeat;}
.acc h4 {background:url(../images/blue-arrow.gif) no-repeat 10px 7px;}
ul.reserve {
	height:1%;
	overflow:hidden;
	padding:10px 10px 7px 72px;
	margin:0;
	list-style:none;
	background:url(../images/reserve-bg.gif) no-repeat 17px 13px;
}
ul.reserve li {
	font-size:13px;
	padding:0 0 2px;
}
ul.reserve li a {
	text-decoration:none;
	color:#1F7284;
}
ul.reserve li a:hover {text-decoration:underline;}
.liste {
	height:1%;
	overflow:hidden;
	padding:8px 10px 15px 27px;
	color:#1F7284;
}
.liste h5 {
	font:16px Tahoma, Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	padding:0;
}
.liste p {
	padding:0;
	margin:0;
}
.liste p a {
	text-decoration:none;
	color:#1F7284;
}
.liste p a:hover {text-decoration:underline;}
/*footer*/
.footer {
	height:1%;
	background:url(../images/dotted.gif) repeat-x;
	overflow:hidden;
	color:#A2A29D;
	padding:25px 0 20px;
	font-size:9px;
	text-align:center;
}
.footer ul {
	height:1%;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0 0 8px;
}
.footer ul li {
	background:url(../images/footer-separator.gif) no-repeat 100% 1px;
	display:inline;
	padding:0 6px 0 6px;
}
* html .footer ul li {padding:0 2px 0 2px;}
*+html .footer ul li {padding:0 2px 0 2px;}
.footer ul li.last {background:none;}
.footer a {
	color:#A2A29D;
	text-decoration:none;
}
.footer a:hover {text-decoration:underline;}
.footer p {
	padding:0;
	margin:0;
}


/*** IDEVA Content ***/

/** hover submenu **/

.hovermenu-holder {
	position: relative;
	z-index: 1000;
	padding: 0;
	margin: 0;
}

ul.hoversub {
	display: none;
	position: absolute;
	z-index: 1000;
	width: 215px;
	padding: 0;
	margin: 0;
}

ul.hoversub li.top {
	height: 3px;
	background: url(../images/hover-trans.png) 0 0;
}
ul.hoversub li {
	margin: 0;
	padding: 0;
	background: url(../images/hover-item-trans.png) no-repeat 0 0;
	list-style-type: none;
	height: 20px;
}
ul.hoversub li.bottom {
	background: url(../images/hover-trans.png) 0 -735px;
	height: 7px;
}
ul.hoversub li a {
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #616f4f;
	margin-left: 4px;
	width: 197px;
	margin-bottom: 1px;
	padding-left: 4px;
	text-indent: 0;
}
ul.hoversub li a:hover {
	background-color: #b5c285;
	color: #f5f6ec;
}

ul#sub-menu-l1 {
	top: 58px;
	left: 339px;
}

ul#sub-menu-l2 {
	top: 82px;
	left: 339px;
}

ul#sub-menu-l3 {
	top: 106px;
	left: 339px;
}

ul#sub-menu-l4 {
	top: 58px;
	left: 546px;
}

ul#sub-menu-l7 {
	top: 58px;
	left: 741px;
}

ul#sub-menu-l8 {
	top: 82px;
	left: 741px;
}

/** Layout 2 **/
.widemain {
	width: 678px;
	background:url(../images/main-col-wide.jpg) no-repeat;
}

.main-col h3 {
	font:36px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#1f7284;
	margin:0;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-left: 10px;
}

.main-col h4 {
	font-size: 16px;
	color:#1f7284;
	margin:0;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: normal;
}

.main-col h5 {
	line-height: 16px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #a1af4e;
	font-size: 11px;
}



.main-col p {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 16px;
	letter-spacing: 0.1em;
}

.main-col td p {
	padding:0;
	margin:0;
}
.main-col p sup {
	font-size: 8px;
}

.box a,
.main-col a {
	color: black !important;
	text-decoration: none;
	border-bottom: 1px solid #1f7284;
}

.main-col a:hover {
	color: #1f7284;
}

.main-col p.crumbs {
	color: #91918a;
}
.main-col p.crumbs a {
	color: #91918a;
	text-decoration: underline;
	border-bottom: none;
}


.img-box-menu {
	margin-top: 12px;
	background-image: url( ../images/rotator-headers-inner.php );
	width: 931px;
	height: 187px;
}

.img-box-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

.img-box-menu ul li a {
	display: block;
	color: white;
	text-decoration: none;
	line-height: 19px;
	margin-left: 10px;
	height: 19px;
	border-bottom: 1px dotted #c7d299;
	width: 216px;
}

.img-box-menu ul li a:hover,
.img-box-menu ul li a.selected {
	font-weight: bold;
}

.img-box-menu div#slogan {
	width: 350px;
	height: 150px;
	float: right;
}


.main-col table {
	width: 100%;
	border-top: 1px solid #dbe8eb;
	border-right: 1px solid #dbe8eb;
	border-bottom: 1px solid #dbe8eb;
	border-collapse: collapse;
	margin: 5px auto;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: normal;
}
.main-col table td,
.main-col table th {
	border-top: 1px solid #dbe8eb;
	border-left: 1px solid #dbe8eb;
	padding:  5px 10px;
}

.main-col table thead {
	background-color: #3d7784;
	color: white;
}
.main-col table thead td,
.main-col table thead th {
	border: 1px solid #1f7284;
}

.main-col table tfoot {
	color: white;
	background-color: #3d7784;
	border-bottom: 1px solid #1f7284;
}

.main-col table tfoot td {
	border: 1px solid #1f7284;
}

.main-col table tr.odd {
	background-color: #dbe8eb;
}


#beta {
	position: fixed;
	top: 0;
	left: 0;
	width: 113px;
	height: 113px;
	background-image: url(../images/beta-banner.gif);
}

.debug {
	background-color: orange;
	padding: 1em;
}


img.cadre {
	padding: 5px;
	margin: 4px 8px 4px 8px;
	border: 1px solid #ccc;
}

img.gauche {
	float: left;
	margin-left: 0;
}

img.droite {
	float: right;
	margin-right: 0
}

/* Popup */

body.popup {
	background: #fff;
}

body.popup #page {
	width: 654px;
	background: #fff;
}

body.popup .header {
	background:#DAE2B5 url(../images/header-bg-popup.gif) no-repeat 0 100%;
}

body.popup2 .header {
	background-image: url(../images/ssq-logo-popup.gif);
	width: 629px;
	height: 80px;
}


body.popup div.header h2 {
	font: bold 28px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#9AAC5A;
	display: block;
	float: left;
	margin-top: 24px;
	margin-left: 20px;
	letter-spacing: 1px;
}

body.popup h1 a {
	margin-top: 10px;
	margin-bottom: 10px;
}

body.popup .primary-content {
	padding-bottom: 10px;
}

body.popup .main-col {
	width: 654px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: url(../images/main-col-popup.gif) no-repeat left top;
}

body.popup .main-col a.close-button {
	display: block;
	float: right;
	border: 0;
}

body.popup .header {
	overflow:hidden;
}





.form input[type=text].error,
.form input[type=password].error,
.form textarea.error {
	border: 1px solid #DA3F00;
}

.form span.form-error {
    position: absolute;
    margin-left: 375px;
    margin-top: -2em;
    width: 110px;
    padding: 8px;
    background-color: #EEEEEE;
	z-index: 200;
	font: normal 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: black;
}

.form span.form-error span.pointer {
    position: absolute;
    left: -7px;
    top: 5px;
    width: 7px;
    height: 8px;
    background: url( '../images/form-pointer.png' ) left top no-repeat;
}

.form ol {
	list-style: none;
	padding: 0;
}

a#logout {
	position: absolute;
	margin: 0;
	margin-left: 320px;
	margin-top: -20px;
	color: #818c74;
	padding: 0;
	width: 300px;
	display: block;
	text-align: right;
}


div.survey h2 {
	display: none;
}

div.survey ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.survey input {
	margin-left: 0px;
}

div.survey label {
	display: inline;
	line-height: 14px;
	margin-left: 5px;
	margin-bottom: 1px;
	vertical-align: 0;
}

div.survey ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.survey ul li {
	margin-bottom: 0.5em;
}

.survey li span {
	display: inline-block;
}

.survey li span.item {
	width: 135px;
}

.survey li span.value {
	width: 40px;
	text-align: right;
}



/* adherer et cotiser */

li#adherer, li#cotiser {
	display: block;
	float: left;
}

li#adherer {
	padding-right: 2px;
}

li#adherer a,
li#cotiser a {
	width: 99px;
	height: 46px;
}

li#cotiser a {
	background: url(../images/menu.gif) -309px -24px;
}

li#adherer a {
	background: url(../images/menu.gif) -207px -24px;
}

li#cotiser a:hover {
	background: url(../images/menu.gif) -309px 46px;
}

li#adherer a:hover {
	background: url(../images/menu.gif) -207px 46px;
}

hr {
	border: 0;
	border-bottom: 1px dotted #c7d299;
}

/*
 Text dimensions widget
*/

#redim {
	float: right;
	margin-top: 16px;
	margin-right: 16px;
	line-height: 16px;
}

#size-1 {
	font-size: 12px;
}

#size-2 {
	font-size: 14px;
}

#size-3 {
	font-size: 16px;
}

.languagebar {
/*	display:  none;*/
}

/* forms */

form {
	padding: 0;
	margin: 0;
}

form ol li,
form ol {
	margin: 0;
	padding: 0;
}



form p {
	margin: 0;
	margin-top: 10px;
}

form input {
	margin-left: 10px;
}

form li em {
	padding-top: 10px;
	display: block;
	clear: both;
	font-style: normal;
}

form li hr {
	margin-top: -10px;
}

form p label {
	width: 200px;
}

#field_adhesion_label {
	clear: both;
	display: block;
	padding-top: 10px;
}

#field_nomentreprise,
#field_title,
#field_surname,
#field_email {
	width: 300px;
}

#field_participant_label,
#field_csnmember_label,
#field_csnmemberfamily_label,
#field_federation_label,
#field_centralcouncil_label,
#field_age_label {
	float: left;
	line-height: 22px;
	padding-right: 10px;
}


.liste-de-diffusion .main-col h2 {
	background-image: none;
	padding: 10px;
}

.left-col a {
	font-size: 12px !important;
}

.left-col a,
.extra-col a {
	font-weight: normal !important;
	color: #585850 !important;
	border-bottom: 1px solid #1f7284;
}

.left-col a:hover,
.extra-col a:hover {
	text-decoration: none !important;
	color: #1f7284 !important;
}


/* GIR */

select#girdataselect {
	margin: 10px;
}

div#girtrimesterlist {
	margin: 10px;
}

div.girmeeting {
	background-color: #e5f0f2;
}

div.girmeeting h3 {
	padding-top: 10px;
	font-size: 16px;
}

div#girmeetingdata dl {
	padding: 10px 0 0 10px;
}
div#girmeetingdata dt {
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
}
div#girmeetingdata dd {
	margin-left: 150px;	
	margin-bottom: 10px;
}

div#girmeetingdata p {
	padding: 0px 10px 10px 10px;
}

.fr { display: none; }