/* Call additional style sheets -- @import section */ @import url(form.css); /* @import url(gauthier.css); */ /* End of @import */ body { margin : 0; padding : 0; font : 0.75em/1.3em Verdana,Sans-serif; letter-spacing : 0.1em; background-color : rgb(169,172,153); } div#Wrapper { margin : 10px; margin-left : auto; margin-right : auto; width : 840px; /* background-image : url('/images/wrappersides.jpg'); */ background-repeat : repeat-y; background-position : top center; position : relative; } div#PreWrapper, div#PostWrapper { height : 19px; width : 100%; margin-left : auto; margin-right : auto; position : relative; background-color : rgb(169,172,153); background-repeat : no-repeat; background-position : top center; } div#PreWrapper { /* background-image : url('/images/prewrapper2.jpg'); */ } div#PostWrapper { /* background-image : url('/images/postwrapper2.jpg'); */ } div#InnerWrapper { margin : 0; margin-left : auto; margin-right : auto; width : 800px; } div#Columns { margin : 200px 0 0 0; width : 100%; background-image : url('/images/watermark.jpg'); background-repeat : no-repeat; background-color : rgb(251,251,249); background-position : 40% 150px; position : relative; } /* IE won't get this !!! */ html > body div#Columns { margin-top : 200px; } div#LeftColumn { /* background-image : url('/images/bout-de-page-small2.jpg'); background-position : left bottom; background-repeat : repeat-x; */ width : 468px; padding : 0 20px 40px 20px; float : left; } body.one-column div#LeftColumn { width : 740px; } div#LeftColumn p, div#RightColumn p, div#LeftColumn ul, div#RightColumn ul, div#LeftColumn ol, div#RightColumn ol { color : #444; } div#LeftColumn p, div#LeftColumn ol, div#LeftColumn ul, div#LeftColumn table { font-size : 0.9em; } div#RightColumn p, div#RightColumn ul { font-size : 0.85em; } div#RightColumn div.Odd { background-color : rgb(230,230,215); padding : 10px; } div#RightColumn { width : 238px; padding : 0 20px 40px 20px; float : right; } body.one-column div#RightColumn { display : none; } div#RightColumn p.pubtemplate { padding-bottom : 30px; margin-bottom : 15px; border-bottom : 1px dotted silver; } div#RightColumn div#Search { margin-top : 20px; } /***************************************************************************/ /* Header and Footer */ /***************************************************************************/ div#Header { position : absolute; top : 0; height : 200px; width : 800px; margin : 0; margin-top : 19px; clear : both; background-image : url('/images/header3.jpg'); background-repeat : no-repeat; } div#LogoHomepage { display : block; position : absolute; width : 138px; height : 148px; top : 31px; left : 36px; } html > body div#LogoHomepage { top : 35px; left : 39px; } div#LogoHomepage a, div#LogoHomepage a:link, div#LogoHomepage a:visited, div#LogoHomepage a:active { display : block; width : 100%; height : 100%; text-decoration : none; } div#LogoHomepage a:hover { text-decoration : none; } div#Footer { height : 45px; width : 770px; clear : both; /* background-color : rgb(123,168,235); */ /* background-color : rgb(182,220,167); */ background-color : rgb(139,140,86); font-size : 0.85em; margin : 0; padding : 15px; color : #fff; } div#Footer p { text-align : center; margin : 0; margin-bottom : 5px; padding : 0; } div#Footer address { font-style : normal; } div#Footer a, div#Footer a:link, div#Footer a:visited, div#Footer a:active { color : rgb(220,200,150); border-bottom : 1px dotted rgb(220,200,150); text-decoration : none; } div#Footer a:hover { color : rgb(255,215,0); border-bottom : 1px solid rgb(255,215,0); } div.Separation { clear : both; height : 7px; width : 100%; } p.DesignBy { text-align : right; margin : 0; font-size : 10px; color : white; } /***************************************************************************/ /* Titles */ /***************************************************************************/ div#LeftColumn h1, div#LeftColumn h2, div#LeftColumn h3, div#LeftColumn h4, div#RightColumn h1, div#RightColumn h2, div#RightColumn h3, div#RightColumn h4 { font-size : 160%; font-family : georgia,'times new roman',serif; border-bottom : 1px dashed rgb(179,170,154); color : rgb(153,137,111); /* rgb(179,170,154); */ line-height : 1.8em; } div#LeftColumn h2, div#RightColumn h2 { font-size : 130%; background-image : url('/images/carre.gif'); background-repeat : no-repeat; background-position : 0 10px; padding-left : 12px; } div#LeftColumn h3, div#RightColumn h3 { font-size : 130%; } div#LeftColumn h4, div#RightColumn h4 { font-size : 110%; border : none; } div#LeftColumn h3.news { background-image : url('/images/hibou.gif'); background-position : 0 6px; background-repeat : no-repeat; margin-left : 4px; padding-left : 20px; } /***************************************************************************/ /* Ordered and unordered lists */ /***************************************************************************/ ul.greensquare { /* list-style-image : url('/images/greensquare.png'); */ list-style-type : none; } ul.greensquare li { background-image : url('/images/greensquare.png'); background-position : 0 4px; background-repeat : no-repeat; list-style-position : inside; padding : 0 0 0 15px; margin : 0; } /***************************************************************************/ /* Special paragraphs */ /***************************************************************************/ p.greensquare { background-image : url('/images/greensquare.png'); background-position : 0 5px; background-repeat : no-repeat; text-indent : 12px; } /***************************************************************************/ /* Sysmenu */ /***************************************************************************/ div.Sysmenu { float : left; margin : 175px 0 0 15px; font-size : 0.8em; word-spacing : normal; overflow : hidden; height : 30px; width : 100%; } div.Sysmenu ul, div.Sysmenu li { margin : 0; padding : 0; display : inline; list-style-type : none; } div.Sysmenu ul a:link, div.Sysmenu ul a:visited, div.Sysmenu ul a:active { float : left; line-height : 14px; font-weight : bold; margin : 0 7px 4px 7px; text-decoration : none; color : rgb(220,220,220); color : rgb(250,250,250); } div.Sysmenu ul a:hover { /* border-bottom : 4px solid rgb(182,220,167); */ border-bottom : 4px solid rgb(193,214,23); padding-bottom : 2px; background : transparent; color : #fff; } /***************************************************************************/ /* Images */ /***************************************************************************/ img { padding : 7px; border : 1px solid rgb(192,215,23); margin : 5px; background-color : rgb(241,241,239); } img.left { float : left; margin : 5px 10px 5px 0; } img.right { float : right; margin : 5px 0 5px 10px; } img.google { margin : 0; padding : 0; background-color : transparent; border : none; } /***************************************************************************/ /* Direct anchors */ /***************************************************************************/ /* a.gotarget, a.gotarget:link, a.gotarget:visited, a.gotarget:active, a.target, a.target:link, a.target:visited, a.target:active { text-decoration : none; } a.gotarget, a.gotarget:link, a.gotarget:visited, a.gotarget:active { color : rgb(0,0,128); border-bottom : 1px dotted rgb(0,0,128); } a.gotarget:hover { cursor : help; color : rgb(128,0,0); border-bottom : 1px solid rgb(128,0,0); } */ /***************************************************************************/ /* Each paragraph has a lastupdate tag */ /***************************************************************************/ span.lastupdate { font : 9px "Lucida Grande","Trebuchet MS",Arial,Helvetica,sans-serif; color : #aaa; background : transparent url('/images/alarmclock.gif') left 3px; background-repeat : no-repeat; display : block; padding : 0 0 0 16px; height : 16px; letter-spacing : 1px; } /***************************************************************************/ /* Styles for search form */ /***************************************************************************/ div#RightColumn div#Search p.google { padding : 3px; margin : 0; text-align : center; line-height : 32px; vertical-align : middle; } div#RightColumn div#Search p.google img { padding : 4px; border : none; vertical-align : middle; } /***************************************************************************/ /* Read more style */ /***************************************************************************/ p.readmore { font-style : italic; text-align : right; } p.readmore a.readmore, p.readmore a.readmore:link, p.readmore a.readmore:visited, p.readmore a.readmore:active { color : rgb(120,0,0); text-decoration : none; border-bottom : 1px dotted rgb(120,0,0); padding-right : 20px; background-image : url('/images/readmore.gif'); background-repeat : no-repeat; background-position : right top; } p.readmore a.readmore:hover { border-bottom : 1px solid rgb(120,0,0); } /***************************************************************************/ /* External links */ /***************************************************************************/ a.external_link, a.external_link:link, a.external_link:visited, a.external_link:active { color : rgb(120,0,0); text-decoration : none; border-bottom : 1px dotted rgb(251,251,249); padding-left : 20px; background-image : url('/images/external_link.gif'); background-repeat : no-repeat; background-position : left top; } a.external_link:hover { border-bottom : 1px solid rgb(120,0,0); } /***************************************************************************/ /* Background effects on FastWrite */ /***************************************************************************/ .fastBG, .writeBG { font-style : normal; font-family : verdana,sans-serif; } .fastBG { background-color : #fff; color : #000; } .writeBG { background-color : rgb(255,216,130); color : #000; } /***************************************************************************/ /* Hide from display */ /***************************************************************************/ .hide { display : none; } /***************************************************************************/ /* Definitions for Gauthier */ /***************************************************************************/ a:link, a:visited, a:active { color : #000066; } .contenu_discret { color : #666; } .contenu_soustitre { font-weight : bold; } .contenu_lien { text-decoration : none; background : url('/images/fleche.gif'); background-repeat : no-repeat; padding-left : 15px; } .green { color : #360; } .center { text-align : center; } .left { float : left ; padding : 5px; } .right { float : right; padding : 5px; } /***************************************************************************/ /* Coups de coeur */ /***************************************************************************/ div.book-odd, div.book-even { width : 730px; height : auto; margin : 5px; padding : 7px; } div.book-even { background-color : rgb(255,255,236); border : 1px solid silver; } div.book-illu { width : 250px; overflow : hidden; float : left; } div.book-detail { width : 450px; float : right; } div.book-detail h2.book-title { color : green !important; border : none !important; } p.editor { font-style : italic; font-weight : bold; } /***************************************************************************/ /* Appel coup de coeur */ /***************************************************************************/ ul#AppelCoupDeCoeur, ul#AppelCoupDeCoeur a, ul#AppelCoupDeCoeur a:link, ul#AppelCoupDeCoeur a:visited, ul#AppelCoupDeCoeur a:active { text-decoration : none; } ul#AppelCoupDeCoeur a:hover { color : rgb(170,130,0); border-bottom : 1px solid rgb(170,130,0); } /***************************************************************************/ /* Statistiques d'accès */ /***************************************************************************/ table.PageStats, table.VisitsStats { border : 1px solid rgb(191,215,23); width : 100%; } table.PageStats caption, table.VisitsStats caption { background-color : rgb(191,215,23); color : #000; } table.PageStats thead th, table.PageStats tfoot th, table.VisitsStats thead th, table.VisitsStats tfoot th { background-color : rgb(223,235,142); /* Step 18 Color Blender */ } table.PageStats tbody td, table.VisitsStats tbody td { border-bottom : 1px solid rgb(191,215,23); border-right : 1px solid rgb(191,215,23); } table.VisitsStats tbody td.c6 { border : none; border-bottom : 1px solid rgb(191,215,23); } table.PageStats tbody td.c5 { border : none; border-bottom : 1px solid rgb(191,215,23); } /***************************************************************************/ /* Table of Contents */ /***************************************************************************/ ol#TOCaide, ol#TOCaide a, ol#TOCaide a:link, ol#TOCaide a:visited, ol#TOCaide a:active, ol#TOCactualites, ol#TOCactualites a, ol#TOCactualites a:link, ol#TOCactualites a:visited, ol#TOCactualites a:active, ol#TOCarchives, ol#TOCarchives a, ol#TOCarchives a:link, ol#TOCarchives a:visited, ol#TOCarchives a:active, ol#TOCcatalogue, ol#TOCcatalogue a, ol#TOCcatalogue a:link, ol#TOCcatalogue a:visited, ol#TOCcatalogue a:active, ol#TOCcharte_d_accessibilite, ol#TOCcharte_d_accessibilite a, ol#TOCcharte_d_accessibilite a:link, ol#TOCcharte_d_accessibilite a:visited, ol#TOCcharte_d_accessibilite a:active, ol#TOCindex, ol#TOCindex a, ol#TOCindex a:link, ol#TOCindex a:visited, ol#TOCindex a:active, ol#TOClegal, ol#TOClegal a, ol#TOClegal a:link, ol#TOClegal a:visited, ol#TOClegal a:active, ol#TOCLiens, ol#TOCLiens a, ol#TOCLiens a:link, ol#TOCLiens a:visited, ol#TOCLiens a:active, ol#TOCNews, ol#TOCNews a, ol#TOCNews a:link, ol#TOCNews a:visited, ol#TOCNews a:active, ol#TOCviedelabib, ol#TOCviedelabib a, ol#TOCviedelabib a:link, ol#TOCviedelabib a:visited, ol#TOCviedelabib a:active { font-size : 0.95em; color : rgb(73,26,25); text-decoration : none; } ol#TOCaide a:hover, ol#TOCactualites a:hover, ol#TOCarchives a:hover, ol#TOCcatalogue a:hover, ol#TOCcharte_d_accessibilite a:hover, ol#TOCindex a:hover, ol#TOClegal a:hover, ol#TOCLiens a:hover, ol#TOCNews a:hover, ol#TOCviedelabib a:hover { color : rgb(170,130,0); border-bottom : 1px solid rgb(170,130,0); } /***************************************************************************/ /* Table des mises à jour sur sitemap */ /***************************************************************************/ table#ChangeHistory { border : 1px solid rgb(191,215,23); width : 100%; font-size : 0.85em; } table#ChangeHistory caption { background-color : rgb(191,215,23); color : #000; font-weight : bold; } table#ChangeHistory tr { width : 100%; } table#ChangeHistory thead th { background-color : rgb(223,235,142); /* Step 18 Color Blender */ font-weight : normal; } table#ChangeHistory thead th.c1 { width : 32%; } table#ChangeHistory thead th.c2 { width : 68%; } table#ChangeHistory tbody td { border-bottom : 1px solid rgb(191,215,23); border-right : 1px solid rgb(191,215,23); padding : 2px; } table#ChangeHistory tbody td.c2 { border : none; border-bottom : 1px solid rgb(191,215,23); } /***************************************************************************/ /* Table des résultats de recherche */ /***************************************************************************/ table.SearchResults { border : 1px solid rgb(191,215,23); width : 100%; font-size : 0.85em; } table.SearchResults caption { background-color : rgb(191,215,23); color : #000; font-weight : bold; } table.SearchResults tr { width : 100%; } table.SearchResults thead th { background-color : rgb(223,235,142); /* Step 18 Color Blender */ font-weight : normal; } table.SearchResults thead th.c1 { width : 20px; } table.SearchResults thead th.c2 { width : 40px; } table.SearchResults thead th.c3 { width : 100px; } table.SearchResults thead th.c4 { width : 20px; } table.SearchResults thead th.c5 { width : 50px; } table.SearchResults tbody td { border-bottom : 1px solid rgb(191,215,23); border-right : 1px solid rgb(191,215,23); padding : 2px; } table#SearchResults tbody td.c5 { border : none; border-bottom : 1px solid rgb(191,215,23); } /***************************************************************************/ /* Nouveautés */ /***************************************************************************/ span.NouveauteAuteur { font-style : normal; } span.NouveauteTitre { font-weight : bold; } span.NouveauteGenre { font-style : normal; } /***************************************************************************/ /* News */ /***************************************************************************/ div#NewsInBrief { width : 98%; background : rgb(231,231,229) url('/images/news.jpg') center bottom no-repeat; padding : 6px 6px 25px 6px; border : 1px solid rgb(193,214,23); } div#NewsInBrief p.allnews { text-align : right; } div#NewsInBrief p.allnews a, div#NewsInBrief p.allnews a:link, div#NewsInBrief p.allnews a:visited, div#NewsInBrief p.allnews a:active { color : rgb(119,127,55); text-decoration : none; padding : 2px 25px 2px 2px; border : 1px dotted rgb(119,127,55); } div#NewsInBrief p.allnews a:hover { border : 1px solid rgb(119,127,55); background-color : #fff; color : #000; } div#NewsInBrief h3.news { color : rgb(130,136,75); font-size : 0.9em; border : none; }