/* FEUILLE DE STYLE NUMERIQUE GENERALE / LA DOCUMENTATION FRANCAISE * * Version 1.0 : * * - Nous supprimons la plupart des marges gauches afin de profiter de toute * la justification sur les machines à petit écran. * - Les classes notées OFF n'ont pas d'utilité dans la version numérique * */ body{ font-size:0.9em; line-height: 1.35; } p, dd { text-align: justify; margin-top:0.75em; margin-bottom:0.75em; orphans: 2; widows: 2; } h1, h2, h3, h4, h5 { adobe-hyphenate:none; -moz-hyphens:none; -webkit-hyphens:none; hyphens:none; text-align:left; font-family: "Myriad Pro", Seravek, sans-serif; line-height: 1.35; } /* Compatibility with pre-HTML5 readers */ section{ display: block; } section, div[data-type="part"]{ /* max-width:30em; */ margin: auto; } /* Separators in titles */ .separator{ display:none; } /* Title page */ nav .separator, nav .title { display:inline; } /* Lists */ ul, ol { /* bulleted and numbered lists */ margin: 10px 0 10px 0; padding-left: 2em; line-height: 1.35; } ul li{ list-style-type:circle; } ul li, ol li, ul li p, ol li p { font-size: 1em; line-height: 1.35; margin-top: 5px; text-indent: 0; text-align:justify; } /* Tables */ table { width:100%; font-size: 0.85em; margin:auto; margin-top: 1em; margin-bottom: 1em; border-collapse: collapse; background-color: rgba(0, 0, 0, 0); background-image: -webkit-radial-gradient(50% 0%, rgb(255, 255, 255) 17%, rgb(252, 252, 252) 100%); text-align:left; page-break-inside:avoid; } tr { /*border-width: 1px;*/ } th { /* table heading rows */ line-height: 140%; text-align: left; margin-top: 0; border:none; border-bottom: 1px solid black; border-top: 1px solid black; font-weight:normal; } th, td { padding: 6px; } td { /* table body text */ line-height: 140%; text-align:left; /*border: 1px solid black;*/ } table p { /* table body text */ text-indent: 0; } table.Tableau-simple td{ vertical-align: top; } /* Figures and images */ figure { /* figure containers */ width:100%; margin:2em 0 0 0; display: inline-block; text-align:center; page-break-inside: avoid; margin-top:2em; margin-bottom:1em; } img{ max-width:100%; } figure img { /* figure images */ max-width: 100%; margin: 0; } .PleinePage figure{ /*page-break-before: always;*/ } .PleinePage img{ max-width:inherit; height:100%; /*page-break-after: always;*/ } caption{ text-align: center; } /* Misc */ sup{ font-size:0.7em; line-height: 60%; vertical-align:super; } sub{ font-size:0.7em; line-height: 60%; vertical-align:sub; } em{ font-style: italic; } strong{ font-weight:bold; } u{ text-decoration:underline; text-decoration-line:underline; -moz-text-decoration-line:underline; } .smallcaps{ font-variant: small-caps; text-transform:lowercase; /* Le texte en dur est en capitales car ADE ne supporte pas la directive font-variant. On doit donc le retransformer en lowercase afin d'avoir des petites capitales pour les autres configurations. */ } .caps{ text-transform: uppercase; } .center{ text-align:center; } .right{ text-align:right; } .left{ text-align:left; } .indent{ text-indent:1em; } figure[data-type="cover"]{ margin:0; padding: 0; } img.cover{ width: 90%; } a{ word-break: break-all; } nav a{ word-break: normal; } /* Navigation document */ nav ol, nav ul{ list-style-type: none; padding-left: 1em; text-align: left; } nav li{ text-align: left; } .break-before{ page-break-before:always; } svg{ width:100%; } div.group { display:inline-block; width:100%; margin:0; padding:0; } aside{ padding:2%; font-size:0.8em; } /* DF TIERS */ body { font-family: "Myriad Pro", "Myriad", sans-serif; /*font-family:"Adobe Garamond Pro", Garamond, Georgia, serif;*/ text-align:justify; } /************************/ /* Hyperliens */ a:link, a:hover, a:active { color:#101e8e; text-decoration: none; padding-bottom: 0.1em; border-bottom: 1px solid #bbbbbb; } nav li a{ font-size:0.85em; } nav li[data-type="part"] > a, nav li[data-type="chapter"] > a, nav li[data-type="introduction"] > a{ font-weight:bold; word-break: normal; font-size:1em; } .sep_etoiles{ text-align:center; display:inline-block; width:100%; } [data-type="footnote"] { font-size:0.7em; } p[data-type="footnote"] a sup{ vertical-align:inherit; line-height:inherit; font-size:1em; } a[data-type="noteref"] sup { font-size: 0.85em; line-height: 20%; font-weight: bold; } h1.sect1 { color: #101e8e; font-size:1.5em; font-weight:lighter; margin-top: 1.8em; margin-bottom: 1em; padding:0; } section[data-type="introduction"] > h1{ /* font-size: 2em; */ font-weight:bold; /* margin-top: 1.8em; */ margin-bottom: 1em; } h2.sect2 { color: #101e8e; font-size:1.2em; margin-top: 1.8em; margin-bottom: 1em; font-weight: normal; } h3.sect3 { color: #101e8e; font-size: 1em; font-weight:lighter; } h1.part > .number { font-size:0.5em; font-weight:bold; padding-top:1em; margin-left:6%; margin-bottom:0em; color: #101e8e; } h1.part{ font-size: 2.4em; } h1.part > .title { display:block; font-size:0.6em; font-weight:bold; padding-top:0.25em; margin-left:6%; margin-bottom:1.5em; font-weight:lighter; text-transform:uppercase; } h1.part > .title > strong{ font-weight:inherit; } h1.chapter > .number { display:block; font-size:0.5em; font-weight:bold; padding-top:1em; margin-left:6%; margin-bottom:1.5em; } /* Nous devons spécifier l'existence de h1.chapter dans la CSS afin que le traitement conserve la classe dans le HTML */ h1.chapter .separator{ display:none; } h1.introduction { font-size:2em; font-weight:300; border-bottom:1px solid #aaa; } h1.main{ padding:0; margin:0; } table{ font-size: 0.7em; border-right:none; border-left:none; border-top:1px solid black; border-bottom:1px solid black; padding-left:0; margin-left:0; } p.Tableau-titre { border-top:1px solid black; text-align:left; font-size: 0.85em; padding: 6px; padding-top:1em; padding-bottom:1em; margin-top: 2em; margin-bottom:0; } p.Tableau-t-ti-re, p.Tableau-titre-T-tiere{ text-align:center; font-weight:bold; } .p_source{ font-size:0.7em; margin-bottom:1em; } aside{ display:block; margin:2em 0; border-radius:1em; } /*****************Corrections specifiques à la publication********************************/ /* ENSEMBLE SPECIFIQUE OUVRAGE */ /* IMPORTANTS */ body{ font-family: serif; } h1, h2, h3, h4, h5{ font-family: sans-serif; } /*******************************/ /* FOOTNOTES */ /* Pour voir les footnotes uniquement dans l'éditeur car devient: p[data-type="footnote"] en sortie */ span[data-type="footnote"]{ color: #ff0000; font-size: 0.7em; } /* Pour voir les footnotes h1,h2,h3,h4,h5 uniquement dans l'éditeur car devient: p[data-type="footnote"] en sortie */ /* remplacer par styles en-dessous : p.h1_note, p.h2_note, p.h3_note, p.h4_note, p.h5_note */ h1 span[data-type="footnote"], h2 span[data-type="footnote"], h3 span[data-type="footnote"], h4 span[data-type="footnote"], h5 span[data-type="footnote"]{ color: #ff8800; font-size: 3em; } /***********************/ /* Bloc des notes de bas de page */ div[data-type="footnotes"]{ width: 94%; margin-left: 3%; margin-right: 3%; text-align: center; padding-top: 0.8em; margin-top: 3em; border-top: 1px dotted #101e8e; page-break-inside: avoid; } div[data-type="footnotes"] p{ font-size: inherit; font-size: 0.75em; display: block; text-indent: -3%; margin-left: 3%; } div[data-type="footnotes"] p sup a{ font-size: 1.5em; vertical-align:inherit; vertical-align:sub; font-weight: bold; margin-right: 0.5em; } div[data-type="footnotes"] p a[href] { overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; -webkit-hyphens: auto !important; adobe-hyphenate: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; text-align: left; } div[data-type="footnotes"] p[data-type="footnote"] span sup{ /* Contre du dessus quand un sup est le premier dans un span */ font-size: inherit; vertical-align: inherit; font-weight: inherit; font-size: 0.7em; font-weight: normal; vertical-align: super; } /* Notes : Hyperliens de référence de notes*/ a[data-type="noteref"], section p a[data-type="noteref"], section li a[data-type="noteref"], section th a[data-type="noteref"], section td a[data-type="noteref"]{ line-height: 100%; font-weight: bold; text-decoration: none; border-bottom: 0; word-break: keep-all; padding-left: 0.3em; } /**************************/ div[data-type="part"], section[data-type="chapter"], section[data-type="introduction"], section[data-type="titlepage"], section[data-type="halftitlepage"], section[data-type="foreword"], section[data-type="preface"], section[data-type="dedication"], section[data-type="acknowledgments"], section[data-type="afterword"], section[data-type="appendix"], section[data-type="glossary"], section[data-type="index"], section[data-type="colophon"], section[data-type="conclusion"], section[data-type="bibliography"], section[data-type="copyright-page"]{ page-break-before: avoid; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0em; margin-top: 0em; } /* Navigation Table des matières */ nav li[data-type="part"] > a{ font-family: sans-serif; page-break-before: inherit; color: #101e8e; font-weight: bold; word-break: normal; font-size: 1em; } nav li[data-type="chapter"] > a, nav li[data-type="titlepage"] > a, nav li[data-type="halftitlepage"] > a, nav li[data-type="introduction"] > a, nav li[data-type="foreword"] > a, nav li[data-type="preface"] > a, nav li[data-type="dedication"] > a, nav li[data-type="acknowledgments"] > a, nav li[data-type="afterword"] > a, nav li[data-type="appendix"] > a, nav li[data-type="glossary"] > a, nav li[data-type="index"] > a, nav li[data-type="colophon"] > a, nav li[data-type="conclusion"] > a, nav li[data-type="bibliography"] > a{ font-family: sans-serif; page-break-before: inherit; color: #101e8e; font-weight: bold; word-break: normal; font-size: 1em; } nav li[data-type="part"] li[data-type="chapter"] > a{ font-family: sans-serif; page-break-before: inherit; color: #101e8e; font-weight: bold; word-break: normal; font-size: 1em; } nav li[data-type="sect1"] > a{ font-family: sans-serif; page-break-before: inherit; color: #555555; font-weight: normal; word-break: normal; font-size: 0.9em; } /* bloque les changement de page dans les titres */ div header, div h1, section header, section h1, section h2, section h3, section h4, section h5, aside h5{ page-break-inside: avoid; } /* MANQUANT */ /* div[data-type="part"] > h1{ font-size: 2.2em; padding-top: 2em; padding-bottom: 0.5em; font-weight:lighter; text-transform:uppercase; } */ h1.chapter, h1.introduction, h1.conclusion, h1.bibliography, h1.titlepage, h1.foreword, h1.preface, h1.dedication, h1.acknowledgments, h1.afterword, h1.appendix, h1.glossary, h1.index, h1.colophon{ page-break-before: avoid; margin: 0; padding: 0; font-size: 2em; color: #101e8e; font-weight: bold; border-top: 40px solid #101e8e; border-left: 6px solid #101e8e; border-right: 6px solid #101e8e; border-bottom: none; padding: 0.5em; margin-left: 0.1em; margin-right: 0.1em; } h1.halftitlepage{ font-family: serif; } h1.part > .number { font-size:0.7em; font-weight:bold; margin:0; padding:0; margin-left:6%; margin-bottom:0em; color: #ffffff; } h1.part{ font-size: 2.4em; } h1.part > .title { display: block; font-size: 0.7em; font-weight: bolder; margin: 0; padding: 0; padding-top: 0.25em; margin-left: 6%; text-transform: uppercase; } h1.part > .title > strong{ font-weight:inherit; } p > span.author{ display:block; color: white; font-size: 1.2em; margin-left: 6%; margin-top: -0.5em; font-weight: 500; } section h1.sect1{ font-size: 1.4em; font-weight:bold; font-family: "Myriad Pro", Seravek, sans-serif; padding-top: 1em; padding-bottom: 0em; margin:0em; color: #101e8e; } section h2.sect2 { font-size: 1.2em; font-weight: normal; padding-left: 0.7em; padding-top: 1em; } section h3.sect3 { font-size: 0.9em; font-weight:bold; padding-left: 0.9em; padding-top: 1em; } section h4.sect4 { font-size: 0.95em; padding-left: 1em; padding-top: 1em; } section h5.sect5 { font-size: 0.95em; padding-left: 1em; padding-top: 1em; } /*********************/ /* COVER & TITLEPAGE */ figure[data-type="cover"], section[data-type="titlepage"] figure { display: block; text-align: center; height:90%; max-width: 100%; max-height: 100%; margin:0; padding:0; vertical-align: middle; } figure[data-type="cover"] img { height:100%; margin:0; padding:0; } section[data-type="titlepage"], section[data-type="titlepage"] figure { /* Kindle */ margin:0; padding:0; } section[data-type="titlepage"] figure img { margin:0; padding:0; height:100%; max-width: 100%; max-height: 100%; vertical-align: middle; } /* LOGOS ET PUCES */ img[src="Images/logo_df.png"] { /* width: ne fonctionne pas sous iOS en attaquant l'image directement */ } .img_30{ height: 3em; } /* STYLES SPECIFIQUES OUVRAGE */ .couleur{ color: #000000; } aside{ border:none; border-radius: 0em; background-color:#e6e5f2; margin: 2em 0em 2em 0em; padding: 1em 1em 1em 1em; font-family: sans-serif; } aside h5{ margin: 0em 0em 0em 0em; padding: 0em; font-size: 1.5em; color: #101e8e; } .nobr{ white-space: nowrap; } figure:not(.notouch) { page-break-inside: avoid; } figure:not(.notouch) figcaption, figure:not(.notouch) h6{ margin:0em; padding:0em; margin-bottom: 1em; font-weight:normal; font-family: sans-serif; font-size: 0.9em; } figure:not(.notouch) img{ width: 100%; } img.spaceBottom{ margin-bottom: 0.5em; } div.hr{ text-align:left; width: 20%; background-color:#101e8e; height: 5px; margin-bottom: 0.3em; } h1.table_title{ color:#101e8e; } span.color_21368C{ color:#101e8e; } .sans-serif{ font-family: sans-serif; } div.couv { background-color: #000000; color: #c1ab46; font-family: sans-serif; font-size:0.9em; margin-top: 1em; margin-bottom: 1em; margin-right: -0.4em; margin-left: -0.4em; } div.couv_int { padding: 2.5em; } div.copyrights { background-color: #e3e2ef; color: #000000; font-family: sans-serif; font-size:0.9em; } div.copyrights_int { padding: 2.5em; } .font_1_2em{ font-size: 1.2em; } /*********************tableau***********************/ div.tableau h1{ font-size: 1.1em; font-weight:bold; font-family: "Myriad Pro", Seravek, sans-serif; padding-top: 1em; padding-bottom: 0em; margin:0em; color: #101e8e; } div.tableau p{ margin: 0em; } table, td, tr, th{ border:none; padding:0em; margin: 0em; } td, th{ border: 1px solid #101e8e; padding:0.2em; } tr p{ padding:0em; margin: 0em; color:#101e8e; font-size:inherit; font-size: 1.1em; } tr{ background-color:#d0cde6; } tr:nth-child(2n+1){ background-color:#a29ecb; } p.p_source, p.p_source_note{ margin:0em; padding:0em; font-size: 0.8em; padding-top: 0.3em; font-weight: normal; } .colophon, div.colophon, div.colophon p{ page-break-before: avoid; text-align: center; } /******************************/ /* Figure à 50% */ figure.fig_50 figcaption, figure.fig_50 h6{ margin:0em; padding:0em; margin-bottom: 1em; font-weight:normal; font-family: sans-serif; font-size: 0.9em; margin-left: 25%; margin-right: 25%; } figure.fig_50 img{ width: 50% } div.hr_50{ text-align:left; width: 20%; background-color:#101e8e; height: 7px; margin-bottom: 0.3em; margin-left: 25%; margin-right: 25%; } /* Figure à 70% */ figure.fig_70 figcaption, figure.fig_70 h6{ margin:0em; padding:0em; margin-bottom: 1em; font-weight:normal; font-family: sans-serif; font-size: 0.9em; margin-left: 15%; margin-right: 15%; } figure.fig_70 img{ width: 70%; } div.hr_70{ text-align:left; width: 20%; background-color:#101e8e; height: 7px; margin-bottom: 0.3em; margin-left: 15%; margin-right: 15%; } /* Figure à 80% */ figure.fig_80 figcaption, figure.fig_80 h6{ margin:0em; padding:0em; margin-bottom: 1em; font-weight:normal; font-family: sans-serif; font-size: 0.9em; margin-left: 10%; margin-right: 10%; } figure.fig_80 img{ width: 80%; } div.hr_80{ text-align:left; width: 20%; background-color:#101e8e; height: 7px; margin-bottom: 0.3em; margin-left: 10%; margin-right: 10%; } /**********************************/ /* PARTIE */ div.partie header{ display: block; margin: 0em; padding: 0em; margin-left: -1.1%; margin-right: -1.1%; margin-top: 0em; margin-bottom: 0em; background-color:#101e8e; page-break-inside: avoid; text-align: center; padding: 0em; height: 96%; } img.img_90H{ text-align: center; height: 100%; } div.partie header p.subtitle{ padding-bottom: 96%; } body div.partie header h1 { display: block; margin: 0em; padding: 0em; } body div.partie header h1.h1_annexes{ display: block; margin-left: 6%; font-size: inherit; font-size: 2.2em; color: #ffffff; vertical-align: middle; padding-top: 35%; border: none; } div.annexe_pad1 { color: #c1ab46; font-family: sans-serif; font-size:0.9em; margin-top: 1em; margin-bottom: 1em; margin-right: 0em; margin-left: 0em; } div header p.annexe_pad { padding-bottom: 100%; } h1.annexe{ margin: 0em; padding: 0em; font-size: inherit; border: none; } section h1.annexe .title{ border: none; color: white; margin: 0em; padding: 0em; font-size:2em; font-weight:bold; font-stretch:normal; } section h1.sect1.annexe .title{ margin: 0em; padding: 0em; font-size:1.5em; color: #101e8e; } p.annexe{ color: #101e8e; margin: 0em; padding: 0em; font-family: sans-serif; font-weight: bold; font-size: 1.3em; line-height :0.9em; margin-bottom: 2em; } .espace2em{ padding-top: 2em; } img.puce_spec{ height: 0.8em; } /* empêche le mot d'être coupé pour aller à la ligne */ .nowordcut, p.nowordcut, div.nowordcut p{ word-wrap: normal; word-break: keep-all; -webkit-hyphens: none !important; adobe-hyphenate: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } body section.sitographie p.up{ text-align: justify; margin: 0; padding: 0; margin-top: -0.5em; margin-left: 0.6em; } body section p.pbib{ text-align: left; text-indent: -0.6em; margin-left: 0.6em; } /* Style pour éviter les changement de page dans le groupe */ section.nopagebreak, div.nopagebreak, section div table.nopagebreak, aside.nopagebreak, blockquote.nopagebreak, p.nopagebreak{ page-break-inside: avoid; } /* Isako : on force la cassage des urls */ div[data-type="footnotes"] a.url{ word-wrap: break-word; word-break: break-all; -webkit-hyphens: auto; adobe-hyphenate: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } a.url{ text-align: left; word-wrap: break-word; word-break: break-all; -webkit-hyphens: auto; adobe-hyphenate: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }