/* style.css contains a reset, font normalization and some base styles. credit is left where credit is due. additionally, much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header,hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * make the line-height relative and unit-less * remove the pre, code styles */ body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ body, select, input, textarea { color:#444; } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /** * Typographie * @section Typographie * @see http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ * @see http://www.alistapart.com/articles/howtosizetextincss * * La taille de base sera de 10px avec les valeurs par dfaut de police du navigateur :soit 16px * formule :10px/16 = 0.625em 11px/16 = 0.6875em 12px/16 = 0.75em * Pour fixer une hauteur de ligne par dfaut de 18px (valeur par dfaut sur la plus part des navigateurs) * il faut modifier la hauteur de ligne par défaut en fonction de la taille de police par defaut * 18/10 = 1.8em 18/11 = 1.6363em 18/12 = 1.5em */ html{font-size:100%;} body{font:12px 'Times New Roman',Times,Georgia,serif;line-height:1.2;} input,select,textarea{font-size:100%;} /** * Ainsi pour afficher une taille par dfaut de 20 px pour les titres H1 si la taille de police est de 10 px * la formule est :20/ 10 = 2em * l'attribut de font se lit ainsi font:taille-du-titre / hauteur-de-ligne-du-titre Liste des police et ordre d'application;*/ /*h1{font:2em/1.125 Arial,Helvetica,sans-serif;} h2{font:1.8em/1.125 Arial,Helvetica,sans-serif;} h3{font:1.6em/1.125 Arial,Helvetica,sans-serif;} h4{font:1.4em/1.125 Arial,Helvetica,sans-serif;} h5{font:1.2em/1.125 Arial,Helvetica,sans-serif;} h6{font:1.1em/1.125 Arial,Helvetica,sans-serif;}*/ h1{font:1.5em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;font-weight:bold;margin:0 0 1.111em 0;} h2{font:1.25em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;text-transform:uppercase;margin:0 0 0.533em 0;} h3{font:1.083em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;text-transform:uppercase;margin:1.154em 0 0.538em 0;} h4{font:1.4em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;} h5{font:1.2em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;} h6{font:1.1em/1.125 'GentiumBasicRegular',Georgia,'Times New Roman',Times,serif;} /* www.aestheticallyloyal.com/public/optimize-legibility/ */ h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; } /* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ cite,em,dfn{font-style:italic;} code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace;} pre{white-space:pre;} pre *{font-size:100%;white-space:pre;} del{text-decoration:line-through;} ins,dfn{border-bottom:1px solid black;} small,sup,sub{font-size:85%;} big{font-size:125%;line-height:80%;} abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;} abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted black;} sup{vertical-align:super;} sub{vertical-align:sub;} blockquote{padding-left:2.2em;font-style:italic;} :lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019';} :lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018';} :lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039';} :lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A';} :lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';} :lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019';} :lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';} *[lang|='en'] q:before{content:'\201C';} *[lang|='en'] q:after{content:'\201D';} *[lang|='en'] q q:before{content:'\2018';} *[lang|='en'] q q:after{content:'\2019';} input,select,button{cursor:pointer;} input[type='text'],input[type='password']{cursor:text;} input[type='hidden']{display:none;} a {text-decoration:none;color:#C60C30;} a:hover {text-decoration:underline;} p {margin:0 0 0.5em 0;} p+h2, ul+h2, ol+h2 {margin:1em 0 0.533em 0;} p+h1, ul+h1, ol+h1 {margin:1.5em 0 1.111em 0;} ol, ul {list-style:outside square;margin:0 0 0.667em 2em;} ol li, ul li {margin:0 0 0.333em 0;} /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* Style du site */ @font-face { font-family: 'GentiumBasicRegular'; src: url('../fontface/GenBasR-webfont.eot'); src: url('../fontface/GenBasR-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBasR-webfont.woff') format('woff'), url('../fontface/GenBasR-webfont.ttf') format('truetype'), url('../fontface/GenBasR-webfont.svg#GentiumBasicRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBasicItalic'; src: url('../fontface/GenBasI-webfont.eot'); src: url('../fontface/GenBasI-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBasI-webfont.woff') format('woff'), url('../fontface/GenBasI-webfont.ttf') format('truetype'), url('../fontface/GenBasI-webfont.svg#GentiumBasicItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBasicBold'; src: url('../fontface/GenBasB-webfont.eot'); src: url('../fontface/GenBasB-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBasB-webfont.woff') format('woff'), url('../fontface/GenBasB-webfont.ttf') format('truetype'), url('../fontface/GenBasB-webfont.svg#GentiumBasicBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBasicBoldItalic'; src: url('../fontface/GenBasBI-webfont.eot'); src: url('../fontface/GenBasBI-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBasBI-webfont.woff') format('woff'), url('../fontface/GenBasBI-webfont.ttf') format('truetype'), url('../fontface/GenBasBI-webfont.svg#GentiumBasicBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBookBasicRegular'; src: url('../fontface/GenBkBasR-webfont.eot'); src: url('../fontface/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBkBasR-webfont.woff') format('woff'), url('../fontface/GenBkBasR-webfont.ttf') format('truetype'), url('../fontface/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBookBasicItalic'; src: url('../fontface/GenBkBasI-webfont.eot'); src: url('../fontface/GenBkBasI-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBkBasI-webfont.woff') format('woff'), url('../fontface/GenBkBasI-webfont.ttf') format('truetype'), url('../fontface/GenBkBasI-webfont.svg#GentiumBookBasicItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBookBasicBold'; src: url('../fontface/GenBkBasB-webfont.eot'); src: url('../fontface/GenBkBasB-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBkBasB-webfont.woff') format('woff'), url('../fontface/GenBkBasB-webfont.ttf') format('truetype'), url('../fontface/GenBkBasB-webfont.svg#GentiumBookBasicBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GentiumBookBasicBoldItalic'; src: url('../fontface/GenBkBasBI-webfont.eot'); src: url('../fontface/GenBkBasBI-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/GenBkBasBI-webfont.woff') format('woff'), url('../fontface/GenBkBasBI-webfont.ttf') format('truetype'), url('../fontface/GenBkBasBI-webfont.svg#GentiumBookBasicBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OswaldRegular'; src: url('../fontface/oswald-webfont.eot'); src: url('../fontface/oswald-webfont.eot?#iefix') format('embedded-opentype'), url('../fontface/oswald-webfont.woff') format('woff'), url('../fontface/oswald-webfont.ttf') format('truetype'), url('../fontface/oswald-webfont.svg#OswaldRegular') format('svg'); font-weight: normal; font-style: normal; } /* Mise en forme générale du site */ body {background:#C60C30;} #wrapSite {background: #f2f2f2 url('../img/fond/enteteBody.png') repeat-x left top;} .lireSuiteBouton a { background: url('../img/fond/lire_suite_gauche.png') no-repeat left top; height:25px; padding:0 0 0 24px; float:left; color:#616161; font: bold 12px/24px "Trebuchet MS"; text-transform:uppercase; text-decoration:none; } .lireSuiteBouton span {background: url('../img/fond/lire_suite_droite.png') no-repeat right top;display:block;cursor:pointer;float:left;padding:1px 11px 0 0;height:24px;} .lireSuiteBouton a:hover, .survole .lireSuiteBouton a {background-position:left bottom;color:#fff;} .lireSuiteBouton a:hover span, .survole .lireSuiteBouton a span {background-position:right bottom;} .next, .prev { background: url(../img/picto/fleche_slide_parution.png) no-repeat right top; display:block; width:10px; height:11px; text-indent:-9999px; outline:0 none; } .next {} .prev {background-position:left top;} .next:hover {background-position:right bottom;} .prev:hover {background-position:left bottom;} /* mise en forme de l'entete */ #entete {background: #f2f2f2;width:960px;margin:0 auto;} #enteteSite {height:46px;position:relative;z-index:5;background: url('../img/fond/enteteSite.png') no-repeat left top;} /* mise en forme fil d'ariane */ #filAriane {position:absolute;left:0;top:0;line-height:35px;} #filAriane ol {list-style:none;margin:0;} #filAriane li {float:left;color:#ffffff;font-size:11px;margin:0 0.25em;} #filAriane a {color:#ffffff;padding:0 0.25em 0 0;} #logo { background: url('../img/fond/logo.png') no-repeat left top; display:block; height:100px; width:266px; margin:0; position:absolute; left:347px; top:0; text-indent:-9999px; } #enteteSite form {height:16px;position:absolute;top:10px;left:765px;width:135px;} .hasJS #enteteSite form label {display:none;} #enteteSite form .col {float:left;} #enteteSite form .col input[type='text'] { background:#3f3f3f; border:0; color:#fff; font: 14px/14px 'GentiumBasicItalic'; text-align:center; height:14px; line-height:14px; width:111px; } .hasJS #enteteSite form .col input[type='image'] { background: url('../img/picto/ok_recherche.png') no-repeat left top; border:0; margin:0 0 0 6px; padding:0; display:block; text-indent:-9999px; overflow:hidden; } .hasJS #enteteSite form .col input[type='image']:hover {background-position:left bottom;} #shareSite {position:absolute;top:8px;right:0;} #shareSite ul {margin:0;list-style:none;} #shareSite li {margin:0 0 0 6px;float:left;} #shareSite a {display:block;height:21px;text-indent:-9999px;} #shareSite .twitter a {width:21px;background: url('../img/picto/twitterEntete.png') no-repeat left top;} #shareSite .facebook a {width:20px;background: url('../img/picto/facebookEntete.png') no-repeat left top;} #shareSite a:hover {background-position:left bottom;} /* mise en forme de la navigation principale */ nav#principale {overflow:hidden;height:92px;position:relative;margin-top:-9px;z-index:1;} nav#principale ol {margin:0;list-style:none;font-family:"Trebuchet MS";} nav#principale li { background: url('../img/fond/navPrincipale.png') no-repeat left top; margin:0; position:absolute; top:0; height:92px; border-right:2px solid #fff; } nav#principale #navCatalogue {width:220px;left:0;} nav#principale #navAuteurs {width:123px;background-position:-30px top;left:222px;} nav#principale #navEdition {width:266px;background-position:-30px top;left:347px;} nav#principale #navCurieux {width:96px;background-position:-30px top;left:615px;} nav#principale #navForeignRight {width:121px;background-position:-30px top;left:713px;} nav#principale #navNewsletter {height:45px;width:124px;border-right:0;border-bottom:2px solid #fff;right:0;} nav#principale #navContact {height:45px;width:124px;background-position:right -47px;border-right:0;top:47px;right:0;} nav#principale a {display:block;height:92px;text-align:center;color:#fff;text-decoration:none;text-transform:uppercase;} nav#principale #navCatalogue a {font-size:28px;line-height:92px;} nav#principale #navCatalogue a:hover {background: url('../img/fond/navPrincipale.png') no-repeat left bottom;color:#333;} nav#principale #navAuteurs a {padding:22px 5px 0;height:70px;font-size:20px;line-height:24px;font-weight:bold;} nav#principale #navAuteurs a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px bottom;color:#333;} nav#principale #navEdition a {font:20px 'GentiumBasicBoldItalic';height:51px;line-height:51px;padding:41px 0 0;} nav#principale #navEdition a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px bottom;color:#333;} nav#principale #navCurieux a {font-size:18px;height:80px;line-height:22px;padding:12px 15px 0;} nav#principale #navCurieux a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px bottom;color:#333;} nav#principale #navForeignRight a {font-size:20px;font-weight:bold;height:70px;line-height:24px;padding:22px 15px 0;} nav#principale #navForeignRight a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px bottom;color:#333;} nav#principale #navNewsletter a {font-size:15px;font-weight:bold;line-height:45px;height:45px;} nav#principale #navNewsletter a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px bottom;color:#333;} nav#principale #navContact a {font-size:18px;font-weight:bold;line-height:45px;} nav#principale #navContact a:hover {background: url('../img/fond/navPrincipale.png') no-repeat right -139px;color:#333;} /* #interne nav#principale {background: url('../img/fond/navPrincipale.png');} #interne nav#principale li {background:none;} #interne nav#principale li a:hover {background: url('../img/fond/navPrincipale.png') no-repeat -30px top;} #interne nav#principale #navCatalogue a:hover {background: url('../img/fond/navPrincipale.png') no-repeat left top;} #interne nav#principale #navContact a:hover {background: url('../img/fond/navPrincipale.png') no-repeat right -47px;} */ /* mise en forme slideshow */ #sommaire #conteneurSlideshow {position:relative;width:960px;margin:0 auto;padding:20px 0 13px;} #sommaire #slides { width:960px; height:377px; padding:0 7px 8px 1px; background: url('../img/fond/masques/masque_slideshow.png') no-repeat left top; position:relative; overflow:hidden; } #sommaire .slides_container {width:960px;height:377px;} #sommaire .slides_container .slide {width:960px;height:377px;display:block;position:relative;} #sommaire .slides_container .slide figure { position:absolute; width:922px; height:339px; padding:19px; left:0; top:0; background: url('../img/fond/masques/carrousel-opacite.png') no-repeat left top; } #sommaire .slides_container .slide figure img {float:left;cursor:pointer;border:1px solid #000;margin:0 20px 0 0;} #sommaire .slides_container .slide figure figcaption {float:left;width:450px;height:339px;} #sommaire .slides_container .slide figure figcaption h1 {margin:0;font-size:30px;line-height:30px;color:#404040;text-transform:uppercase;font-family:GentiumBasicBold;} #sommaire .slides_container .slide figure figcaption h1 a {color:#C60C30;text-decoration:none;font-weight:normal;} #sommaire .slides_container figure figcaption h1 a:hover {text-decoration:underline;} #sommaire .slides_container .slide figure figcaption h2 {margin:0;font-size:20px;font-weight:normal;color:#404040;text-transform:uppercase;font-family:GentiumBasicBold;} #sommaire .slides_container .slide figure figcaption .metaSlide {border-color:#6a6a6a;border-style:solid;border-width:1px 0;padding:5px 0;margin:19px 0;width:310px;} #sommaire .slides_container .slide figure figcaption .metaSlide ul {list-style:none;overflow:hidden;margin:0;} #sommaire .slides_container .slide figure figcaption .metaSlide li {float:left;margin:0;text-transform:uppercase;color:#6b6b6b;} #sommaire .slides_container .slide figure figcaption .introSlide {font-size:16px;line-height:24px;height:198px;width:310px;overflow:hidden;} #sommaire #slides .pagination {position:absolute;right:30px;bottom:18px;} #sommaire #slides .pagination ul {margin:0;} #sommaire #slides .pagination li {margin:0 0 0 6px;list-style:none;float:left;} #sommaire #slides .pagination a { background: url('../img/fond/pagination_slideshow.png') no-repeat left top; display:block; height:11px; width:11px; text-indent:-9999px; outline:0; } #sommaire #slides .pagination li.current a {background-position:left -11px;} #sommaire #slides .pagination a:hover {background-position:left -22px;} /* mise en forme contenu */ #contenu {width:960px;margin:0 auto;overflow:hidden; font-family: 'GentiumBasicRegular';} .wrapSeparateurBlock {background: url('../img/fond/separateur_block_gauche.png') no-repeat left top;padding:0 0 0 10px;} .wrapSeparateurBlock span {background: url('../img/fond/separateur_block_droite.png') no-repeat right top;display:block;height:6px;} .enteteBlock {height:55px;line-height:55px;border-bottom:1px solid #404040;margin:0 0 12px;} .titreBlock {font-family: 'OswaldRegular';font-size:26px;font-weight:normal;color:#C60C30;text-transform:uppercase;} .lireSuiteBlock {float:right;margin:14px 0 0 0;} .lireSuiteBlock a {background: url(../img/fond/lire_suite_block.png) no-repeat left center;padding:0 0 0 15px;} .lireSuiteBlock a:hover {background-position:left center;color:#c60c30;} .lireSuiteBlock span {background:none;} /* mise en forme block de la home */ #blockCurieux {width:717px;float:left;} #blockManuscrits {float:left;width:221px;border:4px solid #404040;margin:0 0 0 14px;} #blockManuscrits.survole {background:#fff;} #blockAparaitre {clear:both;padding:20px 0;} #blockRencontre {width:227px;float:left;} #blockRencontre h1 {margin:0 0 -10px;text-align:center;text-transform:uppercase;font-size:15px;color:#444444;z-index:50;position: relative;font-weight:normal;} #blockRencontre h1 span {background: url('../img/fond/titre_block_curieux.png') repeat-x left 0px;padding:0 7px;} #wrapRencontre {background:#F2F2F2;border:1px solid #b9b9b9;} #wrapRencontre article {padding:12px 10px;height:79px;} #wrapRencontre article.survole {background:#ffffff;} #wrapRencontre article .dateArticle {color:#C60C30;text-transform:uppercase;} #wrapRencontre article.survole .dateArticle {color:#404040;} #wrapRencontre article a {display:block;color:#444444;text-decoration:none;margin:5px 0 0;font-size:14px;line-height:18px;} #wrapRencontre article.survole a {color:#C60C30;} #wrapRencontre .separateurRencontre {background: url('../img/fond/separateur_rencontre.png') no-repeat left top;height:1px;} #blockActu {width:475px;float:left;margin:0 0 0 15px;} #blockActu h1 {margin:0 0 -10px;text-align:center;text-transform:uppercase;font-size:15px;color:#444444;z-index:50;position: relative;font-weight:normal} #blockActu h1 span {background: url('../img/fond/titre_block_curieux.png') repeat-x left 0px;padding:0 7px;} #wrapActu {background:#F2F2F2;border:1px solid #b9b9b9;overflow:hidden;} #wrapActu article {padding:12px 10px;float:left;width:216px;height:183px;} #wrapActu article.survole {background:#fff;} #wrapActu .dateArticle {text-transform:uppercase;} #wrapActu article h2 {color:#C60C30;line-height:18px;font-size:14px;text-transform:uppercase;margin:5px 0 0;font-family: 'GentiumBasicRegular';} #wrapActu article.survole h2 {color:#000;} #wrapActu article p {margin:5px 0 0;line-height:18px;font-size:14px;} #wrapActu article.survole p {color:#C60C30;} #wrapActu article a {color:#525252;text-decoration:none;} #wrapActu article.survole a {color:#C60C30;} #wrapActu .separateurActu {background: url('../img/fond/separateur_actu.png') no-repeat left top;height:207px;width:1px;float:left;} #blockManuscrits #wrapManuscrits {margin:2px;height:275px;border:1px solid #404040;} #blockManuscrits #wrapManuscrits h1 {margin:0;text-align:center;font-family: 'OswaldRegular';font-weight:normal;font-size:24px;text-transform:uppercase;} #blockManuscrits.survole #wrapManuscrits h1 {color:#C60C30;} #blockManuscrits #wrapManuscrits figure {margin:5px 0;} #blockManuscrits #wrapManuscrits p {padding:0 5px 0 10px;font-size:14px;line-height:18px;color:#444444;} #blockManuscrits #wrapManuscrits p a {color:#C60C30;text-decoration:underline;} #blockManuscrits.survole #wrapManuscrits p a {color:#000;} #aParaitreEnAvant {overflow:hidden;} #aParaitreEnAvant .blockAparaitreEnAvant {width:309px;position:relative;float:left;margin:0 0 0 16px;} #aParaitreEnAvant .blockAparaitreEnAvant:first-child {margin:0;} #aParaitreEnAvant .blockAparaitreEnAvant figure {color:#404040;} #aParaitreEnAvant .blockAparaitreEnAvant img {border:1px solid #000;float:left;} #aParaitreEnAvant .blockAparaitreEnAvant figcaption { background:#fff; border:solid #fff; border-width:2px 2px 2px 0; height:217px; width:136px; padding:10px 10px 10px 12px; font-size:14px; float:left; position:relative; } #aParaitreEnAvant .survole figcaption {border-color:#404040;} /*#aParaitreEnAvant .survole .masqueCouv {border:solid #000;border-width:2px 0 2px 2px;position:absolute;left:0;top:0;width:147px;height:237px;}*/ #aParaitreEnAvant .blockAparaitreEnAvant figcaption h1 {font-size:18px;text-transform:uppercase;font-weight:normal;margin:0 0 10px;} #aParaitreEnAvant .blockAparaitreEnAvant figcaption h1 a {color:#c60c30;} #aParaitreEnAvant .blockAparaitreEnAvant figcaption h2 a {font-size:14px;color:#404040;margin:0 0 10px;} #aParaitreEnAvant .blockAparaitreEnAvant figcaption .lireSuiteParaitre {position:absolute;bottom:9px;left:-14px;} #aParaitreEnAvant figcaption h1 a:hover {color:#C60c30;} #aParaitreEnAvant figcaption h2 {color:#404040;} #aParaitreAutres {clear:both;overflow:hidden;margin:15px 0;padding:15px 0 0;border-top:1px solid #404040;} #aParaitreAutres .blockAparaitreAutre {width:229px;position:relative;float:left;margin:0 0 0 14px;} #aParaitreAutres .blockAparaitreAutre:first-child {margin:0;} #aParaitreAutres .blockAparaitreAutre h1 {display:inline;font-size:13px;font-weight:normal;text-transform:uppercase;padding:0 0.25em 0 0;} #aParaitreAutres .blockAparaitreAutre h1 a {color:#C60c30;text-decoration:none;} #aParaitreAutres .blockAparaitreAutre h2 { display:inline; font-size:13px; height:13px; color:#C60C30; padding:2px 0 0 0.25em; } #aParaitreAutres .blockAparaitreAutre h2 a {color:#404040;} #aParaitreAutres .survole .masqueParaitreAutre {position:absolute;top:0;left:0;border:2px solid #ff6600 ;height:94px;width:225px;} #aParaitreAutres h1 a:hover {text-decoration:underline;} #aParaitreAutres h2 a:hover {border-color:#404040;} /* mise en forme page interne */ #interne #conteneurCarroussel { background: url(../img/fond/masques/masque_carroussel_catalogue.png) no-repeat left top; height:264px; width:920px; margin:20px auto; padding:20px 27px 28px 21px; } #interne h1.titreBlock.infosPratiques {color:#404040;} #interne h1.titreBlock {line-height:55px;} /* mise en forme page catalogue */ .catalogue {} /* mise en forme slideshow catalogue */ #interne #conteneurCarroussel h1 { float:right; text-transform:uppercase; font-family: 'OswaldRegular'; font-size:26px; font-weight:normal; color:#c60c30; height:55px; line-height:55px; width:333px; margin:0; border:solid #444444; border-width:1px 0; } #slidesAparaitre #wrapCarroussel {border-right:1px solid #444444;padding:0 20px 0 0;background:#fff;display:block;overflow:hidden;width:545px;height:264px;float:left;} #conteneurCarroussel .slides_container {width:545px;height:264px;} #conteneurCarroussel .slides_container .slide {width:545px;height:264px;display:block;color:#444444;} #conteneurCarroussel .slides_container .slide figure img {float:left;border:1px solid #444444;height:262px;width:173px;margin:0 20px 0 0;} #conteneurCarroussel .slides_container .slide figcaption {float:left;position:relative;height:262px;width:350px;} #conteneurCarroussel .slides_container .slide figcaption h2 {font-size:30px;font-weight:normal;text-transform:uppercase;margin:0;line-height:30px;color:#c60c30;font-family:GentiumBasicBold;} #conteneurCarroussel .slides_container .slide figcaption h3 {font-size:20px;color:#404040;font-weight:normal;text-transform:uppercase;margin:0;font-family:GentiumBasicBold;} #conteneurCarroussel .slides_container .slide figcaption .metaSlide {color:#6b6b6b;border:solid #6b6b6b;border-width:1px 0;padding:6px 0 5px;margin:12px 0;overflow:hidden;text-transform:uppercase;} #conteneurCarroussel .slides_container .slide figcaption .metaSlide ul {margin:0;list-style:none;} #conteneurCarroussel .slides_container .slide figcaption .metaSlide li {margin:0;float:left;} #conteneurCarroussel .slides_container .slide figcaption .introSlide {font-size:16px;line-height:24px;height:136px;} #conteneurCarroussel .slides_container .slide figcaption .lireSuiteSlide {position:absolute;bottom:0px;left:0px;width:150px;} #conteneurCarroussel .pagination {float:left;width:337px;list-style:none;margin:0 0 0 17px;} #conteneurCarroussel .pagination li {margin:4px 0 0;} #conteneurCarroussel .pagination a {display:block;overflow:hidden;text-decoration:none;} #conteneurCarroussel .pagination a .vignCarrCatalogue { float:left; background: url(../img/fond/vignette_nav_carr_catalogue.png) no-repeat left top; height:59px; width:99px; padding:3px; position:relative; z-index:2; } #conteneurCarroussel .pagination a .titreAuteurCarrCata {display:block;float:left;font-size:14px;height:59px;width:220px;position:relative;margin:3px 0 0 -3px;padding:0 5px 0 10px;z-index:1;} #conteneurCarroussel .pagination a:hover .titreAuteurCarrCata {background:#f2f2f2;} #conteneurCarroussel .pagination a .titreAuteurCarrCata span {display:block;text-transform:uppercase;color:#404040;} #conteneurCarroussel .pagination a .titreAuteurCarrCata span:first-child {font-size:16px;color:#c60c30;} /* mise en forme parution */ #blockDerniereParution {position:relative;margin:0 0 19px;} #blockDerniereParution .slideParution {height:170px;width:960px;overflow:hidden;} #blockDerniereParution .slideParution .itemParution {width:231px;margin:0 0 0 12px;float:left;} #blockDerniereParution .slideParution .itemParution:first-child {margin:0;} #blockDerniereParution .slideParution .itemParution figure {float:left;height:168px;width:103px;border:1px solid #444444;} #blockDerniereParution .slideParution .itemParution .conteneurItemParution { color:#444444; background:#fff; float:left; height:152px; width:108px; padding:9px; font-size:14px; position:relative; } #blockDerniereParution .slideParution .itemParution .conteneurItemParution h2 {font-size:14px;color:#c60c30;} #blockDerniereParution .slideParution .itemParution .conteneurItemParution h3 {font-size:12px;color:#404040;} #blockDerniereParution .slideParution .itemParution .conteneurItemParution .dateParution {font-size:12px;} #blockDerniereParution .slideParution .itemParution .conteneurItemParution .lireSuiteParution {position:absolute;bottom:9px;left:-15px;} #blockDerniereParution #slidesParution .next, #blockDerniereParution #slidesParution .prev { position:absolute; top:29px; right:0; } #blockDerniereParution #slidesParution .prev {right:34px;} /* mise en forme catalogue */ #blockCatalogue {} #blockCatalogue.colCat{margin-top:30px;} #blockCatalogue .enteteBlock {margin:0;} /* mise en forme des filtres catalogues */ #wrapFiltreCatalogue {float:right;font: bold 12px/24px "Trebuchet MS";text-transform:uppercase;padding:16px 0 0;} #wrapFiltreCatalogue .fieldsetTri {float:left;} #wrapFiltreCatalogue .jqtransform {float:left;} #wrapFiltreCatalogue .col {float:left;margin:0 0 0 5px;} .hasJS #wrapFiltreCatalogue .col label {display:none;} .hasJS #wrapFiltreCatalogue .submitTri {float:left;} .hasJS #wrapFiltreCatalogue .submitTri input{ background: url(../img/fond/submit_filtre.png) no-repeat left top; border:0 none; height:22px; width:51px; margin:-5px 0 0 5px; } .hasJS #wrapFiltreCatalogue .submitTri input:hover {background-position:left bottom;} /* mise en forme du tri et de la pagination catalogue */ #wrapCatalogue {} #wrapCatalogue .navCatalogue, #conteneurListeAuteurs .navCatalogue {border-bottom:1px solid #444444;overflow:hidden;} #wrapCatalogue #navCatalogueBas, #conteneurListeAuteurs #navCatalogueBas {margin:12px 0 20px;padding:3px 0;border:solid #444444;border-width:1px 0;} #navCatalogueBas .backToTop { display:block; height:26px; width:26px; background: url(../img/picto/fleche_back-to-top.jpg) no-repeat left top; text-indent:-9999px; } #navCatalogueBas .backToTop:hover {background-position:left bottom;} #navCatalogueBas .rightToTop {float:right;margin-left:10px;} #navCatalogueBas .leftToTop {float:left;margin-right:10px;} #wrapCatalogue .navCatalogue .navPagination {float:right;margin:7px 0 0;} #wrapCatalogue .navCatalogue .navPagination ul {float:left;margin:0;list-style:none;} #wrapCatalogue .navCatalogue .navPagination li {border-right:1px solid #444444;} #wrapCatalogue .navCatalogue .navPagination li, #wrapCatalogue .navCatalogue .navPagination a, #wrapCatalogue .navCatalogue .navPagination span, #wrapCatalogue .navCatalogue .navPagination strong { float:left; font-family: "Trebuchet MS"; text-transform:uppercase; display:block; margin:0; padding:0 4px; height:12px; line-height:12px; text-decoration:none; color:#444444; } #wrapCatalogue .navCatalogue .navPagination li.paginationActive span, #wrapCatalogue .navCatalogue .navPagination li.paginationActive a:hover {color:#c60c30;} #wrapCatalogue .navCatalogue .navPagination li:first-child a, #wrapCatalogue .navCatalogue .navPagination li:first-child span {padding:0 4px 0 0;} #wrapCatalogue .navTri {height:27px;line-height:27px;font-family: "Trebuchet MS";text-transform:uppercase;} #wrapCatalogue .navTri span {display:block;float:left;} #wrapCatalogue .navTri ul {margin:0;list-style:none;float:left;} #wrapCatalogue .navTri li {margin:0;float:left;} #wrapCatalogue .navTri li a { padding:0 5px; margin:8px 0 0; display:block; border-left:1px solid #444444; line-height:12px; height:12px; color:#444444; } #wrapCatalogue .navTri li:first-child a {border:0;} #wrapCatalogue .navTri li a:hover, #wrapCatalogue .navTri li.triActif a {color:#c60c30;} #wrapCatalogue .pageCatalogue {overflow:hidden;} #wrapCatalogue .pageCatalogue .ligneCatalogue {clear:left;padding:12px 0 0;} #wrapCatalogue .pageCatalogue .itemCatalogue { background:#fff url(../img/fond/filet_item_catalogue.png) no-repeat center bottom; margin:0 0 0 12px; padding:8px 8px 19px; height:242px; width:134px; float:left; } .noItemCatalogue{height: 370px;} .noItemCatalogue p{color: #C60C30;font-size: 16px;margin-top: 0;padding-top: 26px;} #wrapCatalogue .pageCatalogue .ligneCatalogue .itemCatalogue:first-child {margin:0;} #wrapCatalogue .pageCatalogue .itemCatalogue a {text-decoration:none;} #wrapCatalogue .pageCatalogue .itemCatalogue a:hover {text-decoration:underline;} #wrapCatalogue .pageCatalogue .itemCatalogue figure {width:131px;height:84px;border:1px solid #444444;} #wrapCatalogue .pageCatalogue .itemCatalogue h1 {font-size:15px;font-weight:normal;color:#444444;margin:7px 0 0;} #wrapCatalogue .pageCatalogue .itemCatalogue h1 a {color:#c60c30;text-transform:uppercase;} #wrapCatalogue .pageCatalogue .itemCatalogue h2 {font-size:12px;color:#c60c30;margin:4px 0 7px;} #wrapCatalogue .pageCatalogue .itemCatalogue h2 a {color:#404040;text-transform:uppercase;} #wrapCatalogue .pageCatalogue .itemCatalogue p {font-size:12px;margin:0;text-transform:uppercase;color:#6b6b6b;} #wrapCatalogue .pageCatalogue .itemCatalogue ul {font-style:italic;text-transform:uppercase;list-style:none;margin:0;} #wrapCatalogue .pageCatalogue .itemCatalogue li {float:left;margin:0;font-size:12px;} #wrapCatalogue .pageCatalogue .itemCatalogue li.separateurPoint { background: url(../img/fond/separateur_catalogue.png) no-repeat center 2px; height:10px; width:5px; margin:0 3px 0 5px; } /* mise en forme livre */ .livre {} #contenuLivre {position:relative;overflow:hidden;padding:20px 0 24px;} #contenuLivre #livrePrincipal {width:719px;float:right;border-left:1px solid #444444;padding:0 0 0 10px;} #contenuLivre #livrePrincipal .titreBlock {overflow:hidden;border: solid #444444;border-width:1px 0;margin:0;} #contenuLivre #livrePrincipal #introLivre {overflow:hidden;padding:0 0 11px;} #contenuLivre #livrePrincipal #introLivre #pictoLivre { float:right; background: #f3f3f3; height:276px; width:115px; } #contenuLivre #livrePrincipal #introLivre h1 { margin:0; font-size:35px; line-height:30px; font-family: 'GentiumBasicBold'; font-weight:normal; line-height:48px; color:#c60c30; text-transform:uppercase; } #contenuLivre #livrePrincipal #introLivre h2 {margin:0;font-size:28px;color:#404040;font-weight:normal;font-family:gentiumBasicBold;} #partageLivre {border: solid #444444;border-width:1px 0;margin:0 0 11px;padding:11px 0;height: 20px;} #contenuLivre #livrePrincipal #introLivre #wrapResumeLivre {font-size:14px;} #contenuLivre #livrePrincipal #resumeLivreDebut, #contenuLivre #livrePrincipal #resumeLivreSuite {width:572px;} #contenuLivre #livrePrincipal #introLivre #wrapResumeLivre .triggerResumeLivre { background: url(../img/picto/lire_suite_resume.png) no-repeat left center; color:#C60C30; cursor:pointer; display:block; float:right; font-family: "Trebuchet MS"; font-size:11px; font-weight:bold; text-align:right; text-transform:uppercase; margin:-5px 0 0; padding:0 0 0 10px; width:95px; } #contenuLivre #livrePrincipal #introLivre #wrapResumeLivre .suiteOuvert { background: url(../img/picto/lire_suite_resume_moins.png) no-repeat left center; } .hasJS #resumeLivreSuite {display:none;} #contenuLivre #livrePrincipal #presseLivre {position:relative;font-size:14px;padding:0 0 8px;} #contenuLivre #livrePrincipal #presseLivre #wrapNavPresse {position:absolute;top:21px;right:0;} #contenuLivre #livrePrincipal #presseLivre {} #contenuLivre #livrePrincipal #presseLivre #wrapNavPresse .next, #contenuLivre #livrePrincipal #presseLivre #wrapNavPresse .prev { float:left; margin:2px 0 0 7px; display: block !important; } #contenuLivre #livrePrincipal #presseLivre #wrapNavPresse #compteurSlide {float:left;font-family: "Trebuchet MS";color:#444444;margin:0 0 0 7px;} #contenuLivre #livrePrincipal #presseLivre .slides_container {width:716px;} #contenuLivre #livrePrincipal #presseLivre .slides_container .itemSlidePresse {width:716px;display:block;} #contenuLivre #livrePrincipal #presseLivre .slides_container .itemSlidePresse h1 {font-size:14px;text-transform:uppercase;color:#C60C30;margin:10px 0 3px;font-style:italic;} #contenuLivre #livrePrincipal #presseLivre .slides_container .itemSlidePresse p {padding-right:10px;} #zoomAuteur #wrapZoomAuteur {padding:13px 0 0;overflow:hidden;} #zoomAuteur #wrapZoomAuteur #bioZoomAuteur { float:left; height:211px; width:222px; padding:0 10px 0 0; border-right:1px solid #444444; position:relative; } #zoomAuteur #wrapZoomAuteur #bioZoomAuteur figcaption p {font-size:14px;} #zoomAuteur #wrapZoomAuteur #bioZoomAuteur .lireSuiteBouton {position:absolute;bottom:0;right:10px;} #wrapSlideZoom {position:relative;float:left;width:474px;padding:0 0 0 11px;} #wrapSlideZoom>h2 {border-bottom:1px solid #444444;padding:0 0 10px;margin:0 0 12px;font-size:16px;text-transform:uppercase;color:#C60C30;} #wrapSlideZoom .slideParution {height:170px;width:474px;overflow:hidden;} #wrapSlideZoom .slideParution .itemParution {width:231px;margin:0 0 0 12px;float:left;} #wrapSlideZoom .slideParution .itemParution:first-child {margin:0;} #wrapSlideZoom .slideParution .itemParution figure {float:left;height:168px;width:103px;border:1px solid #444444;} #wrapSlideZoom .slideParution .itemParution .conteneurItemParution { color:#444444; background:#fff; float:left; height:152px; width:108px; padding:9px; font-size:14px; position:relative; } #wrapSlideZoom .slideParution .itemParution .conteneurItemParution h2 {font-size:14px;color:#c60c30;} #wrapSlideZoom .slideParution .itemParution .conteneurItemParution h3 {font-size:14px;color:#404040;} #wrapSlideZoom .slideParution .itemParution .conteneurItemParution .lireSuiteParution {position:absolute;bottom:9px;left:-15px;} #wrapSlideZoom .next, #wrapSlideZoom .prev { position:absolute; top:0; right:0; } #wrapSlideZoom .prev {right:34px;} #contenuLivre #asideLivre {width:220px;padding:0 10px 0 0;float:right;} #contenuLivre #asideLivre #couvertureLivre {border-bottom:1px solid #444444;} #contenuLivre #asideLivre #couvertureLivre>a {border:1px solid #444444;display:block;height:341px;width:217px;position:relative;} .hasJS #contenuLivre #asideLivre #couvertureLivre>a:hover .masqueZoomLivre { background: url(../img/fond/masques/zoom_livre.png) no-repeat left top; display:block; height:341px; width:217px; position:absolute; top:1px; left:1px; } #contenuLivre #asideLivre #couvertureLivre figcaption {} #contenuLivre #asideLivre #couvertureLivre figcaption .lireResumeBouton a { background: url(../img/fond/lire_resume_pdf.png) no-repeat left top; border:0 none; color:#444444; font-family:"Trebuchet MS"; font-weight:bold; text-decoration:none; text-transform:uppercase; height:25px; line-height:25px; width:209px; margin:10px 0; padding:0 0 0 10px; display:block; } #contenuLivre #asideLivre #couvertureLivre figcaption .lireResumeBouton a:hover {background-position:left bottom;color:#fff;} #contenuLivre #asideLivre #metaLivre {padding:10px 0 10px;border-bottom:1px solid #444444;} #contenuLivre #asideLivre #metaLivre ol {margin:0;list-style-type: none;} #contenuLivre #asideLivre #metaLivre li {margin:0;font-size:14px;} #contenuLivre #asideLivre #metaLivre li.dateParution {color:#c60c30;} #contenuLivre #asideLivre #metaLivre li.collection_01, #contenuLivre #asideLivre #metaLivre li.collection_02 {font-weight:bold;} #contenuLivre #asideLivre #metaLivre li.isbnLivre span , #contenuLivre #asideLivre #metaLivre li.nombrePageLivre span , #contenuLivre #asideLivre #metaLivre li.prixLivre span {font-weight:bold;} #contenuLivre #asideLivre #metaLivre li.isbnLivre {margin:5px 0 0;} #contenuLivre #asideLivre #autreFormatLivre {padding:10px 0;border-bottom:1px solid #444444;} #contenuLivre #asideLivre #autreFormatLivre a { display:block; height:138px; width:219px; } #contenuLivre #asideLivre #autreFormatLivre a:hover {text-decoration:none;} #contenuLivre #asideLivre .wrapInnerAutreFormat {display:block;float:left;width:121px;margin:0 0 0 10px;text-align:center;} #contenuLivre #asideLivre .wrapInnerAutreFormat span {color:#3e3e3e;text-transform:uppercase;display:block;font-size:12px;padding:28px 0 0.25em;} #contenuLivre #asideLivre #autreFormatLivre a.pasDeLogo {display:block;height:138px;width:219px;background:none;} #contenuLivre #asideLivre #autreFormatLivre a.pasDeLogo:hover{text-decoration:none;} #contenuLivre #asideLivre #autreFormatLivre a.pasDeLogo .blocExisteAussi{ color:#444444; float:right; font-family:'Trebuchet MS'; text-transform:uppercase; padding:40px 5px 0 0; text-align: center; width:115px; } #contenuLivre #asideLivre #autreFormatLivre a img.couvAutreFormat { border:1px solid #444444; float:left; height:136px; width:86px; } #contenuLivre #asideLivre #foreignRight {padding:5px 0;} #contenuLivre #asideLivre #foreignRight a { display:block; background: url(../img/fond/foreign_right.png) no-repeat left top; height:24px; font: 12px/24px "Trebuchet MS"; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; padding:6px 0; } #memeCollectionLivre {clear:both;overflow:hidden;margin:0 0 15px;} #memeCollectionLivre .titreBlock {color:#444444;} #memeCollectionLivre .blockMemeCollection {width:229px;position:relative;float:left;margin:0 0 0 14px;} #memeCollectionLivre #wrapMemeCollection .blockMemeCollection:first-child {margin:0;} #memeCollectionLivre .blockMemeCollection h1 {display:inline;font-size:13px;font-weight:normal;text-transform:uppercase;padding:0 0.25em 0 0 ;} #memeCollectionLivre .blockMemeCollection h1 a {color:#C60C30;text-decoration:none;} #memeCollectionLivre .blockMemeCollection h2 { display:inline; font-size:13px; height:13px; color:#C60C30; padding:2px 0 0 0.25em; } #memeCollectionLivre .blockMemeCollection h2 a {color:#404040;} #memeCollectionLivre .survole .masqueParaitreAutre {position:absolute;top:0;left:0;border:2px solid #ff6600 ;height:94px;width:225px;} #memeCollectionLivre h1 a:hover {text-decoration:underline;} #memeCollectionLivre h2 a:hover {border-color:#404040;} /* mise en forme liste auteurs */ .listeAuteurs {} /* Entete page liste auteurs et actu */ #enteteListeAuteurs {width:960px;margin:0 auto;padding:20px 0 0;} #enteteListeActu {width:960px;margin:0 auto;padding:20px 0 0;} #enteteListeAuteurs #miseEnAvantListe {} .introEnAvantListeActu { border-bottom:1px solid #444444; margin:-4px 0 14px; padding:0 0 5px; } .dateActuEnAvant {color:#c60c30;display:block;float:right;font: 12px/12px 'GentiumBasicRegular',Georgia;margin:9px 0 0;text-transform:uppercase;} .titreMiseEnAvant {color:#c60c30;font:14px 'OswaldRegular', arial;text-transform:uppercase;} #miseEnAvantListe #wrapMiseEnAvantListe {float:left;height:201px;width:615px;padding:19px 8px 27px 20px;} #miseEnAvantListe .fond_01 {background: url(../img/fond/en_avant-liste-auteurs.png) no-repeat left top;} #miseEnAvantListe #wrapMiseEnAvantListe #visuMiseEnAvantListe {float:left;height:201px;width:157px;margin-right:21px;} #miseEnAvantListe #wrapMiseEnAvantListe #visuMiseEnAvantListe img {border:1px solid #444444;} #miseEnAvantListe #wrapMiseEnAvantListe #contenuMiseEnAvant { float:left; font-family:'GentiumBasicRegular', Georgia; height:201px; width:418px; font-size:16px; line-height:24px; position:relative; overflow:hidden; } .listeAuteurs #wrapMiseEnAvantListe #contenuMiseEnAvant h1 { border-bottom:1px solid #444444; color:#C60C30; font-weight:normal; font-size:24px; margin:0 0 5px; padding:0 0 5px; text-transform:uppercase; } .listeAuteurs #wrapMiseEnAvantListe #contenuMiseEnAvant h1 a {color:#444444;text-decoration:none;} .listeActu #wrapMiseEnAvantListe #contenuMiseEnAvant h1 {font-size:24px;text-transform:uppercase;margin:0; } .listeActu #wrapMiseEnAvantListe #contenuMiseEnAvant h1 a {color:#c60c30;text-decoration:none;} #miseEnAvantListe .lireSuiteEnAvant {position:absolute;bottom:0;left:0;} #enteteListeActu #secondeMiseEnAvant {float:left;width:310px;position:relative;margin:0 0 0 5px;} #enteteListeActu #secondeMiseEnAvant .introEnAvantListeActu {margin-bottom:16px;padding:9px 0 11px;} #enteteListeActu #secondeMiseEnAvant #wrapSecondeEnAvant { background: url(../img/fond/secondaire-liste_actu.png) no-repeat left top; overflow:hidden; padding:10px 17px 18px 11px; width:290px; } #enteteListeActu #secondeMiseEnAvant figure img {float:left;margin:0 10px 0 0;width:104px;} #enteteListeActu #secondeMiseEnAvant figcaption { height:155px; width:175px; float:left; font-family:'GentiumBasicRegular', Georgia; font-size:13px; position:relative; } #enteteListeActu #secondeMiseEnAvant figcaption h1 {margin:0;} #enteteListeActu #secondeMiseEnAvant figcaption h1 a {color:#c60c30;font-size:16px;text-decoration:none;text-transform:uppercase;line-height:16px;} #enteteListeAuteurs #slideshowListeAuteurs {float:left;width:310px;position:relative;margin:0 0 0 5px;} #enteteListeAuteurs #slideshowListeAuteurs h2 { border-bottom:1px solid #444444; color:#c60c30; font-size:16px; font-family:'OswaldRegular'; line-height:20px; margin-bottom:9px; padding:9px 0 11px; } #enteteListeAuteurs #slideshowListeAuteurs #slidesListeAuteurs { background: url(../img/fond/slideshow-liste-auteur.png) no-repeat left top; padding:10px 17px 8px 11px; width:290px; } #enteteListeAuteurs #slideshowListeAuteurs .slides_container {width:290px;height:153px;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure {width:290px;height:143px;display:block;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure img {float:left;width:89px;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption { background: url(../img/fond/double_ligne-slide-auteurs.png) no-repeat left bottom; float:left; font-family: 'GentiumBasicRegular'; height:143px; width:191px; margin-left:10px; } #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption h3 { font-size:14px; margin:4px 0 7px; } #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption h3 a {color:#C60C30;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption h3 a:hover {color:#C60C30;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption p {font-size:12px;margin:0;text-transform:uppercase;color:#6b6b6b;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption ul {font-style:italic;text-transform:uppercase;list-style:none;margin:0;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption li {float:left;margin:0;} #enteteListeAuteurs #slideshowListeAuteurs .slides_container figure figcaption li.separateurPoint { background: url(../img/fond/separateur_catalogue.png) no-repeat center 2px; height:10px; width:5px; margin:0 3px 0 5px; } #enteteListeAuteurs #slideshowListeAuteurs #slidesListeAuteurs .next, #enteteListeAuteurs #slideshowListeAuteurs #slidesListeAuteurs .prev { position:absolute; top:27px; } #enteteListeAuteurs #slideshowListeAuteurs #slidesListeAuteurs .next {right:0;} #enteteListeAuteurs #slideshowListeAuteurs #slidesListeAuteurs .prev {right:33px;} .listeAuteurs #contenu {padding:12px 0 0;} .enteteBlock .wrapTriAuteurs {float:right;} .wrapTriAuteurs span, .wrapTriAuteurs ol, .wrapTriAuteurs li { font-family:"Trebuchet MS"; float:left; list-style:none; margin:0 0 0 0.25em; text-transform:uppercase; } .wrapTriAuteurs li {} .wrapTriAuteurs li a {color:#444444;padding:0 0.25em 0 0;} .wrapTriAuteurs li a:hover {color:#c60c30;} .wrapTriAuteurs li a.active {color:#c60c30;} #wrapListeAuteurs {} #wrapListeAuteurs .ligneAuteurs {overflow:hidden;margin:12px 0 0;} #wrapListeAuteurs .ligneAuteurs figure {background:#fff;float:left;padding:8px;margin:0 0 0 12px;} #wrapListeAuteurs .ligneAuteurs figure:first-child {margin:0;} #wrapListeAuteurs .ligneAuteurs figure.survole {background:#e4e3e3;} #wrapListeAuteurs .ligneAuteurs figure img {height:172px;overflow:hidden;display:block;} #wrapListeAuteurs .ligneAuteurs figure figcaption { background: url(../img/fond/filet-liste_auteurs.png) no-repeat left bottom; display:block; font-size:14px; height:73px; width:134px; padding:8px 0 0; } #wrapListeAuteurs .ligneAuteurs figure figcaption a {color:#444;text-transform:uppercase;} #wrapListeAuteurs .ligneAuteurs figure figcaption span {color:#c60c30;} #navCatalogueBas .wrapTriAuteurs {line-height:26px;} .listeActu #contenu {padding:12px 0 0;} .wrapPaginationActu {float:right;} .wrapPaginationActu ol, .wrapPaginationActu li { font-family:"Trebuchet MS"; float:left; list-style:none; margin:0 0 0 0.33em; text-transform:uppercase; } .wrapPaginationActu ol, .wrapPaginationActu li a {color:#444444;} .wrapPaginationActu li a:hover {color:#c60c30;} .wrapPaginationActu li span {font-weight:bold;} #wrapListeActu {border-bottom:1px solid #000;overflow:hidden;padding:7px 0 0;} .blocListeActu {background:#fff;border:1px solid #bababa;font-size:14px;float:left;width:451px;padding:0 10px 10px;margin:0 0 17px 0;} #wrapListeActu .impair {margin:0 14px 17px 0;} .enteteBlocListeActu {text-transform:uppercase;margin:-0.5em 0 6px;text-align:center;} .enteteBlocListeActu span {background: url('../img/fond/titre_block_curieux.png') repeat-x left 0px;padding:0 5px;} .enteteBlocListeActu .dateBlocActu {font-size:11px;color:#c60c30;} .blocListeActu figure {background:#fff;float:left;height:126px;padding:0 10px 0 0;} .blocListeActu h1 {border-bottom:1px solid #bababa;font:16px/20px 'GentiumBasicRegular', Georgia;text-transform:uppercase;margin:0 0 10px;padding:0 0 6px;color:#c60c30;} .blocListeActu p a {color:#444;text-decoration:none;line-height:18px;} #wrapListeActu .survole, #wrapListeActu .survole figure {background:#e4e3e3;} .listeActu #navCatalogueBas {overflow:hidden;padding:23px 0;} /* mise en forme page auteur */ .auteur {} #ficheAuteur {padding:20px 0 0;} #ficheAuteur>figure {display:block;float:left;width:220px;padding:0 10px 0 0;} #ficheAuteur>figure img {background:#fff;display:block;height:293px;width:219px;} #ficheAuteur #texteFicheAuteur {border-left:1px solid #404040;float:left;min-height:293px;width:709px;padding:0 0 0 10px;font-size:14px;} #ficheAuteur #texteFicheAuteur h1 {border-bottom:1px solid #404040;color:#444;font-size:36px;line-height:36px;margin:0 0 10px;text-transform:uppercase;font-weight:normal;} #ficheAuteur #texteFicheAuteur h1 span {color:#c60c30;} #ficheAuteur #texteFicheAuteur p {margin:0.5em 0 0;} #autresLivreAuteur {clear:both;position:relative;overflow:hidden;padding:20px 0 0;width:960px;} #autresLivreAuteur .ligneAutreLivreAuteur {overflow:hidden;margin:0 0 12px;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution {width:231px;margin:0 0 0 12px;float:left;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution:first-child {margin:0;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution figure {float:left;height:168px;width:103px;border:1px solid #444444;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution .conteneurItemParution { color:#444444; background:#fff; float:left; height:152px; width:108px; padding:9px; font-size:12px; position:relative; } #autresLivreAuteur .ligneAutreLivreAuteur .itemParution .conteneurItemParution h2 {font-size:14px;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution .conteneurItemParution h2 a {color:#c60c30;text-decoration:none;font-weight:bold;} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution .conteneurItemParution h2 a:hover {text-decoration:underline} #autresLivreAuteur .ligneAutreLivreAuteur .itemParution .conteneurItemParution .lireSuiteParution {position:absolute;bottom:9px;left:-15px;} /* mise en forme page actu */ #actuPrincipale {overflow:hidden;margin:20px 0 15px;} #actuPrincipale figure {float:left;width:391px;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #000;} #actuPrincipale #contenuActu {border-top:1px solid #000;line-height:20px;float:left;width:548px;padding:8px 0 0;} #actuPrincipale #contenuActu #dateActu {color:#c60c30;font:22px 'GentiumBasicBold';text-transform:uppercase;} #actuPrincipale #contenuActu h1 {font:35px/35px 'GentiumBasicBold';border-bottom:1px solid #000;padding:0 0 8px;margin:0 0 10px;} .pageActu #conteneurListeActu .titreBlock {color:#3e3e3e;} .pageActu #wrapListeActu {border:0 none;} /* mise en forme resultat de recherche */ #wrapRecherche {} #wrapRecherche .navCatalogue {border-bottom:1px solid #444444;overflow:hidden;} #blockRecherche .enteteBlock {border-top:1px solid #444444;margin:20px 0 0;} #blockRecherche .enteteBlock span {font-size:22px;color:#444;} #wrapRecherche #navRechercheBas, #conteneurListeAuteurs #navRechercheBas {margin:12px 0 20px;padding:3px 0;border:solid #444444;border-width:1px 0;} #navRechercheBas .backToTop { display:block; height:26px; width:26px; background: url(../img/picto/fleche_back-to-top.jpg) no-repeat left top; text-indent:-9999px; } #navRechercheBas .backToTop:hover {background-position:left bottom;} #navRechercheBas .rightToTop {float:right;margin-left:10px;} #navRechercheBas .leftToTop {float:left;margin-right:10px;} #wrapRecherche .navCatalogue .navPagination {float:right;margin:7px 0 0;} #wrapRecherche .navCatalogue .navPagination ul {float:left;margin:0;list-style:none;} #wrapRecherche .navCatalogue .navPagination li {border-right:1px solid #444444;} #wrapRecherche .navCatalogue .navPagination li, #wrapRecherche .navCatalogue .navPagination a, #wrapRecherche .navCatalogue .navPagination span { float:left; font-family: "Trebuchet MS"; text-transform:uppercase; display:block; margin:0; padding:0 4px; height:12px; line-height:12px; text-decoration:none; color:#444444; } #wrapRecherche .navCatalogue .navPagination li.paginationActive span, #wrapRecherche .navCatalogue .navPagination li.paginationActive a:hover {color:#c60c30;} #wrapRecherche .navCatalogue .navPagination li:first-child a, #wrapRecherche .navCatalogue .navPagination li:first-child span {padding:0 4px 0 0;} #wrapRecherche .navTri {height:27px;line-height:27px;font-family: "Trebuchet MS";text-transform:uppercase;} #wrapRecherche .navTri span {display:block;float:left;} #wrapRecherche .navTri ul {margin:0;list-style:none;float:left;} #wrapRecherche .navTri li {margin:0;float:left;} #wrapRecherche .navTri li a { padding:0 5px; margin:8px 0 0; display:block; border-left:1px solid #444444; line-height:12px; height:12px; color:#444444; } #wrapRecherche .navTri li:first-child a {border:0;} #wrapRecherche .navTri li a:hover, #wrapRecherche .navTri li.triActif a {color:#c60c30;} #wrapRecherche .pageRecherche {overflow:hidden;margin:10px 0 0;} #wrapRecherche .itemRecherche {background:#fff;float:left;height:137px;width:455px;padding:10px;margin:0 0 10px;} #wrapRecherche .survole {background:#d9d9d9;} #wrapRecherche .itemRecherche figure {border:1px solid #000;float:left;height:135px;width:130px;margin:0 10px 0 0;} #wrapRecherche .itemRecherche .contenuItemRecherche { background: url(../img/fond/filet_recherche.png) no-repeat left bottom; float:left; width:313px; height:137px; } #wrapRecherche .pageRecherche .impair {margin:0 10px 10px 0;} #wrapRecherche .itemRecherche .contenuItemRecherche .categorieResultat {font: bold 14px/15px 'Times New Roman',Times,Georgia,serif;text-transform:uppercase;} #wrapRecherche .itemRecherche .contenuItemRecherche h1 {color:#c60c30;font: bold 14px/15px "Times New Roman", Times, Georgia, serif;margin:0 0 10px;} #wrapRecherche .itemRecherche .contenuItemRecherche a {color:#444;} #wrapRecherche .itemRecherche .contenuItemRecherche ul {margin:0;list-style:none;} /* formulaire de contact */ .contact #contenu {padding:20px 0;} #conteneurContact {float:left;border-right:1px solid #000;width:597px;padding:0 20px 0 0;} .contact .titreBlock {border: solid #000;border-width:1px 0;margin:0;} #conteneurContact .row {clear:left;padding:15px 0 0;} #conteneurContact label {float:left;width:220px;font-size:16px;font-weight:bold;line-height:30px;} #conteneurContact input {width:363px !important;} #conteneurContact select {width:324px;} #conteneurContact textarea {width:363px;min-height:200px;} #conteneurContact .submitContact {text-align:right;overflow:hidden;height:27px;} #conteneurInfoPratique {float:left;font-size:14px;width:322px;padding:0 0 0 20px;} aside #googleMap {margin:20px 0 10px;} aside .asideContact {margin:12px 0 0;} aside .asideContact .titreAsideContact, aside .org {color:#c60c30;text-transform:uppercase;} aside .asideContact p {margin:0;} /*Adpatation Spip*/ aside .asideContact strong, aside strong {color:#c60c30;text-transform:uppercase;font-weight:normal;} /* mise en forme page edition */ .edition #contenu {padding:20px 0 0;} #chronoEdition {float:left;width:727px;border-right:1px solid #000;margin:0 0 35px;} #enteteEdition {background: url(../img/fond/entete_edition.png) no-repeat left top;height:184px;width:681px;padding:15px 26px 8px 18px;font-size:14px;} #enteteEdition #logoEdition {float:left;width:169px;margin:0 19px 0 0;} #enteteEdition h1 {border-bottom:1px solid #000;float:left;font-size:24px;margin:0 0 10px;width:493px;text-transform:uppercase;font-weight:normal;color:#c60c30;font-family:GentiumBasicBold;} #chronoEdition .titreBlock {border: solid #000;border-width:1px 0;margin:11px 11px 0 0;line-height:47px;} #chronoEdition ol {margin:0 11px 0 0;list-style:none;font-size:14px;} #chronoEdition ol li {margin:1em 0 0;} #chronoEdition ol li span {background: url(../img/picto/fleche_chrono.png) no-repeat left top;display:block;float:left;padding:0 0.25em 0 17px;font-weight:bold;color:#c60c30;text-transform:uppercase;} /*Adaptation Spip*/ #chronoEdition ul {margin:0 11px 0 0;list-style:none;font-size:14px;} #chronoEdition ul li {margin:1em 0 0;} #chronoEdition ul li strong {background: url(../img/picto/fleche_chrono.png) no-repeat left top;display:block;float:left;padding:0 0.25em 0 17px;font-weight:bold;color:#c60c30;text-transform:uppercase;} #asideEdition {float:left;width:220px;} #asideEdition #blockManuscrits {margin:0 0 0 11px;width:212px;} #asideEdition #blockManuscrits #wrapManuscrits {height:auto;overflow:hidden;} #asideEdition #contact {clear:left;width:220px;padding:11px 0 0 11px;font-size:14px;} #asideEdition #contact .titreBlock {border: solid #000;border-width:1px 0;margin:0;line-height:47px;color:#404040;} /* mise e nforme page catalogue foreign */ .catalogueForeign #contenu {padding-top:12px;} #enteteCataForeign {height:312px;width:960px;margin:0 auto;padding:20px 0 0;} #enAvantForeign {background: url(../img/fond/enavant_foreign.png) no-repeat left top;float:left;height:312px;width:590px;} #wrapEnAvantForeign { height:265px; width:532px; margin:20px 0 0 21px; overflow:hidden; } #wrapEnAvantForeign img {float:left;border:1px solid #000;height:262px;width:173px;margin:0 20px 0 0;} #wrapEnAvantForeign #contenuMiseEnAvant {float:left;height:264px;width:330px;position:relative;} #wrapEnAvantForeign #contenuMiseEnAvant h1 {margin:0;font-size:30px;font-weight:bold;text-transform:uppercase;} #wrapEnAvantForeign #contenuMiseEnAvant h1 a {color:#444;text-decoration:none;font-size: 97%;} #wrapEnAvantForeign #contenuMiseEnAvant h1 a:hover {color:#c60c30;} #wrapEnAvantForeign #contenuMiseEnAvant h2 {color:#c60c30;font-size:20px;font-weight:bold;text-transform:uppercase;margin:0;} #wrapEnAvantForeign #contenuMiseEnAvant .metaSlide {float:left;color:#6b6b6b;border:solid #6b6b6b;border-width:1px 0;padding:6px 0 5px;margin:12px 0;overflow:hidden;text-transform:uppercase;} #wrapEnAvantForeign #contenuMiseEnAvant .metaSlide ul {margin:0;list-style:none;} #wrapEnAvantForeign #contenuMiseEnAvant .metaSlide li {margin:0;float:left;} #wrapEnAvantForeign #contenuMiseEnAvant #clearContenuEnAvantForeign {clear:left;font-size:16px;line-height:24px;} #wrapEnAvantForeign #contenuMiseEnAvant .lireSuiteEnAvant {position:absolute;bottom:0px;left:0px;width:150px;} #asideEnteteForeign {float:left;width:369px;} #asideEnteteForeign .titreBlock {border-bottom:1px solid #000;font-size:22px;margin:0 0 15px;} #asideEnteteForeign #wrapAsideForeign { background: url(../img/fond/entete-aside_foreign.png) no-repeat left top; font-size:16px; height:187px; width:350px; padding:20px 7px 28px 19px; position:relative; } #asideEnteteForeign #wrapAsideForeign h2 {font-size:16px;font-weight:bold;} #asideEnteteForeign .foreignBouton {float:left;position:absolute;bottom:28px;} .foreignBouton a { color:#3e3e3e; display:block; font:bold 12px/24px "Trebuchet MS"; text-decoration:none; text-transform:uppercase; height:25px; } .foreignBouton a:hover {color:#fff;background-position:left bottom;} .emailForeignBouton {left:18px;} .emailForeignBouton a { background: url(../img/fond/email_foreign.png) no-repeat left top; padding:0 0 0 28px; width:115px; } .catalogueForeignPDF {left:172px;} .catalogueForeignPDF a { background: url(../img/fond/catalogue_pdf_foreign.png) no-repeat left top; padding:0 0 0 28px; width:134px; } /* mise en forme page livre foreign */ .livre_foreign #livrePrincipal { position:relative; min-height:725px; } #pictoCollection {display:block;height:20%;width:100%;position:absolute;top:0;right:0;text-align:right;} .livre_foreign #introLivre header {border-top:1px solid #000;padding:10px 0 0;} #prixLivre {border-top: 1px solid #444;padding:10px 0;margin:0 0 10px;font: bold 12px "MS Trebuchet", sans-serif;text-transform:uppercase;} #prixLivre div { background: url(../img/picto/prix-etoile.png) no-repeat left ; padding:0 0 0 30px; } #asideForeignLivre {padding:15px 0 0;} #asideForeignLivre p {display:block;font-size:14px;padding:0 0 5px;} #asideForeignLivre .foreignBouton {margin:10px 0 0;left:0;} /* mise en forme pied du site */ #conteneurPied {background:#C60C30;height:100%;} #pied {width:960px;height:28px;line-height:28px;margin:0 auto;text-align:center;font-family: Arial, "MS Trebuchet", sans-serif;} #pied ul {margin:0;color:#fff;} #pied li {margin:0;list-style-type: none;display: inline;} #pied a, #pied span {color:#fff;} .cache{display:none;} /* mise e nforme popin newsletter */ .hasJS #conteneurPopin {display:none;} #popinNewsletter {height:260px;width:275px;font-size:14px;} #popinNewsletter h1 {color:#C60C30;font:26px 'OswaldRegular';text-transform:uppercase;margin:0 0 10px;} #popinNewsletter p {padding:10px 0;} #popinNewsletter form {border-top:1px solid #000;overflow:hidden;padding:16px 0 0;} #popinNewsletter form .col {float:left;} #popinNewsletter form label {display:none;} #popinNewsletter form input[type='text'] { background: url(../img/fond/input-newsletter.jpg) repeat-x left top; border:1px solid #575757; font: bold 12px/23px "MS Trebuchet", sans-serif; height:23px; width:105px; margin:1px 7px 0 0; padding:0 4px; } #popinNewsletter a {color:#8b8b8b;font:12px "MS Trebuchet", sans-serif;float:right;text-decoration:underline;margin:0 10px 0 0;} #popinNewsletter a:hover {color:#C60C30;} /*Les messages d'erreur*/ p.message_ok{} p.erreurForm{clear:both;margin-top:15px;color:red;font-size:1.2em;} /*Mise en forme des pages spéciales, pln, crédits*/ .speciale #chronoEdition .titreBlock{margin-bottom: 15px;} .speciale #chronoEdition h2.spip{color:#C60C30;font-size:20px;line-height: 30px;} .speciale #chronoEdition ul.sousRub {margin-left: 25px;} .speciale #chronoEdition ul li strong { background: url("../img/picto/fleche_chrono.png") no-repeat scroll left top transparent; color: #C60C30; display: block; float: none; font-weight: bold; padding: 0 0.25em 0 17px; text-transform: uppercase; } /*Mise en forme des pages internes*/ .speciale #chronoEdition p{font-size:1.4em;line-height: 1.7em;padding-right: 10px;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../img/colorbox/overlay.png) repeat 0 0;} #colorbox{} .catalogueForeign #cboxOverlay{background:url(../img/colorbox/news-overlay.png) repeat 0 0;} .popInNews #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/news-top_left.png) no-repeat left top;} .popInNews #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/news-top_right.png) no-repeat 0 0;} .popInNews #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/news-bottom_left.png) no-repeat 0 0;} .popInNews #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/news-bottom_right.png) no-repeat 0 0;} .popInNews #cboxMiddleLeft{width:21px; background:url(../img/colorbox/news-left.png) left top repeat-y;} .popInNews #cboxMiddleRight{width:21px; background:url(../img/colorbox/news-right.png) 0 top repeat-y;} .popInNews #cboxTopCenter{height:21px; background:url(../img/colorbox/news-top.png) 0 0 repeat-x;} .popInNews #cboxBottomCenter{height:21px; background:url(../img/colorbox/news-bottom.png) 0 0 repeat-x;} .popInNews #cboxLoadedContent{margin-bottom:0;} .popInNews #cboxClose {background: url(../img/colorbox/news-close.png) no-repeat left top;height:10px;width:10px;top:-11px;right:-11px;} .popInNews #cboxClose:hover {background-position:left bottom;} .popInNews #cboxContent {overflow:visible;} #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} /*#cboxLoadedContent{margin-bottom:28px;}*/ #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#ffffff;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(../img/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../img/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../img/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../img/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../img/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../img/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../img/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../img/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* mise en forme jqtransform */ form.jqtransformdone label{margin-top:4px; margin-right: 8px; display: block; float:left; } form.jqtransformdone div.rowElem{clear:both; padding:4px 0px; } /* ------------- * Buttons * ------------- */ button.jqTransformButton {margin: 0px; padding: 0px; border: none; background-color: transparent; cursor: pointer; overflow: visible; font-family: Arial; } *:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */ button.jqTransformButton span {background:url("../img/fond/lire_suite_gauche.png") no-repeat scroll left top transparent; display: block; float: left; padding: 0 0 0 24px; /* sliding doors padding */ margin: 0px; height: 25px; } button.jqTransformButton span span {background:url("../img/fond/lire_suite_droite.png") no-repeat scroll right top transparent; color: #616161; padding: 1px 11px 0 0;font:bold 12px/24px "Trebuchet MS";display: block; text-decoration: none; height: 24px;text-transform:uppercase;} /*hover*/ button.jqTransformButton_hover span span { background-position: right -25px ;color:#fff;} button.jqTransformButton_hover span { background-position: left -25px ; } /*clicked*/ /*button.jqTransformButton_click span span { background-position: left -66px ; } button.jqTransformButton_click span { background-position: right -66px ; }*/ /* IE 6 */ /** html button.jqTransformButton { height:33px; } * button.jqTransformButton span span { height: 25px; }*/ /* IE 7 */ *+ html button.jqTransformButton { height:33px; } *+ button.jqTransformButton span span { height: 25px; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper {background: transparent url(../img/jqtransform/input/input_text_left.gif) no-repeat left top; height: 31px; padding: 0px; float:left; } .jqTransformInputInner {background: transparent url(../img/jqtransform/input/input_text_right.gif) no-repeat top right; padding: 0px; margin: 0px; } .jqTransformInputInner div {height: 31px; margin:0px 0px 0px 8px; } .jqTransformInputInner div input {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; vertical-align: middle; height: 31px; color:#404040; border: none; margin: 0px; background:transparent; } /* IE6 */ * html .jqTransformInputInner div input {padding: 6px 0 0 0; margin: 0 0 0 -8px; height:24px; } /* Ie7 */ *+ html .jqTransformInputInner div input {padding: 6px 0 0 0; margin-left:-10px; height:24px; } /*hover*/ .jqTransformInputWrapper_hover{ background-position: left -31px ;} .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;} /*focus*/ .jqTransformInputWrapper_focus{ background-position: left -62px ;} .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;} .jqTransformSafari .jqTransformInputInner div {position: relative; overflow: hidden; margin:0px 8px; } .jqTransformSafari .jqTransformInputInner div input {background-color: none; position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td#jqTransformTextarea-mm textarea{font-size: 12px; line-height: 16px; } table.jqTransformTextarea td{font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea{} table.jqTransformTextarea tr{/*border: 1px solid red;*/ } table.jqTransformTextarea textarea{margin: 0; padding: 0; border: 0; background: none; } table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../img/jqtransform/textarea/textarea_tl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../img/jqtransform/textarea/textarea_tm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../img/jqtransform/textarea/textarea_tr.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../img/jqtransform/textarea/textarea_ml.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../img/jqtransform/textarea/textarea-mm.gif) repeat;} table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../img/jqtransform/textarea/textarea_mr.gif) repeat-y top left;} table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../img/jqtransform/textarea/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../img/jqtransform/textarea/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../img/jqtransform/textarea/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(../img/jqtransform/textarea/textarea-mm-hover.gif);} table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;} table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;} /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../img/jqtransform/textarea/textarea-mm-focus.gif);} table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;} table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;} table.jqTransformTextarea .jqTransformSafariTextarea div {position: relative; overflow: hidden; border: 0px solid red; } table.jqTransformTextarea .jqTransformSafariTextarea textarea{background: none; position: absolute; top:-10px; left:-10px; padding: 10px 10px 10px 10px; resize: none; } /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper {float: left;display:block;margin:0px 4px; margin-top:5px;} .jqTransformRadio {background: transparent url(../img/jqtransform/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{display:block;float:left; margin-top:5px; } a.jqTransformCheckbox {background: transparent url(../img/jqtransform/checkbox.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ a.jqTransformChecked { background-position: center bottom;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 45px; position:relative; height: 22px; background: url(../img/jqtransform/select_left.png) no-repeat left top; float:left; } .contact .jqTransformSelectWrapper {background: url(../img/jqtransform/contact-select_left.png) no-repeat left top; height:28px;} .jqTransformSelectWrapper div span { font-size: 12px; float: none; position: absolute; white-space: nowrap; height: 22px; line-height: 22px; padding: 0 0 0 8px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } .contact .jqTransformSelectWrapper div span {height:28px;color:#606060;font: bold 12px/28px arial;text-transform:uppercase;} .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 21px; height: 22px; background: url(../img/jqtransform/select_right.png) no-repeat left top; } .contact .jqTransformSelectWrapper a.jqTransformSelectOpen {background: url(../img/jqtransform/contact-select_right.png) no-repeat left top;height:28px;width:28px;} .jqTransformSelectWrapper div:hover a.jqTransformSelectOpen {background-position:left bottom;} .jqTransformSelectWrapper div .jqTransformTextSelect.selectOpen {color:#c60c30;} .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 21px; left: 0px; list-style: none; background-color: #f3f3f3; border: solid 1px #939393; display: none; margin: 0px; padding: 0px; /*height: 150px; */ /*overflow: auto; overflow-y: auto; */ z-index:10; } .contact .jqTransformSelectWrapper ul {top:27px;} .jqTransformSelectWrapper ul li {margin:0;} .jqTransformSelectWrapper ul a { display: block; border-top:1px solid #939393; padding: 0 2px; padding-bottom: 6px; padding-top: 6px; margin:0 21px 0 8px; color:#444444; text-decoration: none; font-size: 12px; white-space: nowrap; } .jqTransformSelectWrapper ul li:first-child a {border:0 none;} .jqTransformSelectWrapper ul a.selected {background: #EDEDED; color: #c60c30; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display: none;} /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")";font-size: 90%; } abbr:after { content: " (" attr(title) ")"; font-size: 90%; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* * Media queries for responsive design */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } } /* Logos, documents et images */ .spip_logos { margin: 0; padding: 0; border: 0; } .spip_documents { text-align: center; line-height: normal; } .spip_documents p { margin: 0.10em; padding: 0; } .spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; } .spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; } .spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; } .spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; } .spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }