BODY, INPUT, TD, SELECT
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	padding:0;
	margin:0;
}
BODY
{
	background-color:#fff;
	color:#000;
}
INPUT
{
	margin-top:5px;
	font-family:verdana;
	/*height:18px;*/
}
SELECT
{
	margin-top:6px;
	font-family:verdana;
}
H1
{
	font-size:14px;
	color:#FF6501;
}
A, A:link
{
	color:#000;
	white-space:nowrap;
}

#leftColumn
{
	float:left;
	padding-top:16px;
	width:236px;
}

#leftColumn a, #leftColumn div
{
	display:block;
	width:100%;
	margin-bottom:16px;
	text-decoration:none;
}

#footerDevis
{
	clear:left;
	font-size:10px;
	width:100%;
	text-align:center;
    bottom:0;
  	position:absolute; 	/* pour rejeter le footer en bas de la page */
	width:567px;
	left:50%;
	margin-left:-283px;
}

#horaires
{
	background-image:url(../media/horaires.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:120px;
	height:49px;
	display:block;
	
	font-style:italic;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	tex-align:center;
	padding-top:22px;
}

#rightColumn
{
	float:left;
}

#header
{
	float:left;
	padding-top:32px;
	height:90px;
	display:block;
}

#header table
{
	height:90px;
}

.stepArrows
{
	background-image:url(../media/bg_off.gif);
	background-repeat:repeat-x;
	background-position:center left;
}

.stepArrows a
{
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.betweenArrows
{
	background-image:url(../media/off_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:21px;
}

.stepLeft
{
	background-image:url(../media/left_off.gif);
	background-repeat:no-repeat;
	background-position:center right;
	width:17px;
}

.stepRight
{
	background-image:url(../media/right_off.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:18px;
}

#form
{
	float:left;
	clear:left;

	height:420px;
	width:583px;
	overflow-x:hidden;
	overflow-y:auto;
}

#footer
{
	border-top:4px double #999;

	float:left;
	clear:left;

	width:567px;
	text-align:right;
}

.userForm
{
	width:567px;
	border-width:0px;
	float:left;
}

a.cache
{
	background-image:url(../media/croix_cacher.jpg);
	background-position : right 2px;
	background-repeat:no-repeat;
	color:#000000;
	font-family:arial;
	font-size:10px;
	padding-right:12px;
	text-align:right;
	text-decoration:underline;
	vertical align : middle;
	float:right;
	margin-right:4px;
	display:inline;
}

/* FORMULAIRES */

.formTable
{
	width:567px;
}

.wholeLine
{
	float:left;
	clear:left;
	text-align:left;
	display:block;
	width:500px;
	line-height:30px;
	min-height:30px;
}

* html .wholeLine /* IE */
{
  	height:30px;
}

.hint, .invalid
{
	color:#f00;
	font-weight:bold;
	display:block;
}

.line0
{
	text-align:left;
	color:#000;
	overflow-x:hidden;
	overflow-y:visible;
	margin-bottom:3px;
	min-height:30px;	
/*
	float:left;
	clear:left;
*/
}

* html .line0 /* IE */
{
	height:30px;
}

.line1
{
	text-align:left;
	background-image:url(../media/degrade_devis_2.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#fff;
	overflow-x:hidden;
	overflow-y:visible;
	margin-bottom:3px;
	min-height:30px;
/*
	float:left;
	clear:left;
*/
}

.line2
{
	text-align:left;
	background-color:#e46923;
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#fff;
	overflow-x:hidden;
	overflow-y:visible;
	margin-bottom:3px;
	height:30px;
/*
	float:left;
	clear:left;
*/
}

* html .line1 /* IE */
{
	height:30px;
}

.leftLabel
{
	padding:2px;
	display:block;
	width:150px;
	float:left;
	clear:left;
	text-align:left;
}

.rightLabel
{
	display:block;
	width:339px;
	float:left;
	text-align:left;
	padding:4px;
}

#page2 .leftLabel
{
	width:200px;
}

#page2 .rightLabel
{
	width:300px;
}

#stepLbl
{
	display:inline;
}

.dojoDialog 
{
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 4px;
	text-align:center;
}

.questionLnk
{
	width:24px;
	height:22px;

	background-image:url(../media/help.png);
	background-position:center right;
	background-repeat:no-repeat;

	border:0px solid #000;
	display:block;
	float:left;

	position:relative;
	top:4px;
}

.bandeauInfo
{
	float:left;
	clear:left;
	height:32px;
	line-height:32px;
	width:100%;
}

.formule
{
<<<<<<< .mine
=======
	
>>>>>>> .r2488
	text-align:left;
	float:left;
	clear:left;
}

.formuleCadre
{
	color:#fff;
	background-image:url(../media/boite_formule_32.jpg);
	background-repeat:no-repeat;
	clear:left;
	float:left;
	width:247px;
	height:32px;
	line-height:32px;
	margin-top:8px;
}

.formuleCadre input
{
	float:left;
	display:inline;
	margin-left:8px;
}

.formuleLbl
{
	float:left;
	padding-left:8px;
	text-align:left;
	line-height:16px;
	font-weight:bold;
	width:212px;
}

.checkOff
{
	background-image:url(../media/checkOff.gif);
	background-repeat:no-repeat;
	background-position:center right;
	width:16px;
	height:16px;
	margin-top:8px;
	float:left;
/*	display:block;*/
}

.checkOn
{
	background-image:url(../media/checkOn.gif);
	background-repeat:no-repeat;
	background-position:center right;
	width:16px;
	height:16px;
	margin-top:8px;
	float:left;
/*	display:block;*/
}

#fractionnement
{
	font-size:14px;
	font-weight:bold;
}

#fractionnement a
{
	font-size:12x;
	font-weight:normal;
	margin-right:8px;
}

a.fractOn
{
	font-weight:bold;
	border-bottom:2px solid #FF6501;
	color:#FF6501;
	text-decoration:none;
}

a.fractOff
{
	color:#000;
	border-bottom:0px solid #000;
	text-decoration:none;
}

/* obligatoire pour faire fonctionner la propriété hover */
a.fractOff:link { } a.fractOff:visited { }

a.fractOff:hover
{
	border-bottom:2px solid #FF6501;
}

/* obligatoire pour faire fonctionner la propriété hover */
a.fractOff:active { }

.detailsBtn
{
	text-decoration:none;
	float:left;
	margin-bottom:8px;
	position:relative;
	left:40px;
	color:#999;
}

.formuleDetails
{
	clear:left;
	float:left;
	display:block;
/*
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
*/
	background:#f8f8f8;
	width:247px;
	margin-bottom:8px;
	padding-top:8px;
}

.formulePrix
{
	width:80px;
	font-size:14px;
	float:left;
}

#prixAssurance
{
	float:left;
	clear:left;
	font-size:14px;
	font-weight:bold;
	width:100%;
	margin:8px;
}

a.devisButton
{
	display:block;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000;
	width:141px;
	height:29px;
	line-height:29px;
	background-image:url(../media/button_off.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	float:left;
}

/* obligatoire pour faire fonctionner la propriété hover */
a.devisButton:link { } a.devisButton:visited { }

a.devisButton:hover
{
	color:#fff;
	cursor:pointer;
        cursor:hand;
	background-image:url(../media/button_on.jpg);
}

/* obligatoire pour faire fonctionner la propriété hover */
a.devisButton:active { }


a.devisButtonEx
{
	display:block;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#000;
	width:160px;
	height:29px;
	line-height:29px;
	background-image:url(../media/button_off_160.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	float:left;
}

/* obligatoire pour faire fonctionner la propriété hover */
a.devisButtonEx:link { } a.devisButtonEx:visited { }

a.devisButtonEx:hover
{
	color:#fff;
	cursor:pointer;
        cursor:hand;
	background-image:url(../media/button_on_160.jpg);
}

/* obligatoire pour faire fonctionner la propriété hover */
a.devisButtonEx:active { }


/* Surcharge DOJO pour afficher les couleurs BNR */

.wholeLine .dojoHtmlCheckboxOn
{
	background: url(../media/check.gif) 0px 0px;
}
.wholeLine .dojoHtmlCheckboxOff
{
	background: url(../media/check.gif) -16px 0px;
}
.wholeLine .dojoHtmlCheckboxDisabledOn
{
	background: url(../media/check.gif) -32px 0px;
}
.wholeLine .dojoHtmlCheckboxDisabledOff
{
	background: url(../media/check.gif) -48px 0px;
}
.wholeLine .dojoHtmlCheckboxOnHover
{
	background: url(../media/check.gif) -64px 0px;
}
.wholeLine .dojoHtmlCheckboxOffHover
{
	background: url(../media/check.gif) -80px 0px;
}

#texteFract
{
	margin-top:8px;
	font-size:12px;
	line-height:16px;
	font-style:italic;
}

#questionCompte, #loginCompte, #nouveauCompte
{
	width:100%;
	text-align:center;
	margin-bottom:16px;
}

#questionCompte, #loginCompte
{
	width:200px;
	background:#e8e8e8;
	border:1px solid #666;
	padding:8px;
}

.authChoice
{
	padding:8px;
	margin:8px;
	text-align:left;
	display:block;
	background-image:url(../media/degrade_devis_2.jpg);
	background-repeat:repeat-y;
	border:1px solid #666;
	width:400px;
}
.authChoice input
{
	display:inline;
}
.authText
{
	margin-left:8px;
	display:inline;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}
.authText input
{
	float:none;
}

.newUser
{
	background:#ff0;
}

#paiementSecurise
{
	margin-top:8px;
	background:#e9e9e9;
}

#paiementSecurise input
{
	height:auto;
}

#bnp-logo
{
	width:124px;
	height:52px;
	border:solid 1px #000;
	background-image:url(../media/logo_bnp.gif);
	background-repeat:no-repeat;
	display:block;
	margin:8px;
}

.devisLabel
{
	font-weight:bold;
	display:inline;
}

.devisInfo
{
	display:inline;
	margin-left:4px;
}

.mentionJuridique
{
	margin-top:12px;
	float:left;
	width:100%;
	font-size:9px;
	color:#999;
	text-align:center;
}

#cp_aide
{
	text-align:left; 
	width:100%;
}

#cp_aide h1
{
	width:100%;
	text-align:center;
	font-weight:bold;
}
#lettreFinDevis
{
	text-align:left;
	width:520px;
}
#lettreFinDevis .paragraphe
{
	margin-bottom:8px;
	width:520px;
}
#lettreFinDevis a.link
{
	font-weight:bold;
	color:#FF6501;
	white-space:normal;
}

#confirmation .leftLabel
{
	display:block;
	width:460px;
	float:left;
	clear:none;
	text-align:justify;
	font-size:11px;
}

#confirmation .leftLabel a
{ 
	font-weight:bold;
}

#confirmation .rightLabel
{
	display:block;
	width:20px;
	float:left;
	clear:none;
	text-align:justify;
	margin-top:-16px;
}

* html #confirmation .rightLabel
{
	margin-top:0;
}

#confirmation .line
{
	display:block;
	width:500px;
	float:left;
	clear:left;
	text-align:justify;
	margin-bottom:10px;
}

.smallField
{
	width:80px;
}

.verySmallField
{
	width:50px;
}

#callbackBox
{
	background:url(../media/callback.jpg);
	background-repeat:no-repeat;
	font-size:8pt;

	
	padding-top:120px;
	margin-top:0px;
	
	text-align:center;
	
	height:244px;
	width:171px;
	
	line-height:12px;
}

#callbackBox a
{
	color:#FF6501;
	text-decoration:underline;
}

#callbackBox input
{
	display:inline;
	width:104px;
}