* { margin:0; padding:0 } body { background-color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000; } /* templates ***********************************************************/ #pg_content .haut_top {color:#FFFFFF;background-color:#757575} #pg_content .colonne_right {color:#FFFFFF} #pg_content h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#797979; font-weight:normal; padding:20px 0 2px 0; margin-bottom:20px; border-bottom:1px #797979 dotted } #pg_content h2 em { display:block; font:10px Verdana, Arial, Helvetica, sans-serif; margin-bottom:-15px; } #pg_content h3 {color:#FF0000;font-size:14px;font-weight:bold;margin-bottom:10px; padding-top:15px; border-bottom:1px #FF0000 dotted} #pg_content > h3 { margin-top:0 } #pg_content h4 {font-size:12px;color:#666666;font-weight:normal;text-decoration:underline;margin:10px 0 5px 0} #pg_content h5{padding:10px 0 3px 0;font-weight:bold;font-size:12px} #pg_content .colonne_right {color:#FFFFFF} #pg_content .haut_top_2 {background-color:#757575} #pg_content .haut_top_2 a, .haut_top_2 a:active, .haut_top_2 a:visited, .haut_top_2 a:hover, .haut_top_2 h4, .haut_top h4{color:#FFFFFF;text-decoration:none} #pg_content .haut_top_2 strong {color:#FFFFFF;font-weight:bold} /* templates 3 ***********************************************************/ #pg_content .colonne_bot_2 {padding:10px;border-right:1px dotted #333333} #pg_content .colonne_bot_3 {padding:10px;} #pg_content .colonne_bot_1 {padding:10px 10px 10px 0;border-right:1px dotted #333333} #pg_content .haut_top {background-color:#757575;padding:10px;color:#FFFFFF;width:650px;} #pg_content .haut_bot {color:#FFFFFF;width:650px;} #pg_content .bas_top {background:#FFFFFF;padding:10px;width:650px;} #pg_content .haut_top_2 h3, .haut_top h3, .colonne_left h3, .colonne_right h3{color:#FFFFFF:border:none} #pg_content .colonne_right_8 { padding:10px 10px 10px 15px;background-color:#757575;color:#FFFFFF;width:170px;} #pg_content .colonne_right_bot_8 { background-color:#757575;color:#FFFFFF;width:195px;height:12px;} #pg_content .haut_top_2 ul li {list-style-image:none;} #pg_content .haut_top_2 a:hover, #pg_content .haut_top_2 a:visited {color:#FFFFFF} #pg_content .haut_top_2 h3 {color:#FFFFFF;border:none} #pg_content .haut_top_2 strong; #pg_content .haut_top strong {color:#FFFFFF} #pg_content .haut_top_2 h4, #pg_content .haut_top h4{color:#FFFFFF;text-decoration:none} #pg_content .colonne_left h3 {color:#FFFFFF;border:none} a { color:#ee1c23;text-decoration:underline} a:hover { color:#ee1c23;text-decoration:none } a:visited { color:#c9494d;text-decoration:underline } a:visited:hover { color:#c9494d;text-decoration:none } a:active, a:focus{ outline:none; } p { padding-bottom:10px; } strong { color:#333; font-weight:bold } a img { border:0 } abbr, acronym { cursor: help; border-bottom: 1px dotted; } del { text-decoration: line-through; } ins {text-decoration: none; padding-left:5px } ol { margin:14px 0 10px 20px; } ol li { padding-bottom:6px } ul { margin:10px 0 10px 20px; } ul li { margin-bottom:6px } #pg_content ul { margin-bottom:15px;} #pg_content ul li { margin-bottom:6px;list-style-image:url(../img/li.png)} #pg_content ul li ul li { margin-bottom:6px;list-style-image:url(../img/li1.png)} #pg_content ul {padding-left:10px} table { empty-cells: show; border-collapse: collapse } blockquote {display: block;padding: 20px 30px 0 30px;width: 580px;font-family: Georgia, "Times New Roman", Times, serif;font-size:1.1em;font-style:italic } blockquote:before, blockquote:after { color: #ccc; display: block; font-size: 4em; width: 50px; } blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; } blockquote:after { content: close-quote; height: 50px; margin-left: 580px; } blockquote cite { display:block; text-align:right; font-style:normal; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif } span.sW { background-color:#FFCC33; color:#000 } /* formulaires ***********************************************************/ input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:4px 6px 2px 6px; margin: 3px 0px 3px 0; background:url(../img/bg_input.gif) no-repeat left top; border-width:0 1px 1px 0; border-color:#bdbbba; border-style:solid; } input:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; } select { padding-right:1px } select option { background-color:#fff; padding:0 13px 0 5px; } select optgroup { font-style:normal; padding-top:10px} input.fradio, input.fcheckbox, input.fimage, #searchSubmit { background:none; border:none; margin:0; padding:0 5px; } .submitbt, button { clear:both; margin:20px auto; display:block; font-size:11px; background-image:none; padding:5px 20px; border:none; background-color:#01628d; border:1px outset #CCCCCC; color:#FFFFFF; font-weight:bold; cursor:pointer; } label { text-align: left; float: left; width: 100px; padding: 3px 4px 3px 0; } input[type=file] { background-color:#f4f9ee; } form br { clear:both; } .btsubmitf, .btsubmitf:focus { width:105px; height:40px; padding-bottom:15px; background:url(../img/bg_submit.gif) top left no-repeat; border:none; cursor:pointer; margin:20px } /*****************************************************************/ .cl { clear:both } /****************************************************************/ #container { width:964px; margin:0 auto; position:relative } #top { position:relative; width:753px; height:170px; background:url(../img/bg_top.png) top no-repeat; margin:0 auto; text-align:center; top:0 } #top #lycee { position:absolute; top:0; right:0; text-align:right; height:148px; } #top #ecole { position:absolute; top:0; left:0; text-align:left; height:148px; } #top h2 { position:absolute; left:310px; } #top h2 a { display:block; width:128px; height:148px; } #top h2 a q { display:none; } #top h3 { font:13px Georgia, "Times New Roman", Times, serif; padding:4px; margin:0 } #top h3 a, #top h3 a:visited { text-decoration:none; color:#fff; } #top h3 a:hover, #top h3 a:visited:hover { text-decoration:underline } #top #ecole h3 a, #top #ecole h3 a:visited { text-decoration:none; color:#444; } #top #ecole h3 a:hover, #top #ecole h3 a:visited:hover { text-decoration:underline } #top p { padding:16px; line-height:1.4em} #top #ecole .btgo { position:absolute; width:315px; height:150px; top:0; left:0;} #top #ecole .btgo em{ display:none;} #top #lycee .btgo { position:absolute; width:315px; height:150px; bottom:0; right:0; } #top #lycee .btgo em{ display:none;} #top #ecole p.addr { padding:0; color:#fff; position:absolute; left:10px; bottom:-20px; width:350px } #top #lycee p.addr { padding:0; color:#fff; position:absolute; right:10px; bottom:-20px; width:350px } #content { position:absolute; top:174px } #content #contentTop { background:url(../img/bg_contentTop.png) no-repeat; width:964px; height:16px } #content #contentMid { background:url(../img/bg_contentMid.png) repeat-y; width:964px; } #content #contentBot { background:url(../img/bg_contentBot.png) no-repeat; width:964px; height:17px } #content #menu { float:left; margin-left:8px; width:257px; } #content #menu #menuSearch { position:relative; margin-top:-8px; width:253px; height:143px; padding:2px 0 0 4px; background:url(../img/bg_search_lycee.png) no-repeat;} #menuSearch input#q { width:120px; background:url(../img/bg_input_search.gif) no-repeat left top; padding-left:24px } #menuSearch input#q:focus { background:url(../img/bg_input_search-focus.gif) no-repeat left top; } #menuSearch #searchSubmit { margin:0 0 -5px -6px; } #menuSearch #flags { position:absolute; top:7px; right:7px; width:60px} #menuSearch #flags img { float:right; margin:4px 2px } #content #menu ul { margin:0; padding:0; list-style-type:none} #content #menu ul li { margin:0; padding:0; border-bottom:1px solid #fff; background-color:#fff} #content #menu ul li a, #content #menu ul li a:visited { font-size:12px; color:#fff; padding:6px 0 0 17px; display:block; width:240px; height:21px; background:url(../img/fl_menu.png) left no-repeat #ee1c23; text-decoration:none } #content #menu ul li a:hover, #content #menu ul li a:hover:visited, #content #menu ul li a.actif { margin-left:5px; width:235px; } #content #menu ul li ul li { margin:0; padding:0; border-bottom:1px solid #fff; background-color:#fff;} #content #menu ul li ul li a, #content #menu ul li ul li a:visited { margin-left:15px; font-size:12px; color:#ee1c23; padding:4px 0 0 5px; display:block; width:237px; height:19px; background:none; text-decoration:none; border-bottom:1px dotted #ee1c23 } #content #menu ul li ul li a:hover, #content #menu ul li ul li a:hover:visited, #content #menu ul li ul li a.actif { margin-left:15px; text-decoration:underline } #content #menu ul li ul li a.actif { font-weight:bold } #content #menu ul li ul li ul { padding-left:30px; } #content #menu ul li ul li ul li:before { content:"- "; } #content #menu ul li ul li ul li { margin:0; padding:5px 0 1px 0; } #content #menu ul li ul li ul li a, #content #menu ul li ul li ul li a:visited { margin:0; padding:0; display:inline; font-size:11px; background:none; color:#ee1c23; border-bottom:none; } #content #menu ul li ul li ul li a:hover, #content #menu ul li ul li ul li a:hover:visited, #content #menu ul li ul li ul li a.actif { margin:0; padding:0; text-decoration:underline } #content #menu a.actif, #content #menu ul li.actif > a { font-weight:bold } #content #menu #news { padding:20px } #content #menu #news h4 { font-size:12px; font-weight:normal; background:url(../img/news_h4.gif) 0 5px no-repeat; padding:5px 0 5px 10px; margin-left:-10px } #content #menu #news h4 em { display:block; font-size:10px; font-style:normal; font-weight:normal } #content #menu #news a, #content #menu #news a:visited { font-size:12px; color:#000; } #content #menu #bottom { width:257px; height:10px; background:url(../img/bg_menu_bottom.png); position:absolute; bottom:9px } #content #menu2 h3 { font-weight:normal; color:#757575; font-size:12px; border-bottom:1px solid #757575; background:url(../img/meme_cat.png) no-repeat left;padding-left:20px; padding-top:0; margin-top:30px; height:16px } #content #menu2 a { font-size:11px } #content #menu2 a:hover {background:url(../img/li.png) no-repeat left;padding-left:15px;text-decoration:none } #content #menu2 p { font-size:10px; padding-bottom:2px; } #pg_content { position:relative; float:left; width:652px; padding:20px; padding-bottom:137px } #content #breadcrumb { position:absolute; right:0; top:0; font-size:11px; color:#444; text-align:right; padding:0 10px; } #content #breadcrumb a, #content #breadcrumb a:visited { color:#444; } #content h1.title { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#797979; font-weight:normal; padding:60px 0 40px 0 } #content #pg_photos { position:absolute; bottom:9px; right:8px; width:691px; height:127px; background:url(../img/bg_photos.png) } #content #pg_photos #photos_nav_left { display:block; width:30px; height:92px; position:absolute; top:17px; left:10px; } #content #pg_photos #photos_nav_right { display:block; width:30px; height:92px; position:absolute; top:17px; right:10px; } #content #pg_photos #photos_content { width:605px; height:100px; position:absolute; top:18px; left:44px; } /*#content #pg_photos #photos_content img { margin:0 8px; float:left; border:1px solid #000 }*/ #footer { width:924px; position:absolute; padding:0 20px 20px 20px; color:#a5a5a5; } #footer #footerLeft { float:left; padding:0px } #footer #footerRight { float:right; padding:0px } #footer a, #footer a:visited { color:#a5a5a5; text-decoration:none } #header h1{display:none} #map { width:660px; height:500px } .p_search h3 a { display:block; background:url(../img/external_link_btn.gif) right no-repeat; font-weight:normal; text-decoration:none; font-size:12px } #pg_content.p_1 { background:url(../img/bg_p_1.jpg) bottom right no-repeat; margin-bottom:118px; padding-bottom:20px} #pg_content.p_1 #menu2 p { width:400px } #pg_content.p_6 { background:url(../img/bg_p_6.jpg) bottom left no-repeat; margin-bottom:118px; padding-bottom:130px} #pg_content.p_134 img, #pg_content.p_135 img { float:left; margin-right:20px; } #pg_content.p_134 h2, #pg_content.p_135 h2 { clear:both} #pg_content.p_134 dl, #pg_content.p_135 dl { padding-top:20px; } #pg_content.p_134 dl dt, #pg_content.p_135 dl dt { font-size:13px;} /* pagination ***********************************************************/ div.fdtablePaginaterWrap { border-top:1px dotted #ee1c23; padding:6px 0 0 0; margin-top:20px } ul.fdtablePaginater { display:table; list-style:none; padding:0;margin:0 auto; text-align:center; height:2em; width:auto; margin-bottom:2em; } ul.fdtablePaginater li { display:table-cell; margin:3px; padding-right:1px; color:#ee1c23; list-style:none; float:left; -moz-user-select:none; -khtml-user-select:none; } ul.fdtablePaginater li a.currentPage span { border:1px solid #ee1c23; background-color:#fff; color:#ee1c23; font-weight:bold } ul.fdtablePaginater li a:active, ul.fdtablePaginater li a:hover { border:1px solid #ee1c23; color:#fff; } ul.fdtablePaginater li a.currentPage:hover { border:1px solid #fff; } ul.fdtablePaginater li a, ul.fdtablePaginater li div { display:block; width:2em; font-size:1em; color:#000; padding:0; margin:0; text-decoration:none; outline:none; border:1px solid #fff; } ul.fdtablePaginater li div { cursor:normal; opacity:.5; filter:alpha(opacity=50); } ul.fdtablePaginater li a span, ul.fdtablePaginater li div span { display:block; line-height:2em; border:1px solid #fff; color:#FFFFFF; background-color:#ee1c23; } ul.fdtablePaginater li a { cursor:pointer; } ul.fdtablePaginater li a:focus { color:#fff; text-decoration:none; border-color:#fff; } .fdtablePaginaterWrap { text-align:center; height:40px; clear:both; text-decoration:none; } p.ppage { text-align:center; font-size:10px } /* pagination ***********************************************************/ #photos_content{ height:100px; left:0; overflow:hidden; position:relative; width:600px; } div#wnPhotos { width:600px; height:100px; clip:rect(0px, 600px, 100px, 0px); overflow:hidden; z-index:1; position:absolute; left:0px; top:0px; } div#lyr1 { position:absolute; left:0px; top:0px; z-index:1; } /* balises */ img{ border:0px; } td{ text-align: left; } /* balises (fin) */ /* mise en forme */ p.txt{ text-align:justify; text-indent:15px; } .move{ cursor:move; } /* mise en forme (fin) */ /* Autocomplete */ div.autocomplete { position:absolute; width:250px; background-color:white; border:1px solid #888; margin:-0px 0px 0px 0px; padding:0px; z-index:2210; } div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; text-align:left; z-index:2011; } div.autocomplete ul li.selected { background-color: #ffb; } div.autocomplete ul li { list-style-type:none; display:block; margin:0; border-bottom:0px; padding:2px; height:22px; cursor:pointer; z-index:2012; } div.autocomplete ul li.dpt, div.autocomplete ul li.region { height:35px; border-bottom:1px solid #ccc; } div.autocomplete ul li.ville { height:50px; border-bottom:1px solid #ccc; } div.autocomplete span.actif { color:blue; } /* Autocomplete (fin) */ /* EditInPlace */ .editor_field { /* width:200px;*/ } form.inplaceeditor-form:hover{ background-color:transparent; } dt + form select, .editor_ok_button { float:left; } input[type=submit].editor_ok_button { margin:0 0 0 5px } .editor_cancel { display:block; padding:5px; float:left; } dd[title="Cliquez ici pour modifier"] { font-style:italic; color:#666; } /* EditInPlace (fin) */ /* Formulaires */ .mceEditor select{ width:auto; } /* Formulaires (fin) */ /* Tableaux */ /* Tableaux (fin) */ /* Popup */ .popup_effect1 { background:#ddd; opacity: 0.2; } .popup_effect2 { background:#FF0041; border: 3px dashed #000; } /* Popup (fin) */ /* AddInst */ #iframe{ width:1px; height:1px; position:fixed; top:0px; left:0px; z-index:10; } /* AddInst (fin) */ /* Menu */ /* Menu (fin) */