/* css skin */
@Import url(../../Modules/UserControls/JMDDM/css/skins/grey.css);

/* ajoût couleurs */

ul.mega-menu {list-style-type:none;}

.grey{	background-image:url("img/Base/bandeau03.png"); background-repeat:repeat-x; }

.grey, .grey>ul.mega-menu {height:81px; }

/* bordure mega menu */  
.grey ul.mega-menu li.mega-green .sub { border:1px solid #85d843;}
.grey ul.mega-menu li.mega-orange .sub { border:1px solid #ecb42d;}
.grey ul.mega-menu li.mega-red .sub { border:1px solid #ea5050;} 

/* menu hover + actif + selected */
.grey ul.mega-menu li.mega-green a.dc-mega:hover {
	background: url(img/bg-menu-hover-green.png) 50% 100% no-repeat;
}
.grey ul.mega-menu li.mega-selected.mega-green,
.grey ul.mega-menu li.mega-green.mega-hover > a {
	background: url(img/bg-menu-hover-green.png) 50% 100% no-repeat;
	color: #85d843; 
}
.grey ul.mega-menu li.mega-orange a.dc-mega:hover {
	background: url(img/bg-menu-hover-orange.png) 50% 100% no-repeat;
}
.grey ul.mega-menu li.mega-selected.mega-orange,
.grey ul.mega-menu li.mega-orange.mega-hover > a {
	background: url(img/bg-menu-hover-orange.png) 50% 100% no-repeat;
	color: #ecb42d; 
}
.grey ul.mega-menu li.mega-red a.dc-mega:hover {
	background: url(img/bg-menu-hover-red.png) 50% 100% no-repeat;
}
.grey ul.mega-menu li.mega-selected.mega-red,
.grey ul.mega-menu li.mega-red.mega-hover > a {
	background: url(img/bg-menu-hover-red.png) 50% 100% no-repeat;
	color: #ea5050; 
}



/*  */
.grey ul.mega-menu li.mega-green > a {
	color: #85d843; 
}
.grey ul.mega-menu li.mega-orange > a {
	color: #ecb42d; 
}
.grey ul.mega-menu li.mega-red > a {
	color: #ea5050; 
}


/* titres 2ème niveau */ 
.grey ul.mega-menu li.mega-green .sub li.mega-hdr a.mega-hdr-a {
	background-color: #85d843;
	text-shadow: 1px 1px 1px #3c6e14;
	border:solid 1px #9de069;
	color:#FFF;
}
.grey ul.mega-menu li.mega-orange .sub li.mega-hdr a.mega-hdr-a {
	background-color: #ecb42d;
	text-shadow: 1px 1px 1px #cc9b26;
	border:solid 1px #ecb42d;
	color:#FFF;
}
.grey ul.mega-menu li.mega-red .sub li.mega-hdr a.mega-hdr-a {
	background-color: #ea5050;
	text-shadow: 1px 1px 1px #b22f2f;
	border:solid 1px #ea5050;
	color:#FFF;
}

/* hover a 3ème niveau */
.grey ul.mega-menu .mega-green .sub li.mega-hdr li a:hover {
	color: #85d843; 
	background: #efefed  url(img/menu-arrow-green-on.png) no-repeat 5px 9px;
}
.grey ul.mega-menu .mega-orange .sub li.mega-hdr li a:hover {
	color:#ecb42d;
	background: #efefed  url(img/menu-arrow-orange-on.png) no-repeat 5px 9px;
}
.grey ul.mega-menu .mega-red .sub li.mega-hdr li a:hover {
	color: #ea5050;
	background: #efefed  url(img/menu-arrow-red-on.png) no-repeat 5px 9px;
}
   
   

.grey ul.mega-menu {
   
    padding: 0px 0 0;
   
}


/*Menu à image fixes*/
        /*Even aujourd'hui : */
        #ctl00_MenuJS_110 > a
        {
            background:url(img/sprite_nav.jpg) 0px 0px no-repeat;	
            width:126px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_110.mega-selected > a {background-position: 0px -81px;}
        #ctl00_MenuJS_110.mega-hover > a {background-position: 0px -162px;}
        /*ProdLaitiere*/
        #ctl00_MenuJS_111 > a
        {
            background:url(img/sprite_nav.jpg) -126px 0px no-repeat;	
            width:125px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_111.mega-selected > a {background-position: -126px -81px;}
        #ctl00_MenuJS_111.mega-hover > a {background-position: -126px -162px;}
        
        /*Agro fourniture*/
        #ctl00_MenuJS_114 > a
        {
            background:url(img/sprite_nav.jpg) -251px 0px no-repeat;	
            width:160px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_114.mega-selected > a {background-position: -251px -81px;}
        #ctl00_MenuJS_114.mega-hover > a {background-position: -251px -162px;}
                
        /*Nutrition bovin*/
        #ctl00_MenuJS_118 > a
        {
            background:url(img/sprite_nav.jpg) -411px 0px no-repeat;	
            width:109px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_118.mega-selected > a {background-position: -411px -81px;}
        #ctl00_MenuJS_118.mega-hover > a {background-position: -411px -162px;}
        
        /*Nutrition Porc*/
        #ctl00_MenuJS_115 > a
        {
            background:url(img/sprite_nav.jpg) -520px 0px no-repeat;	
            width:109px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_115.mega-selected > a {background-position: -520px -81px;}
        #ctl00_MenuJS_115.mega-hover > a {background-position: -520px -162px;}
        
        /*Veaux de 8 j*/
        #ctl00_MenuJS_112 > a
        {
            background:url(img/sprite_nav.jpg) -629px 0px no-repeat;	
            width:109px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_112.mega-selected > a {background-position: -629px -81px;}
        #ctl00_MenuJS_112.mega-hover > a {background-position: -629px -162px;}
        
        
        /*Gros bovins*/
        #ctl00_MenuJS_119 > a
        {
            background:url(img/sprite_nav.jpg) -738px 0px no-repeat;	
            width:83px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_119.mega-selected > a {background-position: -738px -81px;}
        #ctl00_MenuJS_119.mega-hover > a {background-position: -738px -162px;}
        
        
        /*Nutrition volaile*/
        #ctl00_MenuJS_117 > a
        {
            background:url(img/sprite_nav.jpg) -821px 0px no-repeat;	
            width:110px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_117.mega-selected > a {background-position: -821px -81px;}
        #ctl00_MenuJS_117.mega-hover > a {background-position: -821px -162px;}
       
        /*Veaux Boucherie*/
        #ctl00_MenuJS_120 > a
        {
            background:url(img/sprite_nav.jpg) -931px 0px no-repeat;	
            width:117px;
            height:81px;
            padding: 0 0 0 0;
        }
        
        #ctl00_MenuJS_120.mega-selected > a {background-position: -931px -81px;}
        #ctl00_MenuJS_120.mega-hover > a {background-position: -931px -162px;}
        
        .grey ul.mega-menu li .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #FAFAF2;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F6F6E6))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #F6F6E6)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #F6F6E6)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #F6F6E6)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #F6F6E6)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #C4BD1F;
            padding:5px;
            -moz-border-radius:10px 10px;
            -webkit-border-radius:10px 10px;
            border-radius:10px 10px;
            
            /*Ombres bordures : on les effaces*/
            -webkit-box-shadow: rgba(116, 63, 23, 1) 0 0 0px 0px;
            -moz-box-shadow: rgba(116, 63, 23, 1) 0 0 0px 0px;
            box-shadow: rgba(116, 63, 23, 1) 0 0 0px 0px;
            -ms-box-shadow: rgba(116, 63, 23, 1) 0 0 0px 0px;
            -o-box-shadow: rgba(116, 63, 23, 1) 0 0 0px 0px;
         }
         
         .grey ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a 
         {
            background-color: transparent;
            border: 0px solid #EFEFED;
            border-radius: 0px 0px 0 0;
            
            color: #417EAD;
            font-size: 14px;
            font-family:Arial;
            font-weight: bold;
            margin-bottom: 5px;
            padding: 5px;
            
            /*
            Tel que prévu dans la maquette : (mais le résultat est moyen)
            text-align: center;
            background: url("img/Base/im_fleche_menu_2e_niveau.png") no-repeat scroll 100% 50% transparent;
            */
            /*Tel que préconisé par Nico de vive voix pour palier au pb d'alignement de la puce*/
            text-align:left;
            background: url("img/Base/im_fleche_menu_2e_niveau.png") no-repeat scroll 0% 50% transparent;
            padding-left:20px;
            
            border-bottom: 1px dotted #C4BD1F;
            
            /*text-shadow: 1px 1px 1px #FFFFFF;*/
        }
        
        .grey ul.mega-menu .sub li.mega-hdr li a 
        {
            background: url("img/Base/puce_3e_niveau.png") no-repeat scroll 5px 9px transparent;
            font-weight: normal;
            padding: 6px 5px 6px 20px;
            text-align: left;
        }
        
        .grey ul.mega-menu .sub li.mega-hdr li a:hover
        {
            background: url("img/Base/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #F1F2AD;
            /*Font-weight:bold;*/
            color:#417EAD;
        }
        
        .grey ul.mega-menu li a .dc-mega-icon 
        {
            background:url() no-repeat scroll 50% 50% transparent ;
            z-index:15;
        }
        
        .grey ul.mega-menu li.mega-hover a .dc-mega-icon 
        {
            background: url("img/Base/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #C4BD1F;
            display: block;
            height: 13px;
            position: absolute;
            top: 100%;
            width: 100%;
            display:block;
            right:0px;
        }/**/
        
        .grey ul.mega-menu li#ctl00_MenuJS_110 .sub-container 
        {
            margin: 13px 0 0;
            left:-135px!important;
        }
        
        .grey ul.mega-menu li .sub-container 
        {
            margin: 13px 0 0;
        }
        
        .grey ul.mega-menu li .sub li 
        {
    
             width: 200px;
        }
        
        
        /*Surcharge par thème au roll over*/
        /*LAIT*/
         .grey ul.mega-menu li#ctl00_MenuJS_111.mega-hover a .dc-mega-icon 
            {
                background: url("img/Plait/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #AAC3D7; 
            }
        .grey ul.mega-menu li#ctl00_MenuJS_111 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #F3F7FA;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEF3F7))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #EEF3F7)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #EEF3F7)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #EEF3F7)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #EEF3F7)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #AAC3D7;
         }
        .grey ul.mega-menu li#ctl00_MenuJS_111 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Plait/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_111 .sub li.mega-hdr li a
         {
            background-image: url("img/Plait/puce_3e_niveau.png")
         }
         /*AGRO*/
          .grey ul.mega-menu li#ctl00_MenuJS_114.mega-hover a .dc-mega-icon 
            {
                background: url("img/Agro/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #2DAB64; 
            }
        .grey ul.mega-menu li#ctl00_MenuJS_114 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #E9F6ED;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#D5EEE0))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #D5EEE0)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #D5EEE0)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #D5EEE0)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #D5EEE0)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #2DAB64;
         }
         
         .grey ul.mega-menu li#ctl00_MenuJS_114 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Agro/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_114 .sub li.mega-hdr li a
         {
            background-image: url("img/Agro/puce_3e_niveau.png")
         }
         .grey ul.mega-menu #ctl00_MenuJS_114 .sub li.mega-hdr li a:hover
         {
            background: url("img/Agro/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #F1F2AD;
            /*Font-weight:bold;*/
            color:#2DAb64;
         }
         
         .grey ul.mega-menu li#ctl00_MenuJS_114 .sub li.mega-hdr a.mega-hdr-a
         {
             color:#2DAb64;
             }
         
        /*Bovin*/
        .grey ul.mega-menu li#ctl00_MenuJS_118.mega-hover a .dc-mega-icon,
        .grey ul.mega-menu li#ctl00_MenuJS_117.mega-hover a .dc-mega-icon 
            {
                background: url("img/Nanim/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #C57D35; 
            }
        .grey ul.mega-menu li#ctl00_MenuJS_118 .sub-container .sub , .grey ul.mega-menu li#ctl00_MenuJS_117 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #F2E5D5;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F2E5D5))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #F2E5D5)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #F2E5D5)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #F2E5D5)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #F2E5D5)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #C57D35;
         }
         .grey ul.mega-menu li#ctl00_MenuJS_118 .sub li.mega-hdr a.mega-hdr-a,
         .grey ul.mega-menu li#ctl00_MenuJS_117 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Nanim/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_118 .sub li.mega-hdr li a,
         .grey ul.mega-menu #ctl00_MenuJS_117 .sub li.mega-hdr li a
         {
            background-image: url("img/Nanim/puce_3e_niveau.png")
         }
          .grey ul.mega-menu #ctl00_MenuJS_118 .sub li.mega-hdr li a:hover, .grey ul.mega-menu #ctl00_MenuJS_117 .sub li.mega-hdr li a:hover
          {
            background: url("img/Nanim/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #F1F2AD;
            /*Font-weight:bold;*/
            color:#C87B35;
          }
         
         .grey ul.mega-menu li#ctl00_MenuJS_118 .sub li.mega-hdr a.mega-hdr-a, .grey ul.mega-menu li#ctl00_MenuJS_117 .sub li.mega-hdr a.mega-hdr-a
         {
             color:#C87B35;
         }
             
          /*Nutrition Porc*/
           .grey ul.mega-menu li#ctl00_MenuJS_115.mega-hover a .dc-mega-icon 
            {
                background: url("img/Nporc/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #2FB1E2; 
            }
        .grey ul.mega-menu li#ctl00_MenuJS_115 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #EFFAFE;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#DBF6FF))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #DBF6FF)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #DBF6FF)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #DBF6FF)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #DBF6FF)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #2FB1E2;
         }
         .grey ul.mega-menu li#ctl00_MenuJS_115 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Nporc/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_115 .sub li.mega-hdr li a
         {
            background-image: url("img/Nporc/puce_3e_niveau.png")
         }
         .grey ul.mega-menu #ctl00_MenuJS_115 .sub li.mega-hdr li a:hover
          {
            background: url("img/Nporc/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #E2EDCD;
            /*Font-weight:bold;*/
            color:#00A9F5;
          }
         
         .grey ul.mega-menu li#ctl00_MenuJS_115 .sub li.mega-hdr a.mega-hdr-a
         {
             color:#00A9F5;
         }
         
          /*ACV Veaux 8 j*/

        .grey ul.mega-menu li#ctl00_MenuJS_112.mega-hover a .dc-mega-icon 
        {
            background: url("img/Acv/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #63af40; 
        }
        .grey ul.mega-menu li#ctl00_MenuJS_112 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #dfefd8;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#dfefd8))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #dfefd8)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #dfefd8)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #dfefd8)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #dfefd8)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #63af40;
         }
         .grey ul.mega-menu li#ctl00_MenuJS_112 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Acv/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_112 .sub li.mega-hdr li a
         {
            background-image: url("img/Acv/puce_3e_niveau.png")
         }
         .grey ul.mega-menu #ctl00_MenuJS_112 .sub li.mega-hdr li a:hover
          {
            background: url("img/Acv/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #DAE6E6;
            /*Font-weight:bold;*/
            color:#3b9309;
          }
         
         .grey ul.mega-menu li#ctl00_MenuJS_112 .sub li.mega-hdr a.mega-hdr-a
         {
             color:#3b9309;
         }
         
        /*Veaux boucherie + gros bovin*/
        .grey ul.mega-menu li#ctl00_MenuJS_119.mega-hover a .dc-mega-icon, 
        .grey ul.mega-menu li#ctl00_MenuJS_120.mega-hover a .dc-mega-icon 
        {
            background: url("img/Oelevage/im_fleche_menu_1er_niveau.png") no-repeat scroll 50% 50% #C25F5E; 
        }
        
        .grey ul.mega-menu li#ctl00_MenuJS_119 .sub-container .sub , .grey ul.mega-menu li#ctl00_MenuJS_120 .sub-container .sub 
        {   
            /*Background uniforme pour IE8 et Inf.*/
            background-color: #F4E2E2;
                 
	        /*Dégradé de fond*/
	        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F4E2E2))!important;
            background-image: -webkit-linear-gradient(top, #FFFFFF, #F4E2E2)!important; 
            background-image:    -moz-linear-gradient(top, #FFFFFF, #F4E2E2)!important;
            background-image:     -ms-linear-gradient(top, #FFFFFF, #F4E2E2)!important;
            background-image:      -o-linear-gradient(top, #FFFFFF, #F4E2E2)!important;
	        
	        /*Bordures arrondies */
            border:5px solid #C25F5E;
         }
         .grey ul.mega-menu li#ctl00_MenuJS_119 .sub li.mega-hdr a.mega-hdr-a,
         .grey ul.mega-menu li#ctl00_MenuJS_120 .sub li.mega-hdr a.mega-hdr-a
         {
            background-image: url("img/Oelevage/im_fleche_menu_2e_niveau.png");
         }
         .grey ul.mega-menu #ctl00_MenuJS_119 .sub li.mega-hdr li a,
         .grey ul.mega-menu #ctl00_MenuJS_120 .sub li.mega-hdr li a
         {
            background-image: url("img/Oelevage/puce_3e_niveau.png")
         }
         
         .grey ul.mega-menu #ctl00_MenuJS_119 .sub li.mega-hdr li a:hover, 
         .grey ul.mega-menu #ctl00_MenuJS_120 .sub li.mega-hdr li a:hover
          {
            background: url("img/Oelevage/puce_3e_niveau_rollover.png") no-repeat scroll 5px 9px #DDEAE2;
            /*Font-weight:bold;*/
            color:#B8474E;
          }
         
         .grey ul.mega-menu li#ctl00_MenuJS_119 .sub li.mega-hdr a.mega-hdr-a, 
         .grey ul.mega-menu li#ctl00_MenuJS_120 .sub li.mega-hdr a.mega-hdr-a
         {
             color:#B8474E;
         }