* {margin: 0; padding: 0} /* suppression par défaut des marges et "padding" car ils sont interprétés différemment selon les navigateurs - redéinis plus tard */ div {font-size: 1em} /* taille de police pour tous les div - prioritaire sur certaines règles 'body' */ img {border: 0} /* pour supprimer le cadre des images incluses dans un 'a' */ /***************/ /*** GENERAL ***/ /***************/ body {font: 85%/1em "Trebuchet MS", Verdana, Arial, sans-serif; margin: 15px; overflow: scroll; text-align: left; background: #ececdd url('http://img-aux.villemagne.net/entete-promo-degrade-ececdd.jpg') repeat-x} div#gabarit {background: #f8f8ec; border: 1px solid black; color: 4d4b4c; margin: 0 auto; width: 950px} div#gabarit-recherche-google {background: #f8f8ec; border: 1px solid black; color: #2e2c29; margin: 0 auto;width: 950px} /***************/ /*** EN-TETE ***/ /***************/ #entete {height: 133px; position: relative; text-decoration: none; width: 950px;} #services {position: absolute; top: 10px; left: 800px; z-index:1;} #icones-haut {list-style: none; position: absolute; top: 45px; left: 840px; z-index:1;} #icones-haut li{margin:0;padding:0;list-style:none; float:left; margin-right:4px } #icones-haut li, #icones-haut a{height:39px;display:block;} #icones-haut span {display: none;} #accroche {position: absolute; top: 70px; z-index:1; font-weight:bold; font-size:11pt; font-style:italic;} #accroche a {text-decoration:none; color:#fbfdf7;} #ico-a1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 0; width:28px;} #ico-a1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px 0;} #ico-a2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px 0; width:41px;} #ico-a2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px 0;} #ico-j1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -39px; width:28px;} #ico-j1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -39px;} #ico-j2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px -39px; width:41px;} #ico-j2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px -39px;} #ico-j3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -73px -39px; width:23px;} #ico-j3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -173px -39px;} #ico-r1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -78px; width:28px;} #ico-r1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -78px;} #ico-r2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px -78px; width:41px;} #ico-r2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px -78px;} #ico-r3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -73px -78px; width:23px;} #ico-r3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -173px -78px;} #ico-s1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -117px; width:28px;} #ico-s1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -117px;} #ico-s2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px -117px; width:41px;} #ico-s2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px -117px;} #ico-s3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -73px -117px; width:23px;} #ico-s3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -173px -117px;} #ico-m1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -156px; width:28px;} #ico-m1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -156px;} #ico-m2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px -156px; width:41px;} #ico-m2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px -156px;} #ico-m3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -73px -156px; width:23px;} #ico-m3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -173px -156px;} #ico-x1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -195px; width:28px;} #ico-x1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -195px;} #ico-x2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -30px -195px; width:41px;} #ico-x2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -130px -195px;} #ico-x3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -73px -195px; width:23px;} #ico-x3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -173px -195px;} #ico-z1 {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 0 -234px; width:32px;} #ico-z1 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') 100px -234px;} #ico-z2{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -33px -234px; width:21px;} #ico-z2 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -133px -234px;} #ico-z3{background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -54px -234px; width:43px;} #ico-z3 a:hover {background: url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') -154px -234px;} #icones-bas {list-style: none; position: absolute; top: 95px; left: 770px; z-index:1;} #icones-bas li{margin:0;padding:0;list-style:none; float:left; margin-right:4px } #icones-bas li, #icones-bas a{height:35px;display:block;} #icones-bas span {display: none;} #tabs {background: url(http://img-aux.villemagne.net/bandeau-bas-3-sprite.gif) 0 0; font-size: 13px; font-weight:bold; height: 47px; width:100%;} #tabs ul {margin:0; float:right; vertical-align:bottom; padding:23px 10px 0 0px; list-style:none;} #tabs li {display:inline; margin:0; padding:0;} #tabs a {float:left; background:url(http://img-aux.villemagne.net/tabs-gauche.gif) no-repeat left top; margin-right:2px; padding:0 0 0 5px; text-decoration:none;} #tabs a span {float:left; display:block; background:url(http://img-aux.villemagne.net/tabs-droite.gif) no-repeat right top; padding:5px 8px 4px 2px; color:#fff;} #x-blog a {background:url(http://img-aux.villemagne.net/tabs-gauche.gif) no-repeat left top; background-position:0% -84px} #x-blog a span{background:url(http://img-aux.villemagne.net/tabs-droite.gif) no-repeat right top; background-position:100% -84px} #tabs a span {float:none;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a:hover span {color:#ce0000;} #tabs a:hover {background-position:0% -42px;} #tabs a:hover span {background-position:100% -42px;} #tabs #current a {background-position:0% -42px;} #tabs #current a span {background-position:100% -42px; color:#ce0000;} .contact {background:url('http://img-aux.villemagne.net/icones-superieures-sprite-2.png') no-repeat; display: block; width:30px; height:33px; margin-top: 2px } #cnt {background-position: 0 -237px} #cnt a{background-position: 0 -237px } #cnt:hover {background-position:-100px -237px;} .alx-mail {background:url('http://img-aux.villemagne.net/divers-sprite-6.gif') no-repeat; display: block; width:105px; height:25px;} #mel {background-position: -122px -105px;} #mel a{background-position: -122px -105px;} #mel:hover {background-position:-227px -105px;} /**************************/ /*** CONTENU DE LA PAGE ***/ /**************************/ div#content {margin: 0 25px 20px 0} div#content a {background: inherit; color: #e84712; text-decoration: underline} div#content a:hover {background: inherit; color: purple; text-decoration: underline} div#main {margin-left: 270px; margin-right: 0} div#recherche-google {margin-left: 8%} /* iframe {height:600px} */ div#sidebar {display: inline; float: left; margin-left: 1em; margin-top: 1em; width: 240px /* doit être cohérent avec les marges de #main */} div#sidebar.hascontent {padding: 0 1%} /* pour le contenu (et non un menu) de #sidebar */ div#sidebar a {background: inherit; color: #e84712; text-decoration: underline} div.hr {border-bottom: 1px solid silver; height: 1px; margin-top: 1em} /* hr créé avec un div car le hr de base est caché par la classe accessibility */ div#ariane {color: #7e7f7d; font-size: 90%; padding: 0.8em 0 0 0; text-align: left; } div#ariane a {background: inherit; color: #7e7f7d; text-decoration: underline} div#ariane span.lastitem {font-weight: bold} #livres-aux {float:right; margin-top:5px;} #livres-aux a {font-size:12px; font-weight:bold} /********************/ /* STYLE DU CONTENU */ /********************/ /* h[x] */ div#content h1 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color: #383a57; font-size: 2.4em; letter-spacing: -1px; line-height: 1.5em; margin-bottom: 1em; padding-top: 10px; text-align: center; font-weight:bold;} div#content h2 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; border-bottom: 1px solid #fdbf05; border-left: 0.8em solid #fdbf05; color: #383a57; font-size: 1.9em; letter-spacing: -1px;line-height: 1.5em; margin: 2.5em 0 1em 0; padding-bottom: 1px; padding-left: 0.5em; text-align: left} div#content h3 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;color: #383a57; font-size: 1.5em; margin: 0 0 0.5em 0} div#content h4 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;color: #383a57; font-size: 1em; line-height: 1.3em; margin-left:-10px; margin-bottom:10px;} div#content h5 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0} h6 {font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0} .legende {font-size: 0.9em; text-align: center;} .legendejust {font-size: 0.9em; text-align: justify} .caledroite {text-align: right} .calecentre {margin: 0 auto; text-align:center} .citation-italique {font-style: italic; padding-left: 50px; padding-right: 50px} .prebasdepage{font-size: 0.9em; padding-top: 1em; text-align: center} .recherche {font-size: 0.8em} .titre {color: #383a57; font-size: 1.5em; font-weight: bold; line-height: 1.3em} .sous-titre {color: #383a57; font-weight: bold} .crop{float:right; overflow:hidden; margin-left:5px; height:23px} /* Fin du style des titres h[x] */ /* Texte */ .renvoi {font-size: 0.8em;} .note {font-size: 0.9em;} .extraits {font-size: 0.9em; line-height: 1.3em; margin: 0 0 1.2em 0; text-align: justify} p {font-size: 1.0em; line-height: 1.5em; margin: 0 0 1.5em 0; /* some air around p elements */ text-align: justify} blockquote {font-style: italic; margin-left: 3%; margin-right: 3%} strong, b {font-weight: bold} /* définition explicite */ em, i {font-style: italic} /* définition explicite */ .floatright {float: right; margin: 0 0 2px 15px} .floatleft {float: left; margin: 0 15px 2px 0} /* Fin du style des textes */ /********************/ /*** PIED DE PAGE ***/ /********************/ .couv-80 {background:url('http://img-aux.villemagne.net/couvertures-sprite-4.jpg') no-repeat; display: block; width:80px; height:126px;} .couv-100 {background:url('http://img-aux.villemagne.net/couvertures-sprite-4.jpg') no-repeat; display: block; width:100px; height:100px;} .couv-130 {background:url('http://img-aux.villemagne.net/couvertures-sprite-4.jpg') no-repeat; display: block; width:130px; height:130px;} #couv-7m {background-position:0 0px; } #couv-7m a{background-position:0 0px; } #couv-7m:hover {background-position: -100px 0;} #couv-7m-130 {background-position: -208px -430px;} #couv-mo {background-position:0 -100px; } #couv-mo a{background-position:0 -100px; } #couv-mo:hover {background-position: -100px -100px;} #couv-mo-130 {background-position: -208px -560px; } #couv-oc {background-position:0 -200px; } #couv-oc a{background-position:0 -200px; } #couv-oc:hover {background-position: -100px -200px;} #couv-or {background-position:0 -326px; } #couv-or a{background-position:0 -326px; } #couv-or:hover {background-position: -100px -326px;} .couv-oc {background-position:0 -200px; } .couv-oc a{background-position:0 -200px; } .couv-oc:hover {background-position: -100px -200px;} .couv-or {background-position:0 -326px; } .couv-or a{background-position:0 -326px; } .couv-or:hover {background-position: -100px -326px;} #couv-ax {background-position:0 -452px; } #couv-ax a{background-position:0 -452px; } #couv-ax:hover {background-position: -100px -452px;} .clip { position: absolute; top: 0; left: 0; } .clip-vignettes-rss { position: relative; width: 90px; height: 90px; margin: 10px 10px 0 0;} .pos-1 {clip:rect(0 91px 90px 0px);left: -0px;} .pos-2 {clip:rect(0 182px 90px 91px);left: -91px;} .pos-3 {clip:rect(0 273px 90px 182px);left: -182px;} .pos-4 {clip:rect(0 364px 90px 273px);left: -273px;} .pos-5 {clip:rect(0 455px 90px 364px);left: -364px;} .pos-6 {clip:rect(0 546px 90px 455px);left: -455px;} .pos-7 {clip:rect(0 637px 90px 546px);left: -546px;} .pos-8 {clip:rect(0 728px 90px 637px);left: -637px;} .pos-9 {clip:rect(0 819px 90px 728px);left: -728px;} .pos-10 {clip:rect(0 910px 90px 819px);left: -819px;} .pos-11 {clip:rect(0 1001px 90px 910px);left: -910px;} .pos-12 {clip:rect(0 1092px 90px 1001px);left: -1001px;} .pos-13 {clip:rect(0 1183px 90px 1092px);left: -1092px;} .pos-14 {clip:rect(0 1274px 90px 1183px);left: -1183px;} .pos-15 {clip:rect(0 1365px 90px 1274px);left: -1274px;} .pos-16 {clip:rect(0 1456px 90px 1365px);left: -1365px;} .pos-17 {clip:rect(0 1547px 90px 1456px);left: -1456px;} .pos-18 {clip:rect(0 1638px 90px 1547px);left: -1547px;} .pos-19 {clip:rect(0 1729px 90px 1638px);left: -1638px;} .pos-20 {clip:rect(0 1820px 90px 1729px);left: -1729px;} .pos-21 {clip:rect(0 1911px 90px 1820px);left: -1820px;} .pos-22 {clip:rect(0 2002px 90px 1911px);left: -1911px;} .pos-5b {clip:rect(0 477px 90px 364px);left: -364px;} .pos-6b {clip:rect(0 658px 90px 479px);left: -479px;} .pos-7b {clip:rect(0 806px 90px 659px);left: -660px;} .pos-8b {clip:rect(0 872px 90px 807px);left: -807px;} .pos-9b {clip:rect(0 962px 90px 873px);left: -873px;} .pos-10b {clip:rect(0 1054px 90px 963px);left: -963px;} .clip-ap {position: relative; width: 29px; height: 39px; margin-left:10px;} .pos-j1 {clip:rect(39px 28px 78px 0px);top: -49px;} .pos-r1 {clip:rect(78px 28px 117px 0px);top: -88px;} .pos-s1 {clip:rect(117px 28px 156px 0px);top: -127px;} .pos-m1 {clip:rect(156px 28px 195px 0px);top: -166px;} .pos-x1 {clip:rect(195px 28px 234px 0px);top: -205px;} .clip-di {position: relative; width: 41px; height: 39px; margin: 0 40px 0 -20px;} .pos-j2 {clip:rect(39px 70px 78px 28px);top: -49px;} .pos-r2 {clip:rect(78px 70px 117px 28px);top: -88px;} .pos-s2 {clip:rect(117px 70px 156px 28px);top: -127px;} .pos-m2 {clip:rect(156px 70px 195px 28px);top: -166px;} .pos-x2 {clip:rect(195px 70px 234px 28px);top: -205px;} .clip-ac {position: relative; width: 20px; height: 20px; margin: 0 10px 0 0;} .pos-j3 {clip:rect(130px 316px 150px 296px);top:-130px; left:-296px;} .pos-r3 {clip:rect(150px 316px 170px 296px);top:-150px; left:-296px;} .pos-c3 {clip:rect(130px 336px 150px 316px);top:-130px; left:-316px;} .pos-a3 {clip:rect(150px 336px 170px 316px);top:-150px; left:-316px;} .pos-l3 {clip:rect(164px 296px 184px 276px);top:-164px; left:-276px;} .clip-couv1 {position: relative; width: 138px; height: 215px;} .ori {clip:rect(216px 338px 430px 201px);left: -201px; top: -216px;} .occ {clip:rect(0 338px 215px 201px);left: -201px;} .clip-dedicace1 {position: relative; width: 73; height: 110px;} .ded {clip:rect(580px 208px 690px 136px);left: -136px; top: -580px;} .social{position: fixed; top:30px; right:0px; width:80px} .clip-social {position: relative; width: 35px; height: 35px; margin-bottom:5px;} .clip-social-ab {position: relative; width: 80px; height: 17px; margin-bottom:-10px; z-index: 2;} .clip-social-achat {position: relative; width: 121px; height: 17px; margin-top: -30px; margin-bottom:7px; z-index: 2;} .soc-a {clip:rect(53px 310px 70px 230px);left: -230px;} .soc-b {clip:rect(35px 310px 52px 230px);left: -230px;} .soc-achat {clip:rect(165px 121px 182px 0px);left: -42px; top:-35px;} .soc-1 {clip:rect(70px 34px 105px 0px);left: 1px;} .soc-1b {clip:rect(0px 114px 34px 0px);top : 70px; left: 0px;} a.soc-1{position: relative; z-index: 2;} a.soc-1 span{display: none;} a.soc-1:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-2 {clip:rect(70px 70px 104px 36px); left: -17px;} .soc-2b {clip:rect(0px 229px 34px 115px);top: 70px; left: -99px;} .soc-2c {clip:rect(35px 229px 70px 115px);top: 35px; left: -99px;} a.soc-2{position: relative; z-index: 2;} a.soc-2 span{display: none;} a.soc-2:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-3 {clip:rect(71px 104px 104px 71px);left: -69px; z-index:4;} .soc-4 {clip:rect(70px 139px 105px 106px);left: -52px;} .soc-4b {clip:rect(0px 345px 34px 230px);top: 70px; left: -178px;} a.soc-4{position: relative; z-index: 2;} a.soc-4 span{display: none;} a.soc-4:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-5 {clip:rect(70px 175px 105px 140px);left: -70px;} .soc-5b {clip:rect(35px 114px 70px 0px);top: 35px; left: 70px;} a.soc-5{position: relative; z-index: 2;} a.soc-5 span{display: none;} a.soc-5:hover span{display:block; position:absolute; z-index: 5; top:0; left: -130px;} .soc-6 {clip:rect(130px 34px 165px 0px);left: 23px;} .soc-6b {clip:rect(130px 148px 162px 35px);top: 0px; left: -20px;} a.soc-6{position: relative; z-index: 2;} a.soc-6 span{display: none;} a.soc-6:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .soc-7 {clip:rect(131px 182px 164px 148px);left: -73px; top:-30px} .soc-7b {clip:rect(130px 296px 162px 183px);top:-30px; left: -110px;} a.soc-7{position: relative; z-index: 2;} a.soc-7 span{display: none;} a.soc-7:hover span{display:block; position:absolute; z-index: 3; top:0; left: -130px;} .slide-1 {clip:rect(105px 121px 129px 0px); top:-105px;} .slide-2 {clip:rect(71px 296px 95px 175px); top:-71px; left:-175px;} .fleche {float: right; margin: -20px -30px 0 0px} .clip-flech2 {position: relative; width: 18px; height: 28px; margin : -5px 28px 0 -10px;} .flech2ha {clip:rect(76px 315px 103px 297px); top:-76px; left:-297px;} .flech2ba {clip:rect(76px 333px 103px 315px); top:-76px; left:-297px;} .clip-16 {position: relative; width: 16px; height: 16px;} .loupe {clip:rect(36px 327px 52px 311px); top:-36px; left:-190px;} .loupe2 {clip:rect(36px 327px 52px 311px); top:-36px; left:-140px;} div#recommander {border: 1px solid silver; padding: 10px;} div#sites-de-recommandation {border-top: solid 1px silver; margin-top: 10px} div#copyright{background: #e6e9f6; border-bottom: solid 5px red; border-top: solid 1px silver} div#copyright p {color: #383a57; font-size: 0.9em; padding-top: 1em; text-align: center} .trans {color: #e6e9f6; font-size: 1em; text-align: center} /*** puces rome-photos *****/ .clip-puce {position: relative; height: 20px; padding-left:40px; margin: 0 0 5px -15px;} .ph-00 {clip:rect(0 33px 21px 12px); left: -20px; } .ph-01 {clip:rect(21px 33px 42px 12px); left: -20px; margin : -21px 0 0 0} .ph-02 {clip:rect(42px 33px 63px 12px); left: -20px; margin : -42px 0 0 0} .ph-03 {clip:rect(63px 33px 83px 12px); left: -20px; margin : -63px 0 0 0} .ph-04 {clip:rect(84px 33px 105px 12px); left: -20px; margin : -83px 0 0 0} .ph-05 {clip:rect(105px 33px 126px 12px); left: -20px; margin : -105px 0 0 0} .ph-06 {clip:rect(126px 33px 146px 12px); left: -20px; margin : -126px 0 0 0} .ph-07 {clip:rect(147px 33px 168px 12px); left: -20px; margin : -147px 0 0 0} .ph-08 {clip:rect(168px 33px 189px 12px); left: -20px; margin : -168px 0 0 0} .ph-09 {clip:rect(189px 33px 210px 12px); left: -20px; margin : -189px 0 0 0} .ph-10 {clip:rect(210px 33px 231px 12px); left: -20px; margin : -210px 0 0 0} .ph-11 {clip:rect(231px 33px 252px 12px); left: -20px; margin : -231px 0 0 0} .ph-12 {clip:rect(252px 33px 272px 12px); left: -20px; margin : -252px 0 0 0} .ph-13 {clip:rect(272px 33px 294px 12px); left: -20px; margin : -272px 0 0 0} /*** navigateurs *****/ .clip-nav {position: relative; height: 65px;} .clip-navx {position: relative; height: 16px; width:16px} .br0 {clip:rect(0 218px 65px 173px); left: -173px;} .br1 {clip:rect(0 42px 65px 0px); left: 0px;} .br2 {clip:rect(0 90px 65px 43px); left: -43px;} .br3 {clip:rect(0 131px 65px 91px); left: -91px;} .br4 {clip:rect(0 172px 65px 132px); left: -132px;} .brx {clip:rect(51px 186px 65px 170px); left: -170px;} /********************/ /**** PLAN DU SITE ***/ /********************/ div#plandesite {padding-left: 100px} div#plandesite li {font-size: 0.9em; line-height: 1.5em; margin-left: 5em} /********************/ /******** BLOCS *****/ /********************/ #bloc p a {background:url(http://img-aux.villemagne.net/divers-sprite-6.gif) no-repeat -334px -76px; width: 11px; height: 15px; color:#1f4865; text-decoration: none; line-height:2.1em; padding: 0 0 0 15px;} #bloc span a {color:#1f4865; text-decoration: none; line-height:1.5em; margin: 0 0 0 -15px;} #bloc a:hover {color: #ce0000;} .ded-2 {clip:rect(580px 51px 625px 0px);left: 0px; top: -580px; margin:10px;} div#fb a, a:link {color:#3b5998; text-decoration:none; line-height: 1.2em;} div#fb a:hover {text-decoration:underline} div#fb1 {background-color:#e6e9f6; color:#3b5998; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; padding:10px; font-size: 0.9em; font-weight:bold; margin-top:-3px} /**********************/ /******** POSTS *****/ /*********************/ div#posts {font-size:0.85em; line-height:1.3em; background-color:#f8f8f8; padding:15px 15px 0 15px; border: 3px solid #ccc; border-top:0; margin-top:-3px;} div#posts span a {background:url(http://img-aux.villemagne.net/divers-sprite-6.gif) no-repeat -329px -36px; width: 16px; height: 16px; border-bottom: 1px dotted #ccc; color:#1f4869; text-decoration:none; padding-left:25px;} div#posts span a:hover {color:#ce0004;} /**********************/ /****** GALERIES *****/ /*********************/ table#galerie {border: none} table#galerie td {padding-left: 20px} /**********************/ /***** DIAPORAMAS ****/ /*********************/ .table-diaporama {border: 1px solid black; padding: 0} /**************************/ /*** Etapes de pèlerins ***/ /**************************/ table#etapes-pelerins {border: none; margin-left: 100px} table#etapes-pelerins td {font-size: 1em; line-height: 1.4em; margin-left: 50px} /**********************/ /**7 COINS DU MONDE **/ /*********************/ .table-7monde {font-size: 1em; line-height: 1.4em; margin-left: 50px} .table-7monde2 {font-size: 1em; line-height: 1.4em} .table-7monde-prenom {color: #8f8585; padding-right: 10px; text-align: right} .table-7monde-nom {padding-right: 15px} .table-7monde-continent {font-size: 1.5em; font-weight: bold; padding-bottom: 10px; text-align: left} .table-7monde-pays {padding-left: 10px; padding-right: 10px; text-align: right} .table-7monde-lieu {padding-right: 15px; text-align: left} .monde-auteur-ouvrage {text-align: right} .monde-texte {padding-left: 15px; text-align: justify} #map-7monde-google div span {position: absolute; top:0px; left:-120px; color:#f8f8ec;} /***************************/ /*** MENU DE BAS DE PAGE ***/ /***************************/ #menu_vert-bas-de-page {background: #e6e9f6; clear: both;} .clearb {clear: both} #menuwrapper-bas {height: 22em; margin-left: 20px} #primary-nav-bas, #primary-nav-bas ul {list-style: none} #primary-nav-bas a {display: block; margin-left: 0; padding: 5px} #primary-nav-bas a:hover {background: #fff; color: #383a57} #primary-nav-bas li {float: left; margin-bottom: 5px; margin-top: 15px; width: 145px; text-decoration: underline} #primary-nav-bas li a {background: #e6e9f6; color: #383a57; font-size: 120%; font-weight: bold} #primary-nav-bas li li {clear: both; float: left; margin-bottom: 0; margin-top: 0; text-decoration: none} #primary-nav-bas li li a {font-size: 83%; font-weight: normal; height: 1%; line-height: 80%; text-decoration: none} #primary-nav-bas ul {border: 0 solid yellow; position: absolute; top: auto;} #primary-nav-bas li, li.menuparent {background: #fff} #primary-nav-bas ul li li {display: none} #primary-nav-bas li.activeparent a {background: #fff} /********************/ /*** VOLET GAUCHE ***/ /********************/ .info {background: transparent; color: #cc3300; font: bold 12pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0} .info-detail {color: #383a57; font: 8pt Trebuchet MS, Verdana, Tahoma, Arial, Arial, sans-serif; margin: 0.6em 0 0.2em 0} .h1b {color: #ce0000; font-weight:bold; margin: 0.6em 0 0.2em 0} .h2b {font: bold 7pt Verdana, Tahoma, Arial, Arial, sans-serif; margin-left: 1.5em } .h4b {background: transparent; color: #383a57; font: bold 7pt/1.8 Verdana, Tahoma, Arial, Arial, sans-serif} .clip-croix {position: relative; width: 11px; height: 15px;} .croix {clip:rect(122px 345px 136px 334px); top:-122px; left:-334px;} div#menu-gauche p {font-size: 1.0em; margin: 0 0 0.8em 0;} div#menu-gauche {font-size:0.85em; line-height:1.3em; background-color:#f8f8f8; padding:15px 15px 0 15px; margin-top:-3px; border: 3px solid #ccc; border-top: 0; color:#ce0004;} div#menu-gauche a {background:url(http://img-aux.villemagne.net/divers-sprite-6.gif) no-repeat -329px -36px; width: 16px; height: 16px; border-bottom: 1px dotted #ccc; color:#1f4869; text-decoration:none; padding-left:25px;} div#menu-gauche a:hover {color:#ce0004;} div#menu-gauche span {padding-left:25px;} .cadre {background:url('http://img-aux.villemagne.net/sprite-horizontal-2.gif') repeat; display: block; width:230px; height:25px; padding: 3px 0 0 10px; color:#fff; font-weight:bold;} .cadre-blog {background:url('http://img-aux.villemagne.net/sprite-horizontal-2.gif') repeat 0 88px; display: block; width:230px; height:25px; padding: 3px 0 0 10px; color:#fff; font-weight:bold;} .niveau-1 {color:#ce0004; font-size:1.6em; font-weight:bold; line-height:1.2em; margin-left:-25px; margin-bottom:10px;} .encart-3 {position:relative; width:209px; padding:15px; background: #e6e9f6; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .encart-6 {position:relative; width:209px; padding:15px; background: #e7e2bc; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #accroche-cmd {position:relative; width:180px; padding:15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#F8F8EC; background: -moz-linear-gradient(top, #F8F8EC, #E6E7D9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8EC), to(#E6E7D9)); box-shadow: 0px 10px 10px #777777; -moz-box-shadow:0px 0px 15px #777777; -webkit-box-shadow:0px 0px 15px #777777; } #accroche-cmd:hover {background:#F9EB8B; background: -moz-linear-gradient(top, #F9EB8B, #F9DD27); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9EB8B), to(#F9DD27));} #recits {background-color:#e6e9f6; margin-top:-3px; padding:17px; border-left: 3px solid #ccc; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc;} /**********************/ /*** VOLET GLISSANT ***/ /**********************/ #slide-panel {height: auto; width: 950px; display: none; background-color: #e6e9f6; border-bottom: 5px solid; border-color:red; color:#383a57; list-style: none; position: absolute; top: 0; z-index:2;} .slide {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} .btn-slide {display: block; } /*****************/ /*** RECHERCHE ***/ /*****************/ .recherche {color:#c0c0c0; font-size:11px;} /*****************/ /*** FILS RSS ***/ /*****************/ .rss1 {color: #383a57; font-size: 1em; font-weight:bold; line-height: 1.3em; margin: 3em 0 0 0; text-align:left;} .rss2 {font-size: 0.85em; color:#383a57; vertical-align:bottom;} .rssp {font-size: 0.9em; line-height: 1.4em; margin:10px 0 0 0} .rssp a {font-size: 0.85em;} /******************/ /*** ACTUALITES ***/ /******************/ div.halves div.section { float:left; width:295px; padding:0 10px; } /* Listes div#main ul, div#main ol {margin: 0 0 1.5em 0} div#main ul li, div#main ol li {margin: 0 0 0.5em 5em} div#main li {line-height: 1.5em} Fin du style des listes */ .tabulation {margin-left:5em; line-height: 1.5em} #main ul li {margin-bottom:0.5em; line-height: 1.5em} /******************/ /*** MENUS ***/ /******************/ #menu { list-style:none; height:28px; padding:0 10px 0 10px; background: #E6E7D9 } .marge-sup-menu {margin-top:15px;} #menu li { float:left; display:block; position:relative; padding: 4px 10px 4px 10px; margin-top:-1px; } #menu li:hover {border: 1px solid #777777; padding: 4px 9px 4px 9px; z-index:2; background: #F8F8EC; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #menu li a {font-size:14px; color: #1f4865; display:block; outline:0; text-decoration:none;} #menu li:hover a {color:#ce0000; font-weight:bold; } #menu li .drop {padding-right:12px; background:url('http://img-aux.villemagne.net/drop.png') no-repeat right 5px;} .dropdown_260, .dropdown_320, .dropdown_420, .dropdown_480, .dropdown_520, .dropdown_580, .dropdown_750, .dropdown_810, .dropdown_940, .dropdown_1040 { margin:4px auto; float:left; position:absolute; left:-999em; /* Hides the drop down */ text-align:left; padding:10px 5px 40px 5px; border:1px solid #777777; border-top:none; /* Gradient background */ background:#F8F8EC; background: -moz-linear-gradient(top, #F8F8EC, #E6E7D9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8EC), to(#E6E7D9)); /* Rounded Corners */ -moz-border-radius: 0px 5px 5px 5px; -webkit-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; box-shadow: 0px 10px 10px #777777; -moz-box-shadow:0px 0px 15px #777777; -webkit-box-shadow:0px 0px 15px #777777; } .dropdown_260 {width: 260px;} .dropdown_320 {width: 320px;} .dropdown_420 {width: 420px;} .dropdown_480 {width: 480px;} .dropdown_520 {width: 520px;} .dropdown_580 {width: 580px;} .dropdown_750 {width: 750px;} .dropdown_810 {width: 810px;} .dropdown_940 {width: 940px;} .dropdown_1040 {width: 1040px;} #menu li:hover .dropdown_260, #menu li:hover .dropdown_320, #menu li:hover .dropdown_420, #menu li:hover .dropdown_480, #menu li:hover .dropdown_520, #menu li:hover .dropdown_580, #menu li:hover .dropdown_750, #menu li:hover .dropdown_810, #menu li:hover .dropdown_940, #menu li:hover .dropdown_1040 { left:-1px; top:auto; } .col_140, .col_240, .col_300, .col_620{ display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .col_140 {width:150px;} .col_240 {width:240px;} .col_300 {width:300px;} .col_620 {width:620px;} #menu .menu_right { float:right; margin-right:-100px; } #menu li .align_right .align_middle .align_middle2 .align_middle3 .align_middle4{ -moz-border-radius: 5px 0px 5px 5px; -webkit-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px; } #menu li:hover .align_right {left:auto; right:-1px; top:auto;} #menu li:hover .align_middle {left:-300px; right:auto; top:auto;} #menu li:hover .align_middle2 {left:-500px; right:auto; top:auto;} #menu li:hover .align_middle3 {left:-220px; right:auto; top:auto;} #menu li:hover .align_middle4 {left:-600px; right:auto; top:auto;} #menu li:hover div h2 a {color:#1f4865; font-size:17px; margin-left:-20px; font-style:bold; text-decoration:underline; padding-top:15px;} #menu li:hover div a span {color:#fff; background: url('http://img-aux.villemagne.net/bkg-2.gif') center left repeat-x; padding:4px; line-height:10px; font-size:10px; font-style:bold; text-decoration:underline; float:left} #menu li:hover div a span:hover {color:#1f4865; background:#fff;} #menu li:hover div a {color:#1f4869; font-size:13px; font-weight:normal; line-height:20px; text-decoration:none; padding-left:20px;} #menu li:hover div a:hover {color:#ce0004;} #menu li:hover div a.n3 {color:#1f4869; font-size:1.1em; line-height:1.8em; text-decoration:none; padding-left:20px;} #menu li ul { list-style:none; padding-bottom:30px; margin:0 0 12px 0; } #menu li ul li { font-size:12px; line-height:24px; position:relative; padding:0; margin:0; float:none; text-align:left; } #menu li ul li:hover { background:none; border:none; padding:0; margin:0; }