h1 {color: #999900;font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;padding:10px 6px 10px 30px;margin-left:10px;margin-right:10px;text-transform:uppercase;background: url(../images/design/puce_h1.gif) no-repeat left center;}
h2 {color: #5475BF; font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding: 0px;margin: 0px;}
h3 {color: #999900; font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; padding: 3px;margin: 2px;}

.titrebleu { color: #5475BF;font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;}

hr {border: 0;width: 100%;color: #e5e5e5;background-color: #e5e5e5;height: 1px;}
.hr {border: 0;width: 96%;color: #e5e5e5;background-color: #e5e5e5;height: 1px;}


.content { border-left: solid 4px #f9f9f9;}
.content-c { border-right: solid 2px #f5f5f5;}
.contenu {color: #5475BF;font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;padding: 0px 15px 0px 15px;text-align : justify;text-decoration: none;}

.rouge { color: #cc0000;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.rougebold { color: #cc0000;font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}
.bleu { color: #5475BF;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.beige { color: #999900;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.beigebold { color: #999900;font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}
.vert { color: #669933;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.vertbold { color: #669933;font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}

.msg {
    color: #999900;
    font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
}

.imgPage {
	margin: 5px 5px 5px 5px;
	padding: 1px;
	border: 2px solid #e6e6e6;
}

.imgDroite {
	margin: 0px 0px 10px 10px;
	padding: 1px;
	border: 2px solid #e6e6e6;
}
.imgGauche {
	margin: 0px 10px 10px 0px;
	padding: 1px;
	border: 2px solid #e6e6e6;
}

.bg_femme { background: url(../images/design/bg_left.jpg) repeat-y left top;}

.h2-poste {color: #5475BF;font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif;padding: 0px;margin: 0px;}


/*-------------------------------*/
/*------------ liens ------------*/
/*-------------------------------*/

a {color: #5475BF;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a:link{color: #5475BF;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a:visited{color: #666666;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a:hover{color: #999900;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

a.rouge {color: #cc0000;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.rouge:link{color: #cc0000;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.rouge:visited{color: #cc0000;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.rouge:hover{color: #990000;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

a.normal {color: #999900;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.normal:link{color: #999900;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.normal:visited{color: #999900;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
a.normal:hover{color: #5475BF;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}

/*---------- top menu  ----------*/

#top_menu {	font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;padding: 8px; }
#top_menu ul {list-style: none;padding: 0;margin: 0;}
#top_menu li.first {padding-left:0; border:0}
#top_menu li {margin:0;background:none;display:inline;  border-left:1px solid #cccc33; padding:0 2px 0 5px;} 
#top_menu li a {white-space:nowrap;color: #5475BF; font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#top_menu li a:hover { color: #999900;font-weight: bold;text-decoration: underline;}

/*------ Sub-menu ------------*/

#sub {padding-right: 4px; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;}
#sub ul {list-style: square url(/images/design/blue_bullet.gif); margin: 0px 0px 0px 15px;padding-left: 12px;}
#sub ul li {padding: 3px 0px 3px 0px; text-decoration: none;border-bottom: 1px dashed #e5e5e5;}
#sub ul li a {color: #5475BF;font-weight:normal;}
#sub ul li a:hover {color: #999900;font-weight:normal;}
#sub ul li.actif {list-style: square url(/images/design/green_bullet.gif); font-weight:bold;}
#sub ul li.actif a {font-weight:bold;}
#sub ul li.actif a:hover {color: #999900;font-weight:bold;}

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

#boite-liens {
    width: 240px;text-align: justify;padding:10px;margin: 0px;
    /*
    background: url(/images/design/bg_boite_liens.jpg) repeat-y right top;
    border: 1px solid #eee; 
    */
    background: #ffffff url("/images/bg_box.gif") repeat-x bottom left;
    border:1px solid #dfebf4;
    
}
#boite-liens .print {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/print.png) no-repeat center left;}
#boite-liens .search {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/search.png) no-repeat center left;}
#boite-liens .referer {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/referer.png) no-repeat center left;}
#boite-liens .postuler {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/postuler.png) no-repeat center left;}
#boite-liens .back {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/back.png) no-repeat center left;}
#boite-liens {	font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;padding: 8px; }
#boite-liens ul {list-style: none;padding: 0;margin: 0;}
#boite-liens li {margin:3px;padding:5px 5px 5px 10px;}
#boite-liens li a {color: #5475BF; font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#boite-liens li a:hover { color: #999900;font-weight: bold;text-decoration: none;}

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

.boite-poste {
    width: 240px;text-align: justify;padding: 10px;margin: 0px;border: 1px solid #dfebf4; background-color: #f8ffee;
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}

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

#boite-search {width: 270px; padding: 30px;margin: 0px;border: 1px solid #eee; background-color: #f8f7ef;}
#boite-search .search {padding: 5px 0px 4px 25px;background: transparent url(../images/icons/search.png) no-repeat center left;}
#boite-search .back {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/back.png) no-repeat center left;}
#boite-search {font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;padding: 8px; }
#boite-search ul {list-style: none; display:block; padding: 0;margin: 0;}
#boite-search li {margin:2px;display:inline; padding:5px;}
#boite-search li a {color: #5475BF; font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#boite-search li a:hover { color: #999900;font-weight: bold;text-decoration: none;}

/*---- profil completer ----------*/

#boite-left {float: left; min-width: 200px; padding: 20px;margin: 0px;border: 1px solid #eee; background: #f0fcd8 url("/images/bg-table-header.gif") repeat-x top left;}
#boite-left {font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;padding: 8px; color:#444444; }
#boite-left ul {list-style: none; display:block; padding: 0;margin: 0;}
#boite-left li {margin:2px;display:inline; padding:5px;}
#boite-left li a {color: #5475BF; font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#boite-left li a:hover { color: #999900;font-weight: bold;text-decoration: none;}

#boite-right {float: right; min-width: 200px; padding: 20px;margin: 0px;border: 1px solid #eee; background: #f0fcd8 url("/images/bg-table-header.gif") repeat-x top left;}
#boite-right {font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;padding: 8px; color:#444444; }
#boite-right ul {list-style: none; display:block; padding: 0;margin: 0;}
#boite-right li {margin:2px;display:inline; padding:5px;}
#boite-right li a {color: #5475BF; font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
#boite-right li a:hover { color: #999900;font-weight: bold;text-decoration: none;}

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

.BoxCandidat {
    text-align:left;
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
    color:#000000;
    width:230px;
    padding:5px; 
	margin:7px;
	/*     background: #ffffff url("../images/bg_boxcandidat.gif") repeat-y top left; */
    background: #ffffff url("../images/bg_boxcandidat-v.gif") repeat-x bottom left;
	border:1px solid #dfebf4;
}

.BoxCandidat p { margin:0px;}
.BoxCandidat h2 {color:#999900;font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif; background: transparent url(../images/icons/red-arrow.gif) no-repeat top left;padding:0px 0px 6px 8px;}
.BoxCandidat ul {list-style: square url(/images/design/blue_bullet.gif); margin: 0px 0px 0px 5px;padding-left: 10px;}
.BoxCandidat ul li {padding: 3px 0px 3px 0px; text-decoration: none;border-bottom: 1px dashed #e5e5e5;}
.BoxCandidat ul li a {color: #5475BF;font-weight:normal;}
.BoxCandidat ul li a:hover {color: #999900;font-weight:normal;}
.BoxCandidat ul li a:visited {font-weight:normal;}
.BoxCandidat ul li.actif {list-style: square url(/images/design/green_bullet.gif); font-weight:bold;}
.BoxCandidat ul li.actif a {font-weight:bold;}
.BoxCandidat ul li.actif a:hover {color: #999900;font-weight:bold;}
.BoxTextC {font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;color:#58646b; width:150px;margin-left:8px;}

/*----- boite alerte fraude  ----------*/

.boite-fraude {
    text-align:left;
    width:160px;
	padding:10px;
	margin-left:10px;
	background: #ffffff url("../images/bg_box.gif") repeat-x 50% left;
	border:1px solid #dfebf4;
}

/*---------- boite bleu  ----------*/

.Box
{  
    text-align:left;
    font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
    color:#000000;
    width:250px;
	padding:10px;
	margin:2px;
	/*
    margin-top:50px;
    margin-left:8px;
    */
    /*background-color:#edf7ff;*/
    background: #ffffff url("../images/bg_box.gif") repeat-x bottom left;
	border:1px solid #dfebf4;
}

.Box p { margin:0px;}
.BoxPadding {padding:0px 3px 0px 3px;}
.BoxTitle {color:#999900;font: normal normal bold 13px Verdana, Arial, Helvetica, sans-serif; background: transparent url(../images/icons/red-arrow.gif) no-repeat top left;padding:0px 0px 6px 8px;}
.BoxText {float:left; font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;color:#58646b; width:174px;margin-left:6px;}
.BoxImg {float:right;margin:-5px 2px 0px 0px;}
.BoxLinks {margin:10px 0px 8px 8px;color:#557f97;font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;}
.BoxLinks a:link, .BoxLinks a:visited {color:#006699;text-decoration:none;}
.BoxLinks a:hover {color:#999900;text-decoration:none;}

/*---- Collapsible panel -----------------*/

.squarebox { width: 100%; border: 0px; text-align: left; overflow: hidden; }
.squareboxgradientcaption { color: White; padding: 5px; background: url(/images/bg-table-header.gif) repeat-x top left; }
.squareboxcontent { padding: 2px; overflow: hidden; }
    
/* ----- table --------------------------------------*/

#listing {border-collapse:collapse;border-spacing:0;}
#listing table{ margin: 0 0 2em 0; border-collapse: collapse; border-spacing:0; border: 1px solid #e1e1e1; font: 100% Arial, Helvetica, sans-serif;}
#listing tr{background-color:#ffffff;}
#listing tr.odd{ background-color:#EEF6FF;}
#listing tr.active{ background-color:#f2f9ff; /*background: url("../images/active-bg.jpg") repeat-x top left;*/}

#listing td, th { border: 1px solid #e1e1e1; padding: 4px; font-size: 12px; height:24px; color: #333333;}
#listing thead th, #listing tfoot th, #listing tfoot td {border: 1px solid #e1e1e1; text-align: left; font-weight: bold; font-size: 13px;background: #e8fbc2 url("../images/bg-table-header.gif") repeat-x top left; color: #3366cc;}
#listing tbody th,#listing thead th,#listing tbody td {vertical-align: top; text-align: left;}

#listing tbody tr:focus td,
#listing tbody tr:hover th,
#listing tbody tr:hover td,
#listing tbody tr:focus th{ background-color:#F0FFD7; color: #000;}
#listing a:hover {color: #999900;text-decoration: none;}
#listing .comble {padding: 5px 0px 2px 15px;background: transparent url(../images/icons/comble.png) no-repeat center left;}
#listing .poste {padding: 5px 0px 2px 22px;background: transparent url(../images/icons/poste.png) no-repeat center left;}

#listing .edit {
	padding: 5px 0px 2px 22px;
	background: transparent url(../images/icons/edit.png) no-repeat center left;
}
#listing .delete {
	padding: 5px 0px 2px 22px;
	background: transparent url(../images/icons/delete.png) no-repeat center left;
}
#listing .annuler {
	padding: 5px 0px 2px 22px;
	background: transparent url(../images/icons/annuler.png) no-repeat center left;
}
#listing .save {
	padding: 5px 0px 2px 22px;
	background: transparent url(../images/icons/save.png) no-repeat center left;
}
#listing .ajouter {
	padding: 2px 0px 2px 22px;
	background: transparent url(../images/icons/ajouter.png) no-repeat center left;
}

/* ------- pagination ---------------------------- */

#pagination {margin:10px 10px 10px 0; text-align: right;}
#pagination a {border: solid 1px #d3d1d1; padding: 3px 6px 3px 6px; background-color: #e7f6ff; margin-right: 3px; text-decoration: none; }
#pagination a:visited { color: #5475BF; }
#pagination a:hover { background-color: #e2ffc0; color: #333333;}
#pagination a.currentpage { font-weight: bold; background-color: #ffffff; color: #333333;}
#pagination a.currentpage:hover { font-weight: bold; background-color: #e2ffc0; color: #333333;}

/*------- Menu bottom ------------*/

#footer {color: #ffffff; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;padding: 8px; height:55px;}

#nav-bottom ul {list-style: none; padding: 0; margin: 0;}
#nav-bottom li.first {padding-left:0; border:0}
#nav-bottom li {margin:0;background:none;display:inline; border-left:1px solid #cccc33; padding:0 2px 0 5px;} 
#nav-bottom li a {white-space:nowrap;color: #fff; text-decoration: none; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
#nav-bottom li a:hover { color: #ffff00;text-decoration: underline;}

/*------- RSS Feed ------------*/

#nav_rss ul {margin: 0px;padding: 0px;border: none;list-style-type: none;padding-left: 5px;}
#nav_rss ul li {padding: 4px 0px 4px 25px;background: transparent url(../images/design/rss_bottom.gif) no-repeat center left;}
#nav_rss ul li a {color: #ffffff; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: none; 	}
#nav_rss ul li a:hover {text-decoration: underline; }

/*----- form --------*/


form {padding:0;margin:0;}

.rbutton {
    /*display: inline;*/
}
.rbutton label{
    color: #999900;
    text-align: left; 
    margin: 2px 5px 2px 2px;
    width: 30px;
    display: block;
}

.fieldset-s {font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 550px; padding:5px;}
.fieldset-s label{color: #5475BF; display:block; text-align: left; margin: 2px 5px 2px 20px; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.fieldset-s .InputList {color: #333333;background-color: #ffffcc; margin: 2px 5px 2px 20px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}


.fieldset-w {font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 95%; padding:5px;}
.fieldset-w label{color: #5475BF; display:block; text-align: left; margin: 2px 5px 2px 20px; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.fieldset-w .cbList{color: #5475BF; margin: 2px 5px 2px 20px; display:block;}
.fieldset-w .cbList label{color: #5475BF; display:inline-block; text-align: left; vertical-align:top; margin: 2px 5px 2px 5px;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.fieldset-w .InputList {color: #333333;background-color: #ffffcc; margin: 2px 5px 2px 20px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}

.fieldset-w .cBoxList {
    padding:10px;
    margin:10px;
    display: block;
}
.fieldset-w .cBoxList label{
    color: #5475BF; /* 999900 */
    text-align: left; 
    /*white-space:nowrap;*/
    margin: 2px 5px 2px 2px;
    width: 270px;
    display: inline;
}


fieldset{font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 260px;}
legend{color: #5475BF; background: #eaf4ff; border: 1px solid #ececec;font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif; padding: 2px 15px 2px 15px;} 
label{color: #5475BF;width: 180px; text-align: left; margin: 2px 5px 2px 20px;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;display: block}

.InputChamps {color: #333333; background-color: #fcffe5; width: 180px; margin: 2px 5px 2px 20px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputChamps2 {color: #333333;background-color: #fffff7; width: 180px; margin: 2px 5px 2px 20px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputChamps3 {color: #333333;background-color: #fffff7; width: 320px; margin: 2px 5px 2px 20px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputList {color: #333333;background-color: #ffffcc; margin: 2px 5px 2px 20px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.txtarea {color: #333333;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;background-color: #ffffcc;border: 1px solid #cccccc;}

.ChampsUser {color: #333333; background-color: #fcffe5; width: 180px; margin: 2px 2px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.ComboUser {color: #333333;background-color: #ffffcc; margin: 2px 2px 2px 2px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}

.Submit {
    font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
    margin: 6px;
}

/* ----  erreur Ajax ----*/
#AlertDiv{
	width: 330px; margin:0px auto; text-align:center;  padding: 8px; border: #990000 1px solid;
	background-color: white; visibility: hidden;
}
#AlertMessage {
    text-align: left;
}
#AlertButtons{
	text-align: center; padding:5px;
}
/* ---- fin erreur Ajax ----*/

body {
	color: #5475BF;
	font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	background: #82A7DA url(../images/design/bg.jpg) repeat-x;
	margin: 0px;
}