/* --- CONTAINER --- */

@import url("content.css");
@import url("superfish.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : url(../images/background_body.jpg) fixed;
    font-family            : Arial;
    font-size            :12px;
}
hr.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 0px;
    line-height        : 0px;
    border                : 0px !important;
    width                : 100%;
}
.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 0px;
    line-height        : 0px;
}
img {
    border                : 0;
}
div#conteneur_de_fond {
    width                : 997px;
    background            : transparent url(../images/background_conteneur.png) repeat-y;
    margin                : 0 auto;
    height                : auto;
}
#container {
    width              : 989px;
    margin             : 0 auto;
    padding            : 0 4px 0 4px;
    height                : auto;
}
div#hack_bottom_conteneur {
    margin                : 0 auto;
    width                : 997px;
    height                : 15px;
    _margin-top            : -3px !important;
    background            : transparent url(../images/bottom_container_new.png) no-repeat;
}
/* --- HEADER --- */

#header {
    height                : 156px;
    position            : relative;
    background            : #fff;
    z-index                : 100;
}
#header_background {
    text-align         : left;
    width                : 989px;
    height                : 89px;
    padding-top            : 27px;
    background            : url(../images/background_header.jpg) no-repeat;
}
#header_background a {
    margin                : 0 0 0 27px;
}
div#menu_top_right {
    float                : right;
    margin-right        : 10px;
    background            : none !important;
    margin-top            : -20px;
    -margin-top            : -85px;
    *margin-top            : -85px;
}
div#menu_top_right ul {
    background            : none !important;
}
div#menu_top_right ul li {
    margin                : 0;
    padding                : 0;
    background            : none !important;
    display                : inline;
}
div#menu_top_right ul li a {
    font-size            : 10px !important;
    width                : auto;
    margin                : 0;
    padding                : 2px 0 0 0 !important;
    text-transform        : none !important;
    color                : #595959 !important;
    background            : none !important;
    height                : 15px !important;
    font-weight            : normal !important;
}
div#menu_top_right ul li.separateur img {
    margin-top            : 0px;
    margin-top            : -3px \9;
    _margin-top            : 3px;
    *margin-top            : 3px;
}



#header_menu {
    text-align         : left;
    height                : 40px;
    background            : #fff;
    font-family            : Trebuchet MS;
}
#header_menu ul {
    margin             : 0;
    background            : #fff;
}
#header_menu ul li {
    display            : inline;
    list-style         : none;
    height                : 40px;
    margin             : 0;
    background         : #fff;
    margin-bottom        : 0 !important;
    z-index                : 99;
}
#header_menu ul li ul {
     filter              : alpha(opacity=70) !important;
    -moz-opacity        : 0.7;
    -khtml-opacity      : 0.7;
    opacity             : 0.7;
    padding-top            : 5px;
    _padding-top        : 10px;
    width                : 180px;
    position           : absolute !important;
}
#header_menu ul li ul li {
    height                : auto !important;
}
#header_menu ul li a, #header_menu ul li a:link, #header_menu ul li a:visited {
    text-decoration    : none;
    color              : #2f366a;
    padding            : 14px 20px 0 20px;
    font-size          : 12px;
    text-transform        : uppercase;
    font-weight            : bold;
}
#header_menu ul li.separateur_header_menu {
    height                : 40px;
}
#header_menu ul li.on a, #header_menu ul li.on a:link, #header_menu ul li.on a:visited {
    background         : none;
    color              : #FFF;
}
#header_menu ul li li {
    padding-left        : 10px;
    width                : 170px;

}
#header_menu ul li li a, #header_menu ul li li a:link, #header_menu ul li li a:visited {
    padding            : 5px 20px 5px 10px;
    font-size          : 11px;
    color                : #000;
    text-transform        : none;
    border-top            : 1px solid #8e8e8e;
    background            : url(../images/puce_menu_header.gif) 0px 9px  no-repeat;
}
#header_menu ul li a:hover {
    text-decoration        : underline;
}
/* *********** partie home ***************** */
#partie_haute {
    background            : url(../images/background_partie_haute.gif) no-repeat;
    height                : 252px;
    border                : 0;
}
#bandeau_home {
    margin-left            : 10px;
    float                : left;
    width                : 739px;
    _margin-left        : 5px;
}
#partie_centrale {
    margin-top            : 12px;
    margin-top            : 12px \9 !important;
    padding                : 0;
    position            : relative;
    z-index                : 100;
    _width                : 100%;
    height                : 300px \9;

}
#side_left {
    width                : 335px;
    *width                : 335px;
    _width                : 335px;
    margin-left            : 23px;
    float                : left;
    margin-left            : 23px \9;
    *margin-left        : 20px !important;
    _margin-left        : 11px;
    *padding-left        : 0px;
    _padding-left        : 0px !important;

}
img#titre_emploi {
    margin-bottom        : 22px;
}
#lien_side_left img {
    margin                : 0 0 17px 5px;
}
#side_right {
    float                : left;
}
#mise_en_avant {
    width                : 580px;
    margin                : 0 0 0 10px;
    padding                : 0;
    color                : #5d5d5d;
}
#mise_en_avant p {
    margin-top            : 0!important;
}
#mise_en_avant a, #mise_en_avant a:link, #mise_en_avant a:visited {
    color                : #e27320;
    font-weight            : bold;
}
#mise_en_avant a:hover {
    text-decoration        : underline;
}
#englobe_actu_event {
    width                : 610px;
}
#actu_home {
    background            : url(../images/background_menu_home.gif) no-repeat;
    width                : 300px;
    height                : 216px;
    padding-left        : 19px;
    float                : left;
}
#actu_home ul#partie_haute_actu {
    margin-top            :20px;
}
#actu_home ul#partie_haute_actu li {
    display            : inline;

}
li#defillement {
    float                : right;
    margin-right        : 25px;
    *margin-top            : -15px;
    text-align            : right \9;
}
li#defillement img {
    cursor                : pointer;
}
li#actualite_home {
    color                : #444444;
    text-transform        : uppercase;
    font-weight            : bold;
    font-size            : 13px;
    margin-left            : 5px;
}
#actu_home ul {
    margin                : 0;
    list-style            : none;
}
#actu_home ul.actualites li.actualite_item {
    width                : 295px;
    height                : 180px;
    margin-left            : 5px;
}
#actu_home ul.actualites li.actualite_item .actualite_date {
    margin-bottom        : 5px;
}
#actu_home h3 {
    text-align            : left;
}
#actu_home h3 a, #actu_home h3 a:visited, #actu_home h3 a:link  {
    color                : #000;
}
#actu_home img.actualite_vignette {
    margin                : 0 5px 0 0  !important;
}
#actu_home .actualite_description {
    color                : #5f5f5f;
    width                : 200px;
    float                : left;
}
#actu_home .actualite_description a
#actu_home .actualite_description a:link,
#actu_home .actualite_description a:visited {
    color                : #e27320;
    font-weight            : bold;
}
#actu_home .actualite_description a:hover {
    text-decoration        : underline;
}
#evenement_home {
    background            : url(../images/background_evenement_home.gif) no-repeat;
    width                : 263px;
    height                : 216px;
    float                : right;
    padding-left        : 19px;
}
#evenement_home ul#partie_haute_event {
    margin-top            :20px;
}
#evenement_home ul#partie_haute_event li {
    display            : inline;
}
#evenement_home ul {
    margin                : 0;
    list-style            : none;

}
#evenement_home ul.evenements,
#evenement_home ul.evenements li {
    width                : 263px !important;
    height                : 180px !important;
}
li#event_home {
    color                : #444444;
    text-transform        : uppercase;
    font-weight            : bold;
    font-size            : 13px;
    margin-left            : 5px;
}
#evenement_home ul.evenements li {
    margin-left            : 5px;
}
div.description_courte_prochain_evenement {
    color                : #5f5f5f;
    width                : 245px;
}
#evenement_home div.description_courte_prochain_evenement a,
#evenement_home div.description_courte_prochain_evenement a:link,
#evenement_home div.description_courte_prochain_evenement a:visited  {
    color                : #e27320;
    font-weight            : bold;
}
#evenement_home div.description_courte_prochain_evenement a:hover {
    text-decoration        : underline;
}
div.retour_event a, div.retour_event a:link, div.retour_event a:visited {
    color                : #e27320;
    font-weight            : bold;
}
div.retour_event a:hover {
    text-decoration        : underline;
}
/* ******************* partie classique ************************** */
#partie_haute_classique {
    background            : url(../images/partie_haute_classique.gif) no-repeat;
    width                : 988px;
    height                : 136px;
    margin-bottom        : 11px;
}
#bandeau_classique {
    width                : 970px;
    height                : 117px;
    margin-left            : 10px;
}
/* --- SIDEBAR --- */
#sidebar {
    float                : left;
    width              : 226px;
    background         : #fff;
    margin-left            : 3px;
}
#sidebar ul {
    margin             : 0;
    padding                : 0;
}
#sidebar li {
    list-style         : none;
    width              : 201px;
    margin                : 0 0 3px 0;
}
#sidebar li.sans_lien {
    margin                : 0!important;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
    text-decoration    : none;
    color              : #fff;
    display            : block;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
    background         : #fff;
    color              : #FFF;
}
#sidebar ul li a:hover {
    background         : #fff;
    color              : #FFF;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    left               : 180px;
    top                : 0;
}

/*   menu niveau 2 /******************/
#menu_niveau2 {
    width                : 220px;
    min-height            : 421px;
    height                : 520px;
    float                : left;
    padding-left        : 8px;
    background            : url(../images/background_menu2.gif) no-repeat;
}
#menu_niveau2 h3 a, #menu_niveau2 h3 a:link, #menu_niveau2 h3 a:visited {
    color                : #646464;
    text-transform        : uppercase;
    font-weight            : bold;
    width                : 170px !important;
}
#menu_niveau2 h3 a:hobe {
    text-decoration        : underline;
}
#menu_niveau2 ul li {
    display                : block;
    list-style            : none;
    width                : 150px;
    margin-bottom        : 8px;
    padding-left        : 10px;
}
ul.menu_niv2 {
    margin                : 0;
    display                : block;
}
ul.niv3 li {
    width                : 120px!important;
}
ul.niv3 li.first {
    margin-top            : 8px;
    margin-top            : 8px \9 !important;
}
#menu_niveau2  ul.niv3 a.on {
    color                : #e27320 !important;
}
a.niveau2, a.niveau2:visited, a.niveau2:link {
    text-decoration        : none;
    color                : #242d66;
    margin-left            : 0px;
    text-transform        : none;
    font-weight            : bold;
    margin-left            : 10px;
    float                : right;
    _margin-top            : -15px;
    *margin-top            : -15px;
    width                : 130px;
}
a.niveau2:hover {
    text-decoration        : underline;
}
li img.picto_niveau2 {
    margin-top            : 2px;
    margin-top            : 3px \9;
    cursor                : pointer;
}
li.niveau3 a, li.niveau3 a:visited, li.niveau3 a:link {
    color                : #242d66;
    font-weight            : bold;
    width                : 70px;
}
li.niveau3 a:hover{
    text-decoration        : underline;
}
#contenu_classique{
    float                : left;
    width                : 747px;
    _width                : 760px;
    background          : #fff;
}
#contenu_vide {
    _width                : 950px;
    padding                : 20px;
    background          : #fff;
}
/* *********** actu classique *********** */
ul.actualites_classique {
    margin                : 0;
    list-style            : none;
}
li.actualite_item_classique {
    padding-left        : 19px;
    padding-right        : 20px;
    height                : auto;
    _margin-bottom        : 13px;
    _width                  : 700px;

}
li.actualite_item_classique h2 a, li.actualite_item_classique h2 a:link, li.actualite_item_classique h2 a:visited  {
    color                : #000;
    text-transform        : uppercase;
}
li.actualite_item_classique div.actualite_description {
    color                : #5e5e5e;
    text-align            : justify;
    margin-left            : 100px;
}
li.actualite_item_classique .actualite_vignette {
    margin-left             : 0 !important;
}
div.filet_bas {
    margin-left             : -19px;
    width                   : 100%;
}
div.filet_bas img {
    width                   : 747px;
}
div.filet_bas img.img_pix {
    _width                : 740px;
    height                : 2px;
}
div.filet_bas .remonter {
    cursor                : pointer;
}
div.actualite {
    padding-left        : 15px;
}
div.actualite .actualite_vignette {
    margin-left             : 0 !important;
}
h2.actualite_titre  {
    color                : #000;
    text-transform        : uppercase;
}
div.actualite div.actualite_contenu {
    width                   : 530px;
    text-align              : justify;
    margin-left             : 195px;
    margin-top              : 0;
}
div.actualite div.actualite_contenu p {
    padding-top             : 0 !important;
    margin-top              : 4px !important;
}
div.actualite_retour a, div.actualite_retour a:link, div.actualite_retour a:visited {
    color                  : #e27320;
    font-weight            : bold;
}
div.actualite_retour a:hover {
    text-decoration        : underline;
}
/****** evenement **********/
ul.evenements {
    list-style            : none;
}
div.date_prochain_evenement {
    margin-bottom        : 10px;
}
/* --- CONTENT --- */
#content {
    padding            : 0;
    display                : block;
    position            : relative;
    z-index                : 10;
}

#page_title {
    border-bottom      : 1px solid #474D4D;
}
/* ********* FOOTER *********************** */
#footer {
    background         : #333;
    padding            : 10px;
}
#footer_menu {
    text-align         : center;
}
#footer ul {
    margin             : 0;
}
#footer ul li {
    display            : inline;
    list-style         : none;
    margin             : 0 5px;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration    : none;
    color              : #FFF;
}
#footer ul li a:hover {
    text-decoration    : underline;
}

/* --- COPYRIGHT --- */
#copyright {
    padding            : 5px 0px;
    text-align         : center;
    color              : #FFF;
    font-size          : 10px;
}
#copyright a, #copyright a:visited, #copyright a:link, #copyright a:active, #copyright a:hover, #copyright a:focus {
    color              : #FFF;
    text-decoration    : none;
}
#copyright img {
    vertical-align     : middle;
}

/* *********************** carte sensitive **********************************/
div#carte_sensitive {
    width                : 445px;
    float                : left;
    margin-top            : 15px;
}
div#carte_resultat {
    margin                : 15px 0 0 475px;
    height                : 330px;
    width                : 255px;
    border-left            : 1px solid #B3B3B3;
    padding-left        : 19px;
}
/************************* FIL ARIANE *******************************************/
div#fil_ariane {
    margin              : 15px 0 0px 0px;
    padding                : 0 0 0 4px;
}
div#fil_ariane ul {
    margin                : 0px 0 0.75em 0 !important;
    padding                : 0;
    font-weight            : bold;
    display                : inline;
}
div#fil_ariane ul li {
    display            : inline;
    list-style         : none;
}
div#fil_ariane ul li a, div#fil_ariane ul li a:visited, div#fil_ariane ul li a:link {
    text-decoration        : none;
    font-weight            : bold;
    font-size            : 13px;
}
div#fil_ariane ul li a:hover {
    text-decoration        : underline;
}
div#fil_ariane ul li.separateur {
    margin                : 0;
    vertical-align        : top;
}
#fil_ariane,
#fil_ariane ul li.separateur,
#fil_ariane a,
#fil_ariane a:link,
#fil_ariane a:visited {
    color                : #9b9995 !important;
}
#fil_ariane a:hover {
    color                : #9b9995 !important;
}