/*typographie*/
@font-face {
    font-family: Kanit, sans-serif;
    src: local("Kanit"), url("/font/Kanit/Kanit-Regular.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: Raleway, sans-serif;
    src: local("Raleway"), url("/font/Raleway/Raleway-Regular.ttf") format("truetype");
    font-style: normal;
}
html
{
    scroll-behavior: smooth !important;
}
.anchor_top
{
    padding: 3px;
    position:fixed;
    top: 80%;
    left: 10px;
    z-index: 9999;
}
.bloc_haut
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    position: relative;
    top: 210px;
    justify-content: center;
}
.titre_home_page
{
    position: initial;
    margin-right: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.box_bouton_page_home
{
    display: flex;
    flex-direction: row;
    height: 44px;
    justify-content: space-between;
    margin-top: 15px;

}
.box
{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100px;
    margin-top: 10px;
}
.minibox
{
    display: inline-flex;
    flex-direction: row;
    flex-basis: auto;
    flex-wrap: wrap;
    margin: 5px 0 5px 0;
    padding-left: 20px;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjAzMDQ3IDQuODExNThWNy41MjE4NUgyLjIzMTg3QzEuOTg5NTkgNy41MjE4NSAxLjc5Mjk3IDcuNzM2MDcgMS43OTI5NyA4LjAwMDAyQzEuNzkyOTcgOC4yNjM5NyAxLjk4OTU5IDguNDc4MTkgMi4yMzE4NyA4LjQ3ODE5SDcuMDMwNDdWMTEuMTg4NUM3LjAzMDQ3IDExLjM2MjUgNy4xMTcwOCAxMS41MjMyIDcuMjU3NTMgMTEuNjA3M0M3LjM5NzM5IDExLjY5MTUgNy41NjgyNyAxMS42ODU3IDcuNzAyODYgMTEuNTkzM0wxMi4zNDc2IDguNDA0ODdDMTIuNDc1NyA4LjMxNjg4IDEyLjU1MyA4LjE2NDUxIDEyLjU1MyA4LjAwMDAyQzEyLjU1MyA3LjgzNTUzIDEyLjQ3NTcgNy42ODMxNSAxMi4zNDc2IDcuNTk1MTdMOS40NTcyOCA1LjYxMTcyQzkuMjUzMDUgNS40NzA4MiA4Ljk4MTUyIDUuNTM3NzYgOC44NTIxOSA1Ljc2MDkxQzguNzIzNDUgNS45ODQ2OSA4Ljc4NDg5IDYuMjc5ODggOC45OTAzIDYuNDIwNzhMMTEuMjkwMSA4LjAwMDAyTDcuOTA4MjcgMTAuMzIyNlY0LjgxMTU4QzcuOTA4MjcgNC41NDc2MyA3LjcxMTY0IDQuMzMzNDEgNy40NjkzNyA0LjMzMzQxQzcuMjI3MSA0LjMzMzQxIDcuMDMwNDcgNC41NDc2MyA3LjAzMDQ3IDQuODExNTgiIGZpbGw9IiM3OEEyRTEiLz4NCjwvc3ZnPg==') no-repeat;
}
.centre_bleu_home_page
{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    left: 0;
    margin: 340px 0 50px 0;
    background-color: #78A2E1;
}
.centre_bleu
{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    left: 0;
    margin: 210px 0 50px 0;
    background-color: #78A2E1;
}
#tete_simple_octo
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    /*width: 100%;*/
    height:220px;
    /*left: 40%;*/
    top: -119px;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUxIiBoZWlnaHQ9IjM1MyIgdmlld0JveD0iMCAwIDQ1MSAzNTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNDE2IDE5NkMzNDcgMTk2IDM0NC44MTMgMTk2IDI1NyAxOTZDMTY5LjE4NyAxOTYgMjAzLjUgMTk2IDk4IDE5NkM5OCAxMDguMTg3IDE2OS4xODcgMzcgMjU3IDM3QzM0NC44MTMgMzcgNDE2IDEwOC4xODcgNDE2IDE5NloiIGZpbGw9IiM3OEEyRTEiLz4NCjxwYXRoIGQ9Ik0yNDAuMTkgMTc0LjQ5NEMyMzYuMTA5IDE3NC41MzMgMjMyLjE4IDE3Mi45NSAyMjkuMjY3IDE3MC4wOTNDMjI2LjM1NCAxNjcuMjM1IDIyNC42OTUgMTYzLjMzOCAyMjQuNjU1IDE1OS4yNTdDMjI0LjYxNiAxNTUuMTc3IDIyNi4xOTkgMTUxLjI0OCAyMjkuMDU2IDE0OC4zMzVDMjMxLjkxNCAxNDUuNDIxIDIzNS44MTEgMTQzLjc2MyAyMzkuODkyIDE0My43MjNDMjQwLjI4NyAxNDMuNzE1IDI0MC42NzYgMTQzLjc0MyAyNDEuMSAxNDMuNzY1TDI0MS4wNzYgMTQwLjE2NkMyNDEuMDM4IDEzNi4zOTkgMjM5LjUwNiAxMzIuODAxIDIzNi44MTYgMTMwLjE2NEMyMzQuMTI1IDEyNy41MjcgMjMwLjQ5OCAxMjYuMDY3IDIyNi43MzEgMTI2LjEwNUMyMjIuOTY0IDEyNi4xNDIgMjE5LjM2NiAxMjcuNjc1IDIxNi43MjkgMTMwLjM2NUMyMTQuMDkyIDEzMy4wNTUgMjEyLjYzMSAxMzYuNjgzIDIxMi42NjkgMTQwLjQ1TDIxMy4yMTIgMTk5LjYxQzIxMy4yNDUgMjAzLjM3OCAyMTQuNzczIDIwNi45NzkgMjE3LjQ2MSAyMDkuNjE5QzIyMC4xNDggMjEyLjI2IDIyMy43NzUgMjEzLjcyNSAyMjcuNTQzIDIxMy42OTNDMjMxLjMxIDIxMy42NiAyMzQuOTExIDIxMi4xMzEgMjM3LjU1MiAyMDkuNDQ0QzI0MC4xOTMgMjA2Ljc1NiAyNDEuNjU4IDIwMy4xMjkgMjQxLjYyNSAxOTkuMzYyTDI0MS4zODQgMTc0LjQ1NUMyNDAuOTc1IDE3NC40NTQgMjQwLjU4NSAxNzQuNDg1IDI0MC4xOSAxNzQuNDk0WiIgZmlsbD0iIzVFN0ZCMSIvPg0KPHBhdGggZD0iTTMwNC45MDMgMTc1LjMyNkMzMDAuODIyIDE3NS4zNjYgMjk2Ljg5MyAxNzMuNzgzIDI5My45OCAxNzAuOTI1QzI5MS4wNjcgMTY4LjA2OCAyODkuNDA4IDE2NC4xNyAyODkuMzY4IDE2MC4wOUMyODkuMzI5IDE1Ni4wMDkgMjkwLjkxMiAxNTIuMDggMjkzLjc2OSAxNDkuMTY3QzI5Ni42MjcgMTQ2LjI1NCAzMDAuNTI1IDE0NC41OTUgMzA0LjYwNSAxNDQuNTU1QzMwNS4wMDIgMTQ0LjU1OCAzMDUuMzkxIDE0NC41ODcgMzA1LjgxNiAxNDQuNjA5TDMwNS43OTEgMTQxLjAxQzMwNS43NTQgMTM3LjI0MyAzMDQuMjIxIDEzMy42NDUgMzAxLjUzMSAxMzEuMDA4QzI5OC44NDEgMTI4LjM3MSAyOTUuMjEzIDEyNi45MTEgMjkxLjQ0NiAxMjYuOTQ4QzI4Ny42NzkgMTI2Ljk4NiAyODQuMDgxIDEyOC41MTkgMjgxLjQ0NCAxMzEuMjA5QzI3OC44MDcgMTMzLjg5OSAyNzcuMzQ3IDEzNy41MjcgMjc3LjM4NCAxNDEuMjk0TDI3Ny45NjYgMjAwLjQ3MkMyNzguMDAzIDIwNC4yMzkgMjc5LjUzNiAyMDcuODM2IDI4Mi4yMjYgMjEwLjQ3M0MyODQuOTE3IDIxMy4xMSAyODguNTQ0IDIxNC41NzEgMjkyLjMxMSAyMTQuNTMzQzI5Ni4wNzggMjE0LjQ5NiAyOTkuNjc2IDIxMi45NjMgMzAyLjMxMyAyMTAuMjczQzMwNC45NSAyMDcuNTgyIDMwNi40MSAyMDMuOTU1IDMwNi4zNzMgMjAwLjE4OEwzMDYuMTMgMTc1LjI2OUMzMDUuNzIzIDE3NS4zMTQgMzA1LjMxMyAxNzUuMzMzIDMwNC45MDMgMTc1LjMyNloiIGZpbGw9IiM1RTdGQjEiLz4NCjxwYXRoIGQ9Ik0xODYuNzk2IDEwNS42MzJDMjA2Ljc3MSA5MC42NzgyIDIxOC4zNDUgNzIuMzg3MyAyMTIuNjQ4IDY0Ljc3NzlDMjA2Ljk1MiA1Ny4xNjg2IDE4Ni4xNDEgNjMuMTIyNCAxNjYuMTY3IDc4LjA3NjFDMTQ2LjE5MiA5My4wMjk4IDEzNC42MTggMTExLjMyMSAxNDAuMzE1IDExOC45M0MxNDYuMDExIDEyNi41MzkgMTY2LjgyMiAxMjAuNTg2IDE4Ni43OTYgMTA1LjYzMloiIGZpbGw9IndoaXRlIi8+DQo8Y2lyY2xlIGN4PSI0MzEuNSIgY3k9IjE5LjUiIHI9IjE5LjUiIGZpbGw9IiM3OEEyRTEiLz4NCjxlbGxpcHNlIGN4PSI0MjMuOTAzIiBjeT0iNy42ODU3MiIgcng9IjcuNzUwNzkiIHJ5PSI0LjA3NzI3IiB0cmFuc2Zvcm09InJvdGF0ZSgtMzMuNjA2MiA0MjMuOTAzIDcuNjg1NzIpIiBmaWxsPSJ3aGl0ZSIvPg0KPGNpcmNsZSBjeD0iMjguNSIgY3k9IjEyMC41IiByPSIyOC41IiBmaWxsPSIjNzhBMkUxIi8+DQo8ZWxsaXBzZSBjeD0iMTcuMzk2NSIgY3k9IjEwMy4yMzMiIHJ4PSIxMS4zMjgxIiByeT0iNS45NTkwOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTMzLjYwNjIgMTcuMzk2NSAxMDMuMjMzKSIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==');
}
.bloc_centre
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: content;
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
}
.bloc_centre_column
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: content;
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
}
.bloc_bas
{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: fit-content;
    margin: 40px 0 0 0;
    padding: 40px 0 40px 0;
    background-color: #ffffff;
}
.vignette
{
    width: 180px;
    text-align: center;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 50px;
}
.picto
{
    height: 100px;
    margin-bottom: 16px;
}
.bloc_testimonial
{
    height: 300px;
    padding: 20px;
}
.box_testimonial
{
    display: flex;
    flex-direction: column;
    flex-basis: content;
    padding: 20px;
    margin: 20px auto 20px auto;
    border-radius: 15px;
    background: #ffffff;
    overflow:hidden;
}
.testimonial_haut
{
    display: flex;
    flex-direction: row;
    flex-basis: content;
}
.corps_testimonial
{
    padding-left: 20px;
}
.testimonial_bas
{
    display: flex;
    flex-direction: row;
    flex-basis: content;
    position: inherit;
    justify-content: space-between;
}
/*video*/
.video_intro
{
    display: block;
    width: 30em;
    padding-left: 15px;
}
/*Couleur*/
.bleu
{
    color: #78A2E1;
}
.blanc
{
    color: #ffffff;
}
.noir
{
    color: #333333;
}
.jaune
{
    color: #FFC933;
}
.h_orange:hover
{
    color: #FFC933;
}
/*bouton*/
.bouton_bleu
{
    display: flex;
    flex-basis: content;
    /*height: 40px;*/
    border: 1px solid #78A2E1;
    box-sizing: content-box;
    box-shadow: 2px 4px 5px rgba(94, 127, 177, 0.4);
    border-radius: 5px;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #78A2E1;
}
.bouton_blanc
{
    display: flex;
    flex-basis: content;
    box-sizing: content-box;
    border: 1px solid #78A2E1;
    box-shadow: 2px 4px 5px rgba(94, 127, 177, 0.4);
    border-radius: 5px;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}
.bouton_jaune
{
    display: flex;
    flex-basis: content;
    box-sizing: content-box;
    border: 1px solid #FFC933;
    box-shadow: 2px 4px 5px rgba(94, 127, 177, 0.4);
    border-radius: 5px;
    padding: 0;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFC933;
}
.bouton_testimonial
{
    display: flex;
    flex-direction: row;
    flex-basis: content;
    justify-content: flex-end;
}
.bouton_blanc_support
{
    display: flex;
    flex-basis: content;
    box-sizing: content-box;
    border: 1px solid #78A2E1;
    box-shadow: 2px 4px 5px rgba(94, 127, 177, 0.4);
    border-radius: 5px;
    padding: 0;
    background-color: #FFFFFF;
}
.bouton_blanc:hover
{
    background-color: #78A2E1;
    color: #FFFFFF;
    border: 1px solid #ffffff;
}
.bouton_bleu:hover
{
    background-color: #ffffff;
    color: #78A2E1;
    border: 1px solid #78A2E1;
}
.bouton_jaune:hover
{
    background-color: #FFFFFF;
    border: 1px solid #FFC933;
}
.bouton_blanc_support:hover
{
    background-color: #78A2E1;
    color: #FFFFFF;
    border: 1px solid #ffffff;
}
.p
{
    margin: 0;
}
.titre
{
    font-family: Kanit, sans-serif;
    font-weight: 700;
   /* font-size: 40px;*/
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 50px;
    margin: 0;
}
.titre_centre
{
    font-family: Kanit, sans-serif;
    font-style: normal;
    font-weight: 700;
    /* font-size: 40px;*/
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 50px;
    margin: 0;
    text-align: center;
}
.titre_price
{
    font-family: Kanit, sans-serif;
    font-weight: 700;
    /* font-size: 40px;*/
    font-size: clamp(1rem, 4vw, 2rem);
    line-height: 50px;
    margin: 0;
}
.titre_section
{
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: clamp(1.125rem, 3vw, 1.6rem);
    line-height: 29px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.sous_titre
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1.400rem, 3vw, 1.800rem);
    line-height: 35px;
    text-align: left;
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-top: 0;
    margin-bottom: 0;
}
.sous_titre_centre
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1.400rem, 3vw, 1.800rem);
    line-height: 35px;
    text-align: center;
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-top: 0;
    margin-bottom: 0;
}
.sous_titre_schema
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1.400rem, 3vw, 1.800rem);
    line-height: 35px;
    text-align: left;
    font-feature-settings: 'pnum' on, 'lnum' on;
    margin-top: 0;
    margin-bottom: 0;
}
.texte_testimonial
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    color: #78A2E1;
    padding:  10px 10px 10px 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.titre_texte_courant
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}
.petit_texte_courant
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.petit_texte_courant_centre
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    /* identical to box height */
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.petit_texte_courant_gras
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.annotation
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    /* identical to box height */
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: 2px;
    margin: 10px 0 10px 0;
}
.center
{
    text-align: center;
}
.souligne
{
    text-decoration-line: underline;
}
.texte_bouton_bleu
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
    padding: 15px 20px 15px 20px;
    margin: 0;
    text-decoration-line: none;
    display: flex;
    align-items: center;
}
.texte_bouton_bleu:hover
{
    color: #78A2E8;
}
.texte_bouton_blanc
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #78A2E8;
    padding: 15px 20px 15px 20px;
    margin: 0;
    text-decoration-line: none;
    display: flex;
    align-items: center;
}
.texte_bouton_blanc:hover
{
    color: #ffffff;
}
.txt_bouton_jaune
{
    font-family: Raleway, bold, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 15px 20px 15px 20px;
    margin: 0;
    text-decoration-line: none;
    display: flex;
    align-items: center;
}
.texte_bouton_blanc_support
{
    font-family: Raleway, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #78A2E8;
    padding: 15px 20px 15px 20px;
    margin: 0;
    text-decoration-line: none;
    display: flex;
    align-items: center;
}
.texte_bouton_blanc_support:hover
{
    color: #ffffff;
}
.txt_bouton_jaune:hover
{
    color: #FFC933;
}
/*image*/
.image_tete_simple
{
    height: 220px;
}
.img_testimonial
{
    height: 120px;
    margin: 0 20px 0 0;
}
/*casser à cause du PHP slide de julien*/
/*carousel*/
/*.slide_img  img
{
    height: 60px;
    padding: 20px 20px 0 20px;
    margin: 0 20px 0 20px;
}*/
/*Styling*/
/*
   .defilement_logo
   {
       background: white;
       box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
       height: 100px;
       margin: 20px auto 20px auto;
       overflow: hidden;
       position: relative;
       max-width: 60%;
   }

.changement_etat
{
    display: flex;
    width: calc(227px * 14);
    overflow: hidden;
    animation: slide 40s infinite alternate ease-in-out;
}*/
.logo_partenaire
{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-self: center;
    justify-content: center;
}
.logo_partenaire img
{
    height: 60px;
    padding: 20px;
    margin: 20px;
}
/*volunteer/affiliate*/
.img_fondu
{
    height: 360px;
    position: relative;
    margin: 35px 0 0 0;
}
.fondu
{
 position: relative;
    float: left;
}
.fondu img.haut:hover
{
    opacity: 0;
    transition: opacity 0.5s linear;
}
.haut
{
position: absolute;
    left: 0;
    width: 1000px;
}
/*open source*/
.tableau_open_source > table, td
{
    border: 1px solid #78A2E8;
    border-spacing: inherit;
}
.tableau_open_source
{
    width: 100%;
}
.tableau_open_source > table
{
    border-radius: 0 0 20px 20px;
}
.special_radius3
{
    border-radius: 0 0 20px 0;
}
.special_radius4
{
    border-radius: 0 0 0 20px;
}
.bloc_tableau
{
    position: relative;
    left: 30%;
    margin: 50px 0 20px 0;
    width: 50%;
}
.bloc_tableau2
{
    display: none;
}
.box_graphic_license
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 20px 0 20px 0;
}
.down_open_source
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.octo_open_source
{
    width: 500px;
    margin: 0 0 0 100px;
}
.head_tableau
{
    background-color: #78A2E8;
}
.tableau_open_source tr
{
    height: 60px;
}
td
{
    padding: 5px 25px 5px 25px;
}
.table_none  table  td
{
    border: 2px solid #FFFFFF;
}
.vignette_open_source
{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 2px solid #78A2E1;
    box-shadow: 0 6px 16px rgba(120, 162, 225, 0.5);
    border-radius: 15px;
    padding: 0 0 20px 0;
    text-align: center;
    width: 250px;
    margin: 50px 25px 50px 25px;
}
.titre_tableau2
{
    margin: 20px 0 5px 0;
}
.bloc_insc_beta
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: content;
    margin-top: 30px;
    margin-bottom: 0;
    position: relative;
}
.bloc_img_smartphone
{
    display: none;
}
.img_smartphone
{
    width: 1000px;
}
.schema_affiliate
{
    margin: 10px 0 50px 0;
    width: 20%;
}
.texte_schema_affiliate
{
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    margin: 0 0 0 100px;
}
.bloc_schema
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 0 20px 0;
}
#useful_ressources
{
    display: flex;
    flex-direction: column;
    margin: 50px auto 15px auto;
    position: relative;
}
.bloc_ressource
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 40px 0 40px 0;
}
.mini_bloc_ressource
{
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 10px 0 10px;
}
.img_ressource
{
    width: 30px;
    margin: 10px 20px 15px 10px;
}
#system
{
    display: none;
}
#system:target
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.system_row
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.all_questions
{
    display: flex;
    flex-direction: column;
    margin: 20px auto 20px auto;
    width: 100%;
}
.one_question
{
    position: relative;
    background: #FFFFFF;
    border-radius: 20px;
    width: 40%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 10px auto;
    padding: 20px 60px 20px 74px;
    justify-content: space-between;
}
.question_faq
{
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
#question1
{
    display: none;
}
#question1:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question2
{
    display: none;
}
#question2:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question3
{
    display: none;
}
#question3:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question4
{
    display: none;
}
#question4:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question5
{
    display: none;
}
#question5:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question6
{
    display: none;
}
#question6:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
#question7
{
    display: none;
}
#question7:target
{
    display: flex;
    flex-direction: row;
    margin: 5px 20px 5px 0;
}
.affiliate_agreement
{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 50px auto 20px auto;
    justify-content: center;
    padding: 10px;
}
.affiliate_agreement li
{
   margin: 20px;
}
.affiliate_souscription
{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 50px 0 30px 0;
    left: 30%;
    width: 60%;
}
.affiliate_step
{
    margin: 40px 0 20px 0;
    width: 90%;
}
.affiliate_souscription input, select
{
    background-color: #1111;
    border-radius: 20px;
    margin: 10px;
    padding: 10px 25px 10px 25px;
    border: 1px;
}
.bloc_centre_contactform form
{
    position: relative;
    display: flex;
    flex-direction: column;
}
.affiliate_souscription form
{
    position: relative;
    display: flex;
    flex-direction: column;
}
#displayResultTab
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
label .generate_link
{
    background-color: #78A2E1;
    color: #FFFFFF;
    margin: 25px auto 45px auto;
}
.generate_link:hover
{
    background-color: #FFC933;
}
.graphic_material
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 30px 0 30px;
    align-items: center;
    margin: 50px 25px 0 25px;
}
.box_content
{
    margin: 20px 0 20px 0;
}
.grande_box_help
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #78A2E1;
    border-radius: 20px;
    justify-content: center;
}
.box_help
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 180px;
    height: 260px;
    margin: 10px;
    align-items: center;
    text-align: center;
    padding: 20px;
    justify-content: space-between;
}
.barre_blanc
{
    width: 5px;
    background: #FFFFFF;
    margin: 25px 0 25px 0;
    border-radius: 3px;
}
.barre_bleu
{
    width: 5px;
    background: #78A2E1;
    margin: 25px 0 25px 0;
    border-radius: 3px;
}
.bloc_support_column
{
    display: flex;
    flex-direction: column;
}
.bloc_support_row
{
    display: flex;
    flex-direction: row;
    margin: 10px 50px 50px 50px;
    width: 310px;
}
.contact_bloc
{
   background-color: #78A2E1;
    height: 250px;
    width: 250px;
    display: flex;
    flex-direction: column;
    margin: 25px;
    padding: 15px;
    border-radius: 20px;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.img_support
{
    height:55px;
    margin-right: 20px;
}
/*bloc download warning */
.bloc_OS
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}
.bloc_vignette_OS
{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    margin: 30px;
    align-items: center;
}
.vignette_OS
{
    width: 50px;
    margin: 5px;
}
.button_OS
{
    margin: 5px;
    padding: 15px;
    background-color: #1aab09;
    border-radius: 10px;
}
.button_OS:hover
{
    background-color: #26d30d;
}
.lien_OS
{
    font-family: Open Sans, sans-serif;
    margin: 10px;
    padding: 20px;
    color: #FFFFFF;
    text-align: center;
    align-items: center;
    font-size: 17px;
    line-height: 17px;
}
.txt_OS
{
 font-family: Open Sans, sans-serif;
    font-weight: 300;
    line-height: 16px;
    font-size: 14px;
}
/*casser à cause du PHP slide de julien*/
/*
@Keyframes changement_etat
{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-60%);
    }
}
 */
/*Flex-box à travailler*/
@media (max-width: 1700px)
{
    .bloc_tableau
    {
        left: 5%;
        width: 80%;
    }
    .affiliate_souscription
    {
        left: 5%;
    }
}
@media (min-width: 1400px)
{
    .slider_img
    {
    max-width: 40%;
    }
    .bloc_testimonial
    {
        margin: 20px auto 20px auto;
    }


}
@media (max-width: 1400px)
{
    .bloc_schema
    {
        justify-content: center;
        margin: 50px auto 0 auto;
    }
    .schema_affiliate
    {
        margin: 10px 0 50px 0;
        width: 50%;
    }
}
@media (max-width: 1090px)
{
    .video_intro
    {
        display: none;
    }
    .img_testimonial
    {
    display: none;
    }
    .testimonial_bas
    {
        margin-left: 20px;
    }
    .octo_open_source
    {
        margin: 0 auto 0 auto;
        width: 100%;
    }
    .haut
    {
        width: 750px;
    }
    .tableau_open_source
    {
        width: 100%;
        justify-content: center;
        display: flex;
    }
    .bloc_tableau
    {
        display: none;
    }
    .bloc_tableau2
    {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 50px 0 20px 0;
        justify-content: center;
    }
    .img_fondu
    {
        display: none;
    }
    .bloc_img_smartphone
    {
        display: flex;
        position: relative;
        margin: 10px 0 35px 0;
        width: 95%;
        height: 300px;
        overflow:hidden;
        justify-content: center;
    }
    .img_smartphone
    {
        height: 300px;
        position: absolute;
    }
    .texte_schema_affiliate
    {
     margin: 0 0 0 0;
    }
    .sous_titre_schema
    {
        text-align: center;
        margin: 5px;
    }
   .label_affiliate
   {
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
       width: 85%;
   }

}
@media (max-width:800px)
{
    .affiliate_souscription
    {
        margin-left: auto;
        margin-right: auto;
    }
    .bloc_testimonial
    {
        height: 350px;
        padding: 10px;
    }
}
@media (max-width: 600px)
{
    .titre_home_page
    {
        position: absolute;
        left: 10px;
        top:-80px;
        margin-right: 0;
    }
    .centre_bleu_home_page
    {
        margin: 650px 0 0 0;
    }
    .bloc_insc_beta
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        flex-basis: content;
        margin-bottom: 0;
        position: relative;
        width: 97%;
        margin-top: 210px;
    }
    .barre_bleu
    {
        display: none;
    }
    .barre_blanc
    {
        display:none;
    }
    .bloc_support_row
    {
        flex-direction: column;
        align-items: center;
        text-align: center;
        width:80%;
    }
    .bloc_support_column
    {
        align-items: center;
    }
    .img_support
    {
        margin-right: 0;
    }
}
@media (max-width : 600px)
{

}