* { margin:0; padding:0; border:0; font-size:11px; } h1 { padding: 0 0 5px 0; margin: 0 0 10px 0; color: #009ee0; font-size: 14px; font-weight: bold; border-bottom: solid 1px #009ee0; } h2 { padding: 0 0 5px 0; margin: 0; color: #9baf00; font-size: 11px; font-weight: bold; } p { padding: 0; margin: 0; } ul { padding: 5px 0 0 35px; margin: 0 0 20px 0; } li { margin: 5px 0 5px 20px; padding: 0 0 0 0; list-style: url(../images/interface/puce.gif); } img { border: 0px; padding: 0; margin: 0; } a { padding: 0; margin: 0; color: #009ee0; text-decoration: none; } a:active { padding: 0; margin: 0; color: #009ee0; text-decoration: none; } a:visited { padding: 0; margin: 0; color: #009ee0; text-decoration: none; } a:hover { padding: 0; margin: 0; color: #009ee0; text-decoration: underline; } .sousTitre { padding: 0 0 3px 0; margin: 0; color: #9baf00; font-size: 11px; font-weight: bold; border-bottom-color: #9baf00; border-bottom-style: solid; border-bottom-width: 1px; } /*========================================================================================== ==========================================================================================*/ body { background-color: #ebedd3; background-image: url(../images/interface/background.gif); background-position: top; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #2f2e2e; margin: 0; padding: 0; } /*========================================================================================== CONTENEUR ==========================================================================================*/ .main { width: 762px; padding: 0; margin-left: auto; margin-right: auto; } /*========================================================================================== BANDEAU ==========================================================================================*/ .bandeau { width: 762px; margin: 0 0 0 0; padding: 0 0 0 0; } /*========================================================================================== MENU ==========================================================================================*/ .blocGauche { width: 162px; margin: 0; padding: 0; float: left; } .zoneMenu { background-color: #FFFFFF; width: 162px; margin: 0; padding: 0 0 5px 5px; } #menu a { padding: 0 0 0 10px; margin: 0; height: 27px; line-height: 27px; width: 147px; /* 157 -10 */ background: url(../images/interface/fond-bouton-menu.gif) 0 0 no-repeat; display: block; color: #FFF; text-decoration: none; } #menu a:active { padding: 0 0 0 10px; margin: 0; height: 27px; line-height: 27px; width: 147px; /* 157 -10 */ background: url(../images/interface/fond-bouton-menu.gif) 0 0 no-repeat; display: block; color: #FFF; text-decoration: none; } #menu a:visited { padding: 0 0 0 10px; margin: ; height: 27px; line-height: 27px; width: 147px; /* 157 -10 */ background: url(../images/interface/fond-bouton-menu.gif) 0 0 no-repeat; display: block; color: #FFF; text-decoration: none; } #menu a:hover, .zoneMenu a#selected { background-position:0 -27px; } /*========================================================================================== FORMULAIRE ==========================================================================================*/ h5.formErrorMsg { color: red; font-size: 11px; font-weight: bold; } form.formulaire { margin-left: 20px; } form.formulaire fieldset { border-left: 5px solid #B0C700; padding-left: 10px; margin-bottom: 15px; } form.formulaire fieldset legend { color: #9BAF00; font-weight: bold; margin-bottom: 5px; } form.formulaire fieldset label { font-weight: bold; float: left; width: 100px; } form.formulaire fieldset span.etoile{ color: red; font-weight: bold; } form.formulaire fieldset input, form.formulaire fieldset textarea { width: 200px; margin-bottom: 2px; border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; } form.formulaire fieldset input.error, form.formulaire fieldset textarea.error { border: 1px solid red; background: #FFA6A6; } form.formulaire fieldset input:hover, form.formulaire fieldset textarea:hover, form.formulaire fieldset input:focus, form.formulaire fieldset textarea:focus { background: #EFF4CC; } form.formulaire input.submit { width: 100px; font-weight: bold; border: 1px solid #ccc; } /*========================================================================================== ACTUALITES ==========================================================================================*/ .fondActualites { margin: 0; padding: 0 0 5px 5px; width: 162px; background-color: #FFF; clear: both; } .fondTexteActualites { margin: 0; padding-bottom: 10px; width: 157px; background-color: #d2df6d; clear: both; } .actualites { width: 147px; /* 157 -5 */ height: 25px; margin: 0 0 0 0; padding: 0 0 0 10px; background-color: #b0c700; color: #FFFFFF; line-height: 25px; font-weight: bold; } .titreActualites { padding: 10px 0 0 10px; color: #333333; font-weight: bold; } .texteActualites { padding: 0 0 0 10px; color: #333333; } /*========================================================================================== CONTENU ==========================================================================================*/ .contenu { width: 580px; margin: 0 0 0 0; padding: 0 5px 25px 5px; background-color: #FFFFFF; float: right; } .boutonAdherer:link { width: 115px; height: 40px; background-image: url(../images/interface/bouton-adherer.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonAdherer:active { width: 115px; height: 40px; background-image: url(../images/interface/bouton-adherer.gif); float: left; } .boutonAdherer:visited { width: 115px; height: 40px; background-image: url(../images/interface/bouton-adherer.gif); float: left; } .boutonAdherer:hover { background-position: 0 -40px; } .boutonContact:link { width: 118px; height: 40px; background-image: url(../images/interface/bouton-contact.jpg); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonContact:active { width: 118px; height: 40px; background-image: url(../images/interface/bouton-contact.jpg); float: left; } .boutonContact:visited { width: 118px; height: 40px; background-image: url(../images/interface/bouton-contact.jpg); float: left; } .boutonContact:hover { background-position: 0 -40px; } .boutonReserver:link { width: 118px; height: 40px; background-image: url(../images/interface/bouton-reserver.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonReserver:active { width: 118px; height: 40px; background-image: url(../images/interface/bouton-reserver.gif); float: left; } .boutonReserver:visited { width: 118px; height: 40px; background-image: url(../images/interface/bouton-reserver.gif); float: left; } .boutonReserver:hover { background-position: 0 -40px; } .boutonCovoiturer:link { width: 114px; height: 40px; background-image: url(../images/interface/bouton-covoiturer.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonCovoiturer:active { width: 114px; height: 40px; background-image: url(../images/interface/bouton-covoiturer.gif); float: left; } .boutonCovoiturer:visited { width: 114px; height: 40px; background-image: url(../images/interface/bouton-covoiturer.gif); float: left; } .boutonCovoiturer:hover { background-position: 0 -40px; } .boutonModeEmploi:link { width: 118px; height: 40px; background-image: url(../images/interface/bouton-mode-emploi.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonModeEmploi:active { width: 118px; height: 40px; background-image: url(../images/interface/bouton-mode-emploi.gif); float: left; } .boutonModeEmploi:visited { width: 118px; height: 40px; background-image: url(../images/interface/bouton-mode-emploi.gif); float: left; } .boutonModeEmploi:hover { background-position: 0 -40px; } .boutonPartenaires:link { width: 115px; height: 40px; background-image: url(../images/interface/bouton-partenaires.gif); background-position: 0 0; background-repeat: no-repeat; display: block; float: left; } .boutonPartenaires:active { width: 115px; height: 40px; background-image: url(../images/interface/bouton-partenaires.gif); float: left; } .boutonPartenaires:visited { width: 115px; height: 40px; background-image: url(../images/interface/bouton-partenaires.gif); float: left; } .boutonPartenaires:hover { background-position: 0 -40px; } /*========================================================================================== BLOCS CONTENU GAUCHE & DROITE ==========================================================================================*/ .blocContenuGauche { width: 265px; margin: 25px 0 0 5px; padding: 0; float: left; } .blocContenuDroite { width: 265px; margin: 25px 5px 0 0; padding: 0; float: right; } .bloc { width: 560px; margin: 25px 10px 0 10px; padding: 20px 0 0 0; clear:both; } /*========================================================================================== FOOTER ==========================================================================================*/ .logo-partenaires { width: 590px; background: #FFFFFF; float: right; padding-bottom: 15px; } .footer { width: 590px; line-height: 20px; font-size: 10px; color: #A0A0A0; float: right; } .footer a:link { margin: 0 10px 0 10px; padding: 0; color: #A0A0A0; text-decoration: none; } .footer a:active { margin: 0 10px 0 10px; padding: 0; color: #A0A0A0; text-decoration: none; } .footer a:visited { margin: 0 10px 0 10px; padding: 0; color: #A0A0A0; text-decoration: none; } .footer a:hover { margin: 0 10px 0 10px; padding: 0; color: #A0A0A0; text-decoration: underline; } .push-video { margin: 0 0 25px 0; padding: 0; } .iso-savoie { height: 49px; display: block; margin: 10px 0 0 44px; padding: 0; } .step1 { background: url(../images/interface/step1.gif) top left no-repeat; margin-bottom: 10px; } .step2 { background: url(../images/interface/step2.gif) top left no-repeat; margin-bottom: 10px; } .step3 { background: url(../images/interface/step3.gif) top left no-repeat; margin-bottom: 10px; } .step4 { background: url(../images/interface/step4.gif) top left no-repeat; margin-bottom: 10px; } .step5 { background: url(../images/interface/step5.gif) top left no-repeat; margin-bottom: 30px; } .titreStep { padding: 5px 0 0 41px; margin: 0; color: #9baf00; font-size: 11px; font-weight: bold; } .texteStep { padding: 5px 0 0 41px; margin: 0; } .lineBreack { padding: 0 0 20px 0; margin: 0; } .imageActu { margin: 0 10px 10px 0; padding: 0; float: left; } .blocActu { padding: 0 0 20px 0; margin: 0; } .blocActuImage { padding: 0 0 20px 0; margin: 0; width: 16%; float: left; text-align: center; } .blocActuContenu { padding: 0 0 20px 10px; margin: 0; width: 80%; float: left; } .wrapper { clear:both; } #calculateur { background: #e1f5ff; padding: 0 0 10px 0; } #calculateur label { padding: 0 0 0 10px; font-weight: bold; color: #333; width: 50px; display: block; float: left; } #calculateur h3 { padding: 10px; color: #009ee0; font-size: 12px; font-weight: bold; } #calculateur label { margin: 5px 0; width: 75px; } #calculateur input { width: 100px; margin: 5px 0; border: solid 1px #7f9db9; } #calculateur .categorie { width: 164px; margin: 5px 0; border: solid 1px #7f9db9; } #calculateur .heure { margin: 5px 0; border: solid 1px #7f9db9; } #calculateur .btn-calcul { color: #fff; font-weight: bold; margin: 5px 0 5px 85px; border: solid 1px #008fca; background: #009ee0; } #calculateur .ligneTotal { display: block; padding-left: 10px; height: 20px; } #calculateur .total { margin: 5px 0 5px 0; font-weight: bold; width: 65px; float: left; } #calculateur #totalCalcul { margin: 5px 0 5px 10px; float: left; font-weight: bold; } .stationMap { margin: 20px 0 0 0; } table.tabTarifs, table.tabTarifs table { border-collapse: collapse; border: 1px solid #000; width: 100%; } table.tabTarifs { } table.tabTarifs table tr td { border-right: 1px solid #000; } table.tabTarifs th { border: 1px solid #000; text-align:center; } .tabTarifs td.titleInsideColonne { font-size: 12px; font-style: normal; color: #000; text-align: left !important; } .main .contenu .bloc div .tabTarifs tbody tr td { font-size: 12px; text-align: right; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 2px; border-bottom: 1px solid #000; } .main .contenu .bloc div .tabTarifs .border { border-right-width: 1px; border-right-style: solid; border-right-color: #000; } .main .contenu .bloc div .tabTarifs tbody tr .titleInsideTableau span { font-size: 13px; font-weight: bold; color: #9FAF00; text-align: center; vertical-align: middle; } .main .contenu .bloc div .tabTarifs tbody tr .titleInsideTableau { text-align: center; vertical-align: middle; } table.tabTarifs .noborder { border: none !important; } div.blockActualites { width: 250px; background: #fff; } div.blockActualites div.texteActu { width: 100%; } .borderLeft { border-left: 1px solid #000; } div.contenu form.eileo { background: #D2DF6D; padding: 5px; } div.contenu form.eileo h2 { color: #333; } div.contenu form.eileo label { width: 75px; display: block; float: left; margin-bottom: 5px; clear: both; } div.contenu form.eileo input[type=text], div.contenu form.eileo input[type=password], div.contenu form.eileo select, div.contenu form.eileo textarea { display: block; margin-bottom: 5px; float: left; border: 1px solid #333; } div.blocVoiture { display: block; float: left; height: 200px; margin-right: 25px; margin-left: 25px; margin-bottom: 10px; } div.blocVoiture img { height: 150px; } div.blocVoiture span { display: block; width: 100%; text-align: center; font-weight: bold; } div.push { background-color: #E60028 !important; } form.formActu label { float: left; width: 75px; clear: both; } form.formActu input[type='text'], form.formActu input[type='password'] { width: 100px !important; float: left; margin-bottom: 5px; }