/*** Pré-requis Css ***/ * { margin: 0; padding: 0; } HTML, BODY { height: 100%; } BODY { background: #12ADE9 url(../pics/charte/bg-body.png) top left repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; } TABLE { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; } IMG { border: none; } A { text-decoration: none; color: #FFF; } A:hover { text-decoration: underline; } OBJECT { outline:0; } /*** Centrage du site ***/ #center { position: relative; width: 920px; height: 100%; left: 50%; margin-left: -460px; } HTML>BODY #center { min-height: 100%; height: auto; } /*** Header ***/ #header { height: 144px; background: url(../pics/charte/bg-header.jpg) top left no-repeat; } #header H1 { float: left; height: 144px; width: 306px; } #header H1 A { outline:0; display: block; height: 144px; width: 306px; background: url(../pics/charte/bg-h1.jpg) top left no-repeat; font-size: 0px; text-indent: -3000px; } /*** Menu ***/ #header UL { float: left; width: 547px; padding: 121px 0 0 4px; list-style: none; } #header UL LI { float: left; } #header UL LI A { display: block; float: left; height: 16px; font-size: 0px; text-indent: -3000px; } /*** Eléments du menu ***/ #header UL LI A#item1 { width: 101px; margin: 0 0 0 0; background: url(../pics/charte/bg-menu-item1.gif) top left no-repeat; } #header UL LI A#item2 { width: 100px; margin: 0 0 0 0; background: url(../pics/charte/bg-menu-item2.gif) top left no-repeat; } #header UL LI A#item3 { width: 118px; margin: 0 0 0 0; background: url(../pics/charte/bg-menu-item3.gif) top left no-repeat; } #header UL LI A#item4 { width: 53px; margin: 0 0 0 0; background: url(../pics/charte/bg-menu-item4.gif) top left no-repeat; } #header UL LI A#item5 { width: 99px; margin: 0 0 0 0; background: url(../pics/charte/bg-menu-item5.gif) top left no-repeat; } #header UL LI A#item6 { width: 74px; background: url(../pics/charte/bg-menu-item6.gif) top left no-repeat; } #header UL LI A#item1:hover, #header UL LI A#item1.active { background: url(../pics/charte/bg-menu-item1.gif) bottom left no-repeat; } #header UL LI A#item2:hover, #header UL LI A#item2.active { background: url(../pics/charte/bg-menu-item2.gif) bottom left no-repeat; } #header UL LI A#item3:hover, #header UL LI A#item3.active { background: url(../pics/charte/bg-menu-item3.gif) bottom left no-repeat; } #header UL LI A#item4:hover, #header UL LI A#item4.active { background: url(../pics/charte/bg-menu-item4.gif) bottom left no-repeat; } #header UL LI A#item5:hover, #header UL LI A#item5.active { background: url(../pics/charte/bg-menu-item5.gif) bottom left no-repeat; } #header UL LI A#item6:hover, #header UL LI A#item6.active { background: url(../pics/charte/bg-menu-item6.gif) bottom left no-repeat; } /*** Zone de langues ***/ #header #lang { float: left; width: 63px; padding: 124px 0 0 0; } #header #lang A { float: right; width: 16px; height: 11px; font-size: 0px; text-indent: -3000px; margin-left:8px; } /*** Pour chaque drapeau ***/ #header #lang A#fr { background: url(../pics/charte/bg-lang-fr.gif) top left no-repeat; font-size: 0px; text-indent: -3000px; } #header #lang A#en { background: url(../pics/charte/bg-lang-en.gif) top left no-repeat; font-size: 0px; text-indent: -3000px; } #header #lang A#de { background: url(../pics/charte/bg-lang-de.gif) top left no-repeat; font-size: 0px; text-indent: -3000px; } /*** Content ***/ #content { margin: 0 0 10px 0; padding: 0 0 0 15px; background:url(../pics/charte/bg-content.gif) top left repeat-y; } #main { background:url(../pics/charte/bg-main.png) top left no-repeat; width:905px; } /*** Home page ***/ #homeLeft { float: left; width: 272px; height: 550px; padding: 0 14px 0 13px; margin: 5px 4px 0 0; background: #2AB5EB url(../pics/charte/bg-homeLeft.png) top left no-repeat; } #homeCenter { float: left; width: 285px; height: 550px; padding: 0 7px 0 7px; margin: 5px 4px 0 0; background: #2AB5EB url(../pics/charte/bg-homeCenter.png) top left no-repeat; } #homeRight { float: left; width: 279px; height: 550px; padding: 0 10px 0 10px; margin: 5px 0 0 0; background: #2AB5EB url(../pics/charte/bg-homeRight.png) top left no-repeat; } #homeLeft H3, #homeRight H3 { font-size: 13px; font-weight: bold; margin: 15px 0 10px 0; } #homeLeft P, #homeRight P { line-height: 16px; margin: 0 0 14px 0; text-align: justify; } #homeCenter P { margin: 5px 0 5px 0; } #homeLeft #vignettes { text-align:center; } #homeLeft #vignettes A { margin:0 15px 0 15px; } #promo { height:80px; background:url(../pics/charte/bg-promo.png) top left no-repeat; margin-top:5px; } #promo A { display:block; height:80px; width:100%; text-indent:-9000px; font-size:0; } /*** Pages internes ***/ /*** Colonne de gauche ***/ #columnLeft { float: left; width: 274px; margin: 0 0 0 0; height:499px; padding: 0 11px 31px 15px; background: #2AB5EB url(../pics/charte/bg-column-left.png) top left repeat-x; } #columnLeft UL { list-style: none; margin: 10px 4px 0 0; background: #55C2ED url(../pics/charte/bg-ul-column-left.png) top left repeat-x; } #columnLeft UL LI { font-size: 13px; } #columnLeft UL LI A { display: block; height: 21px; padding: 4px 11px 0 0; text-align: right; border-bottom: 1px solid #2892C1; } #columnLeft UL LI A.last { border: none; } #columnLeft UL LI A:hover, #columnLeft UL LI A.active { background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat; text-decoration: none; } #columnLeft .imgColumnLeft { margin: 15px 0 0 0; } #flashGallery { margin: 15px 0 0 0; } #flashVideo { margin: 15px 0 0 0; height:203px; width:270px; padding:3px 0 0 3px; background:url(../pics/charte/bg-illustration-column-left.jpg) top left no-repeat; } /*** Classes spécifiques aux couleurs de liens ***/ A.subRed:hover , A.subRedActive { color: #FE314F; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subBlue:hover , A.subBlueActive { color: #2A51DD; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subBlue2:hover , A.subBlue2Active { color: #4EAFDE; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subGreen:hover , A.subGreenActive { color: #10AB37; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subOrange:hover, A.subOrangeActive { color: #F60; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subPurple:hover, A.subPurpleActive { color: #63C; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subYellow:hover, A.subYellowActive { color: #FFE900; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subSun:hover, A.subSunActive { color: #FFCC00; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } A.subSky:hover, A.subSkyActive { color: #0F7DAF; background: #7EC2E0 url(../pics/charte/bg-sousMenu-hover.gif) top left no-repeat !important; } /*** Zone article ***/ #article { float: right; width: 522px; height: 550px; padding: 31px 40px 0 40px; font-size: 12px; } HTML>BODY>#center>#content>#main>#article { min-height:550px; height:auto; } #article H3 { font-size: 14px; font-weight: bold; margin: 17px 0 22px 0; } #article H4 { font-size:12px; } #article P { line-height: 18px; margin: 0 0 14px 0; text-align: justify; } #article UL { list-style:square outside; margin:0 0 14px 30px; } #article LI { line-height: 16px; text-align: justify; margin:0 0 5px 0; } #article A { text-decoration:underline; font-weight:bold; } #article HR { margin-bottom:10px; color:#DBEEF7; height:1px; } /*** Titres et sous-titre en images ***/ H2#bienvenueAmboise { height: 40px; margin: 0 0 7px 0; background: url(../pics/charte/bg-h2-bienvenueAmboise.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#reservationVol { height: 40px; margin: 0 0 7px 0; background: url(../pics/charte/bg-h2-reservationVol.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#pubAerienne { height: 40px; margin: 0 0 7px 0; background: url(../pics/charte/bg-h2-pubAerienne.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#volEnFamille { height: 28px; background: url(../pics/charte/bg-h2-vol-en-famille.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#billeterie { height: 38px; background: url(../pics/charte/bg-h2-billeterie.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosPromotions { height: 38px; background: url(../pics/charte/bg-h2-nos-promotions.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#commentCommander { height: 38px; background: url(../pics/charte/bg-h2-comment-commander.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#tShirt { height: 38px; background: url(../pics/charte/bg-h2-tshirt.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#cgvBalloonRevolution { height: 58px; background: url(../pics/charte/bg-h2-cgv.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#billeteriePrestige { height: 38px; background: url(../pics/charte/bg-h2-billeterie-prestige.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } /*H2#billeterieStValentin { height: 38px; background: url(../pics/charte/bg-h2-billeterie-stvalentin.png) top left no-repeat; font-size: 0px; text-indent: -3000px; }*/ H2#billeterieIndividuel { height: 38px; background: url(../pics/charte/bg-h2-billeterie-individuel.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#billeterieEnfant { height: 38px; background: url(../pics/charte/bg-h2-billeterie-enfant.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#billeterieCouple { height: 38px; background: url(../pics/charte/bg-h2-billeterie-couples.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#billeterieTshirt { height: 38px; background: url(../pics/charte/bg-h2-billeterie-tshirt.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#contact { height: 38px; background: url(../pics/charte/bg-h2-contact.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#blog { height: 38px; background: url(../pics/charte/bg-h2-blog.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espacePro { height: 68px; background: url(../pics/charte/bg-h2-espace-pro.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espaceProCommunication { height: 68px; background: url(../pics/charte/bg-h2-espace-pro-communication.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espaceProVols { height: 38px; background: url(../pics/charte/bg-h2-espace-pro-vols-groupes.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espaceProCadeau { height: 38px; background: url(../pics/charte/bg-h2-espace-pro-cadeau.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espaceProTeambuilding { height: 38px; background: url(../pics/charte/bg-h2-espace-pro-teambuilding.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#espaceProBallons { height: 38px; background: url(../pics/charte/bg-h2-espace-pro-ballons.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#presentation { height: 38px; background: url(../pics/charte/bg-h2-presentation.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVols { height: 38px; background: url(../pics/charte/bg-h2-nos-vols.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsIndividuel { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-individuel.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsEnfant { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-enfant.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsCouple { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-couple.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsFamille { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-famille.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsPromotions { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-promotions.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsChateau { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-prestige.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsGroupe { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-groupe.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsCaptif { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-captif.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#nosVolsBallonTraction { height: 38px; background: url(../pics/charte/bg-h2-nos-vols-traction.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#situation { height: 38px; background: url(../pics/charte/bg-h2-situation.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#lesPlus { height: 38px; background: url(../pics/charte/bg-h2-les-plus.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#partenaires { height: 38px; background: url(../pics/charte/bg-h2-partenaires.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#reservation { height: 38px; background: url(../pics/charte/bg-h2-reservation.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } H2#videoVol { height: 38px; background: url(../pics/charte/bg-h2-video-vol.png) top left no-repeat; font-size: 0px; text-indent: -3000px; } /* Nos vols (horaires) */ TABLE#horaires { font-size:10px; width:520px; border:1px solid #fff; line-height:18px; margin-bottom:15px; text-align:center; } #horaires TD { width:40px; height:25px; } /*** Formulaires ***/ FORM { margin-bottom:20px; } FORM P { clear:both; margin-bottom:5px!important; } FORM LABEL { float:left; width:100px; display:block; text-align:left; } FORM INPUT { width:125px; margin:0 20px 8px 0; padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB; } FORM SELECT { width:135px; margin:0 5px 8px 0!important; padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB;} FORM TEXTAREA { float:left; width:153px; margin:0 5px 0 0!important; padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB; font-family: Verdana, Arial, Helvetica, sans-serif; } .double INPUT { float:left; } P.check { padding-left:223px; } P.check LABEL { display:inline; vertical-align:middle; float:none; margin-right:15px; } INPUT.chk { border:none; background:none; width:auto!important; height:auto; vertical-align:middle!important; padding:0; margin:0 4px 0 0!important; } .inputDate { margin-right:3px; } /* Boutique tshirt */ #boutique INPUT { vertical-align:middle; width:30px; margin:0 0 0 5px; text-align:center;} /*** Billetterie ***/ #listeVols { float:left; width:220px; text-align:left!important; } #listeVols UL { list-style:none; margin:0; } #listeVols LI { line-height:16px; height:15px; } #listeVols A { font-weight:normal; font-size:11px; } #listeVols A:hover { background:none!important; } #descVols { float:right; width:279px; height:270px; margin-top:5px; background:url(../pics/charte/bg-descVol.png) top left no-repeat; position:relative; } .descVol { display:none; padding: 115px 21px 0 16px; position:relative; height:145px; } .descVol DIV { } .descVol P { line-height:14px!important; margin-bottom:18px!important; } .tarif { position:absolute; bottom:0; width:240px; text-align:right!important; } .tarif STRONG { font-size:16px; font-weight:bold; } /*#desc_stvalentin { background:url(../pics/charte/bg-desc-stvalentin.jpg) top left no-repeat; }*/ #desc_individuel { background:url(../pics/charte/bg-desc-individuel.jpg) top left no-repeat; } #desc_enfant { background:url(../pics/charte/bg-desc-enfant.jpg) top left no-repeat; } #desc_couple { background:url(../pics/charte/bg-desc-couple.jpg) top left no-repeat; } #desc_famille { background:url(../pics/charte/bg-desc-famille.jpg) top left no-repeat; } #desc_traction { background:url(../pics/charte/bg-desc-traction.jpg) top left no-repeat; } #desc_prestige2 { background:url(../pics/charte/bg-desc-prestige.jpg) top left no-repeat; } #desc_prestige4 { background:url(../pics/charte/bg-desc-prestige.jpg) top left no-repeat; } #desc_semaine { background:url(../pics/charte/bg-desc-semaine.jpg) top left no-repeat; } #desc_attente { background:url(../pics/charte/bg-desc-attente.jpg) top left no-repeat; } .quantite { width:30px; text-align:center!important; vertical-align:middle; margin:0 0 0 5px; } /*** Panier ***/ #addToCart INPUT { vertical-align:top; } #addToCart SELECT { vertical-align:top; margin:5px 5px 0 0!important; } #ajoutBillet { float:left; cursor:pointer; width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-cart.gif) top left no-repeat!important; border:none!important; font-size:0px!important; text-indent:-9000px; margin:0 0 0 30px; } #quantite { width:30px; height:17px; text-align:center!important; margin:5px 5px 0 5px!important; float:left; } #cart { width:100%; border:2px solid #7EC2E0; margin:0 0 15px 0; } #cart TH { background-color:#7EC2E0; } #cart TH.prix { } #cart TD, #cart TH { padding:5px; text-align:center; } #cart .cartVol TD { border-bottom:1px solid #7EC2E0; } #cart .cartFoot TD { background-color:#7EC2E0; padding:2px; margin-top:5px; font-size:13px; } #cart .remove { display:block; text-indent:-9000px; text-decoration:none; font-size:0; width:16px; height:16px; background:url(../pics/charte/cancel.png) top left no-repeat; margin:auto; } /*** Formulaire de reservation ***/ .simple LABEL { width:223px; } .simple INPUT { width:125px; } .passagers { margin-bottom:8px!important; } .passagers INPUT { width:75px; margin:0 8px 0 0!important; } .passagers LABEL { width:50px!important; margin:0 5px 0 0; float:none; display:inline; } .age, .poids { width:25px!important; } #matin, #soir { width:auto; vertical-align:middle; float:none; height:auto; border:none; padding:0; background:none; } .adresse INPUT { width:375px; } /* Recapitulatif */ #choixAcompte INPUT { vertical-align:middle; width:16px; margin:0 5px 0 5px; background:none; border:none; } #choixAcompte LABEL { vertical-align:middle; float:none; display:inline; } .label { float:left; clear:both; display:block; width:150px; } .value { float:right; display:block; width:350px; font-weight:bold; } #modifier { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-modifier.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; margin:auto; } #confirmer { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-5.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; float:left; margin:0 0 20px 0; } #recap_cb { margin-bottom:0px; } .btn_reglement { display:block; float:left; width:80px; height:60px; padding:0; margin:5px 10px 0 0; border:none!important; text-indent:-9000px; font-size:0px; cursor:pointer; } #btn_cheque { background:url(../pics/charte/paiement-cheque.jpg) top left no-repeat; } #btn_virement { background:url(../pics/charte/paiement-virement.jpg) top left no-repeat; } #btn_chequevacances { background:url(../pics/charte/paiement-ancv.jpg) top left no-repeat; } #btn_cb { background:url(../pics/charte/paiement-cb.jpg) top left no-repeat; } #btn_especes { background:url(../pics/charte/paiement-especes.jpg) top left no-repeat; } /*** Contact ***/ #contactForm { margin:30px 0 20px 0; } #contactForm #type_demande { width:385px; } #contactForm #description { width:380px; } #contactForm #envoyer { width:154px!important; height:31px!important; background:url(../pics/charte/bg-envoyer.gif) top left no-repeat; border:none; font-size:0; text-indent:-9000px; cursor:pointer; margin:20px 0 0 210px!important; display:block; } /*** Blog ***/ #comment_form { padding:10px; margin-bottom:20px; } #comment_form LABEL { width:150px; } #auteur, #texte { width:300px; } #comment_form #envoyer { width:154px!important; height:31px!important; background:url(../pics/charte/bg-envoyer.gif) top left no-repeat; border:none; font-size:0; text-indent:-9000px; cursor:pointer; margin:0 0 0 150px; display:block; } /*** Logos page présentation ***/ #logos { text-align:center!important; } #logos IMG { margin:20px 30px 20px 20px; } /*** Partenaires ***/ HTML>BODY>#center>#content>#main>#article>.partenaire { min-height:50px; height:auto; } .partenaire { width:100%; font-size:11px!important; height:50px; margin-bottom:40px; } .partenaire IMG { float:left; margin: 5px 10px 0 0; border: 2px solid #FFF; } .partenaire DIV { float: right; width: 330px; } .partenaire H3 { margin:0 0 10px 0!important; } /*** CGV ***/ #cgv { padding:5px; margin-bottom:40px; } /*** Video "Vidéo d'un vol" ***/ .flv { height: 400px; width: 520px; padding: 20px 0 20px 0; margin: 8px 0 0 0; background: url(../pics/charte/bg-video.png) top left no-repeat; } .flv DIV { border: 2px solid #FFF; width: 476px; height: 380px; margin: 0 auto 0 auto; } /*** Footer ***/ #footer { clear: both; height: 68px; margin: 0 0 0 0; padding: 10px 0 10px 0; background: #2AB5EB url(../pics/charte/bg-footer.jpg) top left no-repeat; } #footer A { color: #BEE3F6; } #footer A:hover { color: #FFF; } #footer P, #footer LI { color: #BEE3F6; font-size: 10px; line-height: 17px; } #footerLeft { float: left; width: 292px; padding: 0 0 0 10px; } #footerCenter { float: left; width: 292px; padding: 0 0 0 10px; border-left: 1px solid #7FD3F3; } #footerRight { float: left; width: 280px; padding: 0 0 0 10px; border-left: 1px solid #7FD3F3; } #footer UL.fastNav { list-style: none; float: left; width: 140px; } #footer .titre { font-size: 12px; font-weight: bold; font-size: 11px ; } /*** Styles génériques ***/ .spacer { clear: both; font-size: 0px; height:0; } .clear { clear:both; } .center { text-align: center !important; } .right { text-align: right !important; } .gauche { float:left; } .droite { float:right; } .vert { color:#10AB37!important; font-size:13px; } .rouge { color:#FE314F!important; font-size:13px; text-decoration:none!important; } .violet { color:#9877DD!important; font-size:13px; } .orange { color:#FF6600!important; font-size:13px; } .yellow { color:#FFE900!important; font-size:13px; } .sun { color:#FFCC00!important; font-size:13px; } .sky { color:#11A4DE!important; font-size:13px; } .bleu { color:#5676E4!important; font-size:13px; } .encart { background-color:#2897C7; padding:10px 5px 5px 5px; margin-bottom:15px; border:1px solid #DBEEF7; } .encart H3 { margin-top:0!important; } .button { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button.gif) top left no-repeat!important; border:none!important; font-size:0!important; text-indent:-9000px; cursor:pointer; display:block; } .button2 { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-2.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; } .button3 { width:310px!important; height:31px!important; background:url(../pics/charte/bg-button-3.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; } .button4 { width:310px!important; height:31px!important; background:url(../pics/charte/bg-button-4.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; } .button5 { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-5.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; } .button6 { width:179px!important; height:31px!important; background:url(../pics/charte/bg-button-6.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; margin:auto; } /********** CALENDRIER JS **********/ .calendarIcon { vertical-align:top; cursor:pointer; margin-top:1px; } .calendar_week_row TD { color:#000; } #calendarDiv { position: absolute; width: 224px; border: 1px solid #255B7E; padding: 1px; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding-bottom: 20px; visibility: hidden; } #calendarDiv SPAN, #calendarDiv IMG { float: left; } #calendarDiv .selectBox, #calendarDiv .selectBoxOver { line-height: 12px; padding: 1px; cursor: pointer; padding-left: 2px; } #calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver { line-height: 12px; padding: 1px; cursor: pointer; padding-left: 2px; } #calendarDiv TD { padding: 3px; margin: 0px; font-size: 10px; } #calendarDiv .selectBox { border: 1px solid #E2EBED; color: #E2EBED; position: relative; } #calendarDiv .selectBoxOver { border: 1px solid #FFF; background-color: #255B7E; color: #FFF; position: relative; } #calendarDiv .selectBoxTime { border: 1px solid #255B7E; color: #255B7E; position: relative; } #calendarDiv .selectBoxTimeOver { border: 1px solid #216072; color: #216072; position: relative; } #calendarDiv .topBar { height: 16px; padding: 2px; background-color: #255B7E; } #calendarDiv .activeDay { color: #FF0000; } #calendarDiv .todaysDate { height: 17px; line-height: 17px; padding: 2px; background-color: #E2EBED; text-align: center; position: absolute; bottom: 0px; width: 221px; } #calendarDiv .todaysDate DIV { float:left; } #calendarDiv .timeBar { height: 17px; line-height: 17px; background-color: #E2EBED; width: 72px; color: #FFF; position: absolute; right: 0px; } #calendarDiv .timeBar DIV { float: left; margin-right: 1px; } #calendarDiv .monthYearPicker { background-color: #E2EBED; border: 1px solid #AAAAAA; position: absolute; color: #255B7E; left: 0px; top: 15px; z-index: 1000; display: none; } #calendarDiv #monthSelect { width: 75px; color: #FFF !important; } #calendarDiv .monthYearPicker DIV { float: none; clear: both; padding: 1px; margin: 1px; cursor: pointer; } #calendarDiv .monthYearActive { background-color: #255B7E; color: #E2EBED; } #calendarDiv TD { text-align: right; cursor: pointer; color:#000; } #calendarDiv .topBar IMG { cursor: pointer; } #calendarDiv .topBar DIV { float: left; margin-right: 1px; } #calendarDiv #todaysDateString { color:#000; }