/*tailles des caractères*/
html, body{
  font-size: 0.90rem;
  margin: 0;
}
h1{
  font-size: 2.2rem;
}
h2{
  font-size: 1.4rem;
}
.oi{
  font-size: 1.2rem;
}
.colDroite .oi{
  font-size: 3rem;
}

/*positionnement des blocs principaux*/
.container-fluid{
  background: #efeae3;
}
.colGauche{
  background: #376787;
  border: 1px solid #285878;
  color:  #ffffff;
  box-shadow: 3px 0px 5px grey;
}
.colDroite{
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 3px 0px 5px grey;
}

/*ameliorer le positionnement des elements*/
div.colGauche div.row#photo div.col{
  padding: 0;
}
.colGauche .photo{
  background:transparent url(../images/logos.svg) top center;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 66.64%; 
  /*background-size:100%;*/
  /*background-repeat: no-repeat;*/
  /*height:200px;*/
  color:White;
  text-shadow: 2px 1px 2px Black;
}
.colGauche .photo h1{
  font-size:3.3vw;
  position:absolute;
  bottom:1vw;
  padding-left:1vw;
}
.colGauche small.muted-text{
  font-size: 1.5vw;
}
.colGauche h2{
  margin-top: 10px;
}
.colGauche #email{
  font-size:1.2vw;
}

.colDroite li{
  margin-bottom: 3px;
}
.colDroite li:after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  line-height: 1px;
  margin: 0 0 10px 0;
  padding: 0;
}