@charset "utf-8"; @import url(http://fonts.googleapis.com/css?family=Lato:300,700,300italic); body { font: 18px 'Lato', sans-serif; background:#4FB088; padding:0; margin:0; } a { font-weight:bold; color:#4FB088; text-decoration:none; } h1 { margin-top:0; } .beta { font-size:0.5em; display:inline-block; transform:rotate(-20deg); color:#aaa; } header { background:#166142; padding:10px; margin:0; overflow:hidden; color:#fff; } header li { display:inline-block; text-align:center; vertical-align:middle; } header h1 { float:left; color:#fff; margin:20px; } header h1 a { color:#fff; text-decoration:none; } header li a { display:inline-block; padding:20px 20px; margin:0 5px; } header li a:hover { background:#4FB088; color:#166142; } header ul { float:right; padding:0; margin:0; } header .username { color:#fff; font-weight:normal; } .footer { clear:both; font-size:14px; color:#555; text-align:right; margin-top:25px; } #content { width:80%; max-width:700px; padding:30px; margin:20px auto; background:#eee; } /* formulaires */ label { display:inline-block; font-weight:bold; padding:10px; } form { overflow:hidden; } form p { padding:10px; overflow:hidden; margin:0; } form p:nth-child(2n) { background:#fff; } form p:nth-child(2n+1) { background:#ddd; } form textarea, form input, form select { display:block; font:16px 'Lato', sans-serif; margin:10px; float:right; } form textarea { resize:vertical; } form textarea { width:90%; } .helptext { display:block; font-size:0.8em; color:#333; text-align:right; margin-top:10px; width:100%; clear:both; } /* lieux */ #map_addlieu { width:100%; height:300px; } input#addlieu { font-size:20px; padding:15px; width:70%; margin:0 auto; float:none; } div.lieuform { display:block; border:1px solid #337359; padding:10px; margin-bottom:20px; } div.lieuform h3 { margin:0px; margin-bottom:5px; } div.lieuform p { background:none; padding:0; } div#candidats ul { list-style:none; padding:0; margin:0; } div#candidats li, div#candidats #addcandidat { list-style:none; display:block; overflow:hidden; background:#5AC99C; cursor:pointer; padding:10px; border:2px #fff; } div#candidats #addcandidat { width:90%; margin:15px auto; } div#candidats li input { float:right; background:none; text-decoration:underline; border:none; } div#candidats #addcandidat { font-size:20px; } /* stages */ #stage_present { display:table; background: #fff; border-spacing:20px; width:100%; } #stage_misc { display:table-cell; min-width:300px; } #stage_map { display:table-cell; min-width:300px; } #stage_published.published { background:#9f9; } #stage_published.unpublished { background:#f99; } #stage_published input { display:inline; margin:0; } #stage_published p { background:none; } ul.bigger { display:block; padding:0; } ul.bigger li { display:table-row; list-style:none; } ul.bigger li:hover{ background:#ccc; } .stagestatus { display:table-cell; width:100px; text-align:right; padding-right:20px; } .stagelink { display:table-cell; padding:10px; } .stagestatus.draft { color:#f00; } .changestage { color:#B8741A; } /* feedback */ #feedback_bg { display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:300; top:0; left:0; } #feedback_centrer { display:table-cell; vertical-align:middle; text-align:center; overflow-y:auto; } #feedback_close { float:right; } #feedback_win { text-align:left; display:inline-block; padding:0; max-width:500px; background:#fff; } #feedback_win h2 { background:#000; color:#fff; padding:20px; margin-top:0; } #feedback_win textarea { min-height:150px; } #feedback_btn { position:fixed; top:65%; left:0; z-index:40; background:#000; color:#fff; padding:20px; transform:rotate(-90deg); font-weight:bold; transform-origin:top left; } .success { background:#9f9; padding:5px; } .failure { padding:5px; background:#f99; } /* Recherche */ form.recherche p { background:none; } form.recherche { background:#ddd; padding:5px; } form.recherche .criteria { display:table; width:100%; } form.recherche .criteria p { display:table-cell; } form.recherche .lieu { display:table; } form.recherche .lieu div { display:table-cell; } #map_searchlieu { width:50%; } .stagefound { background:#fff; padding:10px; margin:10px 0; } .stagefound h3 { margin-top:0; } .stagefound p { margin-bottom:0px; }