@font-face { font-family: 'SnapITCRegular'; src: url('font/snap____.eot'); src: local('font/Snap ITC Regular'), local('font/SnapITC-Regular'), url('font/snap____.woff') format('woff'), url('font/snap____.ttf') format('truetype'), url('font/snap____.svg#SnapITC-Regular') format('svg'); } .SnapITCRegular { font-size: 60px;line-height:normal; font-weight: normal; font-family: 'SnapITCRegular', sans-serif;} @font-face { font-family: 'MyriadProBoldItalic'; src: url('font/MyriadPro-BoldIt.eot'); src: local('font/Myriad Pro Bold Italic'), local('font/MyriadPro-BoldIt'), url('font/MyriadPro-BoldIt.woff') format('woff'), url('font/MyriadPro-BoldIt.otf') format('opentype'), url('font/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg'); } .MyriadProBoldItalic { font-size: 40px; line-height:normal; font-weight: normal; font-family: 'MyriadProBoldItalic', sans-serif;} .MyriadProBoldItalic1 { font-size: 22px; line-height:normal; font-weight: normal; font-family: 'MyriadProBoldItalic', sans-serif; color: #711A06;} #boiteTexte { width: 550px; height: auto; padding-left: 10px; padding-bottom: 15px; padding-top: 26px; } #boutons { display:block; float:left; margin:-15px 0px 0px 0px; } #boutons1 { display:block; float:left; margin:-15px 0px 0px 0px; } .buttons a { display:block; float:left; margin:0 9px 12px 0px; height: 173px; width: 173px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; line-height:14; text-decoration:none; font-weight:bold; color:#534F99; cursor:pointer; } .buttons2 { float:right; margin:4px 373px -180px 0px; background-color: #808080; height: 173px; width: 173px; } .buttons3 { float:left; margin:4px -200px 10px 4px; background-color: #808080; height: 173px; width: 173px; } .univers { font-family: Arial; font-size: 14px; color: #840000; margin: 0px 0px 4px 0px; } .univers1 { font-family: Arial; font-size: 14px; color: #840000; margin: 430px 0px 4px 0px; } img { border: none; } h1 { font-family: "Arial black"; font-size: 18pt; color: #312819; text-align: center; } h2 { font-size: 11px; color: #000000; } .bordcourant { border: 1px solid #7F7F7F; } a:link { color: #483D8B; text-decoration: none; font-family: Arial; } a:visited { color: #483D8B; text-decoration: none; font-family: Arial; } a:active { color: #000000; text-decoration: none; font-family: Arial; } a:hover { color: #483D8B; text-decoration: underline; font-family: Arial; } .itemlink { color: #12545E; font-family: Arial; font-size: 12px; } .copyright { font-size: 11px; } .champ { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #FFF2E9; border: 1px solid #343C3F; } .menu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #FFF2E9; border: 1px solid #343C3F; } .radio { background-color: #E5C8B7; } .titre_rubrique { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; } body { background-color: #000000; } #menu0 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: 12px arial; color:#FFFFFF; background: url("../images/button.gif") -169px 0 no-repeat; text-decoration: none; } #menu0 a:hover { background-position: 0 0; color: #000000; } #menu0 a:active { background-position: -338px 0; color:white; } #menu00 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: 12px arial; color:#FFFFFF; background: url("../images/button.gif") -169px 0 no-repeat; text-decoration: none; } #menu00 a:hover { background-position: 0 0; color: #000000; } #menu00 a:active { background-position: -338px 0; color:white; } #menu000 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: 12px arial; color:#FFFFFF; background: url("../images/button.gif") -169px 0 no-repeat; text-decoration: none; } #menu000 a:hover { background-position: 0 0; color: #000000; } #menu000 a:active { background-position: -338px 0; color:white; } #menu1 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: 12px arial; color:#000000; background: url("../images/button.gif") -338px 0 no-repeat; text-decoration: none; } #menu2 a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -110px 0 no-repeat; text-decoration: none; } #menu2 a:hover { background-position: 0 0; color: #000000; } #menu2 a:active { background-position: -220px 0; color:white; } #menu2a a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -110px 0 no-repeat; text-decoration: none; } #menu2a a:hover { background-position: 0 0; color: #000000; } #menu2a a:active { background-position: -220px 0; color:white; } #menu2b a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -110px 0 no-repeat; text-decoration: none; } #menu2b a:hover { background-position: 0 0; color: #000000; } #menu2b a:active { background-position: -220px 0; color:white; } #menu2c a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -110px 0 no-repeat; text-decoration: none; } #menu2c a:hover { background-position: 0 0; color: #000000; } #menu2c a:active { background-position: -220px 0; color:white; } #menu2d a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -110px 0 no-repeat; text-decoration: none; } #menu2d a:hover { background-position: 0 0; color: #000000; } #menu2d a:active { background-position: -220px 0; color:white; } #menu3 a { display:block; width:110px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 14px arial; color:#FFFFFF; background: url("../images/button1.gif") -220px 0 no-repeat; text-decoration: none; } #menu7 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button3.gif") -169px 0 no-repeat; text-decoration: none; } #menu7 a:hover { background-position: 0 0; color: #000000; } #menu7 a:active { background-position: -338px 0; color:white; } #menu71 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button3.gif") -338px 0 no-repeat; text-decoration: none; } #menu72 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button4.gif") -169px 0 no-repeat; text-decoration: none; } #menu72 a:hover { background-position: 0 0; color: #000000; } #menu72 a:active { background-position: -338px 0; color:white; } #menu8 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button1.gif") -169px 0 no-repeat; text-decoration: none; } #menu8 a:hover { background-position: 0 0; color: #000000; } #menu8 a:active { background-position: -338px 0; color:white; } #menu81 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button1.gif") -338px 0 no-repeat; text-decoration: none; } #menu9 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button2.gif") -169px 0 no-repeat; text-decoration: none; } #menu9 a:hover { background-position: 0 0; color: #FFFFFF; } #menu9 a:active { background-position: -338px 0; color: #000000; } #menu91 a { display:block; width:149px; margin: 0.4em 0; padding:6px 5px 6px 15px; font: bold 12px arial; color:#FFFFFF; background: url("../images/button2.gif") -338px 0 no-repeat; text-decoration: none; } #menu01 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button5.gif") -169px 0 no-repeat; text-decoration: none; } #menu01 a:hover { background-position: 0 0; color: #000000; } #menu01 a:active { background-position: -338px 0; color: #000000; } #menu010 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button5.gif") -169px 0 no-repeat; text-decoration: none; } #menu010 a:hover { background-position: 0 0; color: #000000; } #menu010 a:active { background-position: -338px 0; color: #000000; } #menu011 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button5.gif") -338px 0 no-repeat; text-decoration: none; } #menu02 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button6.gif") -169px 0 no-repeat; text-decoration: none; } #menu02 a:hover { background-position: 0 0; color: #000000; } #menu02 a:active { background-position: -338px 0; color: #000000; } #menu020 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button6.gif") -169px 0 no-repeat; text-decoration: none; } #menu020 a:hover { background-position: 0 0; color: #000000; } #menu020 a:active { background-position: -338px 0; color: #000000; } #menu022 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button6.gif") -338px 0 no-repeat; text-decoration: none; } #menu03 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button7.gif") -169px 0 no-repeat; text-decoration: none; } #menu03 a:hover { background-position: 0 0; color: #000000; } #menu03 a:active { background-position: -338px 0; color: #000000; } #menu030 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button7.gif") -169px 0 no-repeat; text-decoration: none; } #menu030 a:hover { background-position: 0 0; color: #000000; } #menu030 a:active { background-position: -338px 0; color: #000000; } #menu033 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button7.gif") -338px 0 no-repeat; text-decoration: none; } #menu04 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button8.gif") -169px 0 no-repeat; text-decoration: none; } #menu04 a:hover { background-position: 0 0; color: #000000; } #menu04 a:active { background-position: -338px 0; color: #000000; } #menu040 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button8.gif") -169px 0 no-repeat; text-decoration: none; } #menu040 a:hover { background-position: 0 0; color: #000000; } #menu040 a:active { background-position: -338px 0; color: #000000; } #menu044 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button8.gif") -338px 0 no-repeat; text-decoration: none; } #menu05 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button9.gif") -169px 0 no-repeat; text-decoration: none; } #menu05 a:hover { background-position: 0 0; color: #000000; } #menu05 a:active { background-position: -338px 0; color: #000000; } #menu050 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button9.gif") -169px 0 no-repeat; text-decoration: none; } #menu050 a:hover { background-position: 0 0; color: #000000; } #menu050 a:active { background-position: -338px 0; color: #000000; } #menu055 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button9.gif") -338px 0 no-repeat; text-decoration: none; } #menu06 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button10.gif") -169px 0 no-repeat; text-decoration: none; } #menu06 a:hover { background-position: 0 0; color: #000000; } #menu06 a:active { background-position: -338px 0; color: #000000; } #menu060 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button10.gif") -169px 0 no-repeat; text-decoration: none; } #menu060 a:hover { background-position: 0 0; color: #000000; } #menu050 a:active { background-position: -338px 0; color: #000000; } #menu066 a { display:block; width:149px; margin: 0em 0; padding:6px 10px 6px 10px; font: bold 12px arial; color:#000000; text-align: right; background: url("../images/button10.gif") -338px 0 no-repeat; text-decoration: none; } td.img01 { background-image:url(../images/img01.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #135174; } td.img02 { background-image:url(../images/img02.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #135174; } td.img03 { background-image:url(../images/img03.gif); height:10px; } td.color { background-color: #C8A685; height:14px; } td.logo { height:0px; } hr.color { color:#E5C8B7; width:100%; } table.detailchien { background-image:url("../images/carte-identite-chiot.jpg"); } table.detailchat { background-image:url(../images/carte-identite-chaton.jpg); } td.chien { background-image:url(../images/carte-identite-chiot.jpg); } td.chat { background-image:url(../images/carte-identite-chaton.jpg); } div.photos { font-family: Arial; font-size: 14px; color: #CC0000; } .load { background:url('../images/load.gif') no-repeat center; 
}