/* Navigation principale */
#navigation_principale {
    width: 749px;
    height: 52px;
    margin-bottom: 15px;
    position: relative;
    top: 0px;
    float: right;
}

.menu-principal {
    margin: 0 !important;
    width: 100% !important;
    display: block;
    clear: both;
    float: right !important;
    border-left: 1px solid #eeeeee !important;
    border-top: 1px solid #eeeeee !important;
    margin-bottom: 8px !important;
    font-size: 0.95em;
    position: static !important;
}

    .menu-principal li {
        display: inline;
        float: none !important;
        position: static !important;
    }

        .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;
            white-space: normal !important;
        }

            .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-top: -5px;
    height: 36px;
}

    #socialicons ul li {
        display: block;
        float: right;
        margin-left: 3px;
    }

        #socialicons ul li a {
            height: 29px;
            width: 29px;
            display: block;
        }

            #socialicons ul li a:hover {
                text-decoration: none;
            }

.rssNews {
    height: 20px;
    position: absolute;
    right: 10px;
    width: 20px;
    top: 4px;
}

a.rss {
    background: url(/_layouts/PortailMapaq/Images/rss29.png) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    width: 29px;
    height: 29px;
}

    a.rss span {
        display: none;
    }

a.twitter {
    background: url(/_layouts/PortailMapaq/Images/twitter29.png) 0 0 no-repeat;
}

a.linkedinico {
    background: url(/_layouts/PortailMapaq/Images/linkedin29.png) 0 0 no-repeat;
}

a.facebookico {
    background: url(/_layouts/PortailMapaq/Images/fb29.png) 0 0 no-repeat;
}

a.youtube {
    background: url(/_layouts/PortailMapaq/Images/youtube29.png) 0 0 no-repeat;
}

a.instagramico {
    background: url(/_layouts/PortailMapaq/Images/instagram29.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 !important;
        padding-top: 1px !important;
    }

.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 !important; /*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;
        }