/* -- custom css for Bootstrap 3.x --*/

/* move special fonts to HTML head for better performance */
@import url(https://fonts.googleapis.com/css?family=Voltaire);


@font-face {
    font-family: 'dincond-mediumregular';
    src: url('../font/dincondmedium_regular-webfont.eot');
    src: url('../font/dincondmedium_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dincondmedium_regular-webfont.woff2') format('woff2'),
         url('../font/dincondmedium_regular-webfont.woff') format('woff'),
         url('../font/dincondmedium_regular-webfont.ttf') format('truetype'),
         url('../font/dincondmedium_regular-webfont.svg#dincond-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,
body {
  height: 100%;
  width: 100%; 
  font-family:Arial,Helvetica,sans-serif;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
#navbar{
  font-family: "dincond-mediumregular",Arial,Helvetica,sans-serif;
}

/* fix bs3 horizontal scrollbar bug */
.row { margin: 0; padding: 0 }


/* use special fonts in certain elements */
h1,h2,h3,h4,.lead,.btn,.navbar a {
 /* text-transform:uppercase; */
  font-family:"dincond-mediumregular",Arial,Helvetica,sans-serif;
  letter-spacing:2px;
}
h1, .h1, h2, .h2, h3, .h3 {

    margin-bottom: 2%;

    margin-top: 4%;
}
h1 {
    font-size: 3.5em;
  }
/* make images gray */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.container {
    padding-right: 1.5em;
    padding-left: 1.5em;
}
.navbar{
    margin-bottom: 2.0em;
}
.icon-bar {
   background-color:#fff;
}

.scroll-down a, .scroll-top a {
   color:#000000;
}

.scroll-down {
   position:fixed;
   bottom:20%;
   right:0%;
   color:#f9f9f9;
}

.scroll-top {
  background-color:#dbdbdb;
}

.vert {
  vertical-align: middle;
  width:100%;
  padding-top:4%;
  text-align:center;
}

.header .btn-lg {
   font-size:1.750em;
   border-color:#eeeeee;
   padding:15px;
   background-color:transparent;
   color:#ffffff;
}

.header .btn-lg:hover {
   background-color:#eeeeee;
   color:#777777;
}

.navbar a {
  color:#fff;
  font-size:1.25em;
}

.navbar-bold.affix {
  background-color:#d46054;
}

.navbar-bold {
  background-color:#f68076;
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.navbar-bold li a:hover, .navbar-bold li.active {
  background-color:#d46054;
}

    
.header h1 {
  font-size:5.714em;
  -webkit-text-stroke: 1px rgba(f,f,f,0.1);
  color:#431a6d;
  color:#fff;
  margin-left:-5px;
  margin-bottom:5px;
  text-transform:uppercase;
}

.header .lead {
  color:#d46054;
  font-size:1.786em;
}

.header {
  height: 80%;
  background: #f68076 url('http://www.bootply.com/assets/example/pt_topo_l.png') repeat center center fixed;
}

/* use alt in navbar and header for different color */

.alt {
  background-color: #82b600;
}

.alt .lead {
  color: #82b600;
}

.alt.affix {
  background-color:#82b600 ;
}

.alt li a:hover, .alt li.active {
  background-color:#5f8500;
}



.blurb {
  padding: 2em 0;
  background-color:#ffffff;
}

.blurb .panel {
  background-color:transparent;
}

.bright {
  background: #dbdbdb url('http://www.bootply.com/assets/example/pt_topo.png') repeat center center fixed; 
  color:#777;
}

.featurette {
  background: #FFFFFF;/*#e4f0d2;*/
  padding: 2em 0;
  color: #333;
}

.featurette-item {
  margin-bottom: 15px;
}

.featurette-item > i {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 4.000em;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

.featurette-item > i:hover {
  font-size: 4.857em;
}
 
.feat_footer {
  background: #FFFFFF;/*#e4f0d2;*/
  padding: 5px 0;
  color: #000000;
}

.feat_footer-item {
  margin-bottom: 15px;
}

.feat_footer-item > i {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 4.000em;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

.feat_footer-item > i:hover {
  font-size: 4.857em;
}
.callout {
  color: #ffffff;
  padding-top:7%;
  height: 100%;
  width: 100%;
  background: url('http://www.bootply.com/assets/example/bg_suburb.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.gallery {
  padding: 50px 0;
}

.call-to-action {
  background: #eeeeee;
  padding: 50px 0;
}

.call-to-action .btn {
  margin: 10px;
}

footer {
  padding: 100px 0;
}

/* -- end custom css for Bootstrap 3.x --*/
.title_txt{
  color : #5f5f5f;
  font-size: 1em;
  font-family: arial;
  margin-bottom:15px;
  
}
.title_txt div:nth-child(2){
    text-align:right;
  }

.div_close{
  border-radius: 5px;
  border:1px solid #5f8500;
  height: 95px;
  float: left;
  margin-left: 0px;
  margin-right: 25px;
  margin-top: 10px;
  width: 100%;
}
.div_close div{
    margin-top:5px;
}
.close_ {
    color: #5f8500;
    font-family: arial;
    font-size: 1.50em;
}
.div_value{
  border-radius: 5px;
  border:1px solid #5f8500;
 
  float: left;
  margin-top: 10px;
  width: 100%;
}
.div_value div{
  margin-top:5px;
}
.div_value div div{
  display: inline-block;
  width: 50%;
  
  
}
.div_value{
   height: 95px;
}
.div_value div div{
  height: 13px;
  display: block;
  width: 100%;
}
.div_value div div:nth-child(odd),.title_close{ font-weight: bold;color:#5F5F5F;}
 
.div_value div div:nth-child(2){
  text-align: left;
}
.variation_baisse {
    color: #ff0000;
    font-weight: 700;
    font-size: 1.150em;
}
.variation_hausse {
    color: #5f8500;
    font-weight: 700;
    font-size: 1.150em;
}
.variation_{
  color: #000000;
  font-weight: 700;
  font-size: 1.150em;
}
.div_value div.variation_baisse,.div_value div.variation_hausse,.div_value div.variation_ {
  font-size: 1.0em;
}
iframe{
  height: 400px;
}

.border,.border_right,{
  border-bottom: 1px dotted #FFF;
}
.border-title{
  border-bottom: 1px solid #DDD;
  font-weight: 700;
}
 
.border,.border_right{
  border-bottom: none;
  text-align: left;
}
.blocBorder div:nth-child(2) div:nth-child(1),.blocBorder div:nth-child(4) div:nth-child(1),.bold{
font-weight: 700;
} 
 
.even,.even th,.even td {
    background-color: #eeeeee;
    color:#000000;
}
.odd{
   background-color: #ffffff;
   color:#000000;
}
.tabForm{
  width:100%;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding-left:15px;
}
.blocBas a,.navigation a{
  color: #000000;
}
 
.blocHistoriqueBourse button{
    margin-top:0px;   
} 
.navigation a.on {
    font-weight: bold;
    text-decoration: underline;
}
.blocHistoriqueBourse{
  padding-left:0px;
  padding-right:0px;
}
.blocHistoriqueBourse button{
  margin-left: 0px !important;

}  
.PaddingNull,.PaddingNull2{
  padding-left: 15px;
  padding-right:15px;
}

#graphic{
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
   padding-left:15px
}

.Padding8{
  padding: 8px;
}

.blocCalcul div div{
  padding-top: 8px;
  padding-bottom:8px;
}
.blocCalcul div div.formCalculatrice div{
  padding-top: 1px;
  padding-bottom:1px;
}

@media (max-width: 768px){
  h1 {
  font-size:2.5em;
  }
  .title_txt div:nth-child(1) {
    padding-left:0px;
  } 
  .title_txt div:nth-child(2){
    text-align:left;
  }
  .div_value {
    height: 195px;
  }
  .div_value div{
  margin-top:5px;
  padding-left: 2px;
  padding-right:1px;
}
  .div_value div div {
    display: inline-block;
    width: 50%;
  }
  .div_value div div:nth-child(2) {
    text-align: left;
  }
  .blocBorder div{
    padding-top:8px;
    padding-bottom:8px;
  }
  .formCalculatrice div div{
    padding:5px;
  }
  .formCalculatrice label{
    padding-top: 8px;
  }
  .resCalculatrice div{
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .resCalculatrice div div{
    padding:5px;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 52px;
  }
  .div_value div div:nth-child(2){
  text-align: right;
  }
  .border,.border_right,{
    border-bottom: 1px dotted #FFF;
  }
  .border_right{
    text-align: right;
  }
  .PaddingNull{
  padding-left: 0px;
  padding-right:0px;
  }
  .PaddingNull2{
    padding-left: 0.5em;
  }
  #graphic{
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  }
  .blocHistoriqueBourse button{
    margin-top:10px;   
  } 
}