html{
  width:100%;
  font-family: arial, sans-serif;
  font-size:11pt;
  margin:0; padding:0;
  background:#ddd;
}
body{
  border:1px solid black;
  width:19cm;
  height:27.7cm;
  margin:1em auto;
  padding: 1cm;
  background :#fff;

}
@media print {
body{
  border:0;
  width:17cm;
  min-height:0;
  margin:auto;
  padding:0;
}
  
.given-name {padding-right: .2em;}
}

h1{ text-align:center;text-shadow: .1em .1em .1em #ccc;
    font-variant: small-caps;
    font-size:18pt;
	margin:1em 0 2em 0;
  }
h1 sup{font-variant: normal;}
h2{
  margin-top:1em;
  border-bottom:1px black solid;
  font-size:14pt;
}
p{ margin:0;}

ul{ list-style: none;}

.country-name{ display:block; /*display:none;*/}

.vcard .contact{
  float:right;
  margin-top:-4.5em;
  width:8cm;
  text-align:right; 
}

.vcard hr {
  clear:both; 
  visibility:hidden;
}

.vevent span{
  display:block;
  margin-left:8.5em;
}

.vevent .date {
  display:block;
  float:left;
  width:7.5em;
  margin:0;
  text-align:right;
  font-style:italic;
}

.vevent .summary{
font-weight:600;
  margin-top:0em;
  margin-bottom:0em;
}

#competence  { margin-left:2em;}
#centres_interet { margin-left:4.5em;}
#competence h3 {margin:0em;}
#competence ul {margin-top:.3em;}
#competence li {margin-bottom:.3em;}
#formation li, #experiences_pro > li { margin-left:-2em; margin-bottom:1em;}
.description { margin-left:5.75em;}
.details { font-style:italic; padding-left:1em;}

a {color:black; text-decoration:none;}