/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2009
|		Webdesign : Smart Agence
|		http://www.smartagence.com/
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ______________________[ Navigation principale ]________________________ */

#NavigationPrincipale {list-style:none;text-align:left;color:#fff;padding:0;width:803px;float:right;font-size:.97em;margin:18px 0 0 0;padding:0;}
#NavigationPrincipale:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#NavigationPrincipale {display:inline-block;}
/* \*/ * html #NavigationPrincipale {height:1%;} #NavigationPrincipale {display:block;} /* */
#NavigationPrincipale li {float:left;}
#NavigationPrincipale li ul {position: absolute; top: -7777px; left: -7777px}

#NavigationPrincipale a {color:#1B1B1B;display:block;padding:0 0 3px 0;}

#NavigationPrincipale #NavItem1 {width:144px;background:url(../../img/bg_navitem1.gif) 0 0 no-repeat;padding:7px 0 0 0;}
#NavigationPrincipale #NavItem2 {width:179px;background:url(../../img/bg_navitem2.gif) 0 0 no-repeat;padding:7px 0 0 0}
#NavigationPrincipale #NavItem3 {width:149px;background:url(../../img/bg_navitem3.gif) 0 0 no-repeat;padding:7px 0 0 0}
#NavigationPrincipale #NavItem4 {width:142px;background:url(../../img/bg_navitem4.gif) 0 0 no-repeat;padding:7px 0 0 0}
#NavigationPrincipale #NavItem5 {width:86px;background:url(../../img/bg_navitem5.gif) 0 0 no-repeat;padding:7px 0 0 0}
#NavigationPrincipale #NavItem6 {width:103px;background:url(../../img/bg_navitem6.gif) 0 0 no-repeat;padding:7px 0 0 0}

#NavigationPrincipale #NavItem1 a:hover{text-decoration:none;background:url(../../img/nav_item1_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem2 a:hover{text-decoration:none;background:url(../../img/nav_item2_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem3 a:hover{text-decoration:none;background:url(../../img/nav_item3_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem4 a:hover{text-decoration:none;background:url(../../img/nav_item4_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem5 a:hover{text-decoration:none;background:url(../../img/nav_item5_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem6 a:hover{text-decoration:none;background:url(../../img/nav_item6_over.gif) 0 100% no-repeat}


#NavigationPrincipale #NavItem1 .on{text-decoration:none;background:url(../../img/nav_item1_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem2 .on{text-decoration:none;background:url(../../img/nav_item2_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem3 .on{text-decoration:none;background:url(../../img/nav_item3_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem4 .on{text-decoration:none;background:url(../../img/nav_item4_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem5 .on{text-decoration:none;background:url(../../img/nav_item5_over.gif) 0 100% no-repeat}
#NavigationPrincipale #NavItem6 .on{text-decoration:none;background:url(../../img/nav_item6_over.gif) 0 100% no-repeat}


#NavigationPrincipale li.over ul, #NavigationPrincipale li:hover ul {position: absolute; top:auto; left: auto}

#NavigationPrincipale ul {clear: both; display: block; float: left; margin: -2px 0 0 0; padding: 5px 10px; list-style: none; width: 16em}
#NavigationPrincipale ul li a {color: #FFF; display: block;}
#NavigationPrincipale ul li a:hover {text-decoration: underline !important; background: none !important;}

#NavItem1 ul  {background-color:#E00125;}
#NavItem2 ul  {background-color:#1D91C0;}
#NavItem3 ul  {background-color:#8BBA54;}
#NavItem4 ul  {background-color:#B056A1;}
#NavItem5 ul  {background-color:#EB8A69;}
#NavItem6 ul  {background-color:#E99825; width: 7em;margin: -2px 0 0 0px}