#opttxtform {
  display: none;
}
#activeropttxt {
  margin: 2em;
  padding: 0.5em 1em;
  cursor: default;
  text-align: left;
}
#activeropttxt:hover {
  background-color: #C0C0C0;
}
#activeropttxt IMG {
  margin-right: 1em;
}
#optcoeur:not(.optcoeurreverse) .imgCoeurREtoile, #optdecoeur:not(.optcoeurreverse) .imgCoeurEtoile, #optcoeur.optcoeurreverse .imgCoeurEtoile, #optdecoeur.optcoeurreverse .imgCoeurREtoile {
  display: none;
}
.optcoeur {
  display: inline-block;
  width: 15em;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0.8em;
  border: solid 1px #FFFFFF;
  border-radius: 1em;
  padding: 0.5em;
}
.optcoeur IMG {
  margin-left: 0em !important;
  font-size: 0.5em;
}
 .acc_rub .modjournalportable {
    display: none;
 }
.modvignettegal {
	display: flex !important;
	flex-wrap: wrap;
	gap: 5px;
  margin: 5px;
}
.modvignettegal IMG {
	object-fit: cover;
  width: 100%;
  height: 100%;
}
.itemviggal {
  height: 300px;
  flex: 1 1 auto;
}
.ajoutpubli TEXTAREA {
	max-width: 20em;
	width: 30em;
  height: 7em;
	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;
  resize: none;
}
.ajoutpubli TEXTAREA:focus {
	border-width:		3px;
	border-style:		solid;
	border-color:		#C0C0C0;
}
.choixjournaldeplacement .explorejournal {
  padding-right: 5em;
}
.entetetitrejournal {
  background: #121318;
  color: #FFFFFF;
  font-variant: small-caps;
  grid-area: ja;
  display: grid;
  grid-template-areas: "img titre btn";
  grid-template-columns: min-content auto 1fr;
  align-items: center;
  min-height: 5em;
  padding-left: 1.5em;
}
.entetetitrejournal IMG {
  vertical-align: middle;
  margin-right: 1em;
  width: 4em;
  border-radius: 0.5em;
  grid-area: img;
}
.entetetitrejournal H3 {
grid-area: titre;
margin: 0px 0.5em 0em 0em;
padding: 0;
}
.jopt_aff {
  display: inline-block;
  background: #303642;
  color: #FFFFFF;
  padding: 1em 1em;
  margin: 0em 1em 0em 0em;
  grid-area: jc;
}
#pagebulle .jopt_aff {
  margin: 0;
}
.jopt_aff A {
  text-decoration: underline;
}
.jopt_aff A:hover {
  text-decoration: none;
}
.jopt_aff span {
  margin: 0em 1em;
}
.acc_rub UL {
  list-style: none;
  margin: 1em 0em 0em 0em;
  padding: 0;
}
.acc_rub LI {
  margin: 0;
  padding: 1em;
  font-variant: small-caps;
  font-size: 1.1em;
}
.acc_rub LI:hover, .journalrubdefaut {
  background: #C0C0C0;
}
.acc_rub {
  grid-area: jb;
  background: #FFFFFF;
  color: #121318;
  padding-bottom: 2em;
}
.jacc_som {
  grid-area: jd;
  padding-top: 1em;
}
.modulejournaux {
  grid-area: je;
}
.journalaccueil {
  display: grid;
  grid-template: "je ja ja" "je jb jc" "je jb jd";
  grid-template-columns: 4em 13em 1fr;
  grid-template-rows: min-content min-content 1fr;
  min-height: 90vh;
  min-width: 100%;
}
#journalcontenuvide {
  text-align: center;
  background: url('../img/filleordiblanc.svg') 0 0 / cover ;
  width: 50%;
  padding-bottom: calc(50% * 3 / 4);
}
#jrtitredbl {
  vertical-align: middle;
  display: inline-block;
}
#jrtitredblht, #jrtitredblbas {
  display: block;
}
#jrtitredblbas {
  font-size: 0.7em;
  color: #C0C0C0;
}
.entetetitrejournalopt {
  margin-right: 2em;
  min-width: max-content;
  grid-area: btn;
  justify-self: end;
}
.entetetitrejournalopt IMG {
  margin-left: 2em;
  border-radius: unset;
  width: 4.5em;
  height: 2em;
  transition: all 0.2s ease-in;
}
.entetetitrejournalopt .tooltip:hover IMG {
  background: rgba(255,255,255,0.5);
  border-radius: 1em;
  box-shadow: 0em 0em 1.5em;
}
.tooltip:not(.optcoeur) {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  top: 100%;
  left: -10px;
  background-color: black;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.listeajoutpubli {
  max-height: 70vh;
  overflow: scroll;
}
.iconerub {
  height: 1em;
  vertical-align:text-bottom;
  padding-right: 0.5em;
}
.journalpref .acc_rub {
  padding: 0;
}
@media (max-width: 171vh) AND (max-width: 80em), (max-width: 740px) {
  .modulejournaux {
    width: 4em;
    z-index: unset;
  }
  .acc_rub:not(.modulejournauxportable) {
    margin-left: -3em;
  }
  .acc_rub {
    margin-left: 4em;
    box-shadow: #121318 -2em 2em 4em;
  }
  .acc_rub LI {
  	white-space: nowrap;
  }
  .jopt_aff, .jacc_som {
	box-shadow: #121318 -2em 2em 4em;
  }
  .confirmation .acc_rub {
    margin-left: unset;
  }
  .journalaccueil {
    grid-template-areas: "ja ja ja" "je jb jc" "je jb jd";
    grid-template-columns: 4em 1em 1fr;
  }
  .jopt_aff {
  margin: 0;
  }
  .entetetitrejournalopt IMG {
   width: 2em; 
    margin: 0.3em;
  }
  .entetetitrejournal IMG {
    display: block;
  }
  .optcoeur IMG {
    display: unset;
  }
  .optcoeur {
    vertical-align: top;
  }
  .entetetitrejournal H3 {
    margin-right: 0;
  }
  .entetetitrejournal {
    grid-template-areas: "img   btn" "titre titre";
    margin-left: 0.5em;
    grid-template-columns: 5em 1fr;
  }
  .tooltip .tooltiptext {
  display: none;
  }
  .acc_rub:not(.modulejournauxportable) .cachejournalportable {
		display: unset;
		position: absolute;
		width: 4em;
		height: 100%;
	}
  .acc_rub .modjournalportable {
    display: block;
  }
  .acc_rub .modjournalportable IMG {
    height: 1em;
    margin-right: 0.5em;
  }
  .menucontexte {
    right: 1em;
  top: 7.5em;
  }
  .menucontexteactif {
    width: 8em;
  }
}