/* Theme Name: IPAN Theme URI: http://elliotjaystocks.com Description: Design du site web www.ilspartentavecnous.org Version: 1 (WP2.7.1) Author: Michaël Goignan - i&e ON Author URI: www.i-e-on.fr Tags: i&e, agence,communication */ /* CODES COULEUR */ /*------------------------------*/ /* Background : #fdc600 Home post : #ee7f00 Link je le fais garder : #c4408b (Arial) Infos légales Footer : 7f797a (12Px Arial) */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0px auto;padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ /* TYPOGRAPHY */ /* ----------------------------------------- */ /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */ h1, h2, h3, h5, h5, h6 { font-weight:bold } #menu_items ul { letter-spacing:1px; color:#FFFFFF; padding-top:103px; padding-left:112px; line-height:25px; list-style:none } #menu_items ul li a {color:#FFFFFF;text-decoration:none;} #menu_items ul li a:hover {color:#FFFFFF;text-decoration:none; font-weight:bold;} tr,td,p,span,ul,li {font-family:Arial;color:#666666} li { line-height:20px; } /* STRUCTURE */ /* ----------------------------------------- */ body { background-color:#fdc600 } #page-wrap {width: 999px; min-height: 100%; height: auto !important; height: 100% } blockquote { display: block; border: solid #F19e36; background-color: #FFF8dc} blockquote p {font-size:12px; margin:5px; color:#848484;} /*Menu Navigation*/ #menu_container {width:220px;height:74px;position: absolute;float:left;} #utile a {display:block; text-indent:-9999px} .utile_lnk { height:93px; width: 220px; background-image:url(style/images/adressesutiles.jpg);background-position: center top;} .utile_lnk:hover { height:93px; width: 220px; background-image:url(style/images/adressesutiles.jpg);background-position: center bottom;} #veto a {display:block; text-indent:-9999px} .veto_lnk {height:74px; width: 220px ;background-image: url(style/images/espaceveterinaire.jpg);background-position: center top;} .veto_lnk:hover {height:74px; width: 220px ;background-image: url(style/images/espaceveterinaire.jpg);background-position: center bottom;} #presse a {display:block; text-indent:-9999px} .presse_lnk {height:84px; width: 220px ; background-image: url(style/images/espacepresse.jpg);background-position: center top;} .presse_lnk:hover {height:84px; width: 220px ; background-image: url(style/images/espacepresse.jpg);background-position: center bottom;} /* Rollover JE LE FAIS GARDER */ #garder a {display:block;text-indent: -9999px} #garder {position:absolute; margin-left:220px; width:272px;height:251px;} .jlfg_lnk {height:251px; width: 272px ; background-image: url(style/images/jlfg.jpg);background-position: center top;} .jlfg_lnk:hover {height:251px; width: 272px ; background-image: url(style/images/jlfg.jpg);background-position: center bottom;} /*Rollover J'EMMENE MON ANIMAL*/ #emmener a {display:block;text-indent: -9999px;} #emmener {float:right; width:778px;height:263px;} .jma_lnk{width:778px;height:263px;background-image:url(style/images/jma.jpg); background-position:center top} .jma_lnk:hover{width:778px;height:263px;background-image:url(style/images/jma.jpg); background-position:center bottom} #bas_menu { width:221px;height:263px; background-image:url(style/images/menu_bg.jpg) } /* Liens 3 panneaux */ #panneau { float:right;width:90px; height:59px;background-image:url(style/images/panneaux_01.jpg);} .whiskas_lnk{width:90;height:59px;} #panneau a {display:block; text-indent:-9999px} #panneau_2 { float:right;width:67px; height:59px;background-image:url(style/images/panneaux_02.jpg);} .syndicat_lnk{width:90;height:59px;} #panneau_2 a {display:block; text-indent:-9999px} #panneau_3 { float:right;width:89px; height:59px;background-image:url(style/images/panneaux_03.jpg);} .pedigree_lnk {width:89;height:59px;} #panneau_3 a {display:block; text-indent:-9999px} #bas_panneau {margin-left:273px;float:right; width:246px; height:192px; background-image:url(style/images/bas_panneaux_2.jpg)} .partenaires {display:block;width:150px;height:40px;text-indent:-9999px;} #bas_panneaux a {display:block;text-indent:-9999px;} /*Zone post page d'accueil*/ /* ----------------------------------------- */ #post_home {float:right; width:261px;height:251px;background-image:url(style/images/gd_panneau.jpg);} #post_home a {color:#c4408b;} #post_content {/*float:right;*/width:183px;height:180px; padding-top:65px; margin-left:10px; text-align:justify;} #post_content a {color:#c4408b;} .title_home {font-family:arial;font-weight: bold; font-size:14px} .text_home {font-family:arial; font-size:11px; color:#ee7f00} /* HEADER */ /* ----------------------------------------- */ #header { width:999px; height: 193px; background-image: url(style/images/header.jpg)} #header a {width: 999px; height:193px; display:block; text-indent:-9999px } #content_header{width:999px; height:193px;} #left_header{position:absolute;width:161px;height:193px;} .lh_link {width:161px;height:193px;background-image: url(style/images/header_jlfg_011.jpg);background-position:center bottom} .lh_link:hover {width:161px;height:193px;background-image: url(style/images/header_jlfg_011.jpg); background-position:center top} #left_header a {width: 161px; height:193px; display:block; text-indent:-9999px} #center_header {float:right;width:674px;height:193px;background-image: url(style/images/header_jlfg.jpg);} #center_header a {width: 674px; height:193px; display:block; text-indent:-9999px} #right_header {float:right;width:164px;height:193px;} .rh_link {width:164px;height:193px;background-image: url(style/images/header_jlfg_03.jpg);background-position:center bottom} .rh_link:hover {width:164px;height:193px;background-image: url(style/images/header_jlfg_03.jpg);background-position:center top} #right_header a {width:164px; height:193px; display:block; text-indent:-9999px} /* FOOTER */ /* ----------------------------------------- */ #footer {width:999px; height: 134px; background-image: url(style/images/footer.jpg) /*no-repeat;background-position: bottom; */} #footer_text { font-family:Arial; font-size:11px; color:#7f797a; text-align:center;//padding-top:0px; } #footer_text a { color:#7f797a; text-decoration:none; } /* Plan de site */ /* ----------------------------------------- */ #background_plan {float:right;width:779px;height: 1011px; background: url(style/images/bg_content_plan.jpg) no-repeat;} /* JE LE FAIS GARDER */ /*------------------------------*/ #content_jlfg {float:right;width:779px;height: 457px; background: url(style/images/bg_content_2.jpg) no-repeat;} #top_content {float:right;width:473px;height:56px; background: url(style/images/top_bg_content.jpg) no-repeat;} #panneau_R1 {float:right;width:143px;height:56px;background-image:url(style/images/panneaux_jlfg_01.jpg)} .whiskasR_lnk{width:143px;height:56px;} #panneau_R1 a {display:block; text-indent:-9999px} #panneau_R2 {float:right;width:66px;height:56px;background-image:url(style/images/panneaux_jlfg_02.jpg);} .syndicatR_lnk{width:66px;height:56px;} #panneau_R2 a {display:block; text-indent:-9999px} #panneau_R3 {float:right;width:97px;height:56px;background-image:url(style/images/panneaux_jlfg_03.jpg);} .pedigreeR_lnk {width:97px;height:56px;} #panneau_R3 a {display:block; text-indent:-9999px} #post_jlfg {float:left;width:450px; height:200px; padding-left:50px;padding-top:130px;} #post_jlfg h1 {font-family: Arial; font-weight:bold;} #post_jlfg p {font-family:Arial;font-size:12px;} #post_jlfg a {color:#c4408b;} #top_content_jlfg_a {float:right;width:474px;height:56px; background: url(style/images/top_bg_jfgma_article.jpg) no-repeat;} #content_jlfg_a {float:right;width:779px;height: 457px; background: url(style/images/bg_content_jlfg_a.jpg) no-repeat;} #post_jlfg_a {float:left;width:625px; height:200px; padding-left:50px;padding-top:90px;} #post_ljfg_a a {color:#c4408b;} /* J'EMMENE MON ANIMAL */ /*------------------------------*/ #top_content_jma {float:right;width:473px;height:56px; background: url(style/images/top_bg_content_jma_h.jpg) no-repeat;} #content_jma {float:right;width:779px;height: 457px; background: url(style/images/bg_content_jma_h.jpg) no-repeat;} #top_content_jma_logo{float:right;width:473px;height:56px; background: url(style/images/top_bg_content_jma.jpg) no-repeat;} #content_jma_logo {float:right;width:779px;height: 457px; background: url(style/images/bg_content_jma_logo.jpg) no-repeat;} #top_content_jma_a {float:right;width:473px;height:56px; background: url(style/images/top_bg_content_jma.jpg) no-repeat;} #content_jma_a {float:right;width:779px;height: 457px; background: url(style/images/bg_content_jma.jpg) no-repeat;} #post_jma_a {float:left;width:625px; height:200px; padding-left:50px;padding-top:90px;} #post_ea {float:left;width:675px; height:200px; padding-left:30px;padding-top:60px;} #post_ea p,ul,l,tr,td,li,ul {font-size:12px;} #post_ea h1 {font-family: Arial; font-size:14px; font-weight:bold;} #post_ea a {color:#c4408b;} #post_jma {float:left;width:675px; height:200px; padding-left:50px;padding-top:60px;} #post_jma h1 {font-family: Arial; font-size:14px; font-weight:bold;} #post_jma p {font-family:Arial;font-size:12px;} #post_jma a {color:#c4408b;} #menu_bg_article {width:221px; height:500px;background-image:url(style/images/menu_bg_jma.jpg); background-repeat: repeat-y;} #bas_content {width:999px;height:54px; background-image:url(style/images/bas_cadre.jpg);} #left_header_content{position:absolute;float:left;width:160px;height:193px;} #top_left_header {float:left;width:161px;height:140px;} .tlh_link {width:161px;height:140px;background:url(style/images/header_jma_haut.jpg);background-position:center bottom;} .tlh_link:hover {width:161px;height:140px;background:url(style/images/header_jma_haut.jpg); background-position:center top;} #top_left_header a {display:block; text-indent:-9999px;} #down_left_header {float:left;width:161px;height:53px;} .dlh_link {width:161px;height:53px;background:url(style/images/header_jma_bas.jpg);background-position:center bottom;} .dlh_link:hover {width:161px;height:53px;background:url(style/images/header_jma_bas.jpg);background-position:center top;} #down_left_header a {display:block;text-indent:-9999px;} #right_header {background-image:url(style/images/right_header_empty.jpg);} /*PAGE VIDE*/ /* ----------------------------------------- */ #content_vide {float:right;width:779px;height:759px ; background: url(style/images/bg_content_vide.jpg) no-repeat;} #bas_menu_vide { width:221px;height:564px; background-image:url(style/images/menu_bg_vide.jpg)} #bas_menu_vide_2 { width:221px;height:470px; background-image:url(style/images/menu_bg_vide.jpg)} /*PAGE LONGUE JMA*/ /*--------------*/ #content_jma_l {float:right;width:779px;height:759px ; background: url(style/images/bg_content_jma_long.jpg) no-repeat;} #content_jma_l a {color:#c4408b;} #content_vide_small {float:right;width:779px;height: 531px; background: url(style/images/bg_content_vide_small.jpg) no-repeat;} #content_vide_small a {color:#c4408b;} #post_veto{float:left;width:675px; height:200px; padding-left:30px;padding-top:40px;} #post_veto a {color:#c4408b;} /*PAGE LONGUE JLFG*/ /*****************/ #content_jlfg_l {float:right;width:779px;height:759px ; background: url(style/images/bg_content_jlfg_long.jpg) no-repeat;} /*PAGE EXTRA-LONGUE JLFG*/ /***********************/ #content_jlfg_xl {float:right;width:779px;height:950px ; background: url(style/images/bg_content_jlfg_xlong.jpg) no-repeat;} #bas_menu_xl {width:221px;height:755px; background-image:url(style/images/menu_bg_xl.jpg)} /*PAGE EXTRA-LONGUE JLFG*/ /***********************/ #content_jma_xl {float:right;width:779px;height:950px ; background: url(style/images/bg_content_jma_xlong.jpg) no-repeat;} /*ADRESSES UTILES*/ /*****************/ #top_content_utile {float:right;width:473px;height:56px; background: url(style/images/top_bg_content_adresseu.jpg) no-repeat;} #background_utile {float:right;width:779px;height: 1011px; background: url(style/images/bg_content_adresseu.jpg) no-repeat;} #bas_menu_au {width:221px;height: 817px; background: url(style/images/menu_bg_au.jpg) no-repeat;} /*ESPACE PRESSE*/ /*****************/ #top_content_presse {float:right;width:473px;height:56px; background: url(style/images/top_bg_content_presse.jpg) no-repeat;} #background_presse {float:right;width:779px;height: 1011px; background: url(style/images/bg_content_presse.jpg) no-repeat;} /*ESPACE VETO*/ /*****************/ #post_veto {padding-top:60px;} #top_content_veto {float:right;width:473px;height:56px; background: url(style/images/top_bg_content_veto.jpg) no-repeat;} #background_veto {float:right;width:779px;height: 1011px; background: url(style/images/bg_content_veto.jpg) no-repeat;} /*LIGNE DE NAVIGATION*/ /*********************/ #liens_nav {font:Arial;font-size:12px;color: #666666} #liens_nav a { color:#666666 } #liens_nav:hover { color:#FF6600 } #liens_nav:active { color::#df8108 } /* OUTILS */ /*-----------------------------*/ .clear_right {clear: right;} .clear_left {clear: left;} .clear_both {clear: both;} .margin_fixed { margin-top:45px } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } .alignright { float:right } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } /* You might find the following useful */ br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */