/*------------------------------------------------*/
/*              EDITE PAR PHILIPPE                */
/* Version pour Joomla 5.0 et Template Cassiopeia */
/*------------------------------------------------*/

@import
url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');

.custom {
  --cassiopeia-color-primary: #4C9630;
  --cassiopeia-color-link: #2F7614;
  --cassiopeia-color-hover: #165100;
}

/* Fond général */
body
{
	background-image: url("../images/Courbes_2.gif");
}

/* Fond de bandeau vertical */
.container-sidebar-left
{
	background-image: url("../images/Bandeau.jpg");
	background-size: 320px;
	padding: 5px 5px 5px 5px;
    
}

/* Police des titres */
h1, h2, h3, h4, h5, h6, .site-title , .brand-logo
{
    font-family: 'Carter One', cursive !important;
	font-size: 1.5em;
}

/* Transparence dans les modules du bandeau vertical */
.card
{
	opacity:0.8; 
	border-radius: 10px;
	border: 1px solid #999999;
}

/* Header Titre du Site */
.container-header
{
	background-color: unset;
	background-image: none;
}
	
.header .container-header a, .header .navbar-brand a
{
	color: darkgreen;
	text-decoration: none;
} 
	
.navbar
{
	background-color: darkgreen;
}
	

/* Titre du site */
.navbar-brand 
{
	xfont-family: Cursive;
	Xfont-size: 3em;
	font-weight: bold;
}

.site-description
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px !important;
	color: black !important;
}

/* Barre de menus */
.navbar-toggler
{
	color : darkgree;
}

	
/* Les liens */
a , .brand {
	color: Green;
}
.brand:hover 
{
	color: DarkGreen;
	font-weight: bold;
}

/* Bloc de texte , fond jaune, bordures arrondis */
.item-content , .item-page
{
	background-color: #FFFFCC; 
	padding: 5px 15px 5px 15px;
	border:  1px solid #999999;
	border-radius: 15px;
	margin-top:5px;
	margin-bottom:5px;
}


/**********************************************/
/*      Styles pour les pré-inscriptions      */
/**********************************************/

div.TableauEvenements
{
	padding: 5px 15px 5px 15px;
	background-color: #FFFFCC; 
	color: #000000; 
	border: 1px solid lightgray;
	border-radius: 15px;
	xoutline: 1px solid red;
}


table.TabEvent
{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	border-collapse: collapse;
	width: 100%;
}

table.TabEvent	tr
{
	border-top: 1px solid dimgray;
}

table.TabEvent	th,
table.TabEvent	td
{
	xoutline:1px solid green;
	line-height: 30px;
}

table.TabEvent	th
{
	font-weight:bold;
}

table.TabEvent form
{
	margin: 0 0 0 0;
}

table.TabEvent	th.date,
table.TabEvent	td.date
{
	width: 90px;
	text-align:center;
}

table.TabEvent	th.libelle,
table.TabEvent	td.libelle
{
	min-width : 200px;
	max-width : 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.TabEvent	td a
{
	vertical-align:middle;
}

div.TableauInscrits
{
	width:300px;
}

table.TabInsc
{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
	background-color: #FFFFCC; 
	color: #000000; 
	background-image: none;
	width: 300px;
	border-collapse: collapse;
	border: 1px solid lightgray;
}

table.TabInsc td.personne
{
	width: auto;
	text-overflow: ellipsis;
}

table.TabInsc select
{
	width: auto;
}

table.TabInsc th.TabInsc_Personne{ width:150px;}
table.TabInsc th.TabInsc_ChoixON { width:90px;}
table.TabInsc th.TabInsc_Texte   { width:200px;}