@charset "utf-8";
/* CSS Document */

/*--- menu deroulant horizontal ---------------*/

#menuprincipal ,#nav {
	padding:0;
	margin:0;
	padding-left:20px;
}

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
	border-bottom:1px solid transparent;
}

#nav a {
	display: block;	
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-family:Trebuchet MS, Arial;
}


/*-----1er niveau----------------*/

#nav li, #nav li span {
	float: left;	
	text-decoration:none;
	color:#81725e;
	font-weight:normal;
	font-size:15px;
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	padding-bottom:9px;
	max-width:190px;
	/*max-height:32px;*/
	text-align:center;
}


 #nav li {
	border-left:#81725e dotted 1px;
}


#nav-accueil a {
	text-decoration:none;
	color:#81725e;
	font-weight:normal;
	font-size:13px;
	text-align:center;
	line-height:1.0em;
}

#nav-accueil td, #nav li {
	border-left:#81725e dotted 1px;
}


#nav-accueil td.fisrt, #nav li:first-child {
	border-left:none;
}


#nav li.active, #nav li.active span, #nav li.active2 {
	color:#e75012;
}

#nav-accueil a:hover, #nav li:hover span {
	color:#e75012;
}

#nav li a {
}

#nav li a:hover,#nav li.active a,#nav li.active2 a {
}


/*--- 2eme niveau-----*/

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	width: 214px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	padding-top:0px;
	margin-top:30px;	
	margin-left:-10px;
	background-color:#e75012;
	text-align:left; 
}

#nav li:hover ul span {
	color:#fff;
	font-size:13px;
}

#nav li ul:after { /* listes de deuxième niveau */
}

#nav li li { 
	width: 214px;
	padding:0;
	height:auto;
	background:none;	
}

#nav li li:hover { 
	background:none;
}

#nav li li a, #nav li li a span, #nav li.active li a, #nav li.active2 li a {
	background:none;	
	background-color:#e75012;
	color:#fff;
	padding:0;	
	padding:3px 0px 3px -5px !important;
	font-weight:normal;
	margin-left:5px;
	line-height:24px;
	/*padding-top:3px;*/
}

#nav li li a:hover, #nav li li a:hover span, #nav li.active li a:hover,#nav li.active2 li a:hover {
	background:none;
	background-color:#f9d3c4;
	color:#e75012 !important;
	width: 192px;
	text-align:left; 
}

/* listes de troisième niveau et plus */

#nav li ul ul { 
	margin: -23px 0 0 17em;	
}

#nav li ul ul a {
	color:#fff !important;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	/*left: -999em;*/
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

#nav li li li a,#nav li.active li li a,#nav li.active2 li li a{
	/*background:url(templates/acceuil/image/smenu1.png);*/
	/*background:url(../images/smenu2.png) 100% 0 repeat-x;*/
	
}

#nav li li li a:hover,#nav li.active li li a:hover,#nav li.active2 li li a:hover{
	/*background:url(../images/smenu2.png) 100% -23px repeat-x;*/
}

/* Fil d'ariane */

#breadcrumbs {
	margin: 0px;
	padding: 0px;
}

#breadcrumbs ul {
	list-type: none;
	list-style-type: none;
}

#breadcrumbs li {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#breadcrumbs li#separator img { /* Ne fonctionne pas trop ... pourquoi ? */
	vertical-align: middle;
	/*padding-top: 50px;*/
}


.ddmx25 td.item11,
.ddmx30 td.item11,
.ddmx31 td.item11,
.ddmx28 td.item11 {
	border:none;
	border-right: 1px dotted #81725e !important ; 
}
.ddmx25 td.item11-last,
.ddmx30 td.item11-last,
.ddmx31 td.item11-last,
.ddmx28 td.item11-last {
	border:none;
}
.ddmx25 td.item11-acton,
.ddmx30 td.item11-acton,
.ddmx31 td.item11-acton,
.ddmx28 td.item11-acton {
	border:none;
	border-right: 1px dotted #81725e !important ; 
}
.ddmx25 td.item11-acton-last:hover,
.ddmx25 td.item11-acton-last,
.ddmx30 td.item11-acton-last:hover,
.ddmx30 td.item11-acton-last,
.ddmx31 td.item11-acton-last:hover,
.ddmx31 td.item11-acton-last,
.ddmx28 td.item11-acton-last:hover,
.ddmx28 td.item11-acton-last {
	border-right: 1px dotted #81725e !important ; 
}