/************ début du cadre ************/
.bloc {
	width: 570px; /*largeur du cadre*/
	background-color:#40545e;
	margin: 0;
	clear:both;
	padding:10px 0 10px 0;
}

.bloc_interieur {
	width: 540px; /*largeur du cadre blanc*/
	background-color:#fff;
	margin: 20px 0 10px 15px;
}

.separateur {
	width: 540px;
	height: 9px;
	background-color:#40545e;
	background:url(../img_v2/separation.gif) no-repeat;
}

.fonce {
	background-color:#40545e;
}

.clair {
	background-color:#cfcfcf;
}

.tresclair {
	background-color:#f2f2f2;
}



/************ bouton ************/
.btn_on {	
	float: left; 
	width: 95px;
	height: 26px;
	margin: 0px 10px 0 0;
	background:url(../img_v2/btn_on.gif);
}

.btn_off{	
	float: left; 
	width: 95px;
	height: 26px;
	margin: 0px 5px 0 0;
	background:url(../img_v2/btn_off.gif);
}
.btn_info{	
	float: left; 
	width: 17px;
	height: 16px;
	margin: 10px 10px 0 0;
	
}
.btn_imprimez{	
	float: left; 
	width: 17px;
	height: 16px;
	margin: 10px 10px 0 0;
}

.btn_titre{
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	margin: 6px 0 0 0;
}

.btn_calculez {
	width:102px;
	height:32px;
	background-image:url(../img_v2/btn_calculez.gif);
	margin: 0 auto 0 auto;
}

.btn_enregistrer {
	width:99px;
	height:28px;
	background-image:url(../img_v2/btn_enregistrer.gif);
	margin: 0 auto 0 auto;
}

.btn_meilleurtaux {
	width:115px;
	height:20px;
	background-image:url(../img_v2/logo.gif);
	margin: 0 auto 0 auto;
}

.btn_detail {
	width:95px;
	height:31px;
	background-image:url(../img_v2/btn_detail.gif);
	margin: 0 auto 0 auto;
}

.btn_synthese {
	width:110px;
	height:31px;
	background-image:url(../img_v2/btn_synthese.gif);
	margin: 0 auto 0 auto;
}

.btn_cacher {
	width:95px;
	height:31px;
	background-image:url(../img_v2/btn_cacher.gif);
	margin: 0 auto 0 auto;
}


/************ AIDE ************/
.divElementHelp, .divElementHelpHover{
	width:21px;
	height:23px;
	cursor:pointer;
	position:relative;
	float:left;
	margin-left:5px;
}
.divElementHelp{
	background:url("../img_v2/info.gif") top left no-repeat;
}

.info_png{
	background:url(../img_v2/info.png) top left no-repeat;
}
/*
.titleHelp {
	background:url("../img_v2/barreHelp.gif") center left repeat-x;
	height:15px;
	font-size: 11px;
	font-weight:bold;
	background-color: #f60;
	color:#fff;
	padding-left:12px;
	padding-right:20px;
	padding-top:3px;
	text-align:center;
}
.textHelp {
	color:#929292;
	background-color: #fff;
	border:4px solid #f60;
	width:304px;
	white-space: normal;
	overflow:hidden;
}
.paragrapheHelp {
	padding:4px;
	width:290px;
	word-wrap: break-word;  
	color:#929292;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	white-space: normal;
}
*/


.blocHelp{
	right:-260px;
	position:absolute;
	top:0px;
	width:248px;
}

.blocHelp .titleHelp {
	background:url(../img_v2/tooltipTop.png) no-repeat transparent;
	height:23px;
	color:#fff;
}

.blocHelp .titleHelp p{
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding-top:3px;
}

.blocHelp .textHelp {
	background:url(../img_v2/tooltipMiddle.png) repeat-y;
	color:#3e4950;
	font-weight:normal;
	background-color: #fff;
	width:248px;
}

.blocHelp .textHelp b{font-size:1em}

pre {
margin:0;
padding:0;
}

.blocHelp .paragrapheHelp {
	padding-top:6px;
	padding-left:10px;
	padding-right:7px; 
	text-align:justify;
	width:230px;
	color:#3e4950;
	word-wrap: break-word;  
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	white-space: normal;
	font-weight:normal;
}

.blocHelp .texteTitre {
	color:#3e4950 !important;
	font-size:1.3em;
	font-weight:bold;
	display:block;
	padding:4px 7px 0 10px;
	width:230px;
	word-wrap: break-word;  
	white-space: normal;
}

.blocHelp .bottom{
	height:24px;
	background:url(../img_v2/tooltipBottom.png) no-repeat;
}


/************ Tableau ************/
.fdfonce {background-color: #777777}
.fdmoyen {background-color: #CFCFCF}
.fdclair {background-color: #F2F2F2}
.fdblanc {background-color: #FFFFFF}
.fdhlpb {background-color: #40545E;color:#ffffff}
.fdhlpi {background-color: #CFCFCF}


/************ HTML ************/

body{
	font-family : Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-weight:bold;
	color:#40545e;
	text-decoration:none;
	
}

a:hover{
	text-decoration:none;
	color:#FF6600;
}

td{
	font: 12px Arial, Helvetica, sans-serif; color:black;
}

input{
	font: 12px Arial, Helvetica, sans-serif; color:black;
}

select{
	font: 12px Arial, Helvetica, sans-serif; color:black;
}

p {
	font: 12px Arial, Helvetica, sans-serif; color:black;
}

h2 {
	font-weight:bold;
	font-size:18px;
	color:#3e4950
}

/************ texte du bouton sur deux lignes *************/
.btn_titre_deux_lignes{
	font: 10px Arial, Helvetica, sans-serif; color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin: 3px 0 0 0;
	
	text-decoration:none;
}

.btn_titre_deux_lignes a{
	line-height:10px;

}

/************ Charte *************/
.border_l {
border-left:1px solid #777777;
}

/************ Input *************/

.resultat {
	border: 0;
	font-size:13px;
	color: #40545E;
	padding:0;
	margin:0;
	font-weight:bold;
}

.sansbrdclair {
	text-align: right;
	background-color: #CFCFCF;
	border: thin solid #CFCFCF;
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000
}

.sansbrd {
	text-align: right;
	background-color:#F2F2F2;
	border: thin solid #F2F2F2;
	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000
}

/************ Texte *************/

.mention_bot {
	color:#ffffff;
	text-align:right;
	width:560px;
	font-size:10px;
	padding-right:10px
}