﻿/* A few IE bug fixes */
#menuctxgauche { margin: 0; padding: 0; }
/*#menuctxgauche  html ul ul li a { height: 100%; }
#menuctxgauche  html ul li a { height: 100%; }
#menuctxgauche  html ul ul li { margin-bottom: -1px; }
*/
/*body { padding-left: 10em; font-family: Arial, Helvetica, sans-serif; }*/
/*#theMenu { width: 200px; height: 350px; margin: 30px 0; padding: 0; }*/

/* Some list and link styling 
#menuctxgauche ul li { width: 200px; }
#menuctxgauche ul ul li { border-left: 0px solid #69c; padding: 0; width: 175px; margin-bottom: 0; }
#menuctxgauche ul ul li a { display:block; color: #000; padding: 0px 0px; font-size: small;margin-bottom: 0; }
#menuctxgauche ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 0px 0px; font-size: small; margin-bottom: 0;}
*//* For the xtra menu 
#menuctxgauche ul ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 175px; margin-bottom: 0;  }
#menuctxgauche ul ul ul li a { display:block; color: #000; padding: 0px 0px; font-size: small; margin-bottom: 0;}
#menuctxgauche ul ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 0px 0px; font-size: small; margin-bottom: 0; }
*/

#accordeon h3.open { 
background:  url(../images/menu/centre/m01-open.jpg) no-repeat; 
}

#accordeon h3.close { 
background:  url(../images/menu/centre/m01-close.jpg) no-repeat; 
}

#accordeon h3 a{ 
color: #000;
text-decoration:none;
padding-left:20px;
}


#accordeon2 .open { 
background:  url(../images/menu/centre/m01-open2.jpg) no-repeat; 
background-position:center center;
padding-bottom:3px;
padding-top:3px;
height:30px;

}

#accordeon2 .close { 
background:  url(../images/menu/centre/m01-close2.jpg) no-repeat ; 
background-position:center center;
padding-bottom:3px;
padding-top:3px;
height:30px;

}

#accordeon2 h3 a{ 
color: gray;
text-decoration:none;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;

font-size:14px;
font-weight:normal;

}

#accordeon2  div { 
	margin:0px;
}

#accordeon2 .fond {padding:2px; padding-left:20px; width: 500px;height:26px;  background-image: url(../images/menu/centre/m01-fond.jpg);background-repeat: repeat-x;background-position: 0px 0px; }
#accordeon2 .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
#accordeon2 .ui-icon { width: 12px; height: 26px; background-image: url(../images/menu/centre/m01-all.jpg); }
#accordeon2 h3 > .ui-icon-circle-arrow-e {left:-10px; background-position: 0px 0px; }
#accordeon2 h3 > .ui-icon-circle-arrow-s {left:-10px; background-position: -12px 0px; }

.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
/*.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

*/
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; margin-top: -2px; }

#menuctxgauche ul { list-style-type: none; margin: 0px;padding: 0;}
#menuctxgauche li { list-style-type: none; margin: 0px;padding: 0;}
#menuctxgauche h2 { margin: 0px;padding: 0; }
#menuctxgauche h3 { margin: 0px;padding: 0; }
#menuctxgauche h4 { margin: 0px;padding: 0; }
#menuctxgauche h5 { margin: 0px;padding: 0; }
#menuctxgauche h6 { margin: 0px;padding: 0; }


/* Header links styling */
#menuctxgauche h3.head a { 
color: #333;
display:block; 
background:  url(../images/menu/gauche/a5.gif) no-repeat; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
margin-top:4px;
font-size:10pt;
}
#menuctxgauche h3.head a:hover { 
color: #000;
background:  url(../images/menu/gauche/a5.gif) no-repeat; 
background-position: 98% 50%;
text-decoration:none;
margin-top:4px;
font-size:10pt;
}
#menuctxgauche h3.selected a { 
background:  url(../images/menu/gauche/a4_hover.gif) no-repeat; 
background-position:98% 50%;
color: #fff;
padding: 3px 6px;
text-decoration:none;
margin-top:4px;
font-size:10pt;
}
#menuctxgauche h3.selected a:hover { 
background:  url(../images/menu/gauche/a4_hover.gif) no-repeat; 
background-position:98% 50%;
color: #000;
text-decoration:none;
margin-top:4px;
font-size:10pt;
}

#menuctxgauche h3 > .ui-icon-circle-arrow-e {background:  url(../images/menu/gauche/a4.gif) no-repeat; left:-10px; background-position: 0px 0px; }
#menuctxgauche h3 > .ui-icon-circle-arrow-s {background:  url(../images/menu/gauche/a4_hover.gif) no-repeat; left:-10px; background-position: -12px 0px; }


/* Xtra Header links styling */
 h4.head a { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
}
 h4.head a:hover { 
color: #000;
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position: 98% 50%;
text-decoration:none;
border-bottom:solid 1px white;
}
 h4.selected a { 
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position:98% 50%;
color: #000;
padding: 3px 6px;
text-decoration:none;
border-bottom:solid 1px white;
}
 h4.selected a:hover { 
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position:98% 50%;
color: #000;
text-decoration:none;
border-bottom:solid 1px white;
}

 h4.fin a { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
background:  url(../images/menu/gauche/a1.gif) no-repeat; 

}

 h4.fin a:hover { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
background:  url(../images/menu/gauche/a1_hover.gif) no-repeat; 

}

/* Xtra Header links styling */
 h5.head a { 
color: #000;
display:block; 
background-color: #ffffff; 
text-decoration:none;
font-size:8pt;
padding: 3px 12px;
text-transform:none;
}
 h5.head a:hover { 
color: #000;
background-color: #ffffff; 
text-decoration:none;
}
 h5.selected a { 
background-color: #ffffff; 
color: #000;
text-decoration:none;
}
 h5.selected a:hover { 
background-color: #ffffff; 
color: #000;
text-decoration:none;
}

/* Xtra Header links styling */
 h6.head a { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
}
 h6.head a:hover { 
color: #000;
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position: 98% 50%;
text-decoration:none;
border-bottom:solid 1px white;
}
 h6.selected a { 
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position:98% 50%;
color: #000;
padding: 3px 6px;
text-decoration:none;
border-bottom:solid 1px white;
}
 h6.selected a:hover { 
background:  url(../images/menu/gauche/a2_hover.gif) no-repeat; 
background-position:98% 50%;
color: #000;
text-decoration:none;
border-bottom:solid 1px white;
}

 h6.fin a { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
background:  url(../images/menu/gauche/a1.gif) no-repeat; 

}

 h6.fin a:hover { 
color: #000;
display:block; 
background-color: #EAEAEA; 
background-position: 98% 50%;
padding: 3px 6px;
text-decoration:none;
font-size:9pt;
text-transform:none;
border-bottom:solid 1px white;
background:  url(../images/menu/gauche/a1_hover.gif) no-repeat; 

}


