/* Theme Name: EDEN 62 Theme URI: http://www.eden62.fr Description: Le thème par défaut de EDEN62 Version: 0.1 Author: Tilt Studio Author URI: http://www.tilt-studio.fr/ */ /* Styles globaux ***************************************************/ * { margin:0; padding:0; } body { font:12px Arial, Sans-serif; color:#343630; background:#4c290d; } a { color:#5d8106; } a img { border:none; } hr { display:none; } .clear { clear:both; } /* Gabarit **********************************************************/ #eden62 { width:955px; padding:0 6px; margin:0 auto; background:url(./images/common/page-bg.gif) repeat-y left top; } #main { position:relative; z-index:2; min-height:510px; background:#fff; } /* Header ***********************************************************/ #header { position:relative; z-index:3; height:70px; background:#fff; } #header h1 { position:absolute; left:12px; top:2px; } #header h1 a { font:16px Times New Roman, Serif; color:#0081d2; text-decoration:none; } #lang{ position:absolute; right:10px; top:20px; width:56px; height:20px; background:url(./images/common/lang-bg.jpg) no-repeat left top;} #lang a { position:absolute; top:4px; display:block; width:13px; height:9px; color:#227194; text-decoration:none; font-size:10px; background:url(./images/common/lang-flags.jpg) no-repeat left top; } #lang a.fr { left:10px;background-position:right top; } #lang a.en { left:31px; } #lang a.fr:hover, body.fr #lang a.fr { background-position:right bottom; } #lang a.en:hover, body.en #lang a.en { background-position:left bottom; } #lang span { display:none;position:absolute;top:-20px; width:56px; text-align:center;} #lang a:hover span { display:block; } #lang a.fr span { left:-10px; } #lang a.en span { left:-31px; } #homepage #lang { top:535px; } #news #lang { top:560px; } #music #lang { top:530px; } #medias #lang { top:530px; } /* Menu principal */ #menu { position:absolute; bottom:0; left:160px; list-style:none; } #menu li { position:relative; z-index:1; display:inline; float:left; height:31px; margin:0 -3px; } #menu li a { display:block; } #menu li.hover { z-index:2; } #menu li.hover .submenu { display:block; } #menu li .submenu { display:none; position:absolute; top:31px; margin:0 25px; padding:0; height:19px; line-height:19px; color:#fff; text-align:left; white-space:nowrap; background:#b5b38d; } #menu li .submenu a { display:inline; padding:0 5px; color:#fff; text-decoration:none; } #menu li .submenu a:hover { color:#a1ee39; } #menu li .submenu .side-l, #menu li .submenu .side-r { display:block; width:25px; height:19px; position:absolute; top:0; background:url(./images/header/submenu-side.png) no-repeat left top; } #menu li .submenu .side-l { left:-25px; } #menu li .submenu .side-r { right:-25px; background-position:right top; } #page-la-politique-ens #main .header .description { margin-top:5px; float:none; } /* Footer ***********************************************************/ #footer { position:relative; padding:15px 12px 10px; margin:-2px -6px 0; color:#fff; font-size:11px; text-align:center; background:#4b280f url(./images/common/footer-bg.gif) no-repeat left top; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer span { padding:0 15px; } #footer-presse { padding:0 0 0 20px; background:url(./images/common/footer-presse-ico.gif) no-repeat left top; } #footer-cgpdc { position:absolute; top:5px; right:8px; width:91px; font-size:9px; } /* Page d'accueil ***************************************************/ #home #main { height:510px; } #home-anim { width:955px; height:345px; overflow:hidden; background:#99be20; } #home-carnet { position:absolute; z-index:3; bottom:-12px; left:-15px; width:718px; height:190px; background:url(./images/home/carnet-bg.png) no-repeat left top; } #home-carnet h2 { position:absolute; left:40px; top:-10px; } #home-carnet-inside { width:687px; height:154px; padding:14px 17px 15px 21px; background:url(./images/home/carnet-bg-in.jpg) no-repeat 14px 21px; } #home-carnet .post h3 { position:absolute; right:140px; top:55px; width:375px; font-size:12px; white-space:nowrap; overflow:hidden; } #home-carnet .post h3 a { text-decoration:none; } #home-carnet .post-image { position:absolute; top:50px; left:40px; padding:10px 19px 20px 20px; } #home-carnet .post-image img { width:122px; height:88px; } #home-carnet .post-image .overlay { display:block; width:161px; height:118px; position:absolute; left:0; top:0; background:url(./images/home/carnet-image.png) no-repeat left top; } #home-carnet .post-link, #carpooling .inside .boutons .link { position:absolute; right:40px; bottom:23px; display:block; width:115px; height:24px; padding-left:8px; text-align:left; line-height:24px; color:#fff; font-weight:bold; text-decoration:none; background:url(./images/home/carnet-bouton.gif) no-repeat left top; } #home-carnet .date { position:absolute; right:40px; top:40px; text-align:right; font-style:italic; color:#5d8106; } #home-carnet .entry { position:absolute; right:40px; top:72px;width:475px; height:75px; overflow:hidden; color:#343630; } #home-carnet .entry a { color:#5d8106; font-weight:bold; text-decoration:underline; } #home-carnet .post-notfound h3 { position:absolute; left:50px; top:70px; width:375px; font-size:12px; color:#5D8106; white-space:nowrap; overflow:hidden; } #home-carnet .post-notfound .entry { position:absolute; left:50px; top:88px;width:550px; height:75px; overflow:hidden; color:#343630; } #home-espaces { position:absolute; z-index:2; right:0; bottom:0; width:248px; height:156px; padding:70px 0 0 27px; background:url(./images/home/espaces-bg.png) no-repeat left top; } #home-espaces h2 { margin:0 0 12px; } #home-espaces p { padding:0 20px 10px 50px; } #home-espaces .link { display:block; width:80px; height:24px; padding-left:10px; margin:0 auto; text-align:center; line-height:24px; color:#fff; font-weight:bold; text-decoration:none; background:url(./images/home/espaces-bouton.gif) no-repeat left top; } #home-espaces .link span { display:block; padding-right:10px; background:url(./images/home/espaces-bouton.gif) no-repeat right top; } /* Page d'actualite *************************************************/ #actu #main { background:#e4dbb7 url(./images/actualites/actualites-bg.jpg) no-repeat left top; } #actu #main h2 { position:absolute; left:105px; top:60px; } #actu #main .post { position:absolute; left:360px; top:140px; width:390px; color:#4d4c32; } #actu #main .post h1 { font-size:16px; font-weight:bold; color:#558a00; } #actu #main .post small { display:block; margin-bottom:5px; font-size:11px; color:#558a00; } #actu #main .post .entry { height:240px; padding-right:10px; overflow-y:auto; } #actu #main .post .entry p { margin-bottom:10px; } #actu #main .post .entry a { font-weight:bold; } #actu #main .navigation { position:absolute; left:360px; bottom:50px; width:390px; list-style:none; } #actu #main .navigation li { display:block; float:left; } #actu #main .navigation li a { display:block; float:left; width:136px; height:23px; line-height:23px; text-align:center; font-weight:bold; color:#fff; text-decoration:none; } #actu #main .navigation li a:hover { text-decoration:underline; } #actu #main .navigation li.home a { width:104px; background:url(./images/actualites/home.jpg) no-repeat left top; } #actu #main .navigation li.previous a { background:url(./images/actualites/previous.jpg) no-repeat left top; } #actu #main .navigation li.next a { background:url(./images/actualites/next.jpg) no-repeat left top; } #actu #main .navigation li.home { margin-right:12px; } #actu #main .navigation li.next { float:right; } #actu #main .post-image { position:absolute; left:110px; display:block; width:217px; height:164px; } #actu #main .post-image img { display:block; padding:8px 8px 8px 9px; width:200px; height:148px; } #actu #main .post-image .overlay { display:block; width:217px; height:164px; position:absolute; left:0; top:0; background:url(./images/actualites/photo-mask.png) no-repeat left top; } #actu #main #post-image-2 .overlay { width:236px; height:173px; background-image:url(./images/actualites/photo-mask-2.png); } #actu #main #post-image-2 img { padding:7px 19px 19px 17px; } #actu #main #post-image-1 { top:134px; } #actu #main #post-image-2 { left:102px; top:298px; width:236px; height:173px; } #actu #main .archives { position:absolute; right:0; top:55px; width:170px; } #actu #main .archives h3 { margin:10px 0 20px 0; padding:0 25px 0 3px; text-align:right; color:#fff; } #actu #main .archives ul { list-style:none; } #actu #main .archives ul li { display:block; } #actu #main .archives ul li a { display:block; padding:0 25px 0 3px; text-align:right; color:#fff; text-decoration:none; } #actu #main .archives ul li a:hover { font-weight:bold; background:#a5d00a; } #actu #main .archives h4 { display:block; margin:0 0 15px; padding:0 27px 0 3px; text-align:right; color:#fff; text-decoration:none; font-weight:bold; background:#a5d00a; } #actu #main .archives select { float:right; margin:25px 25px 0 15px; color:#fff; border:1px solid #c0ac7e; background:#c0ac7e; } #actu #main .post-notfound { position:absolute; left:135px; top:150px; } /* Header de page commun ********************************************/ .header { padding:20px 33px 0; height:89px; color:#fff; background:url(./images/header/header-9milieux.jpg) no-repeat left top; position:relative;} .header h1 { position:relative; display:inline; font-size:26px; font-weight:normal; font-family: Trebuchet MS, Helvetica, Sans-serif; } .header h2 { clear:both; margin:4px 0; font-size:18px; font-weight:bold; color:#bee658; } .header .description { margin-top:5px; } .header .description.download { float:left; margin-top:5px; } .header .description p { margin-right:10px; } .header .feuille { position:absolute; display:block; top:0; right:-40px; width:32px; height:26px; background:url(./images/header/feuille.png) no-repeat left top; } .header .papillon { position:absolute; display:block; top:6px; right:-25px; width:24px; height:22px; background:url(./images/header/papillon.png) no-repeat left top; } .header select { color:#6a6159; border:1px solid #7f9db9; background:#fff; } .header .bt-OK { position:absolute; top:-5px; right:-38px; cursor:pointer; display:block; width:28px; height:28px; border:none; color:#fff; background:url(./images/header/bouton-OK.png) no-repeat left top; } .header form { position:relative; float:left; } /* Page de liste categorie ******************************************/ .category { padding:0 15px 0 40px; } .category .post { float:left; position:relative; margin:0 25px 15px 0; padding:5px 10px 3px 135px; width:280px; height:82px; background:#f8f7e0; } .category .post h3 { font-size:15px; font-weight:bold; color:#84ab22; } .category .post small { font-size:11px; color:#84ab22; } .category .post .entry { height:30px; overflow:hidden; margin:2px 0; color:#807e57; } .category .post .download { position:absolute; right:10px; bottom:3px; display:block; width:87px; height:19px; line-height:19px; text-decoration:none; color:#fff; font-weight:bold; text-align:center; background:url(./images/category/telecharger-bouton.gif) no-repeat left top; } .category .post .download:hover { text-decoration:underline; } .category .post .image { position:absolute; left:-3px; top:-2px; display:block; width:125px; height:89px; padding-top:6px; background:url(./images/category/photo-frame.gif) no-repeat left top; } .category .post .image span { display:block; padding:0 0 6px 6px; background:url(./images/category/photo-frame.gif) no-repeat left bottom; } .category .post .image img { display:block; width:113px; height:83px; } .category .post .feuille { position:absolute; display:block; top:-8px; left:-13px; width:28px; height:26px; background:url(./images/category/feuille.png) no-repeat left top; } .home-button { clear:both; display:block; width:104px; height:23px; text-align:center; overflow:hidden; line-height:23px; margin:5px auto; color:#fff; text-decoration:none; font-weight:bold; background:url(./images/category/retour-accueil.gif) no-repeat left top; } .breadcrumb { margin:5px 0 20px; font-size:10px; color:#5f5e3f; } .breadcrumb a { color:#5f5e3f; text-decoration:none; } .breadcrumb a:hover { color:#5f5e3f; text-decoration:underline; } .header form { float:left; position:relative; } .header form.form-download {clear:both; margin-top:15px; } /* Page Telechargements *********************************************/ #telechargements .header { background-image:url(./images/header/header-telechargements.jpg);} ul#tab_categories {list-style:none; position:absolute; left:30px; bottom:0; width:915px;} ul#tab_categories li {float:left; } ul#tab_categories li a {text-decoration:none; display:block; padding:5px 10px; margin:5px 5px 0; background-color:#E5DFD0; color:#808080;font-weight:bold; float:left;} ul#tab_categories li a:hover {text-decoration:underline;} ul#tab_categories .current-cat a {color:#5D8106; text-decoration:underline; background-color:#fff;} /* Fiche Espace Naturel *********************************************/ #cat-espaces-naturels .header, #fiche-espace .header { background-image:url(./images/header/header-espaces-naturels.jpg); } #cat-espaces-naturels .header .menu, #fiche-espace .header .menu { margin:3px 0 0; } #cat-espaces-naturels .header .menu form, #fiche-espace .header .menu form { float:left; } #cat-espaces-naturels .header .menu span.select, #fiche-espace .header .menu span.select { float:left; margin:0 5px 0 0; } #cat-espaces-naturels .header .menu span.alt, #fiche-espace .header .menu span.alt { display:block; clear:both; } #cat-espaces-naturels .header .menu span.then, #fiche-espace .header .menu span.then { font-size:14px; font-weight:bold; margin:0 5px; } #cat-espaces-naturels .header .menu strong, #fiche-espace .header .menu strong { font-size:14px; color:#87d91c; } #fiche-espace .header .menu span.alt a { color:#87d91c; } #cat-espaces-naturels .header .menu select#tilt_cat, #fiche-espace .header .menu select#tilt_cat { width:180px; } #cat-espaces-naturels .header .menu select#ddlPosts, #fiche-espace .header .menu select#ddlPosts { width:280px; } #cat-espaces-naturels .category { padding:0; } #cat-espaces-naturels .breadcrumb { padding:0 15px 0 33px; margin-bottom:5px; } #cat-espaces-naturels .map { margin:0 auto; width:930px; height:365px; } #cat-espaces-naturels .map .carte-bulle-image { width:110px; height:100px; float:left; } #cat-espaces-naturels .map .carte-bulle-lien { float:left; } #cat-espaces-naturels .map .carte-bulle-clear { clear:both; height:1px; } #fiche-espace .breadcrumb { padding:0 15px 0 33px; margin-bottom:15px; } #fiche-espace .post { position:relative; padding:0 15px 15px 33px; } #fiche-espace .post .main-infos { width:275px; margin-right:5px; } #fiche-espace .post .main-infos h2 { font-size:18px; font-weight:normal; color:#84ab22; } #fiche-espace .post .main-infos .about { color:#84ab22; } #fiche-espace .post .main-infos .entry { height:260px; overflow-y:auto; margin:12px 0 0 0; color:#5f5e3f; } #fiche-espace .post .main-infos .entry p { margin-bottom:10px; } #fiche-espace .post .main-infos .entry ul { list-style-position:inside; } #fiche-espace .post .main-infos .entry li { margin-bottom:10px; } #fiche-espace a.bt-carte { position:absolute; z-index:2; left:0; top:0; padding:10px 0 0 40px; display:block; width:181px; height:17px; color:#717044; text-decoration:none; font-weight:bold; background:url(./images/fiche-espace/bt-carte.gif) no-repeat left top; } #fiche-espace a.bt-carte:hover { text-decoration:none; } #fiche-espace .fiche { position:absolute; z-index:4; right:15px; top:0; padding:10px 6px 15px 6px; width:160px; height:315px; overflow:hidden; background:url(./images/fiche-espace/fiche-bg.png) no-repeat left top; } #fiche-espace .fiche h3 { padding:12px 0 5px; text-align:center; } #fiche-espace .fiche #fiche-nav { height:275px; overflow-y:auto; } #fiche-espace .fiche #fiche-nav ul { list-style:none; } #fiche-espace .fiche ul h4 { cursor:pointer; padding:1px 15px; display:block; color:#4b280f; font-weight:normal; font-size:12px; text-decoration:none; background:#e6e2c3; } #fiche-espace .fiche ul li h4.on { cursor:default; color:#fff; font-weight:bold; text-decoration:none; background:#727043; } #fiche-espace .fiche ul h4.hover { text-decoration:underline; } #fiche-espace .fiche-infos-entry { width:115px; padding:15px; } #fiche-espace .photo { position:absolute; z-index:3; top:0; right:150px; width:487px; } #fiche-espace .photo .photo-bg { position:absolute; top:25px; z-index:3; padding:9px; width:469px; height:287px; background:url(./images/fiche-espace/photo-mask.png) no-repeat left top; } #fiche-espace .photo .photo-bg img { display:block; width:469px; height:287px; } #fiche-espace .buttons { position:absolute; left:402px; bottom:5px; list-style:none; } #fiche-espace .buttons li { display:block; float:left; } #fiche-espace .buttons a { float:left; margin-right:10px; display:block; width:104px; height:23px; line-height:23px; text-align:center; color:#fff; text-decoration:none; font-weight:bold; } #fiche-espace .buttons a:hover { text-decoration:underline; } #fiche-espace .buttons .back a { background:url(./images/fiche-espace/bt-back.gif) no-repeat left top; } #fiche-espace .buttons .previous a { background:url(./images/fiche-espace/bt-previous.gif) no-repeat left top; } #fiche-espace .buttons .next a { background:url(./images/fiche-espace/bt-next.gif) no-repeat left top; } /* Fiche Espace Naturel *********************************************/ #fiche-espace #main { background:url(./images/fiche-espace/bg.gif) no-repeat right bottom; } /* Page Rendezvous *********************************************/ #page-les-rendez-vous #main { background:#F8F8E0; } #page-les-rendez-vous #main .post { padding:0; } #page-les-rendez-vous .breadcrumb { margin:0 0; padding:5px 33px; background:#fff url(./images/calendar/rdv-top-shadow.gif) repeat-x left bottom; } #page-les-rendez-vous .header { background-image:url(./images/header/header-rendezvous.jpg); } #page-les-rendez-vous .header .menu { padding-top:10px; } #page-les-rendez-vous .header .menu .select { float:left; margin-right:5px; } #page-les-rendez-vous .header .menu form { float:left; } #page-les-rendez-vous #calendar_wrapLarge { padding:10px 44px; } #page-les-rendez-vous #main .post table { width:auto; margin:0; border:none; border-collapse:collapse; } #page-les-rendez-vous #main .post table td { padding:0; vertical-align:top; text-align:left; border:none; } .rdv-box { position:relative; float:left; margin:0 4px 15px 0; width:140px; height:160px; background:#fff; } .rdv-box h4 { display:block; height:15px; padding:0 10px; line-height:15px; font-size:11px; font-weight:normal; color:#fff; background:#aada30; } .rdv-box h4 .rdv-box-number { display:block; width:25px; height:22px; padding-top:5px; position:absolute; right:0; top:-12px; font-size:15px; text-align:center; font-weight:bold; background:url(./images/calendar/rdv-date-bulle.gif) no-repeat left top; } .rdv-box-infos { padding:7px; font-size:11px; color:#807e57; } .rdv-box-title { font-size:12px; color:#84ab22; font-weight:bold; } .rdv-box-time { display:block; padding:0 0 0 25px; margin:5px 0 2px; line-height:25px; white-space:nowrap; background:url(./images/calendar/eden_time.jpg) no-repeat -2px center; } .rdv-box-place { display:block; padding:0 0 0 25px; background:url(./images/calendar/eden_location.jpg) no-repeat -2px center; } #page-les-rendez-vous #main .post table#CalendarLarge-Header { width:100%; margin:0 0 30px; } #page-les-rendez-vous #main .post table#CalendarLarge-Header td { text-align:center; } .content-rendez-vous {margin: -8px 0 15px 33px;} /* Page *************************************************************/ .page #main .post { padding:0 33px; } .page .header { background-image:url(./images/header/header-page.jpg); } .page #main .entry { color:#4c4d2f; } .page #main .entry p { margin:0 0 10px; } .page #main .entry h1, .page #main .entry h2, .page #main .entry h3 { margin:0 0 3px; font-size:15px; font-weight:bold; color:#63a113 } .page #main .entry ul { margin:0 0 10px 10px; list-style-position:inside; } .page #main .entry address { margin:0 0 10px; font-style:normal; } .page #main .entry .box { padding:10px 5px 5px; margin:0 0 10px; color:#4d4d30; background:#f0f0de; } .page #main .post table { width:100%; margin:10px 0; border:none; border-collapse:collapse; } .page #main .post table th { padding:2px 10px; vertical-align:middle; color:#4d4d30; background:#f0f0de; font-weight:bold; border:1px solid #4d4d30; border-left:none; border-right:none; } .page #main .post table th p, .page #main .post table td p { margin:0; } .page #main .post table td { padding:2px 10px; vertical-align:top; text-align:left; border:1px solid #4d4d30; border-left:none; border-right:none; } .page #main .post .photos { position:relative; width:200px; margin:0 -8px; float:left; } .page #main .post .photos a { display:block; } .page #main .post .photos img { display:block; width:190px; height:141px; padding:8px; margin:0 0 2px; background:url(./images/page/photo-mask.gif) no-repeat left top; } .page #main .post .photos .feuille1 { position:absolute; left:-5px; top:-5px; display:block; width:28px; height:26px; background:url(./images/page/photos-feuille1.png) no-repeat left top; } .page #main .post .photos .feuille2 { position:absolute; right:-5px; bottom:-5px; display:block; width:28px; height:26px; background:url(./images/page/photos-feuille2.png) no-repeat left top; } .post-with-photos .entry { float:right; width:670px; } /* Page 404 */ #page-404 #main { min-height:340px; height:340px; padding:30px; color:#fff; overflow:hidden; background:#798F08 url(./images/header/header-404.jpg) no-repeat left top; } #page-404 #main h1 { margin:0 0 10px; } #page-404 #main h2 { font-size:14px; margin:0 0 20px; } #page-404 #main h4 { font-size:12px; } #page-404 #main div { width:550px; } #page-404 #main div p { margin:0 0 5px; } #page-404 #main div a { color:#fff; } #page-404 #main div ul { margin:15px 0 0 20px; list-style-position:inside; list-style-type:none; } #page-404 #main div ul ul { list-style-position:inside; list-style-type:disc; margin:0 0 10px; } /* Co-voiturage */ #page-co-voiturage, #page-carpooling { padding:0 33px; } .error {color:red !important;} #page-co-voiturage .form, #page-carpooling .form {float:right; width:540px;} #page-co-voiturage h3, #page-carpooling h3 { font-size:15px; font-weight:bold; color:#84ab22; } #page-co-voiturage #form_carpooling div.field, #page-carpooling #form_carpooling div.field { margin:0 0 10px; clear:both;} #page-co-voiturage #form_carpooling div.field .radiobutton input, #page-carpooling #form_carpooling div.field .radiobutton input { margin:0 5px 0 0; float:left; } #page-co-voiturage #form_carpooling div.field .radiobutton label, #page-carpooling #form_carpooling div.field .radiobutton label { margin:0 15px 0 0; width:30px; } #page-co-voiturage #form_carpooling div.field label, #page-carpooling #form_carpooling div.field label { display:block; padding:2px 0 0; float:left; width:132px; color:#343630; font-weight:bold;} #page-co-voiturage #form_carpooling div.field input.textbox, #page-carpooling #form_carpooling div.field input.textbox { width:240px; padding:2px 5px; border:1px solid #9c9d9f; color:#4d4d4d; font-family:Arial, sans-serif; font-size:12px; } #page-co-voiturage #form_carpooling div.field select, #page-carpooling #form_carpooling select { width:252px } #page-co-voiturage #form_carpooling .buttons, #page-carpooling #form_carpooling .buttons {color:#FFFFFF; margin:0 auto; text-align:center; text-decoration:none;} #page-co-voiturage #form_carpooling input.button, #page-carpooling #form_carpooling input.button {cursor:pointer; color:#FFFFFF; margin:0 auto; text-align:center; width:104px; height:23px; background:transparent url(./images/category/retour-accueil.gif) no-repeat scroll right top; display:block; padding-right:10px; border:none;} #overlay {z-index:10; position:absolute; top:0; bottom:0; left:0; width:100%; background:#000; opacity:0.45; -moz-opacity:0.45; filter:alpha(opacity=45); display:none;} #carpooling { padding:40px 17px 15px 21px; text-align:left; z-index:12; padding:0 6px; position:absolute; top:50%; left:50%; margin-left:-273px; margin-top:-150px; display:none;} #carpooling .inside { background:#ffffff; height:300px; width:586px; z-index:11; } #carpooling .inside a.close { font-size: 15px; font-weight: bold; color: #000; text-decoration:none; position:absolute; top:27px; right:15px; } #carpooling .inside .content { font-size: 14px; color: #000; position:absolute; left:250px; top:40px; width:250px; } #carpooling .inside .post-image { position:absolute; left:70px; top:30px; display:block; } #carpooling .inside .inside .post-image img { display:block; height:154px; padding:5px 8px 8px 16px; width:203px; } #carpooling .inside .inside .post-image .overlay { display:block; width:236px; height:173px; position:absolute; left:0; top:0; background:url(./images/actualites/photo-mask-2.png) no-repeat left top; } #carpooling .inside ul.boutons{ position:absolute; bottom:15px; right:15px;} #carpooling .inside ul.boutons li {list-style: none; display:inline;} #carpooling .inside ul.boutons li .link {float:left; position:relative; width:140px; padding-left:15px;} #carpooling .inside .boutons .link { background:url(./images/home/carpooling-bouton.gif) no-repeat left top; } /** Survey **/ #corner-survey {font-family: Arial; font-size: 12px; z-index:9; color:#fff; width:367px; height:60px; position:absolute; top:214px; right:0; background: url(./images/survey/background.png) no-repeat left top;} #corner-survey h3 {font-size:14px; font-weight:bold; margin-left:5px; margin-top:5px;} #corner-survey p {margin:5px;} #corner-survey p a {color:#fff;} .descriptive-pics {height:1050px;} .descriptive-pics .header {background:url(./images/survey/pics/background-header.jpg) no-repeat left top;} .descriptive-pics .header h2 {font-size:12px; font-weight: normal; color:#fff;} .descriptive-pics .header h2 a {color:#fff;} .descriptive-pics .pics {position:absolute; top:0; left:0;} .descriptive-pics .visuel {position:relative; top:0; left:0;} .descriptive-pics #pic-noir {width:390px; top:160px; left:40px; } .descriptive-pics #pic-noir h3 {position:relative; top:0; left:152px;} .descriptive-pics #pic-noir .male {position:absolute; top:0; left:0; } .descriptive-pics #pic-noir .female {position:absolute; top:0; right:0; } .descriptive-pics #pic-vert {width:390px; top:160px; left:540px;} .descriptive-pics #pic-vert h3 {position:relative; top:0; left:145px;} .descriptive-pics #pic-vert .male {position:absolute; top:0; left:0; } .descriptive-pics #pic-vert .female {position:absolute; top:0; right:0; } .descriptive-pics #pic-vert .male-juv {position:absolute; top:161px; right:0; } .descriptive-pics #pic-epeichette {width:285px; top:595px; left:30px;} .descriptive-pics #pic-epeichette h3 {position:relative; top:0; left:90px;} .descriptive-pics #pic-epeichette .male {position:absolute; top:0; left:0; } .descriptive-pics #pic-epeichette .female {position:absolute; top:0; right:0; } .descriptive-pics #pic-mar {width:390px; top:594px; left:335px;} .descriptive-pics #pic-mar h3 {position:relative; top:0; left:63px;} .descriptive-pics .visuel {position:relative; top:0; left:0;} .descriptive-pics #pic-mar .male {position:absolute; top:0; left:0; } .descriptive-pics #pic-epeiche {width:329px; top:592px; left:590px;} .descriptive-pics #pic-epeiche h3 {position:relative; top:0; left:90px;} .descriptive-pics #pic-epeiche .male {position:absolute; top:0; left:0; } .descriptive-pics #pic-epeiche .female {position:absolute; top:0; right:0; } .descriptive-pics #pic-epeiche .male-juv {position:absolute; top:161px; right:0; } .descriptive-pics .back {position:absolute; bottom:10px; left:420px} .descriptive-pics .print {position:absolute; bottom:10px; left:25px; cursor:pointer;} .descriptive-pics #designer {position:absolute; bottom:15px; right:25px} .survey .results { position:absolute; left:505px; top:275px; } .survey .results strong { display:block; margin:0 17px 5px; } #page-resultats iframe { background:url(images/loading.gif) no-repeat center center; } #page-resultats .post .entry div { margin-bottom:5px; }