/* Navigation principale */
#navigation_principale{width:749px; height:52px; margin-bottom:15px; position: relative; top: 0px; float: right;}
.menu-principal {margin:0;width:100%;display:block;clear:both;float: right; border-left: 1px solid #eeeeee!important; border-top: 1px solid #eeeeee!important; margin-bottom: 8px; font-size:0.95em}
.menu-principal li {display:inline;}
.menu-principal li a{float:left; font-weight:bold; height:5em; padding:0.65em 5px 2px 6px; text-align:center; width:95px; height:40px; text-decoration:none; border-bottom: 4px solid #d1da67; border-right: 1px solid #eeeeee; line-height: 1em; color: #666}
.menu-principal li a:hover, .menu-principal li a:focus, .menu-principal li a:active{background-color:#eee; border-bottom: 4px solid #b1c100;}
.menu-principal li.menuPrincipalActif a {background-color:#eee; border-bottom: 4px solid #b1c100;}
.menu-principal li.menuPrincipalActif:last-child a {background-color: #BCE2F6;}
.menu-principal li.menuPrincipalActif a:hover, .menu-principal li.menuPrincipalActif a:focus, .menu-principal li.menuPrincipalActif a:active { background-color:#eee; border-bottom: 4px solid #b1c100; }
.menu-principal li.dernier a span{background: url(/_layouts/PortailMapaq/Images/bg_menu_region_span.png) center top no-repeat; padding-top: 22px; position: relative; top: 22px}
/* Navigation principale Region du Qc */
body .menu-principal li.menuRegion a{border-bottom: 4px solid #4b9fe7!important;}
body .menu-principal li.menuRegion a:hover, body .menu-principal li.menuRegion a:focus, body .menu-principal li.menuRegion a:active{border-bottom: 4px solid #095da6!important;}
body .menu-principal li.menuRegionActif a {border-bottom: 4px solid #4b9fe7!important;background-color: #d1ebf8;}
body .menu-principal li.menuRegionActif a:hover,body .menu-principal li.menuRegionActif a:focus, body .menu-principal li.menuRegionActif a:active {border-bottom: 4px solid #095da6!important;}

/* Fil Ariane */
#fil-Ariane{color:#788C5F;padding-bottom: 1em;font-size: 0.9em;float: left; width: 580px;  }
#fil-Ariane a:hover, #fil-Ariane a:focus{color:#607091;text-decoration:underline}
#fil-Ariane ul { list-style: none;}
#fil-Ariane li{display: inline; padding: 0 2px 0 0px; background-repeat: no-repeat; background-position: 2px 2px;}
#fil-Ariane ul span.breadcrum{ display:block; }

#fil-Ariane li.actif { color: #000; }

.filArianeFleche { background-image: url('/_layouts/PortailMapaq/Images/fleche_fil_arianne.gif'); margin-left: 3px; margin-right: 5px; background-position: 0 3px; !background-position: 0 2px; width:12px; height: 13px; display: inline-block;}

/* Navigation secondaire */
.navigation_secondaire{width:200px; float:left; margin-top:-65px;}
.navigation_secondaire ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
.navigation_secondaire .zone,.menu-secondaire li.ouvert ul{	width: 200px;	overflow:hidden}

/* Contenu central (aka Article) */
.article{width:570px; float:left; margin:0 0 0 20px; clear:both; }
.publications{float: left;margin-left: 11px; margin-top:30px;}


/* Menu contextuel */
.contextuel{ width:160px; float:right; }

/* Nous joindre */
#nous-joindre {background:#3475b9; padding:4px 0 8px 0;}
#nous-joindre a{color:#fff;text-decoration:none;font-weight: bold;line-height: 1em;padding-left:5px}

/* Recherche */
#recherche input { float:left; color:#4e4e4e; border:1px solid #dbdbdb; height:22px; padding:0 30px 0 5px; width:153px; }
#recherche{background-color: #EEEEEE; color: #607091; font-weight: bold; margin-bottom:42px; height:44px; padding: 5px;}
#recherche label{text-transform: uppercase; font-size:0.91em; display:none; }
#recherche .ok{ cursor:pointer; width:29px; height:21px; margin:5px 0 0 -25px; position:absolute; }
/*#recherche .ok:hover, #recherche .ok:focus, #recherche .enAction, #recherche .ok:active{background-color: #99ccff}*/
#recherche span { float:left; background: url(/_layouts/PortailMapaq/Images/m_fleche_droite.gif) 0 2px no-repeat; padding-left:10px; display:block; margin-top:4px; } /* JM padding-left: 13px;position:relative;top: -3px*/
#recherche span a{ color:#454545; }

/* RSS - réseaux sociaux */
#socialicons{ float:right; margin-bottom:5px; }
#socialicons ul li{ display:block; float:left; margin-left:5px; }
#socialicons ul li a{ height:24px; width:24px; display:block; }
#socialicons ul li a:hover{text-decoration:none;}
a.rss{ background:url(/_layouts/PortailMapaq/Images/i_rss.jpg) 0 0 no-repeat; text-indent:-9999px; }
    a.rss span{ display:none; }
a.twitter{ background:url(/_layouts/PortailMapaq/Images/i_twitter.jpg) 0 0 no-repeat; }
a.youtube{ background:url(/_layouts/PortailMapaq/Images/i_youtube.jpg) 0 0 no-repeat; }
a.instagramico{ background:url(/_layouts/PortailMapaq/Images/instagram_icon.png) 0 0 no-repeat; }
#socialicons .lienExterne{ display:none; }


/* Menu secondaire (s'applique aux menus de gauche et de droite) */
.menu-secondaire{ border-top:21px solid #095DA6; font-size: 0.91em; padding-bottom: 0; padding-top: 0; }
.accueil .menu-secondaire{ background-color:none; }
.accueil #ctl00_ctl00_ContenuSubMasterPage_MenuSecondaire_ucMenuSecondaire_mnuSecondaire ul{padding-bottom:5px; background-color:#eee;}
.accueil #ctl00_ctl00_ContenuSubMasterPage_MenuSecondaire_ucMenuSecondaire_mnuSecondaire ul li,.accueil #ctl00_ctl00_ContenuSubMasterPage_MenuSecondaire_ucMenuSecondaire_mnuSecondaire ul li.even,.accueil #ctl00_ctl00_ContenuSubMasterPage_MenuSecondaire_ucMenuSecondaire_mnuSecondaire ul li.odd{color: #4e4e4e!important; background-color:#eee!important; border-bottom:none!important; min-height:15px!important; padding-bottom:2px;}
.accueil .menu-secondaire h3#souventdem{ display:block; color:#FFF; font-size:1.2em; margin:-19px 0 1px 7px; text-transform:uppercase; }
#souventdem{ display:none; }
.menu-secondaire ul,.menu-secondaire li{margin: 0;padding: 0}
.menu-secondaire ul li ul{ margin-top: 4px; padding-top:1px; }
.contextuel .menu-secondaire ul li ul{margin-top: 8px; }

.menu-secondaire ul li.ligneSeparatrice { display:none !important; /*min-height: 5px!important; padding: 0; background-color: #fff!important;*/ }
.contextuel .menu-secondaire ul li.separateur-menu { width: 176px; display:block; }
.contextuel .menu-secondaire ul li.ligneSeparatrice {/*width: 179px; min-height:5px;*/ display:none; }

.menu-secondaire a { color:#4e4e4e; text-decoration:none; display: block; padding-left:5px; width:178px; }
.menu-secondaire li.menuSecondaireOuvert a.menuSecondaireOuvert {color:#0880c0; font-weight:bold; padding-bottom:5px;} /* ACTIF */
.menu-secondaire a:hover, .menu-secondaire a:focus, .menu-secondaire a:active{ color:#0880c0 !important;}

.menu-secondaire ul{list-style-image:none; list-style-position:outside; list-style-type:none; }
.menu-secondaire ul ul{	background-image:none;	padding-bottom: 0;}
.accueil #ctl00_ctl00_ContenuSubMasterPage_MenuSecondaire_ucMenuSecondaire_mnuSecondaire ul li{ padding: 4px 0px 5px 14px; /*background: url(/_layouts/PortailMapaq/Images/puce_bleue.png) 8px 17px no-repeat;*/}
.menu-secondaire ul li{ padding: 4px 0px 5px 14px; font-weight: bold;}
.menu-secondaire ul li.even{ background:#eee; border-bottom:1px solid #FFF; min-height:25px; font-weight:normal; }
.menu-secondaire ul li.odd{ background:#f3f3f3; border-bottom:1px solid #FFF; min-height:25px; font-weight:normal; }
.menu-secondaire ul li.even a, .menu-secondaire ul li.odd a{ font-weight:normal; margin-top:5px; color:#4e4e4e; font-size:11px; width:135px; }

.accueil .lastofthelist{ border-top: solid 4px #fff;}
 
.menu-secondaire ul li.menuSecondaireOuvert{ color: #6486c8; padding-bottom:0px!important;}
.menu-secondaire ul li.menuSecondaireOuvert ul{ background-color:#fff; margin-left: -18px; /*padding-left:15px;*/ }
#menu-contextuel ul li.menuSecondaireOuvert ul{ background-color:#fff; margin-left: -14px; /*padding-left:15px;*/ }
    .menu-secondaire ul li.menuSecondaireOuvert ul li a{ margin-left:25px; }
    #menu-contextuel ul li.menuSecondaireOuvert ul li a{ margin-left:0px; }
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul{padding-left: 4px; width: 172px;}
.menu-secondaire ul li.menuSecondaireOuvert ul li{ color:#000; font-weight:normal;  }
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul li { background-color:#fafafa; }
.menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul { /*background-color: #FFFFFF;*/ color: #000; /*padding-top: 5px; border-right:1px solid #ededed; border-left:1px solid #ededed;*/ }
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul { padding-top: 0; padding-left:0; margin-top: 5px; width: 160px;}
.menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul li {padding-left: 35px;}
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul li {  width: 132px; }
.menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert {}
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert ul li.menuSecondaireOuvert { width: 133px; }
.menu-secondaire li.separateur, .contextuel .menu-secondaire li.separateur{	padding-left:0;	padding-right:0;}
.menu-secondaire li.separateur span, .contextuel .menu-secondaire li.separateur span{	padding:1px 18px;}
.menu-secondaire li.section{	background-image:none !important;	color:#607091;	text-transform: uppercase;	margin-left: -15px}

/* Menu contextuel (specifique au menu de droite) */
.contextuel .menu-secondaire .menu .lienImportant { background-color: #DDDDDD; background-image:none;}
.contextuel .menu-secondaire { border-top:20px solid #E65238; width:160px; float:right; }
.contextuel .menu-secondaire ul{ float: left; margin-bottom: 2px;}
.contextuel .menu-secondaire ul.dernier{background: #ffe4b0 url(/_layouts/PortailMapaq/Images/m_d_orange_bas.gif) left bottom no-repeat;padding-bottom: 12px}
.contextuel .menu-secondaire a{color:#534d42;text-decoration:none;}
.contextuel .menu-secondaire li{padding-right:5px; background-image: none; background-color: #EEEEEE; font-weight: normal; clear: left; float: left; width:145px;}
.contextuel .menu-secondaire ul.dernier li{background-image: url(/_layouts/PortailMapaq/Images/m_d_orange_fleche_d2.gif)}
.contextuel .menu-secondaire li.ouvert ul{	background-color:#ffe4b0;}
.contextuel .menu-secondaire ul li.menuSecondaireOuvert ul { background-color: #fafafa; background-image: none;}

/* Publicité (images et flash) */
.pubFlashGauche, div.publicite {text-align:center;margin-top:2em;}
.pubFlashGauche {margin-bottom:2em}
.pubEditable { text-align: center; }

.contextuel div.publicite { }
div.publicite a { display: block; }
div.publicite a.lienExterne {margin-bottom: 2em; }
div.publicite a.lienExterne img { margin-bottom: 0; }