/* +------------------------------------------------------+
   | CSS - GLOBAL                                         |
   +------------------------------------------------------+ */
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

html, body {
  height: 100%;
}

a span, .hide {
  font-size:1px;
  visibility:hidden;
}

dl, dt, dd, ul, li {
  list-style-type: none;
}

.clear {
  clear: both;
}

.orange { color : #FCB814; }
.gris_f { color : #999999; }
.bleu_c { color : #D1DCE2; }
.bleu_f { color : #004C99; }

.t9px { font-size: 9px; }
.t10px { font-size: 10px; }
.t11px { font-size: 11px; }
.t14px { font-size: 14px; }

.gras { font-weight: bold; }

/* +------------------------------------------------------+
   | BODY & MAIN                                          |
   +------------------------------------------------------+ */
body {
  background: #FFF;
}

#body {
  position:absolute;
	width: 850px;
	height: 100%;
  left:50%;
  margin-left: -425px;
}

/* +------------------------------------------------------+
   | HEADER                                               |
   +------------------------------------------------------+ */
#header_top {
  color: #999;
  font-size: 10px;
  display: block;
  background: #FFF;
  margin: 10px 0px 5px 0px;
  text-align: right;
}

#header_top a.top:link, a.top:visited {
  font-size: 10px;
  margin: 0px 5px 0px 5px;
  color: #9db7d1;
  text-decoration: underline;
}

#header_top a.top:hover, a.top:active {
  color: #FFF;
  background: #9db7d1;
  text-decoration: none;
}

#header {
  height: 199px;
  background: #FFF url(../images/header_bg.gif) no-repeat bottom;
}

#header .logo {
  display: block;
  width: 260px;
	height: 120px;
  text-indent: -5000px;
}

#header_navigation {
  margin: 60px 0px 0px 20px;
  color: #FFF;
  font-weight: bold;
}

#header_navigation a.nav:link, a.nav:visited {
  color: #D1DCE2; /* Bleu Clair, #004C99; Bleu Fonce */
  text-decoration: underline;
}

#header_navigation a.nav:hover, a.nav:active {
  color: #FCB814; /* Jaune */
  text-decoration: none;
}

/* +------------------------------------------------------+
   | FOOTER                                               |
   +------------------------------------------------------+ */
#footer {
  clear: both;
  height: 65px;
  width: 850px;
  text-align: center;
  background: #9db7d1 url(../images/footer_bg.gif);
}

#footer .content {
  display: block;
  padding: 10px 0px 0px 0px;
  color: #000;
  font-size: 10px;
}

#footer .content a.lien:link{
  font-size: 12px;
  font-weight: bold;
  color: #004C99;
}

#footer .content a.lien:hover {
  color: #999;
  text-decoration: none;
}

/* +------------------------------------------------------+
   | CONTENT                                              |
   +------------------------------------------------------+ */
#content {
}

#content a:link,
#content a:visited {
  color: #000;
  text-decoration: none;
}

#content a:hover,
#content a:active {
  color: #FCB814;
  text-decoration: underline;
}

/* +------------------------------------------------------+
   | CONTENT > MENU                                       |
   +------------------------------------------------------+ */
#content_menu {
  width: 160px;
  float: left;
}

#menu {
  padding: 5px 10px;
  /*border: 2px solid #E5E5E5;*/
  background: #E5E5E5;
}

#menu_top {
  display: block;
  width: 160px;
  height : 27px;
  background: #E5E5E5 url(../images/menu_top.gif) no-repeat;
}

#menu_bottom{
  display: block;
  width: 160px;
  height : 21px;
  background: #E5E5E5 url(../images/menu_bottom.gif) no-repeat;
}

#content_menu a.menu:link,
#content_menu a.menu:visited {
  display: block;
  padding: 0px 0px 0px 14px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  background: #004C99 url(../images/menu_picto.gif) no-repeat 4px 4px;
}

#content_menu a.menu:hover,
#content_menu a.menu:active {
  color: #004C99;
  background: #E5E5E5 url(../images/menu_picto_on.gif) no-repeat 4px 4px;
}

.smenu {
  border: 1px solid #E5E5E5;
}

#content_menu a.smenu:link,
#content_menu a.smenu:visited {
  display: block;
  padding: 0px 0px 0px 2px;
  color: #004C99;
  font-weight: bold;
  text-decoration: none;
  background: #D1DCE2; /* Bleu Clair*/
}

#content_menu a.smenu:hover,
#content_menu a.smenu:active {
  background: #fcb814;
}

/* +------------------------------------------------------+
   | EMPLOI - Sous menu                                   |
   +------------------------------------------------------+ */
#emploi {
  padding: 5px 10px;
  /* border: 2px solid #d1dce2; */
  background: #d1dce2;
}

#emploi_top {
  display: block;
  width: 160px;
  height : 27px;
  background: #d1dce2 url(../images/emploi_top.gif) no-repeat;
}

#emploi_bottom{
  display: block;
  width: 160px;
  height : 21px;
  background: #d1dce2 url(../images/emploi_bottom.gif) no-repeat;
}

/* +------------------------------------------------------+
   | CONTENT > MAIN                                       |
   +------------------------------------------------------+ */
#content_main {
  display: block;
  margin: 10px 10px 10px 10px;
  width: 670px;
  float: left;
}

/* +------------------------------------------------------+
   | BOX (Agrandir les photos)                            |
   +------------------------------------------------------+ */
#box {
  display    : none;
  background : url(/images/bg_box.png) !important;
  background : none;
  filter     : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='scale',src='/images/bg_box.png');
  z-index    : 90;
  position   : absolute;
  top        : 0;
  left       : 0;
  width      : 100%;
  height     : 100%;
}

#box #box_table {
  width  : 100%;
  height : 100%;
}

#box img {
  margin        : 0 auto;
  top           : 50%;
  margin-top    : 5px;
  margin-bottom : 5px;
}

#box #load {
  position    : absolute;
  left        : 50%;
  margin-left : -200px;
  background  : #000;
  color       : #FFF;
  width       : 400px;
  margin-top  : 200px;
  filter      : alpha(opacity=30);
  -moz-opacity: .30;
  opacity     : .30;  
  height      : 100px;
  line-height : 100px;
  font-size   : 30px;
}

#box a {
  font-size       : 12px;
  font-weight     : bold;
  color           : #FFF;
  padding         : 3px 3px;
  text-decoration : none;
}

#box #bt_clos {
  width        : 14%;
  float        : right;
  text-align   : right;
  padding      : 3px 20px 3px 3px;
  background   : #004c99 url(../images/btn_box_fermer.gif) no-repeat 98%;
}

#box #bt_clos:hover {
  color        : #004C99;
  background   : #D1DCE2 url(../images/btn_box_fermer.gif) no-repeat 99%;
}

#box #bt_prev {
  width       : 46%;
  background  : #004c99;
  float       : left;
}

#box #bt_prev:hover {
  color       : #004C99;
  background  : #D1DCE2;
}

#box #bt_next {
  width       : 46%;
  background  : #004c99;
  float       : right;
  text-align  : right;
}

#box #bt_next:hover {
  color       : #004C99;
  background  : #D1DCE2;
}