/*******************************************/
/* E-Concept Applications - Site web       */
/* Copyright 2009 - E-Concept Applications */
/*******************************************/

BODY {
	background-color: #004360;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

TABLE {
	margin: auto;
}

TD {
	padding: 5px;
}

IMG {
	border: none;
}

A {
	color: #21545B;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}

A:HOVER {
	color: #21545B;
	text-decoration: underline overline;
	font-size: 11pt;
	font-weight: bold;
}

DIV.GENERAL {
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -484px;
	margin-top: 10px;
	width: 968px;
}

DIV.HEADER {
	position: relative;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-color: #E7E7E7;
	height: 255px;
	width: 100%;
}

DIV.SEPARATEUR {
	background-color: #2E68A8;
	position: relative;
	height: 50px;
	width: 100%;
	top: 0px;
}

DIV.PRINCIPAL {
	background-image: url("images/fond_bas.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	position: relative;
	width: 948px;
	top: 0px;
	padding: 10px;
}

DIV.BULLE {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	margin: auto;
}


DIV.BULLE DIV.BULLEG {
	background-image: url("images/bulle_g.png");
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 20px;
	height: 222px;
}

DIV.BULLE DIV.BULLEC {
	background-image: url("images/bulle_c.png");
	background-repeat: repeat-x;
	position: relative;
	float: left;
	top: 0px;
	height: 222px;
	padding: 20px 0px 20px 0px;
}


DIV.BULLE DIV.BULLED {
	background-image: url("images/bulle_d.png");
	background-repeat: no-repeat;
	position: relative;
	float: right;
	width: 20px;
	height: 222px;
}

DIV.BULLE DIV.BULLEG2 {
	background-image: url("images/bulle_g2.png");
	background-repeat: no-repeat;
	position: relative;
	float: left;
	width: 9px;
	height: 100px;
}

DIV.BULLE DIV.BULLEC2 {
	background-image: url("images/bulle_c2.png");
	background-repeat: repeat-x;
	position: relative;
	float: left;
	top: 0px;
	height: 100px;
	padding: 10px 0px 20px 0px;
}


DIV.BULLE DIV.BULLED2 {
	background-image: url("images/bulle_d2.png");
	background-repeat: no-repeat;
	position: relative;
	float: right;
	width: 9px;
	height: 100px;
}

DIV.BULLE DIV.BULLEFIN {
	position: relative;
	clear: both;
	height: 1px;
}

DIV.VALIDATION {
	position: absolute;
	text-align: left;
	width: 200px;
	height: 40px;
	bottom: 0px;
	right: 0px;
}

DIV.SSL {
	position: absolute;
	text-align: left;
	width: 200px;
	height: 20px;
	bottom: 10px;
	left: 25px;
}

DIV.FOOTER {
	text-align: center;
	font-size: 8pt;
	position: relative;
	width: 500px;
	bottom: 0px;
	padding-top: 50px;
	margin: auto;
}

DIV.FOOTER A {
	font-size: 8pt;
}

DIV.BOUTON {
	background-image: url("images/bouton.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 138px;
	height: 38px;
	top: -19px;
	z-index: 2;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

IMG.LOGO {
	position: absolute;
	top: 15px;
	right: 27px;
}

IMG.HEADERTXT {
	position: absolute;
	top: 150px;
	right: 23px;
}

.buttonBlack{

	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #004360;
	border-bottom:1px solid #004360;	
	background-color:#E7E7E7;
	color: black;
	font-weight: Bold;
	font-size: 11px;
	padding: 4px 8px;
	cursor: pointer;
}

.buttonBlack:hover A, .buttonBlack:active A {
	color: white;
	text-decoration: none;
}

.buttonBlack:disabled, .buttonBlack:disabled:hover, .buttonBlack:disabled:active{

	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #ACA899;
	border-bottom:1px solid #ACA899;	
	background-color:#FDFAE9;
	color: #999999;
	font-weight: Bold;
	font-size: 11px;
	padding: 4px 8px;
	cursor: pointer;
}

.buttonBlack:disabled A, .buttonBlack:disabled:hover A, .buttonBlack:disabled:active A {
	color: #999999!important;
}

.buttonBlack:hover{

	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #ACA899;
	border-bottom:1px solid #ACA899;		
	background-color:#2E68A8;
	color: white;
	text-decoration:underline;
	font-weight: Bold;
	font-size: 11px;
	padding: 4px 8px;
	cursor: pointer;
}

.buttonBlack:active{

  border-top:1px solid #ACA899;
	border-left:1px solid #ACA899;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;	
	background-color:#F0F1EC;
	color: black;
	font-weight: Bold;
	font-size: 11px;
	padding: 4px 8px;
	cursor: pointer;
}

TABLE.FORFAITS {
	width: 900px;
    border: thin solid Black;
	border-collapse: collapse;
	text-align: justify;
	font-size: 10pt;
}

TABLE.FORFAITS TH, TABLE.FORFAITS TD {
	border: thin solid Black;
	border-collapse: collapse;
	padding: 5px;
}

TABLE.FORFAITS A {
	font-weight: normal;
}