/* Options */
div.bloc_opt { background-color: #ecf8ff; width: 200px; height: 350px; border: 4px solid #d6e0f5; overflow: scroll; }
div.bloc_opt table td { border-bottom: 1px solid #000000; }

/* Tableau des choix du forfait */
table.table_paiement { width: 760px; color: #333333; background-color: #ffffff; }
table.table_paiement th { padding-left: 8px; border: 1px solid #eaeaea; }
table.table_paiement th.first { height: 100px; }
table.table_paiement th img.boite { position: absolute; margin-top: -115px; }
table.table_paiement td { height: 30px; text-align: center; }
table.table_paiement td.first { text-align: left; }
table.table_paiement tr.sep_down_noir td { border-bottom: 1px solid #000000; }
table.table_paiement tr.sep_down_gris td { border-bottom: 1px solid #eaeaea; }

/* Etapes (progress bar) */
ul#dpa-progress { list-style: none; margin: 0 0 10px 0; padding: 0; height: 35px; background: #fff; }
ul#dpa-progress li { text-align: center; display: inline; float: left; width: 25% !important; font-size: 14px; color: #000; font-weight: normal; height: 35px;line-height:35px; width:24%; }
ul#dpa-progress li.done,ul#dpa-progress li.current { background: #37B3B9; color: white; }
ul#dpa-progress li.current { font-weight: bold; background: #37B3B9 url(/images/depot_annonce/bg-progress.png) no-repeat right center; }

/* Boutons navigation */
#dpa-nav { text-align: center; }
#dpa-nav  input{ display: inline; }

/* Styles généraux */
.dpa .country-fr { background: url(/images/depot_annonce/fr.png) no-repeat 2px 6px;padding: 0 0 0 25px;}
.dpa .country-es { background: url(/images/depot_annonce/es.png) no-repeat 2px 6px; padding: 0 0 0 25px;}
.dpa .country-ch { background: url(/images/depot_annonce/ch.png) no-repeat 2px 6px;padding: 0 0 0 25px;}
.dpa .country-be { background: url(/images/depot_annonce/be.png) no-repeat 2px 6px; padding: 0 0 0 25px;}
.dpa .country-lu { background: url(/images/depot_annonce/lu.png) no-repeat 2px 6px;padding: 0 0 0 25px; }
.dpa table { width: 100%; margin-top: 10px; border: 0; }
.dpa td { vertical-align: top; padding-bottom: 20px; }
.dpa-article { width: 33%; float: left; }
.dpa-article h3 { margin: 0; font-size: 14px; line-height: 63px; float: left; }
.dpa-article img { margin-left: 5px; float: left; }
.dpa-article p { clear: both; width: 210px; padding: 8px 0; font-size: 12px; }

/* Etape 1 */
.dpa-et1 input { font-size: 18px; display: block; float: none; padding: 6px 4px; }
.dpa-et1 input[type=text] {  border: 1px solid #AAA; }
.dpa-et1 select { font-size: 18px; padding: 5px 4px; border: 1px solid #AAA; }

/* Etape 2 */
.dpa-et2 table { width: 100%; margin-top: 10px; font-size: 14px; font-family: Arial;  border-collapse: collapse; }
.dpa-et2 td { padding: 0 8px 20px 8px; vertical-align: top;  }
.dpa-et2 dt { float: left; width: 49% !important; margin: 0 0 10px 1%; width:48%; }
.dpa-et2 select { font-size: 14px; width: 150px; }
.dpa-et2-f option { font-size: 15px;  }
.dpa-field-preset { background: #fff; padding: 3px; margin-right: 2px; font-weight: bold; }
.dpa-et2-ttl { padding: 1px 0 0 30px; background-repeat: no-repeat; background-position: left top;}
.ttl-1 { background-image: url(/images/depot_annonce/1.gif);}
.ttl-2 { background-image: url(/images/depot_annonce/2.gif);}
.ttl-3 { background-image: url(/images/depot_annonce/3.gif);}
.ttl-4 { background-image: url(/images/depot_annonce/4.gif);}
.ttl-5 { background-image: url(/images/depot_annonce/5.gif);}


.dpa-et2 .options { height: 360px; overflow: auto; padding: 4px;  }
.dpa-et2 .options ul { list-style: none; margin: 0; padding: 0; }
.dpa-et2 .options li { width: 33%; float: left; }
.dpa-et2 .options input { display: inline;}
.dpa-et2 .options label { display: inline; width: auto; font-weight: normal; font-size: 11px;}
.dpa-et2-i { border-right: 1px solid #ccc; }
.dpa-et2-f { border-right: 1px solid #ccc;  }

ul.depot-sortable{margin:0;padding:0;list-style:none;}
ul.depot-sortable li{margin:0;padding:0;float:left;}
.dpa-et2 .thumb { width: 86px; padding: 3px; border: 3px solid #FFF; position: relative; height: 86px; background: url(/images/depot_annonce/bg-thumb.png) no-repeat left top; text-align: center; cursor: move;}
.dpa-et2 .thumb a { cursor: pointer; }
.dpa-et2 .thumb a.delete { display: block; position: absolute; top: 3px; right: 3px; background: url(/images/icons/cancel.png) no-repeat left top; width: 16px; height: 16px;}
.dpa-et2 .thumb.first { background-image: url(/images/depot_annonce/bg-thumb-main.png) }
.dpa-et2 .thumb div.text { position: absolute; bottom: 0; left: 0; font-size: 10px; text-align: center; width: 92px; height: 15px; color: #FFF;  }
.dpa-et2-confirm { background: #000; width: 86px; padding: 3px;  height: 86px;z-index: 10; text-align: center; position: absolute; top: 0; left: 0; color: #FFF; font-size: 11px; }
.dpa-et2-confirm a {color: #FFF; font-weight: bold; cursor: pointer;}
#dpa-et2-fieldset { position: relative; border: 0; padding: 0; margin: 0; width: 306px;}
#dpa-et2-upload-btn { text-align: center; }
#dpa-et2-upload-btn object:FOCUS { outline: none; }
#dpa-et2-info { display: block; clear: both; padding: 8px; text-align: center; background: #c4e3ff; margin: 5px 2px;  }
#dpa-et2-info.error { background: #ffc4c4; }
#dpa-et2-empty { margin: 5px; padding: 20px; background: #F3F3F3; color: #666; font-size: 14px; text-align: center; }
.dpa-et2-loading-error { padding: 5px; border: 3px solid #CCC; }

#dpa-et2-progress { height: 370px; position: absolute; z-index: 2; background: #EDEDEE; width: 100%; top: 0; left: 0; }
#dpa-et2-progress-status { height: 53px; padding: 10px 5px; font-size: 16px; font-weight: bold;border: 0; color: #000;margin-top:0;}
#dpa-et2-progress-status img { float: left; margin-right: 4px;}
#dpa-et2-progress-status p { font-size: 11px; font-weight: normal;}
#dpa-et2-progress fieldset {border: 1px solid #CCC; padding: 15px; margin-bottom: 20px; }
#dpa-et2-progress legend {font-size: 11px; color: #333; }


#dpa-et2-queue ul { list-style: none; margin: 0; padding: 0; }
#dpa-et2-queue li { line-height: 16px; height: 16px; background-repeat: no-repeat; background-position: left top; padding-left: 20px; overflow: hidden; }
#dpa-et2-queue li.pending { background-image: url(/images/icons/time.png);  }
#dpa-et2-queue li.current { background-image: url(/images/icons/loader.gif); font-weight: bold; }
#dpa-et2-queue li.done { background-image: url(/images/icons/accept.png); }
#dpa-et2-queue li.error { background-image: url(/images/icons/cancel.png); }
#dpa-et2-queue li.errorInfo { color: #F00; }
#dpa-et2-bar { height: 20px; border: 1px solid #CCC; margin: 10px 20px; }
#dpa-et2-bar  div{ text-align: right; padding: 3px 5px 0 0; height: 17px; color: #FFF;}
div.progressBarInProgress { background: url(/images/depot_annonce/progress-blue.png) repeat-x; }
div.progressBarComplete { background: url(/images/depot_annonce/progress-green.png) repeat-x; }
div.progressBarError { background: url(/images/depot_annonce/progress-red.png) repeat-x; }

.dpa-fm {border-collapse: collapse; border: 1px solid #DDD;}
.dpa-fm  th { background: #DDD; color: #333; font-size: 22px; text-align: center; border: 1px solid #DDD; font-weight: bold;}
.dpa-fm  td { padding: 8px 8px; border: 1px solid #DDD; font-size: 14px; text-align: center; vertical-align: top;background:#fff;}
.dpa-fm-info { display: block; font-size: 11px; margin-top: 6px; font-style: italic;}
.dpa-fm-prix  { display: block; font-size: 16px; font-weight: bold;margin-top: 6px;}
td.dpa-td-spec {background: #F6F6F6; font-size: 18px; color: #CC2C25; font-weight: bold;text-align: left;}
td.dpa-td-left {text-align: left; background: #d7e9ff;}

/* Garantie mécanique */
.btn-gm{display:block;float:left;margin:10px 30px;}

/* Confirmation */
.dpa-cf-recap, .dpa-cf-options, .dpa-cf-photos {font-family: 'Helvetica Neue',Helvetica,Arial; font-weight: bold;}
ul#dpa-cf-products {list-style: none; margin: 0; padding: 0;}
.dpa-cf-product {font-size: 14px; color: #333; background:#cdcdcd;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdcdcd));background-image: -moz-linear-gradient(top, #fff, #cdcdcd); padding: 4px 6px; margin: 0 2px 6px 0; font-weight: bold; }
.dpa-cf-price {float: right; color: #333; font-weight: normal;}
.dpa-cf-action {display: block; font-size: 11px; font-family: Arial; font-weight: normal;}
.dpa-cf-action a {color: #666;}
.dpa-cf-total {padding: 10px; background: #37B3B9; font-size: 18px; color: #FFF; margin-top: 8px;}
#dpa-cf-total-price {float: right;}
.dpa-cf-thumb {float: left; margin: 4px; position: relative; border: 2px solid #AAA;}
.dpa-cf-option { font-size: 14px; position: relative;background: #DDD; height: 80px; padding: 10px; background:#d9d9d9;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d9d9d9));background-image: -moz-linear-gradient(top, #f1f1f1, #d9d9d9);}
.dpa-cf-option  p{ font-size: 12px; height: 64px; font-family: Arial; font-weight: normal; background-position: left top; background-repeat: no-repeat; padding: 0 0 0 72px;}
.dpa-cf-option-btn { position: absolute; right: 5px; bottom: 5px; }
.dpa-cf-photo-supp { background-image: url(/images/depot_annonce/photo_supp.png);}
.dpa-cf-encadree {background-image: url(/images/depot_annonce/annonce_encadree.png); }
.dpa-cf-switch {background-image: url(/images/depot_annonce/picto_switch.png); }
.dpa-cf-overlay {position: absolute; z-index: 10; left: 0; top: 0; width: 80px; height: 35px; background: url(/images/depot_annonce/overlay.png) repeat; text-align: center; padding-top: 25px; color: #FFF; font-weight: bold; font-family: Arial;}
.dpa-cf-an { font-family: 'Helvetica Neue',Helvetica,Arial;font-size: 20px; margin: 0 1%; }
.dpa-cf-an p {padding: 3px; margin: 2px 1%; color: #333; background: #dedede;font-family: Arial;font-size: 14px; float: left; width: 22%; }


/* Styles généraux */
/*======================================================================================================================================================================*/
h2 { font-size: 20px; text-transform: uppercase; font-weight: bold; font-family: 'Helvetica Neue','Helvetica',Arial,Verdana; color: #555555; text-shadow: 2px 2px 1px #E3E3E3; margin: 10px 0; }

.sysinfo, .syswarning, .syserror, .syssuccess { padding: 5px 5px 5px 80px; background-position: 5px 5px; background-repeat: no-repeat; font-size: 12px; min-height: 64px; }
.sysinfo strong, .syswarning strong, .syserror strong, .syssuccess strong { font-size: 16px; display: block; margin-bottom: 5px; }
.sysinfo a, .syswarning a, .syserror a, .syssuccess a { text-decoration: underline; font-weight: bold;}
.sysinfo { background-color: #e7e7e7; background-image: url(/images/sysicons/info.png);}
.sysinfo a { color: #29828d;}
.sysinfo strong { color: #006675;}
.syswarning { }
.syserror { background-color: #FFD1DB; background-image: url(/images/sysicons/error.png); }
.syserror strong { color: #750000;}
.syssuccess { background-color: #cdffda; background-image: url(/images/sysicons/success.png);}
.syssuccess strong { color: #207500;}

.sysinfo-small { padding: 10px; font-size: 11px; color: #000; background: #fff693; }

.uppercase { text-transform: uppercase; }

.helpbox {cursor: pointer;}

.args { margin: 10px 0 10px 40px; list-style-position: inside; }
.args li { line-height: 12px; }
.args-blue { list-style-image: url(/images/check-blue.png);  }
.args-orange { list-style-image: url(/images/check-orange.png); }
.grey, a.grey { color: #ADADAD; }

.intro {font-size: 14px; padding: 10px; background: #EEE; margin-bottom: 20px;text-align: justify;}
.intro-title{}

/* Formulaires */
/* ================================================================================================================================================= */
label  { display: block; font-size: 11px; font-weight: normal; float: none; width: 100%; padding: 0; color: #000; margin-bottom: 5px; font-family: Tahoma,Verdana,Arial;}
form p {display: block; margin: 10px 0 15px 0; }
input, select, textarea {
	font-size: 14px; float: none; color: #000; padding: 6px 4px; border: 1px solid #AAA;
	background:#efefef;background: #fff;
	border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px;
}
fieldset { border: 0; padding: 0; margin: 0; }
input[type=text].ok,input[type=password].ok { background: url(/images/sysicons/success-small.png) no-repeat 95% 50% #fff; border: 1px solid #2AC038; }
input[type=text].ko,input[type=password].ko { background: url(/images/sysicons/error-small.png) no-repeat 95% 50% #fff; border: 1px solid #CF0304; }
select.ok { border: 1px solid #2ac038; }
select.ko { border: 1px solid #cf0304; }
select#modele{padding:6px 4px;}
.form-half { width: 50%; float: left;}
.form-error  { color: #ed2121; display: block; }
.req:AFTER { content:' *'; color: #FF0000; }
.more {display: block; font-size: 11px; padding-left: 15px; background: url(/images/plus2.png) no-repeat left 2px;}
.note {display: block; color:#666666;font-size:10px; margin-top:5px;}
.more a, .note a {text-decoration: underline;}

.dpa-fin-bloc{background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px;border:1px solid #ccc}
em.error{color:red;}
.dpa-fin-right-arrow{border-style:solid;height:0;width:0;padding:0;margin:0;_height:0;_width:0;_line-height:0;border-color:#fff #fff #fff #dedede;float:left;}
.dpa-fin-rbloc{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;overflow:hidden;width:976px;background:#fff;position:relative;}
.dpa-bloc-grats{height:103px;}
.dpa-bloc-botad{height:80px;}
.dpa-fin-grey-bloc{height:100%;width:160px;background:#dedede;border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;float:left;color:#000;font-size:24px;font-weight:bold;text-align:center;}
.dpa-fin-grey-bloc span{display:block;font-size:18px;margin-top:25px;}
#dpa-fin-bloc-botad{width:780px;height:80px;position:absolute;right:10px;}
.dpa-fin-grats{text-align:center;padding:20px 0;font-size:12px;font-weight:bold;float:left;margin-left:-15px;}
.dpa-fin-grats span{font-size:21px;}
.dpa-fin-grats .bleur{color:#37b3b9;}
.dpa-fin-grats span.dpa-fin-grats-mail{font-size:12px;color:#003ebd;text-decoration:underline;}
.dpa-fin-center{background:#37b3b9;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:10px 5px;margin:15px 0 10px;}
.dpa-fin-center h3{color:#fff;text-align:center;margin:0;padding:0;text-shadow:1px 1px 1px #000;font-size:24px;}
.dpa-fin-chance{background:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;width:290px !important;height:256px;margin:15px 5px 0;padding:10px;float:left;position:relative;width:275px;}
.dpa-fin-chance .dpa-fin-title{text-transform:uppercase;font-weight:bold;font-size:21px;border-bottom:2px solid #000;padding:10px 0 10px 30px;}
.dpa-fin-chance .dpa-fin-meca{background:url("/images/depot_annonce/gears.jpg") center left no-repeat;}
.dpa-fin-chance .dpa-fin-viva{background:url("/images/depot_annonce/viva.jpg") center left no-repeat;}
.dpa-fin-chance .dpa-fin-share{background:url("/images/depot_annonce/share.jpg") center left no-repeat;}
.dpa-fin-chance-text{color:#3d3d3d;margin-top:10px;font-size:14px;}
.dpa-fin-chance img.vivastreet{margin:15px auto;}
.dpa-fin-chance a.btn-chance{border:0;color: #FFF;text-shadow: 1px 1px 0 #000;font-weight:bold;font-family:'Helvetica Neue',Helvetica,Tahoma,Arial;text-align: center;padding:0 15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;text-decoration:none; font-style:none;position:absolute;bottom:20px;text-transform:none;color:#fff;font-size:14px;font-weight:bold;text-shadow:1px 1px 1px #000;display:block;width:260px !important;height:30px;text-align:center;line-height:30px;background:#37b3b9;background:-webkit-gradient(linear, left top, left bottom, from(#37b3b9), to(#25787c));background:-moz-linear-gradient(top, #37b3b9, #25787c);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:1px 1px 1px #000;-moz-box-shadow:1px 1px 1px #000;-webkit-box-shadow:1px 1px 1px #000;width:245px;}
.dpa-fin-txt-gm-gauche{color:#000;font-weight:bold;font-size:18px;}
.dpa-fin-txt-gm-droite{color:#9e231e;font-weight:bold;font-size:18px;text-align:right;}
.dpa-fin-txt-gm-big{font-size:24px;}
.dpa-fin-share-txt{margin-top:20px;padding:5px 0 0 60px;font-size:12px;color:#000;width:255px; height:55px;font-weight:bold;}
.dpa-fin-facebook{background:url("/images/depot_annonce/fb.jpg") no-repeat;}
.dpa-fin-twitter{background:url("/images/depot_annonce/twitter.jpg") no-repeat;}
.dpa-fin-chance a.fin-btn-share{width:96px;height:25px;line-height:25px;margin-top:5px;display:block;text-align:center;color:#fff;font-size:12px;font-weight:bold;text-shadow:1px 1px 1px #000;background:#37b3b9;background: -webkit-gradient(linear, left top, left bottom, from(#37b3b9), to(#25787c));background: -moz-linear-gradient(top, #37b3b9, #25787c);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:1px 1px 1px #000;-moz-box-shadow:1px 1px 1px #000;-webkit-box-shadow:1px 1px 1px #000;}