@charset "UTF-8";
body {
  background: #ffffff url(../assets/bg/bg_itc_flow1b.jpg) repeat-x;
  background-attachment: fixed;
  background-position: bottom center;
  margin-top: 45px;
  font-family: 'futurabook', Arial, Helvetica, sans-serif;
  font: 400 15px/1.8 'futurabook', sans-serif;
  color: #162983;
}

    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    /*.content {padding-top: 100px;}*//* ITC */
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 450px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: rgba(208,235,249,1.0);
      height: auto;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }

/* sidenav content */
@media (max-width: 767px) {
  .sideslogan { font-size: 1.70em !important }
  .smartwelll {width: 200px;}
  .smartwelll img {width: 150px;}
  .smartwelll p {font-size: 0.9em !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .sideslogan { font-size: 0.85em !important }
  .smartwelll img {width: 200px;}
  .smartwelll p {font-size: 0.9em !important;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sideslogan { font-size: 1.0em !important }
  .smartwelll img {width: 240px;}
  .smartwelll p {font-size: 1.0em !important;}
}
@media (min-width: 1200px) {
  .sideslogan { font-size: 1.35em !important }
  .smartwelll img {width: 260px !important;}
  .smartwelll p {font-size: 1.20em !important;}
}


    /* well updated */
.welll {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 12px;
  background-color: rgba(208,235,249,1.0);
  border: 1px solid rgba(22,41,131,0.15);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 5px 20px rgba(22,41,131,0.25);
  box-shadow: inset 0 5px 20px rgba(22,41,131,0.25);
}
.welll blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.welll-lg {
  padding: 24px;
  border-radius: 6px;
}
.welll-sm {
  padding: 9px;
  border-radius: 3px;
}

.well {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 12px;
  background-color: rgba(208,235,249,0.50);
  border: 1px solid rgba(0,157,219,0.15);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 5px 6px rgba(0,157,219, 0.25);
  box-shadow: inset 0 5px 6px rgba(0,157,219, 0.25);
}

/*
geel : rgba(194,158,60,0.5)
bleu rgba(0,55,98,0.5)
*/