/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
/********************** Polices *******************/
@font-face {
    font-family: "Beyond Wonderland";
    src: url("../polices/Beyond Wonderland.ttf");
}

@font-face {
    font-family: "RINGM";
    src: url("../polices/RINGM.ttf");
}

@font-face {
    font-family: "Rosmatika";
    src: url("../polices/Rosmatika.ttf");
}

@font-face {
    font-family: "Corvisa";
    src: url("../polices/MTCORSVA.ttf");
}

@font-face {
    font-family: "Corbel";
    src: url("../polices/corbel.ttf");
}

/********************** Colors ***********************/
/************************ Header *********************/
html {
    padding: 0px;
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
    background: black;
    background-size: 100%;
    height: auto;
    color: white;
    border: solid 0px;
}

a {
    text-decoration: bold;
}

header {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    /* A enlever */
    color: blue;
    border: solid 0px;
}

header .background {
    width: 100%;
}

header .titre {
    position: absolute;
    left: 80px;
    top: 50px;
    color: black;
    border: solid 0px blue;
    display: inline;
}

header .titre h1 {
    display: inline;
    font-size: 6em;
    font-family: 'Rosmatika';
    border: solid 0px blue;
}

header .titre h1 #A {
    font-size: 1.4em;
}

header .titre h1 #B {
    font-size: 1.2em;
}

header .titre .image_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: solid red 0px;
    justify-content: start;
}

header .titre .image_center div {
    position: relative;
    width: 30%;
}

header .titre .image_center div img {
    border: solid 0px blue;
    position: absolute;
    width: 100%;
}

header .titre .image_center p {
    margin-top: 100px;
    border: solid 0px blue;
    font-family: 'Corvisa';
    text-align: center;
    font-size: 2.5em;
}

header a {
    position: absolute;
    right: 50px;
    top: 40px;
    width: 60px;
    background-color: white;
    border-radius: 10px 10px;
    border: solid 1px black;
    overflow: hidden;
    transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

header a img {
    width: 100%;
}

header a:hover {
    transform: scale(1.5);
}

header a:hover div {
    margin-right: 0px;
}

header a div {
    position: absolute;
    right: 25px;
    top: 25px;
    overflow: hidden;
    transition: margin-right 500ms;
}

/************************** Nav *****************************/
section {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    color: white;
    border: solid red 0px;
}

/*********************** Bloc page *******************/
.bloc_page {
    width: 100%;
    font-family: 'Corvisa';
    color: white;
    padding: 0px 100px 0px 100px;
    position: relative;
    margin: 0px 80px;
    padding: 0px 40px;
}

.bloc_page .presentation {
    text-indent: 0px;
    text-align: center;
    font-size: 2.5em;
    font-family: 'Corvisa';
    color: #c5c5c5;
    margin-top: -10px;
}

.bloc_page .extrait {
    font-size: 1.2em;
    font-style: italic;
    color: #717171;
}

.bloc_page strong {
    font-weight: bold;
    font-style: normal;
    font-size: 1.3em;
}

.bloc_page .contact {
    text-align: center;
    font-size: 2em;
    font-family: 'Corbel';
    color: #717171;
    margin-top: -10px;
}

.bloc_page h1 {
    font-family: 'RINGM';
    font-size: 3.5em;
}

.bloc_page h2 {
    font-family: 'Corvisa';
    font-size: 3em;
    border: solid 0px red;
    color: #c5c5c5;
}

.bloc_page h3 {
    font-family: 'Corvisa';
    text-indent: 2em;
    font-size: 2.5em;
    border: solid 0px red;
    color: #c5c5c5;
}

.bloc_page h4 {
    text-indent: 2em;
    text-align: justify;
    font-size: 1.6em;
    font-family: 'Corvisa';
    color: #c5c5c5;
    margin: 20px 70px;
}

.bloc_page h5 {
    font-size: 1.3em;
}

.bloc_page p {
    font-family: 'Corbel';
    text-indent: 2em;
    font-size: 1.3em;
    text-align: justify;
    color: #a8a8a8;
}

.bloc_page ul {
    list-style: circle;
}

.bloc_page ul p {
    font-family: 'Corbel';
    text-indent: 0em;
    font-size: 1.3em;
    text-align: justify;
    color: #a8a8a8;
}

.bloc_page ul strong {
    font-family: 'Rosmatika';
    color: #c5c5c5;
    font-weight: normal;
    font-size: 1.2em;
}

.bloc_page ul em {
    color: #c5c5c5;
    font-weight: bold;
    font-style: normal;
}

.bloc_page a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.bloc_page .icone_titre {
    height: 1.3em;
    margin-top: 50px;
}

.bloc_page .flottant_droite {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
}

.bloc_page .flottant_gauche {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
}

.bloc_page .clear {
    clear: both;
}

.bloc_page .classe {
    background: url("../images/nav/separateur.png") no-repeat;
}

.bloc_page .simple {
    background: url("../images/nav/separateur_simple.png") no-repeat;
    margin: 5em 0px 7em 0px;
}

.bloc_page .vide {
    background: url("../images/nav/separateur_vide.png") no-repeat;
    margin: 5em 0px 4em 0px;
}

.bloc_page .chakra_sep {
    margin: 10em 0px 7em 0px;
}

.bloc_page .separateur {
    background-size: 40%;
    background-position: center;
    height: 5em;
    width: 100%;
}

.bloc_page .vbloc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.bloc_page .hbloc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 30px;
}

.bloc_page .flottant_droite {
    border: solid;
}

.bloc_page .icone_pdf {
    width: 30px;
    background: white;
    margin-left: 40px;
}

.bloc_page .manifesterie_button {
    overflow: hidden;
    height: 200px;
    transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.bloc_page .manifesterie_button img {
    border: solid white 2px;
    border-radius: 20px;
    height: 90%;
}

.bloc_page .manifesterie_button:hover {
    transform: scale(1.2);
}

.bloc_page .manifesterie_button:hover div {
    margin-right: 0px;
}

/*# sourceMappingURL=style_biographie.css.map */