/* ***************************
 * GLOBAL
 * ***************************/
html {
  position: relative;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }
  html * {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-font-smoothing: antialiased; }

body {
  padding: 0;
  margin: 0 0 80px;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #d9d9d9;
  color:#000;
  background-image: url(../img/content-back-1024.png);
  background-repeat: repeat-y;
  background-position: center top; }
table{
  font-size: 14px;
}
.container {
  padding: 0 50px; }
  .container:after {
    content: '';
    display: table;
    clear: both; }

.main-content {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 40px; }


/* ***************************
 * MISC
 * ***************************/
a {
  background: transparent; }
  a:focus {
    outline: thin dotted; }
  a:active, a:hover {
    outline: 0; }

img {
  max-width: 100%;
  height: auto;
  border: none; }

p {
  margin: 0 0 10px 0; }

table {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed; }
  table th, table td {
    padding: 4px 8px;
    border-bottom: 1px solid #666;
    vertical-align: baseline; }
  table th {
    text-align: left; }
  table tr.reversed th, table tr.reversed td {
    padding: 4px 8px;
    border-bottom: none;
    background-color: #3f6296;
    color: #fff; }

/* ***************************
 * BUTTONS
 * ***************************/
.btn {
  display: inline-block;
  margin: 6px 0;
  padding: 6px 16px;
  border-radius: 3px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  background-color: #888;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #777));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #999 0%, #777 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #999 0%, #777 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#777', GradientType=0);
  white-space: nowrap;
  color: #fff;
  cursor: pointer; }
  .btn:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #999));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #777 0%, #999 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #777 0%, #999 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777', endColorstr='#999', GradientType=0); }
  .btn[disabled] {
    opacity: 0.6;
    cursor: default; }
  .btn[disabled]:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #777));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #999 0%, #777 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #999 0%, #777 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#777', GradientType=0); }

.btn-blue {
  background-color: #306395;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7aa0), color-stop(100%, #054c8a));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #5b7aa0 0%, #054c8a 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #5b7aa0 0%, #054c8a 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7aa0', endColorstr='#054c8a', GradientType=0); }
  .btn-blue:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #054c8a), color-stop(100%, #5b7aa0));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #054c8a 0%, #5b7aa0 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #054c8a 0%, #5b7aa0 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#054c8a', endColorstr='#5b7aa0', GradientType=0); }
  .btn-blue[disabled]:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b7aa0), color-stop(100%, #054c8a));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #5b7aa0 0%, #054c8a 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #5b7aa0 0%, #054c8a 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b7aa0', endColorstr='#054c8a', GradientType=0); }

.btn-green {
  background-color: #94a600;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b500), color-stop(100%, #7a9811));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #b0b500 0%, #7a9811 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #b0b500 0%, #7a9811 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b500', endColorstr='#7a9811', GradientType=0); }
  .btn-green:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7a9811), color-stop(100%, #b0b500));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #7a9811 0%, #b0b500 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #7a9811 0%, #b0b500 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a9811', endColorstr='#b0b500', GradientType=0); }
  .btn-green[disabled]:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b500), color-stop(100%, #7a9811));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #b0b500 0%, #7a9811 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #b0b500 0%, #7a9811 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b500', endColorstr='#7a9811', GradientType=0); }

.btn-red {
  background-color: #b50a19;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c80119), color-stop(100%, #a70e19));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #c80119 0%, #a70e19 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #c80119 0%, #a70e19 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80119', endColorstr='#a70e19', GradientType=0); }
  .btn-red:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a70e19), color-stop(100%, #c80119));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #a70e19 0%, #c80119 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #a70e19 0%, #c80119 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a70e19', endColorstr='#c80119', GradientType=0); }
  .btn-red[disabled]:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c80119), color-stop(100%, #a70e19));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #c80119 0%, #a70e19 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #c80119 0%, #a70e19 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c80119', endColorstr='#a70e19', GradientType=0); }

.btn-orange {
  background-color: #db5017;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e75c11), color-stop(100%, #cf441b));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #e75c11 0%, #cf441b 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #e75c11 0%, #cf441b 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75c11', endColorstr='#cf441b', GradientType=0); }
  .btn-orange:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf441b), color-stop(100%, #e75c11));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #cf441b 0%, #e75c11 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #cf441b 0%, #e75c11 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf441b', endColorstr='#e75c11', GradientType=0); }
  .btn-orange[disabled]:hover {
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e75c11), color-stop(100%, #cf441b));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, #e75c11 0%, #cf441b 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    /* W3C */
    background: linear-gradient(to bottom, #e75c11 0%, #cf441b 100%);
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75c11', endColorstr='#cf441b', GradientType=0); }

/* ***************************
 * SELECT
 * ***************************/
select {
  height: 30px;
  display: inline-block;
  padding: 0px 10px;
  -webkit-font-smoothing: antialiased;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 30px !important;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  color: #555;
  background-color: #fff;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f0f0f0));
  /* Chrome10+,Safari5.1+ */
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  /* Opera 11.10+ */
  /* IE10+ */
  /* W3C */
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  /* IE6-9 */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0', GradientType=0);*/
  border: 1px solid #ccc;
  border-radius: 4px; }

.ie select {
  background-position: 0 center;
  padding: 5px; }

/* ***************************
 * MAIN HEADER
 * ***************************/
.main-header {
  background-color: #fff; }
  .main-header .container {
    position: relative;
    width: 1024px;
    margin: 0 auto;
    padding: 0 28px; }

  .main-header h1 {
    position: absolute;
    right: 16px;
    bottom: 24px;
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3d3d3d; }
  .main-header .logo {
    float: left;
    margin-top: 20px;
    margin-bottom: 16px; }

/* ***************************
 * MAIN NAVIGATION
 * ***************************/
.main-nav {
  width: 1024px;
  margin: 0 auto; }

  .main-nav .row-1 {
    padding: 6px 0;
    background-color: #a0a0a0;
    color: #fff; }
    .main-nav .row-1 h1 {
      display: inline-block;
      margin: 3px 6px 0 0;
      font-size: 18px;
      text-transform: uppercase; }
    .main-nav .row-1 .support {
      margin: 0; }
  .main-nav .row-2 {
    background-color: #3e3e3e; }
  .main-nav .support, .main-nav .logout {
    float: right; }
  .main-nav .history, .main-nav .portal {
    margin-right: 10px; }
  .main-nav .eval-menu {
    overflow: auto;
    background-color: #37578b;
    color: #fff; }
    .main-nav .eval-menu p {
      margin: 12px 0;
      font-size: 17px; }
    .main-nav .eval-menu select {
      float: right;
      margin-top: -3px; }

/* ***************************
 * NOTICE
 * ***************************/
.main-content .notice {
  padding: 30px 50px;
  padding-bottom: 10px;
  overflow: auto; }
  .main-content .notice h1, .main-content .notice h2, .main-content .notice h3, .main-content .notice h4, .main-content .notice h5, .main-content .notice h6 {
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 4px;
    font-size: 20px;
    border-bottom: 1px solid #999; }

/* ***************************
 * SECTION
 * ***************************/
.main-content {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 40px; }

.main-content section {
  margin-bottom: 20px;
  padding: 20px 0 10px 0;
  background-color: #f1f1f1; }
  .main-content section h1, .main-content section h2 {
    margin: 10px 0 20px 0;
    padding: 4px 8px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #3f6296;
    color: #fff; }
  .main-content section h2 {
    background-color: #3f6296; }
  .main-content section h3, .main-content section h4 {
    margin: 10px 0 0 0;
    padding: 4px 8px;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #3f6296;
    color: #fff; }
  .main-content section h4 {
    background-color: #3f6296; }
  .main-content section h5, .main-content section h6 {
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 15px;
    text-transform: uppercase;
    color: #3f6296; }
  .main-content section h6 {
    color: #3f6296; }
  .main-content section .lowercase {
    text-transform: lowercase; }
  .main-content section .section-number {
    display: inline-block;
    margin: -12px 0;
    margin-right: 8px;
    font-size: 56px;
    display: none; }
  .main-content section table + h1, .main-content section table + h2, .main-content section table + h3, .main-content section table + h4, .main-content section table + h5, .main-content section table + h6 {
    margin-top: 40px; }
  .main-content section p + table {
    margin-top: 20px; }

.n-1, .n-2, .n-3, .n-4, .n-5, .n-6, .n-7 {
  display: inline-block;
  padding: 1px 4px;
  margin-right: 8px;
  border-radius: 2px;
  background-color: #3f6296;
  color: #fff; }

.n-2 {
  padding-right: 12px;
  background-color: #007d87; }

.n-3 {
  padding-right: 20px;
  background-color: #749513; }

.n-4 {
  padding-right: 28px;
  background-color: #b4b700; }
.n-5 {
  padding-right: 36px;
  background-color: #DBDB08; }
.n-6 {
  padding-right: 44px;
  background-color: #6FB500; }
.n-7 {
  padding-right: 52px;
  background-color: #628395; }
.n-8 {
  padding-right: 60px;
  background-color: #d8e2dc ; }
.n-9 {
  padding-right: 68px;
  background-color: #ffdde2 ; }
.n-10 {
  padding-right: 76px;
  background-color: #fcd0a1 ; }
  

#tbl_subordonnees .n-1, #tbl_subordonnees .n-2, #tbl_subordonnees .n-3, 
#tbl_subordonnees .n-4, #tbl_subordonnees .n-5, #tbl_subordonnees .n-6, 
#tbl_subordonnees .n-7, #tbl_subordonnees .n-8, #tbl_subordonnees .n-9, #tbl_subordonnees .n-10  {
	padding-right:4px;
}

.ead-en-cours {
  color: #f00; }

.ead-attente-valid {
  color: #e63c98; }

.ead-valid {
  color: #749513; }

/* ***************************
 * MAIN FOOTER
 * ***************************/
.main-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80px;
  width: 100%;
  background-color: #d9d9d9;
  background-image: url(../img/footer-back-1024.png);
  background-repeat: no-repeat;
  background-position: center top; }

  .main-footer .container {
    width: 1024px;
    margin: 0 auto;
    height: 32px;
    overflow: hidden;
    line-height: 30px; }

  .main-footer img {
    vertical-align: middle;
    margin-right: 16px; }
  .main-footer a {
    font-size: 12px;
    text-decoration: none;
    color: #fff; }
    .main-footer a:hover {
      text-decoration: underline; }

.btn-evaluation-impossible{
	float:right;
}
.entretien_impossible{
	color:#B50919;
	font-weight:bold;
	margin-bottom:1em;
	
}      
.mleft3em{
	margin-left:3em;
}

#eps_corebundle_invitation_dateConvocation, #eps_corebundle_invitation_lieu {
	width: 100%;
}


	
#back-to-bottom-fe,	
#back-to-top-fe {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 45px;
  height: 45px;
  display: block;
  background: #3f6296;
 /* background: #a0a0a0;*/
  font-size: 16px;
  text-align: center;
  line-height: 45px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  cursor: pointer;
  color:#fff;
}	
#back-to-top-fe{
  right:70px;
}
#back-to-bottom-fe:hover,
#back-to-top-fe:hover {
  text-decoration: none;
  background-color: #e75c11;
  /*background: rgba(255, 153, 0, 0.75);*/
}