/* Screen.css Bureauflore site */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 465px; height: 95px; display:block; text-indent: -999em; overflow: hidden } /*h2 { height: 53px; margin: 0px 0pt 13px 33px; padding: 0 0 3px 40px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2.gif) left bottom no-repeat; }*/ h2 { height: 42px; margin: 0px 38pt 15px 33px; padding: 2px 0 3px 40px; font: normal 18px "Trebuchet MS"; color: #630001; text-align :right; } h2 strong { position:relative; top: 3px; left: -8px; } h3 { margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color:#be0027 ; /*#806b3c*/ } h3.bigH3 { } h3.bigH3 a { font: normal 19px "Trebuchet MS"; color:#be0027 ; } 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 12px/18px 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 } select { font: normal 11px arial; } ul li { list-style: none; font: normal 12px/18px arial; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 27px; background: url(../images/puce/p4.gif) left 0px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } ul.radio2 li { margin: 0; padding: 0; } ul.radio2 li { float: left ; margin: 0 10px 0 0; padding: 0; } ul.radio2 li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } ul.radio3 li { margin: 0; padding: 0; height: 25px; } ul.radio3 li { float: left ; margin: 0 10px 0 0; padding: 0; } ul.radio3 li input { margin: 0 4px 0 0; } a img { border: none; text-decoration: none } a { color: #be0027; text-decoration: underline; font: bold 12px arial } a:hover { color: #be0027; text-decoration: underline } abbr { cursor: help; } .format { width: 733px; padding: 23px 23px 12px 41px; margin: 0 0 0 5px; background-color: #88af1b } .formatSpe { width: 733px; padding: 0px 23px 12px 41px; margin: 0 0 0 5px; background: url(../images/fond/formatSpre2.gif) left top no-repeat; color: #ffffff; overflow:hidden; } .format { color: #fff } .formatLux { width: 733px; padding: 12px 23px 0px 41px; margin: 0 0 0 5px; background-color: #88af1b } .formatLux p { color: #ffffff; } .cheval { width: 797px; margin: 0 0 0 5px; text-align: center; padding: 0 0 10px 0; background-color: #88af1b; position:relative; top: -5px; left: 0px; } .shiftMedown { position:relative; top: 60px; left: 0px; } .shiftMedown2 { position:relative; top: 20px; left: 0px; } .shiftMedown2 ul { float: left; width: 400px } /*////////////////////////////// Offres d'emploi */ form.f-form-search { width: 454px; height: 62px; margin: 15px auto 7px auto; background: url(../images/fond/f-form-search.gif) left top no-repeat; } form.f-form-search p { padding: 15px 0pt 0pt 34px } form.f-form-search label { font-weight: bold; padding: 0 5px 0 0; } form.f-form-search input.valid { position:relative; top: 6px; left: 3px; } table.full { margin: 0 auto; } table.full caption { margin: 15px 0 10px 15px; font: normal 18px "Trebuchet MS"; color: #806b3c; text-align: left; } table.full td { vertical-align: middle; padding: 3px 5px; width: 120px; text-align: center; } table.full tr.entete { background: url(../images/fond/f-th.gif) left top repeat-x } table.full tr.entete td { border: 1px solid #709c1f; text-align: center; color: #ffffff; font-weight: bold; } table.full tr.altern td { background-color: #a4d250 ; border: 1px solid #8fb828 } table.full tr.classic td { background-color: #a5c766; border: 1px solid #8fb828 } p.indispo { text-align: center; font-weight: bold; margin: 35px 0 0 0px; } /*////////////////////////////// Detail annonce */ #detailAnnonce p { overflow: auto; padding: 0 0 7px 0; clear: both; } #detailAnnonce p.date { float: right; margin: 10px 40px 0 15px; overflow: visible } #detailAnnonce p.centerbut, #detailAnnonce p.date { background: none; } #detailAnnonce label.lbleft { float: left; display: block; width: 140px; font-weight: bold; } .separator { clear: both; height: 5px; background: url(../images/fond/f-actu2.gif) left bottom no-repeat; } /*////////////////////////////// Visuels des pages */ #cont-slide { float: right; margin: 0 8px 20px 30px; width: 291px; height: 323px; background: url(../images/fond/f-slide2.gif) left top no-repeat; } #cont-slide2 { float: left; margin: 0 30px 20px 8px; width: 291px; height: 323px; background: url(../images/fond/f-slide2.gif) left top no-repeat; } #slideshow3 { position:relative; top: 17px; left: 25px; } #slideshow4 { position:relative; top: 17px; left: 25px; } .visuRight { float: right; margin: 0 8px 12px 30px } .visuleft { float: left; margin: 0 30px 12px 8px } #fleursVisu2 { margin: 2px 40px 1px 16px } #fleursVisu { margin: 2px 16px 1px 40px } #fleursPlantes { margin: 2px 16px 1px 40px } #Event { margin: 8px 16px 9px 40px } div.paddintTop { padding: 45px 0 0 0; } #lux { margin: 0px 16px 13px 40px } #visuForm { margin: 0px 16px 13px 40px } #visuMoyens { margin: 16px 16px 2px 40px } .separator { clear: both; visibility: hidden; height: 0px; } /*////////////////////////////// References */ table.refTable { clear: both; } table.refTable td { vertical-align: top } table.refTable td.one { width: 210px; text-align: center; } table.refTable td.one img { border: 1px solid #aace36 } table.refTable td.two { padding: 0 0 0 15px; } span.legende { color: #be0027; } /*////////////////////////////// Editeur html */ div { text-align:left} ul li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 27px; background: url(../../images/puce/p4.gif) left 2px no-repeat } .fright{ float:right; margin:0px 0px 10px 10px} .fleft { float:left; margin:0px 10px 10px 0px} #dynamicPart { margin: 0 0 10px 6px; font: normal 14px arial; } #dynamicPart p { font: normal 14px arial; } /* ///////////////////////////////// HomePage */ #homePage { padding: 0 0 0 5px } .enteteActu { width:798px; height:297px; background:url(../images/illustr/visuHome4.jpg) left top no-repeat; position:relative} .menu-articles{ position:absolute; width:204px; right:1px; top:10px} .menu-articles p{ margin:0; font-size:11px; line-height:14px} .menu-articles p.title{font-size:14px; color:#BE0027} .menu-articles p.date{font-size:10px; color:#e2ff83; font-style:italic} .menu-articles p.desc{ color:#fff} .art { width: 592px; padding: 10px 0 4px 0; color: #ffffff; background: url(../images/fond/f-art.gif) left top no-repeat; } .art p { padding: 0 15px; } .art p a { text-decoration: none; color: #be0027; font-weight: normal} .art .date { float: right; padding: 0 15px 0 0; } .plus { } .plan { float: right; position:relative; top: 12px; left: -27px; } /* ///////////////////////////////// Menu Login/Logged */ #persoSpace { width: 306px; height: 49px; padding: 2px 0 0 167px; background: url(../images/fond/f-perso2.gif) left top no-repeat; position: absolute; top: 0px; right: 0px; } div#menu-login { } div#menu-login form { display: inline; } div#menu-login h3 { display: none; } div#menu-login p { display: inline; } div#menu-login label { display: none; padding: 0 0 0 14px; font: normal 11px "Trebuchet MS"; color: #4d4d4d } div#menu-login p.validForm { position:relative; top: 6px; left: 3px; } div#menu-login p.linkx { display: inline; position:relative; top: -4px; left: 0px; display: none; } div#menu-login input.ch { border: 1px solid #c7c19c; width: 115px; height: 17px; color: #7a754f; padding: 0 0 0 6px; margin: 0 0 0 4px; position:relative; top: -1px; left: 0px; } a.dem { position: absolute; bottom: 6px; right: 44px; text-decoration: none; padding: 0 0 0 18px; background: url(../images/puce/p5.gif) left 1px no-repeat; font: normal 11px arial; color: #776d1b } a.dem:hover { text-decoration: underline; } div#menu-logged { color: #4c600a } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { float: left; position:relative; top: 8px; left: 0px; color: #4c600a} div#menu-logged p#bonjour strong { font-weight: bold; color: #4c600a} div#menu-logged ul { float: left; margin: 4px 0 0 0px; } div#menu-logged ul li { margin: 0 0 0 20px; padding: 0 0 0 16px; background: url(../images/puce/p2.gif) left 5px no-repeat; line-height: 14px;} div#menu-logged ul li a { text-decoration: none; font: normal 10px arial; } /* ///////////////////////////////// Conteneurs generaux */ #main { position: relative; width: 951px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) right top repeat-y } #intro { width: 951px; height:143px; background: url(../images/fond/header.gif) left top no-repeat; position:relative; top: 0px; left: 0px; z-index: 0; } #intro2 {width: 951px; height: 98px; background: url(../images/fond/header3.gif) left top no-repeat; position:relative; top: 0px; left: 0px; z-index: 0; } #menu-left { } #menu-left { } #menu-left ul { margin: 0; padding: 0; } #menu-left ul li { text-align :right; /*margin: 0 0 22px 0;*/ margin: 0 0 17px 0; padding: 0 10px 0 0; background: none; } #menu-left ul li a { display: block; font: bold 12px Georgia; text-decoration: none; color: #be0027 } #menu-left ul li a:hover { color: #64820f } #menu-left ul li a.active { color: #64820f } #content { margin: 0; padding:0; overflow: auto; } div#colonne_gauche { float: left; width: 138px; padding: 0; } div#colonne_droite { float: right; width: 803px; margin: 0; padding: 0 0 20px 0; } /* ///////////////////////////////// Actualités */ #actuAlone { } #actuAlone p.date { float: right; position:relative; top: 0px; left: -15px; background-color: #9ec827; padding: 2px 3px } .actu2-top { background: url(../images/fond/f-actu.gif) right bottom no-repeat; overflow:hidden; width:740px; } #detailAnnonce .actu2-top h1, #detailAnnonce .actu2-top h2, #detailAnnonce .actu2-top h4, #detailAnnonce .actu2-top h5, #detailAnnonce .actu2-top h6, #detailAnnonce .actu2-top p { color:#fff; } #detailAnnonce .actu2-top p { font:normal normal normal 12px/18px arial; clear:none; padding:3px 0; } /* ///////////////////////////////// Footer */ #outro { width:951px; height: 62px; background: url(../images/fond/footer.gif) 144px top no-repeat; clear: both; position:relative; top: 0px; left: 0px; } #outro p { color: #78941e; text-align: left; padding: 31px 0pt 0pt 154px} #outro p a { color: #78941e; text-decoration: none ; font-weight: normal} #outro p a:hover { text-decoration: underline } a.toJardinier { float: right; position: absolute; top: 0px; right: 11px; } /* ///////////////////////////////// Formulaires */ form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; } 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; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* /////////////////////////////// Page contact */ form#contactForm { margin: 15px auto 8px auto; width: 558px; height: 354px; padding: 25px 0 0 34px; background: url(../images/fond/f-contact.jpg) left top no-repeat; position:relative; top: 0px; left: 0px; } form#contactForm p { margin: 0 0 4px 0px; } form#contactForm p.bita { text-align: left; color: #5B6F14; margin: 0 0 26px 0px; } p.conformement { margin: 0pt 68px 0pt 80px; font: normal 10px Verdana } p.conformement a { font: normal 10px Verdana } form#contactForm label.lbleft { color: #fff; float: left; display: block; width: 145px; } form#contactForm input.ch { width: 193px; border: 1px solid #9aa9b6 ; } form#contactForm textarea { width: 193px; border: 1px solid #9aa9b6 } form#contactForm textarea { width: 366px; height: 116px; margin: 5px 0 0 0px; } p.recevoir { left: 408px; position:absolute; top: 85px; width: 200px; } form#contactForm p.recevoir label.lbleft { width: auto } form#contactForm p.recevoir input { position: absolute; top: 8px; left: 122px; } /* /////////////////////////////// Page register */ #registerForm { width: 455px; height: 576px; padding: 25px 0 0 60px; background: url(../images/fond/f-register.gif) left top no-repeat; } #registerForm p.bita { text-align: left; color: #5B6F14; margin: 5px 0 21px 0px; } #registerForm h3 { margin: 20px 0 13px 0px; color: #aa0027 } #registerForm input.text { width: 190px; border: 1px solid #9aa9b6 ; } #registerForm select { width: 195px; border: 1px solid #9aa9b6 ; } #registerForm label.lbleft { color: #fff; float: left; display: block; width: 190px; } #registerForm p.centerbut { margin: 21px 0 0 -38px; } /* /////////////////////////////// Page Rappel de mot de passe*/ #forgotForm { height:128px; padding:15px 0pt 0pt 45px; width:470px; background: url(../images/fond/forgotForm.gif) left top no-repeat; } #forgotForm h3 { color: #aa0027 } #forgotForm input.text { width: 150px; border: 1px solid #9aa9b6 ; position:relative; top: -9px; left: 0px; } #forgotForm label { width: 54px; color: #fff; float: left; display: block; font-weight: bold; margin: 0 0 0 35px; } #forgotForm .validForm { position:relative; top: -3px; left: 10px; } /* CV */ div.form-bot { width: 559px; margin: 0 auto; background: url(../images/fond/form-bot.gif) left bottom no-repeat; zoom:1; } div.form-top { padding: 0px 0px 10px 0px; background: url(../images/fond/form-top.gif) left top no-repeat; zoom:1; } #cvForm { width: 559px; padding: 10px 0 0 45px; } #cvForm p.bita { text-align: left; color: #5B6F14; margin: 5px 0 21px 0px; } #cvForm h3 { margin: 20px 0 13px 0px; color: #aa0027 } #cvForm input.text { width: 190px; border: 1px solid #9aa9b6 ; } #cvForm select { width: 195px; border: 1px solid #9aa9b6 ; } #cvForm label.lbleft { color: #fff; float: left; display: block; width: 190px; } #cvForm p.centerbut { margin: 21px 0 0 -38px; } #cvForm p span { text-align :right; font: normal 10px arial; } /* ///////////////////////////////// General styles */ .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 } .flleft { float: left } .flright { float: 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; } .imgBorder {border:4px solid #FFF;} .marges {margin:5px 10px 0 0;} /* ///////////////////////////////// Messages d erreurs */ .denied-bot { width: 515px; margin: 10px auto 20px auto; color: #8d001d; font: normal 12px arial; background: url(../images/fond/denied-bot.gif) left bottom no-repeat; } .denied-top { background: url(../images/fond/denied-top.gif) left top no-repeat; padding: 34px 15px 14px 15px; min-height: 46px; } .denied-top ul li { margin: 0 0 3px 10px; padding: 0 25px 0 17px; background: url(../images/puce/p3.gif) left 5px no-repeat; } /* ------------------------------- */ 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 */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ .inlineblock { display: -moz-inline-stack; display: inline-block; margin: 10px 5px 20px 5px; } .inlineblock h3 { margin: 9px 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial; } .conformement { font: normal 10px arial } div.mention-bot { } div.mention-bot strong { } div.mention-top { width: 285px; height: 215px; padding: 10px 5px 10px 25px ; background: url(../images/fond/f-mentions2.gif) left bottom no-repeat; } div.mention-top2 { width: 285px; height: 215px; padding: 10px 5px 10px 25px ; background: url(../images/fond/f-mentions2.gif) left bottom no-repeat; } /**** Gestion des images dans les nouvelles pages *****/ p.pic img {margin:0 10px 0 0;} p.logo {margin:0 0 25px 0;} .picPlusText p.no-margin {margin:0;} /* Element flottant à droite qui remplace le diaporama */ .picSide {float:right; width:290px; margin:40px 8px 20px 30px; } div.picSide.small {float:right; width:230px; margin:40px 8px 10px 30px; } div.picSide.formule {float:right; width:230px; padding:150px 8px 0 30px; margin:0; } .picSide.murs {margin:0 8px 10px 30px;} .picSide.middle {float:right; width:180px; margin:0 10px;} /* Plusieurs photos en ligne horizontale */ .picMiddle {margin:20px auto 10px; width:540px; text-align:left;} div.picMiddle.small {margin:0; width:460px; text-align:left; float:left;} .picMiddle img {margin:0 10px 10px;} .picMiddle.small img {margin:0 10px 10px;} .picMiddle.twoPic {margin:0 auto; width:360px; text-align:center;} .picMiddle.large {width:720px; margin:10px auto 20px;} .picMiddle.large img {margin:0 5px 10px 0;} /* Element flottant à droite mais plus petit que picSide */ .picSideSmall {float:left; width:290px; margin:0px 0 0 0; text-align:center;} .picSideSmall img {margin:0px 10px 10px 10px; text-align:center;} /* Element flottant à droite mais plus petit que picSide */ .picSideLarge {float:left; width:320px; margin:0px 0 0 0; } .picSideLarge img {margin:0px 5px 10px 0; text-align:center;} /* Text à côté de picSide */ .textSide {float:left; width:440px;} .textSideSmall {float:left; width:390px;} .textSideMiddle {float:left; width:520px;} /* du texte avec une photo */ .picPlusText {overflow:hidden; width:100%; margin:10px 0;} .picPlusText p {margin:30px 0 0 0;} .picPlusText .flleft {margin:0 10px 0 0;} .picPlusText .flleft img {margin:0 5px;} .picPlusText .flright {margin:0 0 0 10px;} .picPlusText .flright img {margin:0 5px;} .contPhoto {margin:0 auto; padding:30px 0 0 0; width:590px; overflow:hidden;} .contPhoto div {margin:0 10px;} .contPhoto .left {float:left; width:125px; text-align:center; padding:10px 0 0 0;} .contPhoto .middle {float:left; width:255px; text-align:center;} .contPhoto .middle img {margin:0 0 10px 0;} .contPhoto .middle img.first {margin:0 10px 10px 0;} .contPhoto .middle img.big {margin:0 0 10px 10px;} .contPhoto .right {float:left; width:140px; text-align:center; padding:10px 0 0 0;} .contPhoto img {float:left; margin:0 0 10px;}