/* 
Gabarit Libre MasterCard SecureCode 
-----------------------------------------
*/
.mainContent { margin-bottom:200px}
.title  { display:none }
.title h1  { display:none }
.mainContent { margin-top:52px}
.titrEtiquette h1  { font-family:Georgia, "Times New Roman", Times, serif; color:#DB0005; font-size:30px; padding-top:30px; line-height:30px }
.titrEtiquette h1 span { color:#F39600 }
img.masterCard { float:left; padding-top:23px}
.titrEtiquette { float:right; background:#FFCC66 url(../../images/finaref_V3/visuel/etiquette_titre.gif) no-repeat 0px 0px; width:364px; padding-left:20px; padding-right:60px }
.titrEtiquette p.chapeau { margin-top:40px; line-height:20px}
.txtdemo {margin: 0 0px 0 0px}
.txtdemo p { line-height:16px}
h2 { color:#850722; font-weight:bold; border-bottom:1px solid #ccc; padding-top:40px}
#lienfaq a{ color:#48B5F0;font-weight:bold;font-size:14px;text-decoration:none; background:none; }
.mentiongratuit{font-size:10px}
.listevisa {margin:0px 30px 0px 30px}
#payer_visa {margin:0px 50px 0px 50px}
img.etapes { display: block; margin: 0 auto; height:23px; width:263px;}
img.valid { display: block; margin: 0 auto; height:293px; width:314px;}

#processPayer .process { background:url(../../images/finaref_V3/visuel/bg_process.gif) no-repeat left bottom; height:220px;}
#processCreaCode .process { background:url(../../images/finaref_V3/visuel/bg_process.gif) no-repeat left bottom; height:220px;}

.process a.etape {display:block; width:165px; height:auto; float:left; margin-right:1px; text-align:center; text-decoration:none; padding-top:200px; }
.process a.etape span {color:#000!important; }

.process a.etape.payer01 { background:url(../../images/finaref_V3/visuel/payer-etape01-h.gif) ; background-repeat:no-repeat; background-position: top center;   }
.process a.etape.payer02 { background:url(../../images/finaref_V3/visuel/payer-etape02-h.gif)  ; background-repeat:no-repeat; background-position: top center; }
.process a.etape.payer03 { background:url(../../images/finaref_V3/visuel/payer-etape03-h.gif) ; background-repeat:no-repeat; background-position: top center;  }

.process a.etape.creacode01 { background:url(../../images/finaref_V3/visuel/creacode-etape01-h.gif) ; background-repeat:no-repeat; background-position: top center;   }
.process a.etape.creacode02 { background:url(../../images/finaref_V3/visuel/creacode-etape02-h.gif)  ; background-repeat:no-repeat; background-position: top center; }
.process a.etape.creacode03 { background:url(../../images/finaref_V3/visuel/creacode-etape03-h.gif) ; background-repeat:no-repeat; background-position: top center;  }

.process a.etape:hover { background-position: center -255px;  text-decoration: underline}

#processPayer .etiquetteEtape {
	width:500px;
	height:144px;
	display:block;
	z-index:1000;
	top: 10px;
	left: 0px;
	display:none
	
}
#processCreaCode .etiquetteEtape {
	width:500px;
	height:144px;
	display:block;
	z-index:1000;
	top: 10px;
	left: 0px;
	display:none
	
}

#processPayer .etiquetteEtape .txtEtiquette { width:330px; margin-left:43px; padding-top:30px}
#processPayer .etiquetteEtape#etiquette01c .txtEtiquette { margin-left:41px }

#processCreaCode .etiquetteEtape .txtEtiquette { width:330px; margin-left:43px; padding-top:30px}
#processCreaCode .etiquetteEtape#etiquette02c .txtEtiquette { margin-left:41px }

.etiquetteEtape .txtEtiquette h3 { color:#CE0000; font-size:1.2em; padding:0; margin:0; line-height:15px}
.etiquetteEtape#etiquette01c h3, .etiquetteEtape#etiquette02c h3 { color:#CE0000; }
.etiquetteEtape .txtEtiquette p {margin:0; padding:0; line-height:14px}

#etiquette01a.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/payer-etape01.gif) ; background-repeat:no-repeat; }
#etiquette01b.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/payer-etape02.gif) ; background-repeat:no-repeat; }
#etiquette01c.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/payer-etape03.gif) ; background-repeat:no-repeat; }

#etiquette02a.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/creacode-etape01.gif) ; background-repeat:no-repeat; }
#etiquette02b.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/creacode-etape02.gif) ; background-repeat:no-repeat; }
#etiquette02c.etiquetteEtape { background:#FFFFFF url(../../images/finaref_V3/visuel/creacode-etape03.gif) ; background-repeat:no-repeat;  }

.bthoverstep1, .bthoverstep1bis {background:#FFFFFF url(../../images/finaref_V3/visuel/btetape1-h.gif) ; background-repeat:no-repeat; width:173px; height:23px; position:absolute;display:block;z-index:100;top: -25px; left:2px
; display:none}
.bthoverstep2, .bthoverstep2bis {background:#FFFFFF url(../../images/finaref_V3/visuel/btetape2-h.gif) ; background-repeat:no-repeat; width:176px; height:23px; position:absolute;display:block;z-index:150;top: -25px; left:163px; display:none}
.bthoverstep3, .bthoverstep3bis {background:#FFFFFF url(../../images/finaref_V3/visuel/btetape3-h.gif) ; background-repeat:no-repeat; width:173px; height:23px; position:absolute;display:block;z-index:200;top: -25px; left:326px; display:none}
.zonebthover { position:relative }
	

/* Changement de classe 1er process */

#processPayer.Etape1 #etiquette01a.etiquetteEtape { display:block}
#processPayer.Etape2 #etiquette01b.etiquetteEtape { display:block}
#processPayer.Etape3 #etiquette01c.etiquetteEtape { display:block}

#processPayer.Etape1 .zonebthover .bthoverstep1 {display:block}
#processPayer.Etape2 .bthoverstep2 {display:block}
#processPayer.Etape3 .bthoverstep3 {display:block}

#processPayer.Etape1 .process a.payer01 { background-position: center -255px}
#processPayer.Etape2 .process a.payer02 { background-position: center -255px}
#processPayer.Etape3 .process a.payer03 { background-position: center -255px}

/* Changement de classe 2nd process */

#processCreaCode.Step1 #etiquette02a.etiquetteEtape { display:block}
#processCreaCode.Step2 #etiquette02b.etiquetteEtape { display:block}
#processCreaCode.Step3 #etiquette02c.etiquetteEtape { display:block}

#processCreaCode.Step1 .zonebthover .bthoverstep1bis {display:block}
#processCreaCode.Step2 .bthoverstep2bis {display:block}
#processCreaCode.Step3 .bthoverstep3bis {display:block}

#processCreaCode.Step1 .process a.creacode01 { background-position: center -255px}
#processCreaCode.Step2 .process a.creacode02 { background-position: center -255px}
#processCreaCode.Step3 .process a.creacode03 { background-position: center -255px}