p {
  margin:0 0 5px 0; /* consécutif au retrait de * { margin: 0} */
}
.content a.edit {
  display:inline-block;
  width:15px;
  height:10px;
  background:transparent;
  background-size:contain;
  /*filter: brightness(0) invert(1);*/
  background-image: url(/images/svg/edit.svg);


	background-repeat: no-repeat;
	background-position: right 3px center;
}

/* tout �a � mettre dans tpl.css et virer */
.content.giant div.pagination {
  font-size:1vw;
}
.content.big div.pagination {
  font-size:1.5vw;
}
.content.medium div.pagination {
  font-size:1vw;
}
.content.small div.pagination {
  font-size:1vw;
}

.newww {
  width:25px;
  height:12px;

/*
  margin:auto 3px;
*/
  /* hspace=3 align=absmiddle */
}







 /**********/
/* COVER */
/**********/
.eeentete > div:first-child, div[class^="mmmembre"] > div:first-child, .covercont { /* a priori .covercont est caduque, en tous cas pour galerie */
  position:absolute;
  left:0.3em;
  top:0.3em;
  width:3.4em;
  height:3.4em;
  z-index:1;
  display:var(--entete_cover_display); /* permet de cacher la cover */
}
.cover, .eeentete > div:nth-child(1) > p, div[class^="mmmembre"] > div:nth-child(1) > p  { /* un seul profil couleur pour la cover */
  border-radius:5px;
  background-color:#6F6F6F;
  border-top:1px #7f9faf solid;
  border-bottom:1px #7f9faf solid;
  border-left:1px #7f9faf solid;
  border-right:1px #7f9faf solid;
}
.eeentete > div:nth-child(1) > p, div[class^="mmmembre"] > div:nth-child(1) > p, .cover {
  width:3.4em;
  height:3.4em; /* https://stackoverflow.com/questions/5427371/multiple-background-images-and-a-background-color */
/*
  background: url(/images/default/cliparts/8.gif) left no-repeat,
              #6F6F6F;
*/
  /* background-size: contain, 100%;*/ /* https://developer.mozilla.org/en-US/docs/Web/CSS/background-size */
}
.cover {
  width:99%;
  height:99%;
}
.cover > a > img {
  border:5px #000000 solid;
}
.fadeout {
  animation-name: fadeout;
  animation-duration: 0.5s;
}

@keyframes fadeout {
  0%   {opacity:1;}
  100% {opacity:0;}
}

.fadein {
  animation-name: fadein;
  animation-duration: 0.5s;
}

@keyframes fadein {
  0%   {opacity:0;}
  100% {opacity:1;}
}

/* liste */
.margeurliste {
  margin:var(--content_liste_margin);
}





/****************************************************************************************/
/* pagination */
.nextprev { /* pr?sent pour la pagination de l'album, peut-?tre ? virer quand j'aurais d?fini la font-size qui impacte .pagination en amont */
  font-size:10px;
}
/* nextprev */
.nextprev a, .nextprev a:active, .nextprev a:visited, .nextprev a:link {
  color:#000;
}

.pagination {
  font-size:1.35em;
  margin-top:0.4em;
}
.pagination.membre_site {
  font-size:var(--pagination_size);
}
.pagination.big {
  font-size:1.5em;
}
.pagination.small {
  font-size:0.7em;
}
.pagination > div:first-child, .pagination > div:nth-child(2) {
  width:35%;
  float:left;
  text-align:left;
  padding:0.5em 0.3em 0 0;
}
.pagination > div:nth-child(2) {
  text-align:right;
  width:64%;
  padding:0;
}
.pagination > div:nth-child(2) a, .pagination > div:nth-child(2) a:active, .pagination > div:nth-child(2) a:visited, .pagination > div:nth-child(2) a:link, .pagination b.s  {
/* pas mal non plus si on met tout en commentaire */
  display:inline-block;
  width:2.5em;
  height:2em;
  background-color:#f0f0ff;
  margin-right:0.1em;
  color:#000;
  text-decoration:none;
  border-radius:5px;
  text-align:center;
  padding-top:0.5em;
}
.pagination > div:nth-child(2) a.off {
  visibility:hidden; /* permet de conserver les espaces contrairement ? display:none qui cache les ?l?ments et retire les espaces qu'ils occupent */
}
.pagination a.pagi-fl-l, .pagination a.pagi-fl-l:active, .pagination a.pagi-fl-l:visited, .pagination a.pagi-fl-l:link,
.pagination a.pagi-fl-r, .pagination a.pagi-fl-r:active, .pagination a.pagi-fl-r:visited, .pagination a.pagi-fl-r:link,
.pagi-fl-dble-l, .pagi-fl-dble-l:active, .pagi-fl-dble-l:visited, .pagi-fl-dble-l:link,
.pagi-fl-dble-r, .pagi-fl-dble-r:active, .pagi-fl-dble-r:visited, .pagi-fl-dble-r:link  {
  position:relative;
  margin:0;
  padding:0;
}
.pagination a.pagi-fl-l:before, .pagination a.pagi-fl-l:active:before, .pagination a.pagi-fl-l:link:before, .pagination a.pagi-fl-l:visited:before,
/*
https://outils-javascript.aliasdmc.fr/encodage-caracteres-geometrie/encode-caractere-25BA-html-css-js-autre.html
https://outils-javascript.aliasdmc.fr/encodage-caracteres-geometrie/encode-caractere-25C4-html-css-js-autre.html
https://www.toptal.com/designers/htmlarrows/
*/
.pagi-fl-r:before, .pagi-fl-dble-l:before, .pagi-fl-dble-r:before {
  content:"\2039"; /* \0025C4 */
/*
  position:absolute;
  font-size:2em;
  font-weight:bold;
  margin:0;
  padding:0;
*/
/*
  background:url(/images/default/pictos/fleche_double_left.gif);
  background:url(/images/default/pictos/fleche_double_right.gif);
*/
}
.pagi-fl-dble-l:before {
  content:"\00AB";
}
.pagi-fl-r:before {
  content:"\203A"; /* ? \0025BA */
}
.pagi-fl-dble-r:before {
  content:"\00BB";
}






.content.giant, .content.g {
  font-size:3.5vw; /* 50px; */
}
.content.big, .content.b {
  font-size:1.5vw; /* 40px; */
}
.content.medium, .content.m {
  font-size:1vw; /* 25px; */
}
.content.small, .content.s {
  font-size:0.8vw; /* 15px; */
}




/**********************/
/* GALERIE */
/**********************/
.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed rgb(0, 135, 247);
    border-image: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;

float:left;margin:15px 15px 0 0;position:relative;border:1px white solid;

}
.jsdrp {
display:block;
}
.glisser {
position:absolute;bottom:1.2em;left:0;background-color:#fff;font-size:0.5em;text-align:center;
width:95%; /* width:100%; */
display:none;
border-radius:25px;
margin:0 2%; /* margin:0 5px; */
}
.dropzone.ajout { /* ajouter des images */
  float: unset; /* nécessaire sinon ça foire */
}
.galien {
width:99%;height:30px;overflow:hidden;font-size:0.6vw;
}
/******************************/
.imgempty {
  display:none; /* j'ai d? mettre ?a sinon ?a foire */
  width:10px;
  height:15px;
}
.poubelle {
  width:18px;
  height:20px;
  border:none;
}
.content img.cadenas {
  width:10px;
  height:15px;
  border:none;
}
.cover img { /* vignette dans organiser */
  border-radius:0;
  cursor:pointer; /* pour quand on d?clare les ?v?nements en javascript */
}
.dropzone p.cover {
  border:none;
/* z-index:11111; */
}
.dropzone p.cover a {
/* z-index:11111; */
}
.dropzone p.cover img {
  border:none;
  /* z-index:11111; */
}


.dropzone div.check-container {
/*margin-left:27px;position:relative;width:20px; */

height:30px;margin:5px auto 0;width:100%;

}
tr:nth-child(odd)

.dropzone div.check-container p:first-child, .dropzone div.check-container p:nth-of-type(1) {
 float:right;width:40%;height:20px;overflow:hidden;font-size:11px;cursor:help;line-height:10px;
} /* incompr?hensible: si je retire :first-child l'autre ne marche pas et si je retire :nth-of-type(1) :first-child ne marche pas, en tous cas sous firefox */
.dropzone div.check-container p:nth-of-type(2) {
 float:right;width:20%;
} /* https://stackoverflow.com/questions/9550401/select-second-child */

/*
.dropzone div.check-container p { float:left; }
.dropzone div.check-container p:nth-child(odd) {
 width:40%;
}
.dropzone div.check-container p:nth-child(even) {
 width:20%;
}
.dropzone div.check-container p:nth-of-type(3) {
 height:20px;overflow:hidden;font-size:11px;cursor:help;
}
*/

.dropzone div.check-container input[type='checkbox'] { width:20px;height:20px; } /* https://stackoverflow.com/questions/1120879/css-checkbox-input-styling */


@media (max-width: 800px) {
.galien {
width:90px;
font-size:3vw;
}
}
@media (min-width: 800px) and (max-width: 1000px) {
.galien {
font-size:1.5vw;
}
}
@media (min-width: 1000px) and (max-width: 1024px) {
.galien {
font-size:0.9vw;
}
}
/* Portrait */
@media only screen and (max-width: 959px) and (orientation: portrait) {
  .galien {
  	font-size: 1vw;
  	overflow: visible;
  	height: 100%;
  }
}

.nouvel_album, .album_vide {
/*  position:relative; */
}
/*
.nouvel_album::after, .album_vide::after {
*/
.cover.nouvel_album { /* Nouvel album dans ajouter des images */
  cursor:pointer;
  height:20em;background:linear-gradient(#eb01a5, #d13531), url(/images/svg/image_absente.svg);
  /*https://stackoverflow.com/questions/2504071/how-do-i-combine-a-background-image-and-css3-gradient-on-the-same-element*/
}
.cover.nouvel_album > span { /* Nouvel album dans ajouter des images */
  z-index:0;
  position:absolute;
  left:0;
  top:0;
  padding:0.5vw;
  font-size:2vw;
  color:#fff;
}
/* Ci-dessous: Nouvel album dans galerie */
.jsdrp.nouvel_album::after, .jsdrp.album_vide::after { /* Note: important, j'ai placé .nouvel_album via CSS_NEW_ALBUM sur le div contenant .jsdrp sinon on ne pouvait ni droper ni cliquer sur "Nouvel album" car en fait ce qui se passe c'est que "Nouvel album disparait" quand on fait un onmouseover "*/
  font-size:50px;
  content: "Nouvel \a album"; /* https://stackoverflow.com/questions/9062988/newline-character-sequence-in-css-content-property */
  white-space: pre;
/*
  background-color:grey;
*/
  opacity:0.5;
/*
  border-radius:1em;
*/
  z-index:0; /* 99999999 */
  color:#fff;
  position:absolute;
  left:0;
  top:10%;
  margin:28% 0 0 20%;
  /*padding:5%;*/

  text-shadow: grey 2px 5px; /* https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow */
}
.jsdrp.album_vide::after {
  content: "Album \a vide";
}
/**********************/
/* FIN GALERIE */
/**********************/