/* http://www.hongkiat.com/blog/theming-jquery-ui-accordion/ */
body
{
	margin:0;
	padding:0;
    font-family:'Open Sans';
}

h1
{
    text-align:center;
    font-size:1.4em;
    margin-bottom:20px;
    color: #070771;
}

h2
{
	font-size:1.2em;
	text-align:center;
    color:dimgrey;
}

h3
{
    font-size:1em;
}

p
{
	line-height:17px;
}

a
{
   color:#FF5D83;
}

.accordion
{
    width: 80%;
    margin: 20px auto 50px auto;
}


.ui-accordion-header /*Couleur du fond foncé */
{
   font-family:'Open Sans';
}

/* Couleur du topic actif foncé */
.ui-accordion-header.ui-state-active
{
    background-color: #E9954A;
}

.ui-accordion .ui-accordion-header:nth-of-type(odd) {
    background: #0c6640; /* Vert foncé */
    color: white; /* Pour un meilleur contraste */
}

.ui-accordion .ui-accordion-header:nth-of-type(even) {
    background: #D3D3D3; /* Gris Doux */
    color: black; /* Pour un meilleur contraste */
}

.ui-accordion-header:hover
{
   color:whitesmoke;
}

.ui-icon
{
	display:none;
}

.ui-accordion-content a
{
     color: #f1986d;
}

.ui-accordion-content a:visited
{
    color:#f1986d;
}

.ui-accordion-content  {
    
    background-color: white;
    color: black;
    font-size: 0.9em;
    line-height: 16pt;
    border-color:black;
    text-align:justify;
}

.liste
{
  text-align: left;
}

.liste2
{
  text-align: left;
  line-height: 10px;
  color:#00561B ;
  font-size: 14px;
}

#reco
{
    border: 1px dotted black;
    padding: 10px;
    width: fit-content;
}


.ui-accordion-header a:hover {
    color: black;
     background:grey;

}

.ui-accordion-header  {
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0, 0, 0, .2);
    border-left: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top: 1px solid rgba(250, 250, 250, .2);
}


.panel-default > .panel-heading:nth-child(odd){
    background:#00f5f5;
}

.panel-default:nth-of-type(odd) .panel-heading{
    background:#00f5f5;
}

/*-----------------------------------Format mobile-----------------------------------*/
 @media screen and (max-width:767px)
{
	.accordion 
	{
	    width: 100%;
	}

     /* La taille des titres H3*/
     .ui-accordion
     {
         font-size:1em;
     }
	
	.ui-accordion-content  
	{
		font-size:1em
		
	}

}