.lienentete {
	background: 0em center / 0.8em url('../img/flecheG-s.png') no-repeat;
	padding-left: 1.5em;
	margin: 1em;
	font-size: 1.5em;
}
.lienentete A:hover {
	text-decoration: underline;
}
@keyframes publieurfsmini {
	0% {
		transform: scale(100%);
	}
	20% {
		transform: scale(80%);
	}
	100% {
		transform: scale(100%);
	}
}
#publieurapercu {
  padding-left: 2.5em;
}
#publieurapercu .publieurapercuimg {
  width: 100%;
  max-height: 4em;
  object-fit:cover;
}
.publieurfs #publieurapercu IMG {
  max-height: 6em;
}
.menucontexte {
  position: absolute;
  background: #FFF7E7;
  border: #FFFFFF solid 1px;
  font-size: 1em;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .2s ease-in-out;
  bottom: 2em;
  box-shadow: #121318 .1em -.1em .2em;
}
.menucontexteactif {
  transform: scaleY(1);
}
.menucontexteliste {
  list-style: none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow:hidden;
}
.menucontexteliste LI {
  padding: 0.5em;
}
.menucontexteliste LI:hover {
  background: #121318;
  color: #FFFFFF;
  cursor: default;
}
#publieur.publieurfs {
	animation: 1s ease-in-out publieurfs forwards;
	bottom: 50%;
	z-index: 15;
}
#publieur.publieurfs textarea {
  height: 50vh;
  max-height: 8em;
  cursor: unset;
}
#publieuravatar {
	width: 2.5em;
	height: 2em;
	object-fit: contain;
	float: left;
}
.pubopt {
	padding: 0.4em 0.5em;
	cursor: pointer;
	font-variant: small-caps;
}
.pubopt:hover {
	background: #FFF7E7;
}
@keyframes publieur {
	0% {
		bottom: -6em;
	}
	20% {
		bottom: -6em;
	}
	100% {
		bottom: 0;
	}
}
@keyframes publieurfs {
	0% {
		bottom: 0;
		transform: translateX(-50%) translateY(0%) scale(100%);
	}
	20% {
		bottom: 50%;
		transform: translateX(-50%) translateY(50%) scale(80%);
	}
	100% {
		transform: translateX(-50%) translateY(50%) scale(100%);
	}
}
#publieur {
	position: fixed;
	width: 50%;
	max-width: 40em;
	bottom: 0;
	left: 50%;
	padding: 0.5em 0.2em 0 0;
	transform: translateX(-50%);
	border-radius: 0.5em 0.5em 0 0;
	animation: 2s ease-in-out publieur forwards;
	z-index: 11;
	background: #FFFFFF;
	color: #121318;
}
#publieur textarea {
	height: 1.1em;
	  max-height: 1.1em;
	width: calc(100% - 4em);
	padding: 0.5em;
	margin: 0;
	border: 0;
	border-radius: inherit;
	background: #C0C0C0;
	cursor: pointer;
	resize: none;
	transition: height .5s ease-in-out;
}
#publieur textarea:focus, #publieur textarea:hover {
	background: #FFF7E7;
}
#publieur UL IMG {
	height: 1em;
	width: 1em;
	object-fit: contain;
	padding-right: 0.5em;
	vertical-align: top;
}
#publieur UL:not(.menucontexteliste) {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0.5em;
	padding: 0;
}
#publieur LI {
	display: inline-block;
}
#publieur .menucontexteliste LI {
  display: block;
}
#nouveaubrouillon {
	width: 100%;
	font-size: 2rem;
	margin: 0.7rem 0;
}
#nouveaubrouillon IMG {
	vertical-align: top;
	padding-right: 0.5rem;
}
.fildactu:hover .boitesuivante, .fildactu:hover .boiteprecedente {
	display: unset;
}
.boitesuivante, .boiteprecedente {
	display: none;
	position: absolute;
	left: 50%;
	padding: 1rem;
	cursor: pointer;
	font-weight: bold;
	color: #C0C0C0;
	z-index: 2;
}
.boiteprecedente {
	transform: translateX(-50%);
	top: -0.5em;
}
.boitesuivante {
	padding-bottom: 0;
	bottom: -0.5em;
	transform: translateX(-50%) rotate(180deg);
}
.zoneemo {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
@keyframes showemo {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.8;
	}
}
.fildactu .emoji {
	opacity: 0;
	position:absolute;
	z-index: 2;
	transition: all 5s ease-out;
}
.fildactu .animated {
	animation: showemo 1s linear forwards;
}
.boitefildactucont {
	overflow: hidden;
	height: 2em;
	display: grid;
	align-items: center;
	padding: 1em;
}
IFRAME {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}
.grillesommaire {
	padding-top: 1vw;
}
@keyframes fleche {
	0% {
		  max-height: 0em;
	  }
	5% {
		  max-height: 0em;
	  }
	  100% {
		  max-height: 1em;
	  }
  }
  @keyframes flechepetit {
	0% {
		  max-height: 0em;
	  }
	5% {
		  max-height: 0em;
	  }
	  100% {
		  max-height: 1em;
	  }
  }
  .boitechangement {
	  position: absolute;
	  top: 1em;
		right: 0;
	  width: 1em;
	  animation: 15s ease-in fleche forwards;
	  z-index: 2;
		overflow: hidden;
  }
.pause .boitechangement {
	animation: unset;
}
  .boitechangement IMG {
	  position: relative;
		height: 1em;
  }
  .optionbandeau {
	  position: absolute;
	  right: 1em;
	  bottom: 0;
	  z-index: 2;
  }
  .optionbandeau IMG {
	  height: 1em;
  }
  @keyframes clignotement {
	  0% {
		  box-shadow: 0em 0em 2em #BC362A;
		  opacity: 0.7;
	  }
	  100% {
		  box-shadow: 0em 0em 0em #BC362A;
		  opacity: 1;
	  }
  }
  .actudirectrond {
	animation: 2s linear infinite alternate clignotement;
	border-radius: 1em;
  }
  .fildactu .nvcommu {
	  bottom: 0.1em;
  }
  .entetedactu {
	  position: absolute;
	  font-size: 0.7vw;
	  padding: 0.5em 0.7em;
	  margin: -1.8em 0em 0em 3em;
	  background: #303642;
	  border-radius: 1em;
	  opacity: 0.9;
	  z-index: 3;
  }
  .accueil {
	  display: flex;
  }
  .fildactu {
	  position: relative;
	  margin: -0.5em 1em 1em 1em;
	  font-size: 1.25vw;
	  height: 4em;
	  box-shadow: 1rem 1rem 2rem #BC362A;
  }
  @keyframes slideinpetit {
	  0% {
		  transform: translateY(-8em);
	  }
	5% {
		  transform: translateY(0em);
	  }
	  96% {
		  transform: translateY(0em);
	  }
	  100% {
		  transform: translateY(8em);
	  }
  }
  @keyframes slidein {
	  0% {
		  transform: translateY(-3em);
	  }
	5% {
		  transform: translateY(0em);
	  }
	  96% {
		  transform: translateY(0em);
	  }
	  100% {
		  transform: translateY(3em);
	  }
  }
  @keyframes afterpause {
	  0% {
		  transform: translateY(0em);
	  }
		96% {
		  transform: translateY(0em);
	  }
	  100% {
		  transform: translateY(3em);
	  }
  }
  @keyframes afterpausepetit {
	  0% {
		  transform: translateY(0em);
	  }
		96% {
		  transform: translateY(0em);
	  }
	  100% {
		  transform: translateY(8em);
	  }
  }
  .txtfildactucont {
	  line-height: 1.1em;
	  max-height: 2.2em;
	  overflow: hidden;
		animation: 15s ease-in slidein forwards;
  }
.pause .txtfildactucont {
	animation: unset;
	transform: translateY(0em);
}
.afterpause .txtfildactucont {
	animation: 15s ease-in afterpause forwards;
}
  .txtfildactu .txtfildactucont {
	  display: none;
  }
  .txtfildactu:not(.optioncacher) .txtfildactucont {
	  display: block;
  }
  .articleEntete {
	  border-radius: 0.8em 0.8em 0 0;
  }
  #journalcontenuvide {
	  text-align: center;
	  background: url('../img/filleordiblanc.svg') 0 0 / cover ;
	  width: 50%;
	  padding-bottom: calc(50% * 3 / 4);
	  color: #FFFFFF;
	}
  .planningelement {
	  width: 100%;
	  background: #121318;
  }
  .planningelement:hover {
	  background: #C0C0C0;
	  color: #121318;
  }
  .planningelement A {
	  display: grid;
	  grid-template-columns: 5em 7em 1fr 6em;
	  gap: 3%;
	  min-height: 5em;
	  align-items: center;
	  padding-left: 1em;
  }
  .planningelement .planimg {
	  height: 5em;
  }
  .planningelement .planimg IMG {
	  width: 100%;
	  height: 5em;
	  object-fit: contain;
  }
  .planningelement .dateevenement {
	  padding: 0;
	  white-space: nowrap;
	  overflow: hidden;
  }
  .planningelement .modtitre {
	  white-space: nowrap;
	  overflow: hidden;
  }
  .planningelement .modtease {
	  display: none;
  }
  .planningelement .legende {
	  white-space: nowrap;
	  overflow: hidden;
  }
  .modsite {
	 grid-column: span 2;
  }
  #lecteur #listejournalpage {
	  background: #121318;
	  position: relative;
	  overflow: visible;
	  }
	  .videoemo .smileya {
		  font-size: 1em;
	  }
	  .videoemo {
		  position: absolute;
		  right: 1em;
		  top: 1em;
	  }
	  .evenementinteret, .evenementpasinteret {
  padding: 12px 3em;
  font-size: 1.3em;
  border-radius: 1em;
  margin-top: 0.3em;
		  
	  }
  .evenementpasinteret:hover {
	  background-color: #CCC;
	  border-color: #CCC;
  }
	  .evenementinteret {
		  background-color: #bc362a;
		  color: #ffffff;
	  }
	  .evenementpasinteret {
  background-color: #C0C0C0;
  color: #121318;
	  }
  .nbparticipants {
	  margin-left: 1em;
	  font-size: 0.9em;
  }
	  .nbparticipants .nb {
  font-weight: bold;
	  }
	  @keyframes ouverture {
		  from {
			  transform: matrix3d(	0, 0, 1, 0,
						  0, 1, 0, 0,
						  -1, 0, 0, 0,
						  0, -40, 0, 1);
			  opacity: 0;
			}
		  to {
			  opacity: 1;
		  }
	  }
	  @keyframes emoex {
		  0% {
			  transform: matrix3d(	0, 0, 1, 0,
						  0, 1, 0, 0,
						  1, 0, 0, 0,
						  0, 40, 0, 1) scale(1);
			  
			}
		  95% {
			  transform: scale(100);
		  }
		  100% {
			  opacity: 0;
		  }
	  }
	  @font-face {
		font-family: 'notocoloremoji';
		src: url('notocoloremoji.ttf');
	  }
	  #notifcloche {
		  position: relative;
		  display: inline-block;
		  padding-right: 0.4em;
	  }
	  .basvignette {
		  display: grid;
		  grid-template-areas: "a  c" "b c";
		  clear: both;
	  }
	  .emoplus {
		  display: inline-block;
		  animation: .3s ease-in emoex forwards;
		  opacity: .4;
		  position: absolute;
	  }
	  .emojigroupe {
		  margin-top: 0.4em;
	  }
	  .emojititre {
		  padding-right: 0.5em;
	  }
	  .emojigroupe {
		  display: inline-block;
		  border: solid 1px #FFFFFF;
		  padding: 0.3em 0.7em 0.1em 0.3em;
		  cursor: pointer;
	  }
	  .emojigroupe:hover {
		  background: #ffffff;
		  color: #121318;
		  transition: all .2s ease-in;
	  }
	  .emojigroupevote {
	  background: #303642;
	  border: solid 1px #bc362a;
	  }
	  .smileya {
		  display: inline-block;
		  font-size: 1.5rem;
		  padding: 0.3em 0.3em 0.1em 0.3em;
		  cursor: pointer;
		  background: 100% 100% / 30% url('../img/plus.svg') no-repeat;
	  }
	  .emojivignette {
		animation: .5s ease-in ouverture forwards;
		display: none;
		position: absolute;
		z-index: 10;
		--num-columns: 8;
		--emoji-size: 1.5rem;
		--background: #121318;
		--border-color: #C0C0C0;
		--button-hover-background: #C0C0C0;
		--button-active-background: #BC362A;
		--indicator-color: #C0C0C0;
		right: 0;
	  }
	  .optemo {
	  text-align: right;
	  grid-area: c;
	  position: relative;
	  }
.txtfildactu .optemo {
	position: absolute;
	bottom: 0.1em;
	right: 3em;
	z-index: 3;
}
	  .typedebrouillon {
		  height: 4em;
		  overflow: hidden;
		  cursor: pointer;
		  transition: background-color .2s ease-in;
	  }
	  .typedebrouillon:hover {
		  background-color: #C0C0C0;
	  }
	  .typedebrouillon P {
		  font-size: 1.2em;
			  font-variant: small-caps;
	  }
	  .typedebrouillon IMG {
		  height: 2rem;
		  vertical-align: middle;
		  margin-right: 1em;
	  }
	  .entetepopup {
		  grid-column-start: 1;
		  grid-column-end: 3;
		  font-size: 1.2em;
		  text-align: center;
		  font-weight: bold;
		  white-space: nowrap;
		  overflow: hidden;
		  max-width: 95%;
	  }
	  .entetepopup IMG {
		  height: 1em;
		  position: absolute;
		  right: 0;
		  margin: 0 0.8em;
		  cursor: pointer;
	  }
	  .confirmation .entetepopup IMG {
		  right: 5em;
	  }
	  .compteillu, .logodeco, .cachejournalportable, .cacherubportable, .modjournalportable {
		display: none;
	  }
	  .lienmsg {
		  padding-top: 0.8em;
	  }
	  .paravideodroite IMG {
		  height: 1em;
		  padding-left: 1em;
	  }
	  .ajoutvideo {
		  background: #121318;
		  padding: 0.2em 1em;
		  transition:			transform 0.3s ease-in;
		  transform:			scaleX(1);
		  transform-origin: 		left;
		  max-height: 100vh;
		  overflow-y: scroll;
	  }
	  .publilien {
		  display: block;
		  margin: 1em;
		  border: ridge 2px #FFFFFF;
		  padding: 0.5em;
		  max-width: 40em;
	  }
	  .confirmation .publilien h4 {
		  margin-top: 0;
	  }
	  .publiliendes .publilien, .publiliendes P {
		  text-align: left;
	  }
.pagebulle {
	display: grid;
}
	  .lienexterne {
		  grid-template-columns: 6em 1fr;
		  display: grid;
		  align-items:center;
		  background: bottom right / 1em url(../img/lien.svg) no-repeat;
	  }
#publieurapercu .lienexterne {
   background: bottom right / 1em url(../img/liennoir.svg) no-repeat;
}
	  .lienexterne h4 {
		  padding-top: 0 !important;
	  }
	  .vignetteimglien {
		  max-width: 5em !important;
	  }
	  #prezwiki {
		  position: relative;
		  font-size: 1.5em;
	  }
	  .modulejournaux {
		  background: #303642;
		  padding-top: 0.5em;
		  z-index: 4;
	  }
	  .actuelmp {
		  background: #C0C0C0;
	  }
	  .actuelmp .nvcommu {
		  display: none;
	  }
	  .pagemp UL {
		  padding: 0;
	  }
	  .pagemp LI {
		  padding-left: 0.5em;
	  }
	  .menuavatar {
		  width: 2em;
		  max-height: 2vw;
		  vertical-align: top;
		  padding: 0em 0.3em 0em 0.7em;
		  object-fit: contain;
	  }
	  #rackomu {
		  position: relative;
		  display: inline-block;
	  }
	  #menunotif {
		display: inline-block;
		  vertical-align: middle;
		  cursor: pointer;
		padding-right: 0.4em;
	  }
	  #menunotif IMG {
		  height: 2vw;
	  }
	  .nsfwtxt {
		  display: inline-block;
		  text-align: left;
		  max-width: 50em;
		  position: relative;
		  top: 50%;
		  transform: translateY(-50%);
	  }
	  .nsfwtxt A {
		  color: #BC362A;
	  }
	  .nsfw {
		  position: fixed;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  background: #121318;
		  z-index: 2;
		  opacity: 0.98;
		  text-align: center;
	  }
	  .pagecensure {
		  color: #121318;
		  font-size: 2em;
		  padding-right: 2em;
		  background: #FFFFFF;
	  }
	  .pagecensure A, .bandeau A {
		  text-decoration: underline;
		  color: #0000FF;
	  }
	  .bandeau {
		  position: fixed;
		  padding-top: 1em;
		  padding-bottom: 1em;
		  width: 80%;
		  margin: auto;
		  left: 0;
		  right: 0;
		  background: #BC362A;
		  text-align: center;
		  font-size: 1.5em;
		  opacity: 0.8;
		  border-radius: 0.3em;
		  z-index: 3;
	  }
	  .liencensure {
		padding: 1rem 0em;
	  }
	  .censurewarning {
		  background: #121318;
		  opacity: 0.9;
		  padding: 0.2em;
		  border-radius: 0.4em;
	  }
	  .vigcensure {
		  display: none;
	  }
	  .chapolecture {
		  padding: 0em 1em 1em 1em;
		  font-weight: bold;
		  font-size: 1.05em;
	  }
  .typedebrouillon + .chapolecture {
	  padding-top: 1em;
	  padding-bottom: 0em;
  }
	  .lecturelegende {
		  padding-top: 0.3em;
		  text-transform: uppercase;
		  color: #BC362A;
	  }
	  #jtitre {
		  line-height: 1.5em;
		  font-weight: bold;
	  }
	  #rtitre {
		  font-style: italic;
	  }
	  #rtitre:hover {
		  font-style: normal;
		  text-decoration: underline;
	  }
	  #listejournalpage {
		  background: #FFFFFF;
	  }
	  #imgavatarlecture {
		  min-width: 100%;
		  max-width: 100%;
		  display: block;
	  }
	  .metavignette {
		  padding: 0.5em 0em 0em 1em;
	  }
	  .metacom {
		  padding-left: 2em;
		  background: url('../img/discublanc.svg') no-repeat;
	  }
	  .metapart {
		  margin-left: 1em;
		  padding-left: 1em;
		  background: url('../img/partage.svg') no-repeat;
		  cursor: pointer;
	  }
	  .vignetteimgdrt, .vignetteimggch {
		  width: 12em !important;
		  padding-bottom: 0.3em;
	  }
	  .vignetteimggch {
		  float: left;
		  padding-right: 1em;
	  }
	  .vignetteimgdrt {
		  float: right;
		  padding-left: 1em;
	  }
	.vignetteimggrd {
	   min-width: 100%;
	}
	  .modtease + .vignetteimggrd, .modtease + .vignetteimg {
		  padding-top: 0.5em;
	  }
	  .articleinfo {
		  background-color: #121318;
		  padding: 0em 0em 0.4em;
		  width: 100%;
	  }
	  .articleinfo P {
		  background: #C0C0C0;
		  margin: 0;
		  padding: 0em 0.5em;
		  color: #121318;
	  }
	  .articleinfo IMG {
		  height: 1em;
		  padding-right: 0.3em;
		  vertical-align: middle;
	  }
	  .articlepublier {
		  padding: 0.5em;
		  border: 0px;
		  margin: 0.5em 1em;
		  background-color: rgba(255,255,255,0.7);
		  border-radius: 2em;
		  color: #121318;
		  font-size: 1.1rem;
		  font-variant: small-caps;
	  }
	  .articlepublier:hover {
		  background-color: rgba(255,255,255,1);
	  }
	  .articleinfo BUTTON IMG {
		  height: 2em;
	  }
	  .articlepublieredition {
		  display: none;
	  }
	  .modulejournaux {
		width: 4em;
	  }
	  #plansommaire {
		display: flex;
	  }
	  .modulejournaux A:hover .nomListeBulle {
		  position: absolute;
		  padding: 0.5em;
		  margin-top: 0.2em;
		  background: #121318;
		  opacity: 0.8;
	  }
	  .modulejournaux H4 {
		margin: 0;
		  font-variant: all-petite-caps;
		  color: #C0C0C0;
		padding-left: 0.5em;
		padding-top: 0.3em;
	  }
	  .modulejournaux UL {
		  list-style: none;
		  padding: 0;
		  margin: 0;
	  }
	  .modulejournaux LI, #listejournalpage {
		  padding: 0.2em 0.5em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	  }
	  .modulejournaux LI {
		  font-weight: bold;
	  }
	  #listejournalpage IMG {
		  height: 3em;
		  max-width: 3em;
		  margin-right: 0.7em;
		  border-radius: 1em;
		  transition: border-radius .5s ease-in;
		  float:left;
	  }
	  .modulejournaux IMG, #listejournalpage IMG {
		  height: 3em;
		  max-width: 3em;
		  margin-right: 0.7em;
		  vertical-align: middle;
		  border-radius: 1em;
		  transition: border-radius .5s ease-in;
	  }
	  .modulejournaux LI:hover {
		  background: #121318;
	  }
	  .modulejournaux LI:hover IMG, #listejournalpage:hover IMG {
		  border-radius: 0.5em;
	  }
	  .explorejournal {
		  display: block;
		  max-width: 30em;
		  margin: auto;
		  background-color: #121318;
		  clear: both;
		  padding: 0em 1em 0em 1em;
		  border-radius: 1em;
		  transition: background-color .2s ease-in;
	  }
	  .explorejournal:after {
		  content: "";
		  display: table;
		  clear: both;
	  }
	  .explorejournal:hover, .choixopt:hover {
		  background-color: #BC362A;
	  }
	  .choixopt {
		  padding: 0.5em 0 0 1em;
		  text-align: left;
		  font-weight: bold;
		  border: 1px solid #C0C0C0;
		  margin-top: 1em;
		  cursor: pointer;
	  }
    .explorejournal .descri {
			display: grid;
			grid-template-columns: 7em 1fr;
			align-items: center;
    }
    .explorejournal P {
			font-weight: normal;
    }
	  .explorejournal IMG {
		  height: 6em;
		  max-width: 6em;
	  }
    .explorejournal H4 IMG {
	   height: 1em;
			padding-right: 0.5em;
			vertical-align: middle;
    }
	  .explorejournal H4 {
		  padding-top: 0;
			margin: 0;
		  font-size: 1.1em;
		  overflow: hidden;
		  text-overflow: ellipsis;
	  }
	  .explorearticle {
		  width: 30em;
		  text-align: left;
		  border: #FFFFFF solid 1px;
		  padding-top: 0.5em;
		  margin-bottom: 1em;
		  cursor: pointer;
	  }
	  .explorearticle H4 {
		  padding: 0;
		  margin: 0;
	  }
	  .journalpref LABEL:not(.journalavatarfichier) {
		display: block;
		text-align: left;
		border-bottom: 1px solid #FFFFFF;
		width: 20em;
		font-variant: small-caps;
	  }
	  .journalavatarfichier {
		cursor: pointer;
	  }
	  #journalpreftitre {
		width: 20em;
		margin-left: 0;
	  }
	  .journalpreftitre {
		text-align: left;
	  }
	  .journalprefavatar {
		margin-bottom: 4em;
	  }
	  .journalpref INPUT[type="submit"] {
		display: block;
		margin-left: auto;
	  }
  .journalpref INPUT[type="submit"] {
	  display: unset;
  }
	  .journalpref {
		max-width: 35em;
		  max-height: 75vh;
		  overflow: auto;
	  }
	  .optionarticle {
		  text-align: left;
	  }
	  .optionarticle SELECT {
		  font-size: 1em;
		  color: #FFFFFF;
		  margin: 0.5em 0.5em 1.5em 0em;
	  }
	  .optionarticle LABEL {
		  margin-top: 0.5em;
	  }
	  .optionarticle IMG:not(.entetepopup IMG) {
		  height: 4em;
		  max-width: 6em;
		  float: right;
		  padding-right: 0.5em;
		  object-fit: contain;
	  }
	  .optionarticle .optapercu {
		  background: #C0C0C0;
		  color: #121318;
		  padding: 0.5em;
	  }
	  .optionarticle TEXTAREA, .publiliendes TEXTAREA, #tatease {
		  resize: none;
		  width: calc(100% - 1em);
		  height: 5em;
		  padding: 0.5em;
	  }
	  #tatease {
		  min-height: 7em;
	  }
	  .optionarticle .parajournallegende {
		  color: #C0C0C0;
		  margin-left: 1em;
		  font-size: 0.8em;
	  }
	  .optioncacher {
		  display: none !important;
	  }
	  .dateevenement {
		  font-size: 2.5rem;
		  padding: 0.2em 0.7em;
	}
	.modtxt .dateevenement {
	   text-align: center;
	}
	#entetelecture .dateevenement {
		  color: #121318;
		  text-align: right;
	  }
	#entetelecture .dateevenementmodif {
	   cursor: pointer;
	   transition: background-color .2s ease-in;
	}
	  #entetelecture .dateevenementmodif:hover {
		  background-color: #C0C0C0;
	  }
	  #datecible {
		  font-size: 2em;
		  margin-bottom: 1em;
	  }
	  @font-face {
		font-family: 'josefin';
		src: url('josefin.ttf');
	  }
	  @keyframes lectureanim {
		  from {
			  opacity: 1;
		  }
		  to {
			  transform: matrix3d(	0, 0, 1, 0,
										  0, 1, 0, 0,
										  -1, 0, 0, 0,
										  150, -40, 0, 1);
			  opacity: 0;
			}
	  }
	  @keyframes controlesanim {
		  from {
			  opacity: 1;
		  }
		  to {
			  opacity: 0;
			}
	  }
	  @keyframes titrepleinecran {
		  from {
			  height: 3.5em;
		  }
		  to {
			  height: 0px;
		  }
	  }
	  @keyframes titrepleinecranportable {
		  from {
			  height: 4.5em;
		  }
		  to {
			  height: 0px;
		  }
	  }
	  @keyframes resumevignette {
		  from {
			  height: 0%;
		  }
		  to {
			  height: 100%;
		  }
	  }
	  @keyframes erreuranim {
		  from {
			  opacity: 0.9;
			  transform: rotateX(0deg);
		  }
		  to {
			  opacity: 0;
			  transform: rotateX(90deg);
		}
	  }
	  @keyframes nouvellevignette {
		  from {
			  opacity: 0;
			  transform: rotateX(90deg);
		  }
		  to {
			  opacity: 1;
			  transform: rotateX(0deg);
		}
	  }
	  @keyframes sondage {
		  from {
			  opacity: 0.1;
			  font-size: 0.1em;
		  }
		  to {
			  opacity: 1;
	  
		  }
	  }
	  @keyframes entoursondage {
		  from {
	  
		  }
		  to {
			  border-color: #BC362A;
		  }
	  }
	  * {
	  font-family: 'josefin', "Noto Color Emoji", notocoloremoji;
	  }
	  .smiley {
		  display: inline;
		  font-size: 1em;
		  background-color: #121318;
		  border-radius: 1rem;
		  padding: 0.3rem 0.2rem 0.1rem 0.2rem;
		  margin: 0rem;
		  cursor: pointer;
	  }
	  .smiley:hover {
		  background-color: #BC362A;
	  }
	  INPUT[type=TEXT], INPUT[type=PASSWORD] {
		  max-width: 20em;
		  width: 15em;
		  padding: 12px 20px;
		  margin: 8px;
		  border-radius: 4px;
		  box-sizing: border-box;
		  border-width:	3px;
		  border-style:	solid;
		  border-color:	#121318;
		  transition:		border-color .5s ease-out;
	  }
	  INPUT[type=TEXT]:focus, INPUT[type=PASSWORD]:focus {
		  border-width:		3px;
		  border-style:		solid;
		  border-color:		#C0C0C0;
	  }
	  INPUT[type=SUBMIT], INPUT[type=BUTTON], BUTTON, .btnfichier {
		  background-color: #121318;
		  margin-bottom: 1px;
		  border-width: 3px;
		  border-color: #C0C0C0;
		  border-style: solid;
		  color: #FFFFFF;
		  padding: 12px 32px;
		  text-decoration: none;
		  text-align:			center;
		  margin-left:		2px;
		  margin-right:		2px;
		  cursor: 				pointer;
	  }
	  INPUT[type=SUBMIT]:hover, BUTTON:hover, .btnfichier:hover {
		  background-color: #BC362A;
		  border-color: #BC362A;
	  }
	  emoji-picker:not(.emojivignette) {
		  display: none;
		  position: absolute;
		  top: 19vw;
		  z-index: 10;
		--num-columns: 8;
		--emoji-size: 1.5rem;
		--background: #FFF7E7;
		  --border-color: #121318;
		  --button-hover-background: #C0C0C0;
		  --button-active-background: #303642;
		  --indicator-color: #121318;
	  }
	  .comsujet:not(.komuliste) {
		  transform:			scaleY(0);
	  }
	  .komuliste {
		  transform:			scaleY(1);
	  }
	  #cnEnteteFenetre {
		  max-height: 70vh;
		  overflow-y: auto;
		  transition:			transform 0.3s ease-in;
		  transform:			scaleX(1);
		  transform-origin: 		left;
	  }
	  .comsujetpr {
		  display: grid;
	  }
	  .comsujet {
		  position: absolute;
		  background: #FFF7E7;
		  font-size: 1rem;
		  border-radius: 0.2em;
		  max-width: 20em;
		  transition:			transform 0.2s ease-out;
		  transform-origin: 		top;
		  overflow-y: auto;
		  box-shadow: 0.5em 0.5em 2em #121318;
		  max-height: calc(100vh - 5em);
		  left: -10em;
		  width: max-content;
		  margin-top: 0.4em;
	  }
	  .comsujet UL {
		  padding: 0em 0em 0em 0em;
		  list-style: none;
		  margin: 0;
	  }
	  .comsujet LI {
		  padding: 0em 0em 0.5em 0.2em;
		  border-radius: 0.5em;
	  }
	  .comsujet LI:hover {
		  background: #C0C0C0;
	  
	  }
	  #ajoutrefltitre, #ajoutreflcom {
		  margin: 0px;
		  background-color: #FFF7E7;
	  }
	  .comcadre TEXTAREA, .utoresum TEXTAREA {
		  flex: 1 0;
		  height: 2.5em;
		  border: 0px;
		  border-radius: 0px;
		  font-size: 1em;
		  padding: 10px 20px;
		  margin: 0em 0.2em 0.2em 0.2em;
		width: 100%;
		  box-sizing: border-box;
		  border-left-width:	3px;
		  border-left-style:	solid;
		  border-left-color:	#C0C0C0;
		  background-color: #121318;
		  color: #FFFFFF;
		  resize: none;
		  transition: border-left-color .3s ease-in, background-color .3s ease-in, height .3s ease-in;
	  }
	  #sujenv BUTTON {
		  background-color: unset;
		  cursor: not-allowed;
		  font-size: 0.7em;
		  border: 0;
		  padding: 0.5em;
		  margin-top: 0.5em;
	  }
	  .comcadre BUTTON img, .infomembre BUTTON IMG, .lienbtn IMG {
		  height: 1em;
	  }
	  .bcc {
		  display: none;
		  flex: 0;
		  text-align: center;
		  align-self: flex-end;
	  }
	  .sujet {
		  display: grid;
		  grid-gap: 0;
		  grid-template-columns: 2fr 17fr;
		  padding: 0.6em 2em 0.6em 1.1em;
		  background-image: url('../img/flecheD-s.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  background-size: 0.8em;
		  white-space: nowrap;
		  overflow:hidden;
		  align-items: center;
	  }
	  .sujlisteimg {
		  position: relative;
		  grid-column: 1;
		  width: 2.5em;
		  text-align: center;
		  grid-row: span 3;
		  margin-right: 1em;
	  }
	  .sujet IMG {
		  max-height: 2em;
		  object-fit: contain;
	  }
	  .legendecloche, .septype {
		  margin: 0;
	  }
	  .sujet .legendecloche {
		  color: #999;
		  font-size: 0.8em;
	  }
	  .sujet:hover .legendecloche {
		  color: #121318;
	  }
	  .reflinactive {
		  padding: 0 1.5em;
		  background: right 0.5em top 0.1em / 0.5em url('../img/flecheB.png') no-repeat;
		  cursor: pointer;
	  }
	  #reflexions {
		  transition: padding-left .3s ease-out;
	  }
	  .fenutil {
		  display: none;
		  position: absolute;
		  box-shadow: 0.1em 0.1em 0.1em #121318;
		  left: 1vw;
		  bottom:1vw;
		width: 19em;
	  }
	  .fenutil, .infomembre, #dikorecherch {
		  background-color: #FFFFFF;
		  color: #121318;
		  font-weight: normal;
		  padding: 0.1vw 0.5vw;
		  z-index: 2;
	  }
	  .fenutil BUTTON, .infomembre BUTTON, .paraConnex BUTTON, .lienbtn {
		  padding: 0.3vw 0.3vw 0.2vw 0.3vw;
		  background-color: #FFFFFF;
		  color: #121318;
		  border: #121318 solid 1px;
		  font-size: 0.8rem;
	  }
	  .fenutil BUTTON:hover, .infomembre BUTTON:hover, .paraConnex BUTTON:hover, .lienbtn:hover {
		  border: #BC362A solid 1px;
	  }
	  .avatar {
		  position: relative;
		  float: left;
		  min-width: 5em;
		  margin-top: 0.7em;
		  margin-right: 0.5em;
		  text-align: center;
	  }
	  .imgmotedit {
		cursor: pointer;
		  position: relative;
	  }
	  .imgmotedit:hover:after {
		  content: 'Changer l\'image d\'illustration';
		  text-align: center;
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  background: center / 15% url('../img/photo.svg') no-repeat, rgba(18,19,24,0.4);
		  color: #FFFFFF;
	  }
	  .mavatar, .txtavatar {
		cursor: pointer;
	  }
	  .mavatar:hover:after, .txtavatar:hover:after {
		  content: '';
		  position: absolute;
		  top: 0;
		  right: 0;
		  bottom: 0;
		  left: 0;
	  }
	  .mavatar:hover:after {
		  background: center / 50% url('../img/photo.svg') no-repeat, rgba(18,19,24,0.4);
	  }
	  .txtavatar:hover:after {
		  background: center / 10% url('../img/photo.svg') no-repeat, rgba(18,19,24,0.4);
	  }
	  .txtavatar:after {
		  content: 'Changer l\'image';
		  color: #FFFFFF;
		  font-size: 2em;
		  position: absolute;
		  bottom: 0;
		  right: 0;
		  left: 0;
		  background: center / 10% rgba(18,19,24,0.4);
	  }
	  #enteteavatarlecture {
		  position: relative;
	  }
	  .avatar IMG {
		  min-width: 4em;
		  min-height: 5em;
		  max-width: 9em;
		  max-height: 6em;
		  height: auto;
		  width: auto;
	  }
	  .sujet H4 {
		  grid-column: 2;
		  margin: 0;
		  cursor: pointer;
		  line-height: 1em;
		  white-space: nowrap;
		  color: #121318;
		  font-weight: bold;
		  text-overflow: ellipsis;
		  overflow: hidden;
	  }
	  .nvcommu {
		  position: absolute;
		  text-align: center;
		  border-radius: 50%;
		  background-color: #BC362A;
		  color: #FFFFFF;
		  box-shadow: -0.2em -0.1em 0.3em #121318;
		  font-size: 0.6em;
		  width: 1.4em;
		  height: 1.4em;
		  line-height: 1.6em;
		  right: 0;
		  bottom: 0;
	  }
	  #comsujet .nvcommu {
		  font-size: 0.7em;
		  width: 1.5em;
		  height: 1.5em;
		  line-height: 1.7em;
		  right: 0em;
		  bottom: 0em;
	  }
	  .comcadre .nvcommu {
		  font-size: 0.4em;
		  width: 1.8em;
		  height: 1.8em;
		  line-height: 1.85em;
		  left: 3.9em;
		  top: 2.2em;
	  }
	  .nvcommuzero {
		  display: none;
	  }
	  .motconv .nvcommu {
		  font-size: 0.8em;
		  width: 1.4em;
		  height: 1.4em;
		  line-height: 1.6em;
		  right: -0.5em;
		  bottom: 0.3em;
	  }
	  .spage {
		  border: #121318 solid 1px;
		  padding: 0.2rem 0.4rem 0rem 0.4rem;
		  cursor: pointer;
	  }
	  .spage:hover, .spagec {
		  background-color: #121318;
		  color: #FFFFFF;
	  }
	  .sujutil {
		  grid-column: 2;
		  font-size: 1em;
	  }
	  .sujrep {
		  grid-column: 3;
	  }
	  .sujdate {
		  grid-column: 4;
	  }
	  .ajoutcom:hover {
		   background-color: #303642;
	  }
	  BODY {
		  background-color: #101020;
		  color:						#FFFFFF;
		  padding: 0px;
		  margin: 0px;
	  }
	  A {
		  font-weight: inherit;
		  text-decoration: inherit;
		  color: inherit;
	  }
	  H1, H2, H3 {
		  font-weight: normal;
	  }
	  Q {
		  display: block;
		  margin-left: 1.5em;
		  margin-top: 1em;
		  margin-bottom: 1.2em;
		  font-size: 2em;
		  width: 60%;
	  }
	  Q::before {
		  content: "\00AB";
		  white-space: nowrap;
		  font-size: 2em;
		  line-height: 0.5em;
	  }
	  Q::after {
		  content: "\00BB";
		  white-space: nowrap;
		  font-size: 2em;
		  line-height: 0.5em;
	  }
	  #logo IMG {
		  width:4.2vw;
	  }
	  #logo {
		  position: fixed;
		  clip-path: polygon(0% 100%,31% 64%,69% 64%,75% 74%,79% 64%,100% 64%,100% 0%,0% 0%);
		  z-index: 12;
	  }
	  #logoPort {
		  display: none;
	  }
	  #entete {
		  position: absolute;
		  display: grid;
		  grid-template-areas:
			  "a b c";
		  grid-template-columns: fit-content(10vw) fit-content(40vw) 1fr;
		  background-color: #121318;
		  width: 100%;
		  height: 3.4vw;
		  z-index: 3;
	  }
	  #entete H1 {
		  margin: 0px 0px 0px 5vw;
		  text-align: left;
		  color: #BC362A;
		  font-variant: small-caps;
		  font-size: 3vw;
		  white-space: nowrap;
		  overflow: hidden;
	  }
	  #slogan {
		  grid-area: a;
		  align-self: center;
	  }
	  #boutonMenu {
		  display: none;
	  }
	  #surmenu {
		  display: flex;
		  grid-area: b;
		  white-space: nowrap;
		  position: relative;
		  top: 50%;
		  transform: translateY(-50%);
		  height: max-content;
	  }
	  #lienpart {
		  display: inline;
	  }
	  #surmenu UL {
		  list-style: none;
		  margin: 0px;
		  padding: 0px;
	  }
	  #surmenu LI {
		  display: inline-block;
		  padding: 0px 1vw 0px 2vw;
		  position: relative;
		  vertical-align: middle;
	  }
	  #lienpart A {
		  font-size: 1vw;
		  transition: text-shadow .5s ease-in;
	  }
	  #lienpart A:hover {
		  text-shadow: -0.2em -0.2em 0.5em #BC362A,
		  0.2em 0.2em 0.5em #BC362A;
	  }
	  #menuReseaux IMG {
		  height: 2vw;
		  margin-right: 0.5rem;
	  }
	  #menuReseaux FIGURE {
		  margin: 0 0.2rem;
		  display: inline-flex;
	  }
	  #menuReseaux FIGCAPTION {
		  align-self: baseline;
		  display: none;
	  }
	  .menuactuel {
		  text-shadow: -0.2em -0.2em 0.5em #BC362A,
		  0.2em 0.2em 0.5em #BC362A;
	  }
	  #menuvid {
		  display: inline;
	  }
	  #lienvid {
		  display: block;
	  }
	  #comptemenu {
		  grid-area: c;
		  justify-self: right;
		  align-self: center;
		  padding-right: 1vw;
		  font-size: 1.2vw;
		  white-space: nowrap;
	  }
	  .contenu {
		  padding-top: 4vw;
		  padding-left: 0.5em;
		  min-height: 100vh;
	  }
	  #lecteur {
		  display: grid;
		  grid-template-areas:
			  "article recom"
			  "vignettes recom";
		  grid-template-columns: min-content min-content;
		  grid-template-rows: min-content 1fr;
		  grid-column-gap: 1vw;
		  justify-items: start;
	  }
	  .recom {
		  grid-area: recom;
	  }
	  #lecteur:fullscreen {
		  display: grid;
		  grid-template-areas:
			  "article article"
			  "recom vignettes";
		  grid-template-columns: 25.5vw 1fr;
		  grid-template-rows: max-content min-content;
		  grid-column-gap: 1vw;
		  justify-items: start;
		  padding: 0px;
		  margin: 0px;
		  overflow-y: scroll;
		  -ms-overflow-style: none;
		  scrollbar-width: none;
	  }
	  .contenu:fullscreen::-webkit-scrollbar {
		  display: none;
	  }
	  .contenu:fullscreen VIDEO {
		  max-height: 100vh;
		  max-width: 100vw;
		  width: 100vw;
		  height: auto;
	  }
	  .contenu:fullscreen .article {
		  width: 100%;
		  height: max-content;
		  margin: 0px;
		  padding: 0px;
	  }
	  .contenu:fullscreen .comcadre {
		  position: relative;
		  top: 0px !important;
		height: 98vh;
		  margin-top: 1vw;
	  }
	  .contenu:fullscreen #enteteVid {
		  position: absolute;
		  top: 0px;
		  background-color: rgba(18,19,24, 0.7);
		  z-index: 6;
		  width: 100%;
	  }
	  .contenu:fullscreen .enteteVidAnim {
		  animation: .3s ease-in titrepleinecran 2s forwards;
	  }
	  .contenu:fullscreen .somutil {
		  display: none;
	  }
	  .contenu:fullscreen .recom {
		  display: flex;
		  justify-content: space-evenly;
	  }
	  .contenu:fullscreen .vignettes {
		  height: 100vh;
		overflow: scroll;
	  }
	  .contenu:fullscreen .vignette {
		  min-width: 30vw;
	  }
	  .sommaire {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-evenly;
		  align-items: flex-start;
		  gap: 1vw;
		  max-width: 2200px;
		  margin-left: auto;
		  margin-right: auto;
		flex-grow: 1;
	  }
	  .modsom {
		  flex: 0 1 36rem;
	  }
	  #mod1 {
		  background: linear-gradient(to top right, rgba(255,250,234,0.9) 0% 0%), top 2% right 2% / 20% 40% url('../img/poingnoir.png') no-repeat, #FFFAEA;
		  color: #121318;
		  padding: 0.5em 0vw 0vw 0.5em;
		  border: 0.2vw ridge #C0C0C0;
		  overflow: hidden;
	  }
	  #modrs {
		background: linear-gradient(to left, rgba(18,19,24,0.8) 100% 100%), 0% / 100% 100% url('../img/fondrs.jpg') no-repeat;
		  padding: 0.5em 0vw 0.5em 0.5em;
		  border: 2px solid #FFFFFF;
		  overflow: hidden;
	  }
	  #modrs IMG {
		  width: 4em;
		  margin-left: 1em;
	  }
	  #modrs .prezicnbtn {
		  height: 1.1em;
		  width: auto;
		  padding-right: 1em;
		  margin-left: 0em;
	  }
	  .prezpoint {
		  display: grid;
		  grid-template-columns: 1fr 4fr;
		  padding: 0em 2em 0em 1.1em;
	  }
	  .prezpoint P {
		  align-self: center;
		  margin-bottom: 0px;
		  margin-top: 0px;
	  }
	  #modrs H4 {
		  font-size: 1.3em;
		  margin: 0.5em 1.5em 0em 2em;
	  }
	  .prezccl {
		  text-align: center;
		  margin-top: 0px;
	  }
	  .prezbtn {
		  font-size: 1.1em;
		  text-transform: uppercase;
		  margin-bottom: 1px;
		  border-style: solid;
		  color: #FFFFFF;
		  background: #121318;
		  border-color: #C0C0C0;
		  border-width: 3px;
		  padding: 12px 32px;
		  text-decoration: none;
		  text-align: center;
		  margin-left: 2px;
		  cursor: pointer;
		  display: inline-block;
	  }
	  .prezbtn:hover {
		  border-color: #BC362A;
		  background: #BC362A;
	  }
	  .module {
		  background-color: #121318;
		  z-index: 1;
	  }
	  #fondsondage {
		  position: absolute;
		  width: 100%;
		  z-index: -1;
	  }
	  .module H2 {
		  margin-top: 2vw;
		  font-size: 1.5em;
		  padding-top: 5vw;
		  margin-bottom: 0px;
	  }
	  #historique .vignette {
		  min-width: 30vw;
		  max-width: 30vw;
		  margin: 0px;
	  }
	  .vignettes {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-evenly;
		  grid-area: vignettes;
		  padding: 0vw;
		  margin-top: 1vw;
	  }
	  .vignette FIGURE {
		  background-color: #121318;
		  color: #FFFFFF;
		  margin: 0vw;
	  }
	  .vignetteimg, .vignettelien {
		display: flex;
		  position: relative;
		justify-content: center;
	  }
	  .censure {
		  filter: blur(1em);
		  -webkit-filter: blur(1em);
	  }
	  .vignettecens {
		  position: absolute;
		  font-size: 1.2em;
		  text-align: center;
		  top: 50%;
		  transform: translateY(-50%);
	  }
	  .vignettecens A {
		  font-size: 1rem;
	  }
	  .vignettedescr {
		  position: absolute;
		  height: 0%;
		  width: 100%;
		  overflow: hidden;
		  top: 0px;
		  background-color: rgba(18,19,24,.7);
	  }
	  .vignettedescraff {
		  animation: .5s ease-in-out resumevignette forwards;
	  }
	  .vignettedescrboite {
		  padding: 1em;
		  font-size: 1.3em;
		  overflow: hidden;
		  height: 80%;
	  }
	  .article .vignette {
		  flex: 1 1 0;
		  max-width: 640px;
		  margin: auto;
	  }
	  .vignette IMG {
		  max-width: 100%;
		max-height: 40em;
		width: auto;
		object-fit: contain;
		flex-grow: 1;
	  }
	  .vignette ASIDE {
		  padding-left: 13px;
		  padding-right: 13px;
		  padding-top: 5px;
		  height: 1.3em;
		  overflow: hidden;
		  grid-area: b;
		  white-space: nowrap;
	  }
	  .vignette FIGCAPTION {
		padding-top: 0.4em;
		  color: #C0C0C0;
		  text-transform: uppercase;
		  font-size: 0.8em;
		  white-space:nowrap;
		  overflow: hidden;
		  max-width: 35rem;
		  clear: both;
	}
	.vignette FIGCAPTION:not(.modsite) {
		  grid-area: a;
	  }
	  .vignette FIGCAPTION IMG {
		height: 1em;
		padding-right: 0.4em;
	  }
	  #enteteVid {
		background-color: #121318;
		  min-height: 3.4em;
		position: relative;
	  }
	  VIDEO {
		  background-color: #000000;
		  max-height: 60vh;
		  max-width: 67.2vw;
		  width: 100%;
		  vertical-align: bottom;
	  }
  #lecteurseul VIDEO {
	  max-height: 80vh;
	  max-width: unset;
	  width: 100%;
	  height: auto;
	  object-fit: contain;
  }
	  .article {
		  grid-area: article;
		  height: min-content;
		  display: flex;
		flex-wrap:wrap;
	  }
  #lecteurseul .article {
	  display: unset;
  }
	  H3 {
		  flex: 0 1 100%;
		  margin: 0px 3em 0.5em 0.9em;
		  font-size: 1.7em;
		  padding-bottom: 0.5rem;
	  }
	  .somspeciale A {
		  color: #C0C0C0;
		  font-size: 1rem;
	  }
	  .comcadre H3 {
		  margin: 0px 3em 0px 0.9em;
	  }
	  .article #vx {
		  background-color: #121318;
	  }
	  .article H1 {
		  margin: 0;
		  font-size: 1.5em;
		  font-weight: bold;
		  color: #BC362A;
		  padding-left: 2vw;
		  padding-right: 1vw;
	  }
	  .sommaire H3, #sondage H2 {
		  border-bottom: #C0C0C0 ridge 1px;
	  }
	  .date {
		  color: #C0C0C0;
		  text-transform: uppercase;
		  padding-top: 0.5em;
	  }
	  .article .date, .jacc_som .date {
		  font-size: 0.8em;
		  padding-left: 2vw;
		  margin-bottom: 0.2em;
	  }
	  .dikomot .date, .vignettemod .modlegende {
		  display: inline;
		  padding-left: 1vw;
		  font-size: 0.8rem;
		  font-weight: normal;
	  }
	  #pagediscu {
		  display: block;
		  font-size: 1.2em;
		  text-align: right;
		  padding: 0.5em 1em;
	  }
	  #pagediscu IMG {
		  width: 2em;
		  padding-right: 0.5em;
		  vertical-align: middle;
	  }
	  #vignettesarticle .vignettemod {
		min-height: 12em;
		color: #FFFFFF;
		margin-bottom: 1em;
		  max-width: 25rem;
	  }
	  #vignettesarticle .modsom {
		flex: 0 1 25rem;
	  }
	  #vignettesarticle .vignette FIGCAPTION {
		  max-width: 21rem;
	  }
	  #vignettesarticle H3 {
		  color: #FFFFFF;
	  }
	  #vignettesarticle {
		font-size: 0.8em;
		align-items: flex-start;
		align-content: baseline;
	  }
	  #pagearticle #vignettesarticle {
		width: 88em;
	  }
	  .vignettespubli #vignettesarticle {
		width: 70vw;
	  }
	  .menuoptionsvignettes {
		  width: 100%;
		  color: #FFFFFF;
		  padding-left: 3em;
	  }
	  .description {
		  background-color: #303642;
		  font-size: 1.2em;
		  line-height: 1.3em;
		  padding: 1.2em 4vw 1.2em 1em;
		  margin-bottom: 1em;
	  }
	  .description UL {
		  margin: 0px;
	  }
	  .comcadre {
		  position: fixed;
		  top: 5vw;
		  background-color: #303642;
		  color: #FFFFFF;
		  padding: 0.7em 0vw 0vw 0vw;
		  width: 28.5vw;
		  bottom: 0.5vw;
		  overflow: hidden;
		  transition: height .5s ease-out, top .5s ease-out;
	  }
	  .comcom {
		  transition:			transform .3s ease-in, grid-template-rows .3s ease-out;
		  transform:			scaleX(1);
		  transform-origin: 		right;
		  display: grid;
		  grid-template-areas: "titrec" "commu" "comment";
		  grid-template-rows: 2em 1fr 5.6em;
		  height: 100%;
	  }
	  .comcom H4, .comtitreliste {
		  font-size: 0.8em;
		  padding: 0em 1em 0.3em 1em;
		  border-bottom: 0.1em solid rgba(18, 19, 24, .4);
		  margin: 0.3em 1em;
		  grid-area: titrec;
	  }
	  .comcom H4 {
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	  }
	  #affcom {
		  display: flex;
		  flex-direction: column-reverse;
		  overflow-y: auto;
		  overflow-x: hidden;
		  transition: max-height .3s ease-out;
		  grid-area: commu;
	  }
	  #sujenv {
		  grid-area: comment;
		  display: flex;
		  flex-wrap: wrap;
		  border-top: 0.2em ridge #121318;
		  padding-top: 0.2em;
		  height: max-content;
	  }
	  #msgcom {
		  position: relative;
		  bottom: 10vw;
	  }
	  #mpmsg {
		  position: absolute;
		  top: 2em;
		  background-color: #121318;
		  color: #FFFFFF;
		  text-align: center;
		  width: 90%;
		  margin-left: auto;
		  margin-right: auto;
		  left: 0;
		  right: 0;
		  height: 1.1em;
	  }
	  #mpbloquer {
		  position: absolute;
		  color: #121318;
		  background-color: #FFFAEA;
		  right: 1.5em;
		  padding: 0em 1em;
		  border: 0;
	  }
	  #mpbloquer IMG {
		  padding-right: 0.3em;
		  vertical-align: middle;
		  padding-bottom: 0.2em;
		  opacity: 0;
		  transition: opacity .2s ease-in;
	  }
	  #mpbloquer:hover IMG {
		  opacity: 1;
	  }
	  .com {
		  display: grid;
		  grid-template-columns: max-content 1fr max-content;
		  grid-column-gap: 1em;
		  padding: 0;
		  margin: 0;
		  align-items: baseline;
	  }
	  .comabo {
		  border: 0.1em solid #BC362A !important;
	  }
	  .comutil {
		  grid-column: 1;
		  font-size: 1.1em;
		  margin-left: 0.3em;
		  position: relative;
	  }
	  .comutilmodo {
		  color: #BC362A;
		  font-weight: bold;
	  }
	  .logocat {
		  width: 1.2em;
		  height: 1.2em;
		  vertical-align: text-bottom;
	  }
	  .somutil .logocat, .somutil .vignetteavatar {
		  width: initial;
		float: left;
	  }
	  .somutil {
		flex: 1;
		height: 2.5rem;
		  background: #FFF7E7;
		  border-radius: 0.8em 0.8em 0 0;
		  padding: 0.5rem;
		  color: #121318;
		font-size: initial;
		white-space: nowrap;
		overflow-x: hidden;
	  }
	  #vignettesarticle .somutil {
		  max-width: 25rem;
	  }
	  .somutilliste {
		display: flex;
		align-items: center;
	  }
	  .somspeciale {
		padding: 0.5em 0 0 0;
		font-size: 1.7em;
		background-color: #BC362A;
		color: #FFFFFF;
		text-align: center;
		font-variant: small-caps;
	  }
	  .vignetteavatar {
		max-height: 2.5rem;
		margin-right: 0.5rem;
	  }
	  .comdate {
		white-space: nowrap;
		overflow: hidden;
		  opacity: 0;
		  grid-column: 2;
		  padding-right: 0.3em;
		  text-align: left;
		  font-size: 0.7em;
		  transition: opacity .2s ease-in;
	  }
	  .comdate:before {
		  content: "(";
	  }
	  .comdate:after {
		  content: ")";
	  }
	  .comcont {
		  grid-column: 1 / 4;
		  grid-row: 2;
		  width: fit-content;
		  line-height: 1em;
		  padding: 0em 0.8em;
		  margin-left: 0.3em;
		  margin-top: 0.5em;
	  }
	  .comcont A {
		  color: blue;
	  }
	  .comcont P {
		  margin-top: 0.2em;
		  overflow-wrap: anywhere;
	  }
	  .comoptions {
		white-space: nowrap;
		overflow: hidden;
		  opacity: 0;
		  grid-column: 3;
		  transition: opacity .2s ease-in;
	  }
	  .comreplien {
		  cursor: pointer;
		  background-image: url('../img/mail.svg');
		  background-size: 20px;
		  background-repeat: no-repeat;
		  padding-left: 23px;
		  padding-top: 3px;
	  }
	  .comcitlien {
		  cursor: pointer;
		  background-image: url('../img/quote.svg');
		  background-size: 20px;
		  background-repeat: no-repeat;
		  padding-left: 23px;
		  padding-top: 3px;
	  }
	  .comsuplien {
		  cursor: pointer;
		  background-image: url('../img/supprimer.svg');
		  background-size: 14px;
		  background-position-y: center;
		  background-repeat: no-repeat;
		  margin-left: 15px;
		  padding-left: 18px;
		  padding-top: 3px;
	  }
	  .premiercom, .dikopied {
		  text-align: center;
		  margin: 0;
		  display: grid;
		  grid-template-columns: 5em 1fr;
		  align-items: center;
	  }
	  .logocrazy {
		width: 5em;
	  }
	  #teaserportable {
		display: none;
	  }
	  .logoplume {
		opacity: 10%;
		max-height: 80%;
	  }
	  #somvoirplus {
		  background: #FFFFFF;
		  width: fit-content;
		  padding: 1em;
		  text-decoration: underline;
		  color: #121318;
		  border-radius: 1em;
		  cursor: pointer;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: 1em;
	  }
	  #pied {
		  background-color: #121318;
		  padding-top: 0.5vh;
		  font-size: 0.7em;
		  text-align: center;
		  margin-top: 2vh;
		  padding-bottom: 1vh;
	  }
	  #pied A {
		  color: #FFFFFF;
		  font-size: 1em;
		  text-decoration: none;
		  font-weight: bold;
	  }
	  .videoLecteur {
		  position: relative;
	  }
	  .videoCtrlPort {
		display: none;
	  }
	  .videoCtrl {
		  display: grid;
		  grid-template-areas: "gauche milieu droite";
		  grid-template-columns: min-content 1fr min-content;
		  position: absolute;
		  padding: 0px;
		  color: #121318;
		  height: 40px;
		  width: 100%;
		  bottom: 0px;
		  background: rgb(255, 255, 255) transparent;
		  background: rgba(255, 255, 255, 0.6);
		  overflow:hidden;
		  white-space: nowrap;
		  transition: background .2s ease-in;
	  }
	  .videoCtrl:hover {
		  background: rgba(255, 255, 255, 0.8);
	  }
	  #barreD {
		  grid-area: droite;
		  align-self: center;
		  font-size: 0px;
	  }
	  #barreM {
		  grid-area: milieu;
		  align-self: center;
	  }
	  #barreG {
		  grid-area: gauche;
		  align-self: center;
	  }
	  .videoCtrlAlt {
		  display: none;
		  position: absolute;
		  bottom: 50px;
		  left: 0px;
		  padding: 5px;
		  background-color: #C0C0C0;
		  color: #121318;
		  font-size: 1.1em;
		  white-space: nowrap;
		  overflow: hidden;
	  }
	  #btnLecture {
		  height: 17px;
		  width: auto;
		  padding: 6px 0px 7px 9px;
		  vertical-align: middle;
		  fill: #121318;
		  cursor: pointer;
		  transition: fill 0.3s ease-in;
	  }
	  #btnLecture:hover {
		  fill: #BC362A;
	  }
	  #videoCtrlAvancement {
		  display: inline-block;
		  font-size: 0.9em;
		  padding-left: 9px;
		  min-width: min-content;
		  width: 6em;
		  color: #121318;
	  }
	  #btnOreille {
		  height: 25px;
		  padding: 2px 0px 3px 9px;
		  width: auto;
		  vertical-align: bottom;
		  cursor: pointer;
	  }
	  #oreilleG {
		  transition: fill 0.3s ease-in;
	  }
	  #btnOreille:hover #oreilleG {
		  fill: #BC362A;
	  }
	  #controleson {
		  display: inline;
	  }
	  #controleson:hover #triangleRempli {
		  fill: #BC362A;
	  }
	  #oreilleTrait {
		  stroke:	#121318;
		  stroke-width:	20;
	  }
	  #volumeBarre {
		  width: 65px;
		  display: inline;
		  padding-top: 2px;
		  padding-bottom: 3px;
		  vertical-align: bottom;
		  cursor: pointer;
	  }
	  #triangleContour {
		  stroke: #121318;
		  stroke-width: 1px;
		  fill: transparent;
	  }
	  #triangleRempli {
		  fill: #121318;
		  transition: fill 0.3s ease-in;
	  }
	  #btnEcran {
		  height: 25px;
		  width: auto;
		  padding: 2px 9px 3px 9px;
		  vertical-align: middle;
		  cursor: pointer;
		  transition: fill 0.3s ease-in;
	  }
	  #btnEcran:hover #path22 {
		  fill:	#BC362A;
		  transition: transform .3s ease-in, fill .3s ease-in;
		  transform: scale(1.3);
	  }
	  .contenu:fullscreen #path22 {
		  transform: scale(1.3);
	  }
	  .contenu:fullscreen #btnEcran:hover #path22 {
		  transition: transform .3s ease-in, fill .3s ease-in;;
		  transform: scale(1.1);
		  fill:	#BC362A;
	  }
	  #vidAvancement {
		  min-width: 100%;
		  height: 9px;
		  background-color: #C0C0C0;
		  background-color: rgba(192,192,192, 0.8);
		  border-radius: 6px;
		  cursor: pointer;
	  }
	  #vidAvancementActuel {
		  position: relative;
		  width: 0%;
		  height: 9px;
		  background-color: #121318;
		  opacity: 1;
		  border-radius: 5px;
		  top: -9px;
		  z-index: 2;
		  transition: width 0.5s ease-in, background-color 0.2s ease-in;
	  }
	  #barreM:hover #vidAvancementActuel {
		  background-color: #BC362A;
	  }
	  #vidAvancementPrecharge {
		  width: 0%;
		  height: 9px;
		  background-color: #FFFFFF transparent;
		  background-color: rgba(255, 255, 255, 0.4);
		  border-radius: 5px;
	  }
	  #vidNouvellePos {
		  display: none;
		  position: relative;
		  background-color: #BC362A;
		  background-color: rgba(188,54,42,0.5);
		  border-radius: 5px;
		  height: 9px;
		  width: 0%;
		  top: -18px;
		  transition: unset;
	  }
	  #barreM:hover {
		  padding-top: 10px;
		  padding-bottom: 10px;
		  cursor: pointer;
	  }
	  #osd {
		  display: none;
		  position: absolute;
		  background-color: #C0C0C0;
		  color: #121318;
		  font-size: 1.1em;
		  top: 20px;
		  right: 15px;
		  min-width: 3em;
		  padding: 5px;
		  text-align: center;
		  white-space: nowrap;
		  overflow: hidden;
		  z-index: 5;
	  }
	  #osdrecap {
		  display: none;
		  position: absolute;
		  background-color: #C0C0C0;
		  color: #121318;
		  font-size: 1.1em;
		  top: 20px;
		  bottom: 50px;
		  left: 15px;
		  right: 15px;
		  margin-left: auto;
		  margin-right: auto;
		  padding: 15px 35px;
		  border: 1px solid #BC362A;
		  white-space: nowrap;
		  overflow-x: hidden;
		  overflow-y: auto;
		  opacity: 0.9;
		  z-index: 5;
	  }
	  #fermetureEnteteRecap {
		  position: absolute;
		  right: 10px;
		  cursor: pointer;
	  }
	  #fermetureEnteteRecap IMG {
		  width: 1em;
	  }
	  #osdrecap H2 {
		  text-align: center;
		  padding: 5px 10px;
		  font-size: 1.5em;
		  font-weight: bold;
	  }
	  #osdrecap DL {
		  display: inline-block;
		  width: 50%;
	  }
	  #osdrecap DT {
		  display: block;
		  float: left;
		  padding: 5px;
		  clear: both;
		  width: 5%;
		  font-weight: bold;
		  font-size: 1.2em;
	  }
	  #osdrecap DD {
		  display: block;
		  float: left;
		  padding: 0.7em 0px 0px 0px;
		  margin-bottom: 8px;
		  width: 70%;
		  white-space: nowrap;
		  overflow: hidden;
		  font-style: italic;
		  font-size: 0.8em;
	  }
	  #osdtech DD {
		  padding-left: 3em;
	  }
	  #osdtech {
		  vertical-align: top;
	  }
	  #osdanim {
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  height: 100%;
	  }
	  #osdlecture {
		  position: relative;
		  top: 50%;
		  bottom: 50%;
		  left: 50%;
		  right: 50%;
		  width: 160px;
		  height: 80px;
		  transform: translate(-50%,-50%);
	  }
	  .osdlectureanim {
		  animation: .2s ease-in lectureanim forwards;
	  }
	  .osdctrlanim {
		  animation: .2s ease-in controlesanim forwards;
	  }
	  #lancementLectureSvg {
		  cursor: pointer;
	  }
	  #triangleDepart {
		  fill: #BC362A;
	  }
	  #menuCliqueDroit {
		  display: none;
		  position: absolute;
		  background-color: #FFFFFF;
		  opacity: 0.9;
		  color: #121318;
		  padding: 0px;
		  width: 180px;
		  cursor: default;
		  border: 1px solid #BC362A;
		  box-shadow: 10px 10px 10px;
		  z-index: 6;
	  }
	  #menuCliqueDroit UL {
		  list-style: none;
		  margin: 0px;
		  padding-left: 0px;
	  }
	  #menuCliqueDroit P {
		  margin: 0px;
		  padding: 10px;
	  }
	  #menuCliqueDroit LI {
		  margin: 0px;
		  padding: 10px 10px 5px 30px;
	  }
	  #menuCliqueDroit HR {
		  border: 1px solid #C0C0C0;
		  margin: 0px;
	  }
	  #menuCliqueDroit P:hover, #menuCliqueDroit LI:hover {
		  background-color: #BC362A;
		  color: #FFFFFF;
		  opacity: 1;
	  }
	  SELECT {
		  color: #C0C0C0;
		  font-size: 0.6em;
		  padding: 0.8vw 1em 0.5vw 0vw;
		  margin-bottom: 0.5em;
		  border: 0px;
		  border-bottom: 0.2em solid #C0C0C0;
		  appearance: none;
		  background: left 98% top 60% / 8% url('../img/flecheB-s.png') no-repeat #121318;
		  cursor: pointer;
	  }
	  .paraVid {
		  display: flex;
		justify-content: space-between;
		background-color: #121318;
	  }
	  .paraQlt {
		  margin-top: 0.1vw;
		  margin-right: 0.5vw;
	  }
	  .videoTl, .videoPt A {
		  display: flex;
		justify-content: space-between;
		  margin-left: 0.5vw;
		  margin-top:0.8vw;
	  }
	  .videoTl A, .videoPt A {
		  color: #C0C0C0;
		  font-size: 0.8em;
		  text-decoration: none;
		  font-variant: small-caps;
	  }
	  .fenetreContour {
		  display: none;
	  }
	  .fenetreContour, .modulefond {
		  position: fixed;
		  top: 0px;
		  left: 0px;
		  width: 100%;
		  height: 100%;
		  background-color: #121318;
		  opacity: 0.6;
		  z-index: 12;
	  }
	  .fenetre {
		  display: none;
		  background-color: #121318;
		  font-size: 1.5em;
		  max-height: 80%;
	  }
	  .fenetre, .moduleactif {
		  position: fixed;
		  padding: 0px;
		  left: 50%;
		  top: 50%;
		  transform: translateX(-50%) translateY(-50%);
		  min-width: 40vw;
		  z-index: 16;
	  }
	  .confirmation {
		  text-align: center;
		  background-color: #121318;
		  padding: 1em 4em;
		  margin: 6em;
		  border-radius: 0.4em;
		  box-shadow: 2em 2em 4em #BC362A;
	  }
	  .moduleactif {
		  overflow: hidden;
	  }
	  .modulecontenu {
		  display: grid;
		  background-color: #121318;
		  grid-template-columns: 30% 1fr;
		  grid-gap: 1em;
		  padding: 0.5em;
	  }
	  .modulecontenu P {
		  margin: 0em 1em 0.5em 0.5em;
	  }
	  INPUT[TYPE="file"], .modulecontenu .btnstat, .journalpref INPUT[TYPE="file"] {
		  display:none;
	  }
	  .enteteFenetre {
		  display: flex;
		  flex-direction: row;
		  justify-content: space-between;
		  background: linear-gradient(to bottom, rgba(18,19,24,0.5) 0% 25%, rgba(18,19,24,0.3) 0% 50%, rgba(0,0,0,0)), left 50% top 0.5em/41vw url('../img/manifestation.svg') no-repeat
	  }
	  #fPartage .enteteFenetre {
		  background: none;
	  }
	  .fermetureEnteteFenetre IMG {
		  width: 0.7em;
		  padding: 0.7em 0.7em 0px 0.5em;
	  }
	  .titreEnteteFenetre H2 {
		  margin: 0.3em 0px 1.5em 0.5em;
		  padding: 0px;
		  font-size: 1.3em;
	  }
	  .titreEnteteFenetre {
		  justify-self: flex-start;
	  }
	  .indicEnteteFenetre {
		  padding: 0.3vw 5vw 1vw 5vw;
		  max-width: 75vw;
		  max-height: 70vh;
		  overflow-y: auto;
	  }
	  .fenetre P {
		  font-size: 1rem;
		  padding-left: 1.3vw;
		  padding-right: 1em;
		  margin-top: 0px;
		  margin-bottom: 0.8vw;
	  }
	  .fenetre P IMG, .iconel {
		  height: 1em;
		  width: 1em;
		  padding-right: 0.5em;
		  text-decoration: none;
		  transition: opacity .2s ease-in;
	  }
	  .paraConnex IMG {
		height: 4em;
		float: right;
		padding-right: 0.5em;
	  }
	  .fenetre A IMG {
		  opacity: 0;
	  }
	  .fenetre A:hover, .paraConnex A:hover {
		  text-decoration: underline;
	  }
	  .fenetre A:hover IMG, #fPartage A IMG {
		  opacity: 1;
	  }
	  .fenetre #majnomurl {
		  margin-left: 3em;
		  font-size: 0.7em;
		  font-style: italic;
	  }
	  .fenetre #majlettre {
		  display: block;
		  font-size: 0.7em;
		  padding-left: 3em;
	  }
	  .fenetre #majlettre::before {
		  content: "Lettre d'info: ";
	  }
	  .optretour {
		  height: auto !important;
		  width: 1em;
	  }
	  .fenetre #mdpoub {
		  text-align: right;
	  }
	  .paramsg, .paraerreur {
		  position: absolute;
		  color: #FFFFFF;
		  font-size: 1.3rem;
		left: 10em;
		  margin-top: -2em;
		  padding: 0.3em;
		  width: 15em;
		  min-height: 2em;
		  background-color: #303642;
		text-transform: none;
		  box-shadow: 12px 12px 28px 5px rgba(48,54,66,0.75);
		  opacity: 0.9;
		  animation-name: erreuranim;
		  animation-delay: 4s;
		  animation-duration: 750ms;
		  animation-fill-mode: forwards;
		  z-index: 8;
	  }
	  .paramsg {
		  background: linear-gradient(to right, rgba(48,54,66,0.4) 0% 58%, rgba(0,0,0,0)), #303642 98% / 3em url('../img/message.svg') no-repeat;
	  }
	  .paraerreur {
		  background: #303642 100% / 3em url('../img/marteau.svg') no-repeat;
	  }
	  #errd {
		  position: absolute;
		  left: 40vw;
		  top: 8vw;
	  }
	  .titreparticipation {
		  font-size: 1.2em;
		  margin: 0px 4vw 0px 1.5vw;
		  border-bottom: solid 1px #121318;
	  }
	  .modif, .listepages {
		  display: grid;
		  grid-gap: 1em;
		  padding: 0.5em 0.7em 0.6em 1.1em;
		  margin-bottom: 1em;
		  background-image: url('../img/flecheD-s.png');
		  background-repeat: no-repeat;
		  background-position: left center;
		  background-size: 0.8em;
		  overflow:hidden;
	  }
	  .modif {
		  grid-template-columns: 4fr 2fr 9fr 6fr;
	  }
	  .listepages {
		  grid-template-columns: 1fr 7fr;
	  }
	  .iconeliste {
		  width: 3em;
		  min-height: 2em;
		  max-height: 3.5em;
	  }
	  #ajoutpage {
		  cursor: pointer;
	  }
	  #suppage {
		  display: inline;
		  position:absolute;
		  bottom: -1.8em;
		  right: 0em;
		  background-color: #121318;
		  color: #BC362A;
		  padding: 0.3em;
		  cursor: pointer;
	  }
	  #listeparticipation {
		  padding-left: 1em;
	  }
	  .pcol1, .pcol2, .pcol3, .pcol4 {
		  align-self: center;
	  }
	  .pcol1 {
		  white-space: nowrap;
		  overflow: hidden;
	  }
	  .pcol3, .pcol4 {
		  max-height: 2.3em;
		  overflow: hidden;
	  }
	  .modif IMG {
		  max-height: 2em;
		  max-width: 3em;
	  }
	  .fenetre .paraerreur, .fenetre .paramsg {
		  position: fixed;
		  font-size: inherit;
		  left: 2.5em;
		  margin-top: 1.5em;
		  padding: 0.3em;
		  width: 50%;
	  }
	  #fPartage .paramsg {
		  bottom: 2em;
	  }
	  .paraConnex {
		  background-color: #303642;
		  margin: 0.2em 0em;
		width: 100%;
	  }
	  .voirhisto {
		  text-align: right;
	  }
	  .voirhisto A {
			  font-size: 0.6em;
	  }
	  .fenetre H4 {
		  padding: 0px 0vw 0vw 1em;
		  margin-top: 1vw;
		  margin-bottom: 0.5vw;
	  }
	  .paraConnex H5 {
		  margin: 0em 1em 0em 1.3vw;
		  padding: 0.3em 0em 0.2em 0em;
		  font-weight: bold;
		  color: #BC362A;
	  }
	  .paraConnex P {
		  margin: 0px;
		  padding-bottom: 0.2em;
	  }
	  #modchoixcat IMG {
		  height: 1.5em;
		  width: 1.5em;
		  padding: 0.2em 0.3em;
		  cursor: pointer;
	  }
	  .aide {
		  white-space: nowrap;
		  position:absolute;
		  top: 1em;
		  left: 10em;
		  padding: 0.1em 0.5em;
		  background-color: rgba(255,255,255,0.7);
		  color: #121318;
		  border-radius: 0.2em;
	  }
	  #modchoixcat {
		  display: inline-block;
		  background-color: #121318;
		  left: 50%;
		  position: relative;
		  transform: translateX(-50%);
		  padding: 0.3em 1em 0em 1em;
		  border-top-left-radius: 1em;
		  border-top-right-radius: 1em;
	  }
	  .catactive {
		  border-bottom: solid 0.2em #BC362A;
		  border-radius: 0.2em;
	  }
	  .modmenugauche UL {
		  list-style: none;
		  margin: 0em;
		  padding: 0px;
		  border: solid 1px #FFFFFF;
		  min-height: 15em;
		  overflow-y: auto;
		  height: 100%;
	  }
	  .modmenugauche LI {
		  padding: 0.5em 0.3em;
		  margin: 0em;
		  border-bottom: solid 1px #C0C0C0;
		  cursor: pointer;
		  white-space: nowrap;
		  overflow: hidden;
	  }
	  .modmenugauche LI:hover {
		  background-color: #FFFFFF;
		  color: #121318;
	  }
	  .modmenuselect {
		  background-color: #FFFFFF;
		  color: #121318;
		  background:  95% / 10% no-repeat url('../img/flecheD.png'), #FFFFFF;
	  }
	  .modmenudroite {
		  display: grid;
		  grid-template-rows: 1fr min-content;
	  }
	  #modcontenuhaut {
		  display: flex;
		  overflow-y: auto;
		  flex-wrap: wrap;
		  align-items: center;
		  justify-content: space-between;
		  padding-bottom: 1em;
		  max-height: 60vh;
	  }
	  #modcontenubas {
		  text-align: center;
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-evenly;
		min-height: 2em;
	  }
	  .modlib IMG {
		  min-width: 50px;
		  min-height: 50px;
		  width: auto;
		  height: auto;
		  max-width: 100px;
		  max-height: 100px;
		  background: rgba(255,255,255,0.9);
	  }
	  .modlib {
		  padding: 0.2em;
		  cursor: pointer;
	  }
	  .modformedit LABEL {
		  min-width: 10em;
		  display: inline-block;
	  }
	  .modformedit TEXTAREA {
		  vertical-align: baseline;
	  }
	  #formle {
		  text-align: center;
	  }
	  #formle INPUT {
		  min-width: 90%;
		  font-size: 0.7em;
	  }
	  .modcontenuicone {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-between;
		  padding-right: 1.5em;
		  overflow-y: auto;
		  max-height: 80vh;
	  }
	  .modicone {
		  width: 5em;
		  padding: 1em;
		  overflow: hidden;
		  cursor: pointer;
	  }
	  .modimgicone IMG {
		  min-width: 5em;
		  max-height: 5em;
	  }
	  .modtitreicone {
		  display: block;
		  font-size: 0.7em;
		  line-height: 1em;
		  max-height: 1.4em;
	  }
	  .formEnteteFenetre {
		  text-align: center;
		  margin-bottom: 1vw;
	  }
	  .formEnteteLettre {
		  display: flex;
		  justify-content: space-between;
		  margin: 1vw;
	  }
	  .formEnteteLettre A {
		  align-self: center;
		  font-size: 1rem;
	  }
	  #listeReseauFenetre {
		  background-color: #303642;
		  height: 100%;
		  min-width: 12em;
		  width: auto;
		  max-width: 42vw;
		  margin-left: 2em;
		  margin-right: 2em;
		  white-space: nowrap;
		  overflow-x: auto;
	  }
	  #listeReseauFenetre UL {
		  margin: 0px;
		  padding-left: 0.5em;
	  }
	  #listeReseauFenetre LI {
		  display: inline-block;
	  }
	  #listeReseauFenetre IMG {
		  width: 3em;
	  }
	  #listeReseauFenetre FIGURE {
		  margin: 1vw;
		  text-align: center;
	  }
	  #lienVideoFenetre {
		  margin: 1em 0.2em 0.2em 0.2em;
		  text-align: center;
	  }
	  #lienVideoFenetre INPUT {
		  width: 33em;
		  padding: 11px 20px;
	  }
	  #lienVideoFenetre INPUT:hover {
		  background-color: #121318;
		  color: #FFFFFF;
		  border-width: 3px;
		  border-color: #C0C0C0;
		  border-style: solid;
		  cursor: pointer;
	  }
	  #lienVideoFenetre BUTTON {
		  background-color: #121318;
		  border-width: 3px;
		  border-color: #C0C0C0;
		  border-style: solid;
		  color: #FFFFFF;
		  padding: 12px 32px;
		  text-decoration: none;
		  text-align:			center;
		  margin-left:		2px;
		  margin-right:		2px;
		  padding-top: 0.7em;
		  padding-bottom: 0.7em;
		  cursor: 				pointer;
		  font-variant:small-caps;
	  }
	  #pagearticle {
		  display: flex;
		  column-gap: 1vw;
		  grid-area: page;
		  color: #121318;
		  flex-wrap: wrap;
		  justify-content: center;
	  }
	  .infomembre, .infodikoko, #dikorecherch {
		  width: 20em;
	  }
	  .resrech A {
		  text-decoration: underline;
		  font-size: 1.2em;
	  }
	  #galtab {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: space-between;
		  align-items: center;
		  margin: 0.5em;
	  }
	  .galimg IMG {
		  max-width: 6em;
		  cursor: pointer;
		  min-width: 3em;
	  }
	  .fsimg IMG {
		  object-fit: contain;
		  max-height: 80vh;
		  max-width: 100vw;
	  }
	  .imgdelta {
		  cursor: pointer;
		  display: block;
	  }
	  .fenapercu {
		  display: none;
		  position: absolute;
		  z-index: 10;
		  max-height: 35em;
		  max-width: 35em;
		  background-color: #FFFFFF;
		  color: #121318;
		  box-shadow: 0.3em 0.3em 2em #BC362A;
	  }
	  .fenapercu::after {
		content: " ";
		position: absolute;
		top: 100%;
		left: 20%;
		margin-left: -0.5em;
		border-width: 0.5em;
		border-style: solid;
		border-color: #FFFFFF transparent transparent transparent;
	  }
	  .fenapercuhaut::after {
		bottom: 100%;
		  top:unset;
		border-color: transparent transparent #FFFFFF transparent;
	  }
	  .fenapercuvisible {
		  display: block;
	  }
	  .contenuapercu {
		  margin-bottom: 1em;
	  }
	  #enteteapercu {
		  min-width: 15em;
		  min-height: 3em;
	  }
	  #enteteapercu H2 {
		  display: inline;
		  margin: 0;
		  background: rgba(255,255,255,0.4);
		  color: #121318;
	  }
	  #quillapercucontenu, #quillapercudelta {
		  display: none;
	  }
	  #pagearticlecontenu, #pagedikocontenu {
		  position: relative;
		  width: 53em;
		  height: max-content;
	  }
	  #pagearticlecontenu, .dikomot, .uto {
		  background-color: #FFFFFF;
		  margin-bottom: 2.5em;
		  color: #121318;
	  }
	  .jacc_som #pagearticlecontenu {
		  margin-left: auto;
		  margin-right: auto;
		  width: auto;
		  max-width: 53em;
	  }
	  #pagebulle {
		  grid-area: page;
	  }
	  .utoresum H4 {
		  border-top: 1px solid #121318;
		  padding-top: 0.3em;
	  }
	  .utoresum {
		  padding: 0.5em;
	  }
	  .utoresum TEXTAREA, .ajoutimg {
		  width: 90%;
		  height: 4em;
	  }
	  .ajoutimg TEXTAREA, #modcontenuhaut TEXTAREA {
		resize: none;
		margin-left: 0.7em;
		padding: 0.6em 0.5em;
	  }
	  .vignettemod H4 {
		margin: 0;
		font-size: 1.3em;
		padding: 0.5em 0em 0.3em 0em;
	  }
	  .utoresume {
		  border-top: 2px solid #121318;
		  padding: 0em 1em;
	  }
	  .utoresume H4 {
		  margin: 0.5em 0em 0em 0em;
		  padding-bottom: 0em;
		  font-size: 1.3em;
	  }
	  .utoresume .auteur {
		  font-size: 0.8em;
		  margin: 0em;
	  }
	  .utoresume UL:not(.utolecliste), .vignettemod UL:not(.utolecliste) {
		  display: flex;
		  list-style: none;
		  margin: 0;
		  padding: 0em 0em 0.2em 0em;
		  font-size: 0.8rem;
		  color: #C0C0C0;
		  gap: 1em;
	  }
	  .utoresume .resumcatimg, .vignettemod .resumcatimg {
		  padding: 1em 0.5em 0.5em 0.5em;
		  float: right;
		  width: 5em;
		  height: 5em;
	  }
	  .pagesperso, .pagepersogrid {
		  padding: 5vw 0px 0px 0px;
	  }
	  .pagespersogrid {
		  display: grid;
		  grid-template: "page recom";
		  grid-template-columns: 69vw 1fr;
	  }
	  .deltajson {
		  display: none;
	  }
	  .deltajson .ql-editor {
		  max-height: 85vh;
		  overflow-y: scroll;
	  }
	  #politique H2, #pagearticle H2 {
		  margin: 1rem;
		  display: inline-block;
		  grid-area: titre;
		  vertical-align: top;
		  font-size: 1.9em;
	  }
	  #pagearticle #entetearticle {
		  background: left 0% top 0em/50em  url('../img/revolution.svg') no-repeat;
	  }
	  #entetearticle, #utoeentetehist {
		  display: grid;
		  grid-template-areas: "titre"
								 "bouton";
	  }
	  #entetearticle {
		  min-height: 9em;
	  }
	  #utoeentetehist {
		  min-height: 20em;
	  }
	  #utoedittitre {
		  margin-top: 0.3em;
	  }
	  #wikifond {
		  display: none;
	  }
	  #btnPol {
		  position: absolute;
		  margin: 0;
		  grid-area: bouton;
		  right: 0;
		  width: 10em;
	  }
	  #entetelecture {
		  position: relative;
	  }
	  .quillsv {
		  position: absolute;
		  width: 10rem;
		  margin: 0;
		  padding: 0.5em;
		  color: unset;
		  background-color: #C0C0C0;
		  font-size: 1.2em;
		  font-variant: small-caps;
		  text-align: left;
		  border: 0;
		  border-radius: 1em 0 0 1em;
		  z-index: 2;
		  white-space: nowrap;
		  opacity: 0.7;
	  }
	  .quillsv:hover {
		  background-color: #CCC;
		  opacity: 1;
	  }
  .quillsvlong {
	  width: 16em !important;
  }
  .quillsvlong .quillsv {
	  width: 16rem;
  }
  #quillsvimg {
	  height: 1em;
	  vertical-align: middle;
	  padding-right: 0.5em;
  }
  H2#modiftitre {
	  display: block;
	  margin-bottom: 0em;
  }
  .modiftitre INPUT {
	  max-width: unset;
	  width: 100%;
	  margin: 0;
  }
	  #pollienhis {
		  display: block;
		  font-size: 0.8em;
		  padding: 0px 1.2vw 0.3vw 0px;
	  }
	  #qlmsg {
		  position: relative;
		  bottom: 3vw;
		  right: 10vw;
	  }
	  #apillu {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  width: 50%;
	  }
	  #fermercom IMG, .komufs #fermercomfs IMG {
		  width: 1em;
		  padding: 0.1em 0em 1em 1em;
	  }
	  #fermercom, .komufs #fermercomfs {
		  position: absolute;
		  width: 3em;
		  top: 0em;
		  right: 0em;
		  cursor: pointer;
	  }
	  #reflexions {
		  display: inline-block;
	  }
	  #statcourbe {
		  width: 100%;
	  }
	  .statg:hover > .statr {
		  fill-opacity: 0.5 !important;
	  }
	  .statg:hover > .stattxt {
		  display: block;
	  }
	  .stattxt {
		  display: none;
	  }
	  .ajoutertrucs {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		  font-size: 2em;
		background: linear-gradient(to right, rgba(18,19,24,0.8)1% 100%), center 50% url('../img/plus.svg') no-repeat;
	  }
	  .ajoutertrucs A {
		  transition: padding .5s ease-in, font-size .5s ease-in;
	  }
	  .ajoutertrucs A:hover {
		  background-color: #BC362A;
		  padding: 0.5em;
	  }
	  .ajoutertrucs A:hover::before {
		  content: '';
		  position: absolute;
		  width: 3em;
		  height: 3em;
		  right: 0;
		  bottom: 0;
	  }
	  .nouveausom {
		  animation: 1s ease-in-out nouvellevignette forwards;
	  }
	  .publiimg {
		cursor: zoom-in;
	  }
	  .vignetteoptbtn {
		  display: none;
		  margin-left: 0.5em;
	  }
	  #fsimg {
		  position: fixed;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  z-index: 100;
		  display: grid;
		  grid-template-columns: 1fr 29vw;
	  }
	  .imgfscadre {
		  position: relative;
		  justify-self: center;
		  align-self: center;
		  overflow-x: hidden;
		  overflow-y: auto;
		  max-height: 100%;
		  background-color: #121318;
		  width: min-content;
	  }
	  .imgfscadre A IMG {
		min-width: 30vw;
	  }
	  .imgfscadre #komu {
		  z-index: 100;
	  }
	  .imgfscadre H1 {
		  margin-top: 0;
		  margin-left: 1rem;
		  color: #BC362A;
	  }
	  .imgfscadre .date {
		  margin-left: 1rem;
		  color: #C0C0C0;
	  }
	  .imgfscadre .description {
		padding-right: 1em;
		width: auto;
	  }
	  #fermetureimg {
		  cursor: pointer;
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 4em;
	  }
	  #fondimgfs {
		  position: fixed;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  z-index: -1;
		  backdrop-filter: blur(1em);
	  }
	  .vignetteoptions {
		  float: right;
	  }
	  .vignetteoptions IMG {
		  height: 2em;
	  }
	  .modtease {
		  text-justify: inter-word;
		  text-align: justify;
		  display: block;
	  }
	  .clocheemoji {
	  font-size: 2em;
	  }
	  @media (max-width: 171vh) AND (max-width: 80em), (max-width: 740px) {
		  #logo IMG, .comptetexte, .menudeconnexion, .menuutilnom, #slogan {
			  display: none;
		  }
		  #logoPort {
			  display: unset;
			  grid-area: logo;
		  }
		  #logoPort IMG {
			  height: 100%;
		  }
		  #entete {
			  grid-template-areas:
			  "logo a d b"
			  "c c c c";
			  grid-template-columns: 0 auto 1fr;
			  grid-template-rows: 4em 1fr;
			  height: auto;
			  z-index: 4;
		  }
		  .compteillu {
		  display: unset;
			  height: 1.5em;
		}
		  #comptemenu A {
			  margin: 0;
		  }
		  .menuavatar {
			  max-height: unset;
			  width: unset;
			  height: 1.5em;
			  max-width: 2em;
			  object-fit: contain;
			  padding: 0;
		  }
		  .logodeco {
			  display: unset;
			  height: 1.5em;
			  width: 2em;
		  }
		  #entete H1 {
			  text-align: left;
			  font-size: 1.5em;
			  padding: 0.2em 0vw 0.2em 4em;
			  margin: 0;
		  }
		  #entete H2 {
			  text-align: left;
			  padding-left: 4em;
			  font-size: 1.5em;
			  margin: 0;
		  }
		  #lecteur {
			  display: grid;
			  grid-template-areas:
				  "article"
				  "recom"
				  "vignettes";
			  padding: 0px;
			 margin: 0px;
			  grid-template-columns: 100%;
			  grid-row-gap: 0.1em;
			  justify-content: center;
		  }
		  .article {
			  display: unset;
			  margin: 1vw 0vw 1vw 0vw;
			  width: 100%;
		  }
		  .description {
			  width: unset;
			  padding: 0.5em;
		  }
		  #surmenu {
			  display: none;
			  grid-area: c;
			  padding-left: 5em;
			  background-color:#121318;
			  z-index: 25;
			  box-shadow: 2em 6em 4em #BC362A;
			  animation: 0.5s nouvellevignette forwards;
			  overflow: hidden;
		  }
		  #surmenu LI {
			  display: block;
			  padding: 1em;
			  white-space: nowrap;
			  overflow: hidden;
			  text-overflow: ellipsis;
		  }
		  #surmenu A {
			  font-size: 2em;
		  }
		  #menuReseaux IMG {
			  height: 1.5em;
			  width: auto;
			  padding-left: 0px;
			  padding-right: 0.3em;
			  vertical-align: middle;
		}
		  #menuReseaux figcaption {
			  display: inline;
		  }
		  #menuReseaux figure {
			  display: block;
			  padding-bottom: 1em;
		  }
		  #boutonMenu {
			  display: block;
			  grid-area: b;
			  font-size: 5em;
			  text-align: right;
			  margin-right: 0.1em;
			  align-self: center;
			  margin-left: 0.4em;
		  }
		  #comptemenu {
			  grid-area: d;
			  padding-top: 0.25em;
			  font-size: 2em;
			  margin-right: -0.6em;
			  padding-right: 0;
		  }
		  .fenetre A IMG {
			  opacity: 1;
		  }
		  .comcadre {
			  position: relative;
			  width: unset;
			  top: 0vw !important;
		  }
		.premiercom {
		  font-size: 0.8rem;
		}
		#teaserportable {
		  display: block;
		}
		  emoji-picker:not(.emojivignette) {
			  width: 75%;
			  --num-columns: 7;
			  --emoji-size: 1.2em;
			  top: initial;
			  bottom: 8em;
		}
		  .contenu:fullscreen .enteteVidAnim {
			  animation: .3s ease-in titrepleinecranportable 2s forwards;
		  }
		  #enteteVid {
			  border-top: solid #FFF 0.1em;
			  height: 4.5em;
		  }
		  .contenu:fullscreen .enteteVid {
			  border-top: 0px;
		  }
		  #videoPrincipale {
			  width: 100%;
		  }
		  VIDEO {
			  min-width: 100%;
			  height: unset;
			  max-height: 100%;
			  min-height: auto;
		  }
		  .videoCtrlPort {
			  display: none;
			  justify-content: center;
			  align-items: center;
			  position: absolute;
			  color: #121318;
			  width: 100%;
			  top: 0px;
			  bottom: 40px;
			  background: rgb(255, 255, 255) transparent;
			  background: rgba(255, 255, 255, 0.6);
		  }
		  .contenu:fullscreen .videoCtrlPort {
		  padding-top: 5.6em;
		  }
		  .videoCtrlPort IMG {
			  height: 3em;
			  cursor: pointer;
		  }
		  .videoCtrlAlt {
			  display: none !important;
		  }
		  #lancementLectureSvg {
			  width: 11em;
			  height: 3em;
		  }
		  #osdlecture {
			  z-index: 2;
		  }
		  #barreG {
			  display: none;
		  }
		  #barreM {
			  padding-left: 0.5em;
		  }
		  #btnOreille {
			  transform: scale(110%);
		  }
		  #volumeBarre {
			  display: none;
		  }
		  #btnEcran {
			  transform: scale(80%);
		  }
		  .vignette FIGCAPTION {
			  height: 1em;
			  font-size: 0.8em;
			  max-width: calc(100vw - 7em);
		}
		.vignettemod .modtxt {
		  overflow: hidden;
		}
		.vignettemod .modtxt, .vignettedescrboite {
		  font-size: 0.8rem;
		}
		  .lienexterne .modtxt {
				max-height: 7em;
			}
		  .description {
			  font-size: 1em;
		  }
		  .fermetureEnteteFenetre IMG {
			  padding-top: 0.5em;
			  padding-right: 0.5em;
		  }
		  .titreEnteteFenetre H2 {
			  font-size: 1em;
		  }
		  #listeReseauFenetre {
			  margin: 1vw;
		  }
		  #lienVideoFenetre INPUT {
			  width: 15em;
		  }
		  .titreEnteteFenetre {
			  font-size: 0.8em;
			  padding-top: 0.2em;
		  }
		  .indicEnteteFenetre {
			  font-size: 0.5em;
		  }
		  .article .vignette {
			  flex: unset;
			  max-width: 90vw;
		  }
		  .sommaire {
		  display: block;
		  box-shadow: #121318 -2em 2em 4em;
		  }
		  .sommaire:not(.petitsommaire) {
		  padding-top: 1em;
		  max-width: 100%;
		  }
		  .petitsommaire {
		  max-width: 100%;
		  }
		  .modsom {
			  margin-bottom: 0.5em;
			  max-width: calc(100vw - 4em);
		  }
		#vignettesarticle .modsom {
		  flex: 0 1 25rem;
		}
		  #vignettesarticle {
			  justify-content: space-evenly;
		  }
		.infomembre {
		  width: unset;
		}
		  #historique .vignette {
			  min-width: 100vw;
			  max-width: 100vw;
			  margin: 0px;
		}
		  H3 {
			  font-size: 1.2rem;
		  }
		  .article H1 {
			  font-size: 1em;
		  }
		  .fenetre {
			  width: 80%;
			  max-height: unset;
		  }
		.contenu:fullscreen figure {
		   width: 100vw;
		}
		  .contenu:fullscreen .vignette {
		   min-width: 100vw;
		}
		  .com {
			  padding: 0.1em 0.3em 0em 0.1em;
			  margin: 0em 0em 0.3em 0em;
		  }
		.comcom {
		  grid-template-rows: 2em 1fr 5.2em;
		}
		  .comcom H4, .comtitreliste {
			  padding: 0em 1em 0.3em 0em;
			  margin: 0.3em;
		  }
		  .comcadre H3 {
			  margin: 0vw 3vw 0rem 0.9em;
		  }
		  .recom {
			  display: flex;
		  height: 80vh;
		  justify-self: center;
		  }
		  #pagepol {
			  display: inline-block;
			  margin-top: 4em;
		  }
	  .fildactu {
	  margin: 0.5em;
	  font-size: 5vw;
	  height: 10em;
	}
	  .txtfildactucont {
		 line-height: 1em;
		 max-height: 9em;
		 animation: 15s ease-in slideinpetit forwards;
	   }
			.boitefildactucont {
				padding: 0.2em;
				height: 9.5em;
			}
		.afterpause .txtfildactucont {
		 animation: 15s ease-in afterpausepetit forwards;
	}
		  .entetedactu {
			  font-size: 0.9em;
			  margin-top: 0;
		  }
		  #pagepol {
			  margin-left: 1.8em;
			  margin-right: 0.7em;
		  }
		  .infowiki {
			  width: 80vw
		  }
		  #pagearticle {
			  padding-top: 1em;
		  max-width: 94vw;
		  margin: auto;
		  }
	  
		  .imgmot IMG {
			  width: 80vw;
		  }
		  #dikopropo {
			  width: 90vw;
		  }
		  .pagespersogrid {
			  grid-template: "page" "recom";
			  grid-template-columns: unset;
		  padding-left: 0px;
		  }
		  .contenu {
			  padding-top: 4em;
		  }
		  #pagearticlecontenu, #pagedikocontenu {
			  order: 1;
		  }
		  #listeinfomembre {
			  order: 2;
		  }
		#vignettesarticle {
		  order: 3;
		}
		  .module H2 {
			  padding-top: 15vw;
		  }
		  .txtresume, .utoinfoligne {
			  font-size: 0.7em;
		  }
		  #utoeentetehist {
			  min-height: min-content;
		  }
		  .paramsg, .paraerreur {
			  left: 1em;
		  }
		  #rackomu {
			  margin-bottom: 0.8em;
		  }
		  #rackomu IMG, #notifcloche IMG {
			  height: 1em;
		  }
		  .comsujet IMG {
			  height: unset !important;
		  }
		  .comsujet {
		  left: -5em;
		  }
		.modulecontenu {
		  grid-template-columns: unset;
		  grid-template-rows: min-content 30% 1fr;
		  width: 100%;
		}
		  .entetepopup {
			  grid-column-start: unset;
			  grid-column-end: unset;
		  }
		  .confirmation {
			  width: 100%;
			  margin: unset;
			  box-shadow: unset;
			  padding: 0.5em;
		  }
		  .ajoutvideo {
			  width: 100%;
		  }
		  .explorearticle {
			  width: unset;
		  }
		  .journalpref {
			  max-height: unset;
		  }
		  .confirmation .entetepopup IMG {
			  right: 0;
		  }
		.moduleactif {
		  left: 0px;
		  top: 0px;
		  display: flex;
		  transform: unset;
		  min-height: 100vh;
		  min-width: 100vw;
		}
		.modmenugauche .vignetteimg IMG {
		  width: auto;
		  height: 10em;
		}
		.modmenugauche .vignette {
		  text-align: center;
		}
		.modmenugauche UL {
		  min-height: unset;
		}
		#modcontenuhaut, #ajoutimg {
		  max-height: 40vh;
		  overflow-y: scroll;
		}
		#modchoixcat {
		  display: none;
		}
		.accueil #komu, .komufs {
		  display: grid;
		  position: fixed;
		  bottom: 0;
		  top: 0;
		  left: 0;
		  right: 0;
		  height: auto !important;
			  z-index: 10;
		}
		.komufs #fermercomfs {
		  display: block;
		}
		  .imgfscadre {
			  width: 100%;
			  max-width: 100%;
		  }
		  #fsimg {
			  display: inline;
			  max-width: 100%;
		  }
		  #fsimg #komu {
			  display: none;
		  }
		  #fsimg A IMG {
			  max-width: 100%;
		  }
		  .vignetteapercuimg::after {
			  position: absolute;
			  content: '…';
			  font-size: 1.8em;
			  background: left 0em / 3em url('../img/loupe_img.svg') no-repeat, rgba(192,192,192,0.7);
			  right: 0;
			  bottom: 0;
			  padding: 1em 0.5em 1em 2.5em;
			  color: #121318;
		  }
		  .modulejournaux:not(.modulejournauxportable) h4 {
			  display: none;
		  }
		  .modulejournaux A:hover .nomListeBulle {
			  position: relative;
			  padding: unset;
			  margin-top: unset;
			  background: inherit;
			  opacity: 1;
		  }
		  .modulejournaux {
			  width: 4em;
		  }
		  #surmenu {
			  top: 0 !important;
		  }
		  #comptemenu {
			  align-self: unset !important;
		  }
		  .modulejournaux:not(.modulejournauxportable) lI {
			  width: 3em;
			  min-width: 3em;
		  }
		  .contenu {
		  padding-left: 0;
		  }
		  .lienexterne H4 {
			  font-size: 0.7rem;
		  }
		  .menuactuel {
			  text-shadow: unset;
			  color: #BC362A;
			  font-weight: bold;
		  }
		  .modulejournauxportable {
			  position: fixed;
			  top: 0;
		   min-width: 100%;
			  height: 100%;
		   z-index: 20 !important;
		  }
		  .modjournalportable {
			  display: block;
		  }
		  .modulejournauxportable .modjournalportable IMG {
			  transform: rotateY(180deg);
		  }
		  .modjournalportable IMG {
			  transition: transform .3s ease-in;
		  }
		  .modulejournaux:not(.modulejournauxportable) .cachejournalportable {
			  display: unset;
			  position: absolute;
			  width: 4em;
			  height: 100%;
		  }
		  .planningelement A {
	  grid-template-columns: 5em 1fr;
			  margin-bottom: 1.5em;
	  }
		  .planningelement .planimg {
	  grid-row-start: span 2;
  }
  .planningelement .dateevenement {
	  justify-self: right;
  }
  .planningelement .modtitre {
	  grid-row-start: 1;
	  grid-column-start: span 2;
  }
		  .planningelement H4 {
			  margin:0;
		  }
  .planningelement .legende {
	  justify-self: right;
  }
		  .boitechangement {
			  animation: 15s ease-in flechepetit forwards;
		  }
		.boitesuivante, .boiteprecedente {
		 display: unset;
	}
		  #publieur {
  width: calc(100% - 4em);
  left: 4em;
  transform: unset;
}
#publieur.publieurfs {
	bottom: 0;
	animation: 1s ease-in-out publieurfsmini forwards;
}
	  }
	  @media (max-width: 350px) {
		  VIDEO {
			  width: 100%;
		  }
		  INPUT[type=TEXT], TEXTAREA {
			  width: 50vw;
		  }
		  #lettre {
			  width: 80vw;
		  }
		  .article {
			  justify-self: center;
			  width: 75vw;
		  }
		  #vignettes {
			  width: 75%;
			  margin-left: auto;
			  margin-right: auto;
		  }
		  .vignette FIGURE {
			  width: 75%;
			  margin-left: auto;
			  margin-right: auto;
		  }
	  }
	  @media (max-width: 110em) AND (min-width: 171vh), (max-width: 110em) AND (min-width: 740px) {
		  #listeinfomembre {
			  width: 53em;
		  }
		  .infomembre {
			  width: unset;
		  }
		  #infomembrecontact {
			  width: unset;
			  padding: 0.1em 1em;
			  line-height: 0.6em;
			  display: flex;
			  max-height: 10em;
			  flex-flow: column wrap;
			  column-gap: 1em;
			  align-content: space-around;
		  }
	  }