/* CONTENU DROIT GENERAL ------------------------------------------------------------------------------------------------------------------------------ */
body
{
background-image: url(images/design/rouge.gif);
background-attachment: fixed;
}
h2
{
color: #D21818;
}
.titrehaut
{
padding-top: 0;
margin-top: 0;
}
a:link
{
color: #D21818;
text-decoration: none;
font-weight: bold;
}
a:visited
{
color: #D21818;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
a:active
{
color: #000000;
text-decoration: none;
font-weight: bold;
}
.contenudroit
{
width: 720px;
/*background-color: #ffffff;*/
padding: 0 0 20px 0;/*0 30px 0 30px;*/
/*border: 1px dashed #CCCCCC;*/
border-top: 0;
text-align: left;
}
div#contenu 
{
margin: 0;
padding: 0 30px 15px 30px;
}
div#contenu img
{
margin: 0 20px 10px 0;
float: left;
}
div#contenu ul
{
list-style-image: url("images/design/puce-rouge.gif");
}
/* MENU DROITS
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/************************************************************************************************************************************
FIX
************************************************************************************************************************************/
/** ie bug avec display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/************************************************************************************************************************************
MENU
************************************************************************************************************************************/
div#menu_vert {
	margin: 0;
	padding: 0;   
	text-align: left;
	border: 0;
	font-size: 14px;
	background-color: #CCCCCC;
}
div#menu_vert ul {
	margin: 0;
	padding: 0; 
}
div#menu_vert li {
	margin: 0;
	padding: 0; 
	list-style: none;
	display: block;
	border-bottom: 1px solid #ffffff;
	line-height: 30px;
	/*background-color: #666666;*/
}
div#menu_vert a {
	padding: 0 0 0 20px;/*largeur de la fleche + decalage */
	text-decoration:none;
	font-weight: bold;
	color: #000000;
	background: url(images/design/fleche-droite.gif) no-repeat 0 center; /* dim image 10x10*/
	display: block; /* IE */
	min-height:1em; /* IE7 */ 
}
div#menu_vert a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert li a.activeparent {
   background: url(images/design/fleche-bas-blanc.gif) no-repeat 0 center; 
   background-color: #D21818;
   color: #FFFFFF;
}
div#menu_vert a.activeparent:hover {
	background: url(images/design/fleche-bas.gif) no-repeat 0 center;
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul h3 {
	margin: 0;
	padding: 0 0 0 20px; 
	/*color: #000000;*/
	color: #FFFFFF;
	background: url(images/design/fleche-droite-blanc.gif) no-repeat 0 center;
	background-color: #D21818;
	display: block; 
	font-size: 14px; /* h3 specifique au menu */
	/*border-bottom: 1px solid #FFFFFF;*/
}
/************************************************************************************************************************************
MENU NIVEAU 01
************************************************************************************************************************************/

/************************************************************************************************************************************
MENU NIVEAU 02
************************************************************************************************************************************/
div#menu_vert ul ul a{
	padding: 5px 0 5px 30px; 
	background: url(images/design/fleche-droite.gif) no-repeat 10px center; /* dim image 10x10*/
	color: #000000;
	font-weight: normal;
	border-bottom: 1px solid #D21818;
}
div#menu_vert ul ul a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul{
	background-color: #DB4646;
	/*padding-bottom: 10px;*/
}
div#menu_vert ul ul li{
	border: 0;
	line-height: 16px;
	/*background-color: #999999;*/
}
div#menu_vert ul ul li a.activeparent {
   background: url(images/design/fleche-bas-blanc.gif) no-repeat 10px center; 
   /*background-color: #66BEDD;*/
   color: #FFFFFF;
   font-weight: bold;
}
div#menu_vert ul ul a.activeparent:hover {
	background: url(images/design/fleche-bas.gif) no-repeat 10px center;
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul h3 {
	padding: 5px 0 5px 30px; 
	background: url(images/design/fleche-active-blanc.gif) no-repeat 10px center;
	background-color: #DB4646;
	border: 0;
	color: #FFFFFF;
	border-bottom: 1px solid #D21818;
}
/************************************************************************************************************************************
MENU NIVEAU 03
************************************************************************************************************************************/
div#menu_vert ul ul ul{
	background-color: #E47474;
}
div#menu_vert ul ul ul a {
   padding: 5px 0 5px 40px; 
	background: url(images/design/tiret.gif) no-repeat 20px center; /* dim image 10x10*/
	color: #000000;
	font-weight: normal;
	border-bottom: 1px solid #D21818;
}
div#menu_vert ul ul ul a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul li{
	border: 0;
	/*background-color: #66BEDD;*/
}
div#menu_vert ul ul ul li a.activeparent {
   background: url(images/design/fleche-bas-blanc.gif) no-repeat 20px center; 
   /*background-color: #E8E8E8;*/
   color: #FFFFFF;
   font-weight: bold;
}
div#menu_vert ul ul ul a.activeparent:hover {
	background: url(images/design/fleche-bas.gif) no-repeat 20px center;
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul h3 {
	padding: 5px 0 5px 40px; 
	background: url(images/design/fleche-active-blanc.gif) no-repeat 22px center;
	background-color: #E47474;
	border: 0;
	color: #FFFFFF;
	border-bottom: 1px solid #D21818;
}
/************************************************************************************************************************************
MENU NIVEAU 04
************************************************************************************************************************************/
div#menu_vert ul ul ul ul{
	background-color: #e99090;
}
div#menu_vert ul ul ul ul a {
   padding: 5px 0 5px 50px; 
	background: url(images/design/tiret.gif) no-repeat 30px center; /* dim image 10x10*/
	color: #000000;
	font-weight: normal;
	border-bottom: 1px solid #D21818;
}
div#menu_vert ul ul ul ul a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul ul li{
	border: 0;
	/*background-color: #66BEDD;*/
}
div#menu_vert ul ul ul ul li a.activeparent {
   background: url(images/design/fleche-bas-blanc.gif) no-repeat 30px center; 
   /*background-color: #E8E8E8;*/
   color: #FFFFFF;
   font-weight: bold;
}
div#menu_vert ul ul ul ul a.activeparent:hover {
	background: url(images/design/fleche-bas.gif) no-repeat 30px center;
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul ul h3 {
	padding: 5px 0 5px 50px; 
	background: url(images/design/fleche-active-blanc.gif) no-repeat 32px center;
	background-color: #e99090;
	border: 0;
	color: #FFFFFF;
	border-bottom: 1px solid #D21818;
}

/************************************************************************************************************************************
MENU NIVEAU 05
************************************************************************************************************************************/
div#menu_vert ul ul ul ul ul{
	background-color: #f5aaaa;
}
div#menu_vert ul ul ul ul ul a {
   padding: 5px 0 5px 60px; 
	background: url(images/design/tiret.gif) no-repeat 40px center; /* dim image 10x10*/
	color: #000000;
	font-weight: normal;
	border-bottom: 1px solid #D21818;
}
div#menu_vert ul ul ul ul ul a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul ul ul li{
	border: 0;
	/*background-color: #66BEDD;*/
}
div#menu_vert ul ul ul ul ul li a.activeparent {
   background: url(images/design/fleche-bas-blanc.gif) no-repeat 40px center; 
   /*background-color: #E8E8E8;*/
   color: #FFFFFF;
   font-weight: bold;
}
div#menu_vert ul ul ul ul ul a.activeparent:hover {
	background: url(images/design/fleche-bas.gif) no-repeat 40px center;
	color: #000000;
	background-color: #FFFFFF;
}
div#menu_vert ul ul ul ul ul h3 {
	padding: 5px 0 5px 60px; 
	background: url(images/design/fleche-active-blanc.gif) no-repeat 42px center;
	background-color: #f5aaaa;
	border: 0;
	color: #FFFFFF;
	border-bottom: 1px solid #D21818;
}










/************************************************************************************************************************************
ACCESSIBILITE
************************************************************************************************************************************/
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px;
}
div#menu_vert li.separator hr {
   display: none;
}