/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 05 - Yin-Yang
    - version FR
  -----------------------------------
	pages avec 2 menus accordéon "standard":  ABW1 et ABW2
	tous les programmes, tous les textes Tricef, accueil au besoin
*/
/* 	pour nouvelle offre de cours, couleur différente : 
	#p7ABW 3 + 4 + 5 : pour templates COURS + LISTES 
	Récupérer les codes dans p7ap-VARIA.css
	VERT + ROUGE + BLEU
	copier dans ce document sans les codes de zone comments
	sections trig a ; trig_down ; content
NB: ne rien changer pour W1 et W2  
------------
 si création d'autres W, 
 ajouter numéro 6, 7, etc. aux sections 
	trig a:hover  et  _currentmark 
 = même chose pour tous	*/

.p7AB {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.p7ABtrig {
	margin: 0;
	padding: 0;
}
/* h3 défini pour ici - h4 id = plus petit */ 
.p7ABtrig h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.p7ABtrig h4 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

/* pour plusieurs accordeon panels sur une page = TRIGS class #2, #3, etc
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a

css standard est valide pour W1 et W2 
.p7ABtrig a = noir sur boîte orange
.p7ABtrig a:hover = blanc fond orange,
.p7ABtrig .p7ABtrig_down = color diff quand ouvert
  */
/*le 15px Left padding is set to leave space pour flèche
 = pourrait être diminué.
LEUR font-weight: normal; */

/* GARDER les W1 et W2 version originale 
	pour pages avec 2 menus accordéon :
	tous les programmes + tous les textes Tricef 
	+ accueil au besoin */

#p7ABW1 .p7ABtrig a,
#p7ABW2 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 5px 8px 5px 15px;
	color: #000000;
	font-weight: normal;
	background-color: #FF9900;
	border-top: 1px solid #FFFFFF;
}

/* pour autre couleur, 
 	insère ICI le .p7AB trig a W3, W4 ou W5*/  


/* ------------ */

/* si création d'autres W, ajouter numéro ici */ 
#p7ABW1 .p7ABtrig a:hover,
#p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover,
#p7ABW4 .p7ABtrig a:hover,
#p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover {
	color: #FFFFFF;
}	

.p7ABtrig a:active, .p7ABtrig a:focus {
	outline: 1px dotted #FFCC99;
}

/* TRIG DOWN - 
accordéon principal 1 : bleu foncé 258 = navbar marker (fond-top); 
	 -- refait img/p7ap_yang.gif 
accordéon 2 : il reste orange  */
#p7ABW1 .p7ABtrig .p7ABtrig_down {
	color: #FFFFFF;
	background-image: url(images/p7ap_yang.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #225588;
}

/* pour autre couleur au besoin,
 	insère ICI le .p7AB trig_down W3, W4 ou W5*/  


/* ------------ */

/* --------- suite = CONTENT - menu ouvert --- 
margin originale: 0 20px = côtés
fontsize 12px = comme texte centre
background top = "bevel" ombré 
pour les orange et bleu, image = bevel (bleu)
autres = bevel-v + bevel-r*/

#p7ABW1 .p7ABcontent {
	padding: 15px 15px 0px 15px;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #336699;
	background-image: url(images/p7ap_bevel.jpg); 
	background-repeat: repeat-x;
}
/* CONTENT pour un 2e accordéon orange :
	border orange, sans backgroung (bevel) jpg
	 + sans border-top 
	ex.: tricef-articles, tous les programmes 
*/
#p7ABW2 .p7ABcontent {
	padding: 15px 12px 0px 15px;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #FF9900;
	}
/* pour autre couleur au besoin,
 	insère ICI le p7ABcontent W3, W4 ou W5
	 ------------ */

/*.p7ABcontent h4 ôté*/
.p7ABcontent h2, .p7ABcontent h3 {
	font-size: 14px;
	color: #000000;
	margin: 0px;
	line-height: normal;
}
.p7ABcontent p {
	margin: 0px;
}
/* si création d'autres W, ajouter numéro ici */ 
#p7ABW1 .p7ap_currentmark, 
#p7ABW2 .p7ap_currentmark,
#p7ABW3 .p7ap_currentmark,
#p7ABW4 .p7ap_currentmark,
#p7ABW5 .p7ap_currentmark {
	font-weight: bold;
	color: #003399;
	display: block;
	background-image: url(images/p7ap_east.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: normal;
}

/* ajout pour liens dans les panels : 
	si CHANGÉ ici, 
	copier AUSSI dans p7iqGlobal 
	et dans ajout.css mes orange box*/
.p7ABcontent a:link {
	color: #000066;
	text-decoration: none;
}
.p7ABcontent a:hover {
	color: #0000CC;
	text-decoration: none;
}
.p7ABcontent a:visited {
	color: #003399;
	text-decoration: none;
}
.p7ABcontent a:focus {
	outline: 1px dotted #ccc;
}