/* Styles utilisés pour les menu */
/* Conmme ils sont utilisés par la programmation, il est important de ne pas modifier les nom des classes */

/* Lorsqu'un menu est sélectionné, on ajoute le suffixe 'selected' au nom de la classe */
/* Pour un état de survol, on utilise la pseudo classe :hover */

a.SuperSectionInternet, a.SuperSectionExtranet, a.SuperSectionIntranet, a.SuperSectionPrive,
a.SuperSectionInternet:hover, a.SuperSectionExtranet:hover, a.SuperSectionIntranet:hover, a.SuperSectionPrive:hover,
a.SuperSectionInternetSelected, a.SuperSectionExtranetSelected, a.SuperSectionIntranetSelected, a.SuperSectionPriveSelected,
a.SuperSectionIntranetSelected:hover, a.SuperSectionInternetSelected:hover, a.SuperSectionExtranetSelected:hover, a.SuperSectionPriveSelected:hover,
a.MenuSectionIntranet, a.MenuSectionExtranet, a.MenuSectionInternet, a.MenuSectionPrive,
a.MenuSectionIntranet:hover, a.MenuSectionExtranet:hover, a.MenuSectionInternet:hover, a.MenuSectionPrive:hover,
a.MenuSectionIntranetSelected, a.MenuSectionExtranetSelected, a.MenuSectionInternetSelected, a.MenuSectionPriveSelected,
a.MenuSectionIntranetSelected:hover, a.MenuSectionExtranetSelected:hover, a.MenuSectionInternetSelected:hover, a.MenuSectionPriveSelected:hover,
a.MenuPagePrive, a.MenuPageIntranet, a.MenuPageExtranet, a.MenuPageInternet,
a.MenuPageInternet:hover, a.MenuPageExtranet:hover, a.MenuPageIntranet:hover, a.MenuPagePrive:hover,
a.MenuPagePriveSelected, a.MenuPageIntranetSelected, a.MenuPageExtranetSelected, a.MenuPageInternetSelected,
a.MenuPagePriveSelected:hover, a.MenuPageIntranetSelected:hover, a.MenuPageExtranetSelected:hover, a.MenuPageInternetSelected:hover,
a.MenuIndexBasDePage, a.MenuIndexBasDePageSelected, a.MenuIndexBasDePageSelected:hover, a.MenuIndexBasDePage:hover,
popMenuPage, popMenuPage2
{
	/* Propriétés de base pour tous les menu */
	font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;
	
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	display:block;
	text-decoration: none;
	height: auto;
	width: auto;
}


/* <SuperSections> */
	/*a.SuperSectionInternet, a.SuperSectionExtranet, a.SuperSectionIntranet, a.SuperSectionPrive {
		font-size: 11px;
		color: #7D8B8B;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	a.SuperSectionInternet:hover, a.SuperSectionExtranet:hover, a.SuperSectionIntranet:hover, a.SuperSectionPrive:hover {
		font-size: 11px;
		color: #DC241F;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	a.SuperSectionInternetselected, a.SuperSectionExtranetselected, a.SuperSectionIntranetselected, a.SuperSectionPriveselected {
		font-size: 11px;
		color: #DC241F;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	a.SuperSectionIntranetselected:hover, a.SuperSectionInternetselected:hover, a.SuperSectionExtranetselected:hover, a.SuperSectionPriveselected:hover {
		font-size: 11px;
		color: #DC241F;
		line-height: 20px;
		font-weight: bold;
		text-decoration: none;
	}*/
/* </SuperSections> */


/* <Sections> */
	a.MenuSectionIntranet, a.MenuSectionExtranet, a.MenuSectionInternet, a.MenuSectionPrive {	
		font-size: 11px;
		color: #7D8B8B;
		padding-left: 30px;
		line-height: 15px;
		text-decoration: none;
		background-image: url(../images/ImagesIPL/puce_pages.gif);
		background-repeat: no-repeat;
		background-position: 20px 4px;
		display: block;
	}
	a.MenuSectionIntranet:hover, a.MenuSectionExtranet:hover, a.MenuSectionInternet:hover, a.MenuSectionPrive:hover {
		font-size: 11px;
		color: #DC241F;
		padding-left: 30px;
		line-height: 15px;
		text-decoration: none;
		background-image: url(../images/ImagesIPL/puce_pages.gif);
		background-repeat: no-repeat;
		background-position: 20px 4px;
		display: block;
	}
	a.MenuSectionIntranetSelected, a.MenuSectionExtranetSelected, a.MenuSectionInternetSelected, a.MenuSectionPriveSelected {
		font-size: 11px;
		color: #DC241F;
		padding-left: 30px;
		line-height: 15px;
		text-decoration: none;
		background-image: url(../images/ImagesIPL/puce_pages.gif);
		background-repeat: no-repeat;
		background-position: 20px 4px;
		display: block;
	}
	a.MenuSectionIntranetSelected:hover, a.MenuSectionExtranetSelected:hover, a.MenuSectionInternetSelected:hover, a.MenuSectionPriveSelected:hover {
		font-size: 11px;
		color: #DC241F;
		padding-left: 30px;
		line-height: 15px;
		text-decoration: none;
		background-image: url(../images/ImagesIPL/puce_pages.gif);
		background-repeat: no-repeat;
		background-position: 20px 4px;
		display: block;
	}
/* </Sections> */


/* <Pages> */
	a.MenuPagePrive, a.MenuPageIntranet, a.MenuPageExtranet, a.MenuPageInternet {
	font-size: 10px;
	color: #7D8B8B;
	padding-left: 40px;
	line-height: 15px;
	text-decoration: none;
	}
	a.MenuPageInternet:hover, a.MenuPageExtranet:hover, a.MenuPageIntranet:hover, a.MenuPagePrive:hover {
	font-size: 10px;
	color: #DC241F;
	padding-left: 40px;
	line-height: 15px;
	text-decoration: none;
	}
	a.MenuPagePriveSelected, a.MenuPageIntranetSelected, a.MenuPageExtranetSelected, a.MenuPageInternetSelected {
	font-size: 10px;
	color: #DC241F;
	padding-left: 40px;
	line-height: 15px;
	text-decoration: none;
	}
	a.MenuPagePriveSelected:hover, a.MenuPageIntranetSelected:hover, a.MenuPageExtranetSelected:hover, a.MenuPageInternetSelected:hover {
	font-size: 10px;
	color: #DC241F;
	padding-left: 40px;
	line-height: 15px;
	text-decoration: none;
	}
/* </Pages> */


/* <BasDePages> */
a.MenuIndexBasDePage { color: #072754; }
a.MenuIndexBasDePage:hover { color: #82B1EB; }
a.MenuIndexBasDePageSelected { color: #82B1EB; }
a.MenuIndexBasDePageSelected:hover { color: #82B1EB; }
/* </BasDePages> */


/* <MenuDHTML> */
.popMenuPage {
	position: absolute; 
	top: 50px; 
	left: 10px; 
	z-index: 90; 
	visibility: hidden;
	background-color: #99cccc;
}
.popMenuPage2 {
	position: absolute; 
	top: 50px; 
	left: 10px;
	z-index: 91; 
	visibility: hidden;
	background-color: #99cccc;
}
/* </MenuDHTML> */

/* <MenuList> */
#menu, #menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}

#menu li {
	
	padding:0;
	float:left;
	outline:none;	
}
#menu li.lastChild ul {  }
#menu li ul 
{
	position: absolute;
	z-index:1000;
	left: -999em;
	width:160px;	
}
#menu li ul ul {
}
/* <SuperSections> */
	#menu li {
		background : transparent url("../Utils/newHomepage/img/interface/arrow-menu.png") no-repeat right 8px;
		margin: 0 11px 0 0;
		padding: 0 12px 0 0;
		position:relative;
	}
	#menu li a 
	{
		font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
		font-size:12px;
		/*text-transform:uppercase;*/
		color:#000;
		display:block;
		/*padding-right:10px;*/
		text-decoration:none;
		/*font-weight:bold;*/
		line-height:20px;
		/*background-image:url(../images/imagesIpl/puce_menu_ss.gif);*/
		
		/*margin-right:10px;*/
		outline:none;
	}
	#menu li a:hover 
	{
		color: #000!important;
	}
	#menu li li a:hover{color:red !important;}
	/* <SuperSection sélectionnée> 
	#menu li.selected a { color: #DC241F!important; }
	#menu li.selected a:hover { color: #DC241F!important; }*/
	/* </Section sélectionnée> */
/* </SuperSections> */
/* <Sections> */
	#menu li ul
	{
		border:0 none;
		width:166px;
	}
	#menu li ul li { text-align:left;}
	#menu li ul li a{background:white;}
	/*#menu li ul li.normal a,
	#menu li ul li.selected a
	{
		display:block;
		padding: 3px 5px 4px 8px;
		width:160px;
		border-bottom:1px solid #CFD4D4;
		font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
		font-size:13px;
		background-color:white;
		text-align:left;
		text-transform:none;
		font-weight:normal;
		background-image:none;
	}

	#menu li ul li.normal a:hover,
	#menu li ul li.selected a:hover
	{
		color:#DC241F!important;
	}*/
	/* <Section sélectionnée> */
	/*#menu li ul li.selected a { color:#DC241F!important; }
	#menu li ul li.selected a:hover { color:#DC241F!important; }*/
	/* </Section sélectionnée> */
/* </Sections> */
/* <Pages> */
	#menu li ul li ul li
	{
	}
	#menu li ul li ul li.normal a,
	#menu li ul li ul li.selected a
	{
	}
	#menu li ul li ul li.normal a:hover,
	#menu li ul li ul li.selected a:hover
	{
	}
	
	#menu li ul li ul li.top
	{		
	}
	#menu li ul li ul li.bottom
	{		
	}
	/* <Page sélectionnée> */
	#menu li ul li ul li.selected a { }
	#menu li ul li ul li.selected a:hover { }
	/* </Page sélectionnée> */
/* </Pages> */

#menu li:hover ul ul, 
#menu li:hover ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul { left: -999em; }

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li.sfhover ul,
#menu li li.sfhover ul,
#menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover ul,
#menu li.sfhover ul {
	left: auto;
}

#menu li:hover .lastChild ul, 
#menu li.sfhover .lastChild ul { }

#menu li:hover .lastChild ul, 
#menu li li:hover .lastChild ul, 
#menu li li li:hover .lastChild ul, 
#menu li.sfhover .lastChild ul, 
#menu li li.sfhover .lastChild ul, 
#menu li li li.sfhover .lastChild ul { }

#menu li:hover .lastChild ul, 
#menu li.sfhover .lastChild ul { }

#menu li:hover .lastChild ul li ul, 
#menu li.sfhover .lastChild ul li ul { }

#menu li.lastChild:hover ul ul,
#menu li.sfhover.lastChild ul ul {  }
/* </MenuList> */

#menu li a {padding: 0 0 10px 0;}
/* Sub Menu */
#menu  li ul { margin: 0; padding: 0; list-style-type: none; display: none; }
#menu  li:hover ul, #menu ul li.hover ul { width: 170px; z-index: 90; display: block; position: absolute; top: 26px; left: 0; }
#menu  li li { margin: 0 !important; padding: 0 !important; border-left: 3px solid red; background-color: #fff; background-image: none;  float: left; }
#menu ul li{display:block;}
*>#menu ul li li { float: none; }
#menu  li li a { width: 157px; float: left; padding: 3px 5px 4px 8px; display: block; border-bottom: 1px solid #999; background-color: #fff; }
*>#menu  li li a {  float: none; }
#menu  li ul li a:hover { color: red; }


td.logosite img{padding: 0 0 0 12px;}