/*************************************************************************** * style.css * --------- * Cree le : 24 Janvier 2008 * Derniere modif. : 1 Juin 2011 * Auteur : Agence ici - Asselin Benoit * Site : http://www.agenceici.com/ * ***************************************************************************/ * { margin: 0; padding: 0; font-family: Arial, sans-serif; } h1, h2, h3, h4, h5, h6, td { font-size: 11px; font-weight: normal; } img { border: 0 none; } br.clear { clear: both; } html, body { width: 100%; height: 100%; } body { font-size: 11px; color: #fff; text-align: center; width: 100%; height: 100%; background: url('../images/interface/fond-00.gif'); } a { color: #fff; text-decoration: none; } a:hover { text-decoration: underline; } table.container { margin: 0 auto; width: 900px; height: 100%; text-align: justify; background: url('../images/interface/fond-01.gif'); } table.container td.corps { vertical-align: top; height: 95%; } table.container td.pied { height: 5%; } div.container { position: relative; } .logo { } .logo a { display: block; width: 900px; height: 146px; background: url('../images/interface/banniere-01.gif'); } .logo span { display: none; } .content { padding-left: 140px; width: 760px; } .menu { position: absolute; left: 140px; top: 110px; height: 13px; padding: 5px 10px; list-style: none; background: #6c131e; } .menu li { float: left; padding: 0 5px; line-height: 13px; } .menu li a { display: block; line-height: 13px; letter-spacing: 1px; } .menu li a.active { color: #dca205; } .adresse { padding: 20px 0 0 140px; color: #500f14; text-align: center; } .adresse a { color: #500f14; } .adresse .dar { display: none; } .partenaires { position: absolute; left: 15px; bottom: 0; } .partenaires a { display: block; margin: 15px 0; } .partenaires a:hover { text-decoration: none; } .partenaires .julesvernes { width: 39px; height: 46px; background: url('../images/interface/logo-julesvernes.gif'); } .partenaires .picardie { width: 39px; height: 40px; background: url('../images/interface/logo-picardie.gif'); } .partenaires .republique { width: 53px; height: 32px; background: url('../images/interface/logo-republique.gif'); } .content { position: relative; } .content h2 { color: #500f14; font-size: 12px; padding: 5px; width: 280px; background: #dca205; } .center { text-align: center; } #index .content { } #index .dernieres-acquisitions { margin: 5px 0 0 0; } #index .dernieres-acquisitions .images { position: relative; width: 760px; height: 150px; overflow: hidden; } #index .dernieres-acquisitions .images ul { position: absolute; height: 150px; overflow: hidden; list-style: none; } #index .dernieres-acquisitions .images ul li { } #index .dernieres-acquisitions .images ul li a { position: relative; display: block; height: 150px; } #index .dernieres-acquisitions .images ul li a .image { position: absolute; left: 0; top: 0; height: 150px; } #index .dernieres-acquisitions .images ul li a .png { position: absolute; left: 0; bottom: 0; height: 17px; border-left: 1px solid #fff; background: url('../images/interface/images-titre.png'); } #index .dernieres-acquisitions .images ul li a span { position: absolute; left: 10px; bottom: 2px; letter-spacing: 2px; } #index .documents { margin: 15px 0 0 0; } #index .documents a { padding: 5px 10px; color: #300a00; font-size: 11px; text-decoration: underline; background: #dca205; } #index .documents span { padding: 5px 0; background: #dca205; } #index .message-accueil { width: 750px; margin-top: 20px; } #index .message-accueil td { vertical-align: top; font-size: 12px; } #index .message-accueil a { color: #000; text-decoration: underline; } #index .message-accueil td.texte { padding: 10px; width: 430px; color: #000; background: #fff; } #index .message-accueil td.image { text-align: left; } #index .message-accueil td.image img { margin-left: 20px; } #index .retour a { display: inline-block; margin-left: 20px; padding: 10px; font-size: 12px; background: url('../images/interface/fleche-gauche.gif') center left no-repeat; } #presentation .content { } #presentation .content .texte { clear: both; margin: 15px 0 15px 15px; padding: 10px; width: 710px; background: #6c131e; } #presentation .content h3 { color: #dca205; font-size: 15px; font-weight: normal; padding: 5px 0; } #presentation .content h4 { color: #fff; font-size: 12px; padding: 5px 0; } #presentation .content p, #presentation .content table { margin-bottom: 10px; font-size: 12px; color: #c99; } #presentation .content td { font-size: 12px; color: #c99; vertical-align: top; } #presentation .content em { color: #fff; font-style: normal; } #presentation .content strong { color: #e42322; } #catalogue .content { } #catalogue h2 { float: left; margin-right: 20px; } #catalogue .recherche { padding-top: 3px; font-size: 12px; } #catalogue .recherche label { color: #dca205; } #catalogue .recherche #search-q { color: #500f14; background: #e5b100; margin: 0 10px 0 0; width: 90px; font-size: 12px; } #catalogue .recherche #search-ok { color: #500f14; background: #dca205; font-size: 10px; font-weight: bold; padding: 1px; border-top: 1px solid #f1d6a1; border-right: 1px solid #9e750f; border-bottom: 1px solid #785a0e; border-left: 1px solid #e7bb5e; } #catalogue .navigation { position: relative; clear: both; font-size: 12px; margin: 20px 0 0 15px; width: 730px; height: 21px; border-bottom: 10px solid #6c131e; } #catalogue .navigation li { list-style: none; float: left; padding-left: 10px; } #catalogue .navigation li.fond-1 { padding-left: 20px; } #catalogue .navigation a { display: block; padding: 2px 0 0 10px; color: #c99; font-size: 13px; width: 110px; height: 19px; background: url('../images/interface/catalogue-collection.gif'); } #catalogue .navigation a.active { color: #dca205; background: #6c131e; } #catalogue .navigation .trier { position: absolute; right: 5px; top: -5px; color: #500f14; } #catalogue .navigation .trier * { color: #500f14; background: #a1141c; font-size: 12px; } #catalogue .navigation .trier select { border: 1px solid #651919; } #catalogue .films { clear: both; margin-left: 15px; width: 730px; } #catalogue .films thead, #catalogue .films tbody { background: #6c131e; } #catalogue .films th { font-size: 12px; color: #c99; font-weight: normal; text-align: left; padding: 0 10px 5px 10px; } #catalogue .films th a.active { text-decoration: underline; padding-right: 15px; background: url('../images/interface/fleche-bas.gif') right center no-repeat; } #catalogue .films td { font-size: 12px; color: #c99; padding: 10px 10px 5px 10px; } #catalogue .films .nom { width: 179px; color: #fff; } #catalogue .films .nom span { color: #dca205; } #catalogue .films .nom_realisateur { width: 165px; } #catalogue .films .introduction { width: 280px; } #catalogue .films .pays { width: 110px; } #catalogue .films th.nom, #catalogue .films th.nom_realisateur, #catalogue .films th.introduction { border-right: 1px solid #fff; } #catalogue .films tbody { } #catalogue .films tr.film td, #catalogue .films tr.film-over td { border-top: 1px solid #fff; } #catalogue .films tr.film-over td { background: #800c1a; } #catalogue .films td.nom, #catalogue .films td.nom_realisateur, #catalogue .films td.introduction { border-right: 1px solid #986565; } #catalogue .films td.aucun { text-align: center; padding: 20px; } #catalogue .films tr.nbsp { } #catalogue .films tfoot td { padding: 10px 0 0 0; } #catalogue .films .realisateurs { } #catalogue .films .realisateurs a { text-decoration: underline; } #catalogue .films .realisateurs a:hover { text-decoration: none; } #catalogue .films .pages { text-align: right; color: #fff; } #catalogue .films .pages a { padding: 0 5px; } #catalogue .films .pages a:hover { text-decoration: none; } #catalogue .films .pages .page-precedente { background: url('../images/interface/fleche-gauche.gif') center no-repeat; } #catalogue .films .pages .page-suivante { background: url('../images/interface/fleche-droite.gif') center no-repeat; } #film .content { } #film .content h2 span { color: #a1141c; } #film .titre { padding: 20px 0 0 35px; } #film .titre span { padding: 8px 15px 0 8px; background: #6c131e; } #film .titre a span { text-decoration: underline; } #film .film { clear: both; margin-left: 15px; margin-bottom: 15px; width: 730px; background: #6c131e; } #film .film td { vertical-align: top; } #film .film td a { text-decoration: underline; } #film .film .r1c2 { padding: 10px 25px 0 25px; color: #dca205; font-weight: bold; width: 500px; height: 40px; } #film .film .r1c3 { padding: 10px; width: 100px; } #film .film .r1c3 img { display: block; margin-bottom: 10px; border: 1px solid #4d1011; } #film .film .r2c1 { width: 250px; padding: 0 0 10px 10px; } #film .film .r2c1 .details { width: 100%; } #film .film .r2c1 .details td { font-weight: bold; } #film .film .r2c1 .details .right { text-align: right; color: #c99; padding-right: 5px; white-space: nowrap; } #film .film .r2c1 .details .left { width: 60%; } #film .film .r2c2 p { text-align: justify; margin: 0 0 10px 10px; } #film .retour { clear: both; } #film .retour a { margin-left: 20px; padding: 0 10px; font-size: 12px; background: url('../images/interface/fleche-gauche.gif') center left no-repeat; } #bibliographie .content { } #bibliographie .liste { margin: 15px 0 0 15px; width: 730px; background: #6c131e; } #bibliographie .menu-a a { font-size: 11px; } #bibliographie .block { border-bottom: 1px solid #fff; padding: 10px; } #bibliographie .block * { font-size: 12px; } #bibliographie .block h3 { color: #dca205; font-size: 15px; font-weight: normal; padding: 5px 0; } #bibliographie .block h4 { color: #dca205; font-weight: normal; padding: 5px 0; } #bibliographie .block p { margin-bottom: 10px; } #bibliographie .block img { float: right; padding-left: 10px; } #bibliographie .block a { color: #dca205; text-decoration: underline; } #bibliographie .block em { color: #c99; font-style: normal; } #bibliographie .block-last { background: #6c131e; padding: 10px; } #bibliographie .block-last a { color: #dca205; text-decoration: underline; font-size: 12px; } #conditions .content { } #conditions .content .texte { clear: both; margin: 15px 0 15px 15px; padding: 10px; width: 710px; background: #6c131e; } #conditions .content h3 { color: #dca205; font-size: 15px; font-weight: normal; } #conditions .content p { margin-bottom: 10px; font-size: 12px; } #conditions .content em { color: #c99; font-style: normal; } #conditions .content em.italic { font-style: italic; } #conditions .content strong { color: #e42322; letter-spacing: 2px; } #liens .content { } #liens .navigation { position: relative; clear: both; font-size: 12px; margin: 20px 0 0 15px; width: 730px; height: 21px; border-bottom: 10px solid #6c131e; } #liens .navigation li { list-style: none; float: left; padding-left: 10px; } #liens .navigation li.onglet-1 { padding-left: 20px; } #liens .navigation a { display: block; padding: 2px 0 0 10px; color: #c99; font-size: 13px; height: 19px; background: url('../images/interface/catalogue-collection.gif'); } #liens .navigation a.active { color: #dca205; background: #6c131e; } #liens .navigation li.onglet-1 a { width: 250px; } #liens .navigation li.onglet-2 a { width: 380px; } #liens .liste { margin-left: 15px; width: 730px; background: #6c131e; } #liens .liste table { width: 100%; } #liens .liste tr.lien td { background: transparent; } #liens .liste tr.lien-over td { background: #800c1a; } #liens .liste table th { padding: 10px; font-weight: normal; font-size: 12px; } #liens .liste table td { padding: 10px; border-top: 1px solid #fff; border-right: 1px solid #986565; } #liens .liste table td.col3 { border-right: 0 none; } #liens .liste table .col1 { width: 280px; } #liens .liste table .col2 { width: 210px; } #liens .liste table .col3 { width: 180px; } #liens .liste table em { color: #c99; } #liens .liste table a { color: #dca205; text-decoration: underline; } #contact .content { } #contact .content .texte { clear: both; margin: 15px 0 15px 15px; padding: 20px 10px 20px 300px; width: 420px; background: #6c131e url('../images/interface/fond-contact.gif') left bottom no-repeat; } #contact .content p { margin-bottom: 10px; font-size: 12px; } #contact .content em { color: #c99; font-style: normal; } #contact .content strong { font-style: italic; font-weight: normal; font-size: 13px; } #contact .content a { color: #dca205; text-decoration: underline; }