body { font-family: Arial, Helvetica, sans-serif; } .clear {clear:both;} h4{ font-size: 12px; } .bloc_rdv{ width: auto; height: 600px; background-color: #ffffff; position:relative; } .bloc_merci{ background-color: #fff; position:relative; height: 205px;width: 337px;} .bloc_merci h2 { color: #FABB0C; font-weight: bold; background: url(../img/picto_rdv.png) no-repeat top left; height: 32px; font-size: 20px; padding-left: 35px; line-height: 32px; text-align: left; float: left; display: inline; margin: 5px 0 0 12px; } .opacite0 { -moz-opacity: 0; /* Gecko -> Firefox, Netscape */ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE < 8 */ opacity: 0; /* CSS 3 */ filter: Alpha(Opacity=0); } .entete { float: left; height: 85px; } .entete img.logo { margin: 5px 60px 0 40px; display: block; float: left; } .entete div.coord { float: left; } .entete div.coord h2 { font-size: 16px; font-weight: bold; overflow: hidden; color: #005999; margin: 10px 0 5px 0; } .entete div.coord p { font-size: 12px; color: #005999; } .bt_fermer { text-align: center; font-family: Arial, Helevtica, sans-serif; font-weight: bold; float: right; display: block; margin: 0 10px 0 0; padding: 0; width: 30px; height: 30px; color: #ffffff; background-color: #01599B; font-size: 16px; line-height: 30px; text-decoration: none; } .bt_fermer:hover { color: #01599B; background-color: #cccccc; } #inlightbox{ background:#EDEDED;color: #005999; font-size: 12px; text-align: left; } #menu_haut { height: 30px; background: url('../img/deg_top.png') repeat-x top left; } #menu_haut a { display: block; float: left; text-align: center; color: #AB8715; font-weight: bold; font-size: 16px; line-height: 30px; text-decoration: none; } #menu_haut a.actif, #menu_haut a:hover { background: url('../img/deg_top_actif.png') repeat-x top left; color:#333; } #menu_haut #vos_coord.active:hover { background: url('../img/deg_top_actif.png') repeat-x top left; } #menu_haut #vos_coord.inactif{color:#AB8715;} #menu_haut #vos_coord.inactif:hover { display: block; float: left; text-align: center; color: #333; font-weight: bold; font-size: 16px; line-height: 30px; text-decoration: none; background: none;} #menu_haut #votre_rdv { margin-left: 25px; width: 190px; height: 30px; } #menu_haut .vos_coord { width: 180px; } #menu_haut .vos_coord_et_pel { width: 380px; } #inlightbox #footer { height: 50px; background: url('../img/deg_bottom.png') repeat-x top left; color: #333; padding-left: 10px; } #inlightbox #footer p { width: 680px; display: block; float: left; } #inlightbox #footer .cgv { font-style: italic; margin: 2px 0; color: #4a4a4a; } #inlightbox #footer .etapes { width: 130px; height: 35px; background: url('../img/etapes.png') no-repeat top left; display: none; float: right; margin: 10px 30px 0 0; } #inlightbox #footer .etapes a#etape1 { display: block; float: left; width: 65px; height: 35px; } #inlightbox #footer .etapes a#etape2 { display: block; float: left; width: 65px; height: 35px; } #inlightbox h3 { color: #005999; background: url('../img/fleche_bleue.png') no-repeat top left; font-weight: bold; font-size: 14px; line-height: 20px; height: 20px; padding-left: 20px; float: left; display: inline; text-transform: uppercase; margin: 18px 0 10px 25px; } #inlightbox h4 { color: #666666; font-weight: bold; font-size: 12px; display: inline; line-height:21px; } #inlightbox h4 a { color: #666666; } #inlightbox label.label_vehicule { display: block; float: left; margin-left: 50px; color: #666666; font-size: 12px; width: 135px; line-height: 32px; } #inlightbox label.label_coord { display: block; float: left; color: #666666; font-size: 12px; width: 70px; line-height: 25px; margin: 3px 0 3px 50px; } span.ex_tel { font-style: italic; padding-left: 26px; color: #666; font-size: 11px; } #inlightbox .champ{ display: block; float: left; border: 1px solid #cccccc; color: #0C479D; height: 22px; } #inlightbox .champ_coord{ display: block; float: left; border: 1px solid #cccccc; color: #0C479D; height: 22px; margin: 3px 0; } #inlightbox .texte10{ font-size: 10px; margin: 5px 0 5px 0; } #inlightbox .texte8{ font-size: 7px; margin: 0 0 5px 0 } #inlightbox .label2{ display: inline; float: left; font-size:12px; } #inlightbox .label3{ display: inline; float: left; font-size:12px; } #inlightbox .tab_jour { width: 160px; float: left; position: relative; display: inline; margin-left: 1px; } #inlightbox .tab_jour .tab_entete { cursor: pointer; background: #083e6d; height: 40px; color: #fff; font-size: 12px; line-height: 12px; text-align: center; } #inlightbox .tab_jour .tab_entete div { padding-top: 5px; } #inlightbox .tab_jour .tab_entete span{ font-size: 12px; line-height: 12px; } #inlightbox .tab_jour .tab_entete em { font-size: 17px; line-height: 28px; font-weight: bold; } /* #inlightbox .tab_jour .tab_entete:hover { background-color: #01599B; } */ #jours_precedents { display: block; float: left; position: relative; width: 24px; height: 310px; background: url('../img/jours_precedents.png') no-repeat top left;} #jours_suivants { display: block; float: right; position: relative; width: 24px; height: 310px; background: url('../img/jours_suivants.png') no-repeat top left;} #jours_precedents:hover, #jours_suivants:hover { background-position: top right; } #jours_precedents.desactive:hover { background-position: top left; } #inlightbox .tab_jour .scroll_top { width: 74px; height: 16px; background: #f6f6f6; position: absolute; top: 74px; left: 0;cursor: pointer; } #inlightbox .tab_jour .scroll_top .fleche_scroll_top { cursor: pointer; width: 10px; height: 6px; background: #f6f6f6 url('../img/scroll_top.png') no-repeat top left; margin: 6px 0 0 32px; } #inlightbox .tab_jour .scroll_bottom { width: 74px; height: 16px; background: #f6f6f6; position: absolute; top: 294px; left: 0;cursor: pointer; } #inlightbox .tab_jour .scroll_bottom .fleche_scroll_bottom { cursor: pointer; width: 10px; height: 6px; background: #f6f6f6 url('../img/scroll_bottom.png') no-repeat top left; margin: 6px 0 0 32px; } #inlightbox .tab_jour .scroll_top .fleche_scroll_top.actif, #inlightbox .tab_jour .scroll_bottom .fleche_scroll_bottom.actif { background-position: 0 -6px; } #inlightbox .tab_jour .scroll_top .fleche_scroll_top:hover, #inlightbox .tab_jour .scroll_bottom .fleche_scroll_bottom:hover { background-position: 0 -12px; } #inlightbox .tab_jour .scroll_top .fleche_scroll_top.desactive:hover, #inlightbox .tab_jour .scroll_bottom .fleche_scroll_bottom.desactive:hover { background-position: 0 0; backgroud-color:red; } #inlightbox #demarcation { background: url('../img/demarcation.gif') repeat-y top left; width: 5px; height: 100%; position: absolute; top: 0; left: 0; z-index: 200; margin-top: 9px; } #inlightbox .tab_jour .tab_fondjour_content { overflow: hidden; position: relative; margin-top: 2px; } #inlightbox .tab_jour .tab_fondjour{ position: relative; height: 377px; background:#EDEDED; } #inlightbox .tab_jour .tab_tranche{ margin-top: 0px; float: left; display: inline; position: absolute; left: 0; width: 74px; height: 20px; color: #666666; font-weight: bold; font-size: 14px; text-align: center; cursor: pointer;border:3px solid transparent; } #inlightbox .tab_jour .tab_tranche span{ font-weight: normal; font-size: 12px; } #inlightbox #bloc_rdv_left { position: relative; float: left; width: 408px; height: 435px; } #inlightbox #bloc_rdv_left select { width: 200px; } #inlightbox #bloc_rdv_right, #inlightbox #bloc_rdv_loading { position: relative; float: left; width: 560px; height: 435px; } #inlightbox #bloc_rdv_loading2 { position: relative; float: left; margin: 200px 0 0 500px; } #inlightbox .picto_vous_etes { display: block; float: left; height: 21px; color: #666; font-size: 12px; line-height: 21px; text-decoration: none; padding-left: 28px; } #inlightbox #particulier { background: url('../img/particulier.png') no-repeat top left; margin-left: 45px; width: 120px; } #inlightbox #entreprise { background: url('../img/entreprise.png') no-repeat top left; width: 125px; } #inlightbox #garage { background: url('../img/garage.png') no-repeat top left; } #inlightbox #particulier:hover, #inlightbox #entreprise:hover, #inlightbox #garage:hover { background-position: bottom left; color: #01599B; font-weight: bold; } #inlightbox #bloc_rdv_loading { display:none; margin: 195px 0 0 270px; width:auto; } #inlightbox #frm_rdv{ margin: 0; padding: 0; } #inlightbox #bloc_rdv_erreur { left: 528px; bottom: 45px; padding: 10px 5px 10px 0; position: absolute; } #inlightbox #bloc_rdv_erreur .picto_warning { display: block; float: left; margin-right: 4px; } #inlightbox #bloc_rdv_erreur p { color: #CE162F; font-size: 11px; display: block; float: left; font-weight: bold; } #inlightbox #conteneur_agenda{ float: right; margin:7px 7px 0 0; overflow: hidden; height: 430px; width: 532px; } #inlightbox #agenda{ float: left; display: inline; position:relative; } #inlightbox #indicateur_date { background: url('../img/champ_date.png') no-repeat top left; width: 172px; height: 27px; position: absolute; left: 44px; top: 353px; } #inlightbox #indicateur_date.date_select { background-position: bottom left; } #inlightbox #indicateur_date span { font-size: 16px; padding-left: 32px; line-height: 25px; } #inlightbox .legende_agenda{ border:1px #0c479d solid; text-align:center;padding:0 5px;width:78px;} #inlightbox .legende_agenda img{ margin-top: 10px;float: none;} #inlightbox .legende_agenda label{ float: none;} #inlightbox .largeur_colonne{ width:78px; height:281px; vertical-align:top; padding:0;} #inlightbox .colonne_agenda{ border-bottom: 1px solid #0c479d; border-top: 1px solid #0c479d; } #inlightbox #recapitulatif { width: 440px; border-spacing: 1px; border-collapse: separate; margin: 0 0 0 25px; } #inlightbox #recapitulatif tr td { background: #ffffff; padding: 0 10px; height: 35px; } #inlightbox #recapitulatif .titre { color: #000000; font-size: 12px; font-weight: bold; } #inlightbox #recapitulatif .type { color: #666666; font-size: 12px; font-weight: normal; } #inlightbox #recapitulatif .total { background: #01599B; color: #ffffff; font-size: 14px; font-weight: bold; line-height: 22px; -webkit-box-shadow: 0px 2px 5px 0px #666;-moz-box-shadow: 0px 2px 5px 0px #666; box-shadow: 0px 2px 5px 0px #666; } #inlightbox #recapitulatif .total em { font-weight: normal; font-size: 12px; } #inlightbox #recapitulatif .total .tarif { display: block; float: right; font-size: 12px; font-weight: normal; } #inlightbox #recapitulatif .total .tarif em { font-size: 20px; font-weight: bold; } #inlightbox #recapitulatif .cell_modifier { width: 35px; padding: 0; text-align: center; } #inlightbox #recapitulatif a.bt_modifier { background: url('../img/modifier.png') no-repeat top left; width: 20px; height: 20px; display: inline-block; } #inlightbox #recapitulatif a.bt_modifier:hover { background-position: top right; } #inlightbox h4.cgv { font-size: 9px; line-height: 10px; font-weight: normal; } #inlightbox .btn_etape_suivante_desactiver { display: block; position: absolute; top:435px; right: 5px; width: 150px; height: 41px; background: url('../img/btn_etape_suivante_off.png') no-repeat top left; border: none; } #inlightbox .btn_etape_suivante { display: block; position: absolute; top:435px; right: 5px; cursor: pointer; width: 150px; height: 41px; background: url('../img/btn_etape_suivante.png') no-repeat top left; border: none; } #inlightbox .btn_etape_suivante:hover { background-position: bottom left; } #inlightbox .btn_valider { display: block; position: absolute; bottom: 0; right: 5px; cursor: pointer; width: 150px; height: 41px; background: url('../img/btn_valider.png') no-repeat top left; border: none; } /* btn paiement en ligne */ #inlightbox .paiement_en_ligne { margin-top: 2px;float: left; margin-left: 20px; width: 215px; position: relative; } #inlightbox .paiement_en_ligne span em, #inlightbox .paiement_centre span em { font-weight: bold; font-size: 20px; } #inlightbox .paiement_en_ligne .btn_paiement_en_ligne { display: block; cursor: pointer; margin: 0 0 0 3px; width: 215px; height: 54px; background: url('../img/btn_paiement_en_ligne.png') no-repeat top left; border: none; } #inlightbox .paiement_en_ligne span.prix_promo{ line-height:13px;color: #ffffff; display: block; position: absolute;right:1px; padding-right: 11px; text-align: right; top: 12px; } #inlightbox .paiement_en_ligne span.info_promo span{ background: url("../img/vignette_promo.png") no-repeat scroll right 6px transparent;color: #01599B;margin-left: 4px;display: inline-block;font-size: 11px;font-weight: bold;line-height: 15px;height: 15px;text-align:center;padding-left:2px;padding-top: 6px;width: 29px;} #inlightbox .paiement_en_ligne span.info_promo span sub{font-size:9px;vertical-align: text-top;} #inlightbox .paiement_en_ligne .prix_pel{color: #FFFFFF;position: absolute; right: 12px; top: 13px;} #inlightbox .paiement_en_ligne span.info_promo{color:#FAC100;top: 26px;display: block; position: absolute; right: 6px;} #inlightbox .paiement_en_ligne .btn_paiement_en_ligne_off { display: block; cursor: pointer; margin: 0 0 0 3px; width: 214px; height: 56px; background: url('../img/btn_paiement_en_ligne_off.png') no-repeat top left; border: none; } #inlightbox .paiement_en_ligne_div{cursor:pointer;} #inlightbox .paiement_en_ligne span.prixEnBoiteRouge { padding:2px 0 0 0; line-height: 14px; display: inline-block; border: 1px solid #92103A; width: 55px; text-align:center; margin-left:3px; } /* btn paiement en centre */ #inlightbox .paiement_centre { float: left; margin-left:20px; width: 208px; position: relative; } #inlightbox .paiement_centre span { color: #FFFFFF;display: block;line-height: 20px;padding-right:3px;position: absolute;right: 1px; text-align: right;top: 18px;width: 208px;} #inlightbox .paiement_centre .btn_paiement_centre { display: block; cursor: pointer; margin: 0 0 0 0; width: 215px; height: 57px; background: url('../img/btn_paiement_centre.png') no-repeat top left; border: none; } #inlightbox .paiement_centre .btn_paiement_valider { display: block; cursor: pointer; margin: 0 0 0 0; width: 208px; height: 56px; background: url('../img/bt_valider_asf.png') no-repeat top left; border: none; } #inlightbox .paiement_centre span.prixEnBoiteVerte { padding:2px 0 0 0;line-height: 14px; display: inline-block; width: 55px; text-align:center; margin-left:3px; } /* btn paiement en 2xsans frais */ #inlightbox .paiement_en_ligne .btn_paiement_2x_sans_frais{ position:relative;display: block; cursor: pointer; float: left; margin: 10px 0 0 3px; width: 214px; height: 54px; background: url('../img/btn_paiement_2x_sans_frais.png') no-repeat top left; border: none; } #inlightbox .paiement_en_ligne .paiement_2x_sans_frais span{ color: #FFFFFF; position: absolute; right: 16px; top: 32px;} #inlightbox .paiement_en_ligne .paiement_2x_sans_frais{position:relative;} #inlightbox .btn_valider:hover, #inlightbox .btn_paiement_valider:hover, #inlightbox .paiement_en_ligne .btn_paiement_en_ligne:hover, #inlightbox .paiement_en_ligne_div:hover .btn_paiement_en_ligne, #inlightbox .paiement_centre:hover .btn_paiement_centre, #inlightbox .paiement_centre .btn_paiement_centre:hover,#inlightbox .paiement_en_ligne .paiement_2x_sans_frais:hover .btn_paiement_2x_sans_frais, #inlightbox .paiement_en_ligne .btn_paiement_2x_sans_frais:hover { background-position: bottom left; } #fleche_prev { position: absolute; top: 35px; left: 2px; } #fleche_next { position: absolute; top: 35px; right: 15px; } #lien_prev { left: 25px; position: absolute; top: 18px; color: #004C8F; } #lien_next { position: absolute; right: 35px; top: 18px; color: #004C8F; } #lien_prev em, #lien_next em { font-size: 14px; font-weight: bold; } #submit { position: absolute; bottom: 0px; right: 5px; } #legende { position: absolute; left: 23px; bottom: 10px; border: 1px solid #004C8F; } #legende img { float: left; margin: 5px; margin-top: 8px; } #legende label { height: 30px; line-height: 14px; margin: 0; vertical-align: middle; margin-right: 10px; } #inlightbox #bloc_rdv_loading { height: auto; } .btn_tip .tip-top { background-clip: border-box; background-color: transparent; background-image: url("../img/infobulle_haut2.png"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 17px; width: 236px; } .btn_tip .tip { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/infobulle_fond2.png") !important; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; width: 236px; } .btn_tip .tip .tip-text { color: #0062AD; font-family: arial,helvetica,sans-serif; font-size: 11px; margin: 0 5px; text-align: center; } .btn_tip .tip-bottom { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../img/infobulle_bas2.png") !important; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 6px; width: 236px; } /* elements formulaire stylis�s */ div.mooniform-selector span, div.mooniform-checker span, div.mooniform-radio span, div.mooniform-radio2 span, div.mooniform-uploader, div.mooniform-uploader span.mooniform-action, div.mooniform-button, div.mooniform-button span { background-image: url("../img/sprites.png"); background-repeat: no-repeat; } .mooniform-selector, .mooniform-checker, .mooniform-button, .mooniform-radio, div.mooniform-radio2, .mooniform-uploader { display: inline-block;float: left; vertical-align: middle; position: relative; cursor: pointer; } div.mooniform-radio { width: 16px; height: 16px; margin-right: 5px; cursor: pointer; } div.mooniform-radio span { background-position: -19px -22px; width: 16px; height: 16px; display: inline-block; cursor: pointer; } div.mooniform-radio span.mooniform-checked { background-position: -1px -22px; } div.mooniform-radio2 { width: 21px; height: 21px; margin-right: 5px; cursor: pointer; } div.mooniform-radio2 span { background-position: 0 -111px; width: 21px; height: 21px; display: inline-block; cursor: pointer; } div.mooniform-radio2 span.mooniform-checked { background-position: 0 -132px; } label.label-vousetes { display: block; float: left; line-height: 21px; margin-left: 25px; color: #666666; font-size: 12px; cursor: pointer; width: 135px; } label.label-vousetes-checked { color: #01599B; font-weight: bold; } div.mooniform-selector span, div.mooniform-selector.mooniform-focus span, div.mooniform-selector.mooniform-hover span, div.mooniform-selector:hover span { background-position: -1px -42px; display: block; width: 202px; height: 32px; line-height: 32px; color: #666; padding-left: 10px; cursor: pointer; } div.mooniform-checker { position: relative; width: 46px; height: 21px; margin-right: 5px; cursor: pointer; margin-left: 25px; } div.mooniform-checker span { background-position: -46px 0px; width: 46px; height: 21px; display: inline-block; cursor: pointer; } div.mooniform-checker span.mooniform-checked { background-position: 0px 0px; } /* Fin elements formulaire stylis�s */ /*skin nouveau tableau dispo */ #tab_dispo_rdv dt{height:40px;} #tab_dispo_rdv dt .creneau{float:left;width:38px;background:url(../img/bg_creneau.png) no-repeat;height:40px;color:#ffffff; position:relative;} #tab_dispo_rdv dt .info_promo{float:right;width: 122px;height:40px;} #tab_dispo_rdv dt .info_promo .nb_rdv{color:#ffffff;font-weight:bold;font-size:11px;} #tab_dispo_rdv dt.pas_promo .info_promo{background:url(../img/bg_info_pas_promo.png) no-repeat top right;height:31px;width:114px;padding:4px;} #tab_dispo_rdv dt.complet{background:url(../img/bg_info_complet.png) no-repeat top right;} #tab_dispo_rdv dt.promo .info_promo{background:url(../img/bg_info_promo.png) no-repeat top right;position:relative;} #tab_dispo_rdv dt.promo .nb_rdv{float:left;margin-top:4px;margin-left:4px;font-weight:bold;font-size:11px;} #tab_dispo_rdv dt.active .info_promo{background-position:bottom right;} #tab_dispo_rdv dt .creneau .h_deb { position:absolute; top:3px; left:4px;font-size:13px} #tab_dispo_rdv dt .creneau .h_fin { position:absolute; bottom:8px; right:6px; font-size:11px} #tab_dispo_rdv dt.promo .info_promo .pourcentage .jusqua{ color: #FDC500; display: block; font-size: 8px; font-weight: bold; line-height: 8px; margin-right: 35px; margin-top: 3px; text-align: right;} #tab_dispo_rdv dt.promo .info_promo .pourcentage .reduction{display:block;color:#fdc500;text-align:left;margin-left:50px;line-height:12px;font-weight:bold;font-size:19px;} #tab_dispo_rdv dt.promo .info_promo .pourcentage .reduction sub{vertical-align:text-top;font-size:10px;} #tab_dispo_rdv dt.promo .info_promo .prix_promo{position:absolute;right:0;bottom:0;color:#ffffff;text-align:right;display:block; padding-right: 25px;font-weight:bold;line-height:10px;} #tab_dispo_rdv dt.promo .info_promo .prix_promo span{text-align:left;font-size:8px;line-height: 10px;margin-right:2px;} #tab_dispo_rdv dd label { color: #000000; display: inline-block; height: 16px; width: 53px; position:relative; font-size:13px; } .creneau_dispo input{height:13px;width:13px;} .creneau_dispo { width:74px; float:left; padding-top: 4px; padding-bottom: 4px; padding-right: 2px; padding-left: 2px; display:inline-block; } #tab_dispo_rdv dt .creneau .h_deb sub, #tab_dispo_rdv dt .creneau .h_fin sub, #tab_dispo_rdv dd .heure_dispo sub { vertical-align: baseline; font-size: 70%;} #tab_dispo_rdv dt .creneau .h_deb, #tab_dispo_rdv dt .creneau .h_fin {line-height:12px;} #tab_dispo_rdv dd .creneau_dispo_promo {background: url(../img/vignette_promo.png) no-repeat 45px 6px #fdc500;} #tab_dispo_rdv dd .creneau_dispo_promo .pourcent_promo{display:inline-block;height:12px;color:#606060;font-size:10px;font-weight:bold;text-align:center;margin-left:13px;position: absolute; right: 0px;top: 1px;width:23px;line-height:14px;} #tab_dispo_rdv dd .creneau_dispo_promo .pourcent_promo sub{vertical-align:text-top;font-size:8px;} #tab_dispo_rdv dd {background:#ffffff;border-left:1px solid #999999;border-right:1px solid #999999;} /* fin skin nouveau tableau dispo */ /* tooltip bouton etape 2 */ .etape2_tip .tip-top { background-clip: border-box; background-color: transparent; /* background-image: url("../img/infobulle_haut2.png");*/ background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 17px; width: 236px; } .etape2_tip .tip { background:url("../img/fleche_infobulle_2.png") right center no-repeat; width: 236px; padding-right:10px; } .etape2_tip .tip .tip-text { color: #0062AD; font-family: arial,helvetica,sans-serif; font-size: 11px; margin: 0 5px; padding-top:7px; padding-bottom:7px; text-align: center; background:#ffffff; border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; box-shadow:-2px 3px 3px #999999; } .etape2_tip .tip-bottom { height: 6px; width: 236px; } /* tooltip bouton etape 2 */ .cv_tip .tip-top { background-clip: border-box; background-color: transparent; /* background-image: url("../img/infobulle_haut2.png");*/ background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 17px; width: 236px; } .cv_tip .tip { background:url("../img/fleche_infobulle_gauche.png") left center no-repeat; width: 236px; padding-left:10px; } .cv_tip .tip .tip-text { color: #0062AD; font-family: arial,helvetica,sans-serif; font-size: 11px; margin: 0 5px; padding-top:7px; padding-bottom:7px; text-align: center; background:#ffffff; border-right:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; box-shadow:3px 3px 3px #999999; } .cv_tip .tip-bottom { height: 6px; width: 236px; } .dispo_cvv .creneau_dispo{width:49px;} #tab_dispo_rdv dd.dispo_cvv .creneau_dispo label{width:auto;} #tab_dispo_rdv dd.dispo_vtc .creneau_dispo label{width:auto;} .dispo_vtc .creneau_dispo{width:49px;} /* Ajout GL */ .dispo_cvv .creneau_dispo{width:49px;} #tab_dispo_rdv dd.dispo_cvv .creneau_dispo label{width:auto;} #inlightbox .block-pel-togglers { width: 450px; margin: 0 auto; height: 68px; border-bottom: 1px solid #BABABA;} #inlightbox .block-pel-t { float: left; display: block; width: 48%; position: relative; background: #F5F5F5 no-repeat 10px 10px; height: 60px; border: 1px solid #BABABA;} #inlightbox .block-pel-t .label { position: absolute; top: 10px; left: 70px; color: #000000; text-decoration: none;} #inlightbox .block-pel-t .prix { position: absolute; top: 30px; left: 85px; color: #0061AC; font-size: 15px;} #inlightbox #toggler_pel_enligne { background-image: url("../img/picto_pel_enligne.png");} #inlightbox #toggler_pel_centre { background-image: url("../img/picto_pel_centre.png");} #inlightbox .block-pel-t .prix .value, #inlightbox .block-pel-t .prix .value em { font-weight: bold;} #inlightbox #toggler_pel_centre { float: right;} #inlightbox .block-pel-t-active { height: 68px; border-bottom: 0; background-color: #FFFFFF;} #inlightbox .block-pel-c { float: none; width: 448px; margin: 0 auto; background: url("../img/bg_block-pel.jpg") repeat-x left bottom #FFFFFF; border: 1px solid #BABABA; border-top: 0; text-align: center; height: 115px;} #inlightbox .block-pel-c p.info { padding: 10px 0 3px; color: #000000;} #inlightbox .block-pel-c div { float: none; margin: 0; display: inline-block; position: relative;} /* Surcharge */ #inlightbox .paiement_en_ligne .btn_paiement_2x_sans_frais { margin: 0; float: none; display: inline;} #inlightbox .paiement_en_ligne .btn_paiement_en_ligne { margin: 0; float: none; display: inline;} #inlightbox .paiement_en_ligne .paiement_2x_sans_frais span { top: 15px;} #inlightbox #bloc_rdv_erreur { position: static; width: 455px; margin: 20px auto 0 auto; height: 15px; padding: 0;} /* tooltip bouton etape 2 */ .btn_tip .tip-top { background-clip: border-box; background-color: transparent; background-image: url("../img/infobulle_haut2.png"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; height: 17px; width: 236px; } .btn_tip .tip { width: 236px; } .btn_tip .tip .tip-text { color: #0062AD; font-family: arial,helvetica,sans-serif; font-size: 11px; margin: 0 3px; padding-top:7px; padding-bottom:7px; text-align: center; background:#ffffff; box-shadow:-2px 3px 3px #999999; } .btn_tip .tip-bottom { height: 6px; width: 236px; } /* tooltip bouton etape 2 */ /* paiement en centre promo */ #inlightbox .paiement_centre_promo { margin-top: 2px;float: left; margin-left: 20px; width: 215px; position: relative; } #inlightbox .paiement_centre_promo span em, #inlightbox .paiement_centre span em { font-weight: bold; font-size: 20px; } #inlightbox .paiement_centre_promo .btn_paiement_valider { display: block; cursor: pointer; margin: 0 0 0 3px; width: 215px; height: 54px; background: url('../img/btn_paiement_centre.png') no-repeat top left; border: none; } #inlightbox .paiement_centre_promo span.prix_promo{ line-height:13px;color: #ffffff; display: block; position: absolute;right:7px; padding-right: 11px; text-align: right; top: 12px; } #inlightbox .paiement_centre_promo span.info_promo span{ background: url("../img/vignette_promo.png") no-repeat scroll right 6px transparent;color: #01599B;margin-left: 4px;display: inline-block;font-size: 11px;font-weight: bold;line-height: 15px;height: 15px;text-align:center;padding-left:2px;padding-top: 6px;width: 29px;} #inlightbox .paiement_centre_promo span.info_promo span sub{font-size:9px;vertical-align: text-top;} #inlightbox .paiement_centre_promo .prix_pel{color: #FFFFFF;position: absolute; right: 17px; top: 13px;} #inlightbox .paiement_centre_promo span.info_promo{color:#FAC100;top: 26px;display: block; position: absolute; right: 6px;} #inlightbox .paiement_centre_promo .btn_paiement_en_ligne_off { display: block; cursor: pointer; margin: 0 0 0 3px; width: 214px; height: 56px; background: url('../img/btn_paiement_en_ligne_off.png') no-repeat top left; border: none; } #inlightbox .paiement_centre_promo{cursor:pointer;} #inlightbox .paiement_centre_promo span.prixEnBoiteRouge { padding:2px 0 0 0; line-height: 14px; display: inline-block; border: 1px solid #92103A; width: 55px; text-align:center; margin-left:3px; } /* **** */ /** marque _ modele **/ .fleche_marque{display: block;height: 31px;position: absolute;right: 0px;top: 0;width: 30px; background-repeat:no-repeat;background-position:top right;background-image: url("../img/sprites-fleche.png");} .fleche_modele{display: block;height: 31px;position: absolute;right: 0px;top: 0;width: 30px;background-repeat:no-repeat;background-position:top right;background-image: url("../img/sprites-fleche.png");} #combo_zone1{position:absolute;z-index:2;} #combo_zone2{position:absolute;z-index:2;} div.mooniform-selector input, div.mooniform-checker input, div.mooniform-radio input, div.mooniform-radio2 input, div.mooniform-uploader, div.mooniform-uploader input.mooniform-action, div.mooniform-button, div.mooniform-button input { background-image: url("../img/sprites.png"); background-repeat: no-repeat; } .mooniform-selector, .mooniform-checker, .mooniform-button, .mooniform-radio, div.mooniform-radio2, .mooniform-uploader { display: inline-block;float: left; vertical-align: middle; position: relative; cursor: pointer; } div.mooniform-selector input, div.mooniform-selector.mooniform-focus input, div.mooniform-selector.mooniform-hover input, div.mooniform-selector:hover input { background-color: transparent;border:none;background-position: -1px -42px; display: block; width: 196px; height: 32px; line-height: 32px; color: #666; padding-left: 10px; cursor: pointer; } /*** ***/ .infos_promos{position:absolute;bottom:10px;left:10px;line-height: 13px;} #inlightbox h3.mode_paiement{margin-top:5px;} #inlightbox .block-pel-c div.container_cartes{position:relative;width:100%;margin-top:7px;} .container_cartes img{margin-right:15px;} .container_cartes .e_carte{position:absolute;right:0px;bottom:2px;} .container_cartes .cb{margin-left:15px;} /* modification 23h */ #bloc_rdv_right #conteneur_agenda dd.dispo_18{ position:absolute !important; width:481px; left:1px; margin-top:8px; /*padding: 10px !important;*/ } #bloc_rdv_right #conteneur_agenda #colonne3 dd.dispo_18{ left:25px; } #bloc_rdv_right #conteneur_agenda dt.dispo_18.active{ position:relative; } #bloc_rdv_right #conteneur_agenda dt.dispo_18.active:after{ display: inline-block; position: absolute; height: 10px; width: 160px; background: #fff; content: ""; left: 0px; top: 39px; z-index: 2; border-left: 1px solid #999; border-right: 1px solid #999; } #bloc_rdv_right #conteneur_agenda #colonne3 dt.dispo_18.active:after{ width: 159px; } #inlightbox .tab_jour .tab_fondjour{ background:transparent !important; position:static; } #inlightbox .tab_jour .tab_fondjour_content{ overflow:visible !important; position:static; } #inlightbox .tab_jour{ position:static; } .creneau_dispo{padding-bottom:2px !important;}