/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #2866CB; }
a:hover { text-decoration: underline; color: #2866CB; }

/*  ------------------------------------------ */
/*  ------------------------------------------ */
/*  ------------------------------------------ */
/*  ------------------------------------------ */


body, ul, form { margin: 0; padding: 0; }

body { 
    background:#e9f2fa url(../images/site_background.jpg) repeat-x;
    text-align:center;
    }

a {
    text-decoration: none; color: #2866CB;
}

a:hover {
    text-decoration: underline; color: #2866CB;
}

body, a, span, div, li, input, textarea {
    font-family: Verdana;
    color: #373737;
}

div.dotted_grey {
    height: 16px;
    background: url(../images/dotted_grey.jpg) repeat-x 0 65%;
}

div.dotted_grey2 {
    height: 24px;
    background: url(../images/dotted_grey2.jpg) repeat-x 0 65%;
}

div.dotted_grey3 {
    height: 30px;
    background: url(../images/dotted_grey3.jpg) repeat-x 0 65%;
}

div.float_left { float: left; }
div.float_right { float: right; }


/* MAIN CONTAINER */

div.main {
    width: 992px;
    text-align: left;
    margin: 12px auto 21px auto;
    font-size: 0.9em;
}


/* BIG MAIN BOXES WITH SHADOW */

div.box {
    width: 992px;
    background: url(../images/boxes/border_content_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box_spacer { margin-top: 4px; }

div.box div.top {
    width: 984px;
    height: 4px;
    position: absolute;
    margin-left: 4px;
    background: url(../images/boxes/border_top_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box div.content {
    width: 983px;
    padding-top: 4px;
    position: relative;
    left: 4px;
}

div.box div.bottom {
    width: 992px;
    height: 4px;
    position: absolute;
    z-index: 999;
    background: url(../images/boxes/border_bottom_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box div.container { background-color: #ffffff; }

div.box div.container h1 {
    font-size:1.5em;
    font-weight:normal;
    margin:8px 0 0 0;
    padding:0;
    }
    div.box div.container h1 .titre {
        width:auto;
        background: #e8e8e8 url(../images/fnd_titre.gif) no-repeat bottom right;
        padding:7px 120px 4px 20px;
        font-family: arial, verdana, Helvetica, sans-serif;
        color:#454545;
        }


div.box1 {
    width: 959px;
    background: url(../images/boxes/border1_content_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box1 div.top {
    width: 951px;
    height: 4px;
    position: absolute;
    margin-left: 4px;
    background: url(../images/boxes/border1_top_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box1 div.content {
    width: 959px;
    padding-top: 4px;
    position: relative;
    left: 4px;
}

div.box1 div.bottom {
    width: 959px;
    height: 4px;
    position: absolute;
    z-index: 999;
    background: url(../images/boxes/border1_bottom_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box1 div.container_border { border: 6px solid #dedede; padding: 10px 8px; height: 700px; min-height: 700px; height:auto !important; }
html>body div.box1 div.container_border { height: 600px; min-height: 600px; height:auto !important; }
div.box1 div.container { background-color: #ffffff; width: 951px; }
div.box1 div.container1 { background-image: url(../images/bara.jpg); background-repeat: no-repeat; background-position: 830px 0; background-color: #ffffff; width: 951px; }



div.box2 {
    width: 732px;
    background: url(../images/boxes/border2_content_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box2 div.top2 {
    width: 724px;
    height: 4px;
    position: absolute;
    margin-left: 4px;
    background: url(../images/boxes/border2_top_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
}

div.box2 div.content2 {
    width: 724px;
    padding-top: 4px;
    position: relative;
    left: 4px;
    overflow: hidden;
}

div.box2 div.bottom2 {
    width: 732px;
    height: 4px;
    position: relative;
    z-index: 999;
    background: url(../images/boxes/border2_bottom_grey.png) no-repeat;
    behavior: url(css/iepngfix.htc);
    overflow: hidden;
}


/* HEADER */
div.header {
    width: 982px;
    height: 115px;
    text-align: right;
    background-color: #ffffff;
    }
div.logo {
    float: left;
    width: 401px;
    height: 87px;
    position: relative;
    top: 14px;
    left: 14px;
    }
div.portails {
    padding-top: 58px;
    margin-right: 14px;
    }
div.header_links {
    float: right;
    width: 425px;
    position: relative;
    right: 14px;
    margin-top: 3px;
    padding-top: 8px;
    background: url(../images/header_separator.jpg) no-repeat top right;
    color: #972171;
    font-size: 0.6875em;
    }
    div.header_links a {
        color: #972171;
        font-size: 1em;
        }

/* MENU */
#menu {
    height: 43px;
    list-style: none;
    margin: 0;
    padding: 0;
    }
    #menu a {
        display: block;
        width: 100%;
        height: 100%;
        }
        #menu a:hover {
            text-decoration: none;
            }
        #menu a span {
            position:absolute;
            left:0px;
            top:-500px;
            width:1px;
            height:1px;
            overflow:hidden;
            }
    #menu li {
        float: left;
        height: 43px;
        }
        #menu li.ministre {
            width: 125px;
            background: url(../images/menu/ministre_off.jpg) no-repeat;
            }
            #menu li.ministre a:hover, #menu li.ministre_on {
                width: 125px;
                background: url(../images/menu/ministre_on.jpg) no-repeat;
                }

        #menu li.immigration {
            width: 125px;
            background: url(../images/menu/immigration_off.jpg) no-repeat;
            }
            #menu li.immigration a:hover, #menu li.immigration_on {
                width: 125px;
                background: url(../images/menu/immigration_on.jpg) no-repeat;
                }
        #menu li.asile {
            width: 125px;
            background: url(../images/menu/asile_off.jpg) no-repeat;
            }
            #menu li.asile a:hover, #menu li.asile_on {
                width: 125px;
                background: url(../images/menu/asile_on.jpg) no-repeat;
                }
        #menu li.identite {
            width: 128px;
            background: url(../images/menu/identite_off.jpg) no-repeat;
            }
            #menu li.identite a:hover, #menu li.identite_on {
                width: 128px;
                background: url(../images/menu/identite_on.jpg) no-repeat;
                }
        #menu li.developpement {
            width: 204px;
            background: url(../images/menu/developpement_off.jpg) no-repeat;
            }
            #menu li.developpement a:hover, #menu li.developpement_on {
                width: 204px;
                background: url(../images/menu/developpement_on.jpg) no-repeat;
                }
        #menu li.ressources {
            width: 127px;
            background: url(../images/menu/ressources_off.jpg) no-repeat;
            }
            #menu li.ressources a:hover, #menu li.ressources_on {
                width: 127px;
                background: url(../images/menu/ressources_on.jpg) no-repeat;
                }
        #menu li.ministere {
            width: 148px;
            background: url(../images/menu/ministere_off.jpg) no-repeat;
            }
        #menu li.ministere a:hover, #menu li.ministere_on {
                width: 148px;
                background: url(../images/menu/ministere_on.jpg) no-repeat;
                }
div.menu_extra { height: 28px; }

div.ressources_extra, div.minstre_extra, div.identite_extra, div.doss_extra, div.ministere_extra, div.asile_extra, div.immigration_extra {
    width:  984px;
    height: 28px;
    position: absolute;
    z-index: 999;
    margin-left: 4px;
    margin-top: -1px;
    font-size:0.78em  
    }

    div.identite_extra {
        background: url(../images/menu/identite_extra.jpg) no-repeat;
        }
    div.ressources_extra {
        background: url(../images/menu/ressources_extra.jpg) no-repeat;
        }
    div.minstre_extra {
        background: url(../images/menu/ministre_extra.jpg) no-repeat;
        }
    div.doss_extra {
        background: url(../images/menu/dossiers_extra.jpg) no-repeat;
        }
    div.asile_extra {
        background: url(../images/menu/asile_extra.jpg) no-repeat;
        }
    div.immigration_extra {
        background: url(../images/menu/immigration_extra.jpg) no-repeat;
        }
    div.ministere_extra {
        background: url(../images/menu/ministere_extra.jpg) no-repeat;
        }


/* FOOTER */
div.footer {
    width: 982px;
    padding: 6px 0;
    text-align: center;
    background-color: #ffffff;
    font-size: 0.6875em;
    }
    div.footer a {
        color: #972171;
        font-size: 1em;
        }


/* HOMEPAGE DECLARATIONS */
div.home_content_area {
    padding: 0 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #ffffff;
}

div.home_section1 {
    width: 743px;
    height: 680px;
    background: url(../images/home_section1_background.jpg) repeat-x;
}

div.home_section1_spacer {
    padding-top: 8px;
    padding-left: 6px;
}

div.home_section2 {
    border: 6px solid #4a87be;
    background-color: #ffffff;
    padding: 4px 26px 0px 16px;
    font-size: 1em;
}

div.home_section2_item {
    height: 130px;
}

div.home_section2_item_left {
    float: left;
    width: 430px;
    position: relative;
    top: 8px;
}

div.home_section2_item_right {
    float: left;
    width: 181px;
    height: 128px;
    position: relative;
    left: 50px;
    padding: 5px 0 0 5px;
    background: url(../images/home_image_container.jpg) no-repeat;
}

div.home_heading_blue {
    font-size: 0.875em;
    font-weight: bold;
    color: #005baa;
    line-height: 1.53125em;
    padding-bottom: 10px;
}

div.home_normal_text {
    font-size: 0.6875em;
    color: #373737;
    line-height: 1.203125em;
    padding-bottom: 4px;
}

a.home_button {
    position: relative;
    top: 3px;
    *top: 3px;
}

html>body a.home_button {
    top: 0px;
    *top: 3px;
}

div.home_image1 { padding-top: 12px; }
div.home_image2 { padding-top: 10px; }



/* LEFT MENUS */
div.leftmenu {
    width: 177px;
    background: url(../images/leftmenu/background.png) no-repeat;
    behavior: url(css/iepngfix.htc);
    font-size: 1em;
}

div.leftmenu a {
    display: block;
    font-size: 0.6875em;
    line-height: 1.203125em;
    margin: 0 3px;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 16px;
}

div.leftmenu a:hover {
    text-decoration: none;
}









div.leftmenu a.first {
    display: block;
    font-size: 0.6875em;
    line-height: 1.203125em;
    margin: 0 3px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16px;
    background-position: 6px 16px;
}


div.leftmenufirst {
    display: block;
    font-size: 0.6875em;
    line-height: 1.203125em;
    margin: 0 3px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16px;
    background-position: 6px 16px;
}


div.leftmenu a.last {
    display: block;
    font-size: 0.6875em;
    line-height: 1.203125em;
    margin: 0 3px;
    padding-top: 6px;
    padding-bottom: 12px;
    padding-left: 16px;
    background-position: 6px 12px;
}












/*-------------------[start] ELEMENTS COMMUNS-------------------*/
div.leftmenu_top {
    width: 177px;
    height: 12px;
    behavior: url(css/iepngfix.htc);
    position: absolute;
    z-index: 999;
    }
div.leftmenu_bottom {
    width: 177px;
    height: 12px;
    behavior: url(css/iepngfix.htc);
    position: absolute;
    z-index: 999;
    margin-top: -6px;
    }
div.leftmenu a.separator { 
    width: 169px;
    height: 2px;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 999;
    margin-left: 4px;
    line-height: 1px;
    }
div.leftmenu a.menu {
    padding-top: 13px;
    }
    div.leftmenu a.menu:hover, div.leftmenu a.menu_selected {
        font-weight: bold;
        }
    div.leftmenu a.menu_selected {
        background-position: 6px 15px;
        }   
div.heading {
    font-size: 1.1875em;
    padding-bottom: 8px;
    margin-bottom: 12px;
    }

.bullet {
    font-size:0.78em
    line-height:1.7em;
    padding-left:15px;
    margin-left:10px;
    margin-top:10px;
    }
.arrow {
    font-size:0.78em
    line-height:1.3em;
    padding-left:15px;
    margin-left:20px;
    margin-top:10px;
    }
.sep {
    height:1px;
    width:690px;
    margin-left:10px;
    margin-top:8px;
    margin-bottom:8px;
    }
ul.list {
    list-style: none;
    margin: 0;
    font-size: 1em;
    margin-top: 12px;
    margin-left: 8px;
    clear: both;
    }
    ul.list li {
        font-size: 0.6875em;
        line-height: 1.203125em;
        padding-bottom: 6px;
        padding-left: 8px;
        }
        ul.list span.selected, ul.list a {
            }

/*-------------------[end] ELEMENTS COMMUNS-------------------*/


/*-------------------[start] COULEURS ------------------*/

.c_blue {
    }
    .c_blue div.leftmenu_top {
        background: url(../images/leftmenu/top-blue.gif) no-repeat;
        }
    .c_blue div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom-blue.gif) no-repeat;
        }
    .c_blue div.leftmenu a.border { 
        border-left: 1px solid #4b87be;
        border-right: 1px solid #4b87be;
        }
    .c_blue div.leftmenu a.separator { 
        background: url(../images/leftmenu/separator_blue.jpg) no-repeat;
        }
    .c_blue div.leftmenu a.menu {
        background:#4b87be url(../images/leftmenu/bulina_blue_off.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_blue div.leftmenu a.menu:hover, .c_blue div.leftmenu a.menu_selected {
            background: #f2f8fd url(../images/leftmenu/bulina_blue_on.jpg) no-repeat 6px 12px;
            color: #4582ba;
            }
    .c_blue div.heading {
        background:transparent url(../images/dotted_blue.jpg) repeat-x scroll left bottom;
        color:#005BAA;
        }
    .c_blue .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_blue .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_blue .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }


.c_green {
    }
    .c_green div.leftmenu_top {
        background: url(../images/leftmenu/top-green.gif) no-repeat;
        }
    .c_green div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom_green.gif) no-repeat;
        }
    .c_green div.leftmenu a.border {
        border-left: 1px solid #9ab238;
        border-right: 1px solid #9ab238;
        }
    .c_green div.leftmenu a.separator {
        background: url(../images/leftmenu/separator-green.jpg) no-repeat;
        }
    .c_green div.leftmenu a.menu {
        background:#c2d960 url(../images/leftmenu/bulina_green_off.jpg) 6px 12px no-repeat;
        color: #000000;
        }
        .c_green div.leftmenu a.menu:hover, .c_green div.leftmenu a.menu_selected {
            background:#fafcf3 url(../images/leftmenu/bulina_green_on.jpg) 6px 12px no-repeat;
            color: #8aa712;
            }
    .c_green div.heading {
        background-color:#f5f7ed;
        border:1px solid #e6e6e6;
        color:#9ab52b;
        /* font-size:1.1875em;
        line-height:1.1em;
        padding:15px 0px 15px 10px; */
        margin-top:10px;
        }
    .c_green .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_green .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_green .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }

.c_magenta {
    }
    .c_magenta div.leftmenu_top {
        background: url(../images/leftmenu/top_magenta.gif) no-repeat;
        }
    .c_magenta div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom_magenta.gif) no-repeat;
        }
    .c_magenta div.leftmenu a.border {
        border-left: 1px solid #c371ad;
        border-right: 1px solid #c371ad;
        }
    .c_magenta div.leftmenu a.separator {
        background: url(../images/leftmenu/separator_magenta.jpg) no-repeat;
        }
    .c_magenta div.leftmenu a.menu {
        background:#d89eca url(../images/leftmenu/bulina_magenta_off.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_magenta div.leftmenu a.menu:hover, .c_magenta div.leftmenu a.menu_selected {
            background:#ffffff url(../images/leftmenu/bulina_magenta_on.jpg) 6px 12px no-repeat;
            color: #c371ad;
            }
    .c_magenta div.heading {
        background:transparent url(../images/dotted_blue.jpg) repeat-x scroll left bottom;
        color:#005BAA;  
        }
    .c_magenta .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_magenta .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_magenta .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }           

.c_orange {
    }
    .c_orange div.leftmenu_top {
        background: url(../images/leftmenu/top_orange.gif) no-repeat;
        }
    .c_orange div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom_orange.gif) no-repeat;
        }
    .c_orange div.leftmenu a.border {
        border-left: 1px solid #ee632f;
        border-right: 1px solid #ee632f;
        }
    .c_orange div.leftmenu a.separator {
        background: url(../images/leftmenu/separator_orange.jpg) no-repeat;
        }

    .c_orange div.leftmenu a.ssmenu {
        background:#fa713e url(../images/leftmenu/arrow_orange.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_orange div.leftmenu a.ssmenu:hover {
            background:#fa713e url(../images/leftmenu/arrow_orange.jpg) 6px 12px no-repeat;
            color: #ffffff;
            }
    .c_orange div.leftmenu a.menu {
        background-color: #fa713e;
        color: #ffffff;
        }
        .c_orange div.leftmenu a.menu:hover, .c_orange div.leftmenu a.menu_selected {
            background-color: #fff4f0;
            color: #d94e1a;
            }
        .c_orange div.leftmenu a.orange_selected {
            font-weight:bold;
            padding-left:20px;
            }
    .c_orange div.heading {
        color: #d94e1a;
        background: url(../images/dotted_orange.jpg) repeat-x bottom left;
        }
    .c_orange .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_orange .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_orange .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }
        
    .c_orange div.leftmenu a.last_orange {
        display: block;
        font-size: 0.6875em;
        line-height: 1.203125em;
        margin: 0 3px;
        padding-top: 6px;
        padding-bottom: 12px;
        padding-left: 20px;
        background-position: 6px 12px;
        }
    .c_orange ul.list {
        }
        .c_orange ul.list li {
            background: url(../images/orange_list.jpg) no-repeat 0 4px;
            color: #373737;
            }
            .c_orange ul.list span.selected, .c_orange ul.list a {
                color: #e95721;
                }

.c_purple {
    }
    .c_purple div.leftmenu_top {
        background: url(../images/leftmenu/top_purple.gif) no-repeat;
        }
    .c_purple div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom_purple.gif) no-repeat;
        }
    .c_purple div.leftmenu a.border {
        border-left: 1px solid #b14299;
        border-right: 1px solid #b14299;
        }
    .c_purple div.leftmenu a.separator {
        background: url(../images/leftmenu/separator_purple.jpg) no-repeat;
        }
    .c_purple div.leftmenu a.menu {
        background:#c067ac url(../images/leftmenu/bulina_purple_off.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_purple div.leftmenu a.menu:hover, .c_purple div.leftmenu a.menu_selected {
            background: #ffffff url(../images/leftmenu/bulina_purple_on.jpg) 6px 12px no-repeat;
            color: #b14299;
            }
    .c_purple div.heading {
        color: #a13289;
        background: url(../images/dotted_grey.jpg) repeat-x bottom left;
        }
    .c_purple .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_purple .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_purple .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }


.c_cyan {
    }
    .c_cyan div.leftmenu_top {
        background: url(../images/leftmenu/top-cyan.gif) no-repeat;
        }
    .c_cyan div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom-cyan.gif) no-repeat;
        }
    .c_cyan div.leftmenu a.border {
        border-left: 1px solid #4582b9;
        border-right: 1px solid #4582b9;
        }
    .c_cyan div.leftmenu a.separator { 
        background: url(../images/leftmenu/separator_cyan.jpg) no-repeat;
        }
    .c_cyan div.leftmenu a.menu {
        background:#43bdf0 url(../images/leftmenu/bulina_cyan_off.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_cyan div.leftmenu a.menu:hover, .c_cyan div.leftmenu a.menu_selected {
            background: #f2f8fd url(../images/leftmenu/bulina_cyan_on.jpg) no-repeat 6px 12px;
            color: #43bdf0;
            }
    .c_cyan div.heading {
        background:transparent url(../images/dotted_cyan.jpg) repeat-x scroll left bottom;
        color:#61c9ee;
        }
    .c_cyan .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_cyan .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_cyan .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }

.c_violine {
    }
    .c_violine div.leftmenu_top {
        background: url(../images/leftmenu/top-violine.gif) no-repeat;
        }
    .c_violine div.leftmenu_bottom {
        background: url(../images/leftmenu/bottom-violine.gif) no-repeat;
        }
    .c_violine div.leftmenu a.border { 
        border-left: 1px solid #4582b9;
        border-right: 1px solid #4582b9;
        }
    .c_violine div.leftmenu a.separator { 
        background: url(../images/leftmenu/separator_violine.jpg) no-repeat;
        }
    .c_violine div.leftmenu a.menu {
        background:#90a5d0 url(../images/leftmenu/bulina_violine_off.jpg) 6px 12px no-repeat;
        color: #ffffff;
        }
        .c_violine div.leftmenu a.menu:hover, .c_violine div.leftmenu a.menu_selected {
            background: #f2f8fd url(../images/leftmenu/bulina_violine_on.jpg) no-repeat 6px 12px;
            color: #90a5d0;
            }
    .c_violine div.heading {
        background:transparent url(../images/dotted_violine.jpg) repeat-x scroll left bottom;
        color:#90a5d0;
        }
    .c_violine .bullet {
        background:url(../images/contact_bullet.jpg) left 7px no-repeat;
        }
    .c_violine .arrow {
        background:url(../images/contact_arrow.jpg) left 5px no-repeat;
        }
    .c_violine .sep {
        background:url(../images/contact_separator.jpg) bottom repeat-x;
        }



/*-------------------[stop] COULEURS ------------------*/

div.leftmenu a.first {
        background-position: 6px 15px;
        }
div.leftmenu a.menu_selected.first {
        background-position: 6px 15px;
        }



/* CONTENTS */
div.content_left {
    float: left;
}

div.content_right {
    float: left;
    margin-left: 14px;
    width: 700px;
    font-size: 1em;
}

div.content_clear {
    float: none;
    clear: both;
    font-size: 1px;
    height: 1px;
}



div.heading_grey {
    color: #373737;
    font-size: 1.1875em;
    padding-bottom: 8px;
    margin-bottom: 12px;
    background: url(../images/dotted_grey.jpg) repeat-x bottom left;
}

div.subheading_grey {
    color: #373737;
    font-size: 0.875em;
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 12px;
    background: url(../images/dotted_grey.jpg) repeat-x bottom left;
}

div.subheading_blue {
    color: #005baa;
    font-size: 0.8125em;
    padding-bottom: 4px;
    font-weight: bold;
}

a.link_download {
    color: #2866CB;
    font-size: 0.6875em;
    padding-left: 14px;
    font-weight: bold;
    background: url(../images/link_download.jpg) no-repeat 0 2px;
}

div.normal_text {
    font-size: 0.6875em;
    color: #373737;
    line-height: 1.203125em;
    padding-bottom: 4px;
    padding-top: 6px;
}



p.mission-text {margin:0; padding:0; color:#373737; font-size:0.78em line-height:1.2em; background:url(../images/mission-arrow.jpg) left 4px no-repeat; padding-left:15px; line-height:1.6em; }
.mission-contactmail a{color:#005baa; text-decoration:none; line-height:1em;}
.mission-contactmail a:hover{color:#005baa; text-decoration: underline; line-height:1em;}
.mission-sitelink a {color:#972171; text-decoration:none;}
.mission-sitelink a:hover {color:#972171; text-decoration: underline;}
.miss-separator {background:url(../images/mission-border.jpg) no-repeat; height:4px; width:709px; margin:5px 0px 5px 0px;}







ul.textbox {
    font-size: 1em;
    clear: both;
    list-style: none;
    margin: 0;
    margin-top: 12px;
}

ul.textbox li {
    display: inline;
    float: left;
    height: 22px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 20px;
    background: url(../images/textbox_start.jpg) no-repeat;
    color: #373737;
    font-size: 0.8125em;
}

ul.textbox li.end { background: url(../images/textbox_end.jpg) no-repeat; }




ul.textbox_purple {
    font-size: 1em;
    clear: both;
    list-style: none;
    margin: 0;
    margin-top: 12px;
}

ul.textbox_purple li {
    display: inline;
    float: left;
    height: 22px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 20px;
    background: url(../images/textbox_purple_start.jpg) no-repeat;
    color: #ffffff;
    font-size: 0.8125em;
}

ul.textbox_purple li.end { background: url(../images/textbox_purple_end.jpg) no-repeat; }










/* ORGANIGRAME */
table.organigrame_direction {
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
    width: 665px;
    background: url(../images/organigr-direction.jpg) no-repeat;
    font-size: 1em;
}

table.organigrame_direction td { text-align: center; }

table.organigrame_direction td.top {
    height: 45px;
}

table.organigrame_direction td.col1 {
    width: 208px;
    height: 59px;
}

table.organigrame_direction td.col2 {
    width: 208px;
    height: 59px;
}

table.organigrame_direction td.col3 {
    width: 208px;
    height: 59px;
}

table.organigrame_direction div {
    padding: 0 8px;
    text-align: center;
    font-size: 0.75em;
    color: #373737;
}




div.organigr_general {
    background: url(../images/organigr-general.jpg) no-repeat;
    width: 905px;
    height: 1118px;
}

div.og_w1 {
    font-size: 0.6875em;
    color: #ffffff;
    text-align: center;
    position: absolute;
    width: 180px;
}

div.og_w2 {
    font-size: 0.6875em;
    color: #ffffff;
    text-align: center;
    position: absolute;
    width: 138px;
}

div.og_b1 {
    font-size: 0.6875em;
    color: #000000;
    position: absolute;
    text-align: center;
    width: 180px;
}

div.og_b2 {
    font-size: 0.6875em;
    color: #000000;
    position: absolute;
    text-align: center;
    width: 138px;
}


a.telecharger_pdf {
    background: url(../images/telecharger_pdf.gif) no-repeat;
    display: block;
    width: 191px;
    height: 40px;
}

a.telecharger_pdf span {
    position: relative;
    top: 7px;
    left: 20px;
    font-size: 0.625em;
    color: #972171;
}

a.telecharger_pdf:hover span {
    position: relative;
    top: 7px;
    left: 20px;
    font-size: 0.625em;
    color: #972171;
    text-decoration: underline;
}






p.part-text {margin:0; padding:0; color:#373737; font-size:0.78em line-height:1.2em; background: url(../images/partenaires_arrow.jpg) left 4px no-repeat; padding-left:15px; line-height:1.6em; }
.breadcrumbs { color:#ffffff; font-size:1em; padding:7px 0px 0px 30px;}
.breadcrumbs a{ color:#ffffff;  line-height:1.3em; text-decoration:none;}
.breadcrumbs a:hover{ color:#ffffff; text-decoration:underline;}

.breadcrumbs2 { color:#373737; font-size:1em; padding:7px 0px 0px 30px;}
.breadcrumbs2 a{ color:#373737;  line-height:1.3em; text-decoration:none;}
.breadcrumbs2 a:hover{ color:#373737; text-decoration:underline;}


/*------------ [start] Actus Page ---------------*/
.retour-liste {font-size:0.6em; color:#005baa; font-weight:bold; float:right; margin-top:-15px; background:url(../images/retourliste-icon.jpg) left 3px no-repeat; padding-left:15px;}
.retour-liste a{color:#005baa; text-decoration:none;}
.retour-liste a:hover{color:#005baa; text-decoration: underline;}
.minstre-subtitle {color:#005baa; font-size:13px; line-height:18px; font-weight:bold; margin-bottom:20px;}
.ministre-txt { margin:0; padding:0;color:#373737; line-height:14px; font-size:11px; text-align:justify; float:left; width:430px; margin-right:20px; display:inline;}
.ministre2-txt { margin:0; padding:0;color:#373737; line-height:14px; font-size:0.78em; text-align:justify; float:left; width:430px; margin-right:20px; display:inline;}
.ministre-foto { color:#4684bd; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; width:150px;  display:inline;}

/*------------ [stop] Actus Page ---------------*/

/*------------ [start] Biographie Page ---------------*/
.ContentLeftBio {width:650px; float:left; background-color:#faf9f6; border:1px solid #eeedeb; margin-left:10px; display:inline; padding:10px 20px 20px 20px;}
.ContentRightBio {width:178px; float:left; margin-left:20px; background:url(../images/bio-rightbox.jpg) no-repeat; height:375px;}
.ContentLeftBio .title {font-size:1.31em; line-height:1.6em; color:#005baa;}
.ContentLeftBio .subtitle {font-size:0.875em; line-height:1.6em; color:#373737; background:url(../images/dotted_blue.jpg) bottom repeat-x; padding-bottom:5px;}
.ContentLeftBio .cursus {width:69px; height:20px; background:url(../images/cursusbio.jpg) no-repeat; color:#ffffff; font-weight:bold; font-size:0.812em; padding:2px 0px 0px 10px; margin-top:15px; margin-bottom:10px;}
.ContentLeftBio .line-bullet {background:url(../images/bio-bullet.jpg) left 5px no-repeat; padding-left:13px; margin-left:10px; color:#373737; font-size:0.687em; line-height:1.4em; margin-top:6px;}
.ContentLeftBio .functbio {width:96px; height:20px; background:url(../images/functbio.jpg) no-repeat; color:#ffffff; font-weight:bold; font-size:0.812em; padding:2px 0px 0px 10px; margin-top:20px; margin-bottom:10px; }
.ContentLeftBio .biograf {width:117px; height:20px; background: url(../images/biographie.jpg) no-repeat; color:#ffffff; font-weight:bold; font-size:0.812em; padding:2px 0px 0px 10px; margin-top:20px; margin-bottom:10px; }
.ContentRightBio .foto {width:155px; height:227px; margin:11px 0px 0px 11px;}
.ContentRightBio .title {font-size:0.75em; font-weight:bold; color:#ffffff; margin:15px 0px 0px 10px;}
.ContentRightBio .desc {font-size:0.687em;  color:#ffffff; margin:15px 10px 0px 10px; line-height:1.5em;}
/*------------ [end] Biographie Page ---------------*/

/*------------ [start] Cabinet Page ---------------*/
.CabinetContent {width:999px; margin-left:5px;}
.CabinetContent .box-blue {width:385px; height:141px; background:url(../images/cab-box-blue.jpg) no-repeat; float:left; margin-right:10px; margin-bottom:20px;}
.CabinetContent .box-grey {width:360px; height:141px; background: url(../images/cab-grey-box.jpg) no-repeat; float:left; margin-right:10px; margin-bottom:20px;}
.cab-foto-blue {width:78px; height:95px; margin:5px 0px 0px 8px; float:left; display:inline;}
.cab-foto-grey {width:78px; height:95px; margin:5px 0px 0px 8px; float:left; display:inline;}
.cab-title-box {color:#373737; font-weight:normal; font-size:0.687em; line-height:1.3em; float: left; padding:5px 0px 0px 10px;}
.cab-title-box2 {color:#373737; font-weight:normal; font-size:0.687em; line-height:1.3em; float: left; padding:5px 0px 0px 10px;}
.cab-name-box {color:#005baa;font-weight:normal; font-size:0.687em; line-height:1.3em; float: left;padding:5px 0px 0px 10px;}
.cab-pos-box {color:#373737; font-weight: normal; font-size:0.687em; line-height:1.3em; float: left; padding:0px 0px 0px 10px;}
/*------------ [stop] Cabinet Page ---------------*/

/*------------ [start] Communiques Page ---------------*/
p.comm { margin:0; padding:0;font-size:0.78em; color:#373737; background:url(../images/comm-arrow.jpg) left 4px no-repeat; line-height:1.4em; padding-left:15px;}
.comm-link {font-size:0.78em; color:#972171; line-height:1.4em; background:url(../images/comm-arrow-link.jpg) left 5px no-repeat; padding-left:12px; margin-left:18px;}
.comm-link a{color:#972171; text-decoration:none;}
.comm-link a:hover{color:#972171; text-decoration: underline;}
.comm-sep {width:709px; height:1px; background:url(../images/comm-sep.jpg) no-repeat; margin:15px 0px 10px 0px;}
/*------------ [stop] Communiques Page ---------------*/

/*------------ [start] Tous les Actualite Page ---------------*/
.actual-subtitle {color:#005baa; font-size:13px; line-height:18px; font-weight:bold; margin-bottom:3px;}
p.actual {margin:0; padding:0; color:#373737; font-size:0.78em line-height:1.4em;}
a.Actual-SavoirBtn {width:78px; height:19px; background:url(../images/savoir-btn.jpg) no-repeat; color:#972171; font-size:0.687em; display:block; padding:5px 0px 0px 10px; text-decoration:none; margin-top:10px;}
.Tousactual-box {width:710px; background:url(../images/comm-sep.jpg) bottom no-repeat; padding-bottom:15px; margin-top:15px;}
.Tousactual-box .last{width:710px; background: none; padding-bottom:15px; margin-top:15px;}
.Tousactual-box .foto-bg {width:171px; height:148px; background:url(../images/tousactual-fotobg.jpg) no-repeat; float:left; padding:8px 0px 0px 8px;}
.Tousactual-box .date {color:#005baa; font-size:0.78em line-height:1.4em; float:left; margin:5px 0px 0px 10px; width:500px;}
.Tousactual-box .title {color:#005baa; font-size:0.875em; font-weight:bold; float:left;margin:0px 0px 0px 10px; width:500px;}
.Tousactual-box .title a{color:#005baa; text-decoration:none;}
.Tousactual-box .title a:hover{color:#005baa; text-decoration: underline;}
.Tousactual-box p {margin:0; padding:0; color:#373737; font-size:0.78em line-height:1.4em; float:left; width:500px; margin:5px 0px 0px 10px;}
a.Actual-SavoirBtn-floated {width:78px; height:19px; background:url(../images/savoir-btn.jpg) no-repeat; color:#972171; font-size:-0.660em; display:block; padding:5px 0px 0px 10px; text-decoration:none; margin-top:10px; float:left; margin-left:10px;}
/*------------ [stop] Tous les Actualite Page ---------------*/

/*------------ [start] Contact Page ---------------*/
.ContactContainer {width:750px; margin-left:20px;}
.contactbox {width:750px; background:url(../images/comm-sep.jpg) left bottom no-repeat; padding-bottom:25px; margin-top:25px;}
.contactbox .title {background:url(../images/comm-arrow.jpg) left 4px no-repeat; padding-left:15px; color:#0054a4; font-weight:bold; font-size:0.75em; line-height:1.4em;}
.contactbox p {padding:0; margin:0; font-size:0.678em; color:#373737; line-height:0.8em; margin:10px 0px 0px 15px;}
.contactbox .mail {color:#005baa; font-size:1em; line-height:1em;}
.contactbox .mail a{color:#005baa; text-decoration:none;}
.contactbox .mail a:hover{color:#005baa; text-decoration: underline;}
.purple-link {color:#c30285; font-size:0.75em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; background-color:#f2f2f2; padding:5px 0px 5px 15px; margin:10px 0px 180px 0px;}
/*------------ [stop] Contact Page ---------------*/

/*------------ [start] Dossiers Details Page ---------------*/


.contact_title {color:#373737; font-size:0.75em; font-weight:bold; line-height:1.2em;}
.contact_blue_sep {background: url(../images/contact_blue_sep.jpg) bottom repeat-x; height:2px; width:690px; margin-left:10px; margin-top:25px; margin-bottom:25px;}
.purple-link-contact {color:#c30285; font-size:0.75em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; background-color:#f2f2f2; padding:5px 0px 5px 15px; margin:10px 0px 10px 0px;}
.doss-mail a{color:#972171; text-decoration:none;}
.doss-mail a:hover{color:#972171; text-decoration: underline;}
.doss-mail2 a{color:#005baa; text-decoration:none;}
.doss-mail2 a:hover{color:#005baa; text-decoration: underline;}
.con-secr {font-size:0.78em line-height:1.6em; margin:25px 0px 0px 10px;}
.doss-green-title {background:url(../images/doss-greentitle-bg.jpg) left 0px no-repeat; color:#9ab52b; font-weight:bold; line-height:1.9em; padding-left:15px; margin-left:10px; height:45px;}
.doss-blue-title {background:url(../images/doss-greentitle-bg.jpg) left 0px no-repeat; color:#005baa; font-weight:bold; line-height:1.9em; padding-left:15px; margin-left:10px; height:45px;}
/*------------ [stop] Dossiers Details Page ---------------*/







div.retour {
    position: absolute;
    background: url(../images/retour_bg.jpg) no-repeat;
    width: 250px;
    height: 30px;
    margin-left: 727px;
    margin-top: 4px;
    font-size: 1em;
    text-align: left;
}

div.retour a {
    background: url(../images/retour_icon.jpg) no-repeat 0 1px;
    padding-left: 14px;
    color: #972171;
    font-size: 0.6875em;
    position: relative;
    left: 108px;
    top: 8px;
}



div.bara {
    position: absolute;
    margin-left: 840px;
    z-index:100;
}


/*  ------------------------------------------
/*  Menu 2 Communiques et discours
/*  ------------------------------------------ */




/* expose le chemin de l'article ou rubrique en cours */
    #arborescence .oui {
        color :red;
    }

    /* annule les marges pour les items et les sous items */
    #arborescence li, #arborescence li ul {
        margin: 0;
        padding : 0;
        list-style : none;
    }

    /* par défaut les puces sont dans le corps des items */
    #arborescence li {
        list-style-position: inside;
        margin-left:2em;
        vertical-align : top;
    }

    #arborescence li a {
        height: 20px;
    }

    /* par defaut les element noeuds (ie déplié) */
    #arborescence .noeud {
        list-style-image:url(../images/tree/minus.gif);
        background-image : url(../images/tree/line.gif);
        background-repeat : repeat-y;
    }

    /* lorsque le bloc fils est fermé */
    #arborescence .plier {
        list-style-image:url(../images/tree/plus.gif);
    }

    #arborescence .plier > ul {
        display : none;
    }

    #arborescence .feuille {
        list-style-image: url(../images/tree/branch.gif);
        background-repeat : repeat-y;
        height : 20px;
    }