/* ----- @VARS ----- */
/*
$bodyColor: #f1f1f1;
$sectionBorderColor: #a7b1ba;
$sectionBorderRadius: 6px;
$sectionHeaderColor: #42494c;
$headerSupColor: #363c3f;
$headerInfColor: #42494c;
$headerSupHeight: 50px;
$headerInfHeight: 40px;
$footerColor: #42494c;
*/
/* ----- END of VARS ----- */
/* ----- @FONCTIONS ----- */
/* ----- END of FONCTIONS ----- */
body {
  margin: 0px;
  padding: 0px; }

#central {
  background-color: #f1f1f1;
  padding: 20px 0 20px 0; }

/* ----- @HEADER ----- */
header .header-content {
  width: auto;
  margin: 0 20px 0 20px; }
header .header-sup {
  height: 50px;
  background-color: #929292; }
  @media only screen and (max-width: 640px) {
    header .header-sup {
      height: auto; } }
  header .header-sup .header-logo-container {
    float: left;
    margin-top: 10px; }
    @media only screen and (max-width: 640px) {
      header .header-sup .header-logo-container {
        float: none;
        margin: 0 auto;
        padding: 4px 0 4px 0;
        width: 120px; } }
  header .header-sup .header-user-menu-container {
    float: right;
    margin-top: 15px;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      header .header-sup .header-user-menu-container {
        float: none;
        margin: 0;
        padding: 4px 0 4px 0;
        text-align: center; } }
    header .header-sup .header-user-menu-container ul li {
      color: #fff;
      font-weight: bold; }
    header .header-sup .header-user-menu-container ul li.header-user-menu-item {
      display: inline-block; }
    header .header-sup .header-user-menu-container ul li.header-user-menu-item:not(.last-leaf):after {
      content: '|';
      font-weight: bold; }
header .header-inf {
  height: 40px;
  background-color: #b2b2b2; }
  @media only screen and (max-width: 640px) {
    header .header-inf {
      height: auto;
      text-align: center; } }
  header .header-inf .home-icon-container, header .header-inf .header-main-menu-container {
    display: inline-block;
    vertical-align: top; }
    @media only screen and (max-width: 640px) {
      header .header-inf .home-icon-container .navbar, header .header-inf .header-main-menu-container .navbar {
        margin: 0; } }
  header .header-inf .home-icon-container {
    margin-left: 30px; }
    @media only screen and (max-width: 640px) {
      header .header-inf .home-icon-container {
        display: block;
        margin: 0 auto;
        width: 30px; } }
  header .header-inf .header-menu-home span {
    color: #fff;
    font-size: 28px;
    height: 40px;
    margin-top: 5px;
    margin-right: 12px; }
  @media only screen and (max-width: 640px) {
    header .header-inf .header-main-menu-container {
      margin: 0;
      width: auto; } }
  header .header-inf .header-main-menu-container .menu-level-0 > a {
    border: none;
    height: 40px;
    margin-top: -1px; }
  header .header-inf .header-main-menu-container .header-main-menu-item a {
    background-color: #b2b2b2; }
  header .header-inf .header-main-menu-container .header-main-menu-item a:hover {
    background-color: #929292; }

/* ----- @VARS ----- */
.ddsmoothmenu {
  font: bold 12px Verdana;
  background: #b2b2b2;
  /*background of menu bar (default state)*/
  width: 100%; }
  .ddsmoothmenu ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .ddsmoothmenu ul li {
      position: relative;
      display: inline;
      float: left; }
      @media only screen and (max-width: 640px) {
        .ddsmoothmenu ul li {
          display: block;
          float: none;
          text-align: center; } }
      .ddsmoothmenu ul li a {
        display: block;
        background: #b2b2b2;
        /*background of menu items (default state)*/
        color: white;
        padding: 10px 10px;
        border: 1px solid #778;
        color: #2d2b2b;
        text-decoration: none; }
        .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
          color: white; }
        .ddsmoothmenu ul li a:hover {
          background: #929292;
          color: white; }
        .ddsmoothmenu ul li a div {
          display: inline-block; }
      .ddsmoothmenu ul li a.selected {
        background: #929292;
        color: white; }
        .ddsmoothmenu ul li a.selected span.glyphicon-chevron-down {
          color: #23527c; }
      .ddsmoothmenu ul li ul {
        position: absolute;
        left: -3000px;
        display: none;
        /*collapse all sub menus to begin with*/
        visibility: hidden; }
        .ddsmoothmenu ul li ul li {
          display: list-item;
          float: none; }
          .ddsmoothmenu ul li ul li ul {
            top: 0; }
          .ddsmoothmenu ul li ul li a {
            font: normal 13px Verdana;
            width: 160px;
            padding: 5px;
            margin: 0;
            border-top-width: 0;
            border-bottom: 1px solid #929292; }
          .ddsmoothmenu ul li ul li:first-child a {
            border-top: 1px solid #929292; }

/* ----- @HACK ----- */
* html .ddsmoothmenu ul li a {
  display: inline-block;
  /*IE6 hack to get sub menu links to behave correctly*/ }

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
  height: 1%;
  /*Holly Hack for IE7 and below*/ }

/* ----- CSS classes applied to down and right arrow images ----- */
.downarrowclass {
  position: absolute;
  top: 12px;
  right: 7px; }

.rightarrowclass {
  position: absolute;
  top: 6px;
  right: 5px; }

/* ----- CSS for shadow added to sub menus ----- */
.ddshadow {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  background-color: #ccc;
  /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */ }

.toplevelshadow {
  margin: 5px 0 0 5px;
  /* in NON CSS3 capable browsers gives the offset of the shadow */
  opacity: 0.8;
  /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */ }

.ddcss3support .ddshadow.toplevelshadow {
  margin: 0;
  /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
  /* opacity: 1; */
  /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */ }

.ddcss3support .ddshadow {
  background-color: transparent;
  box-shadow: 5px 5px 5px #aaa;
  /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
  -moz-box-shadow: 5px 5px 5px #aaa;
  -webkit-box-shadow: 5px 5px 5px #aaa; }

/* ----- @FOOTER ----- */
footer .footer-container {
  background-color: #929292;
  padding: 16px 8px 16px 8px;
  color: #f1f1f1;
  text-align: center; }
  footer .footer-container .footer-content {
    display: inline-block; }
  footer .footer-container .footer-content-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  footer .footer-container .footer-content-right {
    float: right;
    text-align: right; }
    @media only screen and (max-width: 640px) {
      footer .footer-container .footer-content-right {
        float: none;
        text-align: center; } }

/* ----- @SECTIONS ----- */
.section {
  margin: 0 10px 20px 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px; }
  .section:last-child {
    margin-bottom: 0px; }
  .section .section-header {
    background-color: #929292;
    color: #fff;
    border: 1px solid #929292;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    -moz-border-radius-topleft: inherit;
    -moz-border-radius-topright: inherit; }
    .section .section-header .section-header-title {
      display: inline-block;
      text-transform: uppercase;
      margin: 10px; }
    .section .section-header .section-header-help {
      font-size: 16px; }
    .section .section-header .section-header-action {
      display: inline-block;
      float: right;
      margin: 10px 10px 0 5px; }
      .section .section-header .section-header-action span {
        font-size: 16px; }
  .section .section-content {
    border: 1px solid #a7b1ba;
    border-top: none;
    background-color: #fff;
    padding: 8px 8px 4px 8px; }

/* ----- @BOOSTRAP ----- */
.glyphicon {
  cursor: default; }

.glyphicon-pointer {
  cursor: pointer; }

.alert {
  margin-left: 8px;
  margin-right: 8px; }

/* ----- @DEFAULT ----- */
.bold {
  font-weight: bold; }

body#login-page {
  background-color: #929292; }
  body#login-page #central {
    background-color: inherit !important;
    margin: 0 !important;
    padding: 0 !important; }
    body#login-page #central #body {
      width: 100%; }
      @media only screen and (max-width: 960px) {
        body#login-page #central #body #login-page-container .login-top-separator {
          display: none; } }
      body#login-page #central #body #login-page-container .grid-lateral {
        display: inline-block;
        width: calc( (100% - 850px ) / 2 ); }
        @media only screen and (max-width: 960px) {
          body#login-page #central #body #login-page-container .grid-lateral {
            display: none; } }
      body#login-page #central #body #login-page-container .grid-central {
        display: inline-block;
        width: 840px;
        position: relative;
        top: 30px;
        margin-left: auto;
        margin-right: auto; }
        @media only screen and (max-width: 960px) {
          body#login-page #central #body #login-page-container .grid-central {
            display: block;
            width: 100%; } }
      @media only screen and (max-width: 960px) {
        body#login-page #central #body #login-page-container .grid-central-block {
          display: block;
          width: 80%;
          margin-left: auto;
          margin-right: auto; } }
      body#login-page #central #body #login-page-container .login-block-top {
        background-color: #b2b2b2; }
      body#login-page #central #body #login-page-container .login-block-bottom {
        background-color: #929292; }
      body#login-page #central #body .login-page-block {
        display: inline-block;
        position: initial; }
      body#login-page #central #body #logo-block {
        width: calc(100% - 440px);
        vertical-align: top; }
        @media only screen and (max-width: 640px) {
          body#login-page #central #body #logo-block {
            text-align: center; } }
        body#login-page #central #body #logo-block img.main-logo {
          position: absolute;
          margin-top: 60px; }
          @media only screen and (max-width: 960px) {
            body#login-page #central #body #logo-block img.main-logo {
              position: relative;
              margin: 0 0 15px 0; } }
      body#login-page #central #body #login-block {
        width: 400px;
        padding: 10px 0 10px 0;
        background-color: #727f85;
        border: 1px solid #929292;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        box-shadow: 4px 4px 5px #929292; }
        @media only screen and (max-width: 960px) {
          body#login-page #central #body #login-block {
            width: 80%;
            margin-left: auto;
            margin-right: auto; } }
        body#login-page #central #body #login-block .login-header {
          text-align: center;
          border-bottom: 1px solid #b2b2b2; }
          body#login-page #central #body #login-block .login-header h2 {
            padding: 0px 0 8px 0;
            margin: 0;
            font-size: 1.6em;
            font-weight: bold;
            color: #fff; }
        body#login-page #central #body #login-block .login-body {
          background-color: #fff;
          padding: 20px 0 20px 0; }
          @media only screen and (max-width: 960px) {
            body#login-page #central #body #login-block .login-body {
              padding: 20px 10px 20px 10px; } }
        body#login-page #central #body #login-block .login-footer {
          border-top: 1px solid #b2b2b2;
          padding: 8px 16px 0; }
          body#login-page #central #body #login-block .login-footer a {
            color: #fff;
            font-weight: bold; }
        body#login-page #central #body #login-block .login-alert {
          margin-bottom: 0;
          margin-top: 12px; }

div.aGraph {
  margin-bottom: 30px; }

svg.line-graph text {
  cursor: default; }
svg.line-graph .hover-line {
  stroke: #6E7B8B; }
svg.line-graph .hide {
  opacity: 0; }
svg.line-graph .axis {
  shape-rendering: crispEdges; }
svg.line-graph .x.axis line {
  stroke: #D3D3D3; }
svg.line-graph .x.axis .minor {
  stroke-opacity: .5; }
svg.line-graph .x.axis path {
  display: none; }
svg.line-graph .x.axis text {
  font-size: 10px; }
svg.line-graph .y.axis line, svg.line-graph .y.axis path {
  fill: none;
  stroke: #000; }
svg.line-graph .y.axis text {
  font-size: 12px; }
svg.line-graph .scale-button:not(.selected):hover {
  text-decoration: underline;
  cursor: pointer !important; }
svg.line-graph .date-label {
  fill: #6E7B8B; }

/* ----- @RESPONSIVE ----- */
@media only screen and (max-width: 640px) {
  .no-phone {
    display: none; } }

@media only screen and (min-width: 641px) and (max-width: 960px) {
  .no-tablet {
    display: none; } }

/*# sourceMappingURL=cipV3.css.map */
.cursor-pointer{
  cursor: pointer;
}

.titreTest { /* id pour le titre "Bienvenue sur CIP Anywhere" */
z-index: 0;
position: absolute;
top: 90px;
left: 0%;
right: 0%;
height: 55px;
text-align: left;
color : white;
background-color : #7AAED1;
background-image : url(test.jpg);
background-attachment:fixed;
background-repeat: no-repeat;
background-size: 100%;
font-family: Machine;
}

.titreTest h2 
{
  margin-top: 10px;
  margin-left: 50px;
}

.formulaireCentral {
  z-index: 0;
  position: absolute;
  left : 0%;
  right : 50%;
  top : 145px;
  bottom: 92px;
  padding: 1%;
  text-align: center;
  overflow-y: auto;
  background: gray;
  content: '';
  display: block;
}


.formulaireCarte {
  z-index: 0;
  position: absolute;
  left : 20%;
  right : 20%;
  top : 145px;
  bottom: 92px;
  padding: 1%;
  overflow-y: auto;
  background: #DDD;
  display: block;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
}

#recap
{
    z-index: 0;
  position: absolute;
  left : 50%;
  right : 0%;
  top : 145px;
  bottom: 92px;
  padding: 1%;
  text-align: left;
  overflow-y: auto;
  background: gray;
  content: '';
  display: block;
}
#areaTache, #areaTacheF {
  min-width: 435px; 
  max-width:435px; 
  min-height:280px; 
  max-height: 600px; 
  background-color: lightgray;
  border: 1px solid black;
  color: black;
  font-family: Philo, serif;
}

#MAJ {
  z-index: 0;
  position: absolute;
  left : 15%;
  right : 15%;
  top : 145px;
  bottom: 92px;
  padding: 1%;
  text-align: left;
  font-family: Philosopher, serif;
  overflow-y: auto;
  background: gray;
}

.controlePoint {
  top: 10px;
  width : 200px;
  padding: 5px;
  background-color: #CCC;
  border: 1px solid #AAA;
  color: black;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .2);
  text-overflow: ellipsis;
  overflow: hidden;
}

.AjoutColonneTact {
    position: absolute;
    width: 650px;
    padding-left: 50px;
    padding-right: 25px;
    top: 10px;
    left: 253px;
    background-color: #CCC;
    border: 1px solid #AAA;
    color: black;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .2);
}

.AjoutColonneNTact {
    position: absolute;
    width: 650px;
    padding-left: 50px;
    padding-right: 25px;
    top: 50px;
    left: 253px;
    background-color: #CCC;
    border: 1px solid #AAA;
    color: black;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .2);
}

#SupprColonne {
  position: absolute;
  width : 650px;
  padding-left : 50px;
  padding-right: 25px;
  top:104px;
  left: 250px;
  background-color: #CCC;
  border: 1px solid #AAA;
  color: black;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, .2);
}

.inline {
  display: inline-block;
  vertical-align: middle;
}

.buttonTable, .buttonVP {
  top:-5px;
  position: relative;
  height: 26px;
  border: 1px solid black;
  border-left: none;
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
  outline: none;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.buttonTable:active, .buttonVP:active {
  box-shadow: 1px 1px 0 0 rgba(0,0,0,0.5);

}

.buttonTable:hover {
  background: #F00;
}

.buttonVP:hover {
  background: #FF0;
}
.imgButton {
  position: relative;
  left : 2%;
  border: none;
  top: -5px;
}
.p {
  width: 300px;
  border: 1px solid black;
  font-size: 12.5px;  
  font-family: Verdana;
  background: dimgray;
  color: lightgray;
  height: 26px;
  padding-left : 5px;
  padding-top: 3px;

}

.ValidSuccess {
  position: absolute;
  z-index:5000;
  right : 5%;
  top: 6%;
  width: 200px;
  height: 50px;
  text-align: center;
  border : 1px solid black;
  box-shadow:  0px 4px 10px rgba(0,0,0,0.5);
  color: #EEE;
  background: mediumseagreen;
  display: none;
}

#option {
  background: lightgray;
  box-shadow: 2px 3px 0 0 rgba(0,0,0,0.4);
  width: 300px;
  padding-left : 50px;
  height : 80%;
}

.checkbox{
  background: #E1CE9A;
  border : 1px solid dimgray;
  width : 200px;
  text-align: center;
  padding-left: 10px;
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.5);
  cursor: pointer;
}

.checkbox:hover {
  box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);
}

.checkbox:active {
  box-shadow: none;
  background: #C10900;
}

.dateMaj
{
  padding-left: 170px;
  color: red;
  font-weight: bold;
  font-size: 14;
  font-family: Machine;
}