/**********************************************************/
/*        Aurore for clubalpin47 (v1.0 - dec 2017)        */
/*        Mod styles Bootstrap template                   */
/**********************************************************/

/* #f96d29 <=> rgb(249,109,41) 	orange
   #f9a780 <=> rgb(249,167,128)	orange_clair
   #d3b50d <=> rgb(211,181,13)	moutarde
   #33b8d3 <=> rgb(51,184,211)	bleu
   #859dc1 <=> rgb(133,157,193)	bleu_ciel
   #ebeff4 <=> rgb(235,239,244)	very_light_bleu
   #a0c318 <=> rgb(160,195,24)	vert
   #584d4b <=> rgb(88,77,75)	dark_brown
   #84726e <=> rgb(132,114,110)	medium_brown
   #dfceca <=> rgb(223,206,202)	light_brown
   #d5d5d5 <=> rgb(213,213,213)	very_light_grey
   #cd492c <=> rgb(205,73,44)	red 
 assortiment...
   #23b4ca <=> rgb(35,180,202)	bleu_clair_meyzieu
   #40af64 <=> rgb(64,175,100)	vert_meyzieu
   #6e45a7 <=> rgb(110,69,167)	violet_meyzieu
   #f7be24 <=> rgb(247,190,36)	jaune_meyzieu
   #de5648 <=> rgb(222,86,72)	orange_meyzieu
   #4775c9 <=> rgb(71,117,201)	bleu_meyzieu
   #91c547 <=> rgb(145,197,71)	vert_pomme_meyzieu
 couleurs des nouvelles icônes d'activités...
	#f8ae01 <=> rgb(248,174,1)	jaune_canyon
	#00b3d4 <=> rgb(0,179,212)	bleu_alpi_ski
	#3aa835 <=> rgb(58,168,53)	vert_rando_vtt
	#226889 <=> rgb(34,104,137)	bleu_poussins
	#eb691d <=> rgb(235,105,29)	orange_escalade
 couleurs de la charte graphique ffcam...
	#678713 <=> rgb(103,135,19)	vert_1_CAF
	#41a62a <=> rgb(65,166,42)	vert_2_CAF
	#7ab51d <=> rgb(122,181,29)	vert_3_CAF
	#97bf0d <=> rgb(151,191,13)	vert_4_CAF
	#1d6989 <=> rgb(29,105,137)	bleu_1_CAF
	#00a5cc <=> rgb(0,165,204)	bleu_2_logo_CAF
	#39a9dc <=> rgb(57,169,220)	bleu_3_CAF
	#4bc0db <=> rgb(75,190,219)	bleu_4_logo_CAF
	#cd4913 <=> rgb(205,73,19)	orange_1_CAF
	#eb691c <=> rgb(235,105,28)	orange_2_CAF
	#f29400 <=> rgb(242,148,0)	orange_3_CAF
	#f9b200 <=> rgb(249,178,0)	orange_4_CAF
	#b3b3b3 <=> rgb(179,179,179)noir_30_CAF		* valeurs douteuses *
	#75787b <=> rgb(117,120,123)noir70_logo_CAF
	#cb3029 <=> rgb(203,48,41)	rouge_logo_CAF
 */


/* SERVER FONTS */
@font-face {
    font-family: 'KaushanScriptRegular'; /* everythingfonts.com generator */
    src: url('/fonts/KaushanScriptRegular.eot?') format('eot'),
         url('/fonts/KaushanScriptRegular.woff2') format('woff2'),
         url('/fonts/KaushanScriptRegular.woff') format('woff'),
         url('/fonts/KaushanScriptRegular.ttf') format('truetype'),
         url('/fonts/KaushanScriptRegular.svg#KaushanScriptRegular') format('svg');
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeueRegular.eot?') format('eot'),
         url('/fonts/BebasNeueRegular.woff2') format('woff2'),
         url('/fonts/BebasNeueRegular.woff') format('woff'),
         url('/fonts/BebasNeueRegular.ttf') format('truetype'),
         url('/fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg');
}
@font-face {
	font-family: 'DINMedium';
	src: url('/fonts/DINMedium.eot');
	src: local('DINMedium'),
		 url('/fonts/DINMedium.woff') format('woff'),
		 url('/fonts/DINMedium.ttf') format('truetype');
}
@font-face {
    font-family: 'arialnarrow';
    src: url('/fonts/arialn-webfont.woff2') format('woff2'),
         url('/fonts/arialn-webfont.woff') format('woff');
}
@font-face {
    font-family: 'aharonibold';
    src: url('/fonts/ahronbd-webfont.ttf') format('truetype'),
		 url('/fonts/ahronbd-webfont.woff2') format('woff2'),
         url('/fonts/ahronbd-webfont.woff') format('woff');
}


/* GENERAL LAYOUT */
body {
	font-family: 'verdana'; /* default size 14px=1em */
	color: #584d4b; /* dark_brown */
}
.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
h1 {
	font: 1.5em 'KaushanScriptRegular';
	text-align: center;
}
h2 {
	font: 3.1em 'BebasNeueRegular', 'arialnarrow';
	text-transform: lowercase;
}
h2::first-letter {
	text-transform: uppercase;	
}
h3 {
	font: 1.6em 'BebasNeueRegular', 'arialnarrow';
}
h4 {
	font: 1.2em 'arialnarrow';
}
h5 {
	font: 1em 'arialnarrow';
}
h2.activitesClub, h3.activitesClub__XXX, h4.activitesClub {
	color: #cd4913; /* orange_1_CAF */	
}
h2.agendaClub, h3.agendaClub__XXX, h4.agendaClub {
	color: #1d6989; /* bleu_1_CAF */	
}
h2.formationsClub, h3.formationsClub__XXX, h4.formationsClub {
	color: #678713; /* vert_1_CAF */
}
h2.fraisMissionClub, h3.fraisMissionClub__XXX, h4.fraisMissionClub {
	color: #678713; /* vert_1_CAF */	
}
h2.tarifsLicenceClub, h3.tarifsLicenceClub__XXX, h4.tarifsLicenceClub {
	color: #678713; /* vert_1_CAF */	
}
h3.bandeau {
	color: #ffffff; 
	margin-bottom: 0px;
	padding: 2px 2px 2px 5px;
}
h3.activitesClub {
	background-color: #cd4913; /* orange_1_CAF */	
}
h3.agendaClub {
	background-color: #1d6989; /* bleu_1_CAF */	
}
h3.formationsClub {
	background-color:  #678713; /* vert_1_CAF */
}
h3.fraisMissionClub {
	background-color:  #678713; /* vert_1_CAF */
}
h3.tarifsLicenceClub {
	background-color:  #678713; /* vert_1_CAF */
}
a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: none;
}
ul.puce {
	_list-style-image: url(/images/ul_puce.png);
	list-style-type: square;
	padding-left: 20px;
	margin-bottom: 0px;
	list-style-position: outside;
}
ul.puceActivite {
    border-left: 5px solid #cd4913; /* orange_1_CAF */	
    list-style-type: none;
    padding: 0px 20px;
}
ul.puceInscription {
    border-left: 5px solid #1d6989; /* bleu_1_CAF */	
    list-style-type: none;
    padding: 0px 20px;
}
ul.puceFormations {
    border-left: 5px solid #678713; /* vert_1_CAF */	
    list-style-type: square;
    padding: 0px 20px;
	list-style-position: outside;
}
ul.puceMentions {
    list-style-type: none;
    margin: 0;
	font-style: italic;
}

/* Fixed menu */
.menuPosition {
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 1000;
	box-shadow: 0px 15px 10px -8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 15px 10px -8px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 15px 10px -8px rgba(0,0,0,0.4);
}
@media (max-width: 768px) {			/* Modifs couleur du sous-menu pour media mobile - 05 déc 2019 */
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #584d4b; /* dark_brown */
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #000;
		background-color: #f5f5f5;
	}
}

/* PARAMETRAGE Minute Sécurité Escalade de Patrick */
/* Styles inclus dans le fichier application/wiew/scripts/activites/index-comptes-rendus.phtml pour d'obscures raisons... */


/* PARAMETRAGE GALERIE PHOTOS DES BENEVOLES */
/* Styles inclus dans le fichier application/layouts/scripts/layout.phtml pour d'obscures raisons... */


/* Boutons de saisie des nouvelles actualités/activités - Modifs : 06 dec 2019 */
.newTask {
	text-align: right;
}
.btn {
	background-color: rgb(29,105,137);	/* bleu_1_CAF */
	border-color: rgb(29,105,137);	/* bleu_1_CAF */
	font-size: 0.8em;
	border-radius: 0px;
	opacity: 0.9;
}
a.btn:hover {
	background-color: rgb(29,105,137);	/* bleu_1_CAF */
	border-color: rgb(29,105,137);	/* bleu_1_CAF */
	opacity: 1;
}


/* Styles possibles des noms d'administrateurs */
.encadrants {
	font-size: 0.8em;
	font-style: italic;
}
.organisateur  {
	font-weight: bold;
}
.responsable {
	font-style: italic;
}


/* TABLEAU DE RESSOURCES DOCUMENTAIRES DE LA PAGE FORMATIONS - 27 nov 2019 */
.formationsPrez {
	font-size: 1em;                  		/* pour diminuer la taille des caractères... */	
}
.prez {
	margin-top: 0px;
	margin-bottom: 5px;
}
.table  > tbody > tr > td.formation {
	border-top: 0px solid #84726e; 			/* medium_brown */
	border-bottom: 0px solid #84726e; 		/* medium_brown */
	padding: 0px;
	vertical-align: middle;
}
a.btnRessources, a.btnRessources:visited {   	/* par défaut et au click  */
	font-size: 1em;
	height: 25px;
	color: inherit;
	background-color: rgba(245,245,245,0);	/* transparent*/
	border-color: rgba(245,245,245,0);	/* transparent*/
}
a.btnRessources:hover, a.btnRessources:focus {  	/* au passage de la souris  et au relachement du click et apres */
	color: #fff;
	background-color: rgba(103,135,19,0.7);	/* vert_1_CAF à 70% */
	border-color:  rgba(103,135,19,0);	/* transparent */
}
.formationsFFCAM {
	font-size: 0.8em;
}


/* TABLEAU DES EXPLICATIONS DES NOTES DE FRAIS ET TELECHARGEMENTS - 22 août 2022 */
.fraisIntroduction {
	font-size: 0.8em;                  		/* pour diminuer la taille des caractères... */	
	padding: 5px;
}
.presentation {
	font-size: 1.2em;                  		/* pour diminuer la taille des caractères... */	
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
.table  > tbody > tr > td.ficheFraisTitre {
	border-top: 1px solid #84726e; 			/* medium_brown */
	border-bottom: 0px;
}
a.btnLoadFicheFrais, a.btnLoadFicheFrais:visited {   	/* par défaut et au click  */
	font-size: 1em;
	color: inherit;
	background-color: rgba(103,135,19,0.2);	/* vert_1_CAF à 20%*/
	border-color: rgba(103,135,19,0.2);	/* vert_1_CAF à 20%*/
	margin-left: 10px;
}
a.btnLoadFicheFrais:hover, a.btnLoadFicheFrais:focus {  	/* au passage de la souris  et au relachement du click et apres */
	color: #fff;
	background-color: rgba(103,135,19,0.7);	/* vert_1_CAF à 70% */
	border-color:  rgba(103,135,19,0.7);	/* vert_1_CAF à 70% */
	margin-left: 10px;
}


/* FORMULAIRES GENERAL LAYOUT - 06 déc 2019 */

/* Image de fond */
.bgImg {
	margin-top: 20px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bgImg.loginForm {			/* Spécifique formulaire de login */
	background-image: url("/images/backgroundForm.jpg");
	min-height: 330px;
}
.bgImg.contactForm {			/* Spécifique formulaire de contact */
	background-image: url("/images/backgroundForm.jpg");
	min-height: 700px;
}
.bgImg.actuForm {			/* Spécifique formulaires Publication nouvelle actualité et Modification actualité  */
	background-image: url("/images/backgroundForm.jpg");
	min-height: 900px;
}
.bgImg.sortieForm {			/* Spécifique formulaires Publication nouvelle sortie et Modification sortie  */
	background-image: url("/images/backgroundForm.jpg");
	min-height: 900px;
}

/* Mise en forme du conteneur des formulaires */
form {
	position: absolute;
	left: 0;
	margin: 0px 20px 20px 20px;
	min-width: 280px;
	max-width: 768px;
	padding: 15px;
	background-color: rgba(255,255,255,0.3);
}
dl.zend_form  {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
_form[action="/dirigeant/publieractu"] {
	max-width: 768px;
}

/* Mise en forme des labels */
label.required, label.optional {
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 0.9em;
	font-weight: normal;
	padding: 5px;	
}
label[for="title"] {
	margin-top: 0px;		/* Annule le margin du style précédent en forçant à 0 */
}
h3.titleForm {				/* Sur-titre du formulaire */
	padding-left: 20px;
	padding-top: 20px;
}
dt#title-label {				/* Titre du formulaire <=> à <H3> - Valable uniquement si ajout d'un élément title ds le formulaire */
	font: 1.6em 'BebasNeueRegular', 'arialnarrow';
}
dd#title-element {			/* Dissimulation d'élément inutile lié à l"insertion du titre dans le formulaire */
	display:none;
}
dt#submit-label {			/* Dissimulation du label du bouton d'envoi pour tous les formulaires */
	display: none;
}
dt#id-label, dd#id-element, dt#id_fs-label, dd#id_fs-element, dt#photo-label, dd#photo-element,  dt#document-label, dd#document-element, dt#auteur-label, dd#auteur-element, dt#grouphoto-label, dt#groupdocument-label {
	display: none;	
}
div.sortieForm  dt#lien-label, div.sortieForm  dd#lien-element, div.sortieForm  dt#titreLien-label, div.sortieForm  dd#titreLien-element, div.sortieForm  dt#ficEdit-label, div.sortieForm  input#ficEdit {
	display: none;     /* WARNING ! DISSIMULATION de champs potentiellement fonctionnels dans le formulaire de sortie */
}
dd#grouphoto-element dl , dd#groupdocument-element dl {
	margin-bottom: 0px;
}
dd#grouphoto-element dt#supprPhoto-label, dd#groupdocument-element dt#supprDoc-label, dt#aRetenir-label {		/* Texte à côté des cases à cocher */
	position: absolute;
	margin-left: 15px;
}
dd#grouphoto-element dd#supprPhoto-element, dd#groupdocument-element dt#supprDoc-element, dd#aRetenir-element  {		/* Mise en forme des cases à cocher */
	position: relative;
	margin-top: 8px;
}
dl.zend_form > dt > label.required::after {				/* Ajout d'une petite astérisque sur les champs obligatoires */
	content: " *";
	color: #cd4913; /* orange_1_CAF */
    font-size: 0.8em;
	vertical-align: text-top;
}

/* Mise en forme des champs */
input, textarea {
	font-size: 0.8em;
}
input[type=text], input[type=password], textarea[id=email], textarea[id=sujet], textarea[id=corps], textarea[id=titre], textarea[id=lieu]  {
	width: 100% !important;
	padding: 5px;
	margin: 5px 0 0px 0;
	border: none;
	background: #f1f1f1;
}
input#ficphoto, input#ficdocument {
    font-size: 0.9em;	
}
input[type=text], input[type=password], textarea[id=email],textarea[id=titre], textarea[id=lieu]  {
	max-height: 30px;
}
input[type=text]:focus, input[type=password]:focus, textarea[id=email]:focus, textarea[id=sujet]:focus, textarea[id=corps]:focus, textarea[id=titre]:focus, textarea[id=lieu]:focus {
	background-color: #ddd;
	outline: none;
}
_dd#lieu-element textarea#lieu, dd#niveau-element input#niveau  {
	max-width : 150px;
}
_@media (min-width: 768px) {			/* Modifs largeur textEdit pour ordi */
	dd#commentaire-element {
		min-width : 600px;
	}
}
div.dijitReset {					/* Champs Date*/
	font-size: 0.9em !important;    
	border: none;
	background: #f1f1f1;
}
input.dijitReset {				/* Champs Date*/
	text-align: center;	
}
div.dijitReset:focus {			/* Focus champs Date*/
	background-color: #ddd !important;
	outline: none;
}

/* Mise en forme des calendriers accessibles depuis les champs Date */
.dijitPopup {
	background: #f1f1f1;
}
table.dijitCalendarContainer {
	border-bottom: 5px solid #1d6989;	/* bleu_1_CAF */
	box-shadow: 5px 5px 8px rgba(0,0,0,0.5);
}
table.dijitCalendarContainer th, table.dijitCalendarContainer td {
	padding: 2px;
	text-align: center;
	font-size: 0.8em;
}
table.dijitCalendarContainer th {
	background-color: #1d6989;	/* bleu_1_CAF */
	opacity: 0.9;
	color: #fff;
}
table.dijitCalendarContainer th.dijitReset {
	font-weight: bold;
}
div.dijitCalendarMonthLabel {
	font: 1.4em 'BebasNeueRegular', 'arialnarrow';
}
span.dijitA11ySideArrow {
	font-size: 1.6em;
}
h3.dijitCalendarYearLabel {
	margin: 2px 0px 2px 0px;
}
span.dijitCalendarSelectedYear {
	background-color: #1d6989;	/* bleu_1_CAF */
	opacity: 0.9;
	color: #fff;	
}
td.dijitCalendarCurrentDate  > span {		/* Mise en gras de la date courante */
	font-weight: bold;
}

/* Mise en forme du Captcha */
dl.zend_form > dd > pre {
	font-size: 0.4em;
	background-color: transparent;
	border: 0px;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
input#captcha-input {
	width: 60% !important;
}

/* Mise en forme du bouton d'envoi */
input[type=submit] {
	background-color: rgb(29,105,137);	/* bleu_1_CAF */
	border-color: rgb(29,105,137);	/* bleu_1_CAF */
	color: #fff;
	padding: 6px 12px;
	border: none;
	cursor: pointer;
	width: 100%;
	opacity: 0.9;
	font-size: 0.8em;
	width: 100% !important;
	vertical-align: middle;
	margin-top: 10px;
}
input[type=submit]:hover {
  opacity: 1;
}

/* Messages d'erreurs */
ul.errors{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
	font-size : 0.8em;
	color: #cd4913 /* orange_1_CAF */
}


/* FORMULAIRES DE CONTACT */
/*_dl.zend_form > dd > input:not([id*="captcha"]) {
	width: 60%;
}
_dl.zend_form > dd > textarea {
	width: 80%;
}
_dl.zend_form > dd > select {
	width: 30%;
}
*/

/* NAVIGATION BAR */
.navbar-collapse {
	font-weight: bold;
	font-variant: small-caps;
	border: none;
}
.navbar {
	margin-bottom: 0;
	border-radius: 0;
}
.navbar-inverse {
	border: none;
	background-color: #d5d5d5; /* very_light_grey */
}
.navbar-inverse .navbar-header {
	margin-left: 0px;
	margin-right: 0px;
}
.navbar-inverse .navbar-nav > li > a {
	color: #584d4b;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	color: #fff;
	background-color: #584d4b;	
}
.navbar-inverse .navbar-toggle {
	background-color: #584d4b;
}
.navbar-toggle {
	border: none;
}


/* LOGO */
img.cafLogo {
	height: 100%;	
}
.navbar-brand{
	padding: 10px 10px 10px 10px;;
}


/* PICTOGRAMS WITHIN TABLES */
img.picto {
	width: 30px;
	box-shadow: 2px 2px 5px #84726e;
	-moz-box-shadow: 2px 2px 5px #84726e;  
	-webkit-box-shadow: 2px 2px 5px #84726e;  
}


/* CAROUSEL */
.carousel-inner {
	border-bottom: 5px solid #84726e; /* medium_brown */
	border-top: 5px solid #84726e; /* medium_brown */
}
.carousel-inner img {
	width: 100%; /* Set width to 100% */
	margin: auto;
	min-height:200px;
}
/* Hide the carousel when the screen is less than 768 pixels wide */
@media (max-width: 768px) {
	.carousel {
		display: none; 
	}
}


/* CONTROLS PAGES */
.controls {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 0.8em;
}


/* BANNERS et PHOTOS */
@media (max-width: 768px) {
	.bannerVertical {
		display: none; 
	}
}
@media (max-width: 768px) {
	.photoActivite {
		display: none; 
	}
}
@media (min-width: 768px) {
	.bannerHorizontal {
		display: none; 
	}
	.bannerHorizontalActivites {
		display: none;
	}
}
.bannerHorizontal {
	margin-left: -15px;
	margin-right: -15px;
}
/* photos verticales dans les pages Activités */
.photoActivite > img.next {
	margin-bottom: 10px;
}
/* photos des pages Activités injectées dans le texte en mode Smartphone */
.bannerHorizontalActivites {
	margin-left: 0 px;
	margin-right: 0 px;
}



/* PANEL ALERT */
.alert-info {
	background-color: rgb(156,156,156,0.1);
	color: rgb(203,48,41);
	_color:  rgb(96,96,96);
	font-size: 0.8em;
	border-radius: 0px;
	border-width: 0px 0px 0px 10px;
	border-color: rgb(203,48,41);
	_border-color: rgb(156,156,156);
	padding: 10px;
}



/* COLLAPSE-EXPAND SOUS-PARAGRAPHES */
.ssParagrapheTitre {
	color: #678713; /* vert_1_CAF */	
	font-family: arialnarrow;
	font-size: 1.2em;
	font-weight: bold;
}
.ssParagrapheTexte {
	padding-left: 20px;
	border-left-style: dotted;
}

/* ACTUALITES */
#actu {
	margin-bottom: 20px;
	border-bottom: 1px solid #84726e; /* medium_brown */
}
#actu .title {
	font: 1.5em 'BebasNeueRegular', 'arialnarrow';
	text-transform: uppercase;
	background-color : #84726e; /* medium_brown */
	color: #fff;
	padding: 10px 15px;
}
#actu .row {
    margin-right: 0px;
	margin-left: 0px; /* 30-10-2018 */
}
/* photo masquée en mode smartphone 
@media (max-width: 768px) {
    #actu .photo {
        display: none;
		padding-left: 0px;  /* 30-10-2018 *
    }
} */

/* photo affichée en mode smartphone 22-07-2024 */
@media (max-width: 768px) {
    #actu .row  {
		border: 1px solid #84726e; /* medium_brown */
	}
    #actu .row >.photo {
		max-width: 100%;
 		padding: 0px;
		display:flex;
		justify-content: center;
	}
   #actu .row >.photo> img {
		object-fit: fill;
		width: 100%;
	}
 	#actu .title {
		text-align: center;
		padding: 2px 4px;
	}
}
/* fin de la modif */

#actu .photo {
    padding-top: 10px;
    padding-bottom: 10px;
}
#actu .text {
	font-size: 0.9em;
	padding: 10px 15px;
	background-color : rgba(213,213,213,0.1); /* very_light_grey */
}
#actu .text:hover {
	background-color : rgba(213,213,213,0.3); /* very_light_grey */
}


/* AFFICHAGE DES PANELS VERTICAUX A DROITE DE L'ECRAN D'ACCUEIL */
.panel {
	border-radius: 0px;
}
/* Positionnement des triangles de décoration sous le titre des panels */
.panel-heading  > .triangle, .panel-body  > .triangle {
	display: block;
	position: absolute;
	left: 47%;
	margin: 0px;
	padding: 0px;
}
.panel-heading  > .triangle {
	z-index: 2;
}
.panel-body  > .triangle {
	margin-top: -21px;
	z-index: 1;
}

/* Parametres généraux aux 3 panels : Prochaines sorties (nextTrip), Prêt matériel (matos) et Covoiturage (covoit) */
#nextTrip, #matos, #covoit {
	border: 0px;
}
#nextTrip > .panel-heading, #matos > .panel-heading, #covoit > .panel-heading {
	border-radius: 0px;
	border-bottom: 5px solid #fff;
	font: 1.5em 'BebasNeueRegular', 'arialnarrow';
	text-transform: uppercase;
	color: #fff;
	padding: 10px 15px; /* mêmes que pour #actu .title */
}
#nextTrip > .panel-body, #matos > .panel-body, #covoit > .panel-body {
	border-radius: 0px;
	font-size: 0.8em;
}
#nextTrip > .panel-footer, #matos > .panel-footer, #covoit > .panel-footer {
	border-radius: 0px;
}
/* Paramètrages des couleurs pour chaque panel avec canal alpha */
#nextTrip > .panel-heading {
	background-color: rgb(29,105,137); /* bleu_1_CAF */
}
#nextTrip > .panel-body, #nextTrip > .panel-footer {
	background-color: rgba(29,105,137,0.1); /* bleu_1_CAF */
}
#matos > .panel-heading {
	background-color: rgb(205,73,19); /* orange_1_CAF */
}
#matos > .panel-body, #matos > .panel-footer {
	background-color: rgba(205,73,19,0.1); /* orange_1_CAF */
}
#covoit > .panel-heading {
	background-color: rgb(103,135,19); /* vert_1_CAF */
}
#covoit > .panel-body, #covoit > .panel-footer {
	background-color: rgba(103,135,19,0.1); /* vert_1_CAF */
}
/* Paramètres spécifiques au panel Prochaines sorties */
#nextTrip #dateDebut {
	font-family: 'arial';
	font-weight: bold;
	background-color: rgba(29,105,137,0.7); /* bleu_1_CAF */
	color: #fff;
	padding: 1px 5px;
}
#nextTrip > .panel-footer {
	font-family: 'BebasNeueRegular', 'arialnarrow';
	font-size: 1.2em;
	border-top: 0px;
	text-align: center;
}
/* Paramètres spécifiques aux "sous-panels" affichant les packs dans Pret de materiel */
.pack {
	padding-left: 5px;
	padding-right: 5px;
	border: 0px;
	background-color: transparent;
}
.packSortie > div {
	background-color: rgb(0,179,212) !important; /* bleu_alpi_ski */
}
.packCanyon > div {
	background-color: rgb(248,174,1) !important; /* jaune_canyon */
}
.packSecurite > div {
	background-color: rgb(0,179,212) !important; /* bleu_alpi_ski */
}
.paveBleuClair > div {
	background-color: rgb(0,179,212) !important; /* bleu_alpi_ski */
}
.paveJaune > div {
	background-color: rgb(248,174,1) !important; /* jaune_canyon */
}
.paveBleuFonce > div {
	background-color: rgb(34,104,137) !important; /* bleu_poussins */
}
.pack > div.panel-heading, .pack > div.panel-footer {
	color: #fff;
}
.pack  > .panel-heading, .pack > .panel-body, .pack > .panel-footer {
	text-align: center;
	border-radius: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding: 5px;
}
.pack  > .panel-heading {
	font: 1.5em 'BebasNeueRegular';
	text-transform: uppercase;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.pack > .panel-body  {
	font: 1em 'arial';
}
p.packTarif {
	margin-bottom: 0px;	
}
.pack > .panel-footer  {
	font: bold 1em 'arial';
}
.pack > .panel-body, .pack > .panel-body > .packTarif, .panel > .panel-footer {
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}
.pack > .panel-body > .packTarif, .pack:hover > .panel-body  > img {
	display: none;
}
.pack:hover > .panel-body > .packTarif {
	display: block;
}
.packSortie:hover > div {
	background-color: rgb(0,179,212); /* bleu_alpi_ski */
	color: #fff; 
}
.packCanyon:hover > div {
	background-color: rgb(248,174,1); /* jaune_canyon */
	color: #fff; 
}
.packSecurite:hover > div {
	background-color: rgb(0,179,212); /* bleu_alpi_ski */
	color: #fff; 
}
.paveBleuClair:hover > div {
	background-color: rgb(0,179,212); /* bleu_alpi_ski */
	color: #fff; 
}
.paveJaune:hover > div {
	background-color: rgb(248,174,1); /* jaune_canyon */
	color: #fff; 
}
.paveBleuFonce:hover > div {
	background-color: rgb(34,104,137); /* bleu_poussins */
	color: #fff; 
}
.pack:hover > div.panel-heading, .pack:hover > div.panel-footer {
	color: rgb(205,73,19); /* orange_1_CAF */
}
/* Paramètres spécifiques au panel Covoiturage (tableau d'affichage du calcul du tarif de remboursement km) */
#covoit .table-responsive {
	margin-bottom: 5px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
#covoit .table > tbody > tr > td {
	font-style: italic;	
	vertical-align: middle;
	padding: 0px;
	text-align: center;
	border: 0px;
}
#covoit .table > tbody > tr > td.cross, #covoit .table > tbody > tr > td.equal {
	font-style: normal;
	font-weight: bold;
	padding: 0px 1px;
}
#covoit .table > tbody > tr > td.denominateur {
	border-top: 1px solid #ccc;
}
#covoit .table > tbody > tr > td.result {
	width: 18%;
}



/* PARAMETRAGE IFRAME DE L'APPLI DE GESTION DES SORTIES FFCAM */




/* TABLEAUX DES AGENDAS POUR CHAQUE ACTIVITE, POUR LE PROGRAMME GENERAL ET POUR LA LEGENDE DES TABLEAUX */
.table {
	margin-bottom: auto;
	border: 0px;
}
.tableRevues {
	width: auto;
}
th, td {
	font-size: 0.8em;
	border-top: 1px solid #84726e; /* medium_brown */
	border-bottom: 1px solid #84726e; /* medium_brown */
}
th {
	background-color: rgb(122,122,122,0.5); 
	/*background-color: #84726e; /* medium_brown */
	color: #fff;
}
th.tableauAgendaClub {
	border-top: 1px solid #1d6989; /* bleu_1_CAF */
	border-bottom: 1px solid #1d6989; /* bleu_1_CAF */
	background-color: #1d6989; /* bleu_1_CAF */
	color: #fff;
}
th.tableauActivitesClub {
/*	border-top: 1px solid #cd4913; /* orange_1_CAF */
/*	border-bottom: 1px solid #cd4913; /* orange_1_CAF */
/*	background-color: #cd4913; /* orange_1_CAF */
	border-top: 1px solid #7a7a7a; /* gris */
	border-bottom: 1px solid #7a7a7a; 
	background-color: #7a7a7a; 
	color: #fff;
}
th.tableauFormationsClub {
/*	border-top: 1px solid #678713; /* vert_1_CAF */
/*	border-bottom: 1px solid #678713; /* vert_1_CAF */
/*	background-color: #678713; /* vert_1_CAF */
	border-top: 1px solid #7a7a7a; /* gris */
	border-bottom: 1px solid #7a7a7a; 
	background-color: #7a7a7a; 
	color: #fff;
}
.maxWidthCommentaire {
	max-width: 530px;
}
.legende {
	margin-left: 5px;
	margin-top: 10px;
}
.legende > tbody > tr > td  {
	border: 0;
}
.legende > tbody > tr > td.caseCouleur {
	width: 28px;
}
.caseCouleur, .sejourARetenir > td {
	background-color: rgba(205,73,19,0.1); /* orange_1_CAF */
}
@media (max-width: 768px) {
	.colNiveau {
		display: none; /* gt IE8 */
	}
	.colPictoEtNiveau {
		display: inherit; /* gt IE8 */
		max-width: 40px;
	}
}
@media (min-width: 768px) {
	.colPictoEtNiveau {
		display: none; /* gt IE8 */
	}
}

/* TABLEAU DES LICENCES */
h3 > span#minuscule { /* no longer used */
	font: italic 0.8em 'arialnarrow';
	color: #cd492c; /* red */
}
.licence  > tbody > tr > th, .licence > tbody > tr > td {
	border-top: 1px solid #d5d5d5; /* very_light_grey */
	border-bottom: 1px solid #d5d5d5; /* very_light_grey */
}
.licence  > tbody > tr > th {
/*	background-color: #678713; /* vert_1_CAF */
	background-color: #7a7a7a;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
th#tarifCat {
	width: 2%;
}
th#tarifAge {
	width: 38%;
}
td#tarifAvecAP, td#tarifSansAP, td#tarifReduitAvecAP, td#tarifReduitSansAP {
	width: 12%;
}
td#tarifAvantMai,td#tarifApresMai, td#tarifSansAP, td#tarifReduitSansAP, td#tarifAvecAP, td#tarifReduitAvecAP {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}
td#tarif_blank {
/*	background-color: rgb(103,135,19,0.1); /* vert_1_CAF */	
	background-color: rgb(122,122,122,0.1);
}
td#tarifAvantMai,td#tarifSansAP, td#tarifAvecAP {
/*	background-color: rgb(103,135,19,0.2); /* vert_1_CAF */	
		background-color: rgb(122,122,122,0.2);
}
td#tarifApresMai, td#tarifReduitSansAP, td#tarifReduitAvecAP {
/*	background-color: rgb(103,135,19,0.1); /* vert_1_CAF */
	background-color: rgb(122,122,122,0.1);
}
td#tarifNumber {
	text-align: center;
}
.legendeLicence {
	font-size: 0.8em;
	font-style: italic;
}


/* TABLEAU DES COTATIONS */
.cotation {
	border-left: 1px solid #d5d5d5; /* very_light_grey */
	border-right: 1px solid #d5d5d5; /* very_light_grey */
}
.cotations {
	border-left: 1px solid #d5d5d5; /* very_light_grey */
	text-align: center;
}
.cotationActivite {
	font-weight: bold;
}
.cotationActiviteLevel2 {
	font-style: italic;
}
.noLine {
	border-bottom: none;
}


/* FOOTER DES BLOCS RENVOYANT AUX DIFFERENTES ACTIVITES */
footer.bannerActivites {
	background-color: #584d4b; /* dark_brown */
} 
footer.bannerActivites  > div.activites {
	margin-top: 20px;
	padding-top: 15px;
}
div.activites  .panel-heading {
	font: 1.4em 'BebasNeueRegular', 'arialnarrow';
	/*font-variant: small-caps;*/
	text-align: center;
	color: #fff;
}
@media (max-width: 768px) {
	.activite {
		padding-left: 5px;
		padding-right: 5px;
	}
}
.activite > a > .panel {
	border: 0px;
}
#rando .panel-heading, #alpi .panel-heading, #escalade .panel-heading, #canyon .panel-heading, #skiRando .panel-heading, #velo .panel-heading, #secu .panel-heading, #familles .panel-heading, #formations .panel-heading, #rando .panel-body, #alpi .panel-body, #escalade .panel-body, #canyon .panel-body, #skiRando .panel-body, #velo .panel-body, #secu .panel-body, #familles .panel-body, #formations .panel-body {
	border: 0px;	
	border-radius: 0px;
	padding: 0px;
}
#rando  > div {
	background-color: #859dc1; /*bleu_ciel*/	
}
#alpi  > div {
	background-color: #f96d29; /*orange*/
}
#escalade  > div {
	background-color: #cd492c; /*red*/
}
#canyon  > div {
	background-color: #d3b50d; /*moutarde*/
}
#skiRando  > div {
	background-color: #23b4ca; /*bleu_clair_meyzieu*/
}
#velo  > div {	/* bloc supprimé en 2023 par manque de combattants - remplacé par un bloc Prévention-Sécu */
	background-color: #91c547; /*vert_pomme_meyzieu*/
}
#secu  > div {
	background-color: #91c547; /*vert_pomme_meyzieu*/
}
#familles  > div {
	background-color: #6e45a7; /*violet_meyzieu*/
}
#formations  > div {
	background-color: #f7be24; /*jaune_meyzieu*/
}
#rando:hover  > div, #alpi:hover  > div, #escalade:hover  > div, #canyon:hover  > div, #skiRando:hover  > div, #velo:hover  > div, #secu:hover  > div, #familles:hover  > div, #formations:hover  > div {
	background-color: #fff;
}
#rando  > div.panel-body, #alpi  > div.panel-body, #escalade  > div.panel-body, #canyon  > div.panel-body, #skiRando  > div.panel-body, #velo  > div.panel-body, #secu  > div.panel-body, #familles  > div.panel-body, #formations  > div.panel-body {
	transition-duration: 1s;
	-webkit-transition-duration: 1s; /* for Safari */
}
#rando:hover  > div.panel-body, #alpi:hover  > div.panel-body, #escalade:hover  > div.panel-body, #canyon:hover  > div.panel-body, #skiRando:hover  > div.panel-body, #velo:hover  > div.panel-body, #secu:hover  > div.panel-body, #familles:hover  > div.panel-body, #formations:hover  > div.panel-body {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
#rando:hover  > div {
	color: #859dc1; /*bleu_ciel*/
}
#alpi:hover  > div {
	color: #f96d29; /*orange*/
}
#escalade:hover  > div {
	color: #cd492c; /*red*/
}
#canyon:hover  > div {
	color: #d3b50d; /*moutarde*/
}
#skiRando:hover  > div {
	color: #23b4ca; /*bleu_clair_meyzieu*/
}
#velo:hover  > div {	/* bloc supprimé en 2023 par manque de combattants - remplacé par un bloc Prévention-Sécu */
	color: #91c547; /*vert_pomme_meyzieu*/
}
#secu:hover  > div {
	color: #91c547; /*vert_pomme_meyzieu*/
}
#familles:hover  > div {
	color: #6e45a7; /*violet_meyzieu*/
}
#formations:hover  > div {
	color: #f7be24; /*jaune_meyzieu*/
}


/* FOOTER ADDRESSES & PARTNERS */
footer.addressesBanner {
	background-color: #d5d5d5; /* very_light_grey */
}
footer.addressesBanner > div.addresses {
	font-size: 0.8em;
}
.bloc {
	padding-left: 0px;
}
.addressBloc {
	display: inline-block;
}
.addressBloc > dt {
	font-size: 1.1em;
	padding-bottom: 5px;
}
.addressBloc > dd {
	padding-left: 15px;
}
.addressTitle {
	font: 2.5em 'BebasNeueRegular', 'arialnarrow';
	font-variant: small-caps;
	color: #00a5cc; /* bleu_2_logo_CAF */
}
.partenaire {
	display: inline-block;
	padding-right: 10px;
}
.bordure {
	border-top: 1px solid #84726e; /* medium_brown */
	padding-top: 15px;
	padding-bottom: 15px;
}
@media (min-width: 768px) {
	.bordure > div {
		padding-left: 5px;
		padding-right: 5px;
	}
	.cafLogoFooter {
		padding-left: 5px;
	}
}
.footerCentre {
	font-weight: bold;
}
.footerDroit {
	float: right;
	font-style: italic;
}
@media (max-width: 768px) {
	.footerDroit {
		float: left;
	}
	.cafLogoFooter {
		padding-left: 15px;
	}
}


/* ESPACE PRIVE */

/* Boîte à outils */
.toolBoxPanel-1 {
	border-color: rgb(205,73,19); /* orange_1_CAF */
	background-color: rgb(205,73,19);
}
.toolBoxPanel-2 {
	border-color: rgb(29,105,137); /* bleu_1_CAF */
	background-color: rgb(29,105,137);
}
.toolBoxPanel-3 {
	border-color: rgb(103,135,19); /* vert_1_CAF */
	background-color: rgb(103,135,19);
}
.toolBoxPanel-4 {
	border-color: rgb(248,174,1); /* jaune_canyon */
	background-color: rgb(248,174,1);
}
.toolBoxPanel-5 {
	border-color: rgb(64,175,100); /* vert_meyzieu */
	background-color: rgb(64,175,100);
}
.toolBoxPanel-6 {
	border-color: rgb(110,69,167); /* violet_meyzieu */
	background-color: rgb(110,69,167);
}
.toolBoxPanel-7 {
	border-color: rgb(222,86,72); /* orange_meyzieu */
	background-color: rgb(222,86,72);
}
.toolBoxPanel-8 {
	border-color: rgb(71,117,201); /* bleu_meyzieu */
	background-color: rgb(71,117,201); /* bleu_meyzieu */
}
.toolBoxPanel-FAQ {
	background-color: rgb(240,240,240,1.0);
	border-width: 0px !important;
	_border-color: rgb(240,240,240,1.0) !important;
}
.toolBoxPanelGroup-FAQ {
	margin-bottom: 0px;
	border-width: 0px !important;
}
.toolBoxItem-FAQ {
	border-width: 0px !important;	
}
.toolBoxHeading {
	border-radius: 0px;
	color: rgb(255,255,255);
}
.toolBoxFooter {
	font-size: 0.8em;
	font-style: italic;
	background-color: rgb(240,240,240,1.0);
	border-radius: 0px;
	border-top-color: rgb(166,166,166,1.0);
	border-top-style: solid;
	border-top-width: 3px}
.toolBoxItem {
	font-size: 0.8em;
	border-radius: 0px;
}
.toolBoxItemTitle {
	font-weight: bold;
	background-color: rgb(240,240,240,1.0);
}
.toolBoxQuestion {
	padding: 0px;
	background-color: rgb(240,240,240,1.0) !important;
	border-width: 0px !important;
	padding-bottom: 3px;
}
.toolBoxAnswer {
	padding: 0px;
	font-weight: normal;
	background-color: rgb(240, 240, 240) !important;
	border-width: 0px !important;
	padding-left: 20px;
	padding-bottom: 8px;
}
h4.panel-title {
	font-family: "BebasNeueRegular", "arialnarrow";
	text-transform: uppercase;
	font-size: 1.5em;
	_font-weight: bold;
	color: #fff;
	_padding: 10px 15px;	
}
ul#toolBoxItemSommaire
{
margin: 0;
padding: 0;
border: 0;
}

ul#toolBoxItemSommaire li
{
list-style-position: outside;
margin-left: 10px;
}
.commentFAQ {
	font-style: italic;
	color: rgb(150,150,150);
}