:root {
  --couleur-texte: #D6D3D1;
  --couleur-texte-opposee: #733E0A;
  --couleur-fond: #0C0A09;
}

body , nav , .text-warning, .piedDePage, 
#bottom, 
ul.dropdown-menu, 
.fonctions,
.previsualisationConteneur,
#conteneur-modif,
div#Articles,
.enteteBlogue,
.lienArticle,
#imgIcone
	{
	background-color: var(--couleur-fond);
	}
.enteteArticle 
	{
	background-color: var(--couleur-fond) !important;
	}
span ( .publiee, .publie, .nonPublie, [class^="icone"] ) 
	{
	background-color: inherit;
	}
	
*, [class]:not(
.titreEntete, .description, .slogan, .assistance, 
.recipient, .emetteur, .bulle-aide, .textArticle )
	{
	color: var(--couleur-texte) ;
	}
.text-warning, #imgIcone, 
*:not( [class], select, option, input, textarea, .publiee h4 )
	{
	color: var(--couleur-texte) !important;
	}
.recipient, .emetteur, div .aide, div .aideCache, input, select, 
.lienArticle:hover a,
.consigneAuto
	{
	color: var(--couleur-fond)  !important;
	}
	
a.dropdown-item:hover 
	{
	border-radius: 20px;
	box-shadow: 1px 1px 3px white ;
	}
	
a.text-warning:hover
	{
	color: #E7E5E4 !important;
	background-color: var(--couleur-fond);
	text-shadow: 1px 2px 2px #A6A09B;
	}
a[target="blank"] {
  color: #34A6F4 !important;
  text-decoration: underline !important;
}

.attente {
	box-shadow: 6px 8px 8px black;
	background: #DCFCE7 !important;
}
.attente span{
	background: #DCFCE7 !important;
	color: black !important;
}

.icone:hover {
  color: var(--couleur-texte-opposee);
}

/* index des blogues	 */
.indexCache  
	{
	color: #44403B !important;
	}
.enteteBlogue:hover
	{
	box-shadow: 0px 0px 15px white;
	}	
	
/* commentaire du message */
.encre  
	{
	color: #53EAFD;
	}
td.encre  
	{
	font-weight: 400;
	}
	
.numeroPhoto 
	{
	color: grey !important;
	}
	
form, div.encadre, div.fonction, div.sauvegarde
	{
	background-color: #292524;
	border: 2px solid #44403B;
	box-shadow: 2px 2px 5px #737373 ;
	}
	
input , textarea, select, option 
	{
	background-color: var(--couleur-texte) !important;
	color: var(--couleur-fond) !important;
	}
textarea:focus, textarea:focus-visible,  input:focus {
	box-shadow: 1px 1px 10px var(--couleur-texte);
	border: 3px solid white;
	outline: none;
}
input[type="file"] {
  background: transparent !important;
}

label  
	{
	border-top: 2px solid grey;
	}
	
.blogue	 
	{
	background-color: #1E2939;
	border: 1px solid #737373;
	}
.blogue, .boutonBlogCourant 
	{
	background-color: #1E2939;
	border: 1px solid #737373;
	border-radius: 8px;
	box-shadow: 2px 2px 10px #ECFCCA ;
	}

.ArticlesDeplier 
	{
	box-shadow: 0px 0px 10px white;
	}
	
.enteteArticle:hover {
	box-shadow: 0px 0px 10px white;
	}
	
.titreArticle, .lienPublie
	{
	background-color: #4A5565;
	}
.lienEnvironnement	 
	{
	background-color: #10598A;
	}
	
.lienPublie:hover, .lienEnvironnement:hover, .bulle-aide
	{
	color: black !important;
	}
	
.limite  
	{
	background-color: grey;
	}
	
.note-bouton, .totalCptPhoto, .cptPhoto,
.publie, .nonPublie
	{
	color: black !important;
	}
.suite  
	{
	color: green !important;
	background-color: transparent !important;
	}
	
.couverture {
	background: linear-gradient(-8deg, #44403B 40%, #0C0A09 );
}

.bouton  
	{
	background-color: #52525C;
	border: 1px solid #737373;
	}
.bouton:hover
	{
	background-color: #27272A !important;
	}
	
.bouton-action
	{
	background-color: #149dcc;
	border-color: #149dcc !important;
	}
.bouton-action:hover
	{
	color: #ffffff !important;
	background-color: #0d6786 !important;
	border-color: #0d6786 !important;
	box-shadow: 4px 5px 5px grey;
	transform: scale(1.1);
	}
.bouton-envoyes , .boutonBlanc 
	{
	color: black !important;
	}
	
.conteneurDateArticle
	{
	background: linear-gradient(45deg, #2c3e50, #292524);
	}
.dateArticle
	{
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	}	
.transparent {
	background: linear-gradient( var(--couleur-texte) 40%, transparent ) !important;
	color: var(--couleur-texte) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	}
	
/* Photo */
.dragLigne, .drag {
	background-color: var(--couleur-cadres) !important;
}	
.dragLigne:hover, .drag:hover {
	background-color: var(--couleur-fond) !important;
	box-shadow: 2px 2px 10px grey;
}

.drag img, #enrPhotos img
	{
	border: 1px solid #eee;
	}
	
 /* légendes */
.blocPhoto:focus-within {
	border: 3px solid white;
	box-shadow: 0px 0px 25px white;
 }