body {
    margin: 0
}

* {
    box-sizing: border-box;
}

@media print {
    #gtitre  { display: none; }
}

@media screen {
    #A4 {
        margin: 10mm;
        border: 1pt;
        border-style: solid;
        box-shadow: 1px 1px 12px #555;
    }
}

#A4 {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 297mm;
    width: 210mm;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

#interieur {
    position: absolute;
    top: 10mm;
    left: 10mm;
    margin: 0 10mm 10mm 0;
    /* marges physique ici */
    display: flex;
    flex-direction: row ;
    flex-wrap: wrap;
}

#gtitre {
    width : 185mm; 
    margin-bottom:2.5mm;
}

/*#gtitre a { color: black ; text-decoration: none }*/

/* colonne des infos gal */
#colinfosgal {
     width : 36mm;
     display: flex;
     flex-direction: column ;
     padding : 3mm;
     background-color: rgba(211, 211, 211, 0.19);
     border-style: none;
    box-shadow: 1px 1px 5px #555;
    margin-top:0mm;
}


#colinfosgal .sstitre {    
    font-size: 12pt;   
    text-align: center;    
}

#colinfosgal .bloc{
    margin-top:3mm;
    margin-bottom: 2mm;
    color : rgba(0, 0,0,0.5);
    font-size: 9pt;
}

#langues {    
    text-align: left;     
}

#societe {    
    text-align: left ;    
}

.titreR {
    font-size: 14pt;
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 2mm;
}

#photo {
    display: flex;
    flex-direction: row ;
    justify-content: center;
    margin-bottom:10mm;
    margin-top: 5mm;
}

.gutter {
    width: 1.5mm;
}

#colinfosresume {
    width:151mm;
    display: flex;
    flex-direction: column ;
    padding : 0mm;
}

.titreI {
    font-size: 14pt;
    font-weight: bold;
    color : rgba(0, 0,0,0.6);
    padding-bottom: 0mm;
    padding-left:2mm;
}

.blocI {    
    
    
    flex-direction: column ;
     padding : 1mm;
     background-color: rgba(211, 211, 211, 0.1);
     border-style: none;
    box-shadow: 1px 1px 9px #555;
}

.titre {
    font-size: 15pt;
    font-weight: bold;
    color : rgba(0, 0,0,0.9);
    text-align: center;
}

.roundedImage{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
    box-shadow: 1px 1px 12px #555;
}

.blocI .content {
    display: flex;
    flex-direction: row ;
}

#xp .content {
    display: flex;
    flex-direction: column ;
}

.detailsbloc {
    margin : 0.5mm;
    
    box-shadow: 1px 1px 4px #555;
    padding : 1mm;
    width : 39%;
    background-color: rgba(211, 211, 211, 0.12);
    color : rgba(0, 0,0,0.65);
}

#xp {
    margin-top: 2.5mm;
}
#xp .content .detailsbloc {
    width:98%;
}

#xp .content .detailsbloc .titre {
    text-align:left;
}

#editique {
    width : 30%
}

#techno {
    width: 24%
}

.detailsbloc .titre {
    font-size: 12pt;
    
}

.item {
    padding-left:0.5mm;
    font-size : 9pt;
    padding-top:0.4mm ;
    
}
.item::before {
    content: "- ";
}

.detailsbloc .sstitre{
    font-style: italic;
    font-weight: bold;
    margin-top: 0.8mm;
    padding:0.5mm;
    border-bottom: 1px solid;
}

img.corp {
    margin-right:3mm;
    vertical-align: middle;
}

#xp .content .detailsbloc .item {
    text-align: justify;
}