body {
    margin:0;
    padding:0;
	background-color:#CBCBCB;
	font-family:arial,sans-serif;
	font-size:10pt;
}

#container {
    width:998px;
    margin:0 auto;
    padding:0;
    background:#fff;
}

#header {
    height:104px;
    background:url(../images/header.jpg) center center;
    border:2px solid #fff;
}

#header h1 {
    display:none;
}

#navbar {
    padding:2px 5px;
    background-color:#EEEEEE;
    border-bottom:1px solid #CCCCCC;
}

#content {
    overflow: hidden;
    padding: 0 10px 10px;
}

table {
    margin:0;
    padding:0;
}

p, td {
	font-family:arial,sans-serif;
	font-size:10pt;
}

th {
	font-family:arial,sans-serif;
	font-size:10pt;
	background-color:#EEEEEE;
	text-align:      left;
	width:           auto;
}

table.card th {
    width:              20%;
    text-align:         left;
}

a {
	color:#000066;
}

a:link.add-link,
a:visited.add-link {
  color:                #5f6d7b;
  font-style:           italic;
  text-decoration:      none;
  background:           transparent url(images/pictos/add-user.gif) no-repeat top left;
  padding-left:         20px;
}

a:hover.add-link {
  text-decoration:      underline;
}

a:link.add-contact,
a:visited.add-contact {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/add-user.gif) no-repeat top left;
  padding-left:         20px;
}

a:hover.add-contact {
  text-decoration:      underline;
}

a:link.check-list,
a:visited.check-list {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/check-list.gif) no-repeat top left;
  padding-left:         20px;
}

a:hover.check-list {
  text-decoration:      underline;
}

a:link.export-list,
a:visited.export-list {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/export-list.gif) no-repeat top left;
  padding-left:         20px;
}

a:hover.export-list {
  text-decoration:      underline;
}


a:link.check-back,
a:visited.check-back {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/check-back.gif) no-repeat top left;
  padding-left:         20px;
}

a:hover.check-back {
  text-decoration:      underline;
}

a:link.sort-asc,
a:visited.sort-asc {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/sort-asc.gif) no-repeat top left;
  padding-left:         0px;
}

a:hover.sort-asc {
  text-decoration:      none;
}

a:link.sort-desc,
a:visited.sort-desc {
  color:                #0f549a;
  font-style:           normal;
  font-weight:          bold;
  text-decoration:      none;
  background:           transparent url(images/pictos/sort-desc.gif) no-repeat top left;
  padding-left:         0px;
}

a:hover.sort-desc {
  text-decoration:      none;
}

fieldset {
    margin:             20px 0;
    padding:            15px;
}

fieldset#log_form {
	width:				400px;
}

legend {
    font-weight:        bold;
}

/*
html * fieldset {
    position:           relative;
}

html * legend {
    position:           absolute;
    margin-top:         -25px;
    padding-left:       0;
}
*/

h1 {
    position:           relative;
    margin:             20px 0 15px 0;
    padding:            2px 5px;
    background:         #F09101;
    border:             1px solid #C6974F;
  	color:              #ffffff;
  	font-size:          16px;
}

h2 {
    position:           relative;
    margin:             15px 0;
	padding:            2px 2px;
    font-size:          14px;
	background:         #DDE8F9;
	border:             1px solid #AACBFD;
    color:              #000000;
}

h3 {
    position:           relative;
    margin:             0px 0;
    font-size:          13px;
    border-bottom: 		1px solid #BFBFBF;
    color:              #000000;
}

optgroup {
    font-style:     normal;
}

table.header-top {
	width:100%;
	background-color:#2E91CD;
}
table.header-top td  {
	color:#FFFFFF;
}

table.header-top a {
	color:#FFFFFF;
	padding:2px;
	text-decoration:underline;
}

ul.mainmenu {
    margin:                 0;
    padding:                2px 0;
    list-style:             none;
    background:             #2E91CD;
    border-top:             1px solid #C0DDF1;
    border-bottom:          1px solid #C0DDF1;
}

ul.mainmenu li {
    display:                inline;
    
}

ul.mainmenu li a {
    margin:                 0;
    padding:                2px 5px;
    border-left:            1px solid #fff;
    color:                  #fff;
    text-decoration:        none;
}

ul.mainmenu li a#home {
    border:                 0;
}

ul.mainmenu li a:hover {
	background-color:      #fff;
	color:                 #2B498C;
}


div.panel {
}

/* GESTION DES IMAGES BOUTONS */
img.button {
	border:1px solid #F9F9F9;
}
img.button:hover {
	background-color:#C1D2EE;
	border:1px solid #316AC5;
}

/* GESTION DES LISTES D'ENREGISTREMENTS */
table.list {
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
}

table.list th {
    padding:    3px;
	color:#000000;
}

table.list th a {
	color:#000000;
}

table.list td {
    padding:    3px;
}

table.card {
	border:1px solid #999999;
}

table.card td {
    padding:    3px;
	background-color:#FAFAFA;
}

/* ELEMENTS de PAGE */
.title {
	font-family:arial;
	font-size:11pt;
	color:#0362C1;
	font-weight:bold;
	letter-spacing:1pt;
	/* background-color:#99CCCC;
	color:#FFFFFF; */
}

.title2 {
	font-family:arial;
	font-size:9pt;
	color:#3A8BA5;
	font-weight:bold;
	letter-spacing:1pt;
	/* background-color:#99CCCC;
	color:#FFFFFF; */
}

.warning {
    padding:                20px 20px 20px 55px;
    background:             #FFf7f7 url(../images/pictos/delete.gif) no-repeat 20px 14px;
    border:                 2px solid #FFDDDD;
    color:                  #c00;
}

.warning-valide {
    padding:                0px 5px 5px 55px;
    background:             #CDF7DA url(images/pictos/valider.gif) no-repeat 20px 14px;
    border:                 2px solid #02551B;
    color:                  #000;
    font-weight:            bold;
}

.warning-warning {
    padding:                15px 5px 10px 75px;
    background:             #FFf7f7 url(images/pictos/warning-warning.jpg) no-repeat 20px 14px;
    border:                 2px solid #FFDDDD;
    color:                  #c00;
    font-weight:            bold;
}

p.buttons {
    text-align:             center;
}

/** membres *******************************************************************/

td.menu ul {
    margin:                 0;
    padding:                10px 40px;
}

td.menu ul ul {
    padding:                0 0 0 40px;
}

td.menu li {
    position:               relative;
    margin:                 3px 0;
    padding:                2px 0 0;
    border-top:             1px solid #ccc;
}

td.menu li span {
    position:               absolute;
    right:                  20px;
}

td.menu div {
    margin-right:           40px;
    text-align:             right;
}


/** menu **********************************************************************/

ul.menu {
    margin:             10px 0;
    padding:            5px;
    background:         #F4F8FE;
    -moz-border-radius: 5px;
    cursor:             pointer;
}

ul.menu ul {
    margin:             2px 0 3px 0;
    padding:            0;
}

ul.menu li {
    list-style:         none;
    position:           relative;
    margin:             0;
    padding:            2px 0 2px 18px;
}

ul.menu li.parent {
    background:         url(images/_plus.gif) no-repeat 3px 6px;
}

ul.menu li.opened {
    background:         url(images/_moins.gif) no-repeat 3px 6px;
}

ul.menu li:hover, 
ul.menu li.itemHover {
    background-color:   #eee;
    -moz-border-radius: 5px;
}

ul.menu li li:hover, 
ul.menu li li.itemHover {
    background-color:   #ddd;
}

ul.menu li li li:hover, 
ul.menu li li li.itemHover {
    background-color:   #ccc;
}

ul.menu li span {
    position:           absolute;
    right:              3px;
}

ul.menu li img {
    border:             0;
}

/* EMPLOI */
#zoom-offre {
	position:			  absolute;
	display:			  none;
	padding:			  0px;
	margin:				  0px;
	width:				  990px;
	height:				  100%;
	text-align:			center;
	background:			transparent url(images/emploi/zoom-background.gif) repeat top left;
	overflow:			  auto !important;
	overflow:			  visible;
	z-index:			  15;
	top:				    0;
	left:				    0;
}

#zoom-offre #offre-only {
  margin-top:     203px;
  width:          420px;
  height:         100%;
  background:     #fdeeda;
  border:         1px dotted #fe9703;
}

#zoom-offre #offre-only a.offre-close:link,
#zoom-offre #offre-only a.offre-close:visited {
  float:          right;
  border-left:    1px dotted #fe9703;
  border-bottom:  1px dotted #fe9703;
  padding:        3px 10px 3px 10px;
  margin-top:     0px;
  background:     transparent url(images/emploi/emploi-send.gif) repeat-x left center;
  text-align:     right;
  font-weight:    bold;
  font-style:     italic;
}

a.zoom-offre:link,
a.zoom-offre:visited {
  padding-right:  20px;    
  background:     transparent url(images/emploi/zoom-loupe.gif) no-repeat right center;
}

#zoom-candidature fieldset.candidature {
  margin:                 0px;
  padding:                0px;
  font-weight:            bold;
  color:                  #094583;
  font-size:              12px;
  text-align:             left;
  margin-left:            10px;
  padding-left:           14px;
  margin-bottom:          20px;
  margin-top:             10px;
  padding-bottom:         10px;
  border:                 1px dotted #fe9703;
}


#zoom-candidature legend.candidature {
  margin:                 0px;
  padding:                0px;
  font-weight:            bold;
  color:                  #094583;
  font-size:              14px;
  padding-left:           10px;
  padding-right:          10px;
}

#zoom-candidature input.champ {
  width:                  350px
}

#zoom-candidature input.champ_spe {
  width:                  50px
}

#zoom-candidature input.champ_spe2 {
  width:                  100px
}

#zoom-candidature textarea.textzone {
  width:                  350px;
  height:                 150px;
}

input.form_mail {
  width:                  600px;
}

textarea.form_mail_area {
  width:                  600px;
  height:                 300px;
}

input.form_mail_send {
  width:                  300px;
  background:             #cecece;
  font-weight:            bold;
  border:                 1px solid #7f9db9;
}

span.red {
  font-weight:            bold;
  color:                  red;
}

span.green {
  font-weight:            bold;
  color:                  green;
}

span.blue {
  font-weight:            bold;
  color:                  #2b498c;
}

p.menu_emploi {
  padding:                10px;
  background:             #eeeeee;
  border:                 1px solid #cecece;
}

table.journal {
  width:                  600px;
}

td.mouth-1 {
  font-weight:            bold;
  text-align:             left;
  background:             #ececec;
}

td.mouth-2 {
  font-weight:            bold;
  text-align:             left;
  background:             #cecece;
}

td.service-1 {
  font-weight:            bold;
  text-align:             center!important;
  background:             #ececec;
}

td.service-2 {
  font-weight:            bold;
  text-align:             center!important;
  background:             #cecece;
}

td.title_journal {
  width:                  150px;
  background:             #004080;
  color:                  #fff;
  font-weight:            bold;
  text-align:             center;
}

td.title_journal_bis {
  width:                  150px;
  background:             #868686;
  color:                  #fff;
  font-weight:            bold;
  text-align:             center;
}

td.journal-normal-1 {
  text-align:             center;
  background:             #ececec;
}

td.journal-normal-2 {
  text-align:             center;
  background:             #cecece;
}

td.total_journal {
  width:                  150px;
  background:             #004080;
  color:                  #fff;
  font-weight:            bold;
  text-align:             center;
}

td.total_journal_mini {
  width:                  150px;
  background:             #e1f0ff;
  color:                  #000;
  font-weight:            bold;
  text-align:             center;
}


#emploi-fiche {
  position:       absolute;
	display:			  block;
	padding:			  0px;
	margin:				  0px;
	width:				  100%;
	height:				  100%;
	text-align:			center;
	background:			#fff url(images/emploi/zoom-background.gif) repeat top left;
	overflow:			  auto !important;
	overflow:			  visible;
	z-index:			  15;
	top:				    0;
	left:				    0;
}

#emploi-fiche a.specifique:link,
#emploi-fiche a.specifique:visited {
  line-height:            20px;
  padding-left:           20px;
  background:             transparent url(images/site_link_title.gif) no-repeat left center;
}

#emploi-fiche p.titre{
  height:                 21px;
  font-weight:            bold;
  color:                  #0053a0;
  font-size:              14px;
  text-align:             center;
  margin-bottom:          15px;
  background:             transparent url(images/emploi/emploi-titre.gif) no-repeat left top;
}

#emploi-fiche p.subtitre{
  margin:                 0px;
  padding:                0px;
  font-weight:            bold;
  color:                  #0053a0;
  font-size:              12px;
  text-align:             left;
  margin-left:            10px;
  padding-left:           14px;
  margin-bottom:          5px;
  border-bottom:          1px dotted #fe9703;
  background:             transparent url(images/emploi/emploi-subtitre.gif) no-repeat left top;
}

#emploi-fiche p.contenu{
  margin:                 0px;
  padding:                0px;
  font-weight:            normal;
  color:                  #0053a0;
  font-size:              12px;
  text-align:             left;
  margin-left:            20px;
  margin-bottom:          10px;
}