@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	/*border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
}



/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	/*font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;*/
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}




/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
/*.CollapsiblePanelContent {
	border-left:2px dashed #819fc3;
	margin: 0px;
	padding:0 0 0 5px;
}*/

#section1content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #FE6FA4;
	border-bottom:2px dashed #FE6FA4;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section2content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #FFE96F;
	border-bottom:2px dashed #FFE96F;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section3content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #BDB6D8;
	border-bottom:2px dashed #BDB6D8;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section4content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #1EB4D9;
	border-bottom:2px dashed #1EB4D9;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section5content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #23B2A0;
	border-bottom:2px dashed #23B2A0;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section6content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #86CD55;
	border-bottom:2px dashed #86CD55;
	margin: 0px;
	padding:5px 8px 0 8px;
}

#section7content.CollapsiblePanelContent {
	background:transparent url(../images/white_bg.png);
	border-left:2px dashed #FCB972;
	border-bottom:2px dashed #FCB972;
	margin: 0px;
	padding:5px 8px 0 8px;
}

/*============================

		Section contact

=============================*/





/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	/*color: black;*/
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */

#sect_1.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #FE6FA4 dashed 2px;
	background-color: #FCE1EA;
}

#sect_2.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #FFE96F dashed 2px;
	background-color: #FFF5C8;
}

#sect_3.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #BDB6D8 dashed 2px;
	background-color: #F1F0F8;
}

#sect_4.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #1EB4D9 dashed 2px;
	background-color: #C0EBF1;
}

#sect_5.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #23B2A0 dashed 2px;
	background-color: #CDEDE8;
}

#sect_6.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #86CD55 dashed 2px;
	background-color: #D0EABB;
}

#sect_7.CollapsiblePanelOpen .CollapsiblePanelTab {
	border: #FCB972 dashed 2px;
	background-color: #FFEEE0;
}

/*============================

		Section contact

=============================*/





/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

/*.CollapsiblePanelClosed .CollapsiblePanelTab {
 border:#E0E4EC solid 1px;
}*/
/* Modifications pour chaque secteur*/


#section1tab.CollapsiblePanelClosed, #section1tab.CollapsiblePanelTab {
 background-color:#FE6FA4;
 border:#E0E4EC solid 1px;
}
#section2tab.CollapsiblePanelClosed, #section2tab.CollapsiblePanelTab {
 background-color:#FFE96F;
 border:#E0E4EC solid 1px;
}
#section3tab.CollapsiblePanelClosed, #section3tab.CollapsiblePanelTab {
 background-color:#BDB6D8;
 border:#E0E4EC solid 1px;
}
#section4tab.CollapsiblePanelClosed,  #section4tab.CollapsiblePanelTab {
 background-color:#1EB4D9;
 border:#E0E4EC solid 1px;
}
#section5tab.CollapsiblePanelClosed, #section5tab.CollapsiblePanelTab {
 background-color:#23B2A0;
 border:#E0E4EC solid 1px;
}
#section6tab.CollapsiblePanelClosed, #section6tab.CollapsiblePanelTab {
 background-color:#86CD55;
 border:#E0E4EC solid 1px;
}
#section7tab.CollapsiblePanelClosed, #section7tab.CollapsiblePanelTab {
 background-color:#FCB972;
 border:#E0E4EC solid 1px;
}







/*============= H2 =================*/


#section1tab.CollapsiblePanelClosed h2, #section1tab.CollapsiblePanelTab h2 {
color:#000;
margin-left:5px;
}
#section2tab.CollapsiblePanelClosed h2, #section2tab.CollapsiblePanelTab h2 {
 color:#000;
 margin-left:5px;
}
#section3tab.CollapsiblePanelClosed h2, #section3tab.CollapsiblePanelTab h2 {
 color:#000;
 margin-left:5px;
}
#section4tab.CollapsiblePanelClosed h2,  #section4tab.CollapsiblePanelTab h2 {
 color:#000;
 margin-left:5px;
}
#section5tab.CollapsiblePanelClosed h2, #section5tab.CollapsiblePanelTab h2 {
color:#000;
margin-left:5px;
}
#section6tab.CollapsiblePanelClosed h2, #section6tab.CollapsiblePanelTab h2 {
 color:#000;
 margin-left:5px;
}
#section7tab.CollapsiblePanelClosed h2, #section7tab.CollapsiblePanelTab h2 {
 color:#000;
 margin-left:5px;
}


/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */



#section1tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FCE1EA;
	border: #FE6FA4 solid 1px;
}

#section2tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FFF5C8;
	border: #FFE96F solid 1px;
}

#section3tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #F1F0F8;
	border: #BDB6D8 solid 1px;
}

#section4tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #C0EBF1;
	border: #1EB4D9 solid 1px;
}

#section5tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CDEDE8;
	border: #23B2A0 solid 1px;
}

#section6tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #D0EABB;
	border: #86CD55 solid 1px;
}

#section7tab.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #FFEEE0;
	border: #FCB972 solid 1px;
}




/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */


#sect_1.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#FE6FA4;
}


#sect_2.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#FFE96F;
}


#sect_3.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#BDB6D8;
}


#sect_4.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#1EB4D9;
}

#sect_5.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#23B2A0;
}


#sect_6.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#86CD55;
}

#sect_7.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color:#FCB972;
}

















/*============================

		Section contact

=============================*/



/*============================

		Section contact TEST TEST TEST

=============================*/

#sect_a.CollapsiblePanelOpen .CollapsiblePanelTab {
	/*visibility:hidden;
	height:0;
	padding:0;
	margin:0;*/
	/*border: #FE6FA4 dashed 2px;
	background-color: #FCE1EA;*/
}


#sect_a_tab.CollapsiblePanelTab, #sect_b_tab.CollapsiblePanelTab, #sect_c_tab.CollapsiblePanelTab,#sect_d_tab.CollapsiblePanelTab,#sect_e_tab.CollapsiblePanelTab,#sect_f_tab.CollapsiblePanelTab,#sect_g_tab.CollapsiblePanelTab,#sect_h_tab.CollapsiblePanelTab,#sect_i_tab.CollapsiblePanelTab,#sect_j_tab.CollapsiblePanelTab,#sect_k_tab.CollapsiblePanelTab,#sect_l_tab.CollapsiblePanelTab,#sect_m_tab.CollapsiblePanelTab,#sect_n_tab.CollapsiblePanelTab,#sect_o_tab.CollapsiblePanelTab,#sect_p_tab.CollapsiblePanelTab,#sect_q_tab.CollapsiblePanelTab,#sect_r_tab.CollapsiblePanelTab,#sect_s_tab.CollapsiblePanelTab,#sect_t_tab.CollapsiblePanelTab,#sect_u_tab.CollapsiblePanelTab,#sect_v_tab.CollapsiblePanelTab,#sect_w_tab.CollapsiblePanelTab,#sect_x_tab.CollapsiblePanelTab,#sect_y_tab.CollapsiblePanelTab,#sect_z_tab.CollapsiblePanelTab {

	visibility:hidden;
	
}

#sect_a.CollapsiblePanelClosed .CollapsiblePanelTab, #sect_b.CollapsiblePanelClosed .CollapsiblePanelTab, #sect_c.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_d.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_e.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_f.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_g.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_h.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_i.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_j.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_k.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_l.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_m.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_n.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_o.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_p.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_q.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_r.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_s.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_t.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_u.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_v.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_w.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_x.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_y.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_z.CollapsiblePanelClosed .CollapsiblePanelTab,#sect_start.CollapsiblePanelClosed .CollapsiblePanelTab {
	border:#000 solid 1px;
	border:none;
	height:0;
	padding:0;
	margin:0;
	visibility:hidden;


}


#sect_a_content,#sect_b_content,#sect_c_content,#sect_d_content,#sect_e_content,#sect_f_content,#sect_g_content,#sect_h_content,#sect_i_content,#sect_j_content,#sect_k_content,#sect_l_content,#sect_m_content,#sect_n_content,#sect_o_content,#sect_p_content,#sect_q_content,#sect_r_content,#sect_s_content,#sect_t_content,#sect_u_content,#sect_v_content,#sect_w_content,#sect_x_content,#sect_y_content,#sect_z_content.CollapsiblePanelContent {
	width:auto;
	height:auto;
	text-align:left;
}





/*============================

		Section contact

=============================*/