/* Gabarit 2 colonnes du Front BFloor */ * { margin:0; padding:0; border: none; } body { padding: 0; font-family: "Trebuchet MS"; font-size: 11px; text-align: center; color: #fff; background:url(../images/fond/body.jpg) left top repeat-x;background-color: #000; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em } h2 { margin: 5px 0 20px 0px; padding: 0 0 2px 32px; font: normal 18px "Trebuchet MS"; color: #fff; background: url(../images/puce/h2.gif) left 1px no-repeat; } h3 { margin: 15px 0 10px 30px; font: bold 15px "Trebuchet MS"; color: fff; background: url(../images/puce/h3.gif) left 4px no-repeat; padding-left:14px; border-bottom:1px solid #ccc; width:88% } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c } p { font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px } ul.puce li { list-style: none;padding: 0 0 0 13px; background: url(../images/puce/puce.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: #669900; text-decoration: none; font: normal 11px arial } a:hover { color: #CCC; text-decoration: underline } abbr { cursor: help; } p.introOffer { font: normal 14px arial; text-align: center; padding:15px 0 20px; text-transform: uppercase } /* Conteneurs generaux */ #mainbottom { position: relative; width: 974px; margin: 0 auto; text-align:left; background: url(../images/fond/bgbottom.jpg) left bottom no-repeat; } #maintop { width: 974px; text-align:left; background: url(../images/fond/bgtop.jpg) left top no-repeat; } #intro { width:973px; text-align:center} #menu-top li { display:inline; margin:0; padding:0 } #menu-top{position:relative;} #menu-top ul{position:absolute; left:82px; top:30px } .soirees{ position:absolute; top:4px; right:88px} #content { width:812px; margin: 95px auto 0 auto; padding:0; } #content p{ margin:10px 25px 10px 15px} /* Footer */ #outro { width:806px; height: 27px; margin:0 auto; clear: both } #outro p { color: white; text-align: right; padding-top:0px ; font-size:10px; color:#4e4e4e } #outro p a { color: white; text-decoration: none; font-size:10px; color:#4e4e4e } #outro p a:hover { text-decoration: underline } /* Home */ .imghome img{ margin:0 22px 23px 22px} /* Tabs */ .tabs{ position:absolute; top:263px; left:82px} /* Page Mentions */ .adr { margin: 20px 0 15px 107px; text-align:center } .adr2 { margin: 20px 0 15px 45px; text-align:center } .adr h3 { font: normal 11px arial; } .adr2 h3 { font: normal 11px arial; } .adr p, .adr2 p { text-align:center } .adr, .adr2 { float: left; height: 193px; padding: 0; width: 223px; background: url(../images/fond/mentions.jpg) left top no-repeat } .conformement { font: normal 10px arial; width:80%; margin:0 auto; text-align:center; color:#999 } .titlementions{ font-size:14px; color:#000; margin:20px 0} /* Agenda */ .flyer{ background:url(../images/fond/flyer.jpg) left top no-repeat; width:328px; height:318px} .descriflyer{width:100%; background:url(../images/fond/descriflyer.jpg) 15px top no-repeat} .morph1 {height:60px;font-size: 10px;opacity: 0.5;text-decoration: none; width:235px; } .morph2 {height:80px;font-size: 15px;opacity: 1;text-decoration: underline; width:265px; } .morph1, .morph2{ text-align:right;margin:25px 0; margin-left:26px} .titleflyer{ display:block; background:url(../images/puce/fly.gif) right top no-repeat; padding:0 34px 3px 0 ; } /* Iframe */ iframe body{ background-color:#010101} /* Formulaires */ form.formatform { width: 80%; margin: 0px auto; padding: 15px; border: 1px solid #ccc; } form.contact { background:url(../images/illustr/contact.jpg) right bottom no-repeat; background-color:#000 } form.newsletter { background:url(../images/illustr/newsletter.jpg) right bottom no-repeat; background-color:#000 } 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; } form.formatform select { border: 1px solid #7cc8db; } form.formatform p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform input.valid { border:1px solid #fff; background:url(../images/fond/valid.gif) left top repeat-x; height:17px; color:#fff; font-size:10px} /* 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: 0px auto; text-align: center; font: italic 11px arial; color: #a7d528 } .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; } .fright{ float:right; margin:0px 25px 15px 15px} .fleft{ float:left; margin:0px 15px 15px 0px} .green{ color:#a7d528} .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; } /* PARTNER */ .tabpartner{ width:202px} .tabpartner .partner01{ height:137px; vertical-align:middle; text-align:center; background:url(../images/illustr/partner0.jpg) left top no-repeat}