|
|
| (2 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| /* Le CSS placé ici sera appliqué à tous les habillages. */ | | /* Le CSS placé ici sera appliqué à tous les habillages. */ |
|
| |
| /* CSS personnalisée par Marion Delacroix, 2022 */
| |
|
| |
| .firstHeading {
| |
| display: none;
| |
| }
| |
|
| |
| /* CSS personnalisée par Thomas Varlet que je copie-colle pour le bon fonctionnement. Date de 2014 */
| |
|
| |
| /**
| |
| * MediaWiki style sheet for general styles on basic content elements
| |
| *
| |
| * Styles for basic elements: links, lists, etc...
| |
| *
| |
| * This style sheet is used by the Monobook and Vector skins.
| |
| */
| |
|
| |
| /* Links */
| |
| a {
| |
| text-decoration: none;
| |
| color: #0645ad;
| |
| background: none;
| |
| }
| |
| a:visited {
| |
| color: #5a5959;
| |
| }
| |
| a:active {
| |
| color: #faa700;
| |
| }
| |
| a:hover, a:focus {
| |
| text-decoration: underline;
| |
| }
| |
| a.stub {
| |
| color: #772233;
| |
| }
| |
| a.new, #p-personal a.new {
| |
| color: #ba0000;
| |
| }
| |
| a.new:visited, #p-personal a.new:visited {
| |
| color: #a55858;
| |
| }
| |
|
| |
| .liendetails > a
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
| .liendetails > a:hover
| |
| {
| |
| text-decoration: none;
| |
| color: #5a5959;
| |
| background: none;
| |
| }
| |
|
| |
| .liendetails > a:visited
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
|
| |
|
| |
| .lienparcours > a
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
| .lienparcours > a:hover
| |
| {
| |
| text-decoration: underline;
| |
| color: #31B3CE;
| |
| background: none;
| |
| }
| |
|
| |
| .lienparcours > a:visited
| |
| {
| |
| text-decoration: underline;
| |
| color: #31B3CE;
| |
| background: none;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* Interwiki Styling */
| |
| .mw-body a.extiw,
| |
| .mw-body a.extiw:active {
| |
| color: #36b;
| |
| }
| |
| .mw-body a.extiw:visited {
| |
| color: #636;
| |
| }
| |
| .mw-body a.extiw:active {
| |
| color: #b63;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Inline Elements */
| |
| img {
| |
| border: none;
| |
| vertical-align: middle;
| |
| }
| |
| hr {
| |
| height: 1px;
| |
| color: #aaa;
| |
| background-color: #aaa;
| |
| border: 0;
| |
| margin: .2em 0;
| |
| }
| |
|
| |
| /* Structural Elements */
| |
| h1,
| |
| h2,
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| color: black;
| |
| background: none;
| |
| font-weight: normal;
| |
| margin: 0;
| |
| overflow: hidden;
| |
| padding-top: .5em;
| |
| padding-bottom: .17em;
| |
| border-bottom: 1px solid #aaa;
| |
| }
| |
| h1 {
| |
| font-size: 188%;
| |
| }
| |
| h2 {
| |
| font-size: 150%;
| |
| }
| |
| h3,
| |
| h4,
| |
| h5,
| |
| h6 {
| |
| border-bottom: none;
| |
| font-weight: bold;
| |
| }
| |
| h3 {
| |
| font-size: 132%;
| |
| }
| |
| h4 {
| |
| font-size: 116%;
| |
| }
| |
| h5 {
| |
| font-size: 108%;
| |
| }
| |
| h6 {
| |
| font-size: 100%;
| |
| }
| |
|
| |
| /* Some space under the headers in the content area */
| |
| h1,
| |
| h2 {
| |
| margin-bottom: .6em;
| |
| }
| |
| h3,
| |
| h4,
| |
| h5 {
| |
| margin-bottom: .3em;
| |
| }
| |
|
| |
| p {
| |
| margin: .4em 0 .5em 0;
| |
| line-height: 1.5em;
| |
| }
| |
| p img {
| |
| margin: 0;
| |
| }
| |
|
| |
| ul {
| |
| line-height: 1.5em;
| |
| list-style-type: square;
| |
| margin: .3em 0 0 1.6em;
| |
| padding: 0;
| |
| }
| |
| ol {
| |
| line-height: 1.5em;
| |
| margin: .3em 0 0 3.2em;
| |
| padding: 0;
| |
| list-style-image: none;
| |
| }
| |
| li {
| |
| margin-bottom: .1em;
| |
| }
| |
| dt {
| |
| font-weight: bold;
| |
| margin-bottom: .1em;
| |
| }
| |
| dl {
| |
| margin-top: .2em;
| |
| margin-bottom: .5em;
| |
| }
| |
| dd {
| |
| line-height: 1.5em;
| |
| margin-left: 1.6em;
| |
| margin-bottom: .1em;
| |
| }
| |
|
| |
| /* IE 6 and 7 lack support for quotes aroud the <q> element ('::before' and '::after'
| |
| pseudoelements, 'quotes' property). Let's italicize it instead (using the star hack). */
| |
| q {
| |
| *font-style: italic;
| |
| }
| |
|
| |
| pre, code, tt, kbd, samp, .mw-code {
| |
| /*
| |
| * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
| |
| * Specifying any valid, second value will trigger correct behavior without forcing a different font.
| |
| */
| |
| font-family: monospace, Courier;
| |
| }
| |
| code {
| |
| background-color: #f9f9f9;
| |
| }
| |
| pre, .mw-code {
| |
| padding: 1em;
| |
| border: 1px solid #ddd;
| |
| color: black;
| |
| background-color: #f9f9f9;
| |
| }
| |
|
| |
| /* Tables */
| |
| table {
| |
| font-size: 100%;
| |
|
| |
| }
| |
|
| |
| /* Forms */
| |
| fieldset {
| |
| border: 1px solid #2f6fab;
| |
| margin: 1em 0 1em 0;
| |
| padding: 0 1em 1em;
| |
| line-height: 1.5em;
| |
| }
| |
| fieldset.nested {
| |
| margin: 0 0 0.5em 0;
| |
| padding: 0 0.5em 0.5em;
| |
| }
| |
| legend {
| |
| padding: .5em;
| |
| font-size: 95%;
| |
| }
| |
| form {
| |
| border: none;
| |
| margin: 0;
| |
| }
| |
| textarea {
| |
| width: 100%;
| |
| padding: .1em;
| |
| display: block;
| |
| -moz-box-sizing: border-box;
| |
| -webkit-box-sizing: border-box;
| |
| box-sizing: border-box;
| |
| }
| |
| select {
| |
| vertical-align: top;
| |
| }
| |
|
| |
| /* Emulate Center */
| |
| .center {
| |
| width: 100%;
| |
| text-align: center;
| |
| }
| |
| *.center * {
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| }
| |
| /* Small for tables and similar */
| |
| .small {
| |
| font-size: 94%;
| |
| }
| |
| table.small {
| |
| font-size: 100%;
| |
| }
| |
|
| |
| /* Images et videos */
| |
| .cadrevideo {
| |
| display: inline-block; max-width: 100%;
| |
| height: auto;
| |
| padding: 10px;
| |
| line-height: 1.42857143;
| |
| background-color: #eee;
| |
| border: 1px solid #ccc;
| |
| border-radius: 4px;
| |
| -webkit-transition: all .2s ease-in-out;
| |
| transition: all .2s ease-in-out;
| |
|
| |
| }
| |
|
| |
| .cadreimg {
| |
| display: inline-block; max-width: 100%;
| |
| height: auto;
| |
| padding: 10px;
| |
| line-height: 1.42857143;
| |
| background-color: #fff;
| |
| border: 1px solid #ccc;
| |
| border-radius: 4px;
| |
| -webkit-transition: all .2s ease-in-out;
| |
| transition: all .2s ease-in-out;
| |
|
| |
| }
| |
|
| |
| .liendetails {
| |
| width: 120px;
| |
| }
| |
|
| |
| .commentaires {
| |
| border: 1px solid #ddd;
| |
| background-color: #f9f9f9;
| |
| font-family: Courier;
| |
| font-size: inherit;
| |
| line-height: 1.3em;
| |
| padding: 1em;
| |
| width: 80%;
| |
| }
| |
|
| |
| .commentairesplus {
| |
| border-left: 5px solid #428bca;
| |
| background-color: #eeeeee;
| |
| font-family: inherit;
| |
| font-size: inherit;
| |
| line-height: 1.3em;
| |
| padding: 1em;
| |
| width: 80%;
| |
| }
| |
|
| |
| .entetehome1 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome2 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome3 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome4 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome5 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome6 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #5CB85C;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .entetehome7 {
| |
| font-size: 105%;
| |
| padding: 0.4em;
| |
| background-color: #428bca;
| |
| color: #fff;
| |
| text-align: center;
| |
| }
| |
|
| |
| .titreboussole{
| |
| font-size: 23px;
| |
| padding-top: 30px;
| |
| padding-bottom: 20px;
| |
| color: #f0ad4e;
| |
| text-align: left;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .titrehome {
| |
| font-size: 18px;
| |
| padding-top: 20px;
| |
| color: #000;
| |
| text-align: center;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .soustitrehome {
| |
| font-size: 18px;
| |
| color: #fff;
| |
| text-align: left;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .boussolehome {
| |
|
| |
| border: 1px solid #aaaaaa;
| |
| padding: 0.4em;
| |
| background-color: #fff;
| |
| color: #000;
| |
| text-align: center;
| |
| }
| |
|
| |
| .etiquettehome {
| |
| background-color: #f0ad4e;
| |
| color: #fff;
| |
| display: inline;
| |
| padding: .2em .6em .3em;
| |
| font-size: 90%;
| |
| font-weight: bold;
| |
| line-height: 1;
| |
| border: 0px solid #ea560d;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| vertical-align: baseline;
| |
| border-radius: 0px;
| |
| }
| |
|
| |
| .etiquetteexpert {
| |
| background-color: #5cb85c;
| |
| color: #fff;
| |
| display: inline;
| |
| padding: .2em .6em .3em;
| |
| font-size: 70%;
| |
| font-weight: bold;
| |
| line-height: 1;
| |
| border: 0px solid #5cb85c;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| vertical-align: middle;
| |
| border-radius: 0px;
| |
| }
| |
|
| |
|
| |
|
| |
| .btnhome {
| |
| background-color: #fff;
| |
| color:#333;
| |
| display: inline;
| |
| padding: .6em .6em .6em .6em;
| |
| font-size: 100%;
| |
| line-height: 1;
| |
| border: 1px solid #ccc;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| vertical-align: middle;
| |
| border-radius: .25em;
| |
| }
| |
|
| |
| .btnhome:hover,
| |
| .btnhome:focus,
| |
| .btnhome:active,
| |
| .btnhome.active {
| |
| color: #333;
| |
| background-color: #ebebeb;
| |
| border-color: #adadad;
| |
| }
| |
|
| |
|
| |
| .btnhome > a
| |
| {
| |
| text-decoration: none;
| |
| color: #333;
| |
| background: none;
| |
| }
| |
|
| |
| .btnhome > a:hover
| |
| {
| |
| text-decoration: none;
| |
| color: #333;
| |
| background: none;
| |
| }
| |
|
| |
| .btnhome > a:visited
| |
| {
| |
| text-decoration: none;
| |
| color: #333;
| |
| background: none;
| |
| }
| |
|
| |
| .btnretour {
| |
| background-color: #428bca;
| |
| color:#fff;
| |
| display: inline;
| |
| padding: .6em .6em .6em .6em;
| |
| font-size: 100%;
| |
| line-height: 1;
| |
| border: 1px solid #357ebd;
| |
| text-align: center;
| |
| white-space: nowrap;
| |
| vertical-align: middle;
| |
| border-radius: .25em;
| |
| }
| |
|
| |
| .btnretour:hover,
| |
| .btnretour:focus,
| |
| .btnretour:active,
| |
| .btnretour.active {
| |
| color: #fff;
| |
| background-color: #3276b1;
| |
| border-color: #285e8e;
| |
| }
| |
|
| |
|
| |
| .btnretour > a
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
| .btnretour > a:hover
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
| .btnretour > a:visited
| |
| {
| |
| text-decoration: none;
| |
| color: #fff;
| |
| background: none;
| |
| }
| |
|
| |
| .chiffres {
| |
| font-family: inherit;
| |
| font-size: 25px;
| |
| color: red;
| |
| font-weight: bold;
| |
| padding: 5px;
| |
| }
| |
|
| |
| .chiffresverts {
| |
| font-family: inherit;
| |
| font-size: 25px;
| |
| color: green;
| |
| font-weight: bold;
| |
| padding: 5px;
| |
| }
| |
|
| |
| .chiffresbleus {
| |
| font-family: inherit;
| |
| font-size: 25px;
| |
| color: blue;
| |
| font-weight: bold;
| |
| padding: 5px;
| |
| }
| |
|
| |
| .chiffresgris {
| |
| font-family: inherit;
| |
| font-size: 25px;
| |
| color: #c0c0c0;
| |
| font-weight: bold;
| |
| padding: 5px;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| .goog-te-gadget {float: left; margin-left: -30px;}
| |
| .goog-te-combo {display: inline-block;}
| |
| .goog-te-banner-frame.skiptranslate {display: none;}
| |
| body {top: 0px;}
| |
| .goog-tooltip {display: none;}
| |
| .goog-tooltip:hover {display: none;}
| |
| .goog-text-highlight {
| |
| background-color: transparent;
| |
| border: none;
| |
| box-shadow: none;
| |
| }
| |
| .goog-te-gadget {font-size: 0px; }
| |
| .goog-te-gadget img {display: none}
| |
| .goog-logo-link {display: none;}
| |