* { outline:none; text-rendering:optimizeLegibility; }
*::-moz-selection { background-color:rgb(230, 245, 253); color:#369; }
*::selection { background-color:rgb(230, 245, 253); color:#369; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span {margin: 0; padding: 0; border:none}
body { font:normal 100% Helvetica, Arial, sans-serif; padding:0; margin:0 0 40px 0; background:#ebf1f4 url(media/bg_home.gif) repeat-x}
textarea { font:normal 11px/1.5 helvetica, arial, sans-serif; text-align:left; -moz-border-radius:3px; border-radius:3px; }
input { padding:3px 0; border:1px solid rgb(222, 222, 222); font:normal 11px/1.5 helvetica, arial, sans-serif; text-align:left; -moz-border-radius:3px; border-radius:3px;  }
input { width:31%; }
input[type=email] { width:40%; }
::-webkit-input-placeholder { font-style:italic; color:#369; }
:-moz-placeholder { font-style:italic; color:#369; }
:required { box-shadow:none; }
button { padding:3px; border:none; color:#fff; font-size:1em; text-shadow:0 1px 0 #777; cursor:pointer; -moz-border-radius:3px; border-radius:3px;
	background-color:rgb(23, 112, 178);
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
	background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.cb { width:60px;  }
.ie6 input { width:175px; }
.ie6 button { width:auto; margin:0 5px; }

.clearfix:before,
.clearfix:after { display:table; content:'';  }
.clearfix { zoom:1; }
.clearfix:after { clear:both; }

.wrapper { margin:0 auto 1em; padding:0 10px; width:950px; }

.header { position:relative; height:80px; background-color:transparent; background-attachment:scroll; background-position:0 15px; background-repeat:no-repeat; }

.secucb .header  { background-image:url(vad/secucb.gif); }
.securitetotale .header  { background-image:url(vad/securitetotale.gif); }
.consoweb .header  { background-image:url(vad/consoweb.png); }
.comacces .header  { background-image:url(vad/comacces.png); }
.servicenfo .header  { background-image:url(vad/servicenfo.png); }
.rmultimedia .header  { background-image:url(vad/rmultimedia.png); }
.consolive .header  { background-image:url(vad/consolive.png); }
.mon-achat .header  { background-image:url(vad/mon-achat.png); }
.billachat .header  { background-image:url(vad/billachat.png); }
.secubil .header  { background-image:url(vad/secubil.png); }
.bilsecu .header  { background-image:url(vad/bilsecu.png); }
.bilnfo .header  { background-image:url(vad/bilnfo.png); }
.debitea .header  { background-image:url(vad/debitea.png); }
.prevnfo .header  { background-image:url(vad/prevnfo.png); }
.compnet .header  { background-image:url(vad/compnet.png); }
.trebis .header  { background-image:url(vad/trebis.png); }
.clebis .header { background-image:url(vad/clebis.png); }
.docomp .header  { background-image:url(vad/docomp.png); }
.billnea .header { background-image:url(vad/billnea.png); }
.bil-info .header { background-image:url(vad/bill-info.png); }
.aidebit .header { background-image:url(vad/aidedebit.png); }
.aidetrans .header { background-image:url(vad/aidetrans.png); }
.bonbill .header { background-image:url(vad/bonbill.png); }
.aidedebit .header { background-image:url(vad/aidedebit.png); }
.voirdebit .header { background-image:url(vad/voirdebit.png); }
.debitvue .header { background-image:url(vad/debitvue.png); }
.queldebit .header { background-image:url(vad/queldebit.png); }
.wwwdebit .header { background-image:url(vad/wwwdebit.png); }
.debiten .header { background-image:url(vad/debiten.png); }
.quelbil .header { background-image:url(vad/quelbil.png); }
.debitoile .header { background-image:url(vad/debitoile.png); }
.debitnfo .header { background-image:url(vad/debitnfo.png); }
.twidebit .header { background-image:url(vad/twidebit.png); }
.yadebit .header { background-image:url(vad/yadebit.png); }
.oradebit .header { background-image:url(vad/oradebit.png); }
.keldebit .header { background-image:url(vad/keldebit.png); }
.videbit .header { background-image:url(vad/videbit.png); }
.billaz .header { background-image:url(vad/billaz.png); }
.izibil .header { background-image:url(vad/izibil.png); }
.kadebit .header { background-image:url(vad/kadebit.png); }
.abdebit .header { background-image:url(vad/abdebit.png); }
.bisify .header { background-image:url(vad/bisify.png); }
.cogibis .header { background-image:url(vad/cogibis.png); }
.kelbil .header { background-image:url(vad/kelbil.png); }
.gitbis .header { background-image:url(vad/gitbis.png); }
.yobisss .header { background-image:url(vad/yobisss.png); }
.cogibil .header { background-image:url(vad/cogibil.png); }
.azdebit .header { background-image:url(vad/azdebit.png); }
.cogidebit .header { background-image:url(vad/cogidebit.png); }
.gitbdebit .header { background-image:url(vad/gitbdebit.png); }
.abcdebit .header { background-image:url(vad/abcdebit.png); }
.alibil .header { background-image:url(vad/alibil.png); }
.alidebit .header { background-image:url(vad/alidebit.png); }
.obobil .header { background-image:url(vad/obobil.png); }
.obodeb .header { background-image:url(vad/obodeb.png); }
.obodebit .header { background-image:url(vad/obodebit.png); }
.secudeb .header { background-image:url(vad/secudeb.png); }
.secudebit .header { background-image:url(vad/secudebit.png); }
.zonedeb .header { background-image:url(vad/zonedeb.png); }
.zonedebit .header { background-image:url(vad/zonedebit.png); }
.bilabc .header { background-image:url(vad/bilabc.png); }
.bilmy .header { background-image:url(vad/bilmy.png); }
.debabc .header { background-image:url(vad/debabc.png); }
.debalis .header { background-image:url(vad/debalis.png); }
.debitabc .header { background-image:url(vad/debitabc.png); }
.debitalis .header { background-image:url(vad/debitalis.png); }
.debitgo .header { background-image:url(vad/debitgo.png); }
.debpay .header { background-image:url(vad/debpay.png); }
.debsecu .header { background-image:url(vad/debsecu.png); }
.debzone .header { background-image:url(vad/debzone.png); }
.blackbil .header { background-image:url(vad/blackbil.png); }
.bluebil .header { background-image:url(vad/bluebil.png); }
.coralbis .header { background-image:url(vad/coralbis.png); }
.goldbil .header { background-image:url(vad/goldbil.png); }
.graybis .header { background-image:url(vad/graybis.png); }
.pinkbil .header { background-image:url(vad/pinkbil.png); }
.silverbil .header { background-image:url(vad/silverbil.png); }
.cleanbis .header { background-image:url(vad/cleanbis.png); }
.onlybil .header { background-image:url(vad/onlybil.png); }
.owabill .header { background-image:url(vad/owabill.png); }
.owabis .header { background-image:url(vad/owabis.png); }
.owapay .header { background-image:url(vad/owapay.png); }
.perbill .header { background-image:url(vad/perbill.png); }
.upbil .header { background-image:url(vad/upbil.png); }
.billator .header { background-image:url(vad/billator.png); }
.billiance .header { background-image:url(vad/billiance.png); }
.bisator .header { background-image:url(vad/bisator.png); }
.bisiance .header { background-image:url(vad/bisiance.png); }
.bisizer .header { background-image:url(vad/bisizer.png); }
.bismator .header { background-image:url(vad/bismator.png); }
.bisment .header { background-image:url(vad/bisment.png); }
.paycurl .header { background-image:url(vad/paycurl.png); }
.payinero .header { background-image:url(vad/payinero.png); }
.payiance .header { background-image:url(vad/payiance.png); }
.payiter .header { background-image:url(vad/payiter.png); }
.squadpay .header { background-image:url(vad/squadpay.png); }
.cogiga .header { background-image:url(vad/cogiga.png); }
.compmy .header { background-image:url(vad/compmy.png); }
.cyansecure .header { background-image:url(vad/cyansecure.png); }
.debmore .header { background-image:url(vad/debmore.png); }
.digideb .header { background-image:url(vad/digideb.png); }
.dotbil .header { background-image:url(vad/dotbil.png); }
.dotsecu .header { background-image:url(vad/dotsecu.png); }
.gigabill .header { background-image:url(vad/gigabill.png); }
.gigasecu .header { background-image:url(vad/gigasecu.png); }
.jadebill .header { background-image:url(vad/jadebill.png); }
.linkbil .header { background-image:url(vad/linkbil.png); }
.linksecu .header { background-image:url(vad/linksecu.png); }
.megasecu .header { background-image:url(vad/megasecu.png); }
.morebil .header { background-image:url(vad/morebil.png); }
.orbitsecure .header { background-image:url(vad/orbitsecure.png); }
.outdigi .header { background-image:url(vad/outdigi.png); }
.outgiga .header { background-image:url(vad/outgiga.png); }
.securedigi .header { background-image:url(vad/securedigi.png); }
.securefa .header { background-image:url(vad/securefa.png); }
.securegiga .header { background-image:url(vad/securegiga.png); }
.softsecu .header { background-image:url(vad/softsecu.png); }
.soludigi .header { background-image:url(vad/soludigi.png); }
.solufa .header { background-image:url(vad/solufa.png); }
.solugiga .header { background-image:url(vad/solugiga.png); }
.spherebill .header { background-image:url(vad/spherebill.png); }
.techdeb .header { background-image:url(vad/techdeb.png); }
.techsecu .header { background-image:url(vad/techsecu.png); }

.hgroup { display:block; width:1px; height:41px; }
.hgroup h1, .hgroup h2 { display:none; }
.hgroup .phone { width:285px; height:56px; position:absolute; left:290px; padding-top:60px; padding-left:370px; font-weight:bold; font-size:100%; background:transparent url(media/header.png) no-repeat top left scroll; }
.hgroup .phone strong { display:block; color:rgb(255, 102, 0); font-size:150%; }
.hgroup .phone em { position:absolute; right:5px; bottom:-10px; font-size:.7em; font-weight:normal; color:#444; }

/* I18N flags  */
.flags { margin:0; padding:0; list-style:none; position:absolute; bottom:15px; right:5px; }
.flags li { float:left; padding:0; }
.flags li a { display:inline-block; width:18px; height:13px; margin-right:2px; }
.flags li.fr a { background:transparent url(media/fr.gif) top left no-repeat scroll; }
.flags li.en a { background:transparent url(media/en.gif) top left no-repeat scroll; }
.flags li.it a { background:transparent url(media/it.gif) top left no-repeat scroll; }
.flags li.es a { background:transparent url(media/es.gif) top left no-repeat scroll; }
.flags li a span { display:none; }

/* FOOTER */
.footer { width:630px; padding-top:10px; padding-left:310px; font-size:.7em; color:rgb(192, 192, 192); }
.copyrights { float:left; }
.contactus  { float:right; margin:0; padding:0; list-style:none; }
.ie6 .contactus  { width:100px; }
.footer a { color:rgb(192, 192, 192); }

.main-content { padding-top:50px; }

/*SIDEBAR */
.sidebar { float:left; width:269px; overflow:hidden; }
.sidebar h1 { margin-bottom:0; padding:8px 20px; color:#fff; font-size:.9em;  -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;
	background-color:rgb(23, 112, 178);
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
	background-image:-webkit-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:   -moz-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:     -o-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:        linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
}
.sidebar h2 { margin-bottom:.5em; color:#1a1a1a; font-size:150%; font-weight:bold; text-align:left; }
.sidebar p { margin-bottom:.4em; }
.sidebar ul { margin:.5em; padding:0 0 0 1em; list-style:none; }
.sidebar li { margin-bottom:.3em; padding-left:8px; background:transparent url(media/left_arrow.gif) 0 5px no-repeat scroll; }
.sidebar a { color:#0e86d2; font-weight:bold; }
.module { margin-top:0; margin-bottom:1em; padding:5px 20px; font-size:.7em; color:#000; background-color:#fff; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; }

.sidebar .contact { margin:.5em 0; padding:0 0 .5em 0; }
.sidebar .contact li { padding-left:30px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #dfdfdf; font-size:110%; }
.sidebar .contact .email { /*background-image:url(vad/envelope.gif);*/ }
.sidebar .contact .phone { background-image:url(vad/phone.gif); }
.sidebar .contact .phone { font-size:95%; }
.phone em { color:rgb(67, 150, 12); font-weight:bold; font-style:normal; font-size:190%; }

/* MAIN ARTICLE */
.main { float:right; width:640px; overflow:hidden; min-height:400px; padding:10px; color:#000; font-size:.8em; background-color:#fff; -moz-border-radius:3px; border-radius:3px; }
.main h1 { margin:1em 1em .1em 0; color:rgb(255, 158, 0); font-size:160%; }
.main h3 { color:#444; }

.info { margin:0 auto 1em; padding:20px 50px 20px 80px; border-bottom:1Px solid #dfdfdf; font-weight:bold; background:transparent url(media/guy.gif) top left no-repeat scroll; }
p.info { font-size:0.95em; text-align:justify}

.access { padding:7px 20px; font-weight:bold; font-size:.85em; }
.state { width:80%; margin:.3em auto 1em; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 5px #888, inset 0 -20px 30px rgba(70,0,0,0.3); -moz-box-shadow:0 0 5px #888, inset 0 -20px 30px rgba(70,0,0,0.3); box-shadow:0 0 5px #888, inset 0 -20px 30px rgba(70,0,0,0.3); }
.failed { padding:15px; color:#444; text-shadow:0 1px 0 #ccc; background-color:rgb(255, 225, 0); font-size:88%; }
.success { color:#fff; text-shadow:0 1px 0 rgb(8, 89, 19); background-color:rgb(74, 186, 89); }
.formulaire       { margin:1em auto; padding-bottom:.3em;  color:#444; text-shadow:0 1px 0 #fff; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;
	background-color:rgb(247, 247, 247);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	background-image:-webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image:   -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image:     -o-linear-gradient(top, #f7f7f7, #e7e7e7);
	background-image:        linear-gradient(top, #f7f7f7, #e7e7e7);
}
.formulaire a     { color:#369; }
.formulaire h2    { margin-bottom:0; padding:8px 20px; color:#fff; font-size:.9em; text-shadow:0 1px 0 #369; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;
	background-color:rgb(23, 112, 178);
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
	background-image:-webkit-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:   -moz-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:     -o-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:        linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
}
.formulaire p     { padding:7px 20px; font-weight:bold; font-size:.85em; color:#000; }
.formulaire ul    { margin:1em auto; padding:7px 20px; list-style:none; }
.formulaire li    { padding:7px 20px; }
.formulaire em    { color:green; font-family:serif; font-size:115%; }
.formulaire label { font-weight:normal; }
.formulaire .state { color:#fff; }
.formulaire .failed { color:#fff; text-shadow:0 1px 0 rgb(104, 28, 48); background-color:rgb(242, 60, 109); }

.maintenance { position:fixed; bottom:0; left:0; width:100%; z-index:1; border-top:1px solid #fff; padding:5px 0; color:#fff; text-align:center; font-size:12px; font-weight:900; text-shadow:1px 1px 1px #777; background-color:rgb(23, 112, 178);
	background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
	background-image:-webkit-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:   -moz-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:     -o-linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
	background-image:        linear-gradient(top, rgb(62, 136, 191), rgb(20, 110, 177));
}
.maintenance p { padding:5px 0; margin:0; }
.maintenance strong { color:hsl(60, 100%, 50%); text-transform:uppercase; letter-spacing:2px; }

.padd20 {padding:10px 20px;}
.captcha {padding:10px 0 15px;}

@media only screen and (max-device-width:480px) {
	.sidebar { display:none; }
	.main { float:none; margin-left:auto; margin-right:auto;}
	.wrapper { width:auto; }
	.flags { display:none; }
	.hgroup { display:none; }
	.header { background-position:center;}
	.footer { margin-left:auto; margin-right:auto; padding:5px 0;  }
}

@media only screen and (max-width:800px) {
	.sidebar { display:none; }
	.main { float:none; margin-left:auto; margin-right:auto;}
	.wrapper { width:auto; }
	.flags { display:none; }
	.hgroup { display:none; }
	.header { background-position:center;}
	.footer { margin-left:auto; margin-right:auto; padding:5px 0;  }
}
