:root {
    /*
    --main_bg_color: #333333;
    --main_ft_color: #ffffff;
    --main_left_ft_color: #f0f0f0;
    */
    --main_bg_color: #393f65;
    --main_ft_color: #ffffff;
    --main_left_ft_color: #ffb700;
}




/**************** main ***********/


/* version A4 au milieu, impression need scale 32 */
/*
body {
    display: flex;
    background: #f8f8f8;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cv {
    box-shadow: 20px 17px 20px 0px #aaaaaa;
    border: 1px solid #888888;
    margin: 200px;
}
*/
/* version Html == A4, bon pour impression */
html {
    width: 793.6px;
    height: 1122.56px;
}
body{
    width: 2480px;
    height: 3508px;
    margin: 0px 0px;
    transform-origin: top left;
    transform: scale(0.32);
}




.cv {
    /*: format A4 */
    display: block;
    width: 2480px;
    height: 3508px;
    background: var(--main_ft_color);
    color: var(--main_bg_color);
    font-family: system-ui;
    /*transform-origin: top center;*/
    /* transform: scale(0.25); */
}

.leftPart {
    display: inline-block;
    width: 900px;
    height: 100%;
    background: var(--main_left_ft_color);
    margin: 0px 160px;
}


.mainPart {
    display: inline-block;
    width: calc(100% - 1338px);
    height: 100%;
    vertical-align: top;
}



/**************** leftPart ***********/

.leftPart .up {
    position: relative;
    width: 100%;
    height: 1270px;
    border-bottom-left-radius: 450px;
    border-bottom-right-radius: 450px;
    background: var(--main_bg_color);
    color: var(--main_ft_color);
    text-align: center;
}

.leftPart .middle {
    width: 100%;
    height: 470px;
    font-size: 41px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.leftPart .bottom {
    width: 100%;
    height: calc(100% - 1740px);
    border-top-left-radius: 450px;
    border-top-right-radius: 450px;
    background: var(--main_bg_color);
    color: var(--main_ft_color);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.leftPart .bottom_container
{
    margin-top: 272px;
}
.leftPart .middle>div {
    width: 600px;
}




.name {
    font-size: 98px;
    font-weight: bolder;
    padding-top: 164px;
    padding-bottom: 0px;
}

.title {
    font-size: 59px;
}


.leftPart .photo_container {
    position: absolute;
    bottom: 50px;
    left: 50px;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background: var(--main_ft_color);
}

.leftPart .photo_container .photo {
    width: 738px;
    height: 738px;
    margin: 31px;
    border-radius: 50%;
    overflow: hidden;
}

.photo img {
    width: 100%;
    height: auto;
    margin-top: -88px;
}





.icon,
.title_1>div.icon, 
.line>div.icon
{
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.title_1 {
    font-size: 71px;
    font-weight: bold;
    margin: 24px 0px;
}

.title_1 .icon {
    width: 100px;
    height: 100px;
    background: var(--main_bg_color);
    color: var(--main_ft_color);
    border-radius: 50%;
}
.title_1 .icon>i { font-size: 45px; }

.title_1>div, .line>div {
    display: inline-block;
    vertical-align: middle;
}

.line .icon {
    width: 70px;
    height: 70px;
    margin-right: 18px;
    /* background: #ff0000; */
    border-radius: 50%;
}

.clickable {
    cursor: pointer;
}

.line {
    margin: 2px 0px;
}

.leftPart .bottom .title_1 .icon {
    background: var(--main_ft_color);
    color: var(--main_bg_color);
}

.title_2 {
    width: 100%;
    font-size: 40px;
    font-weight: bold;
    margin: 50px 0px 30px 0px;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.leftPart .bottom>div>.text {
    max-width: 600px;
    font-size: 32px;
}

.leftPart .bottom .title_1 {
    margin-top: 100px;
}



/**************** mainPart ***********/


.block>.text, 
.block_paragraphe, 
.subBlock>p,
.subBlock>a>p {
    font-size: 26px;
    vertical-align: middle;
}

.block {
    margin: 42px 0px;
}

.mainPart .title_1 {
    font-size: 49px;
    margin: 8px 0px;
}

.subtitle_2 {
    font-size: 24px;
}

.mainPart .title_2 {
    margin: 20px 0px 10px 0px;
}

.mainPart .dot {
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--main_bg_color);
}

.mainPart .block_paragraphe>p {margin: 21px 0px;}

.title_3 {
    font-size: 33px;
}

.mainPart .block_paragraphe>p::before {
    content: "\002022  ";
}

.mainPart .block>.text.reduceLineSpace>p {
    margin: 0px 0px;
}



.leftPart .bottom a {
    color: var(--main_ft_color);
}
a {
    color: var(--main_bg_color);
    text-decoration: initial;
}