/* Gabarit 2 colonnes du Front Donate */ * { margin:0; padding:0; border: none; text-decoration: none; } body { padding: 0; font-family: Verdana, arial, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: url(../images/fond/bigBG.jpg) center top no-repeat; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 220px; height: 94px; display:block; text-indent: -999em; overflow: hidden; } h2 { height: 38px; margin: 5px 0 20px 20px; padding: 8pt 0pt 0pt 54px; font: normal 21px "Trebuchet MS"; color: #466882; background: url(../images/fond/f-h2.gif) left top no-repeat; margin: 5px 0 30px 20px; } h2.h2Lentilles { background: url(../images/fond/f-h2Lentilles.gif) left top no-repeat; } h2.h2Lentilles span { border-bottom: 1px solid #45688c; display: block; width: 610px; } h3 { margin: 15px 0 10px 0px; font: bold 13px verdana; color: #3367a7; } h4 { margin: 15px 0 10px 15px; font: bold 12px verdana; color: #3b7bc9;} h5 { margin: 15px 0 10px 10px; font: bold 11px verdana; color: #3b7bc9; } p { font: normal 12px/18px verdana; margin: 0 0 5px 0; text-align:justify; } input { padding: 0 0 0 3px; font: normal 11px verdana } textarea { padding: 4px; font: normal 11px verdana } select { font: normal 11px arial } ul li { list-style: none; font: normal 11px/18px verdana; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/p.gif) left 2px no-repeat } ul.puced li ul.puced li { list-style: none; margin: 10px 15px 10px 14px; padding: 0 0 0 13px; background: url(../images/puce/p2.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: #363636; text-decoration: underline; font: bold 11px verdana; } a:hover { color: #3367A7; text-decoration: none; font-weight: bold; } abbr { cursor: help; } .format { padding: 0 36px 0 76px } .format p {text-align: justify } /* Page congres/presse */ table.presse { border-collapse: collapse; } table.presse td { border: 1px solid #bad2e6; padding: 7px; } table.presse td.date { width: 120px; text-align :right; background-color: #e9f2f8; } /* Centrage player */ #tdeonline { width: 410px; margin: 0 auto; } /* Actualites */ div.bl-bot2 { width: 640px; margin: 0 auto 20px auto; background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } div.bl-top2 { padding: 14px 20px 10px 20px; background: url(../images/fond/bl-top.gif) left top no-repeat; } div.bl-top2 h3 { float: left; margin:0px 0pt 0pt 0px; padding:0px 20px 10px; } div.bl-top2 p.lire { text-align :right; padding: 0 20px 0 0; } div.bl-top2 p.date { float: right; font: normal 11px arial; } div.bl-top2 p.image { text-align: center; } div.bl-top2 p.image img { margin: 3px; } .retour { padding: 15px 0 10px 14px; } /* //////////////////// Conteneurs generaux */ #main { position: relative; width: 950px; margin: 0 auto; text-align: left;} #intro { width: 950px; height: 353px; } div#menu-top { margin: 17px 0 0 0 } div#menu-top ul li { margin: 0px 0px 10px 18px; padding: 0 0 0 15px; background: url(../images/puce/pm.gif) left 2px no-repeat; display:inline-block; width:193px; } div#menu-top li a { display: block; text-decoration: none; } div#menu-top li a.acc { width: 207px; height: 34px; background: url(../images/menu/acc.gif) left top no-repeat; } div#menu-top li a.acc:hover { width: 207px; height: 34px; background: url(../images/menu/acc2.gif) left top no-repeat; } div#menu-top li a.pres { width: 207px; height: 33px; background: url(../images/menu/pres.gif) left top no-repeat; } div#menu-top li a.pres:hover { width: 207px; height: 33px; background: url(../images/menu/pres2.gif) left top no-repeat; } div#menu-top li a.myope { width: 207px; height: 33px; background: url(../images/menu/myo.gif) left top no-repeat; } div#menu-top li a.myope:hover { width: 207px; height: 33px; background: url(../images/menu/myo2.gif) left top no-repeat; } div#menu-top li a.presby { width: 207px; height: 33px; background: url(../images/menu/presb.gif) left top no-repeat; } div#menu-top li a.presby:hover { width: 207px; height: 33px; background: url(../images/menu/presb2.gif) left top no-repeat; } div#menu-top li a.cara { width: 207px; height: 33px; background: url(../images/menu/caract.gif) left top no-repeat; } div#menu-top li a.cara:hover { width: 207px; height: 33px; background: url(../images/menu/caract2.gif) left top no-repeat; } div#menu-top li a.corn { width: 207px; height: 33px; background: url(../images/menu/greffe.gif) left top no-repeat; } div#menu-top li a.corn:hover { width: 207px; height: 33px; background: url(../images/menu/greffe2.gif) left top no-repeat; } div#menu-top li a.congr { width: 207px; height: 33px; background: url(../images/menu/congres.gif) left top no-repeat; } div#menu-top li a.congr:hover { width: 207px; height: 33px; background: url(../images/menu/congres2.gif) left top no-repeat; } div#menu-top li a.con { width: 207px; height: 33px; background: url(../images/menu/contact.gif) left top no-repeat; } div#menu-top li a.con:hover { width: 207px; height: 33px; background: url(../images/menu/contact2.gif) left top no-repeat; } div#menu-top li a.act { width: 207px; height: 33px; background: url(../images/menu/act.gif) left top no-repeat; } div#menu-top li a.act:hover { width: 207px; height: 33px; background: url(../images/menu/act2.gif) left top no-repeat; } #content { margin: 0; padding:0; overflow: auto } div#colonne_gauche { float: left; width: 226px; padding: 0 } div#colonne_droite { float: right; width: 705px; margin: 0; padding: 0px 0px 20px 0px } /* //////////////////// Footer */ #outro { width: 950px; height: 25px; margin: 15px 0 15px 0px; background: url(../images/fond/outro.gif) no-repeat; clear: both } #outro p { color: #7b9ebe; text-align: center; padding: 10px 0 0 0 ; font: normal 11px verdana } #outro p a { color: #7b9ebe; text-decoration: none; font: normal 11px verdana } #outro p a:hover { text-decoration: underline } /* //////////////////// Formulaires */ form.formatform { width: 450px; margin: 0px auto 15px auto; padding: 15px; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 12px verdana; color: #7d7d7d; } form.formatform input { border: 1px solid #7cc8db; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* //////////////////// Contact form */ div.blC-bot { width: 512px; margin: 20px auto 15px auto; background: url(../images/fond/blC-bot.gif) left bottom no-repeat; } div.blC-top { padding: 7px 0px 10px 0px; background: url(../images/fond/blC-top.gif) left top no-repeat; } form.formatformC { width: 450px; margin: 0px auto 15px auto; padding: 15px } form.formatformC h3 { margin: 0 0 16px 0px; } form.formatformC label.lbleft { float: left; width: 224px; font: bold 12px verdana; color: #7d7d7d; } form.formatformC input.ch { width: 221px; border: 1px solid #7cc8db; } form.formatformC select { border: 1px solid #7cc8db; } form.formatformC textarea { width: 200px; margin: 4px 0 0 0px; border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatformC input.valid {border: 1px solid #7cc8db; background: #3367A7; color: #fff; } /* //////////////////// General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center, .format p.center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 9px auto 32px; text-align: center; font: bold italic 12px verdana; 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 verdana; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } .aucun { text-align: center; padding: 55px 0 0 0; } /* //////////////////// Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px verdana; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ div.bl-s { width: 172px; background: url(../images/fond/bl-s.gif) left top repeat-y; } div.bl-bot { background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } div.bl-top { padding: 37px 0px 10px 0px; background: url(../images/fond/bl-top.gif) left top no-repeat; } /* ///////////////////////////////// Page Mentions */ div.mention-top { width: 235px; height: 221px; float: left; padding: 10px; margin: 0 20px 0 0px; background: url(../images/fond/mentionB.gif) left bottom no-repeat; } div.mention-top h3 { margin: 0 0 10px 0; padding: 28px 0pt 0pt 9px; text-align: left; font: bold 14px verdana; } div.mention-top p { padding: 0 0 0 10px; } .conformement { width: 512px; margin: 0 auto; font: normal 10px verdana } .conformement2 { width: 535px; margin: 17px 0 10px 0 ; font: normal 10px verdana } /* //////////////////// Menu Login/Logged */ div#menu-login { } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { } div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { }