/* -----------------------------------------------------------------------
	JOOMLA 4 / Cassiopeia : Personnalisation des styles du site Web
	---------------------
	Fichier créé le 10/11/2022 par RBO
	----------------------------------------------------------------------- */


/* ------------------------------------------------------
   Class 'brand-logo' - Zone du header
   Surcharge pour contrôler les liens
   ------------------------------------------------------ */
.brand-logo a {
	color: navy;
	text-decoration: none; 	
}


/* ------------------------------------------------------
   Classes du Logo du header + titre du site
   Surcharge pour ne pas souligner le texte
   ------------------------------------------------------ */

.container-header .navbar-brand a {
	color: navy;
	text-align: bottom;	/* Valeur de propriété incorrecte */
	text-decoration: none; 
}

.container-header .site-description {
	color: navy;
  	background-image: none;
}

/* Contrôle de la bordure du header */
.container-header .grid-child {
    padding: 0.1em;
}


/* Contrôle de la bordure du champ de recherche */
.container-header .container-search {
    margin-top: 0.2em;
}

/* Contrôle de la barre de menus + recherche */
.grid-child.container-nav {
	background-color: maroon; 
}

/* ------------------------------------------------------
   Class 'container-header ' - Zone supérieure du header
   Surcharge pour contrôler la couleur de fond
   ------------------------------------------------------ */
.container-header {  
  background-color: white;
  background-image: none;
  /*background-image: linear-gradient(to right, #101010, #a5cd9c);*/
}


/* ------------------------------------------------------
   Class 'container-banner ' - Zone globale de l'édito
   Surcharge pour contrôler la hauteur de marge en bas
   ------------------------------------------------------ */
.container-banner {
    margin: 0 0 0rem;
}

.container-banner .banner-overlay {
  height: none;
}

/* ------------------------------------------------------
   Class 'navbar-brand' - Zone du header
   Surcharge pour contrôler la couleur de fond
   ------------------------------------------------------ */
.navbar-brand {
	color:navy;
	background-color: white; 
	width: 100%
}

/* Essai avec un header en mode tableau */
.navbar-brand table {
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 3px;
	background-color: white; 
	width: 100%
}
	
	
/* ------------------------------------------------------
   Zone "Banner" définie dans template.min.css
   Surcharge pour contrôler la hauteur d'image
   ------------------------------------------------------ */

 .container-banner img {
	 display: block; 
	 margin: auto;
	 }
 
 /* Ce style contrôle la hauteur de Banner via la balise height */
 .container-banner .banner-overlay {
	 background-attachment: fixed;
	 background-color: navy;
	 background-origin: padding-box;
	 /* background-position: top,50%; */
	 /* background-position: top 165px left 1px; */
	 background-position: center; 
	 background-repeat: repeat; /* no-repeat; */
	 /* background-size: contain;  */
	 background-size: cover; 
	 color: #fff;
   /* Ce paramètre fixe la hauteur du cartouche de présentation */
	 height: 100%;
	 /* height: 25vh; */ 
   
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
	 }
	 
/* Le style ci-dessous contrôle la présentation du texte de Banner */
 .container-banner .banner-overlay .overlay {
	 align-items: center;
	 background-color: rgba(0,0,0,.5);
	 display: flex;
	 flex-direction: column;
	 height: 100%;
	 justify-content: center;
	 padding-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
	 padding-top: 0.5em;
	 text-align: center;
	 }
	 
 .container-banner .banner-overlay .overlay .text-thin {
	 font-weight:lighter;
	 }

/* Présentation du trait tiré sous le titre de la bannière */
 .container-banner .banner-overlay .overlay .text-thin:after {
	 background:#fff;
	 content:"";
	 display:block;
	 height:3px;
	 margin:0.5rem auto 0.5rem;
	 width:30%;
	 }
	 
 .container-banner .banner-overlay .overlay  .lead {
    margin-left: 10%;
    margin-right: 10%;
	 }

/* ------------------------------------------------------- */
 
 @media screen and (max-height:740px){
	 .container-banner .banner-overlay {
		 height:80vh;
		 }
	 }	
	
	
	
/* ------------------------------------------------------
   Zone "Category-Desc" définie dans template.min.css
   Surcharge pour contrôler la couleur de fond
   ------------------------------------------------------ */

.category-desc {
	background-color: #F0f0f0;	
	}
	
/* ------------------------------------------------------
   Zone "Article" définie dans template.min.css
   Surcharge pour contrôler le titre
   ------------------------------------------------------ */

.page-header h1 {
    background-color: lightyellow;
	border-bottom: solid navy; 
	font-weight: bold;
}
.page-header h2 {
    background-color: #F8f8f8;
	color: navy;
	font-weight: normal;
	text-decoration: none; 
}	

		
/* ------------------------------------------------------
   Liste des articles associés à un tag
   Surcharge pour contrôler le titre
   ------------------------------------------------------ */

.com-tags-tag.tag-category h1 {
	 border-bottom: solid navy; 
	 }	
.com-tags-tag-list.tag-category h1 {
	 border-bottom: solid navy; 
	 }		
	
	

	
/* ------------------------------------------------------
   Zone "Blog" définie dans template.min.css
   Surcharge pour contrôler le haut de chaque accroche
   ------------------------------------------------------ */
.boxed .blog-item {  
	border-top: 1px solid navy;  
  
	box-shadow: 0 0 1px 
      rgba(51,57,66,.1),0 2px 1px 
      rgba(51,57,66,.08),0 5px 1px 
      rgba(51,57,66,.08),inset 0 1px 0 
      var(--cassiopeia-color-primary);
}

	
/* ------------------------------------------------------
   Zone "Blog" définie dans template.min.css
   Surcharge pour contrôler le bas de chaque accroche
   ------------------------------------------------------ */

.blog-item {
	border-bottom: 1px solid navy;   
	/*border-top: 0px;*/
  	box-shadow: 0 0 1px 
      	rgba(51,57,66,.1),0 2px 5px 
      	rgba(51,57,66,.08),0 5px 15px 
      	rgba(51,57,66,.08),inset 0 1px 0 
      	var(--cassiopeia-color-primary);
}

/* ------------------------------------------------------   
   Surcharge pour contrôler le bas de chaque accroche
   ------------------------------------------------------ */

.boxed .blog-item .item-content { 
    padding: 15px;
}
  
.item-content {  
    margin: 10px;
}

h2.item-title a {
    background-color: #F8f8f8;
	color: navy;
	font-weight: normal;
	text-decoration: none; 
}

h2.item-title a:hover {
	text-decoration: underline; 
}
	
/* Filet de séparation du corps du texte */
.text-muted {
	border-bottom: 1px dotted grey;     
}
	
	
/* Cartouche "Lire la suite..." sur fond bleu clair*/

a.btn.btn-secondary {
	background-color: #F0ffff;     
}

/* ------------------------------------------------------
   Class 'warning' - superseeding Normal
   ------------------------------------------------------ */

table.tbl-list {
	background-color: white;  
	border: 0px;
    border-collapse: separate;
  	border-color: grey;
  	border-spacing: 2px;
  	border-style: solid;
	padding-bottom: 1em;
}

.tbl-list td {
	background-color: #F0F0F0; 
    border-collapse: separate;
  	border-spacing: 2px; 
    padding: 2px;
	text-align: left;
	vertical-align: middle;
}


.badge bg-secondary {
	background-color: ivory;  
  	border-color: maroon;
  	border-spacing: 2px;
  	border-style: dotted;
	color: maroon;
}




/* ------------------------------------------------------
   Class 'focus' pour les commentaires à mettre en évidence
   ------------------------------------------------------ */

.eye-catcher {
	background-color: ivory;   
	border: 1px;
  	border-color: maroon;
  	border-spacing: 5px;
  	border-style: dotted;
    padding: 10px;
	text-align: justify;
}

/* ------------------------------------------------------
   Class 'warning' pour affichage de message d'erreur
   ------------------------------------------------------ */

.warning {
	background-color: ivory;   
	border: 1px;
  	border-color: maroon;
  	border-spacing: 5px;
  	border-style: dotted;
	color: grey;
  	/*font-style: italic;*/
    padding: 10px;
}