html, body {margin:0; padding:0; background: #e6e6e6; color: #000; font-family: arial, sans-serif; font-size: 12px; line-height: 1.2em;}
body {padding-bottom: 20px; background: #e6e6e6 url(../img/bg-body.gif) left top repeat-x;}
* {margin:0; padding:0;}
a {text-decoration: underline; color: #4d4d4d;}
a:hover {color: #000;}
ul li {list-style: none;}
img {border: none;}
.spacer {clear: both; height: 1px; overflow: hidden;}
:link, :visited, :hover, :active, :focus {outline-style:none; } /* pas de bords pointillés sur les liens cliqués dans firefox */
/* ======= HEADER ======= */
#header {width: 940px; height: 75px; margin: 0 auto; padding:0; }
#header a#logoLibertalia {float: left; line-height: 70px; color: #fff;}
#header a#logoLibertalia img {display: block;}
#header #breadCrumbs {float: right; text-align: right; padding-top: 7px; color: #fff; text-transform: uppercase; font-size: 0.8em;}
#header #breadCrumbs a {color: #fff; text-decoration: none;}
#header #breadCrumbs a:hover {text-decoration: underline;}
#header #breadCrumbs strong.on {font-weight: normal; color: #F1CC38;}
/* ======= MAINWRAPPER ======= */
#mainWrapper {width: 960px; margin: 10px auto 0px auto; padding: 0;}
#mainWrapper {background: url(../img/bg-mainwrapper-black.gif) 230px top repeat-y;}
#mainWrapper.wrapperRub12 {background: url(../img/bg-mainwrapper-red.gif) 230px top repeat-y;}
#mainWrapper.wrapperRub13 {background: url(../img/bg-mainwrapper-blue.gif) 230px top repeat-y;}
/* ======= MENU ======= */
#mainWrapper #menu {float: left; width: 250px;}
#menu a {color: #000; text-decoration: none;}
#menu ul#menuMain {}
#menu ul#menuMain li {display: block; padding: 0 30px 0 10px;}
#menu ul#menuMain li.on, #menu ul#menuMain li.sommaire0 {background: url(../img/bg-on-black.gif) right top no-repeat;}
/* si sous-menu */ #menu ul#menuMain li.rubrique11, #menu ul#menuMain li.rubrique12, #menu ul#menuMain li.rubrique13 {background: none;}
#menu ul#menuMain li a {display: block; height: 20px; margin: 4px 0 0 0; border-bottom: 1px solid #000; line-height: 20px;}
#menu ul#menuMain li a.menuHome {text-transform: uppercase;}
#menu ul#menuMain li a:hover {background: url(../img/bg-hover.gif) left top repeat;}
#menu ul#menuMain li a.on, #menu ul#menuMain li a.sommaire0 {background: url(../img/bg-hover.gif) left top repeat;}
#menu ul#menuMain li ul {border-bottom: 1px solid #000; padding: 0 0px 4px 0;}
#menu ul#menuMain li ul li {padding: 0 30px 0 10px; margin: 0 -30px 0 0;}
#menu ul#menuMain li ul li.rubrique11.on {background: url(../img/bg-on-black.gif) right top no-repeat;}
#menu ul#menuMain li ul li.rubrique12.on {background: url(../img/bg-on-red.gif) right top no-repeat;}
#menu ul#menuMain li ul li.rubrique13.on {background: url(../img/bg-on-blue.gif) right top no-repeat;}
#menu ul#menuMain li ul li a {color: #fff; border: none; padding-left: 17px}
#menu ul#menuMain li ul li a.rubrique11 {background: #000 url(../img/bg-collectionmenu-black.gif) left top no-repeat;}
#menu ul#menuMain li ul li a.rubrique12 {background: #BD0926 url(../img/bg-collectionmenu-red.gif) left top no-repeat;}
#menu ul#menuMain li ul li a.rubrique13 {background: #0A71B3 url(../img/bg-collectionmenu-blue.gif) left top no-repeat;}
#searchFormWrapper {}
.rubpageChercher {background: url(../img/bg-on-black.gif) right top no-repeat;}
.searchForm {padding: 0 0 10px 0; margin: 10px 30px 0px 10px; border-bottom: 1px solid #000;}
.searchForm * { display: inline; vertical-align: middle; }
.searchForm label {display: none; padding: 5px 0;}
.searchForm input {}
.searchForm input.text { width: 158px; padding: 0 0 0 25px; color: #000; font-size: 1em; background: #fff url(../img/bg-rechercher.gif) no-repeat left center; height: 21px; line-height: 21px; border: 2px solid #000; border-right: none; float: left;}
.searchForm input.submit { display: block; width: 25px; height: 25px; line-height: 21px; background: #000; color: #fff; text-align: center; border: none; cursor: pointer;}
.searchForm input.submit:hover {color: #F1CC38;}
ul#menuSecond {}
ul#menuSecond li {height: 16px; padding: 4px 30px 0 25px; font-size: 0.9em;}
ul#menuSecond li a {display: block; height: 16px; margin: 0; border-bottom: 1px solid #000; line-height: 16px;}
ul#menuSecond li a:hover {background: url(../img/bg-hover.gif) left top repeat;}
ul#menuSecond li.on, ul#menuSecond li.rubpageNewsletter {background: url(../img/bg-on-black.gif) right top no-repeat;}
ul#menuSecond li.on a, ul#menuSecond li.rubpageNewsletter a {background: url(../img/bg-hover.gif) left top repeat;}
ul#menuSecond li a span {display: block; padding: 0 0 0 10px; background: url(../img/puce.png) left center no-repeat;}
a#librairieLien {display: block; width: 198px; height: 53px; margin: 15px 30px 5px 10px; padding: 6px 6px 21px 6px; border-bottom: 1px solid #000; background: url(../img/bg-librairielien.png) left top no-repeat;}
a#librairieLien span {display: block; width: 188px; height: 25px; padding: 5px 5px 0 5px; background: #F1CC38; font-size: 0.8em; line-height: 1.1em;}
a#librairieLien strong {display: block; width: 188px; height: 23px; padding: 0 5px; background: #000; color: #fff; text-transform: uppercase; line-height: 23px; font-size: 1.4em; font-weight: normal;}
ul#menuAbout {padding: 0px 30px 0 10px; font-size: 0.8em;}
ul#menuAbout li {display: inline;}
ul#menuAbout li a {display: block; float: left; height: 13px; line-height: 13px; width: 174px;}
ul#menuAbout li a.rssPicto {display: block; float: left; width: 25px; height: 25px; padding: 0 5px 0 0; margin: 0 5px 0 0; border-right: 1px solid #000;}
ul#menuAbout li a.rssPicto img {display: block;}
/* ======= CONTENT ======= */
#mainWrapper #content {float: right; width: 710px;}
#mainWrapper #content h1 {height: 30px; margin: 0 10px 0 0; padding: 0 10px; color: #fff; background: #000; font-weight: normal; font-size: 1.4em; text-transform: uppercase; line-height: 30px; clear: both;}
#mainWrapper #content h1 a {color: #fff; text-decoration: none;}
#mainWrapper #content h2 {background: #000; color: #fff; text-transform: uppercase; font-weight: normal;}
#mainWrapper #content h3 {height: 20px; padding: 0 5px; font-size: 1em; text-transform: uppercase; font-weight: normal; color: #fff; background: #000; line-height: 20px;}
/* liste catalogue livres */
#mainWrapper #content ul.catalogueListe {margin: -1px 0 0 0}
ul.catalogueListe li {display: block; float: left; width: 350px; height: 170px; padding: 10px 0 0 0; margin: 0 0 10px 0; border-top: 1px solid #000;}
ul.catalogueListe li .catalogueLivre {width: 340px; height: 170px; padding: 0 9px 0 0; border-width: 0 1px 0 0; border-color: #000; border-style: solid;}
ul.catalogueListe li.right .catalogueLivre {padding: 0 0 0 10px ; border-width: 0 0 0 0; }
.catalogueListe a {display: block; width: 340px; height: 170px; text-decoration: none; color: #000; cursor: pointer;}
.catalogueListe a:hover {background: url(../img/bg-hover.gif) left top repeat;}
.catalogueListe a img {display: block; float: left; width: 108px; height: 158px; padding: 6px 20px 6px 12px; background: url(../img/bg-vignette-small-black.png) left top no-repeat;}
.catalogueListe a.collection12 img {background: url(../img/bg-vignette-small-red.png) left top no-repeat;}
.catalogueListe a.collection13 img {background: url(../img/bg-vignette-small-blue.png) left top no-repeat;}
.catalogueListe a span.auteur {display: block; float: right; width: 200px; height: 19px; padding: 20px 0 0 0; border-bottom: 1px solid #000; text-align: right; font-size: 0.9em; line-height: 20px; background: url(../img/bg-catalogueliste-auteur-black.gif) right top no-repeat;}
.catalogueListe a.collection12 span.auteur {background: url(../img/bg-catalogueliste-auteur-red.gif) right top no-repeat;}
.catalogueListe a.collection13 span.auteur {background: url(../img/bg-catalogueliste-auteur-blue.gif) right top no-repeat;}
.catalogueListe a strong {display: block; float: right; width: 200px; height: 95px; padding: 9px 0 0 0; border-bottom: 1px solid #000; text-align: right; font-weight: normal; font-size: 1.4em; line-height: 1.1em; text-transform: uppercase;}
.catalogueListe a.collection12 strong {color: #BD0926;}
.catalogueListe a.collection13 strong {color: #0A71B3;}
.catalogueListe a span.readMore {display: block; float: right; clear: right; height: 20px; margin: 5px 0 0 0; padding: 0 5px; background: #000; color: #F1CC38; line-height: 20px; text-transform: uppercase;}
/* sommaire.html - carrousel */
#mainWrapper #content #catalogueHome {width: 700px; height: 410px; border-bottom: 1px solid #000;}
#catalogueHome .scroll {position: relative; overflow: hidden; margin: -1px 0 0 0; width: 700px; height: 380px;}
.scroll .items {width:20000em; position:absolute;}
.scroll .items .pages { width: 700px; height: 380px; float: left;}
.scroll .items .pages div {display: block; float: left; width: 350px; height: 170px; padding: 10px 0 0 0; margin: 0 0 10px 0; border-top: 1px solid #000;}
.scroll .items .pages div .catalogueLivre {width: 340px; height: 170px; padding: 0 9px 0 0; border-width: 0 1px 0 0; border-color: #000; border-style: solid;}
.scroll .items .pages div.right .catalogueLivre {padding: 0 0 0 10px ; border-width: 0 0 0 0; }
#rockThePages {height: 20px; padding: 0 1px 0 5px; font-size: 0.9em; line-height: 20px; background: #000; color: #fff; text-align: center;}
.catalogueListe #rockThePages a {}
#rockThePages a.browse {display: block; width: auto; height: auto; padding: 0; margin: 0;color: #fff; text-decoration: none; cursor: pointer;}
#rockThePages a.browse.prev {float: left; padding-left: 10px; text-align: left; background-image: url(../img/bg-carrousel-nextprev.gif); background-position: left -45px; background-repeat: no-repeat;}
#rockThePages a.browse.next {float: right; padding-right: 14px; text-align: right; background-image: url(../img/bg-carrousel-nextprev.gif); background-position: right -145px; background-repeat: no-repeat;}
#rockThePages a.browse.disabled {color: #4d4d4d; cursor: default;}
#rockThePages a.browse.prev.disabled {background-position: left 5px;}
#rockThePages a.browse.next.disabled {background-position: right -95px;}
ul.navi {}
ul.navi li {display: inline-block; background: url(../img/bg-carrousel-navi.gif) left 5px no-repeat; width: 13px; height: 20px; margin:0 0px; padding: 0; cursor: pointer;}
*+html ul.navi li {zoom: 1; display: inline;}
* html ul.navi li {zoom: 1; display: inline;}
ul.navi li.active {background: url(../img/bg-carrousel-navi.gif) left -45px no-repeat; color: #fff; cursor: default;}
.catalogueListe #rockThePages ul.navi li a {display: inline;}
.catalogueListe #rockThePages ul.navi li a img {display: block; float: none; width: auto; height: auto; padding: 0; background: none;}
/* sommaire.html - liste collections */
ul#collectionContent {height: 20px; padding: 10px 0; margin: 0 10px 10px 0; border-bottom: 1px solid #000;}
ul#collectionContent li {display: inline;}
ul#collectionContent li a {display: block; float: left; width: 138px; height: 20px; margin: 0 20px 0 0; padding: 0 5px 0 17px; font-size: 0.8em; text-transform: uppercase; line-height: 20px; background: #F1CC38 url(../img/bg-home-collectioncontent-gold.gif) left top no-repeat; color: #000; text-decoration: none;}
ul#collectionContent li a.rubrique11 {background: #000 url(../img/bg-home-collectioncontent-black.gif) left top no-repeat; color: #fff;}
ul#collectionContent li a.rubrique12 {background: #BD0926 url(../img/bg-home-collectioncontent-red.gif) left top no-repeat; color: #fff;}
ul#collectionContent li a.rubrique13 {background: #0A71B3 url(../img/bg-home-collectioncontent-blue.gif) left top no-repeat; color: #fff; margin: 0;}
/* sommaire.html - prochainement agenda blog */
#home3colsWrapper {}
#home3colsWrapper .home3cols {float: left; width: 220px;}
#home3colsWrapper .middle {margin: 0 10px; padding: 0 9px; border-color: #000; border-style: solid; border-width: 0 1px;}
#mainWrapper #content #home3colsWrapper h2 {height: 20px; margin: 0; padding: 0 5px; font-size: 1em; line-height: 20px;}
#mainWrapper #content #home3colsWrapper a.readMore {display: block; float: right; clear: right; height: 20px; margin: 5px 0 0 0; padding: 0 5px; background: #000; color: #F1CC38; line-height: 20px; text-transform: uppercase; text-decoration: none;}
ul#prochainementHome {margin: -1px 0 0 0;}
ul#prochainementHome li {display: block; border-top: 1px solid #000;}
ul#prochainementHome li a {display: block; margin: 10px 0; padding: 0 0 0 5px; border-left: 5px solid #000; text-decoration: none; color: #000; font-size: 1em;}
ul#prochainementHome li a.rubrique12 {border-left: 5px solid #BD0926;}
ul#prochainementHome li a.rubrique13 {border-left: 5px solid #0A71B3;}
ul#prochainementHome li a:hover {background: url(../img/bg-hover.gif) left top repeat;}
ul#prochainementHome li a strong, ul#prochainementHome li a span, ul#prochainementHome li a small {display: block;}
ul#prochainementHome li a strong {font-weight: normal; text-transform: uppercase;}
ul#prochainementHome li a span.auteur {font-style: italic;}
ul#prochainementHome li a small {font-size: 0.9em;}
ul#prochainementHome li.nope {display: block; margin: 0px 0; padding: 10px 0; text-decoration: none; color: #000;}
ul#rdvHome {margin: 0;}
ul#rdvHome li {display: block; padding: 10px 0; border-bottom: 1px solid #000;}
ul#rdvHome li a {display: block; margin: 0; padding: 0; text-decoration: none; color: #000; min-height: 55px;}
ul#rdvHome li a:hover {background: url(../img/bg-hover.gif) left top repeat;}
ul#rdvHome strong.date {display: block; float: left; width: 55px; margin-right: 10px; background: #fff; font-weight: normal;}
ul#rdvHome strong.date span.jour {display: block; height: 35px; background: #F1CC38; line-height: 35px; text-align: center; font-size: 2.2em;}
ul#rdvHome strong.date span.mois {display: block; height: 20px; background: #000; color: #fff; line-height: 20px; text-align: center; font-size: 0.8em;}
ul#rdvHome strong.titre {font-weight: normal; text-transform: uppercase;}
ul#rdvHome small {font-size: 0.9em; font-style: italic;}
ul#rdvHome li.nope {display: block; margin: 0px 0; padding: 10px 0; text-decoration: none; color: #000;}
ul#blogHome {margin: 10px 0 0 0; border-bottom: 1px solid #000;}
ul#blogHome li {display: block; border-top: 1px solid #000;}
ul#blogHome li a {display: block; margin: 0 0 10px 0; padding: 0; text-decoration: none; color: #000;}
ul#blogHome li a:hover {background: url(../img/bg-hover.gif) left top repeat;}
ul#blogHome li a small {display: block; font-size: 0.8em; margin: 0 0 3px 0; padding: 0 3px; background: #F1CC38; text-transform: uppercase; }
ul#blogHome li a strong {display: block; font-weight: normal; /*text-transform: uppercase;*/ padding: 0 0 0 10px; background: url(../img/puce.png) left 3px no-repeat; line-height: 1.1em;}
/* fiche livre */
#content460 {float: left; width: 460px; margin: 10px 0 0 0;}
#content240 {float: right; width: 230px; padding: 0 0 20px 9px; margin: 10px 0; border-left: 1px solid #000;}
.blockWrapper {margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #000;}
#content240 .blockWrapper {margin-right: 10px;}
#content240 h3 {margin-bottom: 10px;}
#descriptionLivre {}
#descriptionLivre strong.auteur {display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; text-align: right; font-weight: normal; font-size: 1.6em; border-bottom: 1px solid #000;}
#mainWrapper #content #descriptionLivre h2 {margin: 0 0 10px 0; padding: 5px 10px; background: #000; color: #F1CC38; font-weight: normal; text-transform: uppercase; font-size: 1.8em; line-height: 1.1em; text-align: right;}
#mainWrapper #content #descriptionLivre h2.rubrique12 {background: #BD0926; color: #fff;}
#mainWrapper #content #descriptionLivre h2.rubrique13 {background: #0A71B3; color: #fff;}
#descriptionLivre .texteLivre {margin: 10px 0;}
#descriptionLivre p {margin: 10px 0;}
#vignetteFicheLivre img {display: block; width: 202px; height: 295px; padding: 6px 16px 6px 12px;}
#vignetteFicheLivre img.rubrique11 {background: url(../img/bg-vignette-big-black.png) left top no-repeat;}
#vignetteFicheLivre img.rubrique12 {background: url(../img/bg-vignette-big-red.png) left top no-repeat;}
#vignetteFicheLivre img.rubrique13 {background: url(../img/bg-vignette-big-blue.png) left top no-repeat;}
#content240 #aPropos {padding: 0 0 2px 10px; background: url(../img/puce.png) left 3px no-repeat; font-size: 0.9em;}
#content240 ul#telecharger {font-size: 0.9em;}
#content240 ul#telecharger li {padding: 0 0 0px 10px; background: url(../img/puce.png) left 3px no-repeat;}
#content240 ul#telecharger li a {text-decoration: none; color: #000;}
#content240 ul#telecharger li a:hover {text-decoration: underline;}
#content240 ul#telecharger li a small {font-size: 0.9em;}
.blockWrapper a#acheterEnLigne {display: block; height: 20px; padding: 0px 5px; line-height: 20px; text-transform: uppercase; text-decoration: none; background: #F1CC38; color: #000; border-bottom: 1px solid #000;}
/* carrousel illustration fiche livre */
#carrouselIllus .scroll {position: relative; overflow: hidden; margin: -1px 0 0 0; width: 460px; height: 220px;}
#carrouselIllus .scroll .items {width:20000em; position:absolute; background: #fff;}
#carrouselIllus .scroll .items .illustrations { height: 220px; float: left; padding:0; margin:0; background: #fff;}
#carrouselIllus .scroll .items .illustrations img {display: block; float: left;}
#carrouselIllus span.carouselButton {display: block; float: left; padding: 5px 5px 0 0px; cursor: pointer;}
#carrouselIllus ul.navi {float: right; padding-right: 5px;}
#carrouselIllus span.carouselButton img {display: block; float: none; width: auto; height: auto; padding: 0; background: none;}
/* rendez-vous */
.rdvListeArticle {margin: 0px 10px 0px 0; padding: 15px 0 0 0; border-bottom: 1px solid #000; }
.rdvListeArticle .rdvLeft {position:absolute; width: 460px;}
.rdvListeArticle .rdvRight {position:relative ; left: 470px; top: 0px; width: 230px; height: 220px; margin: 0; padding: 0 0 0 9px; border-left: 1px solid #000; background: url(../img/bg-rdvdate230.png) right top no-repeat;}
.rdvListeArticle .rdvRight .jour {display: block; position:absolute ; left: 15px; top: 6px; width: 208px; height: 170px; background: #F1CC38; color: #000; font-size: 12em; line-height: 170px; text-align: center; padding:0;}
.rdvListeArticle .rdvRight .mois {display: block; position:absolute ; left: 15px; top: 176px; width: 208px; height: 38px; background: #000; color: #fff; font-size: 1.8em; line-height: 38px; text-align: center; padding:0;}
#mainWrapper #content .rdvListeArticle h2 {margin: 0; padding: 5px 10px; background: #000; color: #F1CC38; font-weight: normal; text-transform: uppercase; font-size: 1.6em; line-height: 1.2em; text-align: right;}
.rdvListeArticle h2 a {color: #F1CC38; text-decoration: none;}
.rdvListeArticle p {margin: 10px 0;}
.rdvListeArticle p.dateBlock {display: block; height: 15px; margin: 0; padding: 0 10px; text-align: right; font-weight: normal; /*text-transform: uppercase;*/ font-size:0.8em; line-height: 15px; border-bottom: 1px solid #000; background: #fff;}
.rdvListeArticle p.dateBlock a {text-decoration: none; color: #000;}
.rdvListeArticle p.dateBlock a:hover {text-decoration: underline;}
a.readMoreRdv {display: block; float: right; width: 210px; height: 20px; margin: 10px 10px 0 0; padding: 0 5px; background: #000; color: #F1CC38; line-height: 20px; text-transform: uppercase; text-decoration: none; text-align: center;}
#rdvArchives {margin: 20px 10px 0 0;}
#rdvArchives h2 {margin: 0; padding: 0px 5px; height: 20px;font-weight: normal; text-transform: uppercase; font-size: 1.2em; line-height: 20px; text-align: left;}
#rdvArchives ul {padding: 10px 0 0 5px;}
#rdvArchives ul li {}
#rdvArchives ul li a {display: block; padding: 1px 0 1px 10px; background: url(../img/puce.png) left 3px no-repeat; text-decoration: none;}
#rdvArchives ul li a:hover {text-decoration: underline;}
/* blog */
#listeBlogRub {border-top: 1px solid #000; margin: 10px 0; padding: 0px 0;}
#listeBlogRub.listeBlogArt {border: 0px; margin: 0 0 10px 0;}
#listeBlogRub p.dateBlock {display: block; height: 15px; margin: 0; padding: 0 10px; text-align: right; font-weight: normal; /*text-transform: uppercase;*/ font-size:0.8em; line-height: 15px; border-bottom: 1px solid #000; background: #fff;}
#listeBlogRub p.dateBlock a {text-decoration: none; color: #000;}
#listeBlogRub p.dateBlock a:hover {text-decoration: underline;}
#listeBlogRub .blogListeArticle {border-bottom: 1px solid #000; margin: 10px 0 10px 0; padding-bottom: 10px;}
#listeBlogRub.listeBlogArt .blogListeArticle {margin: 0 0 10px 0;}
#mainWrapper #content #listeBlogRub h2 {margin: 0; padding: 5px 10px; background: #000; color: #F1CC38; font-weight: normal; text-transform: uppercase; font-size: 1.6em; line-height: 1.2em; text-align: right;}
#mainWrapper #content #listeBlogRub h2 a {color: #F1CC38; text-decoration: none;}
#mainWrapper #content #listeBlogRub h3 {height: auto; padding: 3px 5px; font-size: 1em; line-height: 1.2em; text-transform: uppercase; font-weight: normal; color: #fff; background: #000;}
#listeBlogRub .texteLivre {margin: 10px 0;}
#listeBlogRub .texteLivre img {border: 1px solid #000;}
#listeBlogRub .texteLivre img.puce {border: none;}
#listeBlogRub p {margin: 10px 0;}
#listeBlogRub p.blogSignature {font-size: 0.9em; font-weight: bold; font-style: italic; text-align: right;}
#listeBlogRub a.readMore {display: block; float: right; height: 20px; margin: -5px 0 0 0; padding: 0 5px; background: #000; color: #F1CC38; line-height: 20px; text-transform: uppercase; text-decoration: none;}
p.blogPagination {display: block; padding: 0 1px 0 5px; height: 20px; line-height: 20px; background: #000; color: #fff; font-size: 0.9em;}
p.blogPagination a {display: inline-block; padding: 0 2px;height: 20px;color: #fff; text-decoration: none;}
p.blogPagination a:hover {color: #fff; text-decoration: none;}
p.blogPagination span.on {display: inline-block; padding: 0 2px; color: #F1CC38;}
p.blogPagination a.blogPrev {float: right; padding-right: 14px; text-align: right; background-image: url(../img/bg-carrousel-nextprev.gif); background-position: right -145px; background-repeat: no-repeat;}
p.blogPagination a.blogNext {float: left; padding-left: 10px; text-align: left; background-image: url(../img/bg-carrousel-nextprev.gif); background-position: left -45px; background-repeat: no-repeat;}
#content240 #blockWrappFirst {margin: 0 10px 0 0; padding: 0; border: none;}
#content240 ul.blogSidebar {font-size: 0.9em; line-height: 1.2em; }
#content240 ul.blogSidebar li {padding: 0 0 3px 10px; background: url(../img/puce.png) left 3px no-repeat;}
#content240 ul.blogSidebar li a {display: block; text-decoration: none; color: #000;}
#content240 ul.blogSidebar li a:hover {text-decoration: underline;}
.spip_documents_right {margin: 2px 0 2px 10px}
.spip_documents_left {margin: 2px 10px 2px 0;}
/*.spip_documents_center {text-align: center; display: block;}*/
/* articles generiques */
#mainWrapper #content .content700 {padding: 0px 10px 0 0;}
#mainWrapper #content .content700 h3 {margin: 0; padding: 0px 5px; height: 20px; font-weight: normal; color: #F1CC38; text-transform: uppercase; font-size: 1.2em; line-height: 20px; text-align: left;}
#mainWrapper #content .content700 h3 a {color: #fff}
#mainWrapper #content .content700 .texteArticle {margin: 10px 0;}
#mainWrapper #content .content700 p {margin: 10px 0;}
/* Newsletter */
#mainWrapper #content .content700 h2 {margin: 0; padding: 0px 5px; margin: 10px 0; height: 20px; font-weight: normal; color: #F1CC38; text-transform: uppercase; font-size: 1.2em; line-height: 20px; text-align: left;}
#mainWrapper #content .content700 h2 a {color: #fff}
#mainWrapper #content .content700 .nlForm {}
#mainWrapper #content .content700 .nlForm div { margin: 10px 0; padding: 0 0 5px 0; border-bottom: 0px solid #000;}
#mainWrapper #content .content700 .nlForm label {display: block; float: left; width: 140px; text-align: right; padding: 1px 5px 1px 0; margin: 0 5px 0 0; border-right: 1px solid #000; }
#mainWrapper #content .content700 .nlForm input {display: block; width: 220px; }
#mainWrapper #content .content700 .nlForm select {display: block; width: 220px; }
#mainWrapper #content .content700 .nlForm div#buttons {border: 0px; padding: 10px 0 10px 150px;}
/* Plan + resultats recherche */
#planWrapper {margin: 20px 0px 0 0;}
#planWrapper p {}
.searchResult {}
.searchResult p {margin: 10px 0;}
#mainWrapper #content.searchResult h2 {height: 20px; padding: 0px 5px; background: #000; color: #F1CC38; font-weight: normal; text-transform: uppercase; font-size: 1.2em; line-height: 20px;}
#mainWrapper #content.searchResult h2 a {text-decoration: none;color: #F1CC38;}
.searchResult .planRub {display: block; padding: 10px 0 0px 0; margin: 10px 10px 10px 0; border-top: 1px solid #000;}
.planRub ul.planPlan {margin: 10px 0 10px 0px;}
.planRub ul.planPlan li {padding: 0 0 3px 10px; background: url(../img/puce.png) left 3px no-repeat;}
#mainWrapper #content .planRub ul.planPlan li.beforeH3 {padding: 0; margin: 0 0 0 0px; background: none;}
#mainWrapper #content .planRub ul.planPlan h3 {background: #fff; margin: 10px 0; padding: 0; border-bottom: 1px solid #000; border-top: 1px solid #000;}
ul.planPlan li a {color: #000; text-decoration: none;}
ul.planPlan li a:hover {text-decoration: underline;}
ul#planWrapper li {}
ul#planWrapper li ul {padding-left: 0px;}
ul#planWrapper li ul li {padding: 0 0 3px 10px; background: url(../img/puce.png) left 3px no-repeat;}
#planWrapper h2 {margin: 0; padding: 0px 5px; height: 20px; font-weight: normal; color: #fff; text-transform: uppercase; font-size: 1.2em; line-height: 20px; text-align: left;}
#planWrapper h2 a {color: #fff}
/* ======= TOOLTIP ======= */
.tooltip {display: none; background: #fff; font-size: 0.8em; line-height: 1.2em; width: 160px; padding: 5px; color: #000; border: 1px solid #000;
-moz-box-shadow: 2px 2px 10px #4d4d4d; -webkit-box-shadow: 2px 2px 10px #4d4d4d;}
.tooltipRss {display: none; background: #fff; font-size: 0.9em; line-height: 1.1em; padding: 5px; color: #000; border: 1px solid #000;
-moz-box-shadow: 2px 2px 10px #4d4d4d; -webkit-box-shadow: 2px 2px 10px #4d4d4d;}
/* ======= dIE, IE666, dIE ! ======= */
* html .wrapperRub12 {background: url(../img/bg-mainwrapper-black.gif) 230px top repeat-y;}
* html .wrapperRub13 {background: url(../img/bg-mainwrapper-black.gif) 230px top repeat-y;}
* html #mainWrapper.wrapperRub12 {background: url(../img/bg-mainwrapper-black.gif) 230px top repeat-y;}
* html #menu ul#menuMain li ul li.on {background: url(../img/bg-on-black.gif) right top no-repeat;}
* html #menu ul#menuMain li ul li a.rubrique11:hover {background: #000 url(../img/bg-collectionmenu-black.gif) left top no-repeat;}
* html #menu ul#menuMain li ul li a.rubrique12:hover {background: #BD0926 url(../img/bg-collectionmenu-red.gif) left top no-repeat;}
* html #menu ul#menuMain li ul li a.rubrique13:hover {background: #0A71B3 url(../img/bg-collectionmenu-blue.gif) left top no-repeat;}
* html .catalogueListe a img {display: inline;}
* html .searchForm input.text { width: 153px; padding: 0 0 0 25px; color: #000; font-size: 1em; background: #fff url(../img/bg-rechercher.gif) no-repeat left center; height: 21px; line-height: 21px; border: 2px solid #000; float: left;}
/* oh et puis merde pour les users de IE6 apres tout... ils ont qu'a aller sur des sites de 2002 */