/* 890 550 340 210 130 80 50 31 19 12 7 4 /* dimensions relatives au nombre d'or 0 77 compatibilité des polices 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 25 189 26 197 Rubriques fr en de es : 9 10 11 12 /************************ CODING ************************/ @charset "utf-8"; *{ font-family: Verdana, Sans-Serif; font-size: 13px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } ul, li { list-style: none; } a { font-family: Verdana, Sans-Serif; color: #767795; text-decoration: none; } a:hover, a:focus, a:active { color: #fff; text-decoration: underline; } a { outline: none !important } a.accueil:hover, a.accueil:focus, a.accueil:active { text-decoration: none; } img { border: 0; } .spip_documents img { border: 0; padding: 20px 0 0; } .spip_documents_center { margin: auto; text-align: center; width: 80%; } .spip_documents_left { float: left; margin-right: 20px; text-align: center; } .spip_documents_right { float: right; margin-left: 20px; text-align: center; } .spip_doc_titre strong { font-size: 85%; line-height: 0.8em; letter-spacing: -1px; color: #e2c563; } .spip_doc_descriptif { display: inline; font-size: 93%; color: #a6a6a6; margin-bottom: 10px; } h3.spip { line-height: normal; } h2 { line-height: normal; font-weight: normal; letter-spacing: -1px; } .nettoyage { clear: both; } h1, h2, h3, h4, h5, h6 { margin-top: 1.5em; /* soit 150% de la taille du texte */ margin-bottom: .5em; /* ...50% de la taille du texte */ } ul, ol, p { margin-top: .75em; margin-bottom: .75em; } /************************ GENERALITE ************************/ body { height: 100%; margin: 0; text-align: center; background: #ead993 url(./images/trait.png) top left repeat-x; } #page { background: #d0ca76; width: 890px; margin: 0 auto; text-align: left; color: #fff; } #title { position: relative; z-index: 9; margin-top: 19px; margin-left: 300px; } .titre { position: relative; z-index: 8; margin-top: 12px; padding: 0px; text-align: left; width: 320px; } .titre h1 { font-size: 144%; line-height: 1.4; margin-bottom: 19px; font-weight: bold; color: #cc4099; } .titre .jaune h2 { font-size: 123,1%; color: #ffff00; font-weight: bold; } .titre p { width: 333px; font-weight: bold; font-size: 123.1%; line-height: 1.4; letter-spacing: -1px; color: #17512b; } /************************ HEADER ************************/ #lang2 { position: relative; z-index: 15; float: right; display: inline; margin-right: 0px; margin-top: -27px; } #lang2 a { color: #d0ca76; display: block; font-size: 0px; margin-top: 17px; } #lang2 img.spip_logos { position: absolute; right: 8px; } #nom_site_spip { visibility: hidden; } img.spip_logos { position: absolute; z-index: 14; margin-left: 31px; margin-top: 20px; } /************ MENU PRINCIPAL **************/ #menu_principal { position: absolute; z-index: 12; background: #d0ca76; top: 0; padding-left: 174px; padding-top: 5px; padding-bottom: 5px; } .kwicks { position: relative; margin: 0; padding:0; list-style-type: none; list-style-position: outside; } .kwicks li { display: block; overflow: hidden; float: left; width: 174px; height: 22px; background-image: url(./images/kwicks_sprite.png); background-repeat: no-repeat; margin-right: 0; padding: 0; cursor: pointer; } .kwicks a { display: block; height: 22px; text-indent: -9999px; outline: none; } #kwick1 { background-position: 0px 0px; } #kwick2 { background-position: -174px 0px; } #kwick3 { background-position: -348px 0px; } #kwick4 { background-position: -522px 0px; } #kwick1.active, #kwick1:hover { background-position: 0 bottom; } #kwick2.active, #kwick2:hover { background-position: -174px bottom; } #kwick3.active, #kwick3:hover { background-position: -348px bottom; } #kwick4.active, #kwick4:hover { background-position: -522px bottom; } /************************ RIGHT ************************/ #right { position: relative; z-index: 11; float: right; display: inline; margin-right: 31px; margin-top: 60px; width: 212px; font-weight: bold; } #right img { margin: 0 0 25px 0; } #right h2 { clear: both; padding: 0px 19px 0 0; font-size: 116%; line-height: 1.5; font-weight: bold; letter-spacing: -1px; color: #767795; } /************************ CONTENT ************************/ #center { position: relative; z-index: 10; margin: 0; padding: 0 290px 0 50px; } #center h1 { width: 500px; text-align: left; margin-left: 19px; font-size: 167%; line-height: normal; font-weight: normal; letter-spacing: -1px; } #center .texte { background: #ead993 url(./images/top.png) top center no-repeat; padding: 12px 0 7px; } li { list-style-type: none; background-image: url(./images/puce.png); background-repeat: no-repeat; background-position: 22px 10px; padding: 5px 42px 5px 45px; font-size: 108%; line-height: 1.4; letter-spacing: -1px; color: #17512b; } .ps { background: #d0ca76 url(./images/bottom.png) top left no-repeat; margin-top: -12px; } .texte p { padding: 4px 19px; font-weight: normal; font-size: 93%; line-height: 1.4; color: #17512b; } /************************ FOOTER ************************/ #footer { background: #d0ca76 url(./images/footer-article2.jpg) bottom center no-repeat; padding-top: 1px; width: 890px; height: 500px; text-align: center; color: #ADADAD; } #boutique { height: 32px; margin-top: 420px; } .rollover { position: relative; z-index: 30; list-style-type: none; list-style-position: outside; } ul.rollover { padding-left: 320px; } .rollover li { display: block; overflow: hidden; float: left; width: 250px; height: 32px; background-image: url(./images/commander.jpg); background-position: 0px 0px; background-repeat: no-repeat; margin-top: 22px; padding: 0; cursor: pointer; } .rollover a { display: block; height: 22px; text-indent: -9999px; outline: none; } #rollover 1 { background-position: 0px 0px; } #rollover1.active, #rollover1:hover { background-position: 0 bottom; } /************************ COPYRIGHT ************************/ #copyright { line-height: normal; } #footer p { clear: both; padding-top: 2px; font-size: 93%; color: #17512b; }