body { color: black; font-family: Skia, Arial, san-serif; background:white url(background_japanese_gris.jpg) repeat; } div.pageframe { background-color: white; border:solid 1pt #C7C9C5 ;width: auto; min-width:600pt; margin-right: 40pt;margin-left: 40pt; } /* debug * {border: solid 1pt #ccc } */ /* body { color: black; font-family: Skia; background-color: transparent; margin: 20px 20px; background:#EEE url(texture.gif) fixed;} div.pageframe { background-color: #fff; text-align: left; margin: 0 auto; padding: 15px; width: 750px; border: dashed 1px #903 } */ /* Styles généraux 1 : images */ img.gauche { margin-right: 1em; margin-bottom: 0.5em; float: left; /* border: solid 1pt #ccc */ } img.gaucheexterne { color: #bababa; margin-right: 1em; margin-bottom: 0.5em; float: left; border: dotted 2pt } img.droite { margin-bottom: 0.25em; margin-left: 1em; float: right; /* border: solid 1pt #ccc */ } img.droiteexterne { color: #bababa; margin-right: 1em; margin-bottom: 0.5em; float: right; border: dotted 2pt } img.liens { margin-right: 2em; margin-bottom: 0.5em; float: left;} img.pageimage { margin-bottom: 1.2em; } /* Styles généraux 2 : titres */ .titre { color: #8b0000; font-size: 16pt; font-family: Skia; background-image: url(barre-verte.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titrebaba { color: #1e90ff; font-size: 16pt; font-family: Skia; background-image: url(barre-verte.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titreabdu { color: #09859f; font-size: 16pt; font-family: Skia; background-image: url(barre-abdu.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titrerosevert { color: #bd43a6; font-size: 16pt; font-family: Skia; background-image: url(barre-verte.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titreCV { color: #65003e; font-size: 16pt; font-family: Skia; background-image: url(barre-grise.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titreagathe { color: #65003e; font-size: 16pt; font-family: Skia; background-image: url(barre-agathe.jpg); background-repeat: no-repeat; background-position: 0 3em; padding-top: 2em; clear: both } .titreetplus { color: #689128; font-size: 16pt; font-family: Skia; background-image: url(barre-grise.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titrebleuetrouge { color: #751115; font-size: 16pt; font-family: Skia; background-image: url(barre-turquoise.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .titrehaka { color: #745e49; font-size: 16pt; font-family: Skia; background-image: url(barre-grise.gif); background-repeat: no-repeat; background-position: 0 1.6em; padding-top: 1em; clear: both } .bordure { /* border: solid 1pt #ccc */ } .feradroite { text-align: right } div.texte { width: 75%; float: right } div.pagetitle { padding-top: 1em } div.subtitle { font-size: 10pt; text-align: right; margin-right: 4px; padding: 3px } div.pagetitlepata { color: #bd43a6; padding-top: 1em } /* Styles généraux 3 : Columns */ #left-column-empty { margin: 45px 0 0; padding-top: 20px; position: absolute; width: 134px; height: 350px } #left-column-about { background-repeat: no-repeat; margin: 20px 0 0; ; padding-top: 65px; position: absolute; left: 65px; width: 134px; height: 350px } #right-column { margin-top: 20px; margin-left: 180px; position: relative} #right-columnbis { padding: 20px 0 0 60px; position: relative } /* -- colonnes en français -- */ #left-column { background-image: url(2005_pata.jpg); background-repeat: no-repeat; margin: 20px 0 0; ; padding-top: 65px; position: absolute; left: 65px; width: 134px; height: 350px } #left-columncad { background-image: url(2005_cadeau.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 75px; position: absolute; left: 65px; width: 134px; height: 350px } #left-columngal { background-image: url(2005_galeries.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 50px; position: absolute; left: 65px; width: 134px; height: 350px } #left-columnplus { background-image: url(2005_%26plus.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 20px; position: absolute; left: 65px; width: 134px; height: 350px } #left-columnblog { margin: 20px 0 0; padding-top: 10px; position: absolute; left: 65px; width: 145px; height: 500px } #left-columnCV { background-image: url(bibiCV.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 250px; position: absolute; left: 65px; width: 134px; height: 350px } #left-columnCVenglish { background-image: url(bibiCVenglish.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 250px; position: absolute; left: 65px; width: 134px; height: 350px } /* -- colonnes en anglais -- */ #left-column-clay { background-image: url(2005_claytime.jpg); background-repeat: no-repeat; margin: 20px 0 0; ; padding-top: 60px; position: absolute; left: 65px; width: 134px; height: 350px } #left-column-gift { background-image: url(2005_gift.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 90px; position: absolute; left: 65px; width: 134px; height: 350px } #left-column-gall { background-image: url(2005_galleries.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 40px; position: absolute; left: 65px; width: 134px; height: 350px } #left-column-more { background-image: url(2005_more.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 20px; position: absolute; left: 65px; width: 134px; height: 350px } #left-column-CV-en { background-image: url(../style/.jpg); background-repeat: no-repeat; margin: 20px 0 0; padding-top: 20px; position: absolute; left: 65px; width: 134px; height: 350px } /* Styles pour l'index bis */ div.indexcolumn { margin-right: 10px; margin-bottom: 10px } div.indexcolumntitle { font-size: 14pt; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold", Georgia, Verdana; line-height: 0.7em; text-align: right } div.indexcolumnbody { font-size: 9pt; font-family: Skia; text-align: justify; padding: 8px } div.indexcolumnbodytest { font-size: 9pt; font-family: Skia; text-align: margin: 5px; justify; padding: 8px; width: 200px } #titrerouge { color: #603 } #colrouge { color: #DBDB74; background-color: #824862 } #titrebleu { color: #226D70 } #colbleu { color: #C6E4E7; background-color: #668187 } #titrevert { color: #5C8419 } #colvert { color: #F6F997; background-color: #648C25 } #titregris { color: #720627 } #colgris { color: #E3E2E2; background-color: #727170 } #titreblanc { color: #666 } #colblanc { color: #666; background-color: #FFFFFF } #colblancpata { color: #943F6B; background-color: #FFFFFF} #colblanccad { color: #226D70; background-color: #FFFFFF} #colblancgal { color: #532D3B; background-color: #FFFFFF} #colblancplus { color: #5C8419; background-color: #FFFFFF} /* Styles pour la partie à propos du site */ #planpata { background-color: #a06e89; color: #EFE7A8; font-size: 12px; font-family: Skia; line-height: 1em; margin: 7px; padding: 10px; width: 300; float: left; border-style: none; font-color: #EFE7A8 } #plangal { background-color: #959193; color: #F8F8F8; font-size: 12px; font-family: Skia; line-height: 1em; limargin: 7px; padding: 10px; width: 300px; border-style: none; float: left } #plancad { background-color: #4B8599; color: #B0E8F4; font-size: 12px; font-family: Skia; line-height: 1em; margin: 7px; padding: 10px; width: 300px; border-style: none; float: left } #planaff { background-color: #618E36; color: #C7EF8E; font-size: 12px; font-family: Skia; line-height: 1em; margin: 7px; padding: 10px; width: 300px; border-style: none; float: left } #plandiv { background-color: #FFFFFF; color: #a06e89; font-size: 12px; font-family: Skia; line-height: 1em; margin: 7px; padding: 10px; width: 300px; border-style: dashed; border-color: #BCB7BA; float: left } div.titreplan1 { color: inherit; font-size: 18px; } div.titreplan2 { color: inherit; font-size: 14px; } div.titreplan3 { color: inherit; font-size: 12px; line-height: 1.1; margin-left: 8% } /* Styles pour les index de galeries */ table.indexfonds { font-size: 12px; font-family: Skia; line-height: 2em; margin: 7px; padding: 10px; width: 260px; float: left } table.indexgal { font-family: Skia; text-align: center; margin: 5px; padding: 7px; width: 290px; float: left } div.vignettes { text-align: center; margin-top: 20px } div.homelinkgal { padding-top: 0.5em } div.indextitlegal { color: #898988; font-size: 1.5em; text-align: center; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold" } div.titrebradgal { color: #898988; font-size: 1.5em; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold"; margin-bottom: 1em } div.titreskiagal { font-size: 0,5em; font-family: "Skia" ; text-align: center; margin-bottom: 1em } div.titrecase { font-size: 1em; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold"; text-align: center; margin-bottom: 1em } div.titreskiagalgris { font-size: 12px; font-family: "Skia" ; line-height: 1.5em; text-align: center; margin-bottom: 1em; color: #676868; text-decoration: none } /* Styles pour les index de c'est cadeau */ table.indexcad { font-size: 12px; font-family: Skia; line-height: 2em; margin: 4px; padding: 5px; width: 260px; float: left } table.indexgal { font-family: Skia; text-align: center; margin: 5px; padding: 7px; width: 290px; float: left } div.titrecadeau { color: #5e717c; font-size: 1.5em; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold", "Book Antiqua"; margin-top: 2em; margin-bottom: 1em } /* Styles pour la partie et plus si affinités */ div.liensvert { color: #567C20; font-family: Skia; background-color: inherit; } div.liensbleu { color: #12687E; font-family: Skia; background-color: inherit; } div.liensrose { color: #A63C87; font-family: Skia; background-color: inherit; } /* Definitions carnets */ div.subtitlecarnet { font-size: 10pt; text-align: left; margin-left: 4px; padding: 3px; color: #6B6F63 } p.post-footer { font-size: 8pt} div.post-body { padding: 15px } ul#recently { font-size: 8pt; color: #6B6F63 } ul.archive-list { font-size: 8pt; color: #6B6F63 } div.titremain { font-size: 1.5em; font-family: "Bradley Hand ITC TT", "Bradley Hand ITC TT-Bold"; margin-bottom: 1.5em } div.titremain2 { color:#97b800; font-size: 1.2em; font-family: Skia, Arial, san-serif ; vertical-align: middle } /* link definitions */ A:link { color: #783251; text-decoration: none } A:visited {text-decoration: none; color: #794b60;} A:active {text-decoration: none} A:hover {text-decoration: underline; color: #794b60;} /* { border: solid 1px aqua } */ /*------------------------------------------------------------------------------------------*/ /* Header definitions */ #patahead { color: #f2f21e; background-color: #7ea11e; text-align: center} #cadeauhead { color: #fbc0df; background-color: #89426b; text-align: center } #plushead { color: #c5e5e5; background-color: #00a0c6; text-align: center } table.banner { margin-bottom: 0; width: 100% } td.begin { width:15px } td.white { background: #fff; width:150px } div.headbox { margin: 12px; padding: 6px; width: 130px; float: left } div.bar { background-color: #A17886; margin-top: 20px; height: 52px; margin-bottom: 20px; } div.leftbar { height:52px; width:15px } img.head { margin-right: 30px; height: 52px; float: left } #imgpata { margin-left: 5px; margin-top: 7px; height: 40px } #imgcado { margin-top: 3px; height: 45px } #imgplus { } #imggaleries { } .breaker { height: 0; clear: both; overflow: hidden } div.pageframe {} div.bannerblock { width: 700px } /* Polaroids effect */ div.polarow { margin-top: 1em } div.legende { font-size: 1.2em; text-align: center; margin-top: 1em; width: 175px } div.pola { background-color: #80b9be; margin-right: 1em; margin-bottom: 1em; padding: 10px 10px 1em; width: 175px; float: left } /*----------------------------------------------------------------------------------------*/