html, td, th, input, button, select, textarea { font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-feature-settings: 'liga', 'dlig' off, 'pnum', 'onum', 'kern'; -webkit-font-feature-settings: 'liga', 'dlig' off, 'pnum', 'onum', 'kern'; -moz-font-feature-settings: 'liga', 'dlig' off, 'pnum', 'onum', 'kern'; -moz-font-feature-settings: 'liga=1,dlig=0,pnum=1,onum=1,kern=1'; text-rendering: optimizeLegibility; font-size: 0.85rem; color: #111; overscroll-behavior-y: none; } body.webkit select, body.webkit textarea { font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif !important; } body, td, th { margin: 0; padding: 0; } body { position: absolute; width: 100%; height: 100%; background: #f7eFd7; overflow-x: hidden; } input, textarea { -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } input[type=search] { -webkit-appearance: none; } .merci-beaucoup-ios-beau-travail { display: none; }  @media only screen and (min-width: 1248px) { html, td, th, input, button, select, textarea { font-size: 0.9rem; } } @media only screen and (min-width: 1488px) { html, td, th, input, button, select, textarea { font-size: 0.95rem; } }   * { transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s; } a { color: #03c; } .annonce-active { cursor: pointer; } .lien-inaccessible { cursor: text; color: #111; } .lien-inaccessible:hover { text-decoration: none; }  span.date { white-space: nowrap; } .pc { font-variant-caps: small-caps; font-feature-settings: 'c2sc', 'smcp' on, 'unic' on; -webkit-font-feature-settings: 'c2sc', 'smcp' on, 'unic' on; -moz-font-feature-settings: 'c2sc', 'smcp' on, 'unic' on; -moz-font-feature-settings: 'c2sc=1,smcp=1,unic=1'; } .num-maj, .num-prop-maj { font-feature-settings: 'pnum' on, 'onum' off; -webkit-font-feature-settings: 'pnum' on, 'onum' off; -moz-font-feature-settings: 'pnum' on, 'onum' off; -moz-font-feature-settings: 'pnum=1,onum=0'; } .num-tab { font-feature-settings: 'tnum' on; -webkit-font-feature-settings: 'tnum' on; -moz-font-feature-settings: 'tnum' on; -moz-font-feature-settings: 'tnum=1'; } .num-tab-maj { font-feature-settings: 'pnum' off, 'onum' off, 'tnum' on; -webkit-font-feature-settings: 'pnum' off, 'onum' off, 'tnum' on; -moz-font-feature-settings: 'pnum' off, 'onum' off, 'tnum' on; -moz-font-feature-settings: 'pnum=0,onum=0,tnum=1'; } .couleur-verte { color: #339933 !important; } .couleur-jaune { color: #ffcc33 !important; } .couleur-rouge { color: #ff3333 !important; } .couleur-speciale { color: #03c !important; } .fond-vert { background-color: #339933 !important; } .fond-jaune { background-color: #ffcc33 !important; } .fond-rouge { background-color: #ff3333 !important; } .fond-special { background-color: #03c !important; } del { text-decoration: line-through 1.5px #ff3333; } .ecran { margin: 0 auto; width: 1024px; position: relative; padding-left: 24px; padding-right: 4px; box-sizing: border-box; } .ecran.restreint { width: 976px; padding-left: 0; } .ecran.total { width: auto; } .ecran .ecran:not(.force) { width: auto; padding: 0; } .ecran:after { position: static; display: block; clear: both; content: ' '; } @media print { .ecran { width: auto; margin: 0; padding: 0; } }  @media only screen and (min-width: 1248px) { .ecran { width: 1228px; } .ecran.restreint { width: 1180px; } } @media only screen and (min-width: 1488px) { .ecran { width: 1468px; } .ecran.restreint { width: 1420px; } }   @media only screen and (max-width: 1023px) { .ecran { width: 100%; } .ecran.restreint { width: 100%; padding: 0 24px; box-sizing: border-box; } }  div.fenetre section.fenetre.col-fix { margin-right: -35px; margin-bottom: -15px; } .cols { box-sizing: border-box; width: 100%; margin-top: 0; } .cols:not(.libre) { float: left; } .cols:after { position: static; display: block; clear: both; content: ' '; } .cols.grille { display: flex; flex-direction: row; flex-flow: wrap; } .cols.grille.pour-demi-marge { padding-right: 10px; padding-bottom: 10px; } ul.cols, ul.col { margin: 0; padding: 0; } .col { float: left; box-sizing: border-box; width: 332px; margin-top: 0; } .cols:not(aside) + *:not(.col):not(.cols), .col:not(aside) + *:not(.col):not(.cols) { clear: both; } aside.col:not(.a-gauche), .col.a-droite { float: right; } li.cols, li.col { display: block; padding-left: 0; margin-left: 0; } .col.retour, .cols.retour { clear: left; } .col.retour-d, .cols.retour-d { clear: right; } .col.retour.retour-d, .cols.retour.retour-d { clear: both; } .col.marge, .cols.marge { padding-bottom: 20px; padding-right: 20px; } .col.demi-marge, .cols.demi-marge { padding-bottom: 10px; padding-right: 10px; } .col.marge-d, .cols.marge-d { padding-right: 20px; } .cols.margex-d { width: calc(100% - 20px); } .col.demi-marge-d, .cols.demi-marge-d { padding-right: 10px; } .col.marge .cols.antimarge-d, .cols.marge .cols.antimarge-d, .col.marge-d .cols.antimarge-d, .cols.marge-d .cols.antimarge-d { margin-right: -20px; width: calc(100% + 20px); } .col.marge-b, .cols.marge-b { padding-bottom: 20px; } .col.marge-bb, .cols.marge-bb { padding-bottom: 40px; } .col.demi-marge-b, .cols.demi-marge-b { padding-bottom: 10px; } .col.marge-h, .cols.marge-h { padding-top: 20px; } .col.marge-g, .cols.marge-g { padding-left: 20px; } .col.bordure-g, .cols.bordure-g { border-left: 1.2px solid #333; padding-left: 20px; } .col.bordure-d, .cols.bordure-d { position: relative; padding-right: 40px; } .col.bordure-d:after, .cols.bordure-d:after { position: absolute; display: block; content: ' '; top: 0; right: 20px; bottom: 20px; width: 1.2px; background: #333; } .col.bordure-h:before, .cols.bordure-h:before { position: static; display: block; height: 0; border-top: 1.2px solid #333; padding-bottom: 10px; margin-right: 20px; content: ' '; } .col.bordure-hh:before, .cols.bordure-hh:before { position: static; display: block; height: 0; border-top: 2.4px solid #333; padding-bottom: 10px; margin-right: 20px; content: ' '; } .col.bordure-hhhh:before, .cols.bordure-hhhh:before { position: static; display: block; height: 0; border-top: 4.8px solid #333; padding-bottom: 10px; margin-right: 20px; content: ' '; } .col.marge.bordure-h:before, .cols.marge.bordure-h:before, .col.marge-d.bordure-h:before, .cols.marge-d.bordure-h:before, .col.marge.bordure-hh:before, .cols.marge.bordure-hh:before, .col.marge-d.bordure-hh:before, .cols.marge-d.bordure-hh:before, .col.marge.bordure-hhhh:before, .cols.marge.bordure-hhhh:before, .col.marge-d.bordure-hhhh:before, .cols.marge-d.bordure-hhhh:before { margin-right: 0; } .col.relatif, .cols.relatif { position: relative; }  .col.n1 { width: 83px; } .cols.grille.pour-demi-marge > .col.n1 { width: 80px; } .col.retrait-n1 { margin-left: 83px; } .col.debord-g-n1 { float: left !important; clear: left !important; margin-left: -83px; } .col.debord-d-n1 { float: right; clear: right; margin-right: -83px; margin-left: 20px; } .cols.marge .col.debord-d-n1, .col.marge .col.debord-d-n1 { margin-right: -103px; }  .col.n2 { width: 166px; } .cols.grille.pour-demi-marge > .col.n2 { width: 160px; } .col.retrait-n2 { margin-left: 166px; } .col.debord-g-n2 { float: left !important; clear: left !important; margin-left: -166px; } .col.debord-d-n2 { float: right; clear: right; margin-right: -166px; margin-left: 20px; } .cols.marge .col.debord-d-n2, .col.marge .col.debord-d-n2 { margin-right: -186px; }  .col.n3 { width: 249px; } .cols.grille.pour-demi-marge > .col.n3 { width: 240px; } .col.retrait-n3 { margin-left: 249px; } .col.debord-g-n3 { float: left !important; clear: left !important; margin-left: -249px; } .col.debord-d-n3 { float: right; clear: right; margin-right: -249px; margin-left: 20px; } .cols.marge .col.debord-d-n3, .col.marge .col.debord-d-n3 { margin-right: -269px; }  .col.n4 { width: 332px; } .cols.grille.pour-demi-marge > .col.n4 { width: 320px; } .col.retrait-n4 { margin-left: 332px; } .col.debord-g-n4 { float: left !important; clear: left !important; margin-left: -332px; } .col.debord-d-n4 { float: right; clear: right; margin-right: -332px; margin-left: 20px; } .cols.marge .col.debord-d-n4, .col.marge .col.debord-d-n4 { margin-right: -352px; }  .col.n5 { width: 415px; } .cols.grille.pour-demi-marge > .col.n5 { width: 400px; } .col.retrait-n5 { margin-left: 415px; } .col.debord-g-n5 { float: left !important; clear: left !important; margin-left: -415px; } .col.debord-d-n5 { float: right; clear: right; margin-right: -415px; margin-left: 20px; } .cols.marge .col.debord-d-n5, .col.marge .col.debord-d-n5 { margin-right: -435px; }  .col.n6 { width: 498px; } .cols.grille.pour-demi-marge > .col.n6 { width: 480px; } .col.retrait-n6 { margin-left: 498px; } .col.debord-g-n6 { float: left !important; clear: left !important; margin-left: -498px; } .col.debord-d-n6 { float: right; clear: right; margin-right: -498px; margin-left: 20px; } .cols.marge .col.debord-d-n6, .col.marge .col.debord-d-n6 { margin-right: -518px; }  .col.n7 { width: 581px; } .cols.grille.pour-demi-marge > .col.n7 { width: 560px; } .col.retrait-n7 { margin-left: 581px; } .col.debord-g-n7 { float: left !important; clear: left !important; margin-left: -581px; } .col.debord-d-n7 { float: right; clear: right; margin-right: -581px; margin-left: 20px; } .cols.marge .col.debord-d-n7, .col.marge .col.debord-d-n7 { margin-right: -601px; }  .col.n8 { width: 664px; } .cols.grille.pour-demi-marge > .col.n8 { width: 640px; } .col.retrait-n8 { margin-left: 664px; } .col.debord-g-n8 { float: left !important; clear: left !important; margin-left: -664px; } .col.debord-d-n8 { float: right; clear: right; margin-right: -664px; margin-left: 20px; } .cols.marge .col.debord-d-n8, .col.marge .col.debord-d-n8 { margin-right: -684px; }  .col.n9 { width: 747px; } .cols.grille.pour-demi-marge > .col.n9 { width: 720px; } .col.retrait-n9 { margin-left: 747px; } .col.debord-g-n9 { float: left !important; clear: left !important; margin-left: -747px; } .col.debord-d-n9 { float: right; clear: right; margin-right: -747px; margin-left: 20px; } .cols.marge .col.debord-d-n9, .col.marge .col.debord-d-n9 { margin-right: -767px; }  .col.n10 { width: 830px; } .cols.grille.pour-demi-marge > .col.n10 { width: 800px; } .col.retrait-n10 { margin-left: 830px; } .col.debord-g-n10 { float: left !important; clear: left !important; margin-left: -830px; } .col.debord-d-n10 { float: right; clear: right; margin-right: -830px; margin-left: 20px; } .cols.marge .col.debord-d-n10, .col.marge .col.debord-d-n10 { margin-right: -850px; }  .col.n11 { width: 913px; } .cols.grille.pour-demi-marge > .col.n11 { width: 880px; } .col.retrait-n11 { margin-left: 913px; } .col.debord-g-n11 { float: left !important; clear: left !important; margin-left: -913px; } .col.debord-d-n11 { float: right; clear: right; margin-right: -913px; margin-left: 20px; } .cols.marge .col.debord-d-n11, .col.marge .col.debord-d-n11 { margin-right: -933px; }  .col.n12 { width: 996px; } .cols.grille.pour-demi-marge > .col.n12 { width: 960px; } .col.retrait-n12 { margin-left: 996px; } .col.debord-g-n12 { float: left !important; clear: left !important; margin-left: -996px; } .col.debord-d-n12 { float: right; clear: right; margin-right: -996px; margin-left: 20px; } .cols.marge .col.debord-d-n12, .col.marge .col.debord-d-n12 { margin-right: -1016px; }  .col.plein { width: 100%; } .col header:not(.col):not(.cols), .cols header:not(.col):not(.cols), .col footer:not(.col):not(.cols), .cols footer:not(.col):not(.cols) { padding-right: 20px; } .col.marge-d header:not(.col):not(.cols), .cols.marge-d header:not(.col):not(.cols), .col.marge header:not(.col):not(.cols), .cols.marge header:not(.col):not(.cols), .col.marge-d footer:not(.col):not(.cols), .cols.marge-d footer:not(.col):not(.cols), .col.marge footer:not(.col):not(.cols), .cols.marge footer:not(.col):not(.cols) { padding-right: 0; }  @media only screen and (min-width: 1248px) {  .col.n1 { width: 100px; } .cols.grille.pour-demi-marge > .col.n1 { width: 97px; } .col.retrait-n1 { margin-left: 100px; } .col.debord-g-n1 { margin-left: -100px; } .col.debord-d-n1 { margin-right: -100px; } .cols.marge .col.debord-d-n1, .col.marge .col.debord-d-n1 { margin-right: -120px; }  .col.n2 { width: 200px; } .cols.grille.pour-demi-marge > .col.n2 { width: 194px; } .col.retrait-n2 { margin-left: 200px; } .col.debord-g-n2 { margin-left: -200px; } .col.debord-d-n2 { margin-right: -200px; } .cols.marge .col.debord-d-n2, .col.marge .col.debord-d-n2 { margin-right: -220px; }  .col.n3 { width: 300px; } .cols.grille.pour-demi-marge > .col.n3 { width: 291px; } .col.retrait-n3 { margin-left: 300px; } .col.debord-g-n3 { margin-left: -300px; } .col.debord-d-n3 { margin-right: -300px; } .cols.marge .col.debord-d-n3, .col.marge .col.debord-d-n3 { margin-right: -320px; }  .col.n4 { width: 400px; } .cols.grille.pour-demi-marge > .col.n4 { width: 388px; } .col.retrait-n4 { margin-left: 400px; } .col.debord-g-n4 { margin-left: -400px; } .col.debord-d-n4 { margin-right: -400px; } .cols.marge .col.debord-d-n4, .col.marge .col.debord-d-n4 { margin-right: -420px; }  .col.n5 { width: 500px; } .cols.grille.pour-demi-marge > .col.n5 { width: 485px; } .col.retrait-n5 { margin-left: 500px; } .col.debord-g-n5 { margin-left: -500px; } .col.debord-d-n5 { margin-right: -500px; } .cols.marge .col.debord-d-n5, .col.marge .col.debord-d-n5 { margin-right: -520px; }  .col.n6 { width: 600px; } .cols.grille.pour-demi-marge > .col.n6 { width: 582px; } .col.retrait-n6 { margin-left: 600px; } .col.debord-g-n6 { margin-left: -600px; } .col.debord-d-n6 { margin-right: -600px; } .cols.marge .col.debord-d-n6, .col.marge .col.debord-d-n6 { margin-right: -620px; }  .col.n7 { width: 700px; } .cols.grille.pour-demi-marge > .col.n7 { width: 679px; } .col.retrait-n7 { margin-left: 700px; } .col.debord-g-n7 { margin-left: -700px; } .col.debord-d-n7 { margin-right: -700px; } .cols.marge .col.debord-d-n7, .col.marge .col.debord-d-n7 { margin-right: -720px; }  .col.n8 { width: 800px; } .cols.grille.pour-demi-marge > .col.n8 { width: 776px; } .col.retrait-n8 { margin-left: 800px; } .col.debord-g-n8 { margin-left: -800px; } .col.debord-d-n8 { margin-right: -800px; } .cols.marge .col.debord-d-n8, .col.marge .col.debord-d-n8 { margin-right: -820px; }  .col.n9 { width: 900px; } .cols.grille.pour-demi-marge > .col.n9 { width: 873px; } .col.retrait-n9 { margin-left: 900px; } .col.debord-g-n9 { margin-left: -900px; } .col.debord-d-n9 { margin-right: -900px; } .cols.marge .col.debord-d-n9, .col.marge .col.debord-d-n9 { margin-right: -920px; }  .col.n10 { width: 1000px; } .cols.grille.pour-demi-marge > .col.n10 { width: 970px; } .col.retrait-n10 { margin-left: 1000px; } .col.debord-g-n10 { margin-left: -1000px; } .col.debord-d-n10 { margin-right: -1000px; } .cols.marge .col.debord-d-n10, .col.marge .col.debord-d-n10 { margin-right: -1020px; }  .col.n11 { width: 1100px; } .cols.grille.pour-demi-marge > .col.n11 { width: 1067px; } .col.retrait-n11 { margin-left: 1100px; } .col.debord-g-n11 { margin-left: -1100px; } .col.debord-d-n11 { margin-right: -1100px; } .cols.marge .col.debord-d-n11, .col.marge .col.debord-d-n11 { margin-right: -1120px; }  .col.n12 { width: 1200px; } .cols.grille.pour-demi-marge > .col.n12 { width: 1164px; } .col.retrait-n12 { margin-left: 1200px; } .col.debord-g-n12 { margin-left: -1200px; } .col.debord-d-n12 { margin-right: -1200px; } .cols.marge .col.debord-d-n12, .col.marge .col.debord-d-n12 { margin-right: -1220px; }  } @media only screen and (min-width: 1488px) {  .col.n1 { width: 120px; } .cols.grille.pour-demi-marge > .col.n1 { width: 117px; } .col.retrait-n1 { margin-left: 120px; } .col.debord-g-n1 { margin-left: -120px; } .col.debord-d-n1 { margin-right: -120px; } .cols.marge .col.debord-d-n1, .col.marge .col.debord-d-n1 { margin-right: -140px; }  .col.n2 { width: 240px; } .cols.grille.pour-demi-marge > .col.n2 { width: 234px; } .col.retrait-n2 { margin-left: 240px; } .col.debord-g-n2 { margin-left: -240px; } .col.debord-d-n2 { margin-right: -240px; } .cols.marge .col.debord-d-n2, .col.marge .col.debord-d-n2 { margin-right: -260px; }  .col.n3 { width: 360px; } .cols.grille.pour-demi-marge > .col.n3 { width: 351px; } .col.retrait-n3 { margin-left: 360px; } .col.debord-g-n3 { margin-left: -360px; } .col.debord-d-n3 { margin-right: -360px; } .cols.marge .col.debord-d-n3, .col.marge .col.debord-d-n3 { margin-right: -380px; }  .col.n4 { width: 480px; } .cols.grille.pour-demi-marge > .col.n4 { width: 468px; } .col.retrait-n4 { margin-left: 480px; } .col.debord-g-n4 { margin-left: -480px; } .col.debord-d-n4 { margin-right: -480px; } .cols.marge .col.debord-d-n4, .col.marge .col.debord-d-n4 { margin-right: -500px; }  .col.n5 { width: 600px; } .cols.grille.pour-demi-marge > .col.n5 { width: 585px; } .col.retrait-n5 { margin-left: 600px; } .col.debord-g-n5 { margin-left: -600px; } .col.debord-d-n5 { margin-right: -600px; } .cols.marge .col.debord-d-n5, .col.marge .col.debord-d-n5 { margin-right: -620px; }  .col.n6 { width: 720px; } .cols.grille.pour-demi-marge > .col.n6 { width: 702px; } .col.retrait-n6 { margin-left: 720px; } .col.debord-g-n6 { margin-left: -720px; } .col.debord-d-n6 { margin-right: -720px; } .cols.marge .col.debord-d-n6, .col.marge .col.debord-d-n6 { margin-right: -740px; }  .col.n7 { width: 840px; } .cols.grille.pour-demi-marge > .col.n7 { width: 819px; } .col.retrait-n7 { margin-left: 840px; } .col.debord-g-n7 { margin-left: -840px; } .col.debord-d-n7 { margin-right: -840px; } .cols.marge .col.debord-d-n7, .col.marge .col.debord-d-n7 { margin-right: -860px; }  .col.n8 { width: 960px; } .cols.grille.pour-demi-marge > .col.n8 { width: 936px; } .col.retrait-n8 { margin-left: 960px; } .col.debord-g-n8 { margin-left: -960px; } .col.debord-d-n8 { margin-right: -960px; } .cols.marge .col.debord-d-n8, .col.marge .col.debord-d-n8 { margin-right: -980px; }  .col.n9 { width: 1080px; } .cols.grille.pour-demi-marge > .col.n9 { width: 1053px; } .col.retrait-n9 { margin-left: 1080px; } .col.debord-g-n9 { margin-left: -1080px; } .col.debord-d-n9 { margin-right: -1080px; } .cols.marge .col.debord-d-n9, .col.marge .col.debord-d-n9 { margin-right: -1100px; }  .col.n10 { width: 1200px; } .cols.grille.pour-demi-marge > .col.n10 { width: 1170px; } .col.retrait-n10 { margin-left: 1200px; } .col.debord-g-n10 { margin-left: -1200px; } .col.debord-d-n10 { margin-right: -1200px; } .cols.marge .col.debord-d-n10, .col.marge .col.debord-d-n10 { margin-right: -1220px; }  .col.n11 { width: 1320px; } .cols.grille.pour-demi-marge > .col.n11 { width: 1287px; } .col.retrait-n11 { margin-left: 1320px; } .col.debord-g-n11 { margin-left: -1320px; } .col.debord-d-n11 { margin-right: -1320px; } .cols.marge .col.debord-d-n11, .col.marge .col.debord-d-n11 { margin-right: -1340px; }  .col.n12 { width: 1440px; } .cols.grille.pour-demi-marge > .col.n12 { width: 1404px; } .col.retrait-n12 { margin-left: 1440px; } .col.debord-g-n12 { margin-left: -1440px; } .col.debord-d-n12 { margin-right: -1440px; } .cols.marge .col.debord-d-n12, .col.marge .col.debord-d-n12 { margin-right: -1460px; }  }   @media only screen and (max-width: 1023px) { .ecran { width: 100%; padding-right: 4px; } .col.n9, .col.n10, .col.n11, .col.n12 { width: 100%; } .col.n4.retrait-n8 { margin-left: 332px; }  .col.debord-g-n1 { margin-left: 0; } .cols.marge .col.debord-g-n1, .col.marge .col.debord-g-n1 { padding-right: 0; } .col.debord-d-n1 { margin-right: 0; } .cols.marge .col.debord-d-n1, .col.marge .col.debord-d-n1 { margin-right: -20px; }  .col.debord-g-n2 { margin-left: 0; } .cols.marge .col.debord-g-n2, .col.marge .col.debord-g-n2 { padding-right: 0; } .col.debord-d-n2 { margin-right: 0; } .cols.marge .col.debord-d-n2, .col.marge .col.debord-d-n2 { margin-right: -20px; }  .col.debord-g-n3 { margin-left: 0; } .cols.marge .col.debord-g-n3, .col.marge .col.debord-g-n3 { padding-right: 0; } .col.debord-d-n3 { margin-right: 0; } .cols.marge .col.debord-d-n3, .col.marge .col.debord-d-n3 { margin-right: -20px; }  .col.debord-g-n4 { margin-left: 0; } .cols.marge .col.debord-g-n4, .col.marge .col.debord-g-n4 { padding-right: 0; } .col.debord-d-n4 { margin-right: 0; } .cols.marge .col.debord-d-n4, .col.marge .col.debord-d-n4 { margin-right: -20px; }  .col.debord-g-n5 { margin-left: 0; } .cols.marge .col.debord-g-n5, .col.marge .col.debord-g-n5 { padding-right: 0; } .col.debord-d-n5 { margin-right: 0; } .cols.marge .col.debord-d-n5, .col.marge .col.debord-d-n5 { margin-right: -20px; }  .col.debord-g-n6 { margin-left: 0; } .cols.marge .col.debord-g-n6, .col.marge .col.debord-g-n6 { padding-right: 0; } .col.debord-d-n6 { margin-right: 0; } .cols.marge .col.debord-d-n6, .col.marge .col.debord-d-n6 { margin-right: -20px; }  .col.debord-g-n7 { margin-left: 0; } .cols.marge .col.debord-g-n7, .col.marge .col.debord-g-n7 { padding-right: 0; } .col.debord-d-n7 { margin-right: 0; } .cols.marge .col.debord-d-n7, .col.marge .col.debord-d-n7 { margin-right: -20px; }  .col.debord-g-n8 { margin-left: 0; } .cols.marge .col.debord-g-n8, .col.marge .col.debord-g-n8 { padding-right: 0; } .col.debord-d-n8 { margin-right: 0; } .cols.marge .col.debord-d-n8, .col.marge .col.debord-d-n8 { margin-right: -20px; }  .col.debord-g-n9 { margin-left: 0; } .cols.marge .col.debord-g-n9, .col.marge .col.debord-g-n9 { padding-right: 0; } .col.debord-d-n9 { margin-right: 0; } .cols.marge .col.debord-d-n9, .col.marge .col.debord-d-n9 { margin-right: -20px; }  .col.debord-g-n10 { margin-left: 0; } .cols.marge .col.debord-g-n10, .col.marge .col.debord-g-n10 { padding-right: 0; } .col.debord-d-n10 { margin-right: 0; } .cols.marge .col.debord-d-n10, .col.marge .col.debord-d-n10 { margin-right: -20px; }  .col.debord-g-n11 { margin-left: 0; } .cols.marge .col.debord-g-n11, .col.marge .col.debord-g-n11 { padding-right: 0; } .col.debord-d-n11 { margin-right: 0; } .cols.marge .col.debord-d-n11, .col.marge .col.debord-d-n11 { margin-right: -20px; }  .col.debord-g-n12 { margin-left: 0; } .cols.marge .col.debord-g-n12, .col.marge .col.debord-g-n12 { padding-right: 0; } .col.debord-d-n12 { margin-right: 0; } .cols.marge .col.debord-d-n12, .col.marge .col.debord-d-n12 { margin-right: -20px; }   .col.reduction-n1 { width: 83px; }  .col.reduction-n2 { width: 166px; }  .col.reduction-n3 { width: 249px; }  .col.reduction-n4 { width: 332px; }  .col.reduction-n5 { width: 415px; }  .col.reduction-n6 { width: 498px; }  .col.reduction-n7 { width: 581px; }  .col.reduction-n8 { width: 664px; }  } @media only screen and (min-width: 684px) and (max-width: 1023px) { aside.col.n4 + .col.n8, .col.a-droite.n4 + .col.n8 { width: calc(100% - 332px); } } @media only screen and (max-width: 683px) { .col.n5, .col.n6, .col.n7, .col.n8 { width: 100%; } .col.n4.retrait-n5, .col.n4.retrait-n6, .col.n4.retrait-n7, .col.n4.retrait-n8 { margin-left: 0; } .cols.marge .col.debord-g-n4, .col.marge .col.debord-g-n4, .cols.marge .col.debord-g-n5, .col.marge .col.debord-g-n5, .cols.marge .col.debord-g-n6, .col.marge .col.debord-g-n6, .cols.marge .col.debord-g-n7, .col.marge .col.debord-g-n7, .cols.marge .col.debord-g-n8, .col.marge .col.debord-g-n8 { margin-left: 0px; padding-right: 0; } .cols.marge .col.debord-d-n4, .col.marge .col.debord-d-n4, .cols.marge .col.debord-d-n5, .col.marge .col.debord-d-n5, .cols.marge .col.debord-d-n6, .col.marge .col.debord-d-n6, .cols.marge .col.debord-d-n7, .col.marge .col.debord-d-n7, .cols.marge .col.debord-d-n8, .col.marge .col.debord-d-n8 { margin-right: 0px; padding-right: 0; } } @media only screen and (min-width: 640px) and (max-width: 683px) { aside.col.n4 + .col.n8, .col.a-droite.n4 + .col.n8 { width: calc(100% - 306px); }  .col.reduction-n1 { width: 76.5px; }  .col.reduction-n2 { width: 153px; }  .col.reduction-n3 { width: 229.5px; }  .col.reduction-n4 { width: 306px; }  .col.reduction-n5 { width: 382.5px; }  .col.reduction-n6 { width: 459px; }  .col.reduction-n7 { width: 535.5px; }  .col.reduction-n8 { width: 612px; }  } @media only screen and (max-width: 639px) { aside.col, .col.a-droite { float: left; } .col.n1, .col.n2:not(.reduction-n1) { width: 50%; } .col.n1 .col.n1, .col.n2:not(.reduction-n4) .col.n2, .col.n2.reduction-n4, .col.n3.reduction-n4, .col.n3:not(.reduction-n2), .col.n4:not(.reduction-n2):not(.reduction-n3) { width: 100%; } .col.retrait-n1, .col.retrait-n2, .col.retrait-n3, .col.retrait-n4 { margin-left: 0; } }  section.zone:not(.col):not(.cols) { width: 320px; float: left; margin-bottom: 20px; box-sizing: border-box; } section.zone.quart:not(.col):not(.cols) { width: 65px; } section.zone.demi:not(.col):not(.cols) { width: 150px; } section.zone.trois-quarts:not(.col):not(.cols) { width: 235px; } section.zone.et-quart:not(.col):not(.cols) { width: 405px; } section.zone.et-demie:not(.col):not(.cols) { width: 490px; } section.zone.double:not(.col):not(.cols) { width: 660px; } section.zone.double.et-quart:not(.col):not(.cols) { width: 745px; } section.zone.double.et-demie:not(.col):not(.cols) { width: 830px; } section.zone.triple:not(.col):not(.cols) { width: 1000px; } section.zone.pleine:not(.col):not(.cols) { width: 100%; } section.zone + section.zone:not(.col):not(.cols) { margin-left: 20px; } section.zone.premiere:not(.col):not(.cols), section.zone + section.zone.premiere:not(.col):not(.cols) { clear: left; margin-left: 0; } section.zone.demi-retrait:not(.col):not(.cols), section.zone + section.zone.demi-retrait:not(.col):not(.cols) { margin-left: 170px; } section.zone.retrait:not(.col):not(.cols), section.zone + section.zone.retrait:not(.col):not(.cols) { margin-left: 340px; } section.zone.retrait-double:not(.col):not(.cols), section.zone + section.zone.retrait-double:not(.col):not(.cols) { margin-left: 680px; } section.zone.retrait-double-et-demie:not(.col):not(.cols), section.zone + section.zone.retrait-double-et-demie:not(.col):not(.cols) { margin-left: 830px; } section.zone.quart-marge-gauche:not(.col):not(.cols) { padding-left: 75px; } section.zone.quart-marge-droite:not(.col):not(.cols) { padding-right: 75px; } section.zone:last-child:not(.col):not(.cols) { margin-bottom: 0; } section.zone section.zone:not(.col):not(.cols) { margin-top: 0; } form section.zone:not(.force-espacement) { margin-bottom: 0; } article:after, section.zone:after { display: block; content: ' '; visibility: hidden; height: 0; clear: both; }  @media only screen and (max-width: 1023px) { section.zone.premiere:not(.double) + section.zone:not(.double):not(.et-demie) + section.zone:not(.col):not(.cols), section.zone.premiere:not(.double) + section.zone.double:not(.col):not(.cols), section.zone.premiere:not(.double) + section.zone.et-demie:not(.col):not(.cols), section.zone.premiere.double + section.zone:not(.double):not(.col):not(.cols) { clear: left; margin-left: 0; } section.zone.triple:not(.col):not(.cols), section.zone.double.et-demie:not(.col):not(.cols) { width: 660px; } } @media only screen and (max-width: 683px) { section.zone:not(.col):not(.cols), section.zone + section.zone:not(.col):not(.cols) { clear: left; margin-left: 0; } section.zone.demi:not(.col):not(.cols), section.zone.double:not(.col):not(.cols), section.zone.triple:not(.col):not(.cols), section.zone.et-demie:not(.col):not(.cols), section.zone.double.et-demie:not(.col):not(.cols) { width: 320px; } }  ul.divisions { margin: 0; padding: 0; clear: left; } ul.divisions li.division { list-style: none; width: 320px; float: left; margin: 0 0 20px 0; } ul.divisions li.division + li.division { margin-left: 20px; } ul.divisions.en-2 li.division { width: 490px; } ul.divisions.en-1 li.division { width: 1000px; } acronym, abbr { border-bottom: 1px dashed rgba(0,0,0,.5); } *[lang|=fr] .fine-post:after, *[lang|=fr] *:not([lang|=fr]) *[lang|=fr] .fine-post:after, *[lang|=fr] .fine-pre:before, *[lang|=fr] *:not([lang|=fr]) *[lang|=fr] .fine-pre:before { display: inline; position: static; content: ' '; width: 0.12em; overflow: hidden; } *[lang|=fr] *[lang]:not([lang|=fr]) .fine-post:after, *[lang|=fr] *[lang]:not([lang|=fr]) .fine-pre:before { display: inline; content: ''; width: 0; } .rouge { color: #f30; } .surligner { background: #ff6; } table { border: 0; border-collapse: collapse; } form { margin: 0; padding: 0; } img { border: 0; vertical-align: middle; max-width: 100%; } iframe { border: 0; vertical-align: middle; } embed { vertical-align: middle; } cite { font-family: ; font-size: 1.2em; font-style: italic; line-height: 1.5em; } hr { margin: 2em 0; height: 1px; border: 0; background: #333; } p.sig { text-align: right; } sup { line-height: 1em; vertical-align: top; } sub { line-height: 1em; vertical-align: bottom; } .detail { font-size: 0.85em; } a.out:not(.muet):after, a.externe:not(.muet):after, a[href^="http://"]:not(.muet):after, a[href^="https://"]:not(.muet):after { content: "\279A"; vertical-align: top; line-height: 1em; opacity: .4; } a.out:not(.muet):hover:after, a.externe:not(.muet):after, a[href^="http://"]:not(.muet):hover:after, a[href^="https://"]:not(.muet):hover:after { opacity: 1; } .ind, ind { } .w, .t, w, t, .litk-interface.oeuvre, .litk-interface.produit { font-style: italic; } .note, n { font-style: italic; } span.tel { white-space: nowrap; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } footer.global section.signature { clear: both; font-size: 0.825rem; color: #999; text-align: center; padding: 20px 0; } footer.global section.signature a { color: #999; } footer.global section.signature a:hover { color: #03c; text-decoration: none; } footer.global section.temps-ecoule { clear: both; font-size: 0.825rem; color: #999; text-align: right; padding: 12px 0; } footer.intersites { width: 100%; background: #333; height: 20px; position: fixed; z-index: 4; bottom: 0; left: 0; right: 0; } footer.intersites nav { text-align: center; } footer.intersites nav a { display: inline-block; height: 20px; line-height: 20px; color: rgba(255,255,255,.6); background: none; font-size: 0.825rem; font-weight: bold; padding: 0 10px; border-radius: 0; text-decoration: none; } footer.intersites nav a:after { content: ''; margin: 0; } footer.intersites nav a:hover { color: rgba(255,255,255,.8); } footer.intersites nav a.ici { color: rgba(255,255,255,.9); } footer.intersites nav a.ici:after { content: ''; margin: 0; } footer.intersites nav a + a { border-left: 1px solid rgba(255,255,255,.2); margin-left: 0; }  @media only screen and (max-width: 683px) { footer.intersites { display: none; } }  @media print { footer.intersites { display: none; } } #dev { position: fixed; top: 0; left: 0; width: 200px; box-shadow: inset -3px 0 4px -2px #999; background: #eee; height: 100%; overflow: hidden; } #dev:hover { overflow-y: auto; } body.dev { margin-left: 200px; } body.dev header.global { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); left: 200px; } body.dev section.global { margin: 0 auto; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); } #log { color: #111; font-size: 0.8em; padding: 0; margin: 0; overflow: hidden; } #log li { list-style: none; padding: 2px 10px; border-bottom: 1px solid #ccc; } @media print { .saut-de-page { page-break-before: always; } }   h1, h2, h3, p { hyphens: auto; text-overflow: ellipsis; } a { text-decoration: none; } a[href]:hover { text-decoration: underline; } a.out:not(.muet):after, a.externe:not(.muet):after, a[href^="//"]:not(.muet):after, a[href^="http://"]:not(.muet):after, a[href^="https://"]:not(.muet):after { font-family: 'font awesome 6 pro'; font-weight: 300; content: "\f14c"; vertical-align: baseline; line-height: 1em; opacity: 1; margin-left: 4px; font-style: normal; } a.out:not(.muet)[href]:hover:after, a.externe:not(.muet):after, a[href^="//"]:not(.muet)[href]:hover:after, a[href^="http://"]:not(.muet)[href]:hover:after, a[href^="https://"]:not(.muet)[href]:hover:after { opacity: 1; text-decoration: none; } input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; width: 0; height: 0; } span.erreur, span.errone { color: #f30; } .invisible { display: none; } a.etiquette:not(.litk-interface), span.etiquette:not(.litk-interface) { display: inline-block; white-space: nowrap; font-size: 0.825rem; color: #fff; background-color: rgba(0,0,0,.8); padding: 0 2px; font-weight: bold; cursor: default; } a.etiquette:not(.litk-interface) { background: #03c; cursor: pointer; } a.etiquette.fond-jaune:not(.litk-interface), span.etiquette.fond-jaune:not(.litk-interface) { color: #111; } .activable { display: none; } .activable.actif { display: block; } img.deco { box-shadow: 0 1px 4px rgba(0,0,0,.2); } body:not(.o-appli-actif) .si-appli-actif { display: none; } body.o-appli-actif .si-appli-inactif { display: none; } a.vers-corps { position: fixed; top: -50px; left: 0; right: 0; height: 50px; line-height: 50px; display: block; text-align: center; font-size: 1.3rem; font-weight: bold; background: rgba(255,255,255,.9); z-index: 9999; } a.vers-corps:active, a.vers-corps:focus { top: 0; } header.global { position: fixed; z-index: 101; color: #000; height: 50px; width: 100%; width: 100vw; background: #f7eFd7; } header.global.reduit { height: 0; } header.global.transparent { background: #f7eFd7; transition: box-shadow ease-in .4s; } header.global > div.ecran { height: 50px; overflow: hidden; padding: 0; } header.global:not(.sans-grand-menu) > div.ecran { padding-right: 50px; } header.global.reduit > div.ecran { height: 0; } header.global div.ecran section.site a, header.global nav.principal > a, header.global nav.moi > a, nav.grand-menu a { color: #000; font-weight: bold; } header.global.transparent div.ecran section.site a, header.global.transparent nav.principal > a, header.global.transparent nav.moi > a { color: #f7eFd7; font-weight: bold; } header.global div.ecran section.site a[href]:hover, header.global nav.principal > a[href]:hover, header.global nav.moi > a[href]:hover { text-decoration: none; } .borne-un-pixel header.global.transparent { box-shadow: 0 4px 10px rgba(0,0,0,.2); } header.global nav.vers-grand-menu, nav.grand-menu nav.fermer-grand-menu { position: fixed; z-index: 100; right: 0; top: 0; } nav.grand-menu nav.fermer-grand-menu { position: absolute; } header.global nav.vers-grand-menu a, nav.grand-menu nav.fermer-grand-menu a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 1.45rem; color: #000; background: #f7eFd7; } header.global nav.vers-grand-menu a:hover, nav.grand-menu nav.fermer-grand-menu a:hover { background: rgba(0,0,0,.1); } header.global nav.vers-grand-menu a { xborder-left: 1.2px solid #D5CFB5; } header.global div.ecran section.site { float: left; } header.global div.ecran section.site a { display: block; line-height: 50px; height: 50px; font-size: 1.125rem; font-weight: bold; padding: 0 12px; border-right: 1.2px solid #D5CFB5; } header.global div.ecran section.site a:hover { background: rgba(0,0,0,.1); } header.global.transparent div.ecran section.site a { border-right: none; } header.global div.ecran section.site a .slogan { font-size: 0.825rem; font-weight: normal; } header.global nav.principal { float: left; } header.global nav.moi { float: right; } header.global section.secondaire { float: right; } header.global section.secondaire nav.moi { float: left; } header.global nav.principal > a, header.global nav.moi > a { position: relative; display: block; float: left; line-height: 50px; height: 50px; font-size: 0.975rem; padding: 0 0 0 0; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } header.global nav.principal > a { border-right: 1.2px solid #D5CFB5; } header.global.transparent nav.principal > a { border-right: none; } header.global nav.moi > a { xborder-left: 1.2px solid #D5CFB5; } header.global nav.principal > a > .icone, header.global nav.moi > a > .icone { font-size: 1.4em; display: block; float: left; height: 50px; line-height: 50px; width: 46px; text-indent: 0; box-sizing: border-box; font-weight: bold; } header.global nav.principal > a > .icone.fab, header.global nav.moi > a > .icone.fab { font-weight: normal; } header.global nav.principal > a > .pseudo-icone, header.global nav.moi > a > .pseudo-icone { display: inline-block; text-align: center; background: #000; color: #f7eFd7; height: 24px; line-height: 24px; width: 24px; margin: 13px 11px; } header.global.transparent nav.principal > a > .pseudo-icone, header.global.transparent nav.moi > a > .pseudo-icone { background: #f7eFd7; color: #000; } header.global nav.principal > a[href]:hover, header.global nav.moi > a[href]:hover { background: rgba(0,0,0,.1); } header.global nav.principal > a .description, header.global nav.moi > a .description { padding-right: 12px; } header.global nav.principal > a.sans-icone .description, header.global nav.moi > a.sans-icone .description { padding-left: 12px; } header.global nav.principal > a.alerte:after, header.global nav.moi > a.alerte:after { position: absolute; display: block; content: ' '; top: 6px; left: 6px; background: #f63; height: 8px; width: 8px; border-radius: 8px; } header.global nav.principal > a .alerte-num.zero, header.global nav.moi > a .alerte-num.zero { display: none; } header.global nav.principal > a .alerte-num:not(.zero), header.global nav.moi > a .alerte-num:not(.zero) { position: absolute; top: 4px; left: 4px; color: #fff; background: #f63; height: 20px; width: 20px; line-height: 20px; text-align: center; border-radius: 20px; font-size: 0.825rem; font-feature-settings: 'pnum', 'lnum'; -webkit-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum=1,lnum=1'; } nav.recherche-globale { background: #fff; position: relative; } header.global > div.ecran > nav.recherche-globale, header.global > div.ecran > section.secondaire > nav.recherche-globale { float: right; margin: 7px 12px; z-index: 200; } header.global > div.ecran > section.secondaire > nav.recherche-globale { float: left; } nav.recherche-globale .champ-visible { padding: 0 !important; margin-right: 24px !important; } nav.recherche-globale .champ-visible > span { display: none !important; } nav.recherche-globale .champ-visible input { background: none !important; width: 160px !important; color: #f7eFd7; } nav.recherche-globale button { position: absolute; right: 0; top: 0; height: 36px; line-height: 36px; width: 36px; font-size: 1.3em; background: none; border: 0; color: #f7eFd7; } ul.suggestions, menu.suggestions { position: fixed; z-index: 600; margin: 0 !important; padding: 0 !important; color: #111; background: #f7eFd7; box-shadow: 0 4px 12px rgba(0,0,0,.2); font-weight: normal; } ul.suggestions *, menu.suggestions * { opacity: 0; } ul.suggestions.actif *, menu.suggestions.actif * { opacity: 1; } .o-appli-actif ul.suggestions, .o-appli-actif menu.suggestions { visibility: hidden; } .o-appli-actif ul.suggestions.actif, .o-appli-actif menu.suggestions.actif { visibility: visible; opacity: 1; -webkit-animation-name: deroulableIn; animation-name: deroulableIn; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } ul.suggestions > li, menu.suggestions > li { float: none; display: block !important; margin: 0 !important; padding: 6px 0 !important; } ul.suggestions > li + li, menu.suggestions > li + li { border-top: 1px solid rgba(0,0,0,.2); } ul.suggestions ul, menu.suggestions menu { margin: 0 !important; padding: 0 !important; } ul.suggestions > li li, menu.suggestions > li li { display: block; margin: 0 !important; padding: 0 !important; } ul.suggestions a, menu.suggestions a { display: block; color: #111; padding: 4px 12px; font-weight: normal; } ul.suggestions a:hover, menu.suggestions a:hover { text-decoration: none; } ul.suggestions li.etc a, menu.suggestions li.etc a { color: #03c; font-weight: bold; } ul.suggestions a[href]:hover, menu.suggestions a[href]:hover { background: rgba(0,0,0,.1); } ul.suggestions div.titre, ul.suggestions div.detail, menu.suggestions div.titre, menu.suggestions div.detail { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.suggestions div.titre, menu.suggestions div.titre { font-size: 1.125rem; line-height: 1.2em; } ul.suggestions div.titre .icone, menu.suggestions div.titre .icone { margin-right: 6px; } ul.suggestions div.detail, menu.suggestions div.detail { font-size: 0.825rem; margin-top: 2px; } nav.grand-menu { position: fixed; z-index: 997; top: 0; right: -1000px; bottom: 0; padding-left: 20px; box-sizing: border-box; xwidth: 332px; color: #000; background: #f7eFd7; box-shadow: -4px 0 20px rgba(0,0,0,.4), -4px 0 40px rgba(0,0,0,.4); overflow: auto; } nav.grand-menu.actif { right: 0; } nav.grand-menu div.ecran section.site { padding-right: 64px; } nav.grand-menu nav.aussi a { color: #000; } nav.grand-menu nav.aussi ul + ul:before, nav.grand-menu nav.aussi ul + h1:before, nav.grand-menu nav.aussi menu + menu:before, nav.grand-menu nav.aussi menu + h1:before { height: 2.4px; background: #000; } @media only screen and (max-width: 683px) { nav.grand-menu { width: 100%; width: 100vw; } } @media only screen and (max-width: 1023px) { header.global nav.principal > a.sans-icone, header.global nav.moi > a.sans-icone, header.global nav.principal > a .description, header.global nav.moi > a .description { display: none; } } @media only screen and (min-width: 1288px) { nav.grand-menu { width: 400px; } } @media only screen and (min-width: 1508px) { nav.grand-menu { width: 480px; } } @media only screen and (min-width: 684px) { header.global nav.principal > a.mobile-seulement, header.global nav.moi > a.mobile-seulement, header.global nav.recherche-globale.mobile-seulement { display: none; } } @media only screen and (max-width: 683px) { header.global nav.principal > a:not(.mobile):not(.mobile-seulement), header.global nav.moi > a:not(.mobile):not(.mobile-seulement), header.global nav.recherche-globale:not(.mobile):not(.mobile-seulement) { display: none; } header.global nav.recherche-globale ul.suggestions div.detail, header.global nav.recherche-globale menu.suggestions div.detail { display: none; } } @media only screen and (min-width: 1020px) { body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone { height: 64px; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a { max-width: none; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a, body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone { line-height: 64px; border-right: 0; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a .icone { width: 64px; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a { font-size: 1.45rem; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a { font-size: 1.3rem; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable div.ecran section.site a { xpadding: 0 18px; } body:not(.borne-un-pixel) .borne.un-pixel ~ header.global.redimensionnable nav.principal a span.description { xpadding-right: 18px; } .borne.un-pixel ~ header.global.redimensionnable ~ * section.corps { margin-top: 14px; } } header.global:not(.reduit) ~ section.principal { padding-top: 50px; } section.messages { position: relative; z-index: 2; color: #111; padding: 10px 0; box-shadow: 0 2px 5px rgba(0,0,0,.3); margin-top: 6px; } .col section.messages:not(.col):not(.cols), .cols section.messages:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d section.messages:not(.col):not(.cols), .cols.marge-d section.messages:not(.col):not(.cols), .col.marge section.messages:not(.col):not(.cols), .cols.marge section.messages:not(.col):not(.cols) { margin-right: 0; } section.remarquables section.messages { padding: 0; box-shadow: none; } section.remarquables section.messages div.notice, .o-appli-actif div.remarquable.notice { color: #000; background: rgba(0,0,0,.1); } section.messages.avertissements, section.remarquables section.messages div.avertissement, .o-appli-actif div.remarquable.avertissement { color: #000; background: #fd6; } section.messages.erreurs, section.remarquables section.messages div.erreur, .o-appli-actif div.remarquable.erreur { color: #fff; font-weight: bold; background: #f66; } section.messages ul { margin: 0; padding: 0; } section.messages.avertissements li:before, section.remarquables section.messages div.avertissement:before, section.messages.erreurs li:before, section.remarquables section.messages div.erreur:before, .o-appli-actif div.remarquable.avertissement:before, .o-appli-actif div.remarquable.erreur:before { font-family: 'font awesome 6 pro'; font-weight: 900; content: "\f06a"; display: inline-block; position: relative; top: 1px; font-size: 1.2em; width: 1.2em; text-align: center; margin-right: 6px; } section.messages li { list-style: none; margin: 0; padding: 0 24px; } section.messages li + li { margin-top: 5px; padding-top: 5px; border-top: 1.2px solid rgba(0,0,0,.2); } section.remarquables section.messages { position: static; } section.remarquables section.messages div, .o-appli-actif div.remarquable { position: fixed; z-index: 2000; xtop: -300px; xright: -300px; padding: 10px 12px; box-shadow: 0 2px 5px rgba(0,0,0,.3); max-width: 240px; transition: all cubic-bezier(0.83, 0, 0.17, 1) .4s; font-size: 1.125rem; visibility: hidden; opacity: 0; } section.remarquables section.messages div.actif, .o-appli-actif div.remarquable.actif { visibility: visible; opacity: 1; top: 54px; right: 4px; } header.general, header.special { padding: 36px 0; width: 100%; box-sizing: border-box; } header.general a, header.special a { color: #111; } header.general a[href]:hover, header.special a[href]:hover { color: #03c; text-decoration: none; } header.general nav.entete, header.special nav.entete { xposition: relative; xz-index: 1; float: right; font-size: 1.125rem; margin-top: -2px; } header.general nav a, header.special nav a { display: inline-block; padding: 2px 6px; } header.general nav a[href]:hover, header.special nav a[href]:hover { color: #111; background: rgba(0,0,0,.1); } header.general nav a.filtre-actif, header.special nav a.filtre-actif { background: rgba(0,0,0,.1); } header.general nav a .icone, header.special nav a .icone { margin-right: 6px; } header.general nav a + a, header.special nav a + a { margin-left: 6px; } @media only screen and (max-width: 683px) { header.general nav.entete, header.special nav.entete { float: none; margin-bottom: 24px; } } header.general hgroup, header.special hgroup { margin: 0; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } header.general hgroup div.avatar, header.special hgroup div.avatar { float: left; margin-right: 24px; } header.general hgroup div.avatar img, header.special hgroup div.avatar img { width: 80px; border-radius: 80px; } header.general.avec-avatar hgroup nav.miettes, header.general.avec-avatar hgroup h1, header.general.avec-avatar hgroup h2, header.special.avec-avatar hgroup nav.miettes, header.special.avec-avatar hgroup h1, header.special.avec-avatar hgroup h2 { margin-left: 104px; } header.general hgroup nav.miettes, header.special hgroup nav.miettes { margin: -2px 0 6px -6px; xposition: relative; xleft: -6px; font-size: 1.125rem; } header.general hgroup nav.miettes a:after, header.special hgroup nav.miettes a:after { font-family: 'font awesome 6 pro'; font-weight: 300; content: "\f061"; vertical-align: baseline; line-height: 1em; opacity: 1; margin-left: 6px; font-style: normal; } header.general hgroup h1, header.special hgroup h1 { font-size: 3.2rem; line-height: 1em; margin: 0; } header.general hgroup h2, header.special hgroup h2 { font-size: 1.125rem; margin: 12px 0 0 0; } header.general hgroup h2.sur-titre, header.special hgroup h2.sur-titre { margin: 0 0 12px 0; } .col nav.onglets:not(.col):not(.cols), .cols nav.onglets:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.onglets:not(.col):not(.cols), .cols.marge-d nav.onglets:not(.col):not(.cols), .col.marge nav.onglets:not(.col):not(.cols), .cols.marge nav.onglets:not(.col):not(.cols) { margin-right: 0; } nav.onglets { padding: 0 0 4px 0; white-space: nowrap; overflow: visible; text-align: left; display: flex; flex-direction: row; flex-flow: wrap; } nav.onglets + nav.onglets { margin-top: 12px; } nav.onglets.centre { text-align: center; } nav.onglets section { display: inline-block; margin-top: 0; } nav.onglets section + section { margin-left: 20px; } nav.onglets > a, nav.onglets > span.pseudo, nav.onglets section > a, nav.onglets section > span.pseudo { white-space: nowrap; box-sizing: border-box; cursor: pointer; display: inline-block; position: relative; font-size: 1.125rem; height: 36px; line-height: 36px; padding: 0 12px; color: #111; text-decoration: none; text-shadow: none; margin-right: 6px; margin-bottom: 6px; vertical-align: top; } nav.onglets > a.retour, nav.onglets > a.sortie, nav.onglets section > a.retour, nav.onglets section > a.sortie { border-radius: 12px; background: rgba(0,0,0,.1); } nav.onglets a.retour[href]:hover, nav.onglets a.sortie[href]:hover { text-decoration: underline !important; } nav.onglets > span.pseudo, nav.onglets > a.desactive, nav.onglets > a.lien-inaccessible, nav.onglets section > span.pseudo, nav.onglets section > a.desactive, nav.onglets section > a.lien-inaccessible { opacity: .4; cursor: default; } nav.onglets > a[href]:hover, section.corps nav.onglets > a.derouleur.interrupteur-actif, nav.onglets section > a[href]:hover, section.corps nav.onglets section > a.derouleur.interrupteur-actif { text-decoration: none; box-shadow: none !important; } nav.onglets > a[href]:hover:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif), section.corps nav.onglets > a.derouleur.interrupteur-actif:not(.ici), nav.onglets section > a[href]:hover:not(.retour):not(.sortie):not(.ici):not(.interrupteur-actif), section.corps nav.onglets section > a.derouleur.interrupteur-actif:not(.ici) { color: #111; background: rgba(0,0,0,.1) !important; } section.corps nav.onglets > a.derouleur.interrupteur-actif.ici, section.corps nav.onglets section > a.derouleur.interrupteur-actif.ici { background: #03c !important; } nav.onglets > a .num, nav.onglets section > a .num { position: inline-block; margin-left: 4px; background: rgba(0,0,0,.1); padding: 0 6px; border-radius: 12px; font-size: .8em; font-feature-settings: 'pnum', 'lnum'; -webkit-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum=1,lnum=1'; } nav.onglets > a.alerte:after, nav.onglets section > a.alerte:after { position: absolute; display: block; content: ' '; top: 6px; left: 10px; width: 8px; height: 8px; background: #f63; border-radius: 8px; } nav.onglets > a + a, nav.onglets > a + span.pseudo, nav.onglets > span.pseudo + a, nav.onglets > span.pseudo + span.pseudo, nav.onglets section > a + a, nav.onglets section > a + span.pseudo, nav.onglets section > span.pseudo + a, nav.onglets section > span.pseudo + span.pseudo { } nav.onglets > a.ici, nav.onglets > a.interrupteur-actif, nav.onglets section > a.ici, nav.onglets section > a.interrupteur-actif { position: relative; color: #f7eFd7; background: #03c; } nav.onglets > a.accueil, nav.onglets section > a.accueil { background: none; line-height: 32px; color: #03c; border: 2.4px solid #03c; } nav.onglets > a img.icone, nav.onglets section > a img.icone { margin-right: 10px; } nav.onglets > a .icone:not(.icone-plus):not(.fa-caret-down), nav.onglets section > a .icone:not(.icone-plus):not(.fa-caret-down) { margin-right: 6px; } nav.onglets > a .icone-plus, nav.onglets > a .fa-caret-down, nav.onglets section > a .icone-plus, nav.onglets section > a .fa-caret-down { margin-left: 6px; } nav.plateforme { position: relative; } .long-texte + nav.plateforme { margin-top: 20px; } nav.plateforme:after { position: static; display: block; content: ' '; height: 0; clear: both; } .col nav.plateforme:not(.col):not(.cols), .cols nav.plateforme:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.plateforme:not(.col):not(.cols), .cols.marge-d nav.plateforme:not(.col):not(.cols), .col.marge nav.plateforme:not(.col):not(.cols), .cols.marge nav.plateforme:not(.col):not(.cols) { margin-right: 0; } nav.plateforme h1 { margin: 0; font-size: 1.125rem; color: #03c; float: left; padding: 0 10px 0 0; } nav.plateforme h1 a { color: #03c; } nav.plateforme a .icone { margin-right: 6px; } nav.plateforme > a { float: left; font-size: 1.125rem; display: block; padding: 0 12px 0 0; } nav.plateforme > * + a { border-left: 1.2px solid #03c; padding-left: 12px; } nav.recherche { border: 1px solid rgba(0,0,0,.2); position: relative; } .col nav.recherche:not(.col):not(.cols), .cols nav.recherche:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.recherche:not(.col):not(.cols), .cols.marge-d nav.recherche:not(.col):not(.cols), .col.marge nav.recherche:not(.col):not(.cols), .cols.marge nav.recherche:not(.col):not(.cols) { margin-right: 0; } nav.recherche input { box-sizing: border-box; width: 100%; height: 34px; border: 0; padding: 0 6px 0 34px; font-size: 1.125rem; } nav.recherche button { position: absolute; top: 0; left: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; background: 0; border: 0; font-size: 1.125rem; color: #111; } nav.recherche a.effacer { display: block; position: absolute; top: 0; right: 0; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size: 1.125rem; color: #111; } nav.recherche.special { background: 0; padding: 6px 0; } nav.recherche.special input { border: 2.4px solid rgba(0,0,0,.2); font-size: 1.3rem; height: 52px; padding-left: 52px; } nav.recherche.special button, nav.recherche.special a.effacer { font-size: 1.3rem; width: 52px; height: 52px; line-height: 52px; } .col nav.filtres.horizontal:not(.col):not(.cols), .cols nav.filtres.horizontal:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.filtres.horizontal:not(.col):not(.cols), .cols.marge-d nav.filtres.horizontal:not(.col):not(.cols), .col.marge nav.filtres.horizontal:not(.col):not(.cols), .cols.marge nav.filtres.horizontal:not(.col):not(.cols) { margin-right: 0; } nav.filtres.horizontal + section.zone, nav.filtres.horizontal + .col, nav.filtres.horizontal + .cols, section.zone + nav.filtres.horizontal { margin-top: 20px; } nav.recherche + nav.filtres.horizontal, nav.filtres.horizontal + nav.filtres.horizontal { border-top: 0; border-radius: 0; margin-top: 6px; } nav.filtres.horizontal:after { position: static; display: block; content: ' '; clear: left; height: 0; width: 0; } nav.filtres.horizontal nav.filtre { float: left; } nav.filtres.horizontal nav.filtre:not(.style-multiple) { margin-right: 12px; } nav.filtre + nav.filtre { margin-top: 12px; } nav.filtres.horizontal nav.filtre + nav.filtre { margin-top: 0; } nav.filtre h1 { color: #333; font-size: 1.125rem; margin: 0 0 6px 0; } nav.filtres.horizontal nav.filtre h1 { padding: 0; line-height: 30px; margin: 0 0 6px 0; display: inline-block; } nav.filtre h1 a.interrupteur { color: #03c; } nav.filtre h1 a.interrupteur.interrupteur-actif { color: #333; } nav.filtre h1 a.interrupteur .icone { margin-right: 6px; } nav.filtre h1 a.interrupteur.interrupteur-actif .icone { transform: rotate(45deg); transform-origin: 50% 50%; } nav.filtre ul, nav.filtre menu { margin: 0; padding: 0; display: inline; } nav.filtre ul.optionnel, nav.filtre menu.optionnel { display: none; } nav.filtre ul.optionnel.actif, nav.filtre menu.optionnel.actif { display: inline; } nav.filtre ul:after, nav.filtre menu:after { position: static; display: block; content: ' '; height: 0; clear: left; } nav.filtre h1 + ul, nav.filtre ul:first-child, nav.filtre h1 + menu, nav.filtre menu:first-child { margin-top: 6px; } nav.filtres.horizontal nav.filtre h1 + ul, nav.filtres.horizontal nav.filtre ul:first-child, nav.filtres.horizontal nav.filtre h1 + menu, nav.filtres.horizontal nav.filtre menu:first-child { margin-top: 0; margin-left: 6px; } nav.filtre ul + ul, nav.filtre ul + h1, nav.filtre menu + menu, nav.filtre menu + h1 { clear: left; margin-top: 6px; } nav.filtre li { display: inline-block; margin: 0 6px 6px 0; padding: 0; font-size: 1em; } nav.filtre:not(.style-multiple) li { margin-right: 1px; } nav.filtre li a { display: block; vertical-align: top; padding: 0 12px; height: 32px; line-height: 32px; color: #111; font-size: 1.125rem; background: rgba(0,0,0,.05); } nav.filtre li a[href]:hover { background: rgba(0,0,0,.1); text-decoration: none; } nav.filtre li a.ici, nav.filtre li a.ici[href]:hover { color: #f7eFd7; background: #03c; } nav.filtre li a .icone:not(.seul) { margin-right: 6px; } nav.filtre li a .icone.nav-derouler { margin-right: 0; margin-left: 6px; } nav.filtre li a .icone.nav-retirer { margin-right: 0; margin-left: 6px; font-size: .8em; vertical-align: top; position: relative; top: 0.7em; display: none; } nav.filtre li a.ici:not(.interrupteur) .icone.nav-retirer { display: inline-block; } nav.filtre li a.interrupteur, nav.filtre li a.derouleur { box-shadow: none; width: 2em; padding: 0; text-align: center; } nav.filtre li a.interrupteur .icone, nav.filtre li a.derouleur .icone { margin-right: 0; } nav.etapes { } h1.section + nav.etapes, h2.section + nav.etapes, summary + nav.etapes { margin-top: 20px; } nav.etapes + section.zone, nav.etapes + .cols, nav.etapes + form { margin-top: 20px; } nav.etapes .etape { display: inline-block; margin-right: 24px; margin-bottom: 12px; } nav.etapes .etape + .etape.ici:before { color: #111; } nav.etapes .etape + a.etape:before { color: #03c; } nav.etapes .etape span.num { display: inline-block; height: 72px; width: 72px; line-height: 72px; border-radius: 72px; font-size: 2.9rem; color: #999; border: 2.4px solid #999; text-align: center; vertical-align: middle; font-feature-settings: 'pnum', 'lnum'; -webkit-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum=1,lnum=1'; } nav.etapes .etape span.desc { display: inline-block; height: 34px; line-height: 34px; margin-left: 8px; border-top: 2.4px solid transparent; border-bottom: 2.4px solid transparent; font-size: 1.45rem; color: #999; vertical-align: middle; } nav.etapes .etape.ici span.num { border-color: #03c; color: #f7eFd7; background: #03c; } nav.etapes .etape.ici span.desc { color: #03c; font-weight: bold; border-bottom-color: #03c; } nav.etapes a.etape span.num, nav.etapes a.etape.ici span.num { border-color: #03c; color: #03c; } nav.etapes a.etape span.desc, nav.etapes a.etape.ici span.desc { color: #03c; } nav.etapes a.etape[href]:hover span.num { background: rgba(0,0,0,.1); } nav.etapes a.etape[href]:hover span.desc { border-bottom-color: #03c; } @media only screen and (max-width: 683px) { nav.etapes .etape { margin-right: 12px; } nav.etapes .etape:last-of-type { margin-right: 0; } nav.etapes .etape span.num { height: 32px; width: 32px; line-height: 32px; border-radius: 32px; font-size: 1.3rem; } nav.etapes .etape span.desc { font-size: 1.125rem; } } .col nav.multipage:not(.col):not(.cols), .cols nav.multipage:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.multipage:not(.col):not(.cols), .cols.marge-d nav.multipage:not(.col):not(.cols), .col.marge nav.multipage:not(.col):not(.cols), .cols.marge nav.multipage:not(.col):not(.cols) { margin-right: 0; } nav.multipage { position: relative; clear: both; margin: 0; background: none; xtext-align: center; font-feature-settings: 'pnum', 'lnum'; -webkit-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum=1,lnum=1'; display: none; } nav.multipage.actif { display: block; } nav.multipage.avec-decompte { } nav.recherche + nav.multipage { margin-top: 6px; } nav.multipage + section.zone, nav.multipage + .col, nav.multipage + .cols, section.zone + nav.multipage { margin-top: 20px; } h1 + nav.multipage { margin-top: 20px; } nav.multipage a, nav.multipage span.pseudo, nav.multipage span.decompte { height: 32px; text-align: center; line-height: 32px; min-width: 32px; display: inline-block; padding: 0; font-weight: bold; font-size: 1.125rem; } nav.multipage.page-unique a { display: none; } nav.multipage.long a { padding: 0 8px; } nav.multipage.long .icone { margin-right: 6px; } nav.multipage.petit a { font-size: 0.975rem; } nav.multipage a { color: #111; text-decoration: none; } nav.multipage a[href]:hover { text-decoration: none; background: rgba(0,0,0,.1); } nav.multipage a[href].ici { background: #03c; color: #f7eFd7; } nav.multipage a:not([href]), nav.multipage span.pseudo { opacity: .3; } nav.multipage span.decompte { font-size: 1.125rem; font-weight: normal; color: #999; float: left; height: 32px; line-height: 32px; margin-right: 16px; } nav.multipage:after { display: block; content: ' '; height: 0; clear: left; } @media only screen and (max-width: 683px) { article nav.multipage { } nav.multipage span.decompte { float: none; display: block; padding: 0; margin: 0 0 0 4px; font-size: 0.825rem; height: 24px; line-height: 24px; } } .suivi-progression progress, .suivi-progression .barre { width: 100%; box-sizing: border-box; border: 1.2px solid rgba(0,0,0,.2); padding: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1), inset 0 4px 20px rgba(0,0,0,.1); height: 46px; } .suivi-progression progress::-moz-progress-bar, .suivi-progression progress::-webkit-progress-value, .suivi-progression .barre .compteur { box-shadow: 0 1px 3px rgba(0,0,0,.1); height: 36px; background: #333; color: #f7eFd7; font-size: 1.125rem; font-weight: bold; line-height: 36px; overflow: hidden; box-sizing: border-box; white-space: nowrap; text-align: center; transition: all linear 1s; } .suivi-progression .pendant-progression, .suivi-progression .apres-progression { display: none; } .suivi-progression .pendant-progression.actif, .suivi-progression .apres-progression.actif { display: block; } nav.util { display: inline-block; font-size: 1.125rem; white-space: nowrap; } nav.util > a { display: inline-block; color: #999; height: 2.2rem; line-height: 2.2rem; } nav.util > a.avec-description { padding-right: .4rem; } nav.util .icone { width: 2.2rem; text-align: center; } nav.util > a[href] { color: #03c; } nav.util > a[href]:hover { background: rgba(0,0,0,.1); text-decoration: none; } section + nav.mini { margin-top: 12px; } nav.mini { display: inline-block; font-size: 0.975rem; white-space: nowrap; } nav.mini a { position: relative; display: inline-block; color: #111; padding: 0 4px; } nav.mini a[href]:hover { color: #111; text-decoration: none; background: rgba(0,0,0,.1); } nav.mini a.special { font-weight: bold; } nav.mini a.bouton { color: #f7eFd7; background: #03c; padding: 2px 12px; border-bottom: 2.4px solid rgba(0,0,0,.2); } nav.mini a.bouton[href]:hover { text-decoration: none; color: #f7eFd7; background: ; } nav.mini a + a, section footer > nav section.mini a + a { margin-left: 4px; } nav.mini .icone, section footer > nav section.mini .icone { font-size: 1em; margin-right: 4px; } a.derouleur { box-decoration-break: clone; } a.derouleur.interrupteur-actif { background: rgba(0,0,0,.2) !important; } nav.menu { position: relative; text-align: left; padding: 6px 0; border: 1.2px solid rgba(0,0,0,.2); } nav.contexte { position: relative; text-align: left; padding: 6px 0; border: 1.2px solid rgba(0,0,0,.2); } nav.deroulable { visibility: hidden; text-align: left; opacity: 0; position: fixed; padding: 6px 0; z-index: 600; background: #f7eFd7; box-shadow: 0 1px 3px rgba(0,0,0,.2), 0 2px 8px rgba(0,0,0,.2); transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .3s; box-sizing: border-box; } nav.deroulable * { opacity: 0; transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .1s; } nav.deroulable.actif * { opacity: 1; } nav.menu canvas, nav.deroulable canvas { display: none; } nav.deroulable[data-alignement="gauche"], nav.deroulable[derouleur-alignement=gauche] { } nav.deroulable.actif { visibility: visible; opacity: 1; -webkit-animation-name: deroulableIn; animation-name: deroulableIn; -webkit-animation-duration: .15s; animation-duration: .15s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes deroulableIn { 0% { opacity: 0; transform-origin: 50% 0; transform: scale(1, 0); -webkit-filter: blur(4px); filter: blur(4px); } 100% { opacity: 1; transform-origin: 50% 0; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } } @-webkit-keyframes deroulableOut { 0% { opacity: 1; transform-origin: 50% 0; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } 100% { opacity: 0; transform-origin: 50% 0; transform: scale(1, 0); -webkit-filter: blur(2px); filter: blur(2px); } } nav.menu h1, nav.deroulable h1, nav.contexte h1 { margin: 6px 0; padding: 0 12px; font-size: 0.825rem; font-weight: bold; color: #111; } nav.menu h1 a, nav.deroulable h1 a, nav.contexte h1 a { color: #111; } nav.menu h1 a:not([href]), nav.deroulable h1 a:not([href]), nav.contexte h1 a:not([href]) { color: rgba(0,0,0,.4); } nav.menu ul + h1, nav.deroulable ul + h1, nav.contexte ul + h1, nav.menu menu + h1, nav.deroulable menu + h1, nav.contexte menu + h1 { border-top: 1.2px solid rgba(0,0,0,.1); padding-top: 12px; } nav.menu ul, nav.deroulable ul, nav.contexte ul, nav.menu menu, nav.deroulable menu, nav.contexte menu { margin: 0; padding: 6px 0; } nav.menu.grand ul, nav.deroulable.grand ul, nav.contexte.grand ul, nav.menu.grand menu, nav.deroulable.grand menu, nav.contexte.grand menu { padding: 6px 0; } nav.menu ul + ul, nav.deroulable ul + ul, nav.menu menu + menu, nav.deroulable menu + menu { border-top: 1.2px solid rgba(0,0,0,.1); } nav.deroulable ul + ul, nav.deroulable menu + menu { border-top: 1.2px solid rgba(0,0,0,.2); } nav.contexte ul + ul, nav.contexte ul + h1, nav.contexte menu + menu, nav.contexte menu + h1 { border-top: 1.2px solid rgba(0,0,0,.1); margin-top: 6px; } nav.menu li, nav.deroulable li, nav.contexte li { position: relative; margin: 0; padding: 0; list-style: none; font-size: 1.125rem; } nav.menu form, nav.deroulable form, nav.contexte form { padding: 3px 15px; } nav.menu.grand li, nav.deroulable.grand li, nav.contexte.grand li { font-size: 1.3rem; } nav.menu.petit li, nav.deroulable.petit li, nav.contexte.petit li { font-size: 0.825rem; } nav.menu li a, nav.deroulable li a, nav.contexte li a { position: relative; display: block; text-decoration: none; color: #111; padding: 3px 12px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } nav.menu li a:not([href]), nav.deroulable li a:not([href]), nav.contexte li a:not([href]) { color: rgba(0,0,0,.4); } nav.menu:not(.retour-permis) a, nav.deroulable:not(.retour-permis) a, nav.contexte:not(.retour-permis) a { white-space: nowrap; } nav.menu.grand li a, nav.deroulable.grand li a, nav.contexte.grand li a { padding: 6px 12px; } nav.menu.petit li a, nav.deroulable.petit li a, nav.contexte.petit li a { padding: 2px 12px; } nav.menu li a.derouleur { position: static; display: block; font-size: 1em !important; line-height: normal !important; padding: 3px 12px !important; } nav.menu li a.ici, nav.deroulable li a.ici, nav.contexte li a.ici, nav.aussi li a.ici { font-weight: bold; } nav.contexte li a.ici { position: relative; margin-left: -1px; color: #03c; border-left: 1.2px solid #03c; } nav.contexte li a.ici .icone { font-weight: bold; } nav.contexte li a.ici span.compteur { background: #03c; } nav.deroulable li a { max-width: 220px; } nav.menu li a[href]:hover, nav.deroulable li a[href]:hover, nav.contexte li a[href]:hover { text-decoration: none; background: rgba(0,0,0,.1); } nav.menu h1 .icone, nav.deroulable h1 .icone, nav.contexte h1 .icone, nav.menu li .icone, nav.deroulable li .icone, nav.contexte li .icone { margin-right: 6px; } nav.menu li small, nav.deroulable li small, nav.contexte li small { display: block; font-size: .8em; } nav.menu li a.alerte:after, nav.deroulable li a.alerte:after, nav.contexte li a.alerte:after { position: absolute; display: block; content: ' '; top: 2px; left: 10px; width: 8px; height: 8px; background: #f63; border-radius: 8px; } nav.menu li a.derouleur img { position: relative; top: 2px; vertical-align: baseline !important; margin-right: 5px; } nav.menu.horizontal ul, nav.menu.horizontal menu { display: flex; flex-direction: row; flex-flow: wrap; } @media print { nav.contexte { display: none; } } nav.grand-deroulable { position: fixed; z-index: 999; top: 0; right: 0; height: 0; left: 0; box-sizing: border-box; background: rgba(255,255,255,.975); overflow: hidden; opacity: 0; } nav.grand-deroulable a.fermer-grand-deroulable { display: none; position: fixed; top: 24px; right: 24px; height: 32px; width: 32px; line-height: 32px; text-align: center; color: #111; font-size: 1.3rem; background: rgba(0,0,0,.2); } nav.grand-deroulable.actif { height: auto; bottom: 0; padding: 48px 0; overflow: auto; opacity: 1; } nav.grand-deroulable.actif a.fermer-grand-deroulable { display: block; } .col nav.aussi:not(.col):not(.cols), .cols nav.aussi:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d nav.aussi:not(.col):not(.cols), .cols.marge-d nav.aussi:not(.col):not(.cols), .col.marge nav.aussi:not(.col):not(.cols), .cols.marge nav.aussi:not(.col):not(.cols) { margin-right: 0; } section:not(.col):not(.cols) + nav.aussi, p + nav.aussi { margin-top: 16px; } table + nav.aussi { margin-top: 16px; } h1.section + nav.aussi ul:first-of-type, h2.section + nav.aussi ul:first-of-type, summary + nav.aussi ul:first-of-type, h1.section + nav.aussi menu:first-of-type, h2.section + nav.aussi menu:first-of-type, summary + nav.aussi menu:first-of-type { padding-top: 0; } nav.aussi:not(.col):not(.cols) { clear: both; } nav.aussi h1 { color: #03c; font-size: 0.825rem; margin: 0 0 3px 0; } nav.aussi ul, nav.aussi menu { margin: 0; padding: 0; } nav.aussi p { margin: 0; padding: 0; color: #03c; } nav.aussi h1 + ul, nav.aussi h1 + p, nav.aussi p + ul, nav.aussi h1 + menu, nav.aussi p + menu { margin-top: 12px; } .long-texte nav.aussi:before, nav.aussi.avec-filet:before, nav.aussi ul + ul:before, nav.aussi ul + h1:before, nav.aussi menu + menu:before, nav.aussi menu + h1:before { position: static; display: block; height: 1px; width: 80px; content: ' '; background: #03c; margin: 12px 0; } nav.aussi li { margin: 0; list-style: none; font-size: 1.125rem; color: #999; } nav.aussi li.texte { color: #111; } nav.aussi.avec-boulette li, nav.aussi ul.avec-boulette li, nav.aussi menu.avec-boulette li, nav.aussi li.avec-boulette { margin-left: 15px; list-style: square; } nav.aussi.grand li, nav.aussi ul.grand li, nav.aussi menu.grand li { font-size: 1.3rem; } nav.aussi.grand.avec-boulette li, nav.aussi.grand ul.avec-boulette li, nav.aussi.grand menu.avec-boulette li, nav.aussi.grand li.avec-boulette, nav.aussi.avec-boulette ul.grand li, nav.aussi ul.grand.avec-boulette li, nav.aussi ul.grand li.avec-boulette, nav.aussi.avec-boulette menu.grand li, nav.aussi menu.grand.avec-boulette li, nav.aussi menu.grand li.avec-boulette { margin-left: 25px; } nav.aussi.petit li, nav.aussi ul.petit li, nav.aussi menu.petit li { font-size: 0.975rem !important; } nav.aussi li + li { margin-top: 6px; } nav.aussi.grand li + li, nav.aussi ul.grand li + li, nav.aussi menu.grand li + li { margin-top: 8px; } nav.aussi a { color: #03c; } nav.aussi a:not([href]) { color: rgba(0,0,0,.4); } nav.aussi a[href]:hover { text-decoration: underline; } nav.aussi a.special { font-weight: bold; } nav.aussi .icone { margin-right: 10px; } nav.aussi.horizontal ul, nav.aussi.horizontal menu { display: flex; flex-direction: row; flex-flow: wrap; } nav.aussi.horizontal li + li { margin-top: 0; margin-left: 24px; } nav.aussi.horizontal ul + h1, nav.aussi.horizontal ul + ul, nav.aussi.horizontal menu + h1, nav.aussi.horizontal menu + menu { margin-top: 12px; } nav.aussi.horizontal ul + ul:before, nav.aussi.horizontal menu + menu:before { display: none; } section.info { border: 1.2px solid #333; padding: 12px; box-sizing: border-box; } section.info + section.info { margin-top: 12px; } section.info.sans-cadre { border: 0; padding: 0; } section.info.special { border-color: #03c; } section.info.alt { background: ; } section.info.inverse { background: rgba(0,0,0,.7); color: #fff; } section.info.inverse a { color: #fff; } section.info h1 { font-size: 0.975rem; margin: 0; } section.info h2 { font-size: 0.975rem; margin: 0; font-weight: normal; font-style: italic; } section.info h1 + ul, section.info h1 + p, section.info hgroup + ul, section.info hgroup + p, section.info p + ul, section.info ul + p { margin-top: 5px; } section.info p { margin: 0; font-size: 0.975rem; text-overflow: ellipsis; overflow: hidden; } section.info p + p { margin-top: 5px; } section.info ul, ul.info { margin: 0; padding: 0 0 0 .85em; } section.info li, ul.info li { list-style: square; margin: 0; padding: 0; font-size: 0.975rem; } section.info li + li, ul.info li + li { margin-top: 5px; } section.info ul.horizontal:after, ul.info.horizontal:after { position: static; display: block; content: ' '; height: 0; clear: left; } section.info ul.horizontal li, ul.info.horizontal li { float: left; margin-right: 24px; } section.info ul.horizontal li + li, ul.info.horizontal li + li { margin-top: 0; } ul.info + ul.info { margin-top: 12px; } section.info ul.urls, ul.info.urls { padding-left: 0; } section.info ul.urls li, ul.info.urls li { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } section.info .icone, ul.info .icone { font-weight: bold; margin-right: 6px; font-size: .8em; } section.intro, section.explication, section.depeche, section.avertissement, section.erreur { position: relative; padding: 12px; min-height: 48px; margin: 0; } section.explication, section.depeche, section.avertissement, section.erreur { padding-left: 60px; } section.explication.petit, section.depeche.petit, section.avertissement.petit, section.erreur.petit { padding-left: 48px; } section.intro { background: ; } section.explication { background: rgba(0,0,0,.1); } section.depeche { background: rgba(0,0,0,.1); } section.avertissement { background: #ff3; background: rgba(0,0,0,.1); } section.erreur { background: #f30; background: #f30; } section.explication:before, section.depeche:before, section.avertissement:before, section.erreur:before { position: absolute; top: 18px; left: 12px; width: 36px; text-align: center; font-family: 'font awesome 6 pro'; font-weight: 300; vertical-align: baseline; font-size: 2em; line-height: 1em; opacity: 1; margin-left: 4px; font-style: normal; } section.explication.petit:before, section.depeche.petit:before, section.avertissement.petit:before, section.erreur.petit:before { width: 24px; font-size: 1.4em; } section.explication:before { content: "\f0eb"; } section.depeche:before { content: "\f890"; } section.avertissement:before, section.erreur:before { content: "\f071"; } section.intro h1, section.explication h1, section.depeche h1, section.avertissement h1, section.erreur h1 { color: #111; } section.intro p, section.explication p, section.depeche p, section.avertissement p, section.erreur p, section.intro li, section.explication li, section.depeche li, section.avertissement li, section.erreur li { font-size: 1.125rem; } section.intro.petit p, section.explication.petit p, section.depeche.petit p, section.avertissement.petit p, section.erreur.petit p, section.intro.petit li, section.explication.petit li, section.depeche.petit li, section.avertissement.petit li, section.erreur.petit li { font-size: 0.975rem; } section.encadre, details.encadre { box-sizing: border-box; border: 1.2px solid #333; padding: 12px; } section.dialogue, details.dialogue { background: rgba(0,0,0,.05); padding: 12px 18px; } section.fond, details.fond { background: rgba(0,0,0,.1); } section.encadre > p:first-child, section.dialogue > p:first-child, section.fond > p:first-child, details.encadre > p:first-child, details.dialogue > p:first-child, details.fond > p:first-child { padding-top: 0; } section.encadre:after, section.dialogue:after, section.fond:after, details.encadre:after, details.dialogue:after, details.fond:after { position: static; display: block; content: ' '; height: 0; clear: both; } .long-texte { border-top: 0; margin-top: 0; } .long-texte + .long-texte:not(.col):not(.cols) { margin-top: 20px; } .long-texte * + h1.section, .long-texte * + h2.section, .long-texte * + summary { margin-top: 1.6em; } .long-texte h1:not(.section) { text-align: left; font-size: 1.45rem; margin: 1.6em 0 0 0; font-family: 'liberation serif', times, 'times new roman', serif; hyphens: none; } .long-texte h2 { text-align: left; font-size: 1.3rem; margin: 1.6em 0 0 0; font-family: 'liberation serif', times, 'times new roman', serif; hyphens: none; } .long-texte h2.petit { font-size: 1.125rem; } .long-texte h3 { text-align: left; font-size: 1.125rem; margin: 1.6em 0 0 0; font-family: 'liberation serif', times, 'times new roman', serif; } .long-texte h3.petit { font-size: 1.125rem; } .long-texte p { text-align: left; font-size: 1.125rem; margin: 0; line-height: 1.6em; font-family: 'liberation serif', times, 'times new roman', serif; } .long-texte pre { font-size: 1.125rem; margin: 0; line-height: 1.6em; background: rgba(0,0,0,.05); padding: 10px 20px; overflow: auto; font-family: 'liberation mono', 'courier new', courier, monospaced; } .long-texte * + pre, .long-texte pre + * { margin-top: 1.5em; } .long-texte code { background: rgba(0,0,0,.05); padding: 0 6px; font-family: 'liberation mono', 'courier new', courier, monospaced; } .long-texte pre code { padding: 0; background: none; } .long-texte blockquote { margin: 1.6em 0; padding-left: 3em; font-family: 'liberation serif', times, 'times new roman', serif; } .long-texte blockquote > *:first-child { margin-top: 0 !important; padding-top: 0; } .long-texte aside { width: 40%; float: right; margin: 0 0 1.6em 1.6em; padding-left: 20px; font-family: 'liberation serif', times, 'times new roman', serif; border-left: 1px solid #111; } .long-texte aside * { font-size: 0.975rem; } .long-texte aside > *:first-child { margin-top: 0 !important; padding-top: 0; } .long-texte aside + * { margin-top: 0 !important; } .long-texte:not(.avec-retrait) p, .long-texte hr { margin-top: 1.6em; } .long-texte.avec-retrait p:not(.sans-retrait) { text-indent: 1.6em; } .long-texte.avec-retrait p:not(.sans-retrait) .icone { text-indent: 0; } .long-texte > ul, .long-texte > ol, .long-texte > dl { margin: 0.5em 0; padding-left: 1.6em; font-family: 'liberation serif', times, 'times new roman', serif; } .long-texte.avec-retrait > ul, .long-texte > ol, .long-texte.avec-retrait > dl { padding-left: 3em; } .long-texte:not(.avec-retrait) > ul, .long-texte:not(.avec-retrait) > dl { margin-top: 1em; } .long-texte > ul li, .long-texte > ol li, .long-texte > dl dt, .long-texte > dl dd { text-align: left; font-size: 1.125rem; line-height: 1.6em; margin-left: 0; } .long-texte > ul > li { list-style: disc; } .long-texte > dl dd { text-indent: 1.6em; } .long-texte > ul li + li, .long-texte > ol li + li, .long-texte > dl dd + dt { margin-top: 0.5em; } .long-texte > ul li > ul, .long-texte > ul li > ol, .long-texte > ol li > ul, .long-texte > ol li > ol, .long-texte:not(.avec-retrait) > ul li > ul, .long-texte:not(.avec-retrait) > ul li > ol, .long-texte:not(.avec-retrait) > ol li > ul, .long-texte:not(.avec-retrait) > ol li > ol { margin-top: 0; } .long-texte > ul li li, .long-texte > ul li p, .long-texte > ol li li, .long-texte > ol li p { font-size: 1em; } .long-texte.avec-retrait.sauf-premier-paragraphe > p:first-child, .long-texte.avec-retrait.sauf-premier-paragraphe > *:not(h1):not(h2) + p:first-of-type, .long-texte.avec-retrait.sauf-premier-paragraphe > hr + p, .long-texte.avec-retrait.sauf-premier-paragraphe > p.sig + p, .long-texte.avec-retrait.sauf-premier-paragraphe > p.signature + p, .long-texte.avec-retrait.sauf-premier-paragraphe > p.premier, .long-texte.avec-retrait.sauf-premier-paragraphe > blockquote > p:first-of-type { text-indent: 0; } .long-texte.avec-lettrine > p:not(.sig):first-of-type { text-indent: 0; } .long-texte.avec-lettrine > p:not(.sig):first-of-type:first-letter, .long-texte.avec-lettrine.lettrine-apres-hr > hr + p:not(.sig):first-letter, .long-texte.avec-lettrine.lettrine-apres-hr > h1 + p:not(.sig):first-letter, .long-texte.avec-lettrine > p span.lettrine, .long-texte.avec-lettrine > blockquote:first-child + p:not(.sig):first-letter { float: left; font-size: 5.2rem; margin-right: 10px; margin-bottom: -5px; line-height: .55em; height: .65em; position: relative; padding-top: 0.12em; padding-bottom: 0.12em; margin-bottom: 0.12em; display: block; font-weight: normal; font-style: normal; } .long-texte p.centre { text-align: center; } .long-texte p.sig, .long-texte p.signature { text-align: right; } .long-texte div.message { font-size: 1.125rem; } .long-texte hr { clear: left; } .long-texte.chapo h1:not(.section) { font-size: 1.7rem; } .long-texte.chapo h2 { font-size: 1.45rem; } .long-texte > header { margin: 0 0 24px 0; } .long-texte > footer { margin: 24px 0 0 0; } .long-texte > header p, .long-texte > header pre, .long-texte > header > ul li, .long-texte > header > ol li, .long-texte > header > dl dt, .long-texte > header > dl dd, .long-texte > header div.message, .long-texte.chapo p, .long-texte.chapo pre, .long-texte.chapo > ul li, .long-texte.chapo > ol li, .long-texte.chapo > dl dt, .long-texte.chapo > dl dd, .long-texte.chapo div.message { font-size: 1.45rem; } .long-texte > footer p, .long-texte > footer pre, .long-texte > footer > ul li, .long-texte > footer > ol li, .long-texte > footer > dl dt, .long-texte > footer > dl dd, .long-texte > footer div.message, .long-texte.petit p, .long-texte.petit pre, .long-texte.petit > ul li, .long-texte.petit > ol li, .long-texte.petit > dl dt, .long-texte.petit > dl dd, .long-texte.petit div.message { font-size: 0.975rem; } .long-texte > *:first-child, .long-texte > header > *:first-child, .long-texte > footer > *:first-child { margin-top: 0 !important; } .long-texte > *:last-child, .long-texte > header > *:last-child, .long-texte > footer > *:last-child { margin-bottom: 0 !important; } .long-texte > header h1:not(.section) { font-size: 1.45rem; margin: 0; } .long-texte > header h2 { font-size: 1.125rem; margin: 0; } .long-texte > header div { font-size: 1.125rem; font-weight: bold; } .long-texte > header div.meta { font-weight: normal; font-size: 0.975rem; margin-top: 12px; } .long-texte a.bouton { display: inline-block; color: #f7eFd7; background: #03c; padding: 4px 24px; border-bottom: 2.4px solid rgba(0,0,0,.2); } .long-texte a.bouton:hover { text-decoration: none; background: ; } .long-texte a.logo { margin: 0 1.5em 0.5em 0 !important; display: inline-block; } .long-texte a.logo:after { content: ''; margin: 0; } .long-texte cite { font-size: 1em; } @media only screen and (max-width: 1023px) { .long-texte p, .long-texte pre, .long-texte li, .long-texte dt, .long-texte dd, .long-texte div.message { font-size: 0.975rem; } } dl { margin: 0; } .col dl:not(.col):not(.cols), .cols dl:not(.col):not(.cols) { margin-right: 20px; } .col.marge-d dl:not(.col):not(.cols), .cols.marge-d dl:not(.col):not(.cols), .col.marge dl:not(.col):not(.cols), .cols.marge dl:not(.col):not(.cols) { margin-right: 0; } .col:not(.marge):not(.marge-d) dl.col:not(.marge):not(.marge-d), .cols:not(.marge):not(.marge-d) dl.col:not(.marge):not(.marge-d), .col:not(.marge):not(.marge-d) dl.cols:not(.marge):not(.marge-d), .cols:not(.marge):not(.marge-d) dl.cols:not(.marge):not(.marge-d) { padding-right: 20px; } form dl { margin: 0; } td dl { margin: 0; } dt { margin: 0 0 0.2em 0; font-size: 0.825rem; position: relative; font-weight: bold; } dt .icone { margin-right: 6px; font-weight: bold; } dl.tres-petit dt { font-size: 0.75rem; } dt + dt { margin-top: 0.5em; } dt label { } dt div.compteur { position: absolute; bottom: 0; right: 0; text-align: right; } dt div.compteur.critique { color: #f30; } dd { margin: 0 0 0.8em 0; } td dd { margin: 0; } span.champ-visible { position: relative; display: block; padding: 1px; } span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), span.champ-visible select, span.champ-visible textarea, span.champ-visible .CodeMirror, span.champ-visible.avec-bouton-fichier label.bouton-fichier { position: relative; z-index: 1; font-feature-settings: 'tnum'; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum=1'; font-size: 1.125rem; line-height: 1.6em; box-sizing: border-box; border: none; padding: 6px 12px; width: 100%; background: none; color: #000; background: #fff; vertical-align: top; } span.champ-visible.avec-bouton-defaut input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]) { width: calc(100% - 37px) !important; } span.champ-visible.avec-bouton-couleur input[type=text] { width: calc(100% - 37px) !important; } span.champ-visible.avec-bouton-defaut.avec-bouton-couleur input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]) { width: calc(100% - 73px) !important; } span.champ-visible.avec-bouton-defaut a.bouton-defaut { display: inline-block; vertical-align: top; width: 36px; height: 36px; background: #fff; } span.champ-visible.avec-bouton-defaut a.bouton-defaut:after { display: inline-block; position: relative; z-index: 2; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 1.3rem; color: #000; font-family: 'font awesome 6 pro'; font-weight: 300; content: "\f12d"; } span.champ-visible.avec-bouton-couleur input.bouton-couleur[type=color] { width: 36px !important; vertical-align: top; padding: 6px !important; background: none !important; } span.champ-visible.avec-bouton-couleur span.bouton-couleur-est-inactif { position: absolute; display: block; top: 1px; left: auto; right: 1px; bottom: 1px; width: 37px; border: 0; background: #fff; } span.champ-visible.avec-bouton-couleur input:placeholder-shown ~ input.bouton-couleur[type=color] { opacity: 0; } span.champ-visible.avec-bouton-couleur input:placeholder-shown ~ span.bouton-couleur-est-inactif:after { position: absolute; display: block; content: ' '; top: 0; right: 16px; height: 36px; width: 4px; transform: rotate(45deg); background: #ff3300; } span.champ-visible.avec-bouton-fichier input[type=file] { position: fixed; top: 100%; left: 100%; } span.champ-visible.avec-bouton-fichier label.bouton-fichier { display: inline-block; vertical-align: top; height: 36px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,.1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } span.champ-visible.avec-bouton-fichier label.bouton-fichier:before { display: inline-block; text-align: center; font-size: 1.3rem; margin-right: 12px; color: #000; font-family: 'font awesome 6 pro'; font-weight: 300; content: "\f093"; } span.champ-visible.avec-bouton-fichier label.bouton-fichier:hover { background: rgba(0,0,0,.025); } span.champ-visible input[disabled], span.champ-visible select[disabled], span.champ-visible textarea[disabled] { background: rgba(0,0,0,.1) !important; } span.champ-visible input[type=file] { position: relative; z-index: 1; height: 36px; box-sizing: border-box; width: 100%; background: #fff; } span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), span.champ-visible select { height: 36px; } span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):focus, span.champ-visible select:focus, span.champ-visible textarea:focus { outline: none; } span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):focus ~ span, span.champ-visible select:focus ~ span, span.champ-visible textarea:focus ~ span, span.champ-visible .CodeMirror-focused ~ span { box-shadow: 0 2px 5px rgba(0,0,0,.2); } span.champ-visible select { box-sizing: border-box; padding: 4px 8px; } span.champ-visible textarea { height: 200px; } span.champ-visible:not(.cache) > span:first-of-type { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; content: ' '; z-index: 0; border: 1.2px solid rgba(0,0,0,.1); } span.champ-visible.errone > span:first-of-type { background: #fcc; } span.champ-visible div.compteur { position: absolute; top: -14px; right: 0; z-index: 2; font-size: 0.825rem; padding: 0; color: rgba(0,0,0,.4); } span.champ-visible .editor-toolbar { position: relative; z-index: 2; border: 0; border-bottom: 1.2px solid rgba(0,0,0,.1); } span.champ-visible .editor-toolbar .fa { font-size: 14px; } span.champ-visible .editor-statusbar { position: relative; z-index: 1; border-top: 1.2px solid rgba(0,0,0,.1); } span.champ-visible .CodeMirror-code .cm-header-1 { font-size: 160%; } span.champ-visible .CodeMirror-code .cm-header-2 { font-size: 140%; } span.champ-visible .CodeMirror-code .cm-header-3 { font-size: 132%; } span.champ-visible .CodeMirror-code .cm-header-4 { font-size: 124%; } span.champ-visible .CodeMirror-code .cm-header-5 { font-size: 116%; } span.champ-visible .CodeMirror-code .cm-header-6 { font-size: 110%; } span.champ-visible.oblig:not(.cache), span.champ-visible.errone:not(.cache) { padding-left: 33px; } span.champ-visible.oblig:not(.cache) > * + span:before, span.champ-visible.errone:not(.cache) > * + span:before { position: absolute; display: block; z-index: 2; top: 0; left: 0; width: 32px; text-align: center; font-family: 'font awesome 6 pro'; font-weight: 300; vertical-align: baseline; font-size: 1.125rem; box-sizing: border-box; height: 36px; line-height: 36px; border-right: 1.2px solid rgba(0,0,0,.1); } span.champ-visible.oblig:not(.cache) > * + span:before, span.champ-visible.errone:not(.cache) > *:valid + span:before { content: "\f00c"; color: #3c6; } span.champ-visible.oblig:not(.cache) > *:invalid + span:before, span.champ-visible.errone:not(.cache) > * + span:before { content: "\f00d"; color: #f66; } span.champ-visible ul, span.champ-visible menu { margin: 0 0 0 12px; padding: 0; } span.champ-visible li { list-style: none; margin: 0 12px 0 0; padding: 0; border: 0; display: inline-block; } span.champ-visible li label { position: relative; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 1.125rem; cursor: pointer; z-index: 1; height: 36px; line-height: 36px; overflow: hidden; } span.champ-visible li label .description .icone { font-weight: bold; margin-right: 6px; } span.champ-visible li label input { position: absolute; left: -36px; } span.champ-visible li label input:checked + span { color: #03c; border-radius: 2px; } span.champ-visible li label input + span:before { display: inline-block; z-index: 1; top: 1.2px; left: 1.2px; bottom: 1.2px; text-align: center; font-family: 'font awesome 6 pro'; font-weight: 300; vertical-align: baseline; font-size: 1.125rem; box-sizing: border-box; height: 36px; line-height: 36px; margin-right: 6px; } span.champ-visible li label input:focus + span { background: #f7eFd7; box-shadow: 0 1px 2px rgba(0,0,0,.2); } span.champ-visible li label input[type=radio] + span:before { content: "\f111"; } span.champ-visible li label input[type=radio]:checked + span:before { content: "\f192"; } span.champ-visible li label input[type=checkbox] + span:before { content: "\f0c8"; } span.champ-visible li label input[type=checkbox]:checked + span:before { content: "\f2d3"; }  span.champ-visible-combo { display: block; } span.champ-visible-combo > span.champ-visible:first-of-type { width: calc(100% - 124px); display: inline-block; } span.champ-visible-combo > span.champ-visible + span.champ-visible { width: 120px; display: inline-block; } span.champ-visible-combo > span.champ-visible + span.champ-visible.oblig:not(.cache), span.champ-visible-combo > span.champ-visible + span.champ-visible.errone:not(.cache) { width: 88px; display: inline-block; } span.champ-visible-combo > span.champ-visible + span.champ-visible > span:first-of-type { border-left: 0; } span.champ-visible-combo > span.champ-visible:first-of-type.oblig:not(.cache), span.champ-visible-combo > span.champ-visible:first-of-type.errone:not(.cache) { width: calc(100% - 156px); padding-left: 1px; } span.champ-visible-combo > span.champ-visible:first-of-type.oblig:not(.cache) > * + span:before, span.champ-visible-combo > span.champ-visible:first-of-type.errone:not(.cache) > * + span:before { display: none; } span.champ-visible-combo > span.champ-visible + span.champ-visible.oblig:not(.cache), span.champ-visible-combo > span.champ-visible + span.champ-visible.errone:not(.cache) { } span.champ-visible-combo > span.champ-visible + span.champ-visible.oblig:not(.cache) > * + span:before, span.champ-visible-combo > span.champ-visible + span.champ-visible.errone:not(.cache) > * + span:before { } dl.tres-grand span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), dl.tres-grand span.champ-visible input[type=file], dl.tres-grand span.champ-visible select, dl.tres-grand span.champ-visible textarea, dl.tres-grand span.champ-visible.oblig > * + span:before, dl.tres-grand span.champ-visible.errone > * + span:before, dl.tres-grand span.champ-visible li label, dl.tres-grand span.champ-visible li label input + span:before { font-size: 1.45rem; height: 48px; line-height: 48px; } dl.tres-grand span.champ-visible.oblig > * + span:before, dl.tres-grand span.champ-visible.errone > * + span:before { width: 44px; } dl.tres-grand span.champ-visible.oblig:not(.cache), dl.tres-grand span.champ-visible.errone:not(.cache) { padding-left: 45px; } dl.tres-grand span.champ-visible li label input { left: -48px; } dl.grand span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), dl.grand span.champ-visible input[type=file], dl.grand span.champ-visible select, dl.grand span.champ-visible textarea, dl.grand span.champ-visible.oblig > * + span:before, dl.grand span.champ-visible.errone > * + span:before, dl.grand span.champ-visible li label, dl.grand span.champ-visible li label input + span:before { font-size: 1.3rem; height: 40px; line-height: 40px; } dl.grand span.champ-visible.oblig > * + span:before, dl.grand span.champ-visible.errone > * + span:before { width: 36px; } dl.grand span.champ-visible.oblig:not(.cache), dl.grand span.champ-visible.errone:not(.cache) { padding-left: 37px; } dl.grand span.champ-visible li label input { left: -40px; } dl.petit span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), dl.petit span.champ-visible input[type=file], dl.petit span.champ-visible select, dl.petit span.champ-visible textarea, dl.petit span.champ-visible.oblig > * + span:before, dl.petit span.champ-visible.errone > * + span:before, dl.petit span.champ-visible li label, dl.petit span.champ-visible li label input + span:before { font-size: 0.975rem; height: 32px; line-height: 32px; } dl.petit span.champ-visible.oblig > * + span:before, dl.petit span.champ-visible.errone > * + span:before { width: 28px; } dl.petit span.champ-visible.oblig:not(.cache), dl.petit span.champ-visible.errone:not(.cache) { padding-left: 29px; } dl.petit span.champ-visible li label input { left: -32px; } dl.petit span.champ-visible textarea { height: 120px; } dl.tres-petit span.champ-visible input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]), dl.tres-petit span.champ-visible input[type=file], dl.tres-petit span.champ-visible select, dl.tres-petit span.champ-visible textarea, dl.tres-petit span.champ-visible.oblig > * + span:before, dl.tres-petit span.champ-visible.errone > * + span:before, dl.tres-petit span.champ-visible li label, dl.tres-petit span.champ-visible li label input + span:before { font-size: 0.825rem; height: 26px; line-height: 26px; } dl.tres-petit span.champ-visible.oblig > * + span:before, dl.tres-petit span.champ-visible.errone > * + span:before { width: 22px; } dl.tres-petit span.champ-visible.oblig:not(.cache), dl.tres-petit span.champ-visible.errone:not(.cache) { padding-left: 23px; } dl.tres-petit span.champ-visible li label input { left: -26px; } dl.tres-petit span.champ-visible textarea { height: 60px; } dd p, section.principal dd p { font-size: 1em; } dd output { font-size: 1.125rem; box-sizing: border-box; display: block; padding: 6px 12px; background: rgba(0,0,0,.05); } dd.actif output { background: rgba(0,0,0,.1); } dd.ici output { color: #f7eFd7; background-color: #03c; } dl.petit dd output { font-size: 0.975rem; } dl.tres-petit dd output { font-size: 0.825rem; } dd nav { display: inline-block; font-size: 0.75em; margin: 0 0 0 5px; } dd nav a { margin: 0 0 0 5px; } dd nav a[href]:hover { text-decoration: underline; } dd textarea.table-commentaires-champ-suivi-interne { height: 100px; } body.recepteur-fichier.pret-a-recevoir:after { position: fixed; z-index: 999; display: block; content: ' '; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,.95); border: 2.4px dashed #000; margin: 12px; } footer.relativement { position: absolute; bottom: 0; right: 0; left: 0; } section p + footer > nav, section nav.multipage + footer > nav { margin-top: 12px; } section footer > nav { margin: 0; text-align: right; } section footer > nav:not(.col):not(.cols) { clear: both; } @media only print { section footer > nav { display: none; } } section footer > nav + nav { margin-top: 12px; } section footer > nav > a, section footer > nav > input, section footer > nav > button, section footer > nav > span.pseudo { box-sizing: border-box; display: inline-block; height: 36px; line-height: 36px; font-size: 1.125rem; font-weight: normal; padding: 0 14px; color: rgba(0,0,0,.8); background: rgba(0,0,0,.1); border: none; text-decoration: none; text-shadow: none; border-bottom: 2.4px solid rgba(0,0,0,.2); } section footer > nav > span.en-attente { display: none; } section form.en-attente footer > nav > span.en-attente { display: inline-block; } section footer > nav > input { height: 35px; line-height: 34px; position: relative; } section footer > nav > a, section footer > nav > input, section footer > nav > button { cursor: pointer; } section footer > nav.petit > a, section footer > nav.petit > input, section footer > nav.petit > button, section footer > nav.petit > span.pseudo { height: 28px; line-height: 28px; font-size: 0.975rem; padding: 0 10px; } section footer > nav.tres-petit > a, section footer > nav.tres-petit > input, section footer > nav.tres-petit > button, section footer > nav.tres-petit > span.pseudo { height: 24px; line-height: 24px; font-size: 0.825rem; padding: 0 10px; } section footer > nav.grand > a, section footer > nav.grand > input, section footer > nav.grand > button, section footer > nav.grand > span.pseudo { height: 36px; line-height: 36px; font-size: 1.3rem; padding: 0 20px; } section footer > nav.tres-grand > a, section footer > nav.tres-grand > input, section footer > nav.tres-grand > button, section footer > nav.tres-grand > span.pseudo { height: 44px; line-height: 44px; font-size: 1.45rem; padding: 0 20px; } form.en-attente footer > nav > input, form.en-attente footer > nav > button, form footer > nav > input[disabled], form footer > nav > button[disabled] { opacity: .4; cursor: not-allowed; } section footer > nav > a.important, section footer > nav > input.important, section footer > nav > button.important, section footer > nav > span.pseudo.important { color: #f7eFd7; background: #03c; } section footer > nav > span.pseudo { opacity: .4; } section footer > nav > a + a, section footer > nav > a + input, section footer > nav > a + button, section footer > nav > input + a, section footer > nav > input + input, section footer > nav > input + button, section footer > nav > button + a, section footer > nav > button + input, section footer > nav > button + button { margin-left: 4px; } section footer > nav > a[href]:hover, section footer > nav > input:hover, section footer > nav > button:hover { color: #000; background: rgba(0,0,0,.2); text-decoration: none; } section footer > nav > a.important[href]:hover, section footer > nav > input.important:hover, section footer > nav > button.important:hover { color: #f7eFd7; background: #071; } section footer > nav > a.actif { box-shadow: inset 0 1px 2px rgba(0,0,0,.2), inset 0 5px 10px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.4); text-shadow: 0 0 5px #fff; } section footer > nav > a.pleine-largeur, section footer > nav > input.pleine-largeur, section footer > nav > button.pleine-largeur { display: block; width: 100%; text-align: center; min-height: 36px; height: auto; } section footer > nav > .pleine-largeur + a.pleine-largeur, section footer > nav > .pleine-largeur + input.pleine-largeur, section footer > nav > .pleine-largeur + button.pleine-largeur { margin-left: 0; margin-top: 4px; } section footer > nav > a.appel { background: rgba(0,0,0,.05); font-weight: normal; line-height: 30px; box-shadow: 0 1px 3px rgba(0,0,0,.2); } section footer > nav.petit > a.appel { border: 1.2px solid rgba(0,0,0,.1); line-height: 26px; } section footer > nav.tres-petit > a.appel { border: 1.2px solid rgba(0,0,0,.1); line-height: 22px; } section footer > nav > a.appel[href]:hover { background: rgba(0,0,0,.1); } section footer > nav > a .icone, section footer > nav > button .icone { margin-right: 8px; } section footer > nav p { margin: 5px 0; font-size: 0.75em; line-height: normal; } section footer > nav section.mini { margin-top: 5px; font-size: 0.85em; padding: 0; border: 0; box-shadow: none; } span.compteur { padding: 0; background: #03c; display: inline-block; min-width: 1.6em; height: 1.6em; line-height: 1.2em; font-size: .9em; text-align: center; font-weight: normal; border-radius: 1.6em; padding: 0 4px; box-sizing: border-box; color: #f7eFd7; border: 2.4px solid #f7eFd7; vertical-align: baseline; margin-left: 6px; } article a span.compteur { background: #03c; } article a.ici span.compteur { xbackground: #111; } .descripteur { max-width: 90%; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; -moz-osx-font-smoothing: auto; text-align: left; text-indent: 0 !important; xoverflow: hidden; xtext-overflow: ellipsis; } .o-appli-actif .descripteur { position: fixed; visibility: hidden; line-height: normal; } .o-appli-actif .descripteur * { opacity: 0; transition: opacity cubic-bezier(0.83, 0, 0.17, 1) .5s; } .o-appli-actif .descripteur.actif { visibility: visible; display: inline-block; } .o-appli-actif .descripteur.actif * { opacity: 1; } @media (hover: none) { .o-appli-actif .descripteur { display: none; } .o-appli-actif .descripteur.actif { visibility: hidden; } .o-appli-actif .descripteur.actif * { opacity: 0; } } .descripteur .texte { max-width: 90vw; display: inline-block; font-weight: normal; white-space: nowrap; padding: 2px 8px !important; font-size: 1.125rem; background: rgba(0,0,0,.95); color: #fff; overflow: hidden; text-overflow: ellipsis; line-height: 1.4em; vertical-align: top; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .descripteur .pointeur { position: absolute; top: 0; xleft: 10px; } .descripteur canvas.pointeur, .descripteur svg.pointeur polygon { fill: rgba(0,0,0,.95); stroke: none; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .descripteur[data-alignement="droite"] .pointeur, .descripteur[descripteur-alignement=droite] .pointeur { position: absolute; top: 0; xleft: auto; xright: 10px; } .descripteur[data-alignement-vertical="haut"] .pointeur { top: auto; bottom: 0; transform: rotate(180deg); } nav.onglets + ul.liste, nav.filtres + ul.liste, nav.multipage + ul.liste, nav.recherche + ul.liste, ul.liste + nav.multipage, ul.liste + nav.menu, ul.liste + h1.section, ul.liste + h2.section, ul.liste + summary, nav.onglets + menu.liste, nav.filtres + menu.liste, nav.multipage + menu.liste, nav.recherche + menu.liste, menu.liste + nav.multipage, menu.liste + nav.menu, menu.liste + h1.section, menu.liste + h2.section, menu.liste + summary { margin-top: 20px; } ul.liste, menu.liste { margin: 0; padding: 0; } ul, dl, menu { orphans: 2; widows: 2; } <? for ($i = 2; $i <= 12; $i++): ?> ul.col9, dl.col9, menu.col9, nav.col9 > ul, nav.col9 > menu { columns: 9; column-gap: 0; } ul.col9, dl.col9, menu.col9 { column-gap: 20px; } <? endfor ?> @media only screen and (max-width: 1023px) { ul.col4, ul.col5, ul.col6, ul.col7, ul.col8, ul.col9, ul.col10, ul.col11, ul.col12, dl.col4, dl.col5, dl.col6, dl.col7, dl.col8, dl.col9, dl.col10, dl.col11, dl.col12, menu.col4, menu.col5, menu.col6, menu.col7, menu.col8, menu.col9, menu.col10, menu.col11, menu.col12 { columns: 3; } } @media only screen and (max-width: 683px) { ul.col2, ul.col3, ul.col4, ul.col5, ul.col6, ul.col7, ul.col8, ul.col9, ul.col10, ul.col11, ul.col12, dl.col2, dl.col3, dl.col4, dl.col5, dl.col6, dl.col7, dl.col8, dl.col9, dl.col10, dl.col11, dl.col12, menu.col2, menu.col3, menu.col4, menu.col5, menu.col6, menu.col7, menu.col8, menu.col9, menu.col10, menu.col11, menu.col12 { columns: 1; } } ul.liste > li, menu.liste > li { position: relative; break-inside: avoid-column; page-break-inside: avoid; list-style: none; margin: 0; padding: 0; } ul.liste > li + li, menu.liste > li + li { margin-top: 12px; } ul.liste.alternee li, menu.liste.alternee li { padding: 3px 15px; } ul.liste.alternee li:nth-of-type(2n+1), menu.liste.alternee li:nth-of-type(2n+1) { background: rgba(0,0,0,.05); } ul.liste.avec-boulette, menu.liste.avec-boulette { margin-left: 1.2em; } ul.liste.avec-boulette > li, menu.liste.avec-boulette > li { list-style: square; } ul.liste ul.liste, menu.liste menu.liste { margin-top: 12px; padding-left: 32px; } ul.liste li.avec-numero, menu.liste li.avec-numero { } ul.liste li.avec-numero div.numero, menu.liste li.avec-numero div.numero { display: inline-block; float: left; margin-top: 2px; margin-right: 12px; width: 18px; height: 18px; line-height: 18px; border: 1.2px solid #111; text-align: center; font-size: 0.825rem; font-feature-settings: 'pnum', 'lnum'; -webkit-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum', 'lnum'; -moz-font-feature-settings: 'pnum=1,lnum=1'; } ul.liste li.avec-numero div.numero.vide, menu.liste li.avec-numero div.numero.vide { border-color: transparent; } ul.liste div.nom, ul.liste div.titre { font-size: 0.975rem; font-weight: bold; } ul.liste ul.details { padding-left: 1.2em; } ul.liste ul.details > li { list-style: square; font-size: 0.975rem; } nav.onglets:not(.cols):not(.col) + ul.grille, nav.multipage:not(.cols):not(.col) + ul.grille, nav.filtres:not(.cols):not(.col) + ul.grille, header:not(.cols):not(.col) + ul.grille { margin-top: 20px; } ul.grille:not(.cols):not(.col) { margin: 0; padding: 0; } ul.grille > li { list-style: none; margin: 0; } ul.grille > li:not(.cols):not(.col) { width: 320px; float: left; margin: 0 0 20px 0; padding: 0; } ul.grille.demi > li:not(.cols):not(.col) { width: 150px; } ul.grille > li + li:not(.cols):not(.col) { margin-left: 20px; } ul.grille.une-colonne > li + li:nth-of-type(n+1):not(.cols):not(.col), ul.grille.deux-colonnes > li + li:nth-of-type(2n+1):not(.cols):not(.col), ul.grille.trois-colonnes > li + li:nth-of-type(3n+1):not(.cols):not(.col), ul.grille.quatre-colonnes > li + li:nth-of-type(4n+1):not(.cols):not(.col), ul.grille.cinq-colonnes > li + li:nth-of-type(5n+1):not(.cols):not(.col), ul.grille.six-colonnes > li + li:nth-of-type(6n+1):not(.cols):not(.col), ul.grille.simple.plein > li + li:nth-of-type(n+1):not(.cols):not(.col), ul.grille.double.plein > li + li:nth-of-type(2n+1):not(.cols):not(.col), ul.grille.triple.plein > li + li:nth-of-type(3n+1):not(.cols):not(.col), ul.grille.simple.demi > li + li:nth-of-type(2n+1):not(.cols):not(.col), ul.grille.double.demi > li + li:nth-of-type(4n+1):not(.cols):not(.col), ul.grille.triple.demi > li + li:nth-of-type(6n+1):not(.cols):not(.col) { clear: left; margin-left: 0; } <? if ($ajustable): ?> @media only screen and (max-width: 1023px) { ul.grille.triple.plein > li + li:nth-of-type(3n+1):not(.cols):not(.col), ul.grille.triple.demi > li + li:nth-of-type(6n+1):not(.cols):not(.col) { clear: none; margin-left: 20px; } ul.grille.triple.plein > li + li:nth-of-type(2n+1):not(.cols):not(.col), ul.grille.triple.demi > li + li:nth-of-type(4n+1):not(.cols):not(.col) { clear: left; margin-left: 0; } } @media only screen and (max-width: 683px) { ul.grille.plein > li + li:not(.cols):not(.col), ul.grille.demi > li + li:nth-of-type(2n+1):not(.cols):not(.col) { clear: left !important; margin-left: 0 !important; } } <? endif ?> section.une section.pastille:not(.col):not(.cols) { position: relative; float: left; width: 320px; height: 200px; margin: 0 0 20px 20px; overflow: hidden; background: rgba(0,0,0,.1); } section.une section.col.pastille, section.une section.cols.pastille { position: relative; height: 220px; } section.une section.pastille.special { background: #f7eFd7; } section.une section.pastille.inverse { color: #fff; background: rgba(0,0,0,.8); } section.une section.pastille.premiere:not(.col):not(.cols) { clear: left; margin-left: 0; } section.une section.pastille.double:not(.col):not(.cols) { width: 660px; } section.une section.pastille.triple:not(.col):not(.cols) { width: 1000px; } section.une section.pastille.hauteur-double { height: 420px; } section.une section.pastille.col.hauteur-double, section.une section.pastille.cols.hauteur-double { height: 440px; } section.une section.pastille.hauteur-triple { height: 640px; } section.une section.pastille.col.hauteur-triple, section.une section.pastille.cols.hauteur-triple { height: 660px; } section.une a { color: #111; } section.une section.pastille.inverse a { color: #fff; } section.une a[href]:hover { text-decoration: none; } section.une section.pastille .texte-superpose { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; font-size: 0.975rem; color: #fff; background: rgba(0,0,0,.4); } section.une section.pastille .texte-superpose a { color: #fff; text-decoration: underline; } section.une section.pastille .texte-superpose a[href]:hover { text-decoration: underline; } section.une section.pastille section.edition { position: absolute; bottom: -160px; left: 6px; right: 6px; background: rgba(255,255,255,.95); padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,.3); } section.une section.pastille:hover section.edition { bottom: 6px; } section.tableau-de-bord section.pastille:not(.special):not(.inverse) { background: none; } section.tableau-de-bord a.grand-compteur, section.tableau-de-bord a.grand-bouton { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: 0 2px 6px rgba(0,0,0,.2); } section.tableau-de-bord section.pastille.col.marge a.grand-compteur, section.tableau-de-bord section.pastille.col.marge a.grand-bouton, section.tableau-de-bord section.pastille.col.marge-d a.grand-compteur, section.tableau-de-bord section.pastille.col.marge-d a.grand-bouton, section.tableau-de-bord section.pastille.cols.marge a.grand-compteur, section.tableau-de-bord section.pastille.cols.marge a.grand-bouton, section.tableau-de-bord section.pastille.cols.marge-d a.grand-compteur, section.tableau-de-bord section.pastille.cols.marge-d a.grand-bouton { right: 20px; } section.tableau-de-bord section.pastille.col.marge a.grand-compteur, section.tableau-de-bord section.pastille.col.marge a.grand-bouton, section.tableau-de-bord section.pastille.col.marge-b a.grand-compteur, section.tableau-de-bord section.pastille.col.marge-b a.grand-bouton, section.tableau-de-bord section.pastille.cols.marge a.grand-compteur, section.tableau-de-bord section.pastille.cols.marge a.grand-bouton, section.tableau-de-bord section.pastille.cols.marge-b a.grand-compteur, section.tableau-de-bord section.pastille.cols.marge-b a.grand-bouton { bottom: 20px; } section.tableau-de-bord a.grand-compteur[href]:hover, section.tableau-de-bord a.grand-bouton[href]:hover { background: rgba(0,0,0,.1); text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 10px #fff; } section.tableau-de-bord a.grand-compteur span, section.tableau-de-bord a.grand-bouton span { display: block; text-align: center; } section.tableau-de-bord a.grand-compteur .icone { font-size: 2.1rem; height: 50px; line-height: 50px; width: 100%; } section.tableau-de-bord a.grand-compteur span.num { font-size: 5.2rem; height: 80px; line-height: 80px; letter-spacing: .05em; } section.tableau-de-bord a.grand-compteur span.objet { font-size: 1.7rem; height: 60px; line-height: 60px; } section.tableau-de-bord a.grand-bouton .icone { font-size: 5.2rem; padding-top: 40px; height: 100px; line-height: 100px; width: 100%; } section.tableau-de-bord a.grand-bouton span.desc { font-size: 1.3rem; height: 60px; line-height: 60px; } small.attribut, span.attribut { background: rgba(0,0,0,.1); padding: 0 6px; white-space: nowrap; } small.attribut.correctif, span.attribut.correctif { background: #03c; color: #f7eFd7; font-weight: bold; } small.attribut.correctif a, span.attribut.correctif a { color: #f7eFd7; } div.filtre { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0,0,0,.2); opacity: 0; transition: all cubic-bezier(0.83, 0, 0.17, 1) .1s; xbackground: rgba(242, 242, 242, 0.8); backdrop-filter: blur(1px); } div.filtre.actif { z-index: 997; opacity: 1; } div.filtre { } section.global, div.global { } div.fenetre { position: fixed; background: rgba(255,255,255,.975); color: #000; z-index: 998; box-shadow: 0px 3px 15px #000; opacity: 0; padding: 0; box-sizing: border-box; overflow: hidden; } .o-appli-actif div.fenetre { visibility: hidden; } .o-appli-actif div.fenetre.actif { visibility: visible; } .o-appli-actif div.fenetre * { opacity: 0; } .o-appli-actif div.fenetre.actif * { opacity: 1; } div.fenetre input { color: #000; } div.fenetre.actif { opacity: 1; } div.fenetre header.fenetre { padding: 8px 16px; margin: 0 -32px 16px -16px; background: #03c; white-space: nowrap; border-radius: 2px 2px 0 0; } div.fenetre header.fenetre h1 { margin: 0; color: #f7eFd7; font-size: 1.125rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; } div.fenetre section.fenetre { overflow: auto; height: 100%; padding: 0 32px 0 16px; margin-right: -16px; } section.fenetre.sombre header.fenetre { background: rgba(255,255,255,.2); } section.fenetre > *:last-child { padding-bottom: 16px !important; } section.fenetre > section.fenetre-retire-marge-interne { margin: -16px; } section.fenetre > section.fenetre-retire-marge-interne + *:last-child { padding-bottom: 0 !important; } section.fenetre > section.fenetre-retire-marge-interne nav.menu { border: 0; } section.fenetre.sombre { background: rgba(0,0,0,.975); color: #eee; } section.fenetre.sombre a { color: #eee; } div.fenetre section.zone:last-of-type { margin-bottom: 0; } div.fenetre article { margin-top: 0; } div.fenetre article section:first-child, div.fenetre article article:first-child, div.fenetre article nav:first-child, div.fenetre article dl:first-child { padding-top: 0; } @media only screen and (max-width: 683px) { div.fenetre { left: 0; width: 320px; border-radius: 0; padding-left: 0; padding-right: 0; } } div.en-attente { position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100vh; width: 100vw; background: rgba(0,0,0,.2); z-index: 99999; visibility: hidden; opacity: 0; transition: all ease-in .3s; } div.en-attente.actif { visibility: visible; opacity: 1; } div.en-attente:before { font-family: 'font awesome 6 pro'; font-weight: 300; content: "\f3f4"; color: #fff; display: block; position: absolute; font-style: normal; text-align: center; font-size: 5.2rem; top: calc(50% - 5.2rem); width: 100%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } div.en-attente progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: absolute; bottom: 16%; left: 40%; width: 20%; height: 6px; background: rgba(0,0,0,.2); display: none; } div.en-attente progress[value] { display: block; } div.en-attente progress::-webkit-progress-bar { background: rgba(0,0,0,.2); } div.en-attente progress::-moz-progress-bar { background: #fff; height: 6px; transition: width .4s ease-in; } div.en-attente progress::-webkit-progress-value { background: #fff; height: 6px; transition: width .4s ease-in; } article section + section { margin-top: 20px; } article section + section.zone { margin-top: 0; } section.groupe { border-top: 4px solid #333; padding-top: 10px; } section.zone + section.groupe.premiere.zone { margin-top: 50px; } section.groupe.grand { border-top-width: 8px; border-top-color: ; padding-top: 15px; } h1.section, h2.section, hgroup.section h1, summary { font-size: 1.3rem; color: #333; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: bold; margin: 0; } h1.section, h2.section, hgroup.section h1, details[open] summary { margin-bottom: 10px; } h1.section .icone, h2.section .icone, hgroup.section h1 .icone, summary .icone { font-weight: bold; margin-right: 10px; } hgroup.section h2 { font-size: 0.975rem; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; color: #333; margin: 0; margin-bottom: 10px; } aside > h1.section, aside > h2.section, aside > hgroup.section h1 { border-top: 0; } h1.section.petit, h2.section.petit, hgroup.section.petit h1, summary.petit { font-size: 1.125rem; } h1.section.grand, h2.section.grand, hgroup.section.grand h1, summary.grand { font-size: 1.45rem; } h1.section.appel, h2.section.appel, hgroup.section.appel h1, summary.appel { color: ; font-size: 1.45rem; font-weight: 300; line-height: 1em; } h1.section + nav.menu, h2.section + nav.menu, hgroup.section + nav.menu, summary + nav.menu { clear: left; margin-top: 10px; } h1.section a, h2.section a, hgroup.section a, summary a { color: #333; } h1.section a[href]:hover, h2.section a[href]:hover, hgroup.section a[href]:hover, summary a[href]:hover { color: #03c; } h1.section .compteur, h2.section .compteur, hgroup.section .compteur, summary .compteur { background: #333; } summary { display: block; cursor: pointer; } summary:hover { text-decoration: underline; } summary:before { font-family: 'font awesome 6 pro'; font-weight: 900; display: inline-block; content: "\f105"; opacity: 1; margin-right: 4px; font-style: normal; transition: transform ease-out .2s; } details[open] summary:before { transform: rotate(90deg); } details:not([open]) summary:before { transform: none; } summary::-webkit-details-marker { display: none; } section.normal { padding: 0; } section.lecture { text-align: justify; font-family: 'liberation serif', times, 'times new roman', serif; } section p { font-size: 0.975rem; line-height: 1.5em; margin: 0; } section * + p, section p + *, section p + ul.liste { margin-top: 0.5em; } section p.petit { font-size: 0.825rem; } section.lecture p { font-size: 1.125rem; margin: 1em 0 0 0; } section.normal ul { margin: 0.5em 0 0 0; padding: 0 0 0 1.5em; } section.normal li { font-size: 0.975rem; line-height: 1.5em; margin: 0.5em 0 0 0; } section.normal ul.petit { padding: 0 0 0 .9em; } section.normal ul.petit li { font-size: 0.825rem; } section.normal h1:not(.section) { color: #111; font-size: 1.125rem; font-weight: bold; margin: 1.5em 0 0.5em 0; } section.normal h2 { color: #111; font-size: 0.975rem; margin: 1.5em 0 0.5em 0; } section.normal p + h1, section.normal ul + h1 { margin-top: 1.5em; } section.normal * + nav.mini { margin-top: 0.5em; } section div.message { font-size: 0.975rem; font-weight: bold; text-indent: 0; } section * + div.message, section div.message + * { margin-top: 1.5em; } figure { margin: 0; padding: 0; } figure figcaption { margin: 12px 0 0 0; font-size: 0.975rem; } figure figcaption:before { font-family: 'font awesome 6 pro'; font-weight: 900; content: "\f2ec"; vertical-align: baseline; line-height: 1em; opacity: 1; margin-right: 4px; font-size: 0.6em; font-style: normal; } figure nav.aussi { margin: 12px 0 0 0; } table.coulissante { display: block; overflow: auto; } h1 + table, table + footer { margin-top: 15px; } table + * { margin-top: 15px; } table + nav.multipage { border-top-width: 0; } nav.onglets + table tr:first-child th, nav.filtres + table tr:first-child th, nav.multipage + table tr:first-child th, nav.recherche + table tr:first-child th { padding-top: 15px; } nav.onglets + table tbody:first-child tr:first-child td, nav.filtres + table tbody:first-child tr:first-child td, nav.multipage + table tbody:first-child tr:first-child td, nav.recherche + table tbody:first-child tr:first-child td { border-top: 0; } table { border-collapse: collapse; width: 100%; border-bottom: 1.2px solid rgba(0,0,0,.2); } table th { text-align: left; font-size: 0.975rem; font-weight: bold; color: #333; vertical-align: bottom; padding: 0 16px 4px 16px; } table tr + tr th { padding-top: 4px; } table th + th { } table.petit th, table th.petit { font-size: 0.825rem; padding: 0 10px 4px 10px; } table.grand th, table th.grand { font-size: 0.975rem; padding: 0 20px 6px 20px; } table th a { color: #333; } table th a.filtre { white-space: nowrap; } table th a.filtre img { margin-left: 5px; } table th.minitri { position: relative; white-space: nowrap; padding-left: 0px; } table th nav.minitri { margin-left: -16px; position: relative; display: inline-block; xwhite-space: nowrap; } table th.minitri a { display: inline-block; } table th nav.minitri a { display: block; } table th.minitri a.actif, table th nav.minitri a.actif { padding: 0 4px 0 0; color: #f7eFd7; background: #03c; } table th.minitri a .icones, table th nav.minitri a .icones { float: left; display: block; width: 16px; } table th.minitri a .icones .icone, table th nav.minitri a .icones .icone { display: none; } table th.minitri a .description, table th nav.minitri a .description { display: block; margin-left: 16px; } table th.minitri a:not(.actif) .icones .icone.si-inactif, table th.minitri a.actif:not(.desc) .icones .icone.si-actif.si-asc, table th.minitri a.actif.desc .icones .icone.si-actif.si-desc, table th nav.minitri a:not(.actif) .icones .icone.si-inactif, table th nav.minitri a.actif:not(.desc) .icones .icone.si-actif.si-asc, table th nav.minitri a.actif.desc .icones .icone.si-actif.si-desc { display: block; } table tr + tr th { border-top: 1.2px solid rgba(0,0,0,.2); } table tr.debut-section { background: rgba(0,0,0,.05); } table td { vertical-align: top; font-size: 0.975rem; padding: 10px 16px; border-top: 1.2px solid rgba(0,0,0,.2); font-feature-settings: 'tnum'; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum=1'; overflow: hidden; text-overflow: ellipsis; } table td + td, table.fichiers td, table td.forcer-cadre { border-left: 1.2px solid rgba(0,0,0,.2); } table.fichiers td:last-child { border-right: 1.2px solid rgba(0,0,0,.2); } table tr.double td { border-top-width: 2.4px; } table.fichiers tr:nth-of-type(2n + 1) td { background: rgba(0,0,0,.05); } table.etroit th, table.etroit td, table th.etroit, table td.etroit { letter-spacing: -.02em; } table.petit td, table td.petit { font-size: 0.825rem; padding: 6px 10px; } table.grand td, table td.grand { font-size: 1.125rem; padding: 12px 20px; } table td.description { font-size: 0.825rem; font-weight: bold; } table th.image, table td.image { padding: 8px; width: 64px; } table th.avatar, table td.avatar { padding: 8px; width: 32px; } table td.avatar a { width: 32px; height: 32px; } table td.avatar img { border-radius: 32px; } table th.num, table td.num, table th.cout, table td.cout { text-align: right; } table th.prix, table td.prix { text-align: right; width: 55px; } table th.pourcent, table td.pourcent { text-align: right; width: 55px; } table th.reduit, table td.reduit { max-width: 100px; overflow: hidden; text-overflow: ellipsis; } table tr.special td, table tr.playing td { background: #EBFA78; } table tr.total td, table td.total { font-weight: bold; } table td.util { padding: 2px 2px; text-align: right; } table.fichiers td.util { padding: 2px 2px; } table th.icone, table td.icone { padding: 2px 2px; } table tr.icone .icone, table td.icone .icone { font-size: 1.125rem; line-height: 2.2em; height: 2.2em; width: 2.2em; display: inline-block; text-align: center; } table.fichiers td:not(.util):not(.icone):not(.prix) { width: 100%; } table tr.pale td { background: rgba(0,0,0,.05); opacity: .6; } table tr.inverse td { color: #eee; background: rgba(0,0,0,.9); border-color: rgba(255,255,255,.4); } table td small { display: block; } table.rayures > tr:nth-of-type(2n) td, table.rayures > tbody > tr:nth-of-type(2n+1) td { background: rgba(0,0,0,.05); } table td.derouleur-deroulable { width: 2em; padding-right: 0; } table td.derouleur-deroulable a.derouleur { display: block; text-align: center; color: #111; } table td ul { margin: 0; } table td ul li { list-style: none; margin-left: 0; } table td ul li.derouleur-deroulable a.derouleur[href]:hover { text-decoration: none; } table td ul li.derouleur-deroulable a.derouleur[href]:hover:after, table td ul li.derouleur-deroulable a.derouleur.actif:after { position: absolute; display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Pro', FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f0d7"; font-weight: bold; line-height: 1.2em; margin-left: 4px; width: 0; } .long-texte table { margin: 1.5em 0; border-bottom: 2.4px solid #111; } .long-texte th + th, .long-texte td + td { border-left: 2.4px solid #111; } .long-texte td { border-top: 2.4px solid #111; } @media only screen and (max-width: 683px) { table { display: block; overflow: auto; } } nav.mois + table.calendrier { margin-top: 12px; } nav.mois { } nav.mois a { font-size: 1.3rem; color: #111; line-height: 2.4em; height: 2.4em; padding: 0 8px; display: block; box-sizing: border-box; } nav.mois.petit a { font-size: 1.125rem; padding: 0 6px; } nav.mois a.accueil { float: left; } nav.mois a.precedent { float: left; } nav.mois a.nom { text-align: center; border: 1.2px solid rgba(0,0,0,.1); } nav.mois a.nom.aujourdhui { text-decoration: underline; } nav.mois a.suivant { float: right; } nav.mois a.autres-moiss { float: right; } nav.mois a[href]:hover { text-decoration: none; background: rgba(0,0,0,.1); } nav.mois a.ici { color: #f7eFd7; background: #03c; } nav.autres-moiss { margin: 0 !important; } nav.autres-moiss nav.annee { display: none; } nav.autres-moiss nav.annee.actif { display: block; } nav.autres-moiss nav.annee header { border-bottom: 1.2px solid rgba(0,0,0,.1); } nav.autres-moiss nav.annee header a.direction { display: block; font-size: 1.125rem; line-height: 32px; height: 32px; width: 32px; text-align: center; color: #111; } nav.autres-moiss nav.annee header a.direction[href]:hover { background: rgba(0,0,0,.2); } nav.autres-moiss nav.annee header a.precedent { float: left; } nav.autres-moiss nav.annee header a.suivant { float: right; } nav.autres-moiss nav.annee header h1 { font-size: 1.125rem; text-align: center; line-height: 32px; height: 32px; font-weight: normal; color: #03c; } nav.autres-moiss nav.annee li a { text-align: center; width: 100px; color: #999; } nav.autres-moiss nav.annee li a.interessant { color: #111; } table.calendrier { } table.calendrier td, table.calendrier th { padding: 0; } table.calendrier th { padding: 0 8px 4px 8px; font-size: 0.825rem; } table.calendrier.petit th { padding: 0 6px 4px 6px; } table.calendrier td { border: 1.2px solid rgba(0,0,0,.1); } table.calendrier a { position: relative; display: block; padding: 0 8px; font-size: 1.3rem; line-height: 2.4em; color: #111; } table.calendrier.petit a { padding: 0 6px; font-size: 1.125rem; } table.calendrier td.aujourdhui a { text-decoration: underline; } table.calendrier td.hors-mois a { color: rgba(0,0,0,.2); } table.calendrier td.hors-periode { background: rgba(0,0,0,.05); } table.calendrier a[href]:hover { text-decoration: none; background: rgba(0,0,0,.1); } table.calendrier td.interessant { background: rgba(0,0,0,.1); } table.calendrier a.ici { background: #03c; color: #f7eFd7; } ul.infos { margin: 0; padding: 0; } ul.infos li { list-style: square; margin: 0 0 0 1.2em; padding: 0; font-size: 0.825rem; } ul.infos li + li { margin-top: 6px; } ul.infos li b { color: #999; } [data-ranime] { clear: both; } .espace-reserve { clear: both; height: 60px; } [data-afficheur] { display: none; } [data-afficheur].actif { display: block; } .nouveau-contenu:not(.suggestions) { -webkit-animation-name: swashIn; animation-name: swashIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .en-fermeture { -webkit-animation-name: puffOut; animation-name: puffOut; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(2px); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } } @keyframes puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(2px); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } } @-webkit-keyframes puffOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); -webkit-filter: blur(2px); filter: blur(2px); } } @keyframes puffOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); filter: blur(0px); } 100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); -webkit-filter: blur(2px); filter: blur(2px); } } .swashIn { -webkit-animation-name: swashIn; animation-name: swashIn; } @-webkit-keyframes swashIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } 90% { opacity: 1; transform-origin: 50% 50%; transform: scale(0.9, 0.9); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } @keyframes swashIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(0, 0); } 90% { opacity: 1; transform-origin: 50% 50%; transform: scale(0.9, 0.9); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); } } section.mini-profil .est-avatar { float: left; } section.mini-profil section.infos { float: right; width: 165px; } section.mini-profil div.nom { font-size: 1.125rem; } section.mini-profil div.nom a { color: #111; } section.mini-profil div.type { font-size: 0.825rem; margin-top: 3px; } section.mini-profil section.infos nav.menu { margin: 15px 0 0 0; } footer.complement { font-size: 0.825rem; margin-top: 20px; border-top: 1.2px solid rgba(0,0,0,.2); padding-top: 6px; } h1 + ul.utilisateurs, nav.multipage + ul.utilisateurs, ul.utilisateurs + nav.multipage { margin-top: 18px; } ul.utilisateurs { margin: 0; padding: 0; } li.utilisateur { list-style: none; margin: 0; padding: 0; } li.utilisateur + li.utilisateur { margin-top: 18px; } li.utilisateur a.est-avatar { float: left; width: 72px; margin-right: 10px; border-radius: 72px; } li.utilisateur a.est-avatar img { width: 72px; height: 72px; border-radius: 72px; } li.utilisateur section.infos { margin-left: 90px; } li.utilisateur div.nom { font-size: 1.125rem; font-weight: bold; } li.utilisateur div.categorie { font-size: 0.975rem; } div.avatar img { border-radius: 50%; } li.moi { background: ; padding-top: 5px !important; padding-bottom: 5px !important; } section > h1 + ul.episodes { margin-top: 15px; } ul.episodes + nav.menu { margin-top: 15px; } ul.episodes { margin: 0; padding: 0; } ul.episodes li, li.episode { position: relative; list-style: none; margin: 0; padding: 0; padding: 7px 20px; } ul.episodes li + li, li.episode + li.episode { margin-top: 1px; } ul.episodes li:nth-of-type(2n+1), li.episode:nth-of-type(2n+1) { background: rgba(0,0,0,.05); } ul.episodes li a[href]:hover, li.episode a[href]:hover { text-decoration: underline; } ul.episodes div.avatar { float: left; width: 36px; height: 36px; } ul.episodes div.avatar img { width: 36px; height: 36px; border-radius: 36px; } ul.episodes section.infos { margin: 0 0 0 48px; } ul.episodes div.contenu { font-size: 1.125rem; line-height: 24px; } ul.episodes div.contenu span.systeme { color: #03c; } ul.episodes div.moment { font-size: 0.825rem; line-height: 12px; font-feature-settings: 'tnum'; -webkit-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum'; -moz-font-feature-settings: 'tnum=1'; } li.episode nav.deroulable a { color: #111; } section.dialogue-fixe { position: fixed; bottom: 0; left: 0; z-index: 999; background: #fff; box-sizing: border-box; padding: 12px 20px; box-shadow: 0 -4px 10px rgba(0,0,0,.4); overflow: hidden; } section.dialogue-fixe.accepte { height: 0; padding: 0 20px; box-shadow: none; } footer.global { padding-top: 24px; } footer.global section.signature { border-top: 1.2px solid #999; } footer.global nav.aussi li, footer.global p { font-size: 0.975rem; } .avatar img { border-radius: 50%; } .acte { padding: 6px 0; border-radius: 6px; margin-bottom: 6px; } .acte.frais { background: #ff9; } .acte p { line-height: 24px; font-size: 1.125rem; margin-left: 32px; text-indent: -32px; } .acte p .avatar { width: 24px; height: 24px; margin-right: 8px; float: left; } .acte p .avatar img { height: 24px; } .acte p .icone { font-weight: bold; text-indent: 0; } .acte p .icone.fa-heart { color: #f30 !important; } .acte p .domaine { opacity: .5; } .acte p a:hover .domaine { opacity: 1; } footer.stats { font-size: 0.825rem; margin-left: 32px; } footer.stats > .stat, footer.stats > .nav { margin-left: 8px; } footer.stats > .stat .icone, footer.stats > .nav .icone { margin-right: 2px; } .graf { position: relative; } .graf-lineaire { margin-bottom: 24px; } path.graf-lineaire-fond { stroke: none; fill: rgba(0,0,0,.1); } path.graf-lineaire-ligne { stroke: #03c; stroke-width: 1; fill: none; } path.graf-lineaire-ligne.futur { stroke-dasharray: 4, 4; } .graf-lineaire-zones { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .graf-lineaire-zone { position: absolute; } .graf-lineaire-zone > a { position: absolute; display: block; top: 0; right: 0; left: 0; bottom: 0; } .graf-lineaire-point { position: absolute; display: block; width: 100%; color: #03c; text-align: center; } .graf-lineaire-point .icone { font-size: 0.8vw; line-height: 0.8vw; position: relative; top: -0.4vw; vertical-align: top; } .graf-lineaire-zone > a.ici .graf-lineaire-point .icone { font-size: 1.6vw; line-height: 1.6vw; top: -0.8vw; } .graf-lineaire-valeur { position: absolute; display: none; width: 100%; text-align: center; font-size: 0.975rem; } .graf-lineaire-valeur.au-dessus { top: -2.4vw; } .graf-lineaire-valeur.en-dessous { top: 0.8vw; } .graf-lineaire-desc { position: absolute; top: calc(100% + 12px); display: block; width: 100%; text-align: center; font-size: 0.825rem; font-weight: bold; } .graf-lineaire-zone:hover { background: rgba(0,0,0,.1); } .graf-lineaire-zone:hover .graf-lineaire-valeur { display: block; } [data-diaporama] > * { transition: left ease-out .4s; } [data-diaporama] a.precedent, [data-diaporama] a.suivant { position: absolute; display: grid; align-items: center; justify-content: center; top: 0; bottom: 0; padding: auto 0; width: 3.5vmax; vertical-align: middle; text-align: center; cursor: pointer; xopacity: 0; transition: opacity ease-out .4s, background ease-out .4s; } [data-diaporama]:hover a.precedent, [data-diaporama]:hover a.suivant { opacity: 1; } [data-diaporama] a.precedent:hover, [data-diaporama] a.suivant:hover { background: rgba(0,0,0,.1); } [data-diaporama] a.suivant { right: 0; } [data-diaporama] a.precedent:after, [data-diaporama] a.suivant:after { display: block; font-family: 'font awesome 6 pro'; font-weight: 300; font-size: 3vw; } [data-diaporama] a.precedent:after { content: "\f104"; } [data-diaporama] a.suivant:after { content: "\f105"; } [data-diaporama] nav.pages { position: absolute; bottom: 1vmax; left: 0; right: 0; text-align: center; xopacity: 0; transition: opacity ease-out .4s, background ease-out .4s; } [data-diaporama]:hover nav.pages { opacity: 1; } [data-diaporama] nav.pages a { display: inline-block; width: 2vmax; height: 2vmax; line-height: 2vmax; cursor: pointer; } [data-diaporama] nav.pages a:after { display: block; font-family: 'font awesome 6 pro'; font-weight: 900; font-size: 1vmax; content: "\f111"; } [data-diaporama] nav.pages a.ici:after { font-weight: 300; } .icone[title], .icone.descriptible { cursor: default; } .fa-stack { width: 1; height: 1; line-height: 1; font-size: .5em; top: -.25em; } .fa-stack-1x { line-height: 2em; } .fa-check:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-check-circle:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-check-square-o:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-dot-circle-o:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-unlock:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-unlock-alt:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-thumbs-up:not(.fa-couleur-texte):not(.fa-couleur-jaune):not(.fa-couleur-rouge), .fa-couleur-verte { color: #339933; } .fa-exclamation-triangle:not(.fa-couleur-texte):not(.fa-couleur-rouge), .fa-couleur-jaune { color: #ffcc33; } .fa-ban:not(.fa-couleur-texte), .fa-exclamation:not(.fa-couleur-texte), .fa-exclamation-circle:not(.fa-couleur-texte), .icone.icone-favori-actif:not(.fa-couleur-texte), .fa-thumbs-down:not(.fa-couleur-texte), .fa-couleur-rouge { color: #ff3333; } .fa-couleur-speciale { color: #03c; }   li.album div.image a:after { margin: 0; content: ''; } li.album div.titre { font-size: 1.125rem; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-weight: bold; margin-top: 12px; } li.album div.vedettes { font-size: 0.975rem; margin-top: 6px; } li.album div.complement { font-size: 0.825rem; margin-top: 6px; } li.even-date + li.even-date { margin-top: 18px; } li.even-date div.date-heure { font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; font-size: 1.3rem; } li.even-date div.date-heure span.heure { margin-left: 24px; } li.even-date div.lieu-endroit div.nom { font-size: 1.125rem; } li.even-date div.lieu-endroit div:not(.nom) { font-size: 0.825rem; margin-top: 2px; margin-left: 18px; } li.even-date ul.billetterie, li.even-date ul.producteurs, li.even-date ul.urls, li.even-date div.festival { display: block; margin: 6px 0 0 0; padding: 0; } li.even-date ul.billetterie li, li.even-date ul.producteurs li, li.even-date ul.urls li { display: block; } li.even-date ul.billetterie li + li, li.even-date ul.producteurs li + li, li.even-date ul.urls li + li { margin-top: 2px; } li.even-date ul.billetterie li { font-size: 0.975rem; } li.even-date ul.billetterie li a[href] { display: inline-block; color: #fff; background: #03c; padding: 0 4px; border-radius: 2px; } li.even-date ul.producteurs li { font-size: 0.825rem; } li.even-date ul.urls li { font-size: 0.825rem; margin-left: 18px; } li.participant h1.debut-section { color: #333; margin: 24px 0 0 0; font-size: 1.125rem; } li.participant div.nom { font-size: 1.125rem; } li.participant div.nom a[href] { font-weight: bold; } li.participant div:not(.nom) { font-size: 0.825rem; } li.disque > ul.pistes { padding-left: 0; } li.oeuvre h1.debut-section { color: #333; margin: 24px 0 0 0; font-size: 1.125rem; } li.oeuvre section.oeuvre-resume:after { position: static; display: block; content: ' '; height: 0; clear: both; } li.oeuvre section.oeuvre-resume div.titre { font-size: 1.125rem; line-height: 1.2em; margin-bottom: 2px; } li.oeuvre li.oeuvre section.oeuvre-resume div.titre { font-size: 0.975rem; } li.oeuvre section.oeuvre-resume div.titre i, li.oeuvre section.oeuvre-resume div.titre .litk-interface.w, li.oeuvre section.oeuvre-resume div.titre .litk-interface.t { font-weight: bold; font-style: normal; } li.oeuvre section.oeuvre-resume div.arrangement, li.oeuvre section.oeuvre-resume div.forme, li.oeuvre section.oeuvre-resume div.instrumentation { font-size: 0.825rem; margin: 2px 0 0 16px; } li.oeuvre section.oeuvre-resume div.interpretes, li.oeuvre section.oeuvre-resume div.attributs, li.oeuvre section.oeuvre-resume div.commande, li.oeuvre section.oeuvre-resume div.details, li.oeuvre section.oeuvre-resume div.cycle { display: list-item; list-style: square; font-size: 0.825rem; margin: 2px 0 0 32px; } li.oeuvre.avec-numero section.oeuvre-resume div.arrangement, li.oeuvre.avec-numero section.oeuvre-resume div.forme, li.oeuvre.avec-numero section.oeuvre-resume div.instrumentation { margin-left: 48px; } li.oeuvre.avec-numero section.oeuvre-resume div.interpretes, li.oeuvre.avec-numero section.oeuvre-resume div.attributs, li.oeuvre.avec-numero section.oeuvre-resume div.commande, li.oeuvre.avec-numero section.oeuvre-resume div.details, li.oeuvre.avec-numero section.oeuvre-resume div.cycle { margin-left: 64px; } li.oeuvre section.oeuvre-resume .attr.est-creation, li.oeuvre section.oeuvre-resume .attr.est-entracte { padding: 0 4px; border-radius: 2px; } li.oeuvre section.oeuvre-resume .attr.est-creation { color: #f7eFd7; background: #03c; } li.oeuvre section.oeuvre-resume .attr.est-entracte { background: rgba(0,0,0,.1); } li.oeuvre ul.partitions, li.oeuvre ul.librettos { margin-top: 6px; padding-left: 32px; } li.oeuvre li.partition, li.oeuvre li.libretto { display: block; } li.oeuvre ul.audios, li.oeuvre ul.videos { margin: 6px 0 0 0; padding: 0; } li.oeuvre li.audio, li.oeuvre li.video { display: block; margin: 4px 0 0 0; padding: 0; font-size: 0.825rem; } li.oeuvre li.audio:not(.oeuvre) a[href], li.oeuvre li.video a[href] { display: inline-block; border: 1px solid rgba(0,0,0,.1); border-radius: 12px; padding: 2px 6px; color: #111; } li.oeuvre li.audio:not(.oeuvre) a[href]:hover, li.oeuvre li.video a[href]:hover { background: rgba(0,0,0,.1); text-decoration: none; } li.oeuvre div.audio { float: left; margin-right: 6px; font-size: 1em; } li.oeuvre li.audio:not(.oeuvre) a .icone, li.oeuvre li.video a .icone { color: #03c; margin-right: 6px; } li.oeuvre li.audio:not(.oeuvre) a.en-marche { color: #fff; background: #03c; } li.oeuvre li.audio:not(.oeuvre) a.en-marche .icone { color: #fff; } ul.liste.oeuvres.mouvements { margin-top: 0; } ul ul.liste.oeuvres.mouvements { margin-top: 12px; } section.lecteur-audio { border: 1px solid #03c; border-radius: 12px; padding: 12px 0; } section.lecteur-audio h1.section { padding: 0 12px; } section.lecteur-audio ul.audios { display: block; margin: 0; padding: 0 0 12px 0; } section.lecteur-audio ul.audios > li { display: block; border-top: 1px solid #03c; padding: 0; } section.lecteur-audio ul.audios > li.en-marche { color: #fff; background: #03c; } section.lecteur-audio ul.audios > li a[href] { display: block; color: #111; padding: 4px 12px; } section.lecteur-audio ul.audios > li a[href]:hover { background: rgba(0,0,0,.1); text-decoration: none; } section.lecteur-audio ul.audios > li.en-marche a[href] { color: #fff; } section.lecteur-audio ul.audios > li a .icone { color: #03c; } section.lecteur-audio ul.audios > li.en-marche a[href] .icone { color: #fff; } section.lecteur-audio ul.audios > li a[href]:after { content: ''; margin: 0; } section.lecteur-audio ul.audios > li div.description { font-size: 0.975rem; } section.lecteur-audio ul.audios > li div.complement { font-size: 0.825rem; padding: 0 12px 4px 12px; background: rgba(0,0,0,.1); } li.image figure img, li.video figure img { } li.video figure img { width: 100%; } li.image figure > a[href], li.video figure > a[href] { border: 2px solid #111; border-radius: 2px; display: block; box-sizing: border-box; } li.video figure > a { padding-bottom: 50%; height: 0; overflow: hidden; } li.image figure figcaption, li.video figure figcaption { font-size: 0.825rem; } li.partition div.image { position: relative; margin: 0 0 12px 0; } li.partition div.oeuvre, li.libretto div.titre { font-size: 0.975rem; margin: 0 0 6px 0; line-height: 1.2em; } li.partition div.titre, li.libretto div.auteurs { font-size: 0.825rem; } .long-texte table.libretto, .long-texte table.libretto th, .long-texte table.libretto td { border-width: 1px; border-color: #999; } .long-texte table.libretto td > p:first-child { margin-top: 0; } article.notice, article.presse { padding-bottom: 24px; } article.notice header h1.titre, article.presse header h1.titre { font-size: 1.3rem; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; margin: 0; } article.notice header div.auteur, article.presse header div.media { font-size: 0.975rem; margin-top: 6px; } article.presse header ul.sujets { margin: 0; padding: 0 0 0 1.2em; } article.presse header ul.sujets li { font-size: 0.975rem; margin-top: 6px; } article.presse header ul.sujets li .icone { margin-right: 6px; } article.presse section.citation { font-size: 1.125rem; font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif; } article.presse section.citation div.icone { float: left; font-size: 2em; color: #333; margin: 0 12px 0 0; } ul.liens div.nom { font-size: 1.125rem; font-weight: bold; } a.logo[href] { display: inline-block; vertical-align: middle; margin: 0 2em 0.5em 0; } a.logo[href]:after { content: ''; margin: 0; } a.logo img { max-width: none; width: auto; height: 3em; }   header.global { transition: box-shadow 0.3s ease-out; } .borne-un-pixel header.global { box-shadow: 0 4px 8px rgba(0,0,0,.2); } header.global .site a { font-size: 2.1rem !important; border-right: 0 !important; padding: 0 24px !important; height: 72px; } .borne-un-pixel header.global .site a { font-size: 1.3rem !important; height: 50px; } section.principal { min-height: 80vh; } h1.section.grand { font-size: 3.2rem; margin: 0 0 3.6rem 0; color: #111; } .bq-produit .couverture img { box-shadow: 0 10px 5px rgba(0,0,0,.1); } .bq-produit .titre { margin-top: 1.2rem; font-size: 1.3rem; font-weight: bold; } nav.panier li + li { margin-top: .6rem; } nav.panier-mini { margin-top: 1.2rem; } nav.panier a, nav.panier-mini a { display: inline-block; border: 1px solid #0c3; color: #0c3; padding: .2rem .8rem; border-radius: 2px; } nav.panier a:hover, nav.panier-mini a:hover { color: #fff; background: #0c3; text-decoration: none !important; } footer.global { border-top: 0; }