/* Front Unimalia */ * { 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: #cbe6c0 url(../images/fond/f-body.gif) left top repeat-x; } body.interne { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: #cbe6c0 url(../images/fond/f-bodycontenu.gif) left top repeat-x; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display: block; text-indent: -999em } h2 { margin: 5px 0pt 15px 20px; padding: 3px 0pt 0pt 18px; font: normal 18px "Trebuchet MS"; color: #473f11; } td#colinterne h2.h2interne { padding: 7px 0pt 0pt 28px; background:url(../images/puce/h2interne.gif) left 4px no-repeat; margin-left:0px } h3 { margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #473f11 } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #473f11 } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #473f11 } 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 11px/18px arial; 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.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } /* */ #loggedPuced { overflow: auto; } #loggedPuced li { margin: 0 0 6px 0; float: left; width: 189px; list-style: none; padding: 0 0 0 15px; background: url(../images/puce/p.gif) left 3px no-repeat } #loggedPuced li a { font-weight: bold; text-decoration: none; font-size:12px; } #loggedPuced li a:hover { font-weight: bold; text-decoration: underline } p#bonjour { font: normal 13px arial; } p.cred { font: normal 13px arial; float: right; } a img { border: none; text-decoration: none } a { color: #525252; text-decoration: underline; font: normal 11px arial } a:hover { color: #525252; text-decoration: underline } a.coord { color: #000; text-decoration: underline; font: bold 13px arial; } a.coord:hover { color: #000; text-decoration: underline; } /* contact-top */ abbr { cursor: help; } .format { padding: 0 15px; } /* */ .pubb1 { padding: 12px 0 0 0; } /* */ #gestationForum { background-color:#feeab8; border:1px solid #e2d28e; padding:5px} #gestationForum select { width: auto; } #gestationCarte { background-color:#feeab8; border:1px solid #e2d28e; padding:5px} /* //////////////////// */ #formulairecommentaire_afficher { font: bold 12px arial; text-decoration: underline; } .retour { margin: 14px 0 15px 10px; } /* //////////////////// Table full */ .full { width: 90%; margin: 0 auto 15px auto; } .full td { font: normal 11px arial; } .full thead { border: 1px solid #e1d28d; color:white; background-color: #4ba71d;} .full thead th { text-align: center; padding: 2px 4px; } .full .bordered { padding: 2px 6px; border: 1px solid #e1d28d; background-color: white } .full caption { margin: 0px 0 2px 23px; font: normal 18px "Trebuchet MS"; color: #473f11 ; text-align: left; } /* //////////////////// Menu search */ div.inscrivezVous-bot { width: 250px; margin: 7px 0 0 0px; background: url(../images/fond/s-bot.gif) left bottom no-repeat; } div.inscrivezVous-top { width: 250px; padding: 40px 0px 1px 0pt; background: url(../images/fond/inscrivezVous-top.gif) left top no-repeat; } div.inscrivezVous-top p { padding: 0 15px ; font-size: 11px } div.inscrivezVous-top p.center { position:relative; top: -4px; left: 0px; } /* //////////////////// Menu search */ div.s-bot { width: 250px; margin: 7px 0 0 0px; background: url(../images/fond/s-bot.gif) left bottom no-repeat; } div.s-top { width: 250px; padding: 40px 0px 1px 0pt; background: url(../images/fond/s-top.gif) left top no-repeat; } div.s-top form { width: 225px; margin: 0 auto; } div.s-top form label { float: left; width: 76px; font: bold 11px arial; color: #575757 } div.s-top form select { width: 142px; border: 1px solid #e7daa2 ; color: #747673 } div.s-top form input.ch { width: 112px; border: 1px solid #e7daa2 ; color: #747673 } div.s-top form p { padding: 0; } div.s-top form p.centerbut { padding-left: 70px; } div.s-top form p.centerbut a { color: #473f11; text-decoration: underline; position:relative; top: -6px; left: 0px; } div.s-top form p.centerbut a:hover { color: #473f11; text-decoration: none } /* //////////////////// Actu col Left */ div.a-bot { width: 249px; margin: 10px 0 10px 0px; background: url(../images/fond/a-bot.gif) left bottom no-repeat; } div.a-top { width: 249px; padding: 40px 0px 16px 0pt; background: url(../images/fond/a-top.gif) left top no-repeat; } div.a-top .aucun { padding: 17px 0 0 0; } div.a-top .blA { width: 239px; border-bottom: 1px solid #e2d28e; margin: 0 auto 10px auto } div.a-top p.title { font: bold 11px arial; color: #535353 } div.a-top p.desc { font: bold 11px arial; color: #747673 } div.a-top p.date { font: bold 11px arial; color: #529719 } div.actu2-top p.lire { text-align :right; } div.actu2-top .date { font: normal 11px arial; float: right; position:relative; top: 3px; left: 0px; } div.a-top p.lire a { text-decoration: underline } div.a-top p.lire a:hover { } div.a-top p.plus { font: normal 11px arial; color: #575757; text-align :right; border-top: 1px solid #cdbc74; margin: 13px 0 0 0px; } .retoutL { text-align :right; padding: 10px 0 0 0 } .sepMeme { clear: both; height: 4px; margin: 4px 0px; background: url(../images/fond/sepsep.gif) left top no-repeat; } .sepMeme2 { clear: both; height: 4px; margin: 4px 0px 10px 0px; background: url(../images/fond/sepsep.gif) 20px top no-repeat; } /* //////////////////// Newsletter */ #nletter { width: 250px; height: 68px; padding: 36px 0pt 0pt; margin: 20px 0 0 0px; background: url(../images/fond/nLetter.gif) left top no-repeat; } #nletter h3 { margin: 0pt 0pt 6pt 0px; padding: 0pt 0pt 0pt 16px; font: bold 11px arial; color: #575757 } #nletter label { } #nletter input#emailnewsletter { width: 151px; margin: 2px 0 0 8px; border: 1px solid #e7daa2; color: #747673; display: block; float: left; } p.pubB { margin: 10px 0 0 0px; text-align: center; } p.moncompte { margin: 10px 0pt 0pt 12px; text-align: left; } /* //////////////////// Menu Login/Logged */ #colCenter div.r-bot { width: 442px; margin: 10px 0 0 0px; background: url(../images/fond/r-bot.gif) left bottom no-repeat; } #colCenter div.r-top { width: 442px; padding: 71px 0px 16px 0pt; background: url(../images/fond/r-top.gif) left top no-repeat; } #colinterne div.r-bot { width: 676px; margin: 10px 0 0 0px; background: url(../images/fond/r-botlong.gif) left bottom no-repeat } #colinterne div.r-top { width: 676px; padding: 40px 0px 16px 0pt; background: url(../images/fond/r-toplong.gif) left top no-repeat} div.r-top h3 { display: none; } div.r-top .edito { font: bold 11px arial; color: #454545; padding: 0 10px; } div.r-top .m { font: bold 11px arial; color: #454545; padding: 0 10px; line-height:42px; } div.r-top { } div.r-top form { padding: 7px 0 7px 168px } div.r-top label { font: bold 11px arial; color: #575757; float: left; width: 91px; } div.r-top input.ch { width: 138px; height: 16px; border: 1px solid #e7daa2 } div.r-top p.validButton { text-align :right; position:relative; top: 0px; left: -39px; } /* */ div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { } /* //////////////////// Menu Receive */ #colCenter div.rece-bot { width: 442px; margin: 10px 0 0 0px; background: url(../images/fond/r-bot.gif) left bottom no-repeat; } #colCenter div.rece-top { width: 442px; padding: 40px 0px 16px 0pt; background: url(../images/fond/rece-top.gif) left top no-repeat; } #colinterne div.rece-bot { width: 676px; margin: 30px 0 0 0px; background: url(../images/fond/r-botlong.gif) left bottom no-repeat } #colinterne div.rece-top { width: 676px; padding: 40px 0px 25px 0pt; background: url(../images/fond/rece-toplong.gif) left top no-repeat} div.rece-top h3 { display: none; } div.rece-top .edito { font: bold 11px arial; color: #454545; padding: 0 10px; } div.rece-top .m { font: bold 11px arial; color: #454545; padding: 0 10px; line-height:42px; } div.rece-top { } div.rece-top form { padding: 7px 0 7px 168px } div.rece-top label { font: bold 11px arial; color: #575757; float: left; width: 91px; } div.rece-top input.ch { width: 138px; height: 16px; border: 1px solid #e7daa2 } div.rece-top p.validButton { left: 239px; position: relative; text-align: right; top: -63px; width: 69px } /* */ /* //////////////////// Fiche info */ div.f-bot { width: 442px; margin: 10px 0 0 0px; background: url(../images/fond/f-bot.gif) left bottom no-repeat; } div.f-top { width: 442px; padding: 40px 0px 16px 0pt; background: url(../images/fond/f-top.gif) left top no-repeat; } div.f-top table { width: 419px; margin: 0 auto; } div.f-top table caption { display: none; } div.f-top table td { border-bottom: 1px solid #e2d28e; padding: 4px 0 0 0; } div.f-top table td a.title { color: #535353; font: bold 12px arial; text-decoration: none; padding: 3px 0 5px 0; } div.f-top table td a.title:hover { text-decoration: underline } div.f-top table td span { color: #535353 } div.f-top table td a.lire { float: right; text-align: right; color: #535353; font: normal 11px arial; text-decoration: none; } div.f-top table td a.lire:hover { text-decoration: underline } /* //////////////////// Fiche info */ div.c-bot { width: 442px; margin: 10px 0 0 0px; background: url(../images/fond/c-bot.gif) left bottom no-repeat; } div.c-top { width: 442px; padding: 40px 0px 16px 0pt; background: url(../images/fond/c-top.gif) left top no-repeat; } div.c-top table { width: 419px; margin: 0 auto; } div.c-top table caption { display: none; } div.c-top table td { border-bottom: 1px solid #e2d28e; padding: 4px 0 0 0; } div.c-top table td a.title { color: #535353; font: bold 12px arial; text-decoration: none; padding: 3px 0 5px 0; } div.c-top table td a.title:hover { text-decoration: underline } div.c-top table td span { color: #535353 } div.c-top table td a.lire { float: right; text-align: right; color: #535353; font: normal 11px arial; text-decoration: none; } div.c-top table td a.lire:hover { text-decoration: underline } /* //////////////////// Dernier inscrits */ div.i-bot { width: 443px; margin: 10px 0 0 0px; background: url(../images/fond/i-bot.gif) left bottom no-repeat; } div.i-top { width: 443px; padding: 40px 0px 16px 0pt; background: url(../images/fond/i-top.gif) left top no-repeat; } div.i-top table caption { display: none; } div.i-top table { width: 420px; margin: 0 auto; } div.i-top table td.one { border-bottom: 1px solid #e2d28e; padding: 5px 0 5px 0; } div.i-top table td.one strong { display: block; float: left; width: 102px; } div.i-top table td.two { border-bottom: 1px solid #e2d28e; width: 81px; padding: 5px 0pt 5px 6px } div.i-top table td.two div { background-color:#FBECC5;border:1px solid #DCCFAD;padding:3px 0pt;text-align:center;vertical-align:middle;width:125px; } div.i-top table td strong { font-weight: bold; color: #535353; } div.i-top table td .title { color: #535353; font: normal 12px arial; text-decoration: none; padding: 3px 0 5px 0; } div.i-top table td .desc { color: #535353 } div.i-top table td .lire a { color: #535353; font: normal 11px arial; text-decoration: none; } div.i-top table td .lire a:hover { color: #535353; font: normal 11px arial; text-decoration: underline; } p.readMe { text-align :right; padding: 7px 5px 0 0; } /* //////////////////// Conteneurs generaux */ table#mainTable { position: relative; width: 975px; margin: 0 auto; text-align:left; background: #f8f2db url(../images/fond/spread.gif) left top repeat-y; text-align: left; } table#mainTable td#intro { width: 975px; height: 480px; background: url(../images/fond/intro.gif) left top no-repeat; } .interne table#mainTable td#intro { width: 975px; height: 348px; background: url(../images/fond/headercontenu.gif) left top no-repeat; } .posrMe { position:relative; top: 0px; left: 0px; } table#mainTable td { vertical-align: top } table#mainTable td#colLeft { width: 263px; background: url(../images/fond/f-cols.gif) left top no-repeat; padding: 0 0 0 1px; } table#mainTable td#colCenter { width: 459px; padding: 0 0 17px 0; } table#mainTable td#colRight { width: 250px; background: url(../images/fond/f-cols.gif) right top no-repeat; padding: 0 1px 10px 0;} table#mainTable td#colinterne { padding:10px 20px;background: url(../images/fond/f-cols.gif) left top no-repeat;} table#mainTable td#colinterne .format { width:645px} /* //////////////////// Footer */ #outro1 { width: 100%; height: auto; background-color: #cbe6c0; clear: both } #outro1 p { color: #767573; text-align: center; padding: 2px 0 0 0 } #outro1 { width: 100%; height: auto; background-color: #cbe6c0; clear: both } #outro1 ul { overflow: auto; } #outro1 ul li { float: left; margin: 3pt 15px; padding: 0 0 0 0; color: #767573; } #outro1 ul li a { color: #767573; text-decoration: none; } #outro1 ul li a:hover { text-decoration: underline } /* */ #outro2 { width: 100%; height: auto; margin: 0 0 10px 0px; padding: 10px 0px; background-color: #fef7d4; overflow: auto; clear: both} #outro2 p { float: left; width: 140px; color: #535353; padding: 6px 0 5px 0; text-align: left; padding: 0 0 0 20px; } #outro2 p strong { color: #535353; } #outro2 p a { color: #535353; text-decoration: none; } #outro2 p a:hover { text-decoration: underline } /* //////////////////// Formulaires */ form.formatform { width: 400px; margin: 30px auto 15px auto; padding: 0px 20px 12px 20px; } form.formatform h3 { margin: 18pt 0pt 12px 0px } form.formatform label.lbleft { float: left; width: 177px; font: bold 11px arial; color: #535353 } form.formatform input.ch { border:1px solid #E7DAA2; color:#747673; width: 206px} form.formatform select { border:1px solid #E7DAA2; color:#747673; width: 207px } form.formatform textarea { border:1px solid #E7DAA2; color:#747673; width: 380px; clear: both; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* Contact */ #colCenter div.contact-s { background: url(../images/fond/spreadBloc.gif) left top repeat-y; } #colCenter div.contact-bot { width: 442px; margin: 10px 0 0 0px; background: url(../images/fond/r-bot.gif) left bottom no-repeat; } #colCenter div.contact-top { width: 442px; padding: 0px 0px 16px 0pt; background: url(../images/fond/contact-top.gif) left top no-repeat; } /* Search */ #colinterne div.contact-bot { width: 676px; margin: 10px 0 0 0px; background: url(../images/fond/r-botlong.gif) left bottom no-repeat; } #colinterne div.contact-top { width: 676px; min-height: 40px; padding: 0px 0px 0px 0pt; background: url(../images/fond/contact-toplong.gif) left top no-repeat; } /* Forget Form */ #formatforget { } #formatforget label.lbleft { width: 54px; position:relative; top: 8px; left: 0px; } #formatforget input.ch { width: 166px} .throw { position:relative; top: 5px; left: 0px; } .cb { clear: both; } /* nLetterForm */ #nLetterForm { } #nLetterForm ul.radio { position:relative; top: 0px; left: 154px; } #nLetterForm ul.radio li { margin: 10px 15px 10px 7px; } /* depotForm */ #depotForm { } #depotForm select { width: auto; } .pseudoPara { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left; clear: both; overflow: auto; } .pseudoPara ul { margin: 0 0 0 0px; padding: 0 0 0 0; float: left; } .pseudoPara ul li { margin: 0 0 5px 0px; padding: 0 0 0 0; } .pseudoPara ul li input{ width: auto; } /* searchFormm */ #searchFormm select { width: auto; } #searchFormm { width: 650px; margin:10px auto; padding: 0px 15px 12px } #searchFormm table { } #searchFormm label.lbleft { width: 171px } #searchFormm table td.one { width: 450px } #searchFormm table td.two { width: 220px } #searchFormm table td.two label.lbleft { width: 140px } #searchFormm .pseudoPara { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left; clear: both; overflow: auto; } #searchFormm .pseudoPara ul { margin: 0 0 0 0px; padding: 0 0 0 0; float: left; } #searchFormm .pseudoPara ul li { margin: 0 0 5px 0px; padding: 0 12px 0 0; float: left; } #searchFormm .pseudoPara ul li input{ width: auto; } p.results { font: bold 12px arial; padding: 0 0 0 48px; } p.results { font: bold 12px arial; } p.results:first-letter { font: bold 13px arial; color: #917a3f } /* Resultats de recherche */ .imgProdSearch { float: left; margin: 0 10px 10px 0px; } table.tableResultSearch { width: 676px; margin: 0 auto; } table.tableResultSearch td.two, table.tableResultSearch td.three{ border-bottom:1px solid #FFCC33} table#mainTable table.tableResultSearch td.one { width: 150px; text-align: center; vertical-align: middle; } table#mainTable table.tableResultSearch td.one div { width: 125px; text-align: center; vertical-align: middle; background-color: #fbecc5; text-align: center; vertical-align: middle; border: 1px solid #dccfad; padding:3px 0 } table#mainTable table.tableResultSearch td.two { line-height: 19px; padding:7px 0pt 7px 19px; width: 264px } table#mainTable table.tableResultSearch td.two h4 { font: bold 12px arial; margin: 0 0 3px 0px; padding: 0 0 0 0; line-height: normal } table#mainTable table.tableResultSearch td.two strong { display: block; float: left; width: 126px; font: bold 12px arial; } table.tableResultSearch td.three { padding: 14px 0 0 0; } table.tableResultSearch a.title { font: bold 12px arial; text-decoration: none } table.tableResultSearch a.title:hover { font: bold 12px arial; text-decoration: underline } p.ficheButton { position:relative; left:-10px; top: 0px; } table#mainTable table.tableResultSearch td.three strong { display: block; float: left; width: 126px; line-height: 19px } div.ss-bot { margin: 0 auto 15px auto; } div.ss-top { padding: 7px 0px 10px 0px; } /* tableAnonce */ table.tableAnonce { width: 100%; margin: 15px 0 } table.tableAnonce td.one { width: 125px; text-align: center; vertical-align: middle } table.tableAnonce a.title { font: bold 14px arial; text-decoration: none; } table.tableAnonce a.title:hover { font: bold 14px arial; text-decoration: underline } .centerpad { padding: 7px 0; text-align: center; } /* */ .hautdepage { float: right } .hautdepage span { background: url(../images/puce/up.gif) left 3px no-repeat; padding: 0 0 0 15px; } .hautdepage span span { background: url(../images/puce/up.gif) right 3px no-repeat; padding: 0 15px 0 0; } .hautdepage a { text-decoration: none } .hautdepage a:hover { text-decoration: underline } table#mainTable table.tableAnnonce td.one { width: 125px; text-align: center; } table#mainTable table.tableAnnonce td.one img { padding: 5px; background-color: #fbecc5; border: 1px solid #dccfad } table#mainTable table.tableAnnonce td.two { padding: 0 0 0 14px; } table#mainTable table.tableAnonce td.one { width: 125px; text-align: center; } table#mainTable table.tableAnonce td.one img { padding: 5px; background-color: #fbecc5; border: 1px solid #dccfad } table#mainTable table.tableAnonce td.two { padding: 0 0 0 14px; } /* //////////////////// 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: 10px auto 20px auto; text-align: center; font: bold italic 12px arial; color: #a99460} .bitapro { margin: 10px auto 20px auto; text-align: right; font: bold italic 12px arial; color: #a99460} .center { text-align: center } .left { text-align: left } .right { text-align: right } a.biglink { font-weight:bold; color:#336633; font-size: 13px} .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; } .aucun { text-align: center; padding: 55px 0 0 0; } .cb5 { clear: both; } /* //////////////////// 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; } /* ------------------------------- */ 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; } /* */ .visuLeftArticle { float: left; margin: 0 10px 10px 0px; } p.date { float: right ; position:relative; top: 3px; left: -4px; } /* ///////////////////////////////// Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ .inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px verdana; } .conformement { font: normal 10px arial; text-align: justify; padding: 6pt 0px } div.mention-bot { background: url(../images/fond/mention-bot.gif) left bottom no-repeat; } div.mention-top { width: 232px; height: 197px; padding: 10px ; background: url(../images/fond/mention-top.gif) left top no-repeat; } .cursor {cursor: pointer;} /* //////////////////////////////////////// Pagination */ .links { color: #525252; text-align: center; padding: 13px 0 } .links a { color: #525252; padding: 0px 5px; border: 1px solid #408c13; text-decoration: none; } .links a:hover { border: 1px solid #408c13; color: #fff ; padding: 0px 5px; text-decoration: underline; background-color: #408c13 } .links span { border: 1px solid #408c13; color: #fff ; padding: 0px 5px; background-color: #408c13 } .links a.imglink { border: none ; padding: 0 3px; position:relative; top: 4px; left: 0px; } /* //////////////////////////////////////// Fiche */ #ficheMEP { } #ficheMEP p.cheminFiche { } #ficheMEP p.titleFiche { font: bold 12px verdana ; color: #3b8611 } #ficheMEP .ss-top p { padding: 0 14px; }