/*
Vertical Accordions
*/

#content .spectacle-fiche #col-left #vertical_container h1 {
font-size:14px;
text-decoration:none;
}


.accordion_toggle {
display: block;
height: 30px;
width: 460px;
background: url(images/accordion/accordion_toggle.jpg) no-repeat top right #b8D600;
padding: 0 10px 0 10px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #ffffff;
border-bottom: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}


.accordion_toggle_active {
background: url(images/accordion/accordion_toggle_active.jpg) no-repeat top right #ff3a43;
color: #ffffff;
border-bottom: 1px solid #f68263;
}
.accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
text-align:justify;
}
.accordion_content h2 {
margin: 15px 0 5px 10px;
color: #8c0091;
}

.accordion_content div {
padding:0 10px;
text-align:justify;
border:0px solid #F00;
width:460px;
}

.accordion_content div p {
margin: 10px 0;
}

.accordion_content div.calendrier {
text-align:left;
line-height:17px;
}

.vertical_accordion_toggle {
display: block;
height: 30px;
width: 460px;
background: url(images/accordion/accordion_toggle.jpg) no-repeat top right #b8D600;
padding: 0 10px 0 10px;
line-height: 30px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
border-bottom: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
background: url(images/accordion/accordion_toggle_active.jpg) no-repeat top right #ff3a43;
color: #ffffff;
border-bottom: 1px solid #ff3a43;
}

.vertical_accordion_content {
background-color: #ffffff;
color: #444444;
overflow: hidden;
}

.vertical_accordion_content h2 {
margin: 15px 0 5px 10px;
color: #8c0091;
}

.vertical_accordion_content p {
line-height: 150%;
padding: 5px 10px 15px 10px;
}
  
/*
Horizontal Accordion
*/
.horizontal_accordion_toggle {
/* REQUIRED */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */

display: block;
height: 100px;
width: 30px;
background: url(images/accordion/h_accordion_toggle.jpg) no-repeat top left #b8d600;
color: #ffffff;
text-decoration: none;
outline: none;
border-right: 1px solid #cde99f;
cursor: pointer;
margin: 0 0 0 0;
}
.horizontal_accordion_toggle_active {
background: url(images/accordion/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
border-right: 1px solid #ff3a43;
}
.horizontal_accordion_content {
/* REQUIRED */
height: 100px; /* We need to define a height for the accordion as it stretches the width */
float: left; /* This make sure it stays horizontal */
/* REQUIRED */
overflow: hidden;
background-color: #ffffff;
color: #444444;
}
.horizontal_accordion_content p {
width: 450px;
line-height: 150%;
padding: 5px 10px 15px 10px;
}
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }