:root {
  --couleur-texte: #012C22;
  --couleur-texte-opposee: #F7FEE7;
  --couleur-fond: #F2F2EB;
  --couleur-cadres: #B2B2A1;
}

body , nav , .text-warning, .piedDePage, 
#bottom, 
ul.dropdown-menu, 
.fonctions,
.previsualisationConteneur,
#conteneur-modif,
div#Articles,
.lienArticle,
#imgIcone
	{
	background-color: var(--couleur-fond);
	}
.enteteArticle 
	{
	background-color: var(--couleur-fond) !important;
	}
span ( .publiee, .publie, .nonPublie, [class^="icone"] ) 
	{
	background-color: inherit;
	}
.enteteBlogue {
	background-color: transparent;
	}
	
*, [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
	{
	color: var(--couleur-fond)  !important;
	}
	
body.ordinateur {
	background: linear-gradient(rgba(242, 242, 235, 0.8), rgba(242, 242, 235, 0.8)), 
            url('../images/murH.webp');
	background-attachment: fixed !important; 
	background-repeat: repeat !important;
	background-size: 100% auto !important; 
}
body.mobile  {
	background: linear-gradient(rgba(242, 242, 235, 0.8), rgba(242, 242, 235, 0.8)), 
            url('../images/murV.webp');
	background-attachment: fixed !important; 
	background-repeat: repeat !important;
	background-size: auto 100% !important; 
}
	
form, div.encadre, div.fonction, div.sauvegarde
	{
	background-color: var(--couleur-cadres);
	border: 0px solid #05DF72;
	box-shadow: 2px 2px 8px var(--couleur-texte) ;
	}
	
.couverture {
	background: linear-gradient(-8deg, var(--couleur-texte-opposee) 40%, var(--couleur-texte) );
}
	
.couverture h1, .couverture h3, .couverture span, .titreBouton
	{
	color: var(--couleur-texte-opposee) !important;
	}

.attente {
	box-shadow: 6px 8px 8px black;
	background: #DCFCE7 !important;
}
.attente span{
	background: #DCFCE7 !important;
	color: black !important;
}
	
/* menus */
a.dropdown-item:hover 
	{
	border-radius: 20px;
	box-shadow: 1px 1px 3px grey ;
	}
a.text-warning:hover
	{
	color: inherit !important;
	text-shadow: 1px 2px 2px #116045;
	background-color: var(--couleur-fond) !important;
	}
a[target="blank"] {
  color: #34A6F4 !important;
  text-decoration: underline !important;
}

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

/* index des blogues	 */
.indexCache  
	{
	color: #44403B !important;
	}
	
/* commentaire du message */
.encre  
	{
	color: #465C45;
	}
	
.numeroPhoto 
	{
	color: grey !important;
	}
.pswp-caption-title .legendeMiniature  
	{
	color: var(--couleur-fond) !important;
	}
	
input , textarea, select, option 
	{
	background-color: var(--couleur-fond) !important;
	color: var(--couleur-texte) !important;
	}
textarea:focus, textarea:focus-visible,  input:focus {
	box-shadow: 1px 3px 15px grey;
	border: 2px solid grey;
	outline: none;
}
input[type="file"] {
  background: transparent !important;
}

label  
	{
	border-top: 2px solid grey;
	}
	
.blogue	 
	{
	background-color: #012C22;
	border: 1px solid #116045;
	border-radius: 8px;
	box-shadow: 2px 2px 10px grey ;
	color: white !important;
	}
.boutonBlogCourant  
	{
	background-color: #012C22 !important;
	border: 1px solid black;
	color: white !important;
	}
	
.enteteArticle:hover {
	box-shadow: 0px 0px 15px black;
	}

.notifications 
	{
	color: white !important;
	}
	
.blocArticle  
	{
	border: 1px solid #CF7851;
	}
	
.titreArticle, .lienPublie
	{
	background-color: #D1D1C0;
	box-shadow: 2px 2px 10px #ECFCCA ;
	color: var(--couleur-texte) !important;
	}
.lienPublie:hover, .lienEnvironnement:hover
	{
	color: var(--couleur-texte) !important;
	}
	
.lienEnvironnement	 
	{
	background-color: #BBBBBD;
	color: white !important;
	}
	
.limite  
	{
	background-color: grey;
	}
	
.note-bouton, .totalCptPhoto, .cptPhoto,
.publie, .nonPublie
	{
	color: black !important;
	}
.suite  
	{
	color: green !important;
	background-color: transparent !important;
	}

.titreBouton  
	{
	background: #8EC5FF !important;
	}
		
.bouton-action, .bouton
	{
	background-color: #D4D4C3;
	border: 1px solid grey !important;
	}
.bouton-action:hover, .bouton:hover
	{
	background-color: #A1A191 !important;
	border: 0.5px solid grey !important;
	box-shadow: 4px 5px 5px grey;
	transform: scale(1.1);
	transition: all 100ms ease-out;
	}
	
.conteneurDateArticle
	{
	background: linear-gradient(45deg, #F2F2EB, #012C22);
	border-top: 2px solid #D6D3D1;
	}
.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;
}

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