/** Paramétrages par défaut **/
    body{margin:0;padding:0;border:0;
        background-color:#fff;
        color:black;font-size:100%;
        line-height:1.25em} /* 16×1.25=18px */

    /* Textes */
    h1,h2,h3,h4,h5,h6,p,blockquote,pre{margin:0;padding:0}
    abbr,acronym{border-bottom:1px dashed #ddd}
    address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
    q:before,q:after{content:''}
    pre,code,kbd{font:115% monospace}
    h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}

    /* Liens */
    a,a *{cursor:pointer}

    /* Listes */
    dl,dt,dd,ol,ul,li{margin:0;padding:0}
    ol,ul{list-style:none}

    /* Formulaires */
    form,fieldset,legend,input,button,textarea{margin:0;padding:0}
    fieldset{border:0}
    button,input[type=submit],input[type=button]{height:1.8em}

    /* Tableaux */
    table{border-collapse:collapse;border-spacing:0;font-size:inherit}
    th,td{margin:0;padding:0}
    caption,th{font-style:normal;font-weight:normal;text-align:left}

    /* Autres */
    div{margin:0;padding:0;background-color:transparent;text-align:left}
    img,hr{border:0}
    .printOnly{display:none}
    
/** Textes **/
    /* The default text size is consistently 16px */
    body,select,input,button,textarea{font-family:arial,verdana,helvetica,"Bitstream Vera Sans",clean,sans-serif}
    body{font-size:0.9em} /* 16×0.75=12px */
    label,legend,select,input,button,textarea,caption,th,td,p{font-size:1em} /* 12×1=12px */
    /*li,li li{font-size:0.75em}*/ /* 16×0.75=12px */
    h1{font-size:1.5833em} /* 12×1.5833=19px */
    h2{font-size:1.5em} /* 12×1.5=18px */
    h3{font-size:1.4167em} /* 12×1.4167=17px */
    h4{font-size:1.3333em} /* 12×1.3333=16px */
    h5{font-size:1.25em} /* 12×1.25=15px */
    h6{font-size:1.1667em} /* 12×1.1667=14px */
    
/** Liens **/
    a,
    a:link,
    a:active,
    a:visited{text-decoration:underline;color:#999;background-color:white}
    a:focus{color:white !important;background-color:#999 !important;outline-color:#999}
    a:hover{text-decoration:none;color:#999;background-color:white}
    .metas a:focus{outline-color:#000}
    .metas a:hover{outline-color:#000}

/** Utils **/

    .spacer{clear:both;font-size:0;line-height:0;margin:5px 0;width:100%}
    .hidden{position:absolute;left:-9999px}
    acronym{cursor:help}

/** Site centré **/
    html{height:101%;overflow-y:scroll}

/** Layout **/

    #cv_external{width:100%;text-align:center}
    #cv_internal{width:750px;margin:0 auto}

/** Styles **/

    body{color:#999}
    h1{padding:0;margin:20px 0}
    h2,h3,h4,h5,h6{padding:0;margin:40px 0 20px 0}
    
    .hresume{width:100%;padding:10px;margin-bottom:10px}
        #vcard{clear:both;overflow:hidden}
        #contact{margin-bottom:5px;position:relative;height:73px;width:362px;float:left}
            #contact #title,
            #contact div{text-indent:-9999px;position:absolute;z-index:0}
            #contact div{top:60px}
            div#fn{top:45px}
            #image-title{position:absolute;z-index:1;height:73px;width:362px;background:transparent url(/images/integrateur-web-freelance.gif) no-repeat 0 0}
            .fn{font-weight:bold}
            .hresume  .given-name{font-weight:bold;font-size:1.0833em} /* 12×1.0833=13px */
            .hresume  .family-name{font-weight:bold;font-size:1.0833em} /* 12×1.0833=13px */
        #infos-contact{float:right;width:auto;margin-left:48px;padding-left:48px;border-left:1px solid #ccc}
            #photoID{display:none}
            #bday,
            #homeadr,
            #telfixwork,
            #telcell,
            #geo,
            #email-address,
            #skype,
            #Website,
            #get-vcard,
            #online div{margin:2px 0}
			#google-plusone,
			#flattr-badge,
            #qr-code-vcard{margin:10px 0}
				#qr-code-vcard img{width:250px;height:auto;}
            #bday{display:none}
            .geo-localisation{height:16px;padding-left:20px;background:transparent url(/images/geoloc2.gif) no-repeat 0 0}
            .add-contact{height:16px;padding-left:20px;background:transparent url(/images/vcard2.gif) no-repeat 0 0}
            #workadr{display:none}
            /*.email{border:0;width:161px;height:12px !important;overflow:hidden;background:transparent url(/images/email.png) no-repeat 0 0;cursor:pointer}*/
            #profils-online{overflow:hidden;clear:both;margin-top:5px;width:160px}
            #profils-online li{display:block;float:left;padding:0 3px 3px 0}
            
        .type-projet{font-weight:bold}
            
        .hresume .experience{clear:both;margin:20px 0;overflow:hidden}
        .date_duration{color:#999;font-weight:bold}
        .hresume .experience .fn{/* padding-left:20px;background:transparent url(/images/separateur.gif) no-repeat 0 4px */}
        .hresume  .last{border:none}
        .hresume .htitle{font-size:1.1667em} /* 12×1.1667=14px */
        .hresume .htitle .summary{font-weight:bold}
        .hresume .htitle .include,
        .hresume .experience .location{/*display:none*/}
        .vcalendar ul.description{margin-top:10px;padding-left:8px;margin-left:8px;list-style-image:url(/images/puce.gif)}
        .vcalendar li{padding-left:0px}
        
        .hresume .tags li{display:inline}
        .hresume .tags li:after{content:', '}
        .hresume .tags li:last-child:after{content:''}
        
        .metas li{display:inline;margin-right:10px}
        
/** titres en image **/
    
    #derniers-projets,
    #experiences-professionnelles,
    #divers,
    #mes-tags,
    #metas{text-indent:-9999px;position:relative}
        #image-derniers-projets{position:absolute;height:23px;width:178px;background:transparent url(/images/derniers-projets.gif) no-repeat 0 0;z-index:1;left:0}
            .block-end{margin-bottom:10px}
        #image-experiences-professionnelles{position:absolute;height:23px;width:311px;background:transparent url(/images/experiences-professionnelles.gif) no-repeat 0 0;z-index:1;left:0}
        #image-divers{position:absolute;height:18px;width:73px;background:transparent url(/images/divers.gif) no-repeat 0 0;z-index:1;left:0;margin-bottom:5px}
        #image-tags{position:absolute;height:22px;width:53px;background:transparent url(/images/tags.gif) no-repeat 0 0;z-index:1;left:0;margin-bottom:1px}
        #image-metas{position:absolute;height:19px;width:69px;background:transparent url(/images/metas.gif) no-repeat 0 0;z-index:1;left:0;margin-bottom:4px}