/* --- CONTAINER --- */

@import url("content.css");

body {
    margin             : 0;
    padding            : 0;
    color              : #000;
    background         : #505050 url(../images/2009/fond.jpg) repeat-x;
}
h1 img {
    vertical-align      : bottom;
    padding             : 0 0 0 10px;
}
div.init {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}
div.alcenter {
    text-align         : center;
}
a#lien_fond:link,
a#lien_fond:active,
a#lien_fond:visited,
a#lien_fond:hover,
a#lien_fond:focus {
    position            : absolute;
    outline             : none;
    text-decoration     : none;
    display             : block;
    z-index             : 1;
    top                 : 0;
    outline             : 0;
    display             : none;
}
div#container {
    position            : relative;
    width               : 988px;
    margin              : 0 auto;
    padding             : 24px 0 0 0;
    z-index             : 2;
}
div#content {
    z-index             : 2;
    position            : relative;
    background          : url(../images/2009/fond_content.png) repeat-y;
    padding             : 0 4px;
}
div#fix_ie {
    position            : absolute;
}
/*
  _    _                _
 | |  | |              | |
 | |__| | ___  __ _  __| | ___ _ __
 |  __  |/ _ \/ _` |/ _` |/ _ \ '__|
 | |  | |  __/ (_| | (_| |  __/ |
 |_|  |_|\___|\__,_|\__,_|\___|_|

*/
div#header {
    position            : relative;
    height              : 146px;
    font-size           : 11px;
    background          : url(../images/2009/bandeau.png) no-repeat;
}
a#lien_home:link,
a#lien_home:active,
a#lien_home:visited,
a#lien_home:hover,
a#lien_home:focus {
    display             : block;
    position            : absolute;
    width               : 700px;
    height              : 128px;
    background          : none;
    outline             : none;
    right               : 4px;
    top                 : 16px;
}
div#header div#header_abonnez_vous {
    position            : absolute;
    width               : 402px;
    height              : 139px;
    /*background          : url(../images/2009/header_abonnez_vous.jpg) no-repeat;
    background          : #ff0000;*/
    margin              : 7px 0 0 34px;
}
div#header_abonnez_vous a#header_lien_abonnements:link,
div#header_abonnez_vous a#header_lien_abonnements:active,
div#header_abonnez_vous a#header_lien_abonnements:visited,
div#header_abonnez_vous a#header_lien_abonnements:hover,
div#header_abonnez_vous a#header_lien_abonnements:focus {
    position            : absolute;
    text-decoration     : none;
    width               : 164px;
    height              : 48px;
    margin              : 69px 0 0 5px;
    background          : none;
}
div#header_abonnez_vous a#header_lien_unite:link,
div#header_abonnez_vous a#header_lien_unite:active,
div#header_abonnez_vous a#header_lien_unite:visited,
div#header_abonnez_vous a#header_lien_unite:focus,
div#header_abonnez_vous a#header_lien_unite:hover {
    position            : absolute;
    text-decoration     : none;
    width               : 164px;
    height              : 48px;
    margin              : 69px 0 0 180px;
    background          : none;
}
div#menu_compte {
    position            : absolute;
    margin              : 0 0 0 425px;
    color               : #fff;
    font-weight         : bold;
}
div#menu_compte a:link,
div#menu_compte a:active,
div#menu_compte a:visited {
    color               : #fff;
}
div#menu_infos {
    position            : absolute;
    right               : 10px;
    color               : #fff;
}
div#menu_infos ul li {
    display             : inline;
}
div#menu_infos ul {
    margin              : 0;
}
div#menu_infos a:link,
div#menu_infos a:active,
div#menu_infos a:visited,
div#menu_infos a:hover,
div#menu_infos a:focus {
    color               : #fff;
}
div#update {
    padding             : 3px;
}

/*
  ____        _   _
 |  _ \      | | | |
 | |_) | ___ | |_| |_  ___  _ __ ___
 |  _ < / _ \| __| __|/ _ \| '_ ` _ \
 | |_) | (_) | |_| |_| (_) | | | | | |
 |____/ \___/ \__|\__|\___/|_| |_| |_|

*/
div#bottom {
    position            : relative;
    padding             : 16px 0 0 0;
    text-align          : center;
    background          : url(../images/2009/bottom.png) no-repeat;
    font-size           : 11px;
    color               : #fff;
}
div#bottom a:link,
div#bottom a:active,
div#bottom a:visited,
div#bottom a:hover,
div#bottom a:focus {
    color               : #fff;
}

/*
  __  __                               _            _             _
 |  \/  |                             (_)          (_)           | |
 | \  / | ___ _ __  _   _   _ __  _ __ _ _ __   ___ _ _ __   __ _| |
 | |\/| |/ _ \ '_ \| | | | | '_ \| '__| | '_ \ / __| | '_ \ / _` | |
 | |  | |  __/ | | | |_| | | |_) | |  | | | | | (__| | |_) | (_| | |
 |_|  |_|\___|_| |_|\__,_| | .__/|_|  |_|_| |_|\___|_| .__/ \__,_|_|
                           | |                       | |
                           |_|                       |_|
*/
div#menu div#menu_content {
    position            : relative;
    background          : url(../images/2009/fond_menu.gif);
    font-size           : 14px;
}
div#menu ul {
    position            : relative;
    margin              : 0;
    padding             : 0;
}
div#menu ul li {
    margin              : 0;
    padding             : 0;
    position            : relative;
    display             : block;
    height              : 26px;
    background          : transparent url(../images/2009/menu_separateur.gif) top right no-repeat;
    float               : left;
    padding             : 11px 9px 0 7px;
    color               : #fff;
    text-decoration     : none;
    font-variant        : small-caps;
    white-space         : nowrap;
}
div#menu ul li.rouge {
    background          : transparent url(../images/2009/menu_separateur_rouge.gif) top right no-repeat;
}
div#menu_content ul li a:link,
div#menu_content ul li a:active,
div#menu_content ul li a:visited,
div#menu_content ul li a:hover,
div#menu_content ul li a:focus {
    color               : #fff;
    text-decoration     : none;
}
div#menu ul li ul {
    display             : block;
    background          : #fff;
    padding             : 7px 3px 0 3px;
    margin              : 37px 0 0 10px;
    display             : none;
    position            : absolute;
    top                 : 0;
    left                : 0;
    border-bottom       : 1px solid #a7a7a9;
    border-right        : 1px solid #a7a7a9;
    border-left         : 1px solid #a7a7a9;
}
div#menu ul li ul li {
    color               : #035594;
    padding             : 0;
    background          : none;
    float               : none !important;
}
div#menu ul li ul li.fist_li {
    display             : block;
    width               : 13px;
    height              : 7px;
    position            : absolute;
    background          : url(../images/2009/menu_fleche.png);
    margin              : -14px 0 0 0;
    font-size           : 0;
    border              : none;
}
div#menu ul li ul a:link,
div#menu ul li ul a:active,
div#menu ul li ul a:visited,
div#menu ul li ul a:hover,
div#menu ul li ul a:focus {
    color               : #035594;
    display             : block;
}



div#pub_haut {
    padding             : 10px 0 0 0;
    text-align          : center;
}
/*div#pub_haut div {
    float               : left;
    padding             : 0 6px;
}*/
div#pub_horizontal_petit,
div#pub_horizontal {
    float               : left;
    padding             : 0 6px;
}



/*
   _____       _                              _                               _
  / ____|     | |                            | |                             | |
 | |      ___ | | ___  _ __  _ __   ___    __| | ___    __ _  __ _ _   _  ___| |__   ___
 | |     / _ \| |/ _ \| '_ \| '_ \ / _ \  / _` |/ _ \  / _` |/ _` | | | |/ __| '_ \ / _ \
 | |____| (_) | | (_) | | | | | | |  __/ | (_| |  __/ | (_| | (_| | |_| | (__| | | |  __/
  \_____|\___/|_|\___/|_| |_|_| |_|\___|  \__,_|\___|  \__, |\__,_|\__,_|\___|_| |_|\___|
                                                        __/ |
                                                       |___/
*/

h1.actu_left {
    margin              : 0;
    font-weight         : normal !important;
    font-size           : 30px;
    color               : #000;
    background          : #fff;
    padding             : 0 0 0 8px;
    font-style          : normal !important;
}
h1.actu_left img {
    vertical-align      : top;
    padding             : 14px 0 0 0;
}
div#content_cols {
    position            : relative;
    padding             : 13px 7px;
}
div#col_left {
    position            : relative;
    float               : left;
    width               : 397px;
}
div#col_left div.publiredactionnel {
    width               : 395px;
    overflow            : hidden;
}
div.publiredactionnel {
    position            : relative;
    background          : #fff;
    border              : 1px solid #b61244;
    margin-bottom       : 4px;
}
div.publiredactionnel_border {
    height              : 6px;
    font-size           : 0;
    background          : #b61244;
}
div.white_box {
    background          : #fff;
    padding             : 5px 10px 10px 10px;
    font-family         : Tahoma, Arial, Verdana, sans-serif;
    border-bottom       : 1px solid #ccc;
    margin-bottom       : 4px;
}
div.white_box hr {
    border              : none;
    height              : 1px;
    background          : #c9c9cb;
}
div.publiredactionnel h2,
div.white_box h2 {
    margin              : 0;
    color               : #00589c;
    font-size           : 18px;
    font-weight         : normal;
}
h2.white_box a:link,
h2.white_box a:active,
h2.white_box a:visited,
h2.white_box a:hover,
h2.white_box a:focus {
    color               : #00589c;
    text-decoration     : none;
}
div.publiredactionnel h3,
div.white_box h3 {
    margin              : 0 0 13px 0;
    font-size           : 11px;
    color               : #6f6f71;
    font-family         : Tahoma, Verdana, Arial, sans-serif;
}
div.publiredactionnel p,
div.white_box p {
    margin-bottom       : 0;
}
div.publiredactionnel a:link,
div.publiredactionnel a:active,
div.publiredactionnel a:visited,
div.publiredactionnel a:focus,
div.publiredactionnel a:hover,
div.white_box a.lire_suite:link,
div.white_box a.lire_suite:active,
div.white_box a.lire_suite:visited,
div.white_box a.lire_suite:hover,
div.white_box a.lire_suite:focus {
    font-weight         : bold;
    color               : #007ece;
    text-decoration     : none;
}
a.lien_toutes:link,
a.lien_toutes:active,
a.lien_toutes:visited,
a.lien_toutes:hover,
a.lien_toutes:focus {
    display             : block;
    background          : #fff;
    color               : #0073de;
    font-size           : 13px !important;
    /*font-variant        : small-caps;*/
    text-align          : right;
    padding             : 4px 15px 0 0;
    font-weight         : bold;
}
div.publiredactionnel_top {
    position            : absolute;
    right               : 0;
    width               : 99px;
    height              : 10px;
    background          : url(../images/2009/publiredactionnel_top.gif) no-repeat;
}
div.publiredactionnel_content {
    padding             : 5px 10px 10px 10px;
}
div.grey_border {
    border              : 1px solid #ccc;
    padding             : 5px;
    background          : #fff;
}
div.grey_border td {
    text-align          : center;
}

/*OFFRE D'EMPLOI*/

#offre_emploi {
    background    : #FFFFFF none repeat scroll 0 0;
    border-bottom : 1px solid #CCCCCC;
    font-family   : Tahoma,Arial,Verdana,sans-serif;
    /*margin-bottom : 4px;
    padding       : 5px 10px 10px;*/
}
#offre_emploi .offre {
    margin-bottom : 5px;
    clear         : both;
}
#offre_emploi .offre a {
    background   : url(../images//puce_li.gif) no-repeat left 3px;
    padding-left : 12px;
}
#offre_emploi a.tout {
    display        : block;
    font-size      : 11px;
    margin-left    : 140px;
    margin-top     : 20px;
    margin-bottom  : 3px;
}
#offre_emploi .image {
   width     : 280px;
   font-size : 10px;
}
#offre_emploi .image a {
    margin-bottom : 10px;
    font-size     : 11px;
}
#offre_emploi a{
    font-weight : bold;
}
#offre_emploi img{
    margin-right  : 10px;
    margin-bottom : 10px;
}
#offre_emploi .titre {
    font-weight : bold;
    font-size   : 11px;
}
#offre_emploi .blocktexte {
    width     : 220px;
    font-size : 10px;
}

div.liste_detail {
    font-size  : 12px;
    width      : 500px;
}
div.liste_detail span {
    font-weight : bold;
}
div.liste_detail span.titre {
    color         : #005EC2;
    font-size     : 15px;
    border-bottom : 1px solid #DDDDDD;
    display       : block;
    width         : 500px;
}
/*
   _____       _                                          _             _
  / ____|     | |                                        | |           | |
 | |      ___ | | ___  _ __  _ __   ___    ___  ___ _ __ | |_ _ __ __ _| | ___
 | |     / _ \| |/ _ \| '_ \| '_ \ / _ \  / __|/ _ \ '_ \| __| '__/ _` | |/ _ \
 | |____| (_) | | (_) | | | | | | |  __/ | (__|  __/ | | | |_| | | (_| | |  __/
  \_____|\___/|_|\___/|_| |_|_| |_|\___|  \___|\___|_| |_|\__|_|  \__,_|_|\___|

*/
div#col_center {
    position            : relative;
    float               : left;
    padding-left        : 12px;
    width               : 245px;
}
input.recherche_home {
    width               : 195px;
    font-size           : 11px;
}
a.lien_breve:link,
a.lien_breve:active,
a.lien_breve:visited,
a.lien_breve:hover,
a.lien_breve:focus {
    color               : #00589c;
    font-weight         : bold;
}

/*

*/
div#col_classique {
    position            : relative;
    float               : left;
    /*width               : 655px;*/
    width               : 485px;
    background          : #fff;
    overflow            : hidden;
}
div#col_classique_inter {
    position            : relative;
    float               : left;
    width               : 160px;
    padding             : 0 0 0 10px;
}
div.pad5 {
    padding             : 5px;
}


/*
   _____       _                              _            _           _ _
  / ____|     | |                            | |          | |         (_) |
 | |      ___ | | ___  _ __  _ __   ___    __| | ___    __| |_ __ ___  _| |_  ___
 | |     / _ \| |/ _ \| '_ \| '_ \ / _ \  / _` |/ _ \  / _` | '__/ _ \| | __|/ _ \
 | |____| (_) | | (_) | | | | | | |  __/ | (_| |  __/ | (_| | | | (_) | | |_|  __/
  \_____|\___/|_|\___/|_| |_|_| |_|\___|  \__,_|\___|  \__,_|_|  \___/|_|\__|\___|

*/
div#col_right {
    position            : relative;
    float               : left;
    padding-left        : 11px;
    width               : 300px;
}
div#pub_bas {
    text-align          : center;
    padding             : 10px;
}
div.zone_actu {
    position            : relative;
    height              : 13px;
    background          : #fff url(../images/2009/zone_actu.gif) repeat-x;
}
div.zone_actu div {
    height              : 10px;
    background          : url(../images/2009/zone_actu_titre.gif) top center no-repeat;
}
div.puce_actu {
    background          : url(../images/2009/puce_actu.gif) 0 3px no-repeat;
    font-weight         : bold;
    color               : #b41f4c;
    padding             : 0 0 0 10px;
}
a.lien_gris:link,
a.lien_gris:active,
a.lien_gris:visited,
a.lien_gris:hover,
a.lien_gris:focus {
   display              : block;
   color                : #737373;
   padding              : 5px 0 8px 0;
}
a.lien_bleu:link,
a.lien_bleu:active,
a.lien_bleu:visited,
a.lien_bleu:hover,
a.lien_bleu:focus {
    display             : block;
    text-decoration     : none;
    color               : #00589c;
    padding             : 0 0 6px 3px;
}
a.lien_bleu img {
    vertical-align      : middle;
    padding-right       : 5px;
}
div.icon {
    background-repeat   : no-repeat;
    padding             : 0 0 25px 39px;
    color               : #00589c;
}
div.icon a:link,
div.icon a:active,
div.icon a:visited,
div.icon a:hover,
div.icon a:focus {
    text-decoration     : underline;
    color               : #525252;
}
div#myspace {
    background-image    : url(../images/2009/icon_myspace.gif);
}
div#facebook {
    background-image    : url(../images/2009/icon_facebook.gif);
}
div#twitter {
    background-image    : url(../images/2009/icon_twitter.gif);
}
ul.jcarousel a:link,
ul.jcarousel a:active,
ul.jcarousel a:visited,
ul.jcarousel a:hover,
ul.jcarousel a:focus {
    text-decoration     : underline;
    color               : #00589c;
    font-weight         : bold;
}

/*
  __  __                    _
 |  \/  |                  | |
 | \  / | ___ _ __  _   _  | |__   __ _ ___
 | |\/| |/ _ \ '_ \| | | | | '_ \ / _` / __|
 | |  | |  __/ | | | |_| | | |_) | (_| \__ \
 |_|  |_|\___|_| |_|\__,_| |_.__/ \__,_|___/

*/
div.menu_bas {
    background          : #948f8d;
    margin              : 10px 10px 0 10px;
    padding             : 8px;
    color               : #FFF;
    font-size           : 10px;
    text-align          : center;
}
div.menu_bas a,
div.menu_bas a:link,
div.menu_bas a:visited {
    color               : #FFF;
}


div.pagination {
    text-align          : center;
}
a.paginate:link,
a.paginate:active,
a.paginate:visited,
a.paginate:hover,
a.paginate:focus {
    color               : #0073de !important;
    font-weight         : bold !important;
}