/* Gabarit 2 colonnes du Front */ * { margin:0; padding:0; border: none; text-decoration: none } body { margin: 0 0 0px 0; padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; color: #000; background: #cfdde8 url(../images/fond/f-body3.gif) left top no-repeat; } body#bodyhome { background: #cfdde8 url(../images/fond/f-body3.gif) left top no-repeat; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em } h2 { height: 48px; margin: 30px 0 20px 6px; padding: 16px 0 0 60px; font: normal 23px "Trebuchet MS"; color: #cad5de; } h2.remplace { margin: 20px 0 30px 20px; padding: 16px 0 0 60px; font: normal 18px "Trebuchet MS"; color: #cad5de; background: url(../images/fond/f-h2.gif) left 3px no-repeat; } h2.remplace img { position:relative; top: -5px; left: 0px; } h3 { margin: 15px 0 10px 0px; font: normal 18px arial; color: #cad5de; background:url(../images/fond/h3.gif) left bottom repeat-x; padding-bottom:8px } h4 { margin: 15px 0 10px 15px; font: normal 17px arial; color: #cad5de } h5 { margin: 15px 0 10px 10px; font: normal 16px arial; color: #cad5de } p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial; color:#fff } textarea { padding: 4px; font: normal 11px arial } select { font: normal 11px arial } ul li { list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px; color: #ffffff; } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 28px; background: url(../images/puce/p4.gif) left 2px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } a img { border: none; text-decoration: none } a { color: #9bc0e3; text-decoration: underline; font: normal 11px arial } a:hover { color: #9bc0e3; text-decoration: none } abbr { cursor: help } .format { padding: 0 45px 20px 45px; } .format p { color: #ffffff } p.km { font: bold 14px/18px arial; margin: 10px 0 15px 45px; color: #ffffff } p#bonjour { position: absolute; top: 122px; left: 20px; color: #ffffff; } /* ////////////////////////////////////// Pages interieures */ div.content-spe-s2 { width: 956px; background: url(../images/fond/content-spe-s2.gif) left top repeat-y; } div.content-spe-s { width: 956px; background: url(../images/fond/content-spe-s3.gif) left top no-repeat; } div.content-spe-bot { background: url(../images/fond/content-spe-bot.gif) left bottom no-repeat; } div.content-spe-top { width: 956px; min-height: 620px; padding: 0px 5px 70px 0px; background: url(../images/fond/content-spe-top.gif) left top no-repeat; } #col-droite-spe { float: right; width: 275px; position:relative; top: 0px; left: -5px; } #col-droite-spe h2 { position:relative; top: -10px; left: -54px; margin: 0 0 20px 0px; } #col-droite-spe #demandeH2 { position:relative; top: -10px; left: -60px; } #col-droite-speX { float: right; width: 275px; position:relative; top: 0px; left: -5px; } #col-droite-speX h2 { left:-52px;margin:0pt 0pt 20px 0px;position:relative;top:-6px; } #col-droite-spe #nLetterH2 { left:-52px;margin:0pt 0pt 20px 0px;position:relative;top:-6px; } #col-droite-spe77 h2 { position:relative; top: -10px; left: -54px; margin: 0 0 20px 0px; } /* */ #col-droite-spe2 { float: right; width: 275px; padding: 16px 0 0 0; position:relative; top: 0px; left: -5px; } #col-droite-spe2 h2 { position:relative; top: -5px; left: 0px; } #col-droite-spe2 h2#demandeH2 { position:relative; top: -10px; left: 6px; margin: 0 0 25px 0; padding: 0; } p.visuColDroite2 { position:relative; top: 0px; left: -1px; } p.visuColDroite2 img { position:absolute; top: -12px; left: 0px; } p.visuColDroite2556 { position:relative; top: 0px; left: -1px; } p.visuColDroite2556 img { position:absolute; top: -26px; left: 0px; } p.visuColDroite25 { position:relative; top: -29px; left: -1px; } p.visuColDroite25 img { position:absolute; top: -1px; left: 0px; } p.visuColDroite255 { position:relative; top: 0px; left: -1px; } p.visuColDroite255 img {left:0px;position:relative;top:-13px; } p.txtColDroite { position:relative; top: 30px; left: 0px; } /* */ #col-gauche-spe { float: left; width: 630px; padding: 95px 20px 10px 20px ; } #col-gauche-spe p { color: #ffffff; } #histo, #avantages, #cadre { display: none; } #col-droite-spe ul { margin: 0; padding: 0; background-color: #e8e8e8; height: 236px } #col-droite-spe ul li { margin: 0; padding: 0; } #col-droite-spe ul li a { display: block; height: 25px; padding: 8px 0 0 25px; background: url(../images/fond/f-a-liste.gif) left top no-repeat; font: bold 12px arial; color: #4b5763; text-decoration: none; } #col-droite-spe ul li a.box2_on { background: url(../images/fond/f-a-liste_on.gif) left top no-repeat; } #col-droite-spe2 ul { margin: 0; padding: 0; background-color: #e8e8e8; /*height: 236px*/ height: 164px } #col-droite-spe2 ul li { margin: 0; padding: 0; } #col-droite-spe2 ul li a { display: block; height: 25px; padding: 8px 0 0 25px; background: url(../images/fond/f-a-liste.gif) left top no-repeat; font: bold 12px arial; color: #4b5763; text-decoration: none; } #col-droite-spe2 ul li a.box2_on { background: url(../images/fond/f-a-liste_on.gif) left top no-repeat; } h2#contactH2 { height: 48px; margin: 0px 0 20px 6px; padding: 16px 0 0 0px; font: normal 18px "Trebuchet MS"; color: #cad5de; position:relative; top: -5px; left: 1px; } p.visuColDroite { position:relative; top: 0px; left: -1px; } p.visuColDroite img { position:absolute; top: -36px; left: 0px; } ul#listeLaflotte { position:relative; top: -12px; left: 0px; } ul#listeLaflotte2 { position:relative; top: -7px; left: 0px; } /*/////////////////////////////////////// Actualites */ .articleBlock { padding: 13px 0 0 0; background: url(../images/fond/f-h3.gif) right top no-repeat; } .articleBlock p.date { float: right; margin: 0 25px 0 0px; color: #b4c3d0 } .actuAlone { } .actuAlone p.date { float: right; margin: 0 25px 0 0px; color: #b4c3d0 } p.lire { margin: 10px 0 0 15px; } /*/////////////////////////////////////// Page La flotte */ p.titleflotte { margin: 5px 0;padding: 0px 5px 0px 15px; background: #1a456f url(../images/fond/f-flotte.gif) right top repeat-y; cursor:pointer } #colLeftFlotte p, #colLeftFlotte p { color: #ffffff; } #colRightFlotte { width: 427px; float: left; background: #426c94 url(../images/fond/f-colLeftFlotte.gif) left top repeat-y } #colLeftFlotte { width: 400px; float: left; padding: 0 54px 20px 70px; } #colLeftFlotte div.box { margin: 10px 0 0 0px; padding: 10px 14px; } #colLeftFlotte div.box-on, #colLeftFlotte div.box-on2 { background-color: #6692bc } #colLeftFlotte div.box-on a, #colLeftFlotte div.box-on2 a { color: #2c5275 } #colLeftFlotte p.detail { background: url(../images/fond/bgp1.gif) left top repeat-y; text-align :right; padding: 0 20px 0 0; } #colLeftFlotte div.box-on p.detail { text-align :right; padding: 0 20px 0 0; background: url(../images/fond/bgp2.gif) left top repeat-y; } #colLeftFlotte h3 { padding: 0 0 0 16px; margin: 0 0 3px 0px; background: url(../images/puce/p5.gif) left top no-repeat; } #colLeftFlotte h3 a { font: bold 11px arial; color: #9bc0e3; text-decoration: none } #colRightFlotte { padding: 82px 0 0 0; } #colRightFlotte div { margin: 0 0 18px 0px; } #colRightFlotte h3 { padding: 4px 0 15px 20px; font: bold 13px arial; color: #9bc0e3; background: url(../images/fond/f-h3.gif) right top no-repeat; } table.tableProduit { width: 100%; } table.tableProduit td.visuelProduit { padding: 0 24px } table.tableProduit td.visuelProduit a { } table.tableProduit td.visuelProduit a img { margin: 0 0 8px 0px; border: 1px solid #6692bc } table.tableProduit td.plan { text-align: center; padding: 12px 0 10px 0px } .caract { } .caract li { width: 180px; margin: 0 0 2px 0px; padding: 2px 18px; background-color: #6692bc; color: #ffffff; } .separe { height: 18px; background: url(../images/fond/sep.gif) center center no-repeat; } #turbopropulseur, #moyenneCapacite, #longCourrier, #regionnaux, #grandeCapacite { display: none; } /* ///////////////////////////////////// Pages liens utiles */ #content .liensUtiles h3 { margin: 15px 0 25px 0 } #content .liensUtiles ul { margin: 0 0 10px 30px; padding: 0; } #content .liensUtiles ul li { margin: 0; padding: 0 0 9px 15px; background: url(../images/puce/p4.gif) left top no-repeat; } #content .liensUtiles ul li h4 { margin: 0; padding: 0 0 0 10px; } #content .liensUtiles ul li h4 a { margin: 0; padding: 0; font: bold 13px arial; } #content .liensUtiles ul li p.desc { margin: 0; padding: 0 0 0 10px; } /*/////////////////////////////////////// FAQ */ p.question { padding: 5px 5px 5px 15px; background: #6692bc url(../images/fond/f-question.gif) right top repeat-y; cursor:pointer } p.reponse, p.question { margin: 0 30px 10px 30px } /* Drapeaux */ #menu-flag { position: absolute; top: 89px; left: 87px; } #menu-flag ul li { float: left; margin: 0 4px; margin: padding: 0 } /* Conteneurs generaux */ #main { position: relative; width: 961px; margin: 0; text-align:left; background: url(../images/fond/sp read.gif) left top repeat-y } #intro { width:961px; height: 108px; background: url(../images/fond/header.jpg) left top no-repeat } #intro #nuage { position: absolute; top: 0px; left: 143px; } #f-subIntro { width:961px; height: 303px; background: url(../images/fond/f-subIntro2.jpg) left top no-repeat; } #f-subIntro #flash { position:relative; top: 29px; left: 0px; } #introSubinterne { } #content { margin: 0; padding:0 } .spread-inside { padding: 0; min-height: 500px; overflow: auto; background: url(../images/fond/spread-inside.gif) left top no-repeat; } .spread-inside2 { background: url(../images/fond/spread-inside2.gif) left top repeat-y; } /* */ table.tableInterne { height: 501px } .insideColgauche { width: 620px; height: 100%; padding: 0px 20px 15px 35px; vertical-align: top } .insideColgauche p, .insideColgauche ul li { color: #ffffff; } .insideColDroite { width: 276px; padding: 0 0 0 1px; background: url(../images/fond/f-colGaucheInside.gif) left top repeat-y; vertical-align: top } .pict-bot { width: 274px; margin: 95px 0 0 0px; background: url(../images/fond/pict-bot.gif) left bottom no-repeat; } .pict-top { padding: 27px 0 56px 0; background: url(../images/fond/pict-top.gif) left top no-repeat; } /* HomePage */ /* */ #colLeftHome { float: left; width: 411px; } #colCenterHome { float: left; width: 264px; } #colRightHome { float: left; width: 285px; } .spread-home { background: #396186 url(../images/fond/spread-home.gif) no-repeat right top ; overflow: auto; zoom:1; } .presentation_bot { width: 397px; background: url(../images/fond/present-bot.gif) left bottom no-repeat; margin-top:6px } .presentation { width: 397px; padding: 0 0 49px 0; background: url(../images/fond/present-top.gif) left top no-repeat; } .presentation h2 { margin: 0 0 2px 0; padding: 13px 0 0 20px; color: #ffffff; font: normal 18px verdana; text-transform: uppercase } .presentation p { padding: 0 25px 0 20px; color: #ffffff; font: normal 12px arial; } #colCenterHome h3 { font: normal 18px verdana; color: #ffffff; height: 46px; margin: 5px 0 0 0px; padding: 7px 0 0 60px; background: url(../images/fond/f-actu.gif) left top no-repeat;} #colCenterHome .actuBloc { width: 193px; padding: 0 0 2px 0; position:relative; top: -17px; left: 62px; background: url(../images/fond/f-actubloc.gif) left bottom repeat-x; } #colCenterHome .actuBloc p {margin: 0; padding: 0; line-height: 16px; } #colCenterHome .date { margin: 0; padding: 0 0 0 0; font-weight: bold; color: #9bc0e3 } #colCenterHome .desc { margin: 0; padding: 0 0 0 0; color: #fff } #colCenterHome .plus { float: right; height: 25px; width: 122px; margin: -5px 0 0 0px; padding: 0 0 0 25px; background: url(../images/puce/p.gif) left top no-repeat; text-decoration: none; } #colCenterHome p.lire { color: #9BC0E3 } #colRightHome h3.space { font: normal 18px verdana; color: #ffffff; height: 46px; margin: 5px 0 0 7px; padding: 7px 0 0 60px; background: url(../images/fond/f-prive.gif) left top no-repeat;} #colRightHome p.p2 { height: 16px; background-color: transparent; margin: 4px 0 17px 80px; padding: 0 0 0 25px; background: url(../images/puce/p2.gif) left top no-repeat; position:relative; top: -18px; left: 0px; } #colRightHome p.p2 a { text-decoration: none; color: #f3f3f3; } #colRightHome p.p2 a:hover { text-decoration: underline; color: #f3f3f3; } .separate { padding: 0 0 0px 0; margin: 0 0 18px 0px; background: url(../images/fond/separate.gif) center bottom no-repeat } #nLetter { } .blocNL { margin: 0 0 0 70px; position:relative; top: -17px; left: 0px; } #nLetter h3 { font: normal 18px verdana; color: #ffffff; height: 46px; margin: 5px 0 0 7px; padding: 7px 0 0 60px; background: url(../images/fond/f-nl.gif) left top no-repeat;} #nLetter h4 { font: bold 12px arial; color: #e7e8e8; margin: 0; padding: 0 0 3px 2px; } #nLetter input#emailnewsletter { width: 153px; height: 17px; border: 1px solid #7f9db9 } input.valid { position:relative; top: 4px; left: 80px; } #vols { background: url(../images/fond/separate.gif) center bottom no-repeat } #vols h3 { font: normal 18px verdana; color: #ffffff; height: 46px; margin: 5px 0 0 7px; padding: 7px 0 0 60px; background: url(../images/puce/avion.gif) left top no-repeat;} #vols p.center { position:relative; top: -10px; left: 0px; } /* Formulaire header Sub */ form#formVoyage { width: 270px; position: absolute; top: 121px; left: 680px; padding: 34px 0 0 0; } form#formVoyage h3 { margin: 0 0 45px 0; padding: 0 0 0 60px; color: #454546; font: bold 15px verdana; position:relative; top: 12px; left: 0px; text-indent: -5000px;; background:none } form#formVoyage p { height: 17px; padding: 0; clear: both; } form#formVoyage p select { display: block; float: left; height: 17px; border: 1px solid #7f9db9; font: normal 11px arial; margin: 0 4px 0 0px; } form#formVoyage p select.select1 { width: 125px; } form#formVoyage p select.select2 { width: 125px; } form#formVoyage p select.select3 { width: 64px; } form#formVoyage p select.select4 { width: 153px; } form#formVoyage select.ch { display: block; float: left; width: 124px; height: 17px; border: 1px solid #7f9db9 ; font: normal 11px arial; margin: 0 4px 0 0px; color:#000} form#formVoyage input.ch { display: block; float: left; width: 124px; height: 17px; border: 1px solid #7f9db9 ; font: normal 11px arial; margin: 0 4px 0 0px; color:#000; background:#FFFFFF} form#formVoyage p a { display: block; float: left; } form#formVoyage label.lbleft { display: block; float: left; width: 91px; height: 14px; background-color: #fbf9f9; color: #2b3d51; margin: 0 4px 0 0px; padding: 0px 0 0px 9px; position:relative; top: 2px; left: 0px; } form#formVoyage label.lbleft span { position:relative; top: -2px; left: 0px; } form#formVoyage p.plus3 { float: right; margin: 0 20px 0 0px; text-align :right; } form#formVoyage p.plus3 a { display: inline; text-decoration: none; color: #6b6b6b } form#formVoyage p.plus3 span { background: url(../images/puce/p3.gif) left top no-repeat; padding: 0 22px 0 22px; } /* Footer */ #outro { width:961px; height: 31px; background: url(../images/fond/f-outro.gif) no-repeat; clear: both } #outro p { color: #636364; text-align: left; padding: 3px 0 0 30px } #outro p a { color: #636364; text-decoration: none } #outro p a:hover { text-decoration: underline } /* Formulaires */ form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #e6ebf3; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d; } form.formatform input { border: 1px solid #7cc8db; color:#fff } form.formatform select { border: 1px solid #7cc8db; color:#fff } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform2 { width: 600px; margin: 30px auto 15px auto; padding: 15px; /* border: 1px solid #e6ebf3; */ } form.formatform2 h3 { margin: 0 27px 16px 0px } form.formatform2 label.lbleft { float: left; width: 170px; font: bold 11px arial; color: #DEE9F3 } form.formatform2 input.ch { width: 250px; height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b } input.ch2 { height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #849fbf; padding: 0 4px 0 0; } form.formatform2 textarea { width: 246px; height: 94px; margin: 5px 2px 5px 0px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; color:#fff } form.formatform2 select { border: 1px solid #7cc8db; color:#fff } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* */ #passwordForm { } #passwordForm label.lbleft { float: left; width: 240px; font: bold 11px arial; color: #DEE9F3 } #passwordForm input.ch { width: 120px; } /* */ #modifCompte { } #modifCompte p { clear: both; } #modifCompte .contactform-top { padding: 40px 0 0 0; } #modifCompte .contactform-top form { padding: 15px 15px 50px 35px; } p.retour { margin: 15px 0 20px 30px; } p.p22 { height: 16px; background-color: transparent; margin: 4px 0 17px 20px; padding: 0 0 0 25px; background: url(../images/puce/p2.gif) left top no-repeat; } p.p22 a { text-decoration: none; color: #f3f3f3; } p.p22 a:hover { text-decoration: underline; color: #f3f3f3; } p.p26 { position:relative; top: 0px; left: -12px; } p.p25 { height: 16px; background-color: transparent; margin: 4px 0 17px 20px; padding: 0 0 0 25px; background: url(../images/puce/p12.gif) left top no-repeat; } p.p25 a { text-decoration: none; color: #f3f3f3; } p.p25 a:hover { text-decoration: underline; color: #f3f3f3; } #rectifLabels label.lbleft { width: 102px; } /* Tableaux */ table.full { width: 885px; margin: 0 auto } table.full caption { text-align: left; font: bold 15px "Trebuchet MS"; color: #fd7419 ; margin: 0 0 0 22px; } table.full thead { height: 22px; background: url(../images/fond/f-thead.gif) left top repeat-x; } table.full thead td { text-align: center; color: #ffffff; } table.full td { padding: 3px 5px; color: #fff } table.full tr.gray td { background-color: #3b5d7c } table.full tr.white td { background-color: #497094} table.centerTD td { text-align: center; } /* General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #8cafca } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .bold { font-weight: bold; } /* Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* Menu Login/Logged */ div#menu-login { } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; position:relative; left: 0px; } div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { } /* ------------------------------- */ div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } /* Page Mentions */ .inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial; } .conformement { font: normal 10px arial } div.mention-bot { width: 263px; float: left; margin: 15px 24px 15px 0; background: url(../images/fond/f-mentions-bot.gif) left bottom no-repeat; } div.mention-top { width: 263px; height: 187px; float: left; padding: 10px 10px 10px 16px; background: url(../images/fond/f-mentions-top.gif) left top no-repeat; } div.mention-top h3 { margin: 6px 0 13px 0; padding: 0; font: bold 11px arial; width: 240px; } /* Page CGV */ #cgv ul.puced li span { font-weight: bold; } #cgv h2 { margin-top: 46px } #cgv h3 span { font-weight: bold; } /* Contact */ div.contactform-bot { width: 610px; margin: 15px 0 15px -2px; background: url(../images/fond/f-contact-bot.gif) left bottom no-repeat; } div.contactform-top { width: 610px; padding: 10px 10px 60px 15px; background: url(../images/fond/f-contact-top.gif) left top no-repeat; } div.contactform-top .bita { color: #ccdae7; } div.contactform-top .formatform2 { width: 579px; margin: 0; position:relative; top: 0px; left: 0px; } div.contactform-top .formatform2 label.lbleft { display: block; float: left; width: 175px; color: #dee9f3 ; text-align :right; margin: 0 13px 0 0px; } div.contactform-top .block1 { padding: 24px 20px 0 0; } div.contactform-top .block1 input { width: 250px; height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b } div.contactform-top .block1 p { margin: 0 0 11px 0px; } div.contactform-top .block2 textarea { width: 405px; height: 94px; margin: 0 2px 0 0px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; color:#fff } div.contactform-top .conformement { padding: 0 20px; } p.copie { border:1px solid #667A8B; height:68px; padding:4px; position:absolute; right:64px; top:78px; width:139px; background:#2E4F6E url(../images/fond/f-input.gif) repeat-y scroll right top; } p.copie input#copie { position:relative; top: 12px; left: -3px; width:auto } #rectifLabels label.lbleft555 { width: 110px; padding: 4px 0 0 0; } /* Reservation */ div.contactform-bot { width: 610px; margin: 15px 0 15px -2px; background: url(../images/fond/f-contact-bot.gif) left bottom no-repeat; } div.contactform-top { width: 610px; padding: 10px 10px 60px 15px; background: url(../images/fond/f-contact-top.gif) left top no-repeat; } #reserForm { } #reserForm form div.inside { padding: 0 0 0 20px; } #reserForm form div.inside p.bita { margin-bottom: 30px } #reserForm h3 { background: none; } #reserForm ul.puced { float: left; margin: 0 0 0 0px; } #reserForm ul.puced li { float: left; margin: 0 12px 0 0px; } #reserForm label.lbleft { display: block; float: left; width: 145px; color: #dee9f3 ; text-align :right; margin: 0 13px 0 0px; } #reserForm input.ch { width: 250px; height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; position:relative; top: -6px; left: 0px; } #reserForm textarea { width: 250px; height: 70px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b } #reserForm select { } div.para { overflow: auto; font: normal 11px arial; line-height:18px; margin: 0pt 0pt 5px 0; text-align:left; } #reserForm form p.centerbut span {position:relative; top: -3px; left: 0px; padding-bottom: 5px ; } ul.demandes { margin: 0 0 0 135px; } a.moinsDoptions { text-decoration: none; } a.moinsDoptions span { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 25px; background: url(../images/puce/p4.gif) left 0px no-repeat; border: none; text-decoration: none; zoom:1; } /* */ #reserForm2 { margin: 51px auto; } #reserForm2 .contactform-top { padding: 60px 0 40px 0; } #reserForm2 form div.inside { padding: 0 0 0 20px; color: #ffffff; } #reserForm2 form div.inside p { margin: 0 0 11px 0px; clear: both; } #reserForm2 form div.inside input#c5 { position:relative; top: 1px; left: 0px; } #reserForm2 h3 { background: none; } #reserForm2 ul.puced { float: left; margin: 0 0 0 0px; } #reserForm2 ul.puced li { float: left; margin: 0 12px 0 0px; } #reserForm2 label.lbleft { display: block; float: left; width: 140px; color: #dee9f3 ; text-align :right; margin: 0 13px 0 0px; } #reserForm2 input.ch { width: 250px; height: 16px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; position:relative; top: -6px; left: 0px; } #reserForm2 textarea { width: 250px; height: 70px; background: #2e4f6e url(../images/fond/f-input.gif) right top repeat-y; border: 1px solid #667a8b; color: #ffffff; } #reserForm2 select { } #reserForm2 form p.centerbut span {position:relative; top: -3px; left: 0px; padding-bottom: 5px ; } h3#leTrajet { width: auto; margin: 0 25px; } form#formtrajet { width: 300px; margin: 0 auto; } #formInfosPassager label.lbleft { display: block; width: 280px } #formInfosPassager p { margin: 0 0 7px 0px; } #formInfosPassager p input.ch { position:relative; top: 2px; left: 0px; } #formInfosPassager p.centerbut { padding: 17px 0 0 0px; } /* Newsletter */ #content #nLetterForm h3 { padding: 10px 0 0 20px; background: none; } #nLetterForm .block1, #nLetterForm .block2 { position:relative; top: 0px; left: 23px; } #nLetterForm .block1 { width: 260px; float: left; } #nLetterForm .block1 label.lbleft { width: 120px; float: left; display: block; text-align :right; margin: 0 10px 0 0px; } #nLetterForm .block1 input { width: 120px; } #nLetterForm .block2 { width: 250px; float: left } #nLetterForm .block2 label.lbleft { width: 70px; float: left; display: block; text-align :right; margin: 0 15px 0 0px; } #nLetterForm .block2 input { width: auto; margin: 0; padding: 0; } #nLetterForm .block2 ul { height:75px; margin-top:23px; width:150px; background:#2E4F6E url(../images/fond/f-input.gif) repeat-y scroll right top; border:1px solid #667A8B; } #nLetterForm .centerbut { clear: both; position:relative; top: 7px; left: 0px; } #nLetterForm .conformement { padding: 14px 20px 0 20px; } #col-droite-speN { float: right; width: 275px; position:relative; top: 0px; left: -5px; } #col-droite-speN #h2Article { left:-52px;margin:0pt 0pt 20px 0px;position:relative;top:-6px; }