/* general styles */
html, body {
  height: 100%;
  width: 100%;
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.21);
}

/* padded section */
.pad-section {
  padding: 50px 0;
}
.pad-section img {
  width: 100%;
}

/* vertical-centered text */
.text-vcenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.text-vcenter h1 {
  font-size: 4.5em;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.center{
    text-align: center;
    float: center;
    display: inline-block;
}
/* additional sections */
#home {
  background: url(../img/homebackground.jpg) no-repeat center top; 
  display: table;
  min-height: 470px;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;

  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.5);
}

#home .continuer{
  position:absolute;
  bottom:6px;
  left: calc(50% - 26px);
  left: -moz-calc(50% - 26px);
  left: -webkit-calc(50% - 26px);
}

/* permet d'avoir un fond gris */
.blue {
  background: url(../img/backgroundstudies.png) no-repeat center top; 
  color: #ffffff;
  padding: 20px 0;
}

.blue a{
  color: #fefefe;
}

#contact {
  background: url(../img/contactbackground.jpg) no-repeat center top; 
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ffffff;
}
#contact .container {
  background-color: rgba(204, 204, 204, 0.4);
  padding-bottom: 20px;
}
#contact .form-control, .btn-default{
  background-color: rgba(255, 255, 255, 0.6);
  color: #333333;
}

#contact .twoColumns {   
  -webkit-columns: 2 360px;
   -moz-columns: 2 360px;
      columns: 2 360px;
}
#contact .btn, .form-control {
  font-size: 14px;
}
#contact a{
  color: #fefefe;
}
.umons-u{
  text-decoration: underline;
  color: #808080;
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}
.umons-mons{
  color: #a80039;
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
}

/* langage de programation */
.langage{
  border-radius: 5px;
  color: #ffffff;
  padding: 0 3px 1px 3px;
  line-height: 2em;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.3);
}

.bold{
  font-weight: bold;
}

/* grand glyphicon > pour le bouton télécharger */
.glyphicon-big{
  height: 150px;
  width: 150px;
  font-size: 100px;
}


#experience{
  background: url(../img/backgroundprofessional.jpg) no-repeat center top; 
  display: table;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #306d9f;
}

#about{
  background: url(../img/backgroundprofessional.jpg) no-repeat center top; 
  color: #306d9f;
    font-size: 16px;
}

#experience .container {
  padding-bottom: 20px;
}

.btn-send{
  min-width: 220px;
}
.contact_error{
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  margin: 3px;
}

footer {
  padding: 20px 0;
}

.download-pdf{
  display: table;
  background: url(../img/dowload-pdf.png) no-repeat center center; 
  width: 150px;
  height: 203px;
  font-size:20px;
}

.download-pdf > .text-center{
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
}