/* Modèle v1.21 24/07/2008 */ /********** A GARDER EN L'ÉTAT ************/ *{margin:0; padding:0;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} .clear{clear:both;} /*********** A PERSONNALISER **************/ body {font-family: Verdana, Arial, "Trebuchet Ms"; font-size:11px; color:#000; background:#fff; text-align:center;} #body {background-color:#5e90b9;} table{font-size: 11px;} a{color:#1B447B; text-decoration:none;} a:hover {text-decoration:underline;} input, select, textarea, .select_ajax{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #5E90B9;} input[type="checkbox"], input[type="radio"]{border-width: 0;} fieldset {border-color:#5E90B9; padding:10px;} legend{border-left:1px #5E90B9 solid; font:normal 13px Verdana; color:#1B447B; border-right:1px #5E90B9 solid; padding:0px 10px;} h1 {width:200px; padding:0 0 5px 15px; margin:10px 0 15px 0 ;font:bold 14px Verdana; color:#5e90b9; text-transform:uppercase; border-left:4px solid #5e90b9; background: url(images/fonds/points.gif) repeat-x bottom left;} .h1b {width:400px; padding:0 0 5px 15px; margin:10px 0 15px 0 ;font:bold 14px Verdana; color:#5e90b9; text-transform:uppercase; border-left:4px solid #5e90b9; background: url(images/fonds/points.gif) repeat-x bottom left;} h2{font: normal 14px "Trebuchet MS"; margin-bottom:5px; text-decoration:underline;} h3{font: bold 12px "Trebuchet MS";} h4{font: bold 11px "Trebuchet MS"; margin:4px 5px 0px 5px;} p, dd{font:normal 11px Verdana; color:#303f5b; margin:0 0 15px 0; line-height:1.4em;} dd{margin:0px 10px 10px 10px; width:500px;} dt {font:normal 11px Verdana; color:#5e90b9;} strong{} em{} .color {color:#ee0000;} .maj {text-transform:uppercase} .hr{font-size:1px; height:5px; border-bottom:1px solid #5E90B9; margin:0 0 10px;} .centre{text-align:center;} .droite{text-align:right;} .pied_reserv {position:relative; width:554px} div.submit {text-align:center; margin:5px;} div.submit2 {position:absolute; right:0} .champs_obligatoires {font:italic 10px Verdana; position:absolute; right:0; top:23px} .cgv {position:absolute;} .cgv a{font-weight:bold} /* Formulaires */ .row{clear:both;padding-top:3px !important;padding-top:0 !important!;padding-top:0;} .row label{display:inline; float: left; margin-right: 5px; width: 124px;text-align: right;} .row2 label{display:inline; float: left; margin-right: 5px; width: 224px;text-align: right;} .row3 label{display:inline; float: left; margin-right: 5px; width: 234px;text-align: right;} .row3{clear:both;padding-top:3px !important;padding-top:0 !important!;padding-top:0;} .row3 input, .row3 textarea { width: 140px;} .row label.label2{display:inline; float: left; margin-right: 5px; width: 140px;text-align: right;} .row label span{color:#000;} .row textarea, .row input, .select_ajax { width: 140px;} .row textarea {height:25px} .row select { width: 142px;} .row_bt {margin-left:165px/*pour aligner bouton, à tester*/; clear:both; } .row_bt input {width:60px;} .row .submit {width:auto;} .row_ligne{float:left; padding-top:3px !important;padding-top:0 !important!;padding-top:0; width:280px;} .row_ligne label{display:inline; float: left; margin-right: 5px; width: 160px;text-align: right;} .row_ligne label span{color:#000;} .row_ligne textarea, .row input, .select_ajax { width: 140px;} .row_ligne select { width: 142px;} .row_ligne .submit {width:auto;} .row_ligne2{float:left; padding-top:3px !important;padding-top:0 !important!;padding-top:0; width:560px} .row_ligne2 label{display:inline; float: left; margin-right: 5px; width: 160px;text-align: right;} .row_ligne2 textarea { width: 386px; height:25px} .infos {width:275px; margin:0px 0 15px 150px} .aller {float:left; width:275px; margin:0px 2px 10px 2px; background-color:#f1f5ff} .retour {float:left; width:275px; margin:0px 2px 10px 2px; background-color:#fff1f5} .couleur_aller {background-color:#f1f5ff} .couleur_retour {background-color:#fff1f5} .infos h4 {font-size:14px; margin-bottom:5px} .options {text-align:center} #conteneur {margin:15px auto; width:872px; text-align:left;} /********************************************************************************/ /*********************************ENTETE***************************************/ /********************************************************************************/ #entete{width:154px; height:730px; border-right:5px solid #dadada; position:relative; float:left; display:inline; background:url(images/fonds/menu.gif) no-repeat;} #entete #logo {margin:7px 0 0 7px; width:147px; height:156px; overflow:hidden;} #entete ul#menu {width:132px; margin:12px 0 0 22px; list-style-type:none; text-align:center;} #entete ul#menu li{display:block; margin:0px;} /*FR*/ #entete ul#menu li a#accueilFR, #entete ul#menu li a#act_accFR {margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/accueil.gif) no-repeat;} #entete ul#menu li a#accueilFR:hover, #entete ul#menu li a#act_accFR{background:url(images/menu/FR/accueil-over.gif) no-repeat;} #entete ul#menu li a#servicesFR, #entete ul#menu li a#act_servFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/services.gif) no-repeat;} #entete ul#menu li a#servicesFR:hover, #entete ul#menu li a#act_servFR{background:url(images/menu/FR/services-over.gif) no-repeat;} #entete ul#menu li a#partenairesFR, #entete ul#menu li a#act_partFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/partenaires.gif) no-repeat;} #entete ul#menu li a#partenairesFR:hover, #entete ul#menu li a#act_partFR{background:url(images/menu/FR/partenaires-over.gif) no-repeat;} #entete ul#menu li a#qsnFR, #entete ul#menu li a#act_qsnFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/qsn.gif) no-repeat;} #entete ul#menu li a#qsnFR:hover, #entete ul#menu li a#act_qsnFR{background:url(images/menu/FR/qsn-over.gif) no-repeat;} #entete ul#menu li a#faqFR, #entete ul#menu li a#act_faqFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/faq.gif) no-repeat;} #entete ul#menu li a#faqFR:hover, #entete ul#menu li a#act_faqFR{background:url(images/menu/FR/faq-over.gif) no-repeat;} #entete ul#menu li a#espaceclientFR, #entete ul#menu li a#act_cliFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/client.gif) no-repeat;} #entete ul#menu li a#espaceclientFR:hover, #entete ul#menu li a#act_cliFR{background:url(images/menu/FR/client-over.gif) no-repeat;} #entete ul#menu li a#vehiFR, #entete ul#menu li a#act_vehiFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/vehicule.gif) no-repeat;} #entete ul#menu li a#vehiFR:hover, #entete ul#menu li a#act_vehiFR{background:url(images/menu/FR/vehicule-over.gif) no-repeat;} #entete ul#menu li a#contactFR, #entete ul#menu li a#act_contFR{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/FR/contact.gif) no-repeat;} #entete ul#menu li a#contactFR:hover, #entete ul#menu li a#act_contFR{background:url(images/menu/FR/contact-over.gif) no-repeat;} /*EN*/ #entete ul#menu li a#accueilEN, #entete ul#menu li a#act_accEN {margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/accueil.gif) no-repeat;} #entete ul#menu li a#accueilEN:hover, #entete ul#menu li a#act_accEN{background:url(images/menu/EN/accueil-over.gif) no-repeat;} #entete ul#menu li a#servicesEN, #entete ul#menu li a#act_servEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/services.gif) no-repeat;} #entete ul#menu li a#servicesEN:hover, #entete ul#menu li a#act_servEN{background:url(images/menu/EN/services-over.gif) no-repeat;} #entete ul#menu li a#partenairesEN, #entete ul#menu li a#act_partEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/partenaires.gif) no-repeat;} #entete ul#menu li a#partenairesEN:hover, #entete ul#menu li a#act_partEN{background:url(images/menu/EN/partenaires-over.gif) no-repeat;} #entete ul#menu li a#qsnEN, #entete ul#menu li a#act_qsnEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/qsn.gif) no-repeat;} #entete ul#menu li a#qsnEN:hover, #entete ul#menu li a#act_qsnEN{background:url(images/menu/EN/qsn-over.gif) no-repeat;} #entete ul#menu li a#faqEN, #entete ul#menu li a#act_faqEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/faq.gif) no-repeat;} #entete ul#menu li a#faqEN:hover, #entete ul#menu li a#act_faqEN{background:url(images/menu/EN/faq-over.gif) no-repeat;} #entete ul#menu li a#espaceclientEN, #entete ul#menu li a#act_cliEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/client.gif) no-repeat;} #entete ul#menu li a#espaceclientEN:hover, #entete ul#menu li a#act_cliEN{background:url(images/menu/EN/client-over.gif) no-repeat;} #entete ul#menu li a#vehiEN, #entete ul#menu li a#act_vehiEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/vehicule.gif) no-repeat;} #entete ul#menu li a#vehiEN:hover, #entete ul#menu li a#act_vehiEN{background:url(images/menu/EN/vehicule-over.gif) no-repeat;} #entete ul#menu li a#contactEN, #entete ul#menu li a#act_contEN{margin: 0 0 10px 0; width:117px; height:68px; display:block;background:url(images/menu/EN/contact.gif) no-repeat;} #entete ul#menu li a#contactEN:hover, #entete ul#menu li a#act_contEN{background:url(images/menu/EN/contact-over.gif) no-repeat;} #entete #choix_langue {position:absolute; top:145px; right:5px; color:#fff; color:#5e90b9;} #entete #choix_langue a {color:#fff;} #entete #choix_langue .hover{font-weight:bold;} /********************************************************************************/ /*********************************CONTENEUR***************************************/ /********************************************************************************/ #contenu {width:646px; min-height:720px; _height:720px; padding:5px; border-left:5px solid #dadada; float:left; display:inline; background:url(images/fonds/angle_bas.gif) bottom right no-repeat;} #contenu_2 {width:661px; float:right; display:inline; background:#fff url(images/fonds/angle_haut.gif) top right no-repeat;} #contain {margin: 0 30px 0 30px;} #contain.traj {margin:0px 5px;} #overflow {width:625px; height:450px; overflow:auto; margin:10px 12px; padding-right:5px; } #overflow_sans {width:625px; margin:10px 12px; padding-right:5px; } /********************************************************************************/ /*********************************ACCUEIL***************************************/ /********************************************************************************/ /* Nouveau */ #accueil_gauche{width:450px; margin:5px 0px; float:left;} #accueil_gauche .title{background-color:#5e90b9; clear:both; margin:10px 0px 0px 0px; color:#fff; text-align:center; padding:5px; } #accueil_gauche h2.title{background-color:#5e90b9; clear:both; margin:10px 0px 0px 0px; color:#fff; text-align:center; padding:5px; font-size:11px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;} #accueil_gauche .gauche{width:275px; float:left; padding:5px;} #accueil_gauche .gauche .photo{width:110px; text-align:center; float:left;} #accueil_gauche .gauche .detail{margin:10px 0px;} #accueil_gauche .gauche .description{color:#db1616; width:150px; float:right; text-align:left; font-style:italic;} #accueil_gauche .gauche .lien{margin-top:10px;} #accueil_gauche .droite{width:160px; float:right;} #accueil_gauche .droite .reserver{background:url('images/boutons/reserver.gif') no-repeat center center; text-decoration:none; margin:20px auto; text-transform:uppercase; text-align:center; font-weight:bold; color:#db1616; display:block; width:100px; padding:6px;} #accueil_droite{width:186px; margin:10px 0px; float:right;} #accueil_droite img{margin:5px 0px;} #accueil_droite #zone_infos_ADP_SNCF{height:139px; width:186px; background:url('images/infos.jpg') no-repeat;} #accueil_droite #zone_infos_ADP_SNCF a{color:#db1616;} #accueil_droite #zone_infos_ADP_SNCF .droite {text-align:center; width:120px; float:right; margin-top:13px;} #accueil_droite #zone_infos_ADP_SNCF .gauche {text-align:center; width:120px; float:left; clear:both; margin-top:13px;} #accueil_gauche .droite div{text-align:center; font-size:10px;} #accueil_gauche .droite .tarif{font-weight:bold; font-size:12px;} #accueil_gauche .droite .tarif span{font-size:9px;} #accueil_gauche #gare_aeo_disney, #accueil_gauche #transferts {margin-top:30px;} #accueil_gauche #gare_aeo_disney .droite {margin-top:40px;} #accueil_gauche #gare_aeo_disney .droite img{float:left;} #accueil_gauche #transferts .droite {margin-top:10px;} #accueil_gauche #transferts .droite img{float:left;} #accueil_gauche #domicile_gare_aeo .droite {text-align:center;} #accueil_gauche #domicile_gare_aeo .droite img{margin-top:10px;} /* OLD */ p.bienvenue {font-size:12px;} p.bienvenue img{float:right; margin:0 0 20px 10px;} #accroche-part {clear:both; cursor:pointer; float:left;width:275px; height:195px; background:url(images/fonds/particulier.gif) no-repeat; margin-bottom:20px;} #accroche-pro {float:right; cursor:pointer; width:275px; height:195px; margin-bottom:20px; background:url(images/fonds/professionnel.gif) no-repeat;} #accroche-part h2, #accroche-pro h2 {margin:0 0 95px 0; padding-top:10px;} #accroche-part p, #accroche-pro p {margin:0 10px; color:#fff;} #icones {background:url(images/fonds/icones.gif); width:590px; height:98px; clear:both;} #icones .ico {width:130px; margin:10px 0 0 15px; cursor:pointer; float:left; display:inline; text-align:center;} #icones .ico p{font-size:9px;} /******************************************/ /******** FAQ - SERVICES - *********/ /******************************************/ #overflow h2 {margin-bottom:0px; color:#5e90b9;} #overflow h3 {margin-left:10px;color:#303f5b;} #overflow p.liste {margin-left:15px;} #overflow p img {margin:0 0 5px 10px;float:right; display:inline;} #overflow .service {width:300px; margin: 0 auto 10px; border:1px solid #5e90b9;} #overflow .bottom {border-bottom:1px solid #5e90b9;} #overflow .right {border-right:1px solid #5e90b9;} #overflow h3 img.logo {margin:0 10px 5px 0;float:left; display:inline;} #overflow_sans h2 {margin-bottom:0px; color:#5e90b9;} #overflow_sans h3 {margin-left:10px;color:#303f5b;} #overflow_sans p.liste {margin-left:15px;} #overflow_sans p img {margin:0 0 5px 10px;float:right; display:inline;} #overflow_sans .service {width:300px; margin: 0 auto 10px; border:1px solid #5e90b9;} #overflow_sans .bottom {border-bottom:1px solid #5e90b9;} #overflow_sans .right {border-right:1px solid #5e90b9;} #overflow_sans h3 img.logo {margin:0 10px 5px 0;float:left; display:inline;} /******************************************/ /******** RESERVER *********/ /******************************************/ /* NOUVEAU */ #zone {position:relative;} #carte {margin-top:100px;} #carte img{border:0px;} #fleche {position:absolute; top:-50px; right:0px;} #fleche img {position:absolute; top:80px; right:180px;} p.titreCarte{clear:both;font: bold 14px Tahoma; color:#2b2b2b; margin-bottom:10px; text-indent:-40px; z-index:2;} p.titreCarte span{font: bold 18px Tahoma; color:#4da0c2; text-transform:uppercase;} #form_reservation .row_bt{text-align:right;} .partie_gauche, .partie_droite{width:420px; margin:10px auto;} .partie_gauche{margin-bottom:10px;} .partie_gauche2, .partie_droite2{width:420px; margin:5px auto;} .partie_gauche2{margin-bottom:5px;} #form_reservation .row select{margin:0px 0px 1px 0px;} #form_reservation .row {width:400px; margin-left:0px;} #form_reservation #trajet_VA {padding:0px;} #form_reservation .row label{width:200px;} #form_reservation #trajet {position:relative;} #form_reservation #trajet .cache{ position:absolute; top:0; left:0; background:url('images/fond/transparent-trans.png') repeat; width:100%; top:65px; height:500px; border:1px #ddd solid; } #form_reservation #trajet2 {position:relative;} #form_reservation #trajet2 .cache2{ position:absolute; top:0; left:0; background:url('images/fond/transparent-trans.png') repeat; width:100%; top:65px; height:175px; border:1px #ddd solid; } #form_reservation #trajet2 .cache3{ position:absolute; top:0; left:0; background:url('images/fond/transparent-trans.png') repeat; width:100%; top:65px; height:95px; border:1px #ddd solid; } /* .partie_gauche{float:left;} .partie_droite{float:right;} */ label.label{font:bold 13px Verdana;} #zone {margin-bottom:10px; margin-left:75px;} #zone select {width:150px;} #categorie {background-color:#f1f5FF; width:500px; margin:0px auto; padding:10px;} #categorie .description {width:230px; height:50px; float:left; margin:4px 10px; overflow:hidden;} #categorie .description h3{} #categorie .description p{padding:0px; margin:0;} #trajet {background-color:#FFf1f5; width:500px; margin:10px auto; padding:10px;} #trajet #type {text-align:center; clear:both;} #trajet2 {background-color:#FFf1f5; margin:0px auto 5px auto;} #trajet2 #type {text-align:center; clear:both; padding:0; margin:0;} #bt_box {text-align:right; clear:both;} #bt_box input{border:0;} #annonce_retour{margin:10px; background-color:#5e90b9; padding:5px; color:#fff;} #options .row_chk{margin-left:30px;} #options .row_chk2{margin-left:20px;} #options2 { display:none; } #options2 .row_chk{margin-left:30px;} #options2 .row_chk2{margin-left:20px;} #tab_calcule_prix {background-color:#fff; font-size:10px;} #tab_calcule_prix th{background-color:#5e90b9; color:white;} #tab_calcule_prix td{padding:1px 5px;} #tab_calcule_prix .libelle{border:1px #5e90b9 solid;} #tab_calcule_prix .erreur_feminin {font-weight:bold; color:red; text-align:center; padding:10px} #tab_calcule_prix .center{border:1px #5e90b9 solid; width:100px; text-align:center;} #tab_calcule_prix .tarif{border:1px #5e90b9 solid; width:50px; text-align:right;} #tab_calcule_prix .reduction{border:1px #5e90b9 solid; width:50px; text-align:right; color:#14a300} #boutons {float:right;} #cache{position:absolute; bottom:5px; left:0px; background-color:#000; width:650px; opacity: 0.5; filter:alpha(opacity=50);} /* ANCIEN */ #reserver fieldset {margin-top:5px} .label {font:normal 11px Verdana; color:#303f5b; margin:0 0 15px 0; line-height:1.4em;} .zones div{margin:10px; text-align:center} .zones img{margin:5px 20px 10px 20px;} /*choix de la région*/ /*choix du type de trajet*/ #reserver .types_trajets{text-align:center;} #reserver .libelle_types_trajets{float:left; width:570px;} #reserver .types_trajets2{text-align:center; float:right; width:550px; margin:0 10px} #reserver .types_trajets2 img{margin:8px 20px 8px 20px} #reserver #AV {float:right; margin-right:80px;} #reserver #VA {float:left; margin-left:80px;} /*paramétrage du trajet*/ #reserver .form_trajet{width:300px; padding:5px;} #reserver .form_trajet label{width:150px;} #reserver .gauche{background-color:#f1f5FF;/*BCE1F5*/} #reserver .droite{background-color:#FFf1f5;/*EBC4C4*/ text-align:left;} /*récapitulatif affichage meilleur prix*/ #reserver .tab_calcule_prix {background-color:#fff; margin:-10px 0 15px -15px; font-size:10px} #reserver .tab_calcule_prix th{background-color:#5e90b9; color:white;} #reserver .tab_calcule_prix td{padding:1px 5px} #reserver .tab_calcule_prix .libelle{border:1px #5e90b9 solid;} #reserver .tab_calcule_prix .erreur_feminin {font-weight:bold; color:red; text-align:center; padding:10px} #reserver .tab_calcule_prix .center{border:1px #5e90b9 solid; width:100px; text-align:center;} #reserver .tab_calcule_prix .tarif{border:1px #5e90b9 solid; width:50px; text-align:right;} #reserver .tab_calcule_prix .reduction{border:1px #5e90b9 solid; width:50px; text-align:right; color:#14a300} /******************************************/ /******** VEHICULES *********/ /******************************************/ .fiche_vehicule{width:300px; float:left; height:160px; overflow:hidden; position:relative; margin:10px; padding:0px;} .fiche_vehicule .photo{width:95px; height:65px; overflow:hidden; float:left; margin-bottom:5px;} .fiche_vehicule .description{width:195px; float:right; color:#db1616; font-style:italic;} .fiche_vehicule .detail{margin-bottom:5px;} .fiche_vehicule .clear{text-transform:uppercase; position:absolute; bottom:0px; left:0px;} /******************************************/ /****************** SELECT AJAX **************/ /******************************************/ .select_ajax {float:left;} .select_ajax input{float:left; width:115px; border-width:0px;} .select_ajax img{float:right;} .option_ajax {} /******************************************/ /****************** MODIFICATION COMMANDE **************/ /******************************************/ #form_modification #aller{float:left; width:280px;} #form_modification #retour{float:right; width:280px;} /******************************************/ /****************** Login / Logout / Profil **************/ /******************************************/ .bouton_deconnexion{float:right; margin-right:10px;} .Moteur {width:100%; border-collapse:collapse; } .Moteur thead th {background-color:#5e90b9; height:18px; color:#fff; border:1px solid #5e90b9 } .Moteur td {border:1px solid #5e90b9; padding:1px 10px;} .MoteurNavigation {text-align:center; margin-top:10px} .MoteurNavigation a.page:hover {color:#ff0000} .MoteurNavigationPageActuelle {font-weight:bold; color:#ff0000} #erreur {text-align:center; font-weight:bold; margin-top:50px} .MoteurLigne1 .td_pdf {min-width:80px; padding:1px 0} /********************************************************************************/ /* RECAPITULATIF */ /********************************************************************************/ .recapitulatif {width:100%; border-collapse:collapse;} .recapitulatif thead th{background-color:#5e90b9; height:18px; color:#fff; border:1px solid #5e90b9} .recapitulatif td {border:1px solid #5e90b9; padding:1px 10px;} /********************************************************************************/ /*********************************CONTACT***************************************/ /********************************************************************************/ #contact {margin:0 auto; width:500px;} #contact #message textarea{width:300px; height:100px;} .row_rad{padding-left:70px; margin-bottom:10px;} /********************************************************************************/ /*********************************PIEDPAGE***************************************/ /********************************************************************************/ #bas {clear:both; height:22px; padding-top:5px; margin:0 10px 0 0 !important; margin:0 20px 0 0;background:url(images/fonds/bas.gif) no-repeat top right; text-align:right;} #bas p a{color:#c6d8e8; margin:0 10px 0 0; } /********************************************************************************/ /*********************************POPUP***************************************/ /********************************************************************************/ #popup {width:580px; height:509px; padding:10px; margin:10px; border-left:5px solid #dadada; background:url(images/fonds/popup.gif) no-repeat;} #popup h2 {margin-bottom:0px; color:#5e90b9;} #popup h3 {margin-left:10px;color:#303f5b;} #popup .scroll{overflow:auto; height:460px;} #popup p.liste {margin-left:15px;} #popup p img {margin:0 0 5px 10px;float:right; display:inline;} /********************************************************************************/ /*********************************POPUP 2***************************************/ /********************************************************************************/ #popup2 {width:660px; height:550px; padding:10px; margin:10px; border-left:5px solid #dadada; background-color:#FFFFFF} #popup2 h2 {margin-bottom:0px; color:#5e90b9;} #popup2 h3 {margin-left:10px;color:#303f5b;} #popup2 .scroll{overflow:auto; height:460px;} #popup2 p.liste {margin-left:15px;} #popup2 p img {margin:0 0 5px 10px;float:right; display:inline;} /* ########################## CADRE VIDEO ################# */ #carte1 { display: none; position: absolute; top: 0px; left: -380px; height: 270px; width: 480px; border: 1px solid #000000; z-index: 1000; } #carte1 img { border:none; } .fermer-carte { background: #5e90b9; line-height: 16px; height: 18px; padding-right: 1px; color: #ccc; font-size: 11px; font-weight: bold; text-align: right; font-family:Geneva, Arial, Helvetica, sans-serif; } .fermer-carte a { color: #fff; display: block; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none; } .fermer-carte a:hover { color:#FF0000; text-decoration: none; } .cadreX { border: 1px #5e90b9 solid; padding: 0px 3px; } .tab_fix { padding-bottom:10px; } #COM_MSG { height:180px; width:350px; }