/* groupe menu 1 - niveau 1 */

.gcmenu11N1
     {
        padding:0px;
        margin:0 auto;
        padding-top:5px;
        list-style-type: none;
        display:block;
        height: 40px;
        float:left;
        width:100%;
        vertical-align:middle;
     }

.gcmenu11N1 li
        {
   float:left;
   display:block;
   font-size: 11px;
   color: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   font-style:normal;
   font-weight: bold;
        }

.gcmenu11N1  li a
    {
    width:130px;
    line-height: 24px;
    height: 24px;
    display:block;
    text-decoration: none;
    color: #ffffff;
    font-style:normal;
    font-weight: normal;
    }
/* style séparateur de menu*/
.gcmenu11N1  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
            display:block;
        height:0px;
    }
.gcmenu11N1  li a:hover, .gcmenu11N1  li  a:focus, .gcmenu11N1  li a:active
    {
    color: #F8F834;
    }

/*  niveau 2 et +  */

.gcmenu11N2
     {
     padding:0px;
     margin:0px;
     list-style-type: none;
     display:none;
     position:absolute;
     float:none;
     background-color:#e2edf9;
     font-style:normal;
     font-weight: bold;
     font-variant:normal;
        z-index:1001;

     }
.gcmenu11N2 UL
     {
     padding:0px;
     margin:0px;
     margin-left:129px;
     margin-top:-18px;
     list-style-type: none;
     display:none;
     position:absolute;
     float:left;
     background-color:#e2edf9;
     }
.gcmenu11N2 li
        {
                display:block;
                background-color:#e2edf9;
                float:none;
                text-align:left;
                /*text-indent:4px;*/
                                padding-left:4px;
                color:#fff;
                border:solid;
                border-color:#ffffff;
                border-width:1px;


                }
.gcmenu11N2 li li
        {
                background-color:#E8F1FF;
                }
.gcmenu11N2  li a
    {
    display:block;
        line-height: 16px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
        height:auto;

    }
/* style séparateur de menu*/
.gcmenu11N2  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
    display:block;
        height:0px;
        border-bottom: 1px solid #F00;

    }

.gcmenu11N2  li a:hover, .gcmenu11N2  li  a:focus, .gcmenu11N2  li a:active
    {

        color: #438459;


    }


/* groupe menu 2 - niveau 1 */

.gcmenu21N1
     {
     padding:0px;
     margin:0px;
     list-style-type: none;
     display:block;
     width:180px;
          }

.gcmenu21N1 li
        {
   display:block;
   font-size: 11px;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    text-indent:15px;
        border-bottom:#FFF solid 1px;
                }

.gcmenu21N1  li a
    {
    line-height: 24px;
    display:block;
    text-decoration: none;
        color: #ffffff;
            }
/* style séparateur de menu*/
.gcmenu21N1  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
        border: 1px solid #F00;
        display:block;

    }
.gcmenu21N1  li a:hover, .gcmenu21N1  li  a:focus, .gcmenu21N1  li a:active
    {
         color: #ffffff;
                 background-color:#006699;
    }

/*  niveau 2 et +  */

.gcmenu21N2
     {
         padding:0px;
         margin:0px;
         list-style-type: none;
         display:none;
         position:absolute;
         width:180px;
         margin-left:160px;
         margin-top:-24px;
         background-color:#e2edf9;
     }
.gcmenu21N2 UL
     {

     padding:0px;
     margin:0px;
     list-style-type: none;
         display:none;
         position:absolute;
         width:150px;
         background-color:#CC99CC;

     }
.gcmenu21N2 li
        {

                display:block;
                float:none;
                text-align:left;
                }

.gcmenu21N2  li a
    {
    display:block;
        line-height: 24px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
/* style séparateur de menu*/
.gcmenu21N2  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
        border: 1px solid #F00;
    display:block;

    }
.gcmenu21N2  li a:hover, .gcmenu21N2  li  a:focus, .gcmenu21N2  li a:active
    {
    color: #999;
    }


/* groupe menu 3 - niveau 1 */

.gcmenu31N1
     {

padding:0px;
     margin:0px;
     list-style-type: none;
         background-color:#fff;
         display:block;
         height: 24px;
         float:right;
     }

.gcmenu31N1 li
    {
        float:left;
        display:block;
    font-size: 11px;
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align:center;
    }

.gcmenu31N1  li a
    {
        width:170px;
         line-height: 12px;
        height: 12px;
    display:block;
    text-decoration: none;
    }
/* style séparateur de menu*/
.gcmenu31N1  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
    display:block;
        height:0px;
    }
.gcmenu31N1  li a:hover, .gcmenu31N1  li  a:focus, .gcmenu31N1  li a:active
    {
    color: #000000;
    }

/*  niveau 2 et +  */

.gcmenu31N2
     {
     padding:0px;
     margin:0px;
     list-style-type: none;
         display:none;
         position:absolute;
         float:none;
         background-color:#B6CC68;
     }
.gcmenu31N2 UL
     {
     padding:0px;
     margin:0px;
         margin-left:80px;
         margin-top:-24px;
     list-style-type: none;
         display:none;
         position:absolute;
         float:left;
         background-color:#B6CC68;
     }
.gcmenu31N2 li
        {
        display:block;
        background-color:#e2edf9;
        float:none;
        text-align:left;
                }
.gcmenu31N2 li li
        {
                background-color:#B6CC68;
                }
.gcmenu31N2  li a
    {
    display:block;
        line-height: 24px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
/* style séparateur de menu*/
.gcmenu31N2  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
    display:block;
        height:0px;
        border-bottom: 1px dashed #F00;

    }

.gcmenu31N2  li a:hover, .gcmenu31N2  li  a:focus, .gcmenu31N2  li a:active
    {
    color: #999;
    }




/*  menu horizontal */


.GCmenuH li
        {
    float: left;
    text-align: center;

        }



/*  navigation page a page  */

div#FObarrenav
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        text-decoration: none;
    }
div#FObarrenav a
{
        text-decoration: none;

        color: #007fc4;

}
div#FObarrenav a:hover, div#FObarrenav  a:focus, div#FObarrenav a:active
        {
    color: #007fc4;
    text-decoration: underline;
    }

/* declaison menu 11 extranet*/
.extramenu11N1
     {
        padding:0px;
        margin:0px;
        padding-top:5px;
        list-style-type: none;
        display:block;
        height: 40px;
        float:left;
        width:100%;
        vertical-align:middle;
     }

.extramenu11N1 li
        {
   float:left;
   display:block;
   font-size: 11px;
   color: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   font-style:normal;
   font-weight: bold;
        }

.extramenu11N1  li a
    {
    width:130px;
    line-height: 24px;
    height: 24px;
    display:block;
    text-decoration: none;
    color: #ffffff;
    font-style:normal;
    font-weight: normal;
    }
/* style séparateur de menu*/
.extramenu11N1  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
            display:block;
        height:0px;
    }
.extramenu11N1  li a:hover, .extramenu11N1  li  a:focus, .extramenu11N1  li a:active
    {
    color: #F8F834;
    }

/*  niveau 2 et +  */

.extramenu11N2
     {
     padding:0px;
     margin:0px;
     list-style-type: none;
     display:none;
     position:absolute;
     float:none;
     background-color:#014165;
     font-style:normal;
     font-weight: bold;
     font-variant:normal;
        z-index:1001;

     }
.extramenu11N2 UL
     {
     padding:0px;
     margin:0px;
     margin-left:129px;
     margin-top:-18px;
     list-style-type: none;
     display:none;
     position:absolute;
     float:left;
     background-color:#e2edf9;
     }
.extramenu11N2 li
        {
                display:block;
                background-color:#014165;
                float:none;
                text-align:left;
                /*text-indent:4px;*/
                                padding-left:4px;
                color:#fff;
                border:solid;
                border-color:#ffffff;
                border-width:1px;


                }
.extramenu11N2 li li
        {
                background-color:#E8F1FF;
                }
.extramenu11N2  li a
    {
    display:block;
        line-height: 16px;
    text-decoration: none;
    font-size: 11px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
        height:auto;

    }
/* style séparateur de menu*/
.extramenu11N2  li p
    {
        padding:0px;
        margin:0px;
        border:0px;
    display:block;
        height:0px;
        border-bottom: 1px solid #F00;

    }

.extramenu11N2  li a:hover, .extramenu11N2  li  a:focus, .extramenu11N2  li a:active
    {

        color: #438459;


    }

.alain {
        background-color:#B3C902 !important;

        }


/*this is the css for the horizontal version*/

                .horizontal ul{
                        border: none;
                        list-style-type: none;
                        padding: 0;
                        margin: 0;

                }
                .horizontal ul li{
                        float: left;
                        position: relative;

                }
                .horizontal ul li a{
                        display: block;
                        width: 125px;
                        text-decoration: none;
                        padding: .1em 1px;
                        padding-left:4px;
                        overflow: hidden;
                        border: 1px solid;
                        border-left: none;
                }
                .horizontal li li{
                        float: none;
                        border-bottom: 1px solid transparent;
                        margin-bottom: -1px;

                }
                .horizontal li li.last{
                        border-bottom: none;
                }
                .horizontal ul li ul{
                        position: absolute;
                        top: 1.3em;
                        left: -1px;
                        margin-top: -1px;

                }
                .horizontal ul ul ul{
                        width: 130px;
                        top: -1px;
                        left: 128px;
                        margin-top: 0;

                }
                .horizontal.left ul ul ul,.horizontal .left ul ul{
                        top: -1px;
                        left: -128px;
                }
                .horizontal ul li li a{
                        border: 1px solid;
                        border-top: none;
                }
                .horizontal ul li:first-child>a{
                        border-left: 1px solid;
                }
                .horizontal ul li a.first{
                        border-left: 1px solid;
                }
                .horizontal ul li li a.first{
                        border-top: 1px solid;
                }
                .horizontal ul li li:first-child>a{
                        border-top: 1px solid;
                }
                div.horizontal ul li.pixelfix ul{
                        left: 0;
                }
                div.horizontal ul li.pixelfix ul ul{
                        left: 128px;
                }
                /*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/
                .mlmenu li ul{
                        display: none;
                }
                .mlmenu li:hover>ul{
                        display: block;
                }
                /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
                .accessible li ul{
                        display: block;
                }
                /*Code to show an element has a child*/
                .mlmenu.plus li a:first-child:not(:last-child):after{
                        content: '+';
                }
                .plus a span{
                        padding-left: .5em;
                }
                .noshow{
                        visibility: hidden;
                }
                /*colors for menu*/
                .blackwhite li a{
                        background-color: white;
                        color: black;
                        border-color: black;
                }
                .blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
                        background-color: black;
                        color: white;
                        border-color: black;
                }
                .blackwhite li:first-child>a:hover{
                        background-color: black;
                        color: white;
                        border-color: black;
                }
                .blackwhite ul{
                        border-color: black;
                }
                .bluewhite li a{
                        background-color: white;
                        color: #000033;
                        border-color: #000033;
                }
                .bluewhite li a:hover,.bluewhite li a.first:hover,.bluewhite .trail a.hover{
                        background-color: #000033;
                        color: white;
                        border-color: #000033;
                }
                .bluewhite li:first-child>a:hover{
                        background-color: #000033;
                        color: white;
                        border-color: #000033;
                }
                .bluewhite ul{
                        border-color: #000033;
                }