body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; }
#contentPageLogin { width: 980px; background-image: url(../../images/speedy/background.png); background-repeat: no-repeat; min-height: 500px; margin-top: 10px; padding-top: 20px; }
nav { display: block; padding: 25px 0 0 0; margin: 0 auto; }
nav #Menu li.last { margin-right: 0 !important; }
nav #Menu li { display: block; float: left; margin-right: 33px; }
nav #Menu li a { display: block; float: left; margin-left: 28px; padding: 5px 7px; font-size: 18px; }
nav #Menu li.On { border: 1px solid #000000; background-color: #009fe2; }
nav #Menu li.On a { background-color: #ffffff; color: #009fe2; }
nav #Menu li.Off { border: 1px solid #7e7e7e; background-color: #d2d1d1; }
nav #Menu li.Off a { background-color: #ffffff; color: #d2d1d1; }
nav #Menu img { margin-right: 10px; }
#sousMenu { padding: 18px 0 0 0; }
#sousMenu li.last { margin-right: 0 !important; }
#sousMenu li { display: block; float: left; margin: 0; padding: 4px; }
#sousMenu li a { display: block; float: left; border: 1px solid #000000; color: #ffffff; padding: 5px 19px; font-size: 18px; }
#sousMenu li.On { background-color: #ffffff; }
#sousMenu li.On a { background-color: #009fe2; }
#sousMenu li.Off { background-color: #cccccc; }
#sousMenu li.Off a { background-color: #d2d1d1; }
#popup_envoi,
#popup_diffusion,
#popup_annuler { margin-top: 200px; width: 345px; height: 142px; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }
#popup_envoi form,
#popup_diffusion form,
#popup_annuler form { position: absolute; border: 4px solid #777; margin: 25px; background: #fff; z-index: 10; padding: 10px; moz-box-shadow: 0 0 30px grey; webkit-box-shadow: 0 0 30px grey; o-box-shadow: 0 0 30px grey; box-shadow: 0 0 30px grey; border-radius: 7px; moz-border-radius: 7px; webkit-border-radius: 7px; }
#popup_envoi h1,
#popup_diffusion h1,
#popup_annuler h1 { font-size: 18px; }
#layer_modal { position: absolute; top: 0; left: 0; background-color: white; z-index: 1; }
#infoCampagne { width: 810px; }
#infoCampagne table { font-size: 12px; font-weight: bold; }
#infoCampagne .campagneTable { float: left; }
#infoCampagne .etapeEcheance { float: left; }
#formDetailCampagne #btnAnnuler { border: 0; }
#infoCampagne table .fondDegradeColor1, #infoCampagne table .lineEnteteColor2 { padding: 10px 4px; }
#infoCampagne table tr { text-align: center; }
#infoCampagne table select { width: 100%; margin: 0 0 5px 0; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #777777; }
#infoCampagne .table1 { margin: 15px auto; }
#infoCampagne table #choixCampagne { width: 184px; }
#infoCampagne .positionBtnCampagne { float: left; margin: 57px 0 6px 10px; }
#infoCampagne .positionBtnCampagne input { margin-left: 10px; }
.bonsPlansTitre { color: #182983; font-size: 20px; padding: 0 0 18px 0; font-weight: bold; text-transform: uppercase; }
.prendreRdv p { margin-top: 20px; }
.titreErreur { font-size: 24px; color: #0064AE; text-transform: uppercase; }
.texteErreur { font-size: 18px; font-weight: bold; margin-bottom: 55px; }
.prendreRdv { width: 780px; min-height: 406px; margin: 0 auto 70px auto; position: relative; z-index: 1; border: 1px #989696 solid; background-color: #FFFFFF; padding: 15px; moz-box-shadow: 1px 1px 1px 4px #989696; webkit-box-shadow: 1px 1px 4px #989696; o-box-shadow: 1px 1px 4px 0px #989696; box-shadow: 1px 1px 4px #989696; }
.prendreRdv a { color: #000000; }
.retourAccueil { display: block; margin-top: 20px; background-image: url(../images/gaap-tmp/puce_noir.png); background-repeat: no-repeat; padding: 3px 0 0 15px; font-size: 14px; text-decoration: underline; }
.btn1 { display: inline-block; margin: 4px; padding: 2px 6px; width: auto; min-width: 102px; border: none; cursor: pointer; overflow: visible; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; background: #009fe2; position: relative; z-index: 1; moz-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; webkit-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; border-radius: 5px; }
.bt3 { display: inline-block; margin: 4px; padding: 2px 6px; width: auto; min-width: 102px; vertical-align: middle; overflow: visible; cursor: pointer; border: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff; text-align: center; text-transform: uppercase; position: relative; z-index: 1; background: #0ca91e; moz-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; webkit-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; }
.bt6 { display: inline-block; margin: 4px; padding: 2px 6px; width: auto; min-width: 102px; border: none; cursor: pointer; overflow: visible; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; position: relative; z-index: 1; background: #cc0000; moz-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; webkit-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; }
.bt4 { display: inline-block; position: relative; z-index: 1; background-color: #009fe2; color: #ffffff; padding: 1px 2px; border-radius: 3px; moz-border-radius: 3px; webkit-border-radius: 3px; }
.bt4 a { font-size: 9px; text-transform: uppercase; color: #ffffff; }
.bt5 { display: inline-block; position: relative; z-index: 1; background-color: #cbd8e9; color: #000000; padding: 1px 2px; border-radius: 3px; moz-border-radius: 3px; webkit-border-radius: 3px; }
.bt5 a { font-size: 9px; text-transform: uppercase; color: #ffffff; }
.btn7 { color: #fff; background: #F4661B; moz-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; webkit-box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; box-shadow: 0 0 0 4px #fff, 0 0 4px 4px #999; }

.titreEncadreLarge { margin-bottom: 5px; text-transform: uppercase; font-size: 14px; text-align: center; font-weight: bold; padding: 11px 10px 9px 10px; position: relative; z-index: 1; background-color: #87a5ca; color: #ffffff; background: -moz-linear-gradient(#87a5ca, #182983) repeat scroll 0 0 #182983; background-image: -webkit-linear-gradient(#87a5ca, #182983); background-image: linear-gradient(#87a5ca, #182983); pie-background: linear-gradient(#87a5ca, #182983); }
.titreEncadreLargeContainer { float: left; text-align: center; width: 680px; }
#PromotionForm fieldset { border: none; padding: 10px 0; }
#PromotionForm label { display: block; float: left; width: 145px; margin: 5px 0; text-align: right; padding-right: 25px; }
#PromotionForm .inputText { display: block; width: 293px; height: 16px; padding: 2px; border: 1px #7f7f7f solid; float: left; }
#PromotionForm textarea { float: left; width: 350px; height: 90px; padding: 5px; border: 1px #7f7f7f solid; }
#PromotionForm select { display: block; float: left; width: 212px; margin: 5px 0; padding: 2px; border: 1px #7f7f7f solid; font-size: 11px; }
#PromotionForm .errors { display: block; width: 215px; margin: 0 0 0 10px; padding-top: 8px; color: #FF0303; float: left; }
#PromotionForm .media_iframe { width: 400px; margin: 0 0 0 117px; }
#PromotionForm #submit_btn { margin-left: 290px; }
#PromotionForm .bonPlan { width: 792px; height: 17px; margin: 20px 0 10px 0; padding: 5px 0 5px 5px; background-color: #0064ae; color: #ffffff; }
#PromotionForm .validite { margin-top: 20px; height: 25px; }
#PromotionForm .validiteContent { width: 170px; float: left; }
#PromotionForm .validite .inputTextDate { display: inline-block; width: 112px; height: 16px; padding: 2px; border: 1px #7f7f7f solid; margin: 0 5px; }
#identifiantsListeAdherent { margin-top: 20px; }
#form_subscription h1, #infoGarage h1, #identifiantsListeAdherent h1 { color: #0064ae; font-size: 18px; font-weight: bold; margin: 0 15px 20px; text-transform: uppercase; }
#form_subscription label, #infoGarage label, #identifiantsListeAdherent label { display: block; float: left; width: 180px; margin: 5px 0; padding-top: 3px; text-align: right; padding-right: 12px; }
#form_subscription input, #infoGarage input, #identifiantsListeAdherent input { margin: 5px 0; padding: 2px; border: 1px solid #7f7f7f; }
#form_subscription .form_row, #infoGarage .form_row, #identifiantsListeAdherent .form_row { clear: both; }
#form_subscription .inputText, #infoGarage .inputText, #identifiantsListeAdherent .inputText { }
#form_subscription select, #infoGarage select, #identifiantsListeAdherent select { }
#form_subscription .errors, #infoGarage .errors, #identifiantsListeAdherent .errors { margin-left: 192px; }
#form_infos_cre .champsObligatoires { margin-bottom: 10px; }
#form_infos_cre .margin_label { float: right; margin-right: 80px; margin-bottom: 20px; }
#form_infos_cre #submit_btn { float: right; }
#PromotionForm { width: 915px; position: relative; }
#promotionPreview { width: 190px; position: absolute; right: 0; top: 183px; }
.selectOperations { float: left; margin-left: 20px; width: 738px; }
.selectOperations ul { width: 307px !important; }
.selectOperations span { display: block; background-color: #CCCCCC; width: 280px; padding: 5px; }
.imgEtlien { margin-left: 20px; }
#listeAdherents input[type=text] { border: 1px #003257 solid; }
#listeAdherents input[type=image] { border: none; margin: 0 auto; padding: 0; }
#listeAdherents { border-top: 1px solid #ffffff; border-left: 1px solid #afbac8; background-color: #476381; }
#listeAdherents tr th { border-right: 1px solid #afbac8; border-bottom: 1px solid #cccccc; }
#listeAdherents tr th label { display: block; color: #ffffff; font-weight: bold; font-size: 12px; padding: 3px; margin-top: 5px; }
#infoActivite { margin-top: 20px; margin-bottom: 30px; }
#infoActivite table { float: left; font-size: 12px; font-weight: bold; text-align: center; }
#infoActivite table input[type="text"] { text-align: center; }
#infoActivite table .fondDegradeColor1, #infoActivite table .lineEnteteColor2 { padding: 3px 10px; }
#infoActivite .positionBtn { float: left; margin-top: 20px; margin-left: 15px; }
#formatTab .lienPdf { float: left; margin: 13px 0 10px 229px; padding: 4px 6px 4px 29px; background-image: url(../../images/speedy/icone-pdf-petit.png); background-repeat: no-repeat; background-position: 8px 3px; min-width: 72px; text-align: left; }
.ie8 #formatTab .lienPdf, .ie9 #formatTab .lienPdf { margin: 11px 0 10px 229px; }
#activiteDetail .table1 { width: 508px; }
#activiteDetail .table1 th { font-size: 12px; font-weight: bold; padding: 10px; }
#activiteDetail .table1 td { padding: 5px; }
.lineColor1 { background-color: #ffffff !important; }
.lineColor2 { background-color: #dadfec !important; }
.lineColor3 { background-color: #edf1f6 !important; }
.lineColor3 a, .lineColor2 a, .lineColor3 a:hover, .lineColor2 a:hover { color: #000000; text-decoration: underline; }
.lineColor3 a:visited, .lineColor2 a:visited { color: #551a8b; text-decoration: underline !important; }
.lineEnteteColor2 { background-color: #476381; font-size: 12px; color: #ffffff; }
.lineEnteteColor3 { background-color: #0064ae; font-size: 12px; color: #ffffff; }
.lineEnteteColor4 { background-color: #2e2e2e; font-size: 12px; color: #ffffff; }
.fondDegradeColor1 { position: relative; z-index: 1; background-color: #182983; padding: 10px; color: #ffffff; background: -moz-linear-gradient(#87a5ca, #182983) repeat scroll 0 0 #182983; background-image: -webkit-linear-gradient(#87a5ca, #182983); background-image: linear-gradient(#87a5ca, #182983); pie-background: linear-gradient(#87a5ca, #182983); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#87a5ca, endColorstr=#182983); }
.table1 { background-color: #FFFFFF; margin: 0 auto 15px auto; }
.table1 .lineEnteteColor2 a, .table1 .lineEnteteColor3 a, .table1 .lineEnteteColor4 a { color: #ffffff; text-decoration: underline; }
.table1 td { padding: 10px 4px; text-align: center; font-family: arial; font-size: 12px; font-weight: bold; }
.tdVide { background-color: #ffffff; width: 86px; }
.bordDroit { border-right: 2px solid #ffffff; }
.table1 .trSeparateur td { height: 5px; background-color: #ffffff; padding: 0; }
.table1 img { display: block; margin: 0 auto 3px auto; }
.table1 .addFormat { float: left; }
#consultationCiblage { float: left; margin: 0 auto; width: 793px; }
#consultationCiblage .table1 td.sorting, #consultationCiblage .table1 td.sorting_asc, #consultationCiblage .table1 td.sorting_desc { padding: 5px 2px 5px; }
#consultationCiblage .table1 tr.fondDegradeColor1 td { padding: 5px 4px 0; }
.sorting, .sorting_asc, .sorting_desc { position: relative; z-index: 1; background-color: #182983; padding: 10px; color: #000000; background: -moz-linear-gradient(#87a5ca, #182983) repeat scroll 0 0 #182983; background-image: -webkit-linear-gradient(#87a5ca, #182983); background-image: linear-gradient(#87a5ca, #182983); pie-background: linear-gradient(#87a5ca, #182983); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#87a5ca, endColorstr=#182983); }
#autresMarquesLabel { text-decoration: underline; }
#ciblagePage { width: 741px; float: left; }
.labelCheck { width: 125px; max-width: 125px; float: left; }
#autresMarques { list-style: none; }
#detailTable { width: 935px; }
#formatCampagneParam table { margin: 0 auto; }
#formatCampagneParam .formatOperation { }
#formatCampagneParam .formatOperation a, #formatCampagneParam .formatOperation a:hover { color: #ffffff; }
#formatCampagneParam .positionBtn { margin: 14px auto 14px 500px; }
#formatCampagneParam .positionBtnBas { margin: 14px auto 30px 500px; }
#formatCampagneParam .table1 { margin: 0 auto; width: 534px; margin-bottom: 9px; }
#formatCampagneParam #refFiltreRelanceOperationTable td { font-size: 12px; font-weight: bold; }
#formatCampagneParam .operation { width: 117px; margin: 0 5px; padding: 6px 4px; border-right: 2px solid #ffffff; }
#formatCampagneParam .description { width: 268px; margin: 0 5px; padding: 6px 4px; border-right: 2px solid #ffffff; }
#formatCampagneParam .contenuSms { width: 268px; margin: 0 5px; padding: 6px 4px; border-right: 2px solid #ffffff; }
#formatCampagneParam .etat { border-right: 2px solid #ffffff; width: 64px; margin: 0 5px; text-decoration: underline; padding: 6px 4px; }
#formatCampagneParam .suppr, #formatCampagneParam td.suppr { width: 22px; font-weight: bold; color: red; text-transform: uppercase; padding: 6px 4px; }
#formatCampagneParam .etat a { color: #000000; }
#formatTab .table1 tr.fondDegradeColor1 td { text-align: left; }
#formatTab .table1 td { font-size: 11px; font-weight: bold; }
#formatTab .table1 .trSeparateur td { height: 5px; background-color: #ffffff; }
#encartRecherche .titre { position: relative; z-index: 1; background-color: #87a5ca; padding: 4px 10px; color: #ffffff; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; background: -moz-linear-gradient(#87a5ca, #182983) repeat scroll 0 0 #182983; background-image: -webkit-linear-gradient(#87a5ca, #182983); background-image: linear-gradient(#87a5ca, #182983); pie-background: linear-gradient(#87a5ca, #182983); }
#encartRecherche select { margin-top: 5px; padding: 2px; width: 132px; border: 1px solid #999999; font-size: 10px; font-weight: bold; }
#encartRecherche .positionBtn { text-align: right; margin-top: 10px; }
#encartRecherche .inputText { margin-top: 5px; padding: 2px; width: 126px; border: 1px solid #999999; font-size: 10px; font-weight: bold; }
.ie9 #infoActivite table input[type='text'], .ie9 #infoActivite #periodePersonnalise { border: 1px solid #cccccc; }
.ie9 #selectCampagne { border: 1px solid #cccccc; }
#pagination { font-size: 12px; color: #4283be; padding: 0 0 0 35px; }

/* filtre_recherche.tpl */
#filtreRecherche .table1 a { color: #FFFFFF; }
#filtreRecherche .table1 .lineColor3 a.bt5 { color: #000000 !important; }
#filtreRecherche .jQfiltreOptions { width: 172px; border: 1px #ffffff solid; }

#filtreRecherche .jQfiltreOptions a,
#filtreRecherche .table1 th a { display: block; width: 172px; position: relative; z-index: 1; background-color: #87a5ca; padding: 5px; color: #ffffff; margin-bottom: 0; font-size: 11px; text-decoration: none; font-weight: normal; background: -moz-linear-gradient(#87a5ca, #182983) repeat scroll 0 0 #182983; background-image: -webkit-linear-gradient(#87a5ca, #182983); background-image: linear-gradient(#87a5ca, #182983); pie-background: linear-gradient(#87a5ca, #182983); }

#filtreRecherche .jQfiltreOptions a.off { display: block; background-image: url(/images/speedy/tri_bas.png); background-position: 166px 10px; background-repeat: no-repeat; }
#filtreRecherche .jQfiltreOptions a.on { display: block; background-image: url(/images/speedy/tri_haut.png); background-position: 166px 10px; background-repeat: no-repeat; }

/* screenBehaviors/*.tpl */
#form-maintenance_plan .indent { margin: 0 0 0 40px; }
.indent { margin: -10px 0 0 40px }

.fondDegradeColor1.black_text { color: #000000; }

/* élément custom pour la liste autocomplete pour la gestion des centres */
#garage_invalide, .garage_remplacement { width:270px; border-radius: 0;border: 1px solid #ccc; height: 32px; }
.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-widget-content{font-weight: normal!important; margin: 0!important; background-image: none!important; background-color: #fff!important; border-color: #000!important; color :#000!important; display: block; white-space: nowrap }

.labelRemplacementGarage { margin-bottom: 20px; }