:root {
  --couleur-texte: #E4E4F2;
  --couleur-texte-opposee: #733E0A;
  --couleur-fond: rgba(18, 18, 18, 0.8);
}

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;
	}	
	
body.ordinateur
	{
background: 
	linear-gradient(rgba(6, 6, 15, 1) 10%, rgba(6, 6, 15, 0.4)),
	url('../images/cubesH.webp') no-repeat center / 100% 100%;
	background-attachment: fixed;
	min-height: 100vh;
	margin: 0;
	}
body.mobile
	{
background: 
	linear-gradient(rgba(6, 6, 15, 1) 10%, rgba(6, 6, 15, 0.4)),
	url('../images/cubesV.webp') no-repeat right / auto 100%;
	background-attachment: fixed;
	min-height: 100vh;
	margin: 0;
	}
	
.couverture {
	background: linear-gradient(-8deg, #454552CC 40%, #06060FFF );
}

.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);
}

a.dropdown-item:hover 
	{
	border-radius: 20px;
	box-shadow: 1px 1px 3px white ;
	}
a.text-warning:hover
	{
	color: #F7FEE7 !important;
	text-shadow: 1px 2px 2px #A6A09B;
	background-color: var(--couleur-fond) !important;
	}
a[target="blank"] {
  color: #34A6F4 !important;
  text-decoration: underline !important;
}

/* index des blogues	 */
.indexCache  
	{
	color: #44403B !important;
	}
.enteteBlogue:hover
	{
	box-shadow: 0px 0px 15px white;
	}	
	
/* commentaire du message */
.encre  
	{
	color: #53EAFD;
	}
	
.numeroPhoto 
	{
	color: grey !important;
	}
	
form, div.encadre, div.fonction, div.sauvegarde
	{
	background-color: var(--couleur-fond);
	border: 2px solid #44403B;
	box-shadow: 2px 2px 5px #F7FEE7 ;
	}
	
input , textarea, select, option, button
	{
	background-color: var(--couleur-texte) !important;
	color: var(--couleur-fond) !important;
	}
textarea:focus, textarea:focus-visible,  input:focus {
	box-shadow: 5px 5px 20px var(--couleur-texte);
	border: 3px solid var(--couleur-texte);
	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 #FEF9C2;
	}
	
.enteteArticle:hover {
	box-shadow: 0px 0px 10px #FEF9C2;
	}
	
.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;
	}
	
.bouton-action, .bouton 
	{
	background: linear-gradient( -20deg, #A6A7B3 25%, #F5F6FC);
	border-color: #149dcc !important;
	color: var(--couleur-fond) !important;
	}
.bouton-action:hover, .bouton:hover, .boutonContact:hover
	{
	color: #ffffff !important;
	background: linear-gradient( -20deg, var(--couleur-fond) 15%, #F5F6FC);
	border: 1px solid var(--couleur-texte) !important;
	box-shadow: 1px 2px 3px var(--couleur-texte);
	transform: scale(1.1);
	}
.bouton-envoyes , .boutonBlanc 
	{
	color: black !important;
	}
.bouton-action span
	{
	color: var(--couleur-fond) !important;
	}
	
.conteneurDateArticle
	{
	background: linear-gradient(45deg, var(--couleur-fond), var(--couleur-texte));
	}
.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-texte) !important;
	box-shadow: 2px 2px 10px var(--couleur-texte);
}

 /* légendes */
.blocPhoto:focus-within {
	border: 3px solid white;
	box-shadow: 0px 0px 25px white;
 }