/*pour l'impression*/
@page {
  size: A4 portrait;
  margin: 0;
}
@page :left {
  margin-left: 0cm;
}
@page :right {
  margin-left: 0cm;
}

/*tailles des caractères*/
html, body{
	width: 210mm;
	height: 297mm;
	font-size: 0.83rem;
}
h1{
  font-size: 2.2rem;
}
h2{
  font-size: 1.2rem;
}
.oi{
  font-size: 1.2rem;
}
.colDroite .oi{
  font-size: 3rem;
}

.pageBreak {
	page-break-after: always;
	break-after: always;
}

/*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;
  width: 157mm;
}

/*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%;
  color:White;
  text-shadow: 2px 1px 2px Black;
}
.colGauche .photo h1{
    font-size:3.5vw;
    position:absolute;
    bottom:1vw;
    padding-left:1vw;
}
.colGauche small.muted-text{
  font-size: 1.5vw;
}
.colGauche h2{
  margin-top: 10px;
}
.colGauche #tel, .colGauche #email{
  font-size:1.4vw;
}

.colGauche ul.languages li div strong{
	font-size:0.95vw;
}


.colDroite div.row {
	page-break-inside: avoid;
	break-inside: avoid;
}

.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;
}


html body div.container-fluid div.row div.col-11.offset-1 {
	margin-left: 5%;
}