/* 
Main
-----------------------------------------
*/
.page_vide #main {margin-right: auto; margin-left: auto; width: 965px; text-align:left; }
.page_vide #main .mainContent {position:relative; }
.page_vide #main  .col1, .page_vide #main  .col3    {display:none}
.page_vide #main  .col2bis   { margin: 0; padding: 0 0 0 80px; width: 800px; float: none }
.page_vide #main  .title { padding: 30px 145px 0; margin:0; border-bottom:1px solid #fff; background: url(../i/commun/line-vertical.gif) repeat-x bottom;  }




/* 
Annonce
-----------------------------------------
*/
.page_vide #main.page-annonce  .title {padding-right:200px}

.page_vide #main.page-annonce p {margin:0; padding:0.3em 0}
.page_vide .page-annonce .annonce_right  { padding-top: 20px; width: 300px; float: right }
.page_vide .page-annonce .annonce_left {float: left; width:460px; margin:0; padding:0}
.page_vide .page-annonce .zone_compte {}
.page_vide .page-annonce h1 {font-size:24px; color:#850722; font-weight:bold; margin:0.2em 0 }
.page_vide .page-annonce h2   { color: #005b61; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin: 0.2em 0; }
.page_vide .page-annonce h2.puce   { line-height: 28px; background-image: url("../i/nouveau/puce.gif"); background-repeat: no-repeat; padding: 0 0 0 30px; margin:0 }
.page_vide .page-annonce h3   { color: #666666; font-size: 1em }
.page_vide .page-annonce .calendar  { padding-top: 20px }




/* 
Gabarit Libre MasterCard SecureCode 
-----------------------------------------
*/
.page_vide #main.securecode .mainContent { margin-bottom:200px}
.page_vide #main.securecode { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/degrade_pageLibre.gif) no-repeat 0px 45px}
.page_vide #main.securecode .title  { display:none }
.page_vide #main.securecode .title h1  { display:none }
.page_vide #main.securecode .mainContent { margin-top:52px}
.page_vide #main.securecode .titrEtiquette h1  { font-family:Georgia, "Times New Roman", Times, serif; color:#DB0005; font-size:30px; padding-top:30px; line-height:30px }
.page_vide #main.securecode .titrEtiquette h1 span { color:#F39600 }
.page_vide #main.securecode img.masterCard { float:left; padding-top:23px}
.page_vide #main.securecode .titrEtiquette { float:right; background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/etiquette_titre.gif) no-repeat 0px 0px; width:364px; padding-left:20px; padding-right:60px }
.page_vide #main.securecode .titrEtiquette p.chapeau { margin-top:40px; line-height:20px}
.page_vide #main.securecode .txtdemo {margin: 0 60px 0 60px}
.page_vide #main.securecode .txtdemo p { line-height:16px}
.page_vide #main.securecode h2 { color:#850722; font-weight:bold; border-bottom:1px solid #ccc; padding-top:40px}

.page_vide #main.securecode #processPayer .process { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/bg_process.gif) no-repeat left bottom; padding-top:0px; height:220px; padding-top:145px}
.page_vide #main.securecode #processCreaCode .process { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/bg_process.gif) no-repeat left bottom; padding-top:0px; height:220px; padding-top:40px}

.page_vide #main.securecode .process a.etape {display:block; width:224px; height:auto; float:left; margin-right:1px; text-align:center; text-decoration:none; padding-top:200px; }
.page_vide #main.securecode .process a.etape span {color:#999 }
.page_vide #main.securecode .process a.etape.payer01 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape01-h-2.png) ; background-repeat:no-repeat; background-position: top center;   }
.page_vide #main.securecode .process a.etape.payer02 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape02-h-2.png)  ; background-repeat:no-repeat; background-position: top center; }
.page_vide #main.securecode .process a.etape.payer03 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape03-h-2.png) ; background-repeat:no-repeat; background-position: top center;  }

.page_vide #main.securecode .process a.etape.creacode01 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape01-h-2.png) ; background-repeat:no-repeat; background-position: top center;   }
.page_vide #main.securecode .process a.etape.creacode02 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape02-h-2.png)  ; background-repeat:no-repeat; background-position: top center; }
.page_vide #main.securecode .process a.etape.creacode03 { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape03-h-2.png) ; background-repeat:no-repeat; background-position: top center;  }

.page_vide #main.securecode .process a.etape:hover { background-position: center -255px;  text-decoration: underline}
.page_vide #main.securecode .process a.etape:hover span { color:#FC8A03; }
.page_vide #main.securecode .zonEtiquette {position:relative; }
.page_vide #main.securecode #processPayer .etiquetteEtape {
	position: absolute;
	width:680px;
	height:144px;
	display:block;
	z-index:1000;
	top: 10px;
	left: 0px;
	display:none
	
}
.page_vide #main.securecode #processCreaCode .etiquetteEtape {
	position: absolute;
	width:680px;
	height:144px;
	display:block;
	z-index:1000;
	top: 265px;
	left: 0px;
	display:none
	
}

.page_vide #main.securecode #processPayer .etiquetteEtape .txtEtiquette { width:330px; margin-left:210px; padding-top:30px}
.page_vide #main.securecode #processPayer .etiquetteEtape#etiquette01c .txtEtiquette { margin-left:140px }

.page_vide #main.securecode #processCreaCode .etiquetteEtape .txtEtiquette { width:330px; margin-left:210px; padding-top:42px}
.page_vide #main.securecode #processCreaCode .etiquetteEtape#etiquette02c .txtEtiquette { margin-left:140px }

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

.page_vide #main.securecode #etiquette01a.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape01-verslebas.gif) ; background-repeat:no-repeat; }
.page_vide #main.securecode #etiquette01b.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape02-verslebas.gif) ; background-repeat:no-repeat; }
.page_vide #main.securecode #etiquette01c.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/creacode-etape03-verslebas.gif) ; background-repeat:no-repeat; }

.page_vide #main.securecode #etiquette02a.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape01-verslehaut.gif) ; background-repeat:no-repeat; }
.page_vide #main.securecode #etiquette02b.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape02-verslehaut.gif) ; background-repeat:no-repeat; }
.page_vide #main.securecode #etiquette02c.etiquetteEtape { background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/image/payer-etape03-verslehaut.gif) ; background-repeat:no-repeat;  }

.page_vide #main.securecode .bthoverstep1, .page_vide #main.securecode .bthoverstep1bis {background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/btetape1-h.gif) ; background-repeat:no-repeat; width:234px; height:23px; position:absolute;display:block;z-index:100;top: -25px; left:2px
; display:none}
.page_vide #main.securecode .bthoverstep2, .page_vide #main.securecode .bthoverstep2bis {background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/btetape2-h.gif) ; background-repeat:no-repeat; width:262px; height:23px; position:absolute;display:block;z-index:150;top: -25px; left:220px; display:none}
.page_vide #main.securecode .bthoverstep3, .page_vide #main.securecode .bthoverstep3bis {background:url(/Vitrine/ObjCommun/Fic/ToutesCR/3DSecure/btetape3-h.gif) ; background-repeat:no-repeat; width:229px; height:23px; position:absolute;display:block;z-index:200;top: -25px; left:449px; display:none}
.page_vide #main.securecode .zonebthover { position:relative }
	

/* Changement de classe 1er process */

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

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

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

/* Changement de classe 2nd process */

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

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

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


/* Ajout Ap 18/08/2008 */
.page_vide #main.securecode ul#logoCB { padding-left:27px; margin-left:0}
.page_vide #main.securecode ul#logoCB li { list-style-type: none }
.page_vide #main.securecode h2 { position:relative;  height:30px }
.page_vide #main.securecode a.lidemo {text-align:right; font-size:14px; text-decoration:none; position: absolute; right: 0px; bottom: 4px; font-weight:normal }
.page_vide #main.securecode a.lidemo:hover span { text-decoration:underline }
.page_vide #main.securecode span.red { color:#CE0000}