:root {
  --couleur-texte: grey;
  --couleur-texte-opposee: #E5E5E5;
  --couleur-fond: white;
  --couleur-cadres: #F5F5F4;
  --couleur-bordure: #737373;
  --couleur-ombre: #737373;
}

/* --------------------- */
/*   Couleur de fond    */
/* --------------------- */
body , nav , 
#bottom, 
#conteneur-modif,
div#Articles,
#imgIcone, 
ul.dropdown-menu, 
.fonctions,
.previsualisationConteneur,
.enteteBlogue,
.text-warning, 
.piedDePage, 
.lienArticle
	{
	background-color: var(--couleur-fond);
	}
	
.enteteArticle 
	{
	background-color: var(--couleur-fond) !important;
	}
	
/* conserve les couleurs d'origine */
span ( .publiee, .publie, .nonPublie, [class^="icone"] ) 
	{
	background-color: inherit;
	}

/* --------------------- */
/*   Couleur de texte    */
/* --------------------- */
*, 
[class]:not(
.titreEntete, .description, .slogan, 
.assistance, 
.bulle-aide, div .aide, div .aideCache,
.icone, 
.texteExifs, 
.notifications, 
.textBlogue  )
	{
	color: var(--couleur-texte) ;
	}
	
*:not( [class], select, option, input, textarea, h4, 
.publiee, 
.bulle-aide, div .aide, div .aideCache ),
.lienArticle:hover a, 
 #imgIcone, 
.recipient, .emetteur, 
.consigneAuto, 
.textArticle,
.text-warning
	{
	color: var(--couleur-texte)  !important;
	}		
	
.pswp-caption-title .legendeMiniature   
	{
	color: var(--couleur-texte-opposee)  !important;
	}

/* --------------- */
/*   Couverture    */
/* --------------- */	
.couverture {
	background: linear-gradient(-8deg, white 60%, #1E1A4D );
}

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

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

a.dropdown-item:hover 
	{
	border-radius: 20px;
	box-shadow: 1px 1px 3px var(--couleur-ombre) !important ;
	}
a.text-warning:hover
	{
	color: #44403B !important;
	/* text-shadow: 1px 2px 2px var(--couleur-ombre); */
	background-color: var(--couleur-cadres) !important;
	}
	
/* --------*/
/* éditeur */
/* ------- */
a[target="blank"] {
  color: #34A6F4 !important;
  text-decoration: underline !important;
}

/* ----------------- */
/* index des blogues */
/* ----------------- */
.indexCache  
	{
	color: #44403B !important;
	}
.enteteBlogue:hover
	{
	box-shadow: 0px 0px 15px var(--couleur-ombre);
	}	
.blocBlogue  
	{
	border: 1px solid rgba( 143, 143, 143, 0.2 );
	}
	
/* ---------------------- */
/* commentaire du message */
/* ---------------------- */
.encre  
	{
	color: #53EAFD;
	}
	
/* -------------- */
/* galerie photos */
/* -------------- */
.numeroPhoto 
	{
	color: #f2d7d5 !important;
	}
	
img.img-fluid  
	{
	border: 0.5px solid var(--couleur-bordure) !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;
	}
	
/* ------------ */
/* encadrements */
/* ------------ */
form, div.encadre, div.fonction, div.sauvegarde
	{
	background-color: var(--couleur-cadres);
	border: 1px solid var(--couleur-bordure);
	box-shadow: 2px 2px 6px var(--couleur-ombre) ;
	}

/* ----------- */
/* formulaires */
/* ----------- */

input:not([type="file"]):not(:disabled) , textarea, select, option 
	{
	background-color: var(--couleur-fond) !important;
	color: var(--couleur-texte) !important;
	border: 1px solid var(--couleur-texte-opposee) !important;
	}
input[type="file"] {
  /* background: transparent !important; */
}

textarea:focus, textarea:focus-visible,  input:focus {
	box-shadow: 0px 0px 10px var(--couleur-texte);
	border: 0.5px solid var(--couleur-cadres);
	outline: none;
}
label, .titre
	{
	border-top: 2px solid #E7E5E4;
	}

/* page tarifs */
.container-table th, .container-table td  
	{
	color: black !important;
	}
	
/* -------------------- */
/* Couleurs des entités */
/* blogues et articles */
/* -------------------- */

.blogue, .boutonBlogCourant 
	{
	background-color: #b0f6fe;
	border: 1px solid var(--couleur-bordure);
	border-radius: 8px;
	box-shadow: 2px 2px 8px var(--couleur-ombre) ;
	}
	
/* Publie */
.titreArticle, .lienPublie
	{
	background-color: #6df2ce;
	}
	
/* Non publié	 */
.lienEnvironnement	 
	{
	background-color: #b0f6fe;
	}
	
.boutonBlogPrive {
	background-color: #FFA2A2 !important;
	color: white !important;
	border-color: transparent !important;
  }
  
.lienPublie:hover, .lienEnvironnement:hover, .publie, .nonPublie 
	{
	color: black !important;
	}
		
/* ------------------ */
/* Liste des articles */
/* ------------------ */
.ArticlesDeplier,
.enteteArticle:hover
	{
	box-shadow: 0px 0px 10px var(--couleur-ombre);
	}

.limite  
	{
	background-color: grey;
	}

/* Messages et notes */
.note-bouton, .totalCptPhoto, .cptPhoto
	{
	color: black !important;
	}
	
/* Texte de dépilement */
.suite  
	{
	color: green !important;
	background-color: transparent !important;
	}

/* ----------- */
/* Les boutons */
/* ----------- */

/* Plus d'info boutons */
.titreBouton  
	{
	background: #8EC5FF !important;
	color: var(--couleur-fond) !important;
	}
	
.bouton-action, .bouton 
	{
	background-color: #149dcc;
	border-color: transparent !important;
	color: var(--couleur-fond) !important;
	}
.bouton-action:hover, .bouton:hover, .boutonContact:hover
	{
	color: #ffffff !important;
	background-color: #0d6786 !important;
	border-color: transparent !important;
	box-shadow: 1px 2px 3px var(--couleur-ombre);
	transform: scale(1.1);
	}
.bouton-envoyes , .boutonBlanc 
	{
	color: black !important;
	}
.bouton-action span:not(.bulle-aide)
	{
	color: var(--couleur-fond) !important;
	}

	
/* -------- */
/* triPhoto */
/* -------- */
.dragLigne, .drag {
	background-color: var(--couleur-cadres) !important;
}	
.dragLigne:hover, .drag:hover {
	background-color: var(--couleur-cadres) !important;
	box-shadow: 2px 2px 10px var(--couleur-ombre);
}	
	
/* -------- */
/* légendes */
/* -------- */
.blocPhoto:focus-within {
	border: 3px solid var(--couleur-bordure);
	box-shadow: 0px 0px 25px var(--couleur-ombre);
 }