.wrapper_devis {
	width: 725px;
	background: url(../images/devis/bkg_devis_repeat.gif) repeat-y;
	margin: 80px 0 0 0;	
}
.wrapper_devis > div {
	background: url(../images/devis/bkg_devis_top.gif) no-repeat;	
}
.wrapper_devis > div > div {
	background: url(../images/devis/bkg_devis_bottom.gif) no-repeat bottom;
	overflow: visible;
	padding: 30px ;	
}

.message {
	position: absolute;
	top: -57px;
	left: -13px;
}

.left {
	float: right;
	margin: 83px 0 0 0;
}

.right {
	float: left;	
}

body.devis .left {
	margin: 33px 0 0 0;	
} 


#devis {
	padding: 30px 0 0 0;
	margin: -30px -7px;
	font-size: 11px;
	position: relative;
	overflow: visible;
}

#titreEtape {
	border-bottom: 2px solid #e62e83;
    color: #e62e83;
    font-family: "BreeBold",Arial,Helvetica,sans-serif;
    font-size: 25px;
    margin: 5px 0 45px;
    padding: 0 0 2px;	
	position: absolute;
	top: -80px;
	left: -22px;
	width: 980px;
}
#titreEtape span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434444;
	position: absolute;
	top: 40px;
	left: 0;
}
#titreEtape img {
	position: absolute;
	right: 256px;
	top: 12px;
}

.thumb {
	position: absolute;
	top: -70px;
	right: 0px;	
}

.douze {font-size: 12px;}
.breebold {font-family: BreeBold;}
.seize {font-size: 16px;}
.bold {font-weight: bold;}
/*.kaki {color:#918700;}*/
.orange {color: #fea800;}
.block {display:block;}
.clear {clear: both;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt60 {margin-top: 60px;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb50 {margin-bottom: 50px;}

.pr4 {padding-right: 4px;}
.pl10 {padding-left: 10px;}

.garantieChoisie {
	width: 130px;
	color: #252525;
}

/* BARRE DE NAVIGATION */
#navigation {
	background: url(../images/devis/barre_accueil.gif) no-repeat;
	list-style-type: none;
	padding: 0;
	width: 679px;
	height: 37px;
	margin: -30px 0 25px 0;
}

#navigation li {
	float: left;
}

#navigation a {
	display: block;
	float: left;
	height: 37px;
	width: 132px;
}

#navigation span {
	display: none;
}

#navigation.etape1 {
	background-image: url(../images/devis/barre_1.gif)
}
#navigation.etape2 {
	background-image: url(../images/devis/barre_2.gif)
}
#navigation.etape3 {
	background-image: url(../images/devis/barre_3.gif)
}
#navigation.etape4 {
	background-image: url(../images/devis/barre_4.gif)
}


/**************************************************************************************/
/* ACCUEIL */
/**************************************************************************************/

/* SITUATION */

#situation {
	margin: 28px -24px 0;
	padding: 0 0 0 24px;
	width: 701px;
	list-style-type: none;
	float: left;
	background: url(../images/devis/sol.png) repeat-x 0 165px;
}

#situation li {
	float: left;
	padding-bottom: 100px;	
	position: relative;
	width: 204px;
	height: 209px;
}

#situation a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#situation span {
	position: absolute;
	display: block;
	width: 100%;
	top: 196px;
	left: 0;
	height: 103px;
}

#situation #situation-melia {
	width: 195px;
	height: 176px;
	margin: 0 36px;
}

#situation #situation-nais span {
	background-image: url(../images/devis/nais-reflet.png);
}
#situation #situation-melia span {
	background-image: url(../images/devis/melia-reflet.png);
	top: 195px;
}
#situation #situation-filae span {
	background-image: url(../images/devis/filae-reflet.png);
}
#situation #situation-nais a {
	background-image: url(../images/devis/nais.png);
}
#situation #situation-melia a {
	background-image: url(../images/devis/melia.png);
	top: 18px;
}
#situation #situation-filae a {
	background-image: url(../images/devis/filae.png);
}

#situation img {
	border: none;	
}

#sous-titre-situation {
	overflow: hidden;
	text-indent: -200em;
	height: 47px;
	background: url(../images/devis/accroche.png) no-repeat 50% 0;
	position: absolute;
	top: 340px;
	left: 0;
	width: 100%;
}

/* EXPLICATIONS */

.explication {
	width: 213px;
	float: left;
	margin: 20px 18px 40px 0;
	padding: 0;
}

.explication .titre{
	font-weight: bold;
	border-bottom: 5px solid;
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#jeuneExplication .titre {
	border-bottom-color: #f7a67f;
}

#familleExplication .titre {
	border-bottom-color: #ee8450;
}

#seniorExplication .titre {
	border-bottom-color: #d6652d;
}

#seniorExplication {
	margin-right: 0;	
}

#proExplication {
	float: none;
	clear: both;
	width: auto;
	margin-right: 0;	
	margin-bottom: 0;
}

#proExplication .titre {
	border-bottom-color: #05b0dc;
}

#btnIndependant,
#btnAutoentrepreneurs {
	float: left;
	display: block;
	height: 45px;	
}

#btnIndependant {
	background: url(../images/devis/btn_PourLesPro.gif) no-repeat;
	width: 321px;
}

#btnAutoentrepreneurs {
	background: url(../images/devis/btn_autoentrepreneurs.gif) no-repeat;
	width: 251px;
	float: right;
}

#btnIndependant span,
#btnAutoentrepreneurs span {display: none;}


.garantiesoptionnelles {
	clear: both;
	display: block;
}

form[name="profilForm"] {
	clear: both;	
}

/**************************************************************************************/
/* ETAPE 1 */
/**************************************************************************************/


.accrocheJaune {
	text-align: center;
	background: url(../images/devis/accrocheJaune.gif) no-repeat;
	height: 26px;
	font-size: 14px;
	font-weight: bold;
	color: #b99e64;
	line-height: 26px;
}

#choixGarantie {
	background: url(../images/devis/bkg_choixGarantie.gif) no-repeat;
	overflow: auto;
	padding: 0 0 0 15px;
}

#choixGarantie .garantie {
	float: left;
	width: 195px;
	margin-right: 37px;
}

#choixGarantie .garantie.last {
	margin-right: 0;	
}

#choixGarantie p {
	clear: both;
}

#choixGarantie input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

#choixGarantie label {
	font-size: 14px;
	font-weight: bold;
	color: #d80f90;
	line-height: 32px;
	vertical-align: middle;
}

#choixGarantie img {
	vertical-align: middle;
	margin-left: 10px;
	cursor: help;
}

#btnVoirGaranties {
	background: url(../images/devis/btn_voirLesGaranties.gif) no-repeat;
	display: block;
	width: 165px;
	height: 20px;
}
#btnVoirGaranties span {display: none;}


.btn_Retour,  .btn_Suivant {
	display: block;
	height: 54px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}

.btn_Retour {
	background: url(../images/devis/btn_retour.gif) no-repeat;
	width: 259px;
	float: left;
}

.btn_Retour:hover {
	background: url(../images/devis/btn_retour_r.gif) no-repeat;
}

.btn_Retour span, .btn_Suivant span {
	display: block;
	padding-left: 79px;
	line-height: 54px;
}

.btn_Suivant {
	background: url(../images/devis/btn_suivant.gif) no-repeat;
	width: 259px;
	float: right;
}

.btn_Suivant:hover {
	background: url(../images/devis/btn_suivant_r.gif) no-repeat;
}

.btn_Suivant span {
	padding-left: 22px;
}

.ligneorange {
	margin: 0;
	padding: 0;
	border: 0 none;
	border-top: 1px solid #fea800;
}


#tooltipEtape1 {
	width: 679px;
	position: absolute;
	display: none;
	z-index: 99;
}

#tooltipEtape1 .top {
	height: 34px;
	background: url(../images/devis/layerEtape1Top.png) no-repeat;
}

#tooltipEtape1 .bottom {
	padding-bottom: 37px;
	position: relative;
	background: url(../images/devis/layerEtape1Bottom.png) no-repeat bottom;
}
#tooltipEtape1.deux .bottom {
	background: url(../images/devis/layerEtape1Bottom_2.png) no-repeat bottom;
}
#tooltipEtape1.trois .bottom {
	background: url(../images/devis/layerEtape1Bottom_3.png) no-repeat bottom;
}

#tooltipEtape1 .bottom .bonhomme {
	position: absolute;
	right: 5px;
	bottom: 22px;
	width: 48px;
	height: 52px;
	background: url(../images/devis/layerEtape1.png) no-repeat;
}

#tooltipEtape1 .texte {
	padding: 10px 50px 0;
	background: url(../images/devis/layerEtape1Repeat.png) repeat-y;
}

#tooltipEtape1 .texte div {
	top: -20px;
	position: relative;
}

/**************************************************************************************/
/* ETAPE 2 */
/**************************************************************************************/

/* début btn actions */
#btnVoirOptions {
	background: url(../images/devis/btn_voirLesGaranties.gif) no-repeat;
	display: block;
	width: 165px;
	height: 20px;
}
#btnVoirOptions span {display: none;}

#retourEtape1, #versEtape3 {
	display: block;
	width: 242px;
	height: 54px;
}
#retourEtape1 span, #versEtape3 span {display: none;}

#retourEtape1 {
	background: url(../images/devis/btn_retourEtape1.gif) no-repeat;
	float: left;
}

#versEtape3 {
	background: url(../images/devis/btn_versEtape3.gif) no-repeat;
	float: right;
}

#retourEtape1:hover {
	background-image: url(../images/devis/btn_retourEtape1_r.gif);
}

#versEtape3:hover {
	background-image: url(../images/devis/btn_versEtape3_r.gif);
}
/* fin btn actions */

.option, .option dt, .option dd, .option ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.option dt {
	background: url(../images/devis/bkg_choixGarantie.gif) no-repeat;
	line-height: 32px;
	font-weight: bold;
	font-size: 14px;
	color: #d80f90;
	padding-left: 15px;
}

.option ul {
	margin: 20px 0 10px 18px;
}

.option li {
	margin-bottom: 1px;
	width: 195px;
	position: relative;
	height: 17px;
}

.option label {
	vertical-align: middle;
}

.option input {
	vertical-align: middle;
	margin: 0 18px 0 0;
	padding: 0;
}

.option img {
	position: absolute;
	top: -1px;
	right: 0;
}


#tooltipEtape2 {
	width: 413px;
	position: absolute;
	display: none;
	z-index: 99;
}

#tooltipEtape2 .top {
	width: 413px;
	height: 62px;
}
#tooltipEtape2.bleu .top {background: url(../images/devis/layerEtape2BleuTop.png) no-repeat;}
#tooltipEtape2.violet .top {background: url(../images/devis/layerEtape2VioletTop.png) no-repeat;}
#tooltipEtape2.vert .top {background: url(../images/devis/layerEtape2VertTop.png) no-repeat;}
#tooltipEtape2.orange .top {background: url(../images/devis/layerEtape2OrangeTop.png) no-repeat;}

#tooltipEtape2 .bottom {
	padding-bottom: 28px;
	position: relative;
}
#tooltipEtape2.bleu .bottom {background: url(../images/devis/layerEtape2BleuBottom.png) no-repeat bottom;}
#tooltipEtape2.violet .bottom {background: url(../images/devis/layerEtape2VioletBottom.png) no-repeat bottom;}
#tooltipEtape2.vert .bottom {background: url(../images/devis/layerEtape2VertBottom.png) no-repeat bottom;}
#tooltipEtape2.orange .bottom {background: url(../images/devis/layerEtape2OrangeBottom.png) no-repeat bottom;}

#tooltipEtape2 .bottom .bonhomme {
	position: absolute;
	right: 19px;
	bottom: 12px;
	width: 34px;
	height: 49px;
}
#tooltipEtape2.bleu .bottom .bonhomme {background: url(../images/devis/layerEtape2Bleu.png) no-repeat;}
#tooltipEtape2.violet .bottom .bonhomme {background: url(../images/devis/layerEtape2Violet.png) no-repeat;}
#tooltipEtape2.vert .bottom .bonhomme {background: url(../images/devis/layerEtape2Vert.png) no-repeat;}
#tooltipEtape2.orange .bottom .bonhomme {background: url(../images/devis/layerEtape2Orange.png) no-repeat;}

#tooltipEtape2 .texte {
	padding: 0 50px;
}
#tooltipEtape2.bleu .texte {background: url(../images/devis/layerEtape2BleuRepeat.png) repeat-y;}
#tooltipEtape2.violet .texte {background: url(../images/devis/layerEtape2VioletRepeat.png) repeat-y;}
#tooltipEtape2.vert .texte {background: url(../images/devis/layerEtape2VertRepeat.png) repeat-y;}
#tooltipEtape2.orange .texte {background: url(../images/devis/layerEtape2OrangeRepeat.png) repeat-y;}

#tooltipEtape2 .texte div {
	top: -20px;
	position: relative;
}

/**************************************************************************************/
/* ETAPE 3 */
/**************************************************************************************/

#selectGarantie {
	margin: 0 0 0 23px;	
}

/* début btn actions */
#retourEtape2, #versEtape4 {
	display: block;
	width: 242px;
	height: 54px;
}
#retourEtape2 span, #versEtape4 span {display: none;}

#retourEtape2 {
	background: url(../images/devis/btn_retourEtape2.gif) no-repeat;
	float: left;
}

#versEtape4 {
	background: url(../images/devis/btn_versEtape4.gif) no-repeat;
	float: right;
}

#retourEtape2:hover {
	background-image: url(../images/devis/btn_retourEtape2_r.gif);
}

#versEtape4:hover {
	background-image: url(../images/devis/btn_versEtape4_r.gif);
}
/* fin btn actions */


.optionsList {
	margin: 5px 0 0 177px;
	padding: 0;
	list-style-type: none;
}

.optionsList li {
	background: url(../images/devis/pucePlus.gif) no-repeat 0 3px;
	padding-left: 18px;
	margin-bottom: 3px;
}

.fieldset {
	position: relative;
}

.fieldset .legend {
	font-size: 16px;
	font-family: breebold;
	color: #fea800;
	height: 22px;
	padding: 23px 0 0 0;
	margin: 0 0 17px 0;
}

.fieldset .obligatoireLegend {
	position: absolute;
	right: 5px;
	top: 66px;
}

.fieldset .obligatoire {
	color: #d80f90;
}

.fieldset label, .fieldset .label {
	font-size: 12px;
	color: #707070;
	display: block;
	margin: 0 0 2px 0;
	clear: both;
	min-height: 24px;
}

.fieldset label span.libelle, .fieldset .label span.libelle {
	margin-right: 10px;
	width: 145px;
	float: left;
	line-height: 20px;
}

.fieldset label input, .fieldset label select, .fieldset .label input {
	border: 1px solid #abadb3;
	height: 20px;
	width: 148px;
	line-height: 20px;
	/*color: #abadb3;*/
	color: #252525;;
}

.fieldset .jour, .fieldset .mois {
	width: 33px;
	margin: 0 2px;
}

.fieldset .jour {
	margin-left: 0;
}

.fieldset .annee {
	width: 60px;
	margin-left: 2px;
}

.fieldset .fullLength {
	width: 520px;
}

.dashed {
	border: 0 none;
	border-bottom: 1px dashed #abadb3;
	margin-right: 5px;
	clear: both;
}

.affection {
	color: #696969;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.affection input {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
}

.affection img {
	vertical-align: middle;
	margin: 0 2px;
}

#vous {
	background: url(../images/devis/vousLegend.gif) no-repeat;
}
#conjoint1 {
	background: url(../images/devis/conjointLegend.gif) no-repeat;
}
#enfants {
	background: url(../images/devis/enfantsLegend.gif) no-repeat;
}

#question .libelle {
	width: 245px;
}

#question select {
	width: 420px;
}

#reductionCouple {
	color: #696969;
	font-size: 13px;
	text-align: center;
	line-height: 28px;
	background: url(../images/devis/bkg_reductionCouple.gif) no-repeat 50% 50%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
}

#reductionCouple img {
	vertical-align: middle;
}

.attention {
	margin: 3px 0 20px 0;
	padding: 3px 0 0 28px;
	background: url(../images/devis/attention.gif) no-repeat;
	min-height: 21px;
	font-size: 12px;
	color: #8d8d8d;
	font-family: Arial, Helvetica, sans-serif;
}

.attention a {
	color: #494949;
	text-decoration: underline;
}
.attention a:hover {
	text-decoration: none;
}

#nbEnfants .libelle {
	width: 200px;
}

#nbEnfants input {
	width: 93px;
}

.numero {
	font-size: 16px;
	color: #fea800;
	font-family: breebold;
	margin-bottom: 5px;
	display: block;
}

#tooltipEtape3 {
	width: 632px;
	height: 521px;
	position: absolute;
	background: url(../images/devis/layerEtape3.png) no-repeat;
	z-index: 1;
	display: none;
}

#tooltipEtape3 div {
	padding: 34px 40px 0;
	height: 384px;
}

#tooltipEtape3 .top {
	/*on désactive la flèche mobile*/
	display:none;
	position: absolute;
	bottom: 15px;
}

#tooltipEtape3 .bottom {
	/*on désactive la flèche mobile*/
	display:none;
	position: absolute;
	bottom: 0;
}

.etape3Tooltip {
	cursor: help;
}

/**************************************************************************************/
/* ETAPE 4 */
/**************************************************************************************/

.titreEtape4, .titreEtape4Orange {
	font-size: 16px;
	font-family: breebold;
	color: #ff8c17;
	border-bottom: 1px solid #ff8c17;
	margin-bottom: 15px;
	clear: both;
}

.titreEtape4Orange {
	border-bottom: 1px solid #ff8c17;
}

#details, #total {
	border-collapse: collapse;
	float: left;
}

#total {
	float: right;
}

#details td, #details th, #total td, #total th {
	border: 1px solid #a5a5a5;
	line-height: 20px;
}

#details th, #details tfoot td, #total th, #total tfoot td {
	font-size: 12px;
	color: #333333;
	background: url(../images/devis/detailsth.gif) repeat-x;
}

#total th, #total tfoot td  {
	background: url(../images/devis/detailsth2.gif) repeat-x;
}

#details select {
	width: 100%;
	height: 20px;
	color: #4c4c4c;
}


#details select {
	background: none;
	border: 0 none;
	padding-left: 7px;
}

#details .bkgGris, #total .bkgGris {
	background: url(../images/devis/bkg_detailGris.gif) repeat-x;
	font-size: 12px;
	color: #fff;
}

/* début btn actions */
#retourEtape3 {
	display: block;
	width: 242px;
	height: 54px;
}
#retourEtape3 span {display: none;}

#retourEtape3 {
	background: url(../images/devis/btn_retourEtape3.gif) no-repeat;
	float: left;
}

#retourEtape3:hover {
	background-image: url(../images/devis/btn_retourEtape3_r.gif);
}
/* fin btn actions */

#btn_adhererEnLigne {
	margin: 0 20px;
}

#btn_adhererparCourrier {
	margin: 0 0 0 15px;	
}

#conseiller {
	background: url(../images/devis/bkg_rencontre.gif) no-repeat bottom;
	margin: 0 0 50px 0;
	padding: 20px 0 8px 0;
}

#reductionCouple.etape4 {
	position: relative;
	height: 28px;
}

#reductionCouple.etape4 span {
	position: absolute;
	right: 104px;
}

#reductionCouple.etape4 img {
	position: absolute;
	right: 36px;
	top: 1px;
}


/**************************************************************************************/
/* PAIEMENT */
/**************************************************************************************/

#devis #cgv {
	color: #494949;
}

#devis #cgv a {
	color: #fea800;
	font-size: 16px;
	font-family: breebold;
	text-decoration: underline;
}

#devis #cgv a:hover {
	text-decoration: none;
}

#devis #cgv input {
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

#fieldsetOrange {
	background: url(../images/devis/fieldsetTitreOrange.gif) no-repeat;
}


#modesDePaiement {
	text-align: center;
}

.fieldset .check {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #707070;
}

.fieldset .check li {
	margin-bottom: 12px;
}

#lstImprimer {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #f13698;
}

#lstImprimer li {
	background: url(../images/devis/puceRondeGrise.gif) no-repeat 0 7px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#getAdobeReader img {
	margin-right: 15px;
	margin-top: 3px;
}

#autorisationPrelevement {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 12px;
	color: #707070;
}

#autorisationPrelevement li {
	background: url(../images/devis/puceRondeViolette.gif) no-repeat 0 7px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#encartAdress {
	display: block;
	text-align: center;
	background: url(../images/devis/encartAdresse.gif) no-repeat 50%;
	height: 76px;
	font-size: 13px;
	font-weight: bold;
	color: #707070;
	padding-top: 20px;
}

#btnPaiement {
	width: 394px;
	background: url(../images/devis/bkg_Paiement.gif) no-repeat;
	margin: auto;
	font-size: 12px;
	font-weight: bold;
	color: #707070;
	text-align: center;
	padding-top: 22px;
}

#btnPaiement span {
	display: block;
	width: 306px;
	margin: auto;
}

#btnPaiement a {
	display: block;
	background: url(../images/devis/bt_paiement.gif) no-repeat;
	height: 29px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding-top: 26px;
	text-decoration: none;
}

#btnPaiement a:hover {
	background: url(../images/devis/bt_paiement_r.gif) no-repeat;
}

.separationOrange {
	border: 0 none;
	border-bottom: 1px solid #fea800;
}

.civilite input, .libelle input {
	width: auto !important;
	height: auto !important;
	line-height: normal !important;
	margin: 0 2px 0 15px !important;
	padding: 0 !important;
	vertical-align: middle;
}

.libelle input {
	margin-left: 0 !important;
}

.civilite input.first {
	margin-left: 0 !important;
}

#contat_txtarea {
	border: 1px solid #abadb3;
	width: 303px;
	height: 129px;
	color: #abadb3;
}

/*************************************************************/
/* FORMULAIRE PROFESSIONNEL INDEPENDANT ET AUTO-ENTREPRENEUR */
.formPro {
	background: url(../images/devis/formIndep_repeat.gif) repeat-y;
	width: 762px;
	font-family: Verdana, Arial, sans-serif;
	margin: 10px auto 60px -22px;
}

.formPro > div.pro_independant {
	background: url(../images/devis/formIndep_header.jpg) no-repeat;
}

.formPro > div.auto_entrepreneur {
	background: url(../images/devis/formAuto_header.jpg) no-repeat;
}

.formPro > div > div {
	background: url(../images/devis/formIndep_footer.gif) no-repeat left bottom;
	min-height: 500px;
	padding: 0 37px 15px 37px;
}

.formPro.confirmation > div.pro_independant {
	background: url(../images/devis/formIndep_header_confirmati.jpg) no-repeat;
}
.formPro.confirmation > div.auto_entrepreneur {
	background: url(../images/devis/formAuto_header_confirmati.jpg) no-repeat;
}

.formPro .titreForm {
	font-size: 14px;
	font-weight: bold;
	color: #7b5217;
	padding: 80px 0 0 0;
	margin-bottom: 10px;
}

.formPro .titreForm span {
	font-weight: normal;
	color: #cc7800;
}

.formPro .titreFieldset {
	position: relative;
	height: 88px;
	background-color: #f4f4f4;
	margin: 0 -14px 15px -14px;
}

.formPro .titreFieldset .num {
	display: block;
	width: 32px;
	height: 29px;
	background: url(../images/devis/formIndep_numero.gif) no-repeat;
	position: absolute;
	left: 14px;
	top: 35px;
	padding-top: 3px;
	font-family: Arial;
	font-size: 21px;
	font-weight: bold;
	color: #ac9a01;
	text-align: center;
}

.formPro .titreFieldset .texte {
	position: absolute;
	top: 35px;
	left: 50px;	
}

.formPro.confirmation .titreFieldset .texte {
	left: 15px;
	color: #000;
}

.formPro .titreFieldset.nobgcolor {
	background-color: transparent;	
}

.formPro .titreFieldset .texte span {
	font-weight: bold;
}

.formPro .item {
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
}

.formPro .item .label,
.formPro .item > label {
	float: left;
	font-size: 12px;
	width: 50%;
	margin-top: 3px;
}

.formPro input[type="text"]{
	border: 0 none;
	background: none;
	outline: 0 none;
	margin-top: 1px;
	width: 100%;
}

.formPro select {
	opacity: 0;
	filter:alpha(opacity=0); 
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
}

.formPro .input {
	background: url(../images/devis/form_repeat.gif) repeat-x;
	float: right;
	width: 50%;
	height: 21px;
}

.formPro input[type="checkbox"] {
	margin: 0;
	padding: 0;	
}

.formPro .input > span {
	background: url(../images/devis/form_left.gif) no-repeat;
	display: block;
	height: 21px;
}

.formPro .input > span > span {
	background: url(../images/devis/form_right.gif) no-repeat right top;
	display: block;
	height: 21px;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}

.formPro .centpourcent input[type="text"],
.formPro .centpourcent select {
	width: 100%;
}

.formPro .combo > span > span {
	background: url(../images/devis/form_right_combo.gif) no-repeat right top;
}

.formPro .combo .text {
	display: block;
	padding-top: 3px;	
}

.formPro .radiogroup label {
	float: left;
	margin: 0 20px 0 10px;
}

.formPro .date {
	background: url(../images/devis/form_date.gif) no-repeat;
	float: left;
	height: 21px;
}


.formPro .date .dateJour,
.formPro .date .dateMois {
	width: 25px;
	margin: 0 10px;
}

.formPro .date .dateAnnee {
	width: 50px;
	margin: 0 10px;
}

.formPro .date,
.formPro .input,
.formPro .radiogroup,
.formPro input[type="text"] {
	font-family: Verdana, Arial, sans-serif;
	color: #6c6c6c;
	font-size: 12px;
}

#cp .input {
	width: 132px;
	float: left;
}

#horraire .input {
	width: 62px;
	float: left;
}

.formPro .inputSuffixe {
	float: left;
	margin: 3px 5px 0;
}

.formPro .separation {
	border: 0 solid #ececec;
	border-top-width: 1px;
	border-bottom-width: 1px;
	margin: 20px -13px 20px -13px;
}

.formPro input[type="image"] {
	margin: 20px 40px;
}

.formPro ul {
	margin: 15px 0 0 0;
	padding: 0;
}

.formPro li {
	background: url(../images/f.gif) no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom: 5px
}