.accordionContainer{
	width: 100%;
	margin-top:40px;
/*	margin-bottom: 20px; 
	border:	1px solid black;*/
}

div#test-accordion{
/*    margin: 10px;
    border: 1px solid #aaa;*/
}

div#test-accordion2{
    margin-left: 50px;
 
}

div.accordion,div.accordion2 {
	position: relative; /* required for bounding */
}

div.accordion-toggle, div.accordion2, div.toutesLesBonnesPratiques{
	display:block;
    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	background: #fff;   
    cursor: pointer;
    width: 485px;

	border: 1px solid #53a292;
	height: 33px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	margin-bottom: 20px;
	font-family: 'Muli', sans-serif;
	font-size: 25px;
	color: #53a292;
	padding-top: 17px;
	padding-left: 20px;
}

span.accordion-toggle,span.accordion2-toggle, span.toutesLesBonnesPratiques{
	display:block;
    position: relative; /* required for effect */
    /*z-index: 10;		/!* required for effect *!/*/
	background: #fff;   
    cursor: pointer;
    width: 700px;

	border: 1px solid #53a292;
	height: 52px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	margin-bottom: 20px;
	font-family: 'Muli', sans-serif;
	font-size: 25px;
	color: #53a292;
	padding-top: 8px;
	padding-left: 20px;


	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-ms-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;


	-webkit-transition: border-color 0.4s ease;
	-moz-transition: border-color 0.4s ease;
	-ms-transition: border-color 0.4s ease;
	-o-transition: border-color 0.4s ease;
	transition: border-color 0.4s ease;
	}



span.accordion-toggle-active,span.accordion2-toggle-active, div.accordion-toggle-active,div.accordion2-toggle-active{
	/*background: #fff;*/
	border-color:#e3b211;	
	color:#e3b211;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-ms-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;

	-webkit-transition: border-color 0.4s ease;
	-moz-transition: border-color 0.4s ease;
	-ms-transition: border-color 0.4s ease;
	-o-transition: border-color 0.4s ease;
	transition: border-color 0.4s ease;
}

span.accordion-toggle-active span.leftBorder,span.accordion2-toggle-active span.leftBorder{
	background:#e3b211;

}

div.accordion-content,div.accordion2-content{
    overflow: hidden;	/* required for effect */
    /*background: #aaa;*/

}

span.leftBorder, div div.leftBorder{
	width:13px;
	/*height:100%;*/
	background:#53a292;

	margin-left: -20px;
	margin-top: -8px;
	height: 50px;
	
	float:left;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

span.titre-page-map{}

span.nomAccordion{
	margin-left: 30px;
	margin-top: 11px;
	position: relative;
	z-index: 800;
}

div.accordionNiveau2{
	width:800px;
}

div.toutesLesBonnesPratiques{
	width:760px;
}


/****couleurs*******/


/********Violet********/
.accordion2 div.accordionViolet {
	border-color: #a285c5;
	color:#a285c5;
}

div.accordionViolet div.leftBorder{
	background:#a285c5;
}

.accordionNiveau3Violet ul.listeBonnePratiqueAccordion li a{
	color:#a285c5;
}
.accordionNiveau3Violet ul.listeBonnePratiqueAccordion li a div{
	background:#a285c5;
	color:#a285c5;
}

.accordionNiveau3Violet ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#a285c5;
	border-color:#a285c5;
}


/********Violet********/

/********Rouge********/
div.accordionRouge {
	border-color: #ff6a5d;
	color:#ff6a5d;
}

div.accordionRouge div.leftBorder{
	background:#ff6a5d;
}

.accordionNiveau3Rouge ul.listeBonnePratiqueAccordion li a{
	color:#ff6a5d;
}
.accordionNiveau3Rouge ul.listeBonnePratiqueAccordion li a div{
	background:#ff6a5d;
	color:#ff6a5d;
}

.accordionNiveau3Rouge ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#ff6a5d;
	border-color:#ff6a5d;
}


/********Rouge********/

/********Bleu********/
div.accordionBleu {
	border-color: #91c5ee;
	color:#91c5ee;
}

div.accordionBleu div.leftBorder{
	background:#91c5ee;
}


.accordionNiveau3Bleu ul.listeBonnePratiqueAccordion li a{
	color:#91c5ee;
}
.accordionNiveau3Bleu ul.listeBonnePratiqueAccordion li a div{
	background:#91c5ee;
	color:#91c5ee;
}

.accordionNiveau3Bleu ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#91c5ee;
	border-color:#91c5ee;
}

/********Bleu********/

/********Vert********/
div.accordionVert{
	border-color: #68cab6;
	color:#68cab6;
}

div.accordionVert div.leftBorder{
	background:#68cab6;
}

.accordionNiveau3Vert ul.listeBonnePratiqueAccordion li a{
	color:#68cab6;
}
.accordionNiveau3Vert ul.listeBonnePratiqueAccordion li a div{
	background:#68cab6;
	color:#68cab6;
}

.accordionNiveau3Vert ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#68cab6;
	border-color:#68cab6;
}


/********Vert********/
/********Rose********/
div.accordionRose {
	border-color: #e17695;
	color:#e17695;
}

div.accordionRose div.leftBorder{
	background:#e17695;
}

.accordionNiveau3Rose ul.listeBonnePratiqueAccordion li a{
	color:#e17695;
}
.accordionNiveau3Rose ul.listeBonnePratiqueAccordion li a div{
	background:#e17695;
	color:#e17695;
}

.accordionNiveau3Rose ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#e17695;
	border-color:#e17695;
}

/********Rose********/
/********Jaune********/
div.accordionJaune {
	border-color: #e3b211;
	color:#e3b211;
}

div.accordionJaune div.leftBorder{
	background:#e3b211;
}


.accordionNiveau3Jaune ul.listeBonnePratiqueAccordion li a{
	color:#e3b211;
}
.accordionNiveau3Jaune ul.listeBonnePratiqueAccordion li a div{
	background:#e3b211;
	color:#e3b211;
}

.accordionNiveau3Jaune ul.listeBonnePratiqueAccordion li a div.toutesLesBonnesPratiques{
	background:#ffffff;
	color:#e3b211;
	border-color:#e3b211;
}

/********Jaune********/
/****couleurs*******/

ul.listeBonnePratiqueAccordion{
	margin-left:40px;
	margin-bottom: 20px;

}

ul.listeBonnePratiqueAccordion li a:visited,ul.listeBonnePratiqueAccordion li a{ color:#7f7f7f;}

ul.listeBonnePratiqueAccordion li, ul.listeBonnePratiqueAccordion li a{
	margin-bottom: 18px;
	font-size: 15pt;
	text-decoration: none;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-ms-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;	
	line-height:1.2;
}

ul.listeBonnePratiqueAccordion li{

}

ul.listeBonnePratiqueAccordion li:hover, ul.listeBonnePratiqueAccordion li a:hover{

	color:#e3b211;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-ms-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;

}

.puceLiAccordion{
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #e3b211;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.indent{
	margin-left: 35px;
	*margin-right:8px;
	*margin-top:-18px;
}




ul.liste-a-puce-amarc{
	font-family: 'Muli', sans-serif;
	font-size: 14pt;
	line-height: 20pt;
	list-style-image: url('./img/puce-amarc.png');
	margin-left: 60px;
}