/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Général */
@font-face
{
    font-family : 'GaramondBold';
    src         : url('/utile/polices/Garamond.ttf');
}

@font-face
{
    font-family : 'OpenSansLight';
    src         : url('/utile/polices/OpenSans-Light.ttf');
}

@font-face
{
    font-family : 'DosisSemiBold';
    src         : url('/utile/polices/Dosis-SemiBold.ttf');
}

@font-face
{
    font-family : 'MontserratRegular';
    src         : url('/utile/polices/Montserrat-Regular.ttf');
}

@font-face
{
    font-family : 'LiberationSansRegular';
    src         : url('/utile/polices/LiberationSans-Regular.ttf');
}

html
{
    background              : url(/utile/fichier.php?nom_fichier=fond_accueil.png) no-repeat center fixed;
    background-size         : cover;
    -webkit-background-size : cover;                                              /*Chrome, Safari*/
    color                   : black;
    font-family             : 'OpenSansLight';
    font-size               : 1vw;
}

body
{
    position : table;
    height   : 100%;
}

footer
{
    position : relative;
    bottom   : 0;
    left     : 0;
    right    : 0;
}

input
{
    max-width : 100vw;
}

a
{
    word-wrap : break-word;
}

a.lien
{
    text-decoration : none;
    color           : rgb(10, 217, 232);
}

a.lien:hover
{
    font-weight : bold;
}

table, th, td
{
    border-collapse : collapse;
}

th, td, tr
{
    border : 0.1vw solid black;
}

th, td
{
    text-align : center;
    padding    : 0.5vw;
}

th.tableau_blanc, td.tableau_blanc, tr.tableau_blanc
{
    border-color: white;
}

tr.non_bordure, th.non_bordure, td.non_bordure
{
    border : none;
}

th.aligne_gauche, td.aligne_gauche
{
    text-align : left;
}

th.large, td.large
{
    padding : 1vw;
}

th.small, td.small
{
    padding : 0.2vw;
}

input[type='radio'], input[type='checkbox']
{
    position      : relative;
    display       : inline-block;
    appearance    : none;
    width         : 1vw;
    height        : 1vw;
    border        : 0.1vw solid rgb(253, 0, 197);
    border-radius : 0.2vw;
    margin        : 0.2vw 0.5vw 0vw 2vw;
}

input[type='radio']:checked, input[type='checkbox']:checked
{
    background-size  : 100% 100%;
    background-image : url(/utile/publique/images/encoche_blanche.png);
}

input[type='number'].vide
{
    position         : relative;
    display          : inline-block;
    appearance       : none;
    color            : rgb(10, 217, 232);
    background-color : black;
    width            : 10vw;
    border           : none;
    font-size        : 1.5vw;
}

input[type='file']
{
    display    : inline-block;
    appearance : none;
    height     : 2vw;
    width      : 2vw;
    cursor     : pointer;
    color      : transparent;
}

input[type='file'].upload_image
{
    position : absolute;
    right    : 1vw;
    bottom   : 1vw;
}

::file-selector-button
{
    position         : absolute;
    display          : inline-block;
    border           : none;
    height           : 2vw;
    width            : 2vw;
    background-size  : 100% 100%;
    color            : transparent;
    background-color : transparent;
    background-image : url(/utile/fichier.php?nom_fichier=icone_upload.png);
    cursor           : pointer;
}

::file-selector-button:hover
{
    background-image : url(/utile/fichier.php?nom_fichier=icone_upload_move.png);
}

select
{
    appearance       : none;
    height           : 100%;
    width            : 100%;
    background-color : black;
    cursor           : pointer;
    border           : none;
    text-align       : center;
}

textarea
{
    position         : relative;
    display          : inline-block;
    height           : 10vw;
    width            : 100%;
    background-color : white;
    color            : black;
    border           : 0.1vw solid rgb(10, 217, 232);
    border-radius    : 0.8vw;
    resize           : none;
    padding          : 1vw;
    font-size        : 1vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Utile */
.gras, .souligne, .grand, .centre
{
    display : inline-block;
}

.grand
{
    font-size : 1.5vw;
}

.centre
{
    text-align : center;
    width      : 100%;
}

.rose
{
    display : inline-block;
    color   : rgb(253, 0, 197);
}

.gras                               ,
.mis_en_valeur_0_gras               ,
.mis_en_valeur_0_grand_gras_italique,
.mis_en_valeur_1_gras               ,
.mis_en_valeur_1_gras_souligne      ,
.mis_en_valeur_4_gras               ,
.mis_en_valeur_4_gras_souligne      ,
.mis_en_valeur_violet_gras          ,
.mis_en_valeur_1_grand_gras         ,
.mis_en_valeur_1_grand_gras_souligne,
.mis_en_valeur_0_gras_souligne      ,
.mis_en_valeur_or_gras              ,
.mis_en_valeur_or_gras_souligne
{
    font-weight : bold;
}

.souligne                           ,
.mis_en_valeur_0_souligne           ,
.mis_en_valeur_1_souligne           ,
.mis_en_valeur_1_gras_souligne      ,
.mis_en_valeur_orange_souligne      ,
.mis_en_valeur_1_grand_gras_souligne,
.mis_en_valeur_0_gras_souligne      ,
.mis_en_valeur_or_gras_souligne     ,
.mis_en_valeur_4_gras_souligne
{
    text-decoration: underline;
}

.mis_en_valeur_0_grand_gras_italique, .mis_en_valeur_1_grand_gras, .mis_en_valeur_1_grand_gras_souligne
{
    font-size : 1.5vw;
}

.mis_en_valeur_0, .mis_en_valeur_0_gras, .mis_en_valeur_0_grand_gras_italique, .mis_en_valeur_0_souligne, .mis_en_valeur_0_gras_souligne
{
    display : inline-block;
    color   : red
}

.mis_en_valeur_0_grand_gras_italique
{
    font-size  : 1.5vw;
}

.mis_en_valeur_1, .mis_en_valeur_1_gras, .mis_en_valeur_1_souligne, .mis_en_valeur_1_gras_souligne, .mis_en_valeur_1_grand_gras, .mis_en_valeur_1_grand_gras_souligne
{
    display : inline-block;
    color   : rgb(10, 217, 232);
}

.mis_en_valeur_2
{
    display : inline-block;
    color   : lawngreen;
}

.mis_en_valeur_or, .mis_en_valeur_or_gras, .mis_en_valeur_or_gras_souligne
{
    display : inline-block;
    color   : gold
}

.mis_en_valeur_4, .mis_en_valeur_4_gras, .mis_en_valeur_4_gras_souligne
{
    display : inline-block;
    color   : lime;
}

.mis_en_valeur_orange, .mis_en_valeur_orange_souligne
{
    display : inline-block;
    color   : orange;
}

.mis_en_valeur_violet, .mis_en_valeur_violet_gras
{
    display : inline-block;
    color   : rgb(222, 11, 249);
}

.mis_en_valeur_rose
{
    display : inline-block;
    color   : pink;
}

.mis_en_valeur_jaune_pale
{
    display : inline-block;
    color   : palegoldenrod;
}

.couleur_violet_fonce
{
    display : inline-block;
    color   : mediumpurple;
}

.rectangle_arrondi
{
    width            : 100%;
    background-color : white;
    color            : black;
    border-radius    : 1.3vw;
    overflow         : hidden;
    display          : inline-block;
}

.bouton_telecharger
{
    display             : inline-block;
    border              : 0.1vw solid black;
    border-radius       : 1.3vw;
    cursor              : pointer;
    background-size     : 2vw 2vw;
    background-repeat   : no-repeat;
    background-position : 1vw center;
    background-image    : url(/utile/fichier.php?nom_fichier=icone_telecharger.png);
    padding             : 1vw 1vw 1vw 3vw;
}

.bouton_upload
{
    display             : inline-block;
    border              : 0.1vw solid black;
    border-radius       : 1.3vw;
    cursor              : pointer;
    background-size     : 2vw 2vw;
    background-repeat   : no-repeat;
    background-position : 1vw center;
    background-image    : url(/utile/fichier.php?nom_fichier=icone_upload.png);
    padding             : 1vw 1vw 1vw 3vw;
}

.bouton_telecharger:hover
{
    font-weight      : bold;
    background-image : url(/utile/fichier.php?nom_fichier=icone_telecharger_move.png);
}

.bouton_upload:hover
{
    font-weight      : bold;
    background-image : url(/utile/fichier.php?nom_fichier=icone_upload_move.png);
}

.texte_bouton_rond
{
    top        : -0.5vw;
    display    : inline-block;
    position   : relative;
    margin     : 0vw 0.5vw 0vw 0.5vw;
    text-align : center;
    width      : 30vw;
    cursor     : pointer;
}

.rectangle_noir
{
    background-color : black;
    color            : white;
    display          : inline-block;
    padding          : 1vw;
    margin           : 1vw;
}

.image_attention, .image_poubelle
{
    position        : relative;
    width           : 1.3vw;
    background-size : 100% 100%;
    margin          : 0.5vw 0vw 0vw 0vw;
    display         : inline-block;
}

.image_attention
{
    height           : 1.3vw;
    background-image : url(/utile/fichier.php?nom_fichier=attention.png);
}

.image_pdf, .image_poubelle, .image_mp4
{
    display          : inline-block;
    height           : 2vw;
    width            : 2vw;
    background-size  : 100% 100%;
}

.image_pdf
{
    background-image : url(/utile/fichier.php?nom_fichier=icone_pdf.png);
}

.image_mp4
{
    background-image : url(/utile/fichier.php?nom_fichier=icone_audio.png);
}

.image_poubelle
{
    background-image : url(/utile/fichier.php?nom_fichier=poubelle.png);
}

.image_poubelle
{
    height           : 1.8vw;
    background-image : url(/utile/fichier.php?nom_fichier=poubelle.png);
}

.bouton_vide
{
    position            : relative;
    background-image    : "";
    background-size     : 2.5vw 2.5vw;
    background-position : center;
    background-repeat   : no-repeat;
    cursor              : pointer;
}

.bouton_add_chiffre
{
    position   : relative;
    height     : 1.5vw;
    width      : 1.5vw;
    font-size  : 1.3vw;
    color      : lime;
    text-align : center;
    cursor     : pointer;
    border     : 0.1vw solid white;
    margin     : 0.2vw 0.5vw 0.2vw 0.5vw;
    display    : inline-block;
}

.texte_attention
{
    position : relative;
    display  : inline;
    color    : red;
}

.bouton_deplacer_vers_ancre
{
    display : inline;
    cursor  : pointer
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Menu principal */
#menu_principal
{
    position                   : absolute;
    display                    : inline;
    top                        : 1vw;
    left                       : 2vw;
    width                      : 95vw;
    height                     : 6vw;
    color                      : black;
    background-color           : white;
    border-bottom-left-radius  : 2vw;
    border-bottom-right-radius : 2vw;
}

#corps
{
    position : absolute;
    top      : 8vw;
}

#image_menu_principal
{
    position         : absolute;
    top              : 24%;
    left             : 3vw;
    height           : 3vw;
    width            : 12vw;
    background-size  : 100% 100%;
    background-image : url(/utile/publique/images/logo.png);
}

#texte_menu_principal
{
    position    : absolute;
    display     : inline;
    top         : 30%;
    left        : 8.2vw;
    width       : 30vw;
    height      : 100%;
    font-size   : 2vw;
    font-weight : bold;
    font-family : 'GaramondBold';
}

#texte_non_javascript
{
    position    : absolute;
    display     : inline;
    top         : 20%;
    left        : 30vw;
    width       : 30vw;
    height      : 100%;
    font-size   : 1vw;
    font-weight : bold;
}

.element_menu_principal
{
    position        : absolute;
    display         : inline;
    top             : 30%;
    width           : 10%;
    height          : 50%;
    font-size       : 1.5vw;
    text-align      : center;
    text-decoration : none;
    color           : black;
}

.element_menu_principal:hover
{
    font-weight : bold;
}

#image_admin_menu_principal
{
    position         : relative;
    top              : 10%;
    height           : 2vw;
    width            : 2vw;
    background-size  : 100% 100%;
    background-image : url(/utile/fichier.php?nom_fichier=couronne.png);
    display          : inline-block;
}

#element_admin_menu_principal
{
    left : 37%;
}

#image_accueil_menu_principal
{
    position         : relative;
    top              : 10%;
    height           : 2vw;
    width            : 2vw;
    background-size  : 100% 100%;
    background-image : url(/utile/fichier.php?nom_fichier=maison.png);
    display          : inline-block;
}

#element_accueil_menu_principal
{
    left : 47%;
}

#image_suivi_menu_principal
{
    position         : relative;
    top              : 10%;
    height           : 2vw;
    width            : 2vw;
    background-size  : 100% 100%;
    background-image : url(/utile/fichier.php?nom_fichier=croissance.png);
    display          : inline-block;
}

#element_suivi_menu_principal
{
    left : 57%;
}

#element_deconnexion_menu_principal
{
    left : 85%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Pdf */
#visionneur_pdf
{
    position : fixed;
    display  : none;
    top      : 10vh;
    left     : 20vw;
    width    : 60vw;
    height   : 80vh;
}

#voile
{
    position         : fixed;
    display          : none;
    top              : 0%;
    left             : 0%;
    width            : 100%;
    height           : 100%;
    background-color : rgba(100, 100, 100, 0.5);
}

.bouton_afficher_pdf, .bouton_afficher_png, .bouton_afficher_audio
{
    position            : relative;
    display             : inline-block;
    padding             : 0.5vw 0vw 0.5vw 3vw;
    margin-left         : 3vw;
    cursor              : pointer;
    background-size     : 2vw 2vw;
    background-repeat   : no-repeat;
    background-position : 0.5vw center;
}

.bouton_afficher_pdf
{
    background-image : url(/utile/fichier.php?nom_fichier=icone_pdf.png);
}

.bouton_afficher_png
{
    background-image : url(/utile/fichier.php?nom_fichier=icone_image.png);
}

.bouton_afficher_audio
{
    text-decoration  : none;
    background-image : url(/utile/fichier.php?nom_fichier=icone_audio.png);
}

.bouton_afficher_pdf:hover, .bouton_afficher_png:hover, .bouton_afficher_audio:hover
{
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Menu programme */
#menu_programme
{
    position           : absolute;
    top                : 1vw;
    left               : 1.5vw;
    width              : 28vw;
    font-weight        : bold;
    font-size          : 1vw;
    user-select        : none;
    -webkit-user-select: none; /*Webkit*/
    -moz-user-select   : none; /*Mozilla*/
    -khtml-user-select : none;
    -o-user-select     : none;
}

#titre_menu_programme
{
    left       : 1.8vw;
    position   : relative;
    font-size  : 1.5vw;
    margin-top : 0.5vw;
}

.bouton_vide_menu_programme:hover, .bouton_fleche_menu_programme:hover, .bouton_rond_menu_programme:hover, .bouton_rond_menu_programme_introduction:hover, .bouton_ressources_menu_programme:hover
{
    color            : white;
    background-color : rgb(94, 23, 235);
}

.bouton_vide_menu_programme
{
    position   : relative;
    padding    : 0.5vw 0vw 0.5vw 2.5vw;
    cursor     : pointer;
    border-top : 0.1vw solid grey;
}

.bouton_fleche_menu_programme
{
    position            : relative;
    padding             : 0.5vw 0vw 0.5vw 2.5vw;
    cursor              : pointer;
    background-size     : 2vw 2vw;
    background-repeat   : no-repeat;
    background-position : 0.5vw center;
    background-image    : url(/utile/fichier.php?nom_fichier=fleche_droite_violette.png);
    border-top          : 0.1vw solid grey;
}

.bouton_rond_menu_programme, .bouton_rond_menu_programme_introduction
{
    position            : relative;
    padding             : 0.5vw 0vw 0.5vw 2.5vw;
    cursor              : pointer;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : 0.8vw center;
    background-image    : url(/utile/fichier.php?nom_fichier=point_bleu_et_trait.png);
    border-top          : 0.1vw solid grey;
}

.bouton_rond_menu_programme_introduction
{
    color : rgb(253, 0, 197);
}

.bouton_rond_menu_programme:hover, .bouton_rond_menu_programme_introduction:hover
{
    background-image : url(/utile/fichier.php?nom_fichier=point_blanc_et_trait.png);
}

.bouton_ressources_menu_programme
{
    position            : relative;
    padding             : 0.5vw 0vw 0.5vw 2.5vw;
    cursor              : pointer;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : 0.8vw center;
    background-image    : url(/utile/fichier.php?nom_fichier=point_blanc_et_trait.png);
    background-color    : rgb(253, 0, 197);
    border-top          : 0.1vw solid grey;
}

.bouton_noir_fleche_bas
{
    position            : relative;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : right;
    background-image    : url(/utile/fichier.php?nom_fichier=fleche_bas_blanche.png);
    padding             : 0.5vw;
    margin              : 0.5vw;
    color               : rgb(10, 217, 232);
    text-align          : center;
    cursor              : pointer;
    border              : 0.1vw solid white;
    border-radius       : 0.5vw;
}

.bouton_noir_fleche_bas:hover
{
    font-weight : bold;
}

.bouton_noir_fleche_bas_texte_gauche
{
    position            : relative;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : right;
    background-image    : url(/utile/fichier.php?nom_fichier=fleche_bas_blanche.png);
    padding             : 0.5vw;
    margin              : 0.5vw;
    color               : rgb(10, 217, 232);
    text-align          : left;
    cursor              : pointer;
    border              : 0.1vw solid white;
    border-radius       : 0.5vw;
}

.bouton_noir_fleche_bas_texte_gauche:hover
{
    font-weight : bold;
}

.bouton_blanc_fleche_bas
{
    position            : relative;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : right;
    background-image    : url(/utile/fichier.php?nom_fichier=fleche_bas_noire.png);
    padding             : 0.5vw;
    margin              : 0.5vw;
    background-color    : white;
    color               : black;
    text-align          : center;
    cursor              : pointer;
    border              : 0.1vw solid white;
    border-radius       : 0.5vw;
}

.bouton_blanc_fleche_bas:hover
{
    font-weight : bold;
}

.bouton_noir
{
    position         : relative;
    padding          : 0.5vw;
    margin           : 0.5vw;
    background-color : black;
    color            : white;
    text-align       : center;
    cursor           : pointer;
    border           : 0.1vw solid white;
    border-radius    : 0.5vw;
}

.bouton_noir:hover
{
    font-weight : bold;
}

.bouton_noir_texte_gauche
{
    position         : relative;
    padding          : 0.5vw;
    margin           : 0.5vw;
    background-color : black;
    color            : white;
    text-align       : left;
    cursor           : pointer;
    border           : 0.1vw solid white;
    border-radius    : 0.5vw;
}

.bouton_noir_texte_gauche:hover
{
    font-weight : bold;
}

.bouton_bleu
{
    position         : relative;
    padding          : 0.5vw;
    margin           : 0.5vw;
    background-color : rgb(10, 217, 232);
    color            : black;
    text-align       : center;
    cursor           : pointer;
    border           : 0.1vw solid white;
    border-radius    : 0.5vw;
}

.bouton_bleu:hover
{
    font-weight : bold;
}

.bouton_valider_formulaire
{
    position         : relative;
    display          : inline;
    background-color : black;
    padding          : 0.5vw;
    margin           : 0.5vw;
    color            : rgb(10, 217, 232);
    width            : 6.5vw;
    border           : 0.2vw solid white;
    border-radius    : 0.3vw;
    font-size        : 1.5vw;
    cursor           : pointer;
    text-align       : center;
}

.bouton_valider_formulaire:hover
{
    font-weight : bold;
}

.bouton_supprimer
{
    position         : relative;
    display          : inline-block;
    background-color : black;
    padding          : 0.5vw;
    margin           : 0.5vw;
    color            : red;
    width            : 11vw;
    border           : 0.2vw solid white;
    border-radius    : 0.3vw;
    font-size        : 1.5vw;
    line-height      : 2.5vw;
    cursor           : pointer;
    text-align       : center;
}

.bouton_supprimer:hover
{
    font-weight : bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page accueil */
#page_accueil
{
    position         : absolute;
    top              : 1vw;
    left             : 33vw;
    width            : 54vw;
    color            : black;
    background-color : white;
    padding          : 4vw;
}

.cadenas
{
    position          : absolute;
    width             : 1.5vw;
    height            : 1.5vw;
    right             : 0.4vw;
    top               : 0.4vw;
    display           : inline-block;
    background-image  : url(/utile/fichier.php?nom_fichier=cadenas.png);
    background-size   : contain;
    background-repeat : no-repeat;
}

.titre_element_page_accueil
{
    position   : relative;
    font-size  : 1.5vw;
    text-align : center;
}

.titre_0_page_accueil
{
    display     : inline-block;
    color       : rgb(222, 11, 249);
    font-weight : bold;
    font-size   : 2vw;
}

.titre_1_page_accueil
{
    display     : inline-block;
    color       : red;
    font-weight : bold;
    font-size   : 1.8vw;
}

.titre_2_page_accueil
{
    display     : inline-block;
    color       : rgb(10, 217, 232);
    font-weight : bold;
    font-size   : 1.5vw;
}

.titre_3_page_accueil
{
    display         : inline-block;
    color           : black;
    font-weight     : bold;
    text-decoration : underline;
    font-size       : 1vw;
}

.titre_4_page_accueil
{
    display     : inline-block;
    color       : black;
    font-weight : bold;
    font-size   : 1vw;
}

.titre_0_ressources
{
    display     : inline-block;
    color       : blue;
    font-weight : bold;
    font-size   : 1.8vw;
}

.titre_1_ressources
{
    display     : inline-block;
    color       : red;
    font-weight : bold;
    font-size   : 1.5vw;
}

.titre_2_ressources
{
    display     : inline-block;
    color       : rgb(10, 217, 232);
    font-weight : bold;
    font-size   : 1vw;
}

.video_page_accueil
{
    position : relative;
    width    : 100%;
    cursor   : pointer;
}

.script_page_accueil
{
    display   : inline-block;
    font-size : 0.8vw;
}

.bouton_developper_script
{
    display     : inline-block;
    color       : rgb(10, 217, 232);
    margin-left : 30vw;
    cursor      : pointer;
}

.bouton_developper_script:hover
{
    font-weight : bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page introductions */
#image_the_limitless_program_roadmap_page_introduction,
#image_attrapeur_reves_page_sommeil                     ,
#image_ciel_etoile_page_sommeil                         ,
#image_nourriture_page_alimentation                     ,
#image_tete_mort_page_alimentation                      ,
#image_intestins_page_digestion                         ,
#image_estomac_page_digestion                           ,
#image_bacteries_page_digestion                         ,
#image_coeur_page_activite_physique                     ,
#image_thyroide_page_description_hormones               ,
#image_pancreas_page_description_hormones               ,
#image_ovaires_page_description_hormones                ,
#image_testicules_page_description_hormones             ,
#image_chromosomes_page_longevite                       ,
#image_cerveau_page_cerveau                             ,
#image_systeme_nerveaux_peripherique_page_cerveau       ,
#image_neurotransmetteur_page_cerveau                   ,
#image_conscient_inconscient_page_esprit                ,
#image_mindset_page_esprit                              ,
#image_plante_page_description_nootropiques             ,
#image_medicaments_page_description_nootropiques        ,
#image_cerveau_augmente_page_description_nootropiques   ,
#image_soleil_page_lumiere                              ,
#image_spectre_lumiere_page_lumiere                     ,
#image_air_page_air                                     ,
#image_poumons_page_air                                 ,
#image_eau_page_eau                                     ,
#image_bouteille_eau_page_eau
{
    position        : relative;
    left            : 23vw;
    height          : 10vw;
    width           : 10vw;
    background-size : 100% 100%;
    margin          : 2vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page introduction au programme */
#image_the_limitless_program_roadmap_page_introduction
{
    height           : 100vw;
    width            : 60vw;
    left             : 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=the_limitless_program_roadmap.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page sommeil */
#image_attrapeur_reves_page_sommeil
{
    background-image : url(/utile/fichier.php?nom_fichier=attrapeur_reves.png);
}

#image_ciel_etoile_page_sommeil
{
    background-image : url(/utile/fichier.php?nom_fichier=ciel_etoile.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page alimentation */
#image_nourriture_page_alimentation
{
    background-image : url(/utile/fichier.php?nom_fichier=nourriture.png);
}

#image_tete_mort_page_alimentation
{
    background-image : url(/utile/fichier.php?nom_fichier=tete_mort.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page digestion */
#image_intestins_page_digestion
{
    background-image : url(/utile/fichier.php?nom_fichier=intestins.png);
}

#image_estomac_page_digestion
{
    background-image : url(/utile/fichier.php?nom_fichier=estomac.png);
}

#image_bacteries_page_digestion
{
    background-image : url(/utile/fichier.php?nom_fichier=bacteries.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page activité physique */
#image_coeur_page_activite_physique
{
    background-image : url(/utile/fichier.php?nom_fichier=coeur.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page description des hormones*/
#image_thyroide_page_description_hormones
{
    background-image : url(/utile/fichier.php?nom_fichier=thyroide.png);
}

#image_pancreas_page_description_hormones
{
    width            : 20vw;
    left             : 18vw;
    background-image : url(/utile/fichier.php?nom_fichier=pancreas.png);
}

#image_ovaires_page_description_hormones
{
    background-image : url(/utile/fichier.php?nom_fichier=ovaires.png);
}

#image_testicules_page_description_hormones
{
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=testicules.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page longévité */
#image_chromosomes_page_longevite
{
    background-image : url(/utile/fichier.php?nom_fichier=chromosomes.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page cerveau */
#image_cerveau_page_cerveau
{
    width            : 15vw;
    background-image : url(/utile/fichier.php?nom_fichier=cerveau.png);
}

#image_systeme_nerveaux_peripherique_page_cerveau
{
    background-image : url(/utile/fichier.php?nom_fichier=systeme_nerveux_peripherique.png);
}

#image_neurotransmetteur_page_cerveau
{
    width            : 15vw;
    left             : 20.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=neurotransmetteur.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page esprit */
#image_conscient_inconscient_page_esprit
{
    background-image : url(/utile/fichier.php?nom_fichier=conscient_inconscient.png);
}

#image_mindset_page_esprit
{
    background-image : url(/utile/fichier.php?nom_fichier=mindset.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page description des nootropiques */
#image_plante_page_description_nootropiques
{
    background-image : url(/utile/fichier.php?nom_fichier=plante.png);
}

#image_medicaments_page_description_nootropiques
{
    background-image : url(/utile/fichier.php?nom_fichier=medicaments.png);
}

#image_cerveau_augmente_page_description_nootropiques
{
    background-image : url(/utile/fichier.php?nom_fichier=cerveau_augmente.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page lumiere */
#image_soleil_page_lumiere
{
    background-image : url(/utile/fichier.php?nom_fichier=soleil.png);
}

#image_spectre_lumiere_page_lumiere
{
    width            : 20vw;
    left             : 18vw;
    background-image : url(/utile/fichier.php?nom_fichier=spectre_lumiere.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page air */
#image_air_page_air
{
    background-image : url(/utile/fichier.php?nom_fichier=air.png);
}

#image_poumons_page_air
{
    background-image : url(/utile/fichier.php?nom_fichier=poumons.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page eau */
#image_eau_page_eau
{
    background-image : url(/utile/fichier.php?nom_fichier=eau.png);
}

#image_bouteille_eau_page_eau
{
    background-image : url(/utile/fichier.php?nom_fichier=bouteille_eau.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page chronotypes */
#image_horloge_biologique_page_chronotype, #image_dauphin_page_chronotype, #image_ours_page_chronotype, #image_lion_page_chronotype, #image_loup_page_chronotype
{
    position        : relative;
    height          : 10vw;
    background-size : 100% 100%;
}

#image_horloge_biologique_page_chronotype
{
    left             : 23vw;
    width            : 10vw;
    margin           : 2vw 0vw 6vw 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=horloge_biologique.png);
}

#image_dauphin_page_chronotype
{
    left             : 23vw;
    width            : 10vw;
    margin           : 1vw 0vw 2vw 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=chronotype_dauphin.png);
}

#image_ours_page_chronotype
{
    left             : 21vw;
    width            : 14vw;
    margin           : 1vw 0vw 2vw 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=chronotype_ours.png);
}

#image_lion_page_chronotype
{
    left             : 21vw;
    width            : 14vw;
    margin           : 1vw 0vw 2vw 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=chronotype_lion.png);
}

#image_loup_page_chronotype
{
    left             : 21vw;
    width            : 14vw;
    margin           : 1vw 0vw 6vw 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=chronotype_loup.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page morpho-anatomie */
#image_chimpanze_page_morpho_anatomie ,
#image_gorille_page_morpho_anatomie   ,
#image_sauterelle_page_morpho_anatomie,
#image_araignee_page_morpho_anatomie  ,
#image_t_rex_page_morpho_anatomie     ,
#image_lezard_page_morpho_anatomie
{
    position        : relative;
    height          : 20vw;
    background-size : 100% 100%;
    display         : inline-block;
}

#image_chimpanze_page_morpho_anatomie
{
    width            : 22vw;
    margin           : 2vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_chimpanze.png);
}

#image_gorille_page_morpho_anatomie
{
    width            : 22vw;
    margin           : 2vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_gorille.png);
}

#image_sauterelle_page_morpho_anatomie
{
    width            : 15vw;
    margin           : 1vw 5vw 1vw 5vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_sauterelle.png);
}

#image_araignee_page_morpho_anatomie
{
    width            : 15vw;
    margin           : 1vw 5vw 1vw 5vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_araignee.png);
}

#image_t_rex_page_morpho_anatomie
{
    width            : 15vw;
    margin           : 1vw 5vw 1vw 5vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_t_rex.png);
}

#image_lezard_page_morpho_anatomie
{
    width            : 15vw;
    margin           : 1vw 5vw 1vw 5vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_lezard.png);
}

#image_sauterelle_clavicules_longues_page_morpho_anatomie, #image_valgus_coude_page_morpho_anatomie, #image_differents_types_jambes_page_morpho_anatomie, #image_recurvatum_jambes_page_morpho_anatomie
{
    position        : relative;
    height          : 15vw;
    background-size : 100% 100%;
    margin          : 1vw;
}

#image_sauterelle_clavicules_longues_page_morpho_anatomie
{
    left             : 20vw;
    height           : 20vw;
    width            : 12vw;
    background-image : url(/utile/fichier.php?nom_fichier=morpho_anatomie_sauterelle_clavicules_longues.png);
}

#image_valgus_coude_page_morpho_anatomie
{
    left             : 24vw;
    width            : 7vw;
    background-image : url(/utile/fichier.php?nom_fichier=valgus_coude.png);
}

#image_differents_types_jambes_page_morpho_anatomie
{
    left             : 12.5vw;
    width            : 30vw;
    background-image : url(/utile/fichier.php?nom_fichier=differents_types_jambes.png);
}

#image_recurvatum_jambes_page_morpho_anatomie
{
    left             : 20vw;
    width            : 15vw;
    background-image : url(/utile/fichier.php?nom_fichier=recurvatum_jambes.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page métaux lourds */
#image_metaux_lourds_page_metaux_lourds
{
    position         : relative;
    height           : 10vw;
    width            : 10vw;
    left             : 23vw;
    background-size  : 100% 100%;
    margin           : 2vw;
    background-image : url(/utile/fichier.php?nom_fichier=metal_lourd.png);
}

select.select_page_metaux_lourds_page_accueil
{
    color     : lime;
    font-size : 2vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Pages introduction et semaines 2 à 8 */
#image_prise_notes_page_niveau_energie                  ,
#image_thermometre_page_temperature                     ,
#image_glycemie_page_glycemie                           ,
#image_glucometre_page_glycemie                         ,
#image_tensiometre_page_tension_arterielle              ,
#image_reins_page_equilibre_hydrique                    ,
#image_couleurs_urine_page_equilibre_hydrique           ,
#image_couleur_0_selles_page_evaluation_selles          ,
#image_couleur_1_selles_page_evaluation_selles          ,
#image_couleur_2_selles_page_evaluation_selles          ,
#image_couleur_3_selles_page_evaluation_selles          ,
#image_tableau_evaluation_selles_page_evaluation_selles ,
#image_ecg_page_fibrilation_auriculaire                 ,
#image_oxymetre_pouls_page_oxygenation_sang             ,
#image_cholesterol_page_taux_cholesterol                ,
#image_appareil_mesure_cholesterol_page_taux_cholesterol,
#image_oura_ring_page_oura_ring                         ,
#image_whoop_1_page_whoop                               ,
#image_whoop_2_page_whoop                               ,
#image_apple_watch_page_apple_watch                     ,
#image_my_fitness_pal_page_my_fitness_pal               ,
#image_yuka_page_yuka                                   ,
#image_eco_score_yuka_page_yuka                         ,
#image_analyse_salive_page_tests_analyses               ,
#image_analyse_sang_page_tests_analyses                 ,
#image_adn_page_tests_analyses                          ,
#image_viome_test_page_tests_analyses                   ,
#image_mitochondries_page_optimiser_niveau_energie      ,
#image_toilettes_page_optimiser_digestion               ,
#image_position_travail_page_optimiser_travail          ,
#image_chaise_ergonomique_page_optimiser_travail        ,
#image_aile_avion_partie_optimiser_voyages              ,
#image_alcool_partie_eliminer_perturbateurs             ,
#image_pilules_partie_eliminer_perturbateurs            ,
#image_cigarette_partie_eliminer_perturbateurs          ,
#image_canabis_partie_eliminer_perturbateurs            ,
#image_seringue_partie_eliminer_perturbateurs           ,
#image_predateur_page_differents_stresss                ,
#image_fusee_page_vision                                ,
#image_meditation_page_meditation                       ,
#image_jeune_page_jeune_intermitent                     ,
#image_exposition_froid_page_exposition_froid           ,
#image_regime_cetogene_page_regime_cetogene             ,
#image_lumiere_rouge_page_lumiere_rouge                 ,
#image_respiration_wim_hof_page_respiration_wim_hof     ,
#image_exposition_chaleur_page_exposition_chaleur       ,
#image_cafe_page_bulletproof_coffee                     ,
#image_hydrogene_moleculaire_page_hydrogene_moleculaire ,
#image_eau_alcaline_page_eau_alcaline                   ,
#image_earthing_page_earthing                           ,
#image_power_pose_page_little_biohacks                  ,
#image_sourire_page_little_biohacks                     ,
#image_livre_page_little_biohacks                       ,
#image_marcheur_page_little_biohacks                    ,
#image_tableau_pas_page_little_biohacks                 ,
#image_baillement_page_little_biohacks                  ,
#image_meal_prep_page_life_hacks                        ,
#image_home_gym_page_life_hacks                         ,
#image_audible_page_life_hacks                          ,
#image_zapier_page_life_hacks                           ,
#image_yuka_page_life_hacks
{
    position        : relative;
    left            : 23vw;
    height          : 10vw;
    width           : 10vw;
    background-size : 100% 100%;
    margin          : 2vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page niveau d'énergie */
#image_prise_notes_page_niveau_energie
{
    width            : 8vw;
    left             : 24vw;
    background-image : url(/utile/fichier.php?nom_fichier=prise_notes.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page température */
#image_thermometre_page_temperature
{
    width            : 13vw;
    left             : 21.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=thermometre.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page glycemie */
#image_glycemie_page_glycemie
{
    background-image : url(/utile/fichier.php?nom_fichier=glycemie.png);
}

#image_glucometre_page_glycemie
{
    background-image : url(/utile/fichier.php?nom_fichier=glucometre.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page tension arterielle */
#image_tensiometre_page_tension_arterielle
{
    width            : 11vw;
    left             : 22.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=tensiometre.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page équilibre hydrique */
#image_reins_page_equilibre_hydrique
{
    background-image : url(/utile/fichier.php?nom_fichier=reins.png);
}

#image_couleurs_urine_page_equilibre_hydrique
{
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=couleurs_urine.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page évaluation selles */
#image_couleur_0_selles_page_evaluation_selles
{
    height           : 5vw;
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=couleur_0_selles.png);
}

#image_couleur_1_selles_page_evaluation_selles
{
    height           : 5vw;
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=couleur_1_selles.png);
}

#image_couleur_2_selles_page_evaluation_selles
{
    height           : 5vw;
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=couleur_2_selles.png);
}

#image_couleur_3_selles_page_evaluation_selles
{
    height           : 5vw;
    width            : 5vw;
    left             : 25.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=couleur_3_selles.png);
}

#image_tableau_evaluation_selles_page_evaluation_selles
{
    height           : 35vw;
    width            : 50vw;
    left             : 0vw;
    background-image : url(/utile/fichier.php?nom_fichier=tableau_evaluation_selles.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page fibrilation auriculaire */
#image_ecg_page_fibrilation_auriculaire
{
    width            : 20vw;
    left             : 18vw;
    background-image : url(/utile/fichier.php?nom_fichier=ecg.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page oxygénation du sang */
#image_oxymetre_pouls_page_oxygenation_sang
{
    background-image : url(/utile/fichier.php?nom_fichier=oxymetre_pouls.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page taux de cholestérol */
#image_cholesterol_page_taux_cholesterol
{
    background-image : url(/utile/fichier.php?nom_fichier=cholesterol.png);
}

#image_appareil_mesure_cholesterol_page_taux_cholesterol
{
    background-image : url(/utile/fichier.php?nom_fichier=appareil_mesure_cholesterol.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page oura ring */
#image_oura_ring_page_oura_ring
{
    background-image : url(/utile/fichier.php?nom_fichier=oura_ring.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page whoop */
#image_whoop_1_page_whoop
{
    background-image : url(/utile/fichier.php?nom_fichier=whoop_1.png);
}

#image_whoop_2_page_whoop
{
    background-image : url(/utile/fichier.php?nom_fichier=whoop_2.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page apple watch */
#image_apple_watch_page_apple_watch
{
    background-image : url(/utile/fichier.php?nom_fichier=apple_watch.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page My Fitness Pal */
#image_my_fitness_pal_page_my_fitness_pal
{
    background-image : url(/utile/fichier.php?nom_fichier=my_fitness_pal.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page yuka */
#image_yuka_page_yuka
{
    background-image : url(/utile/fichier.php?nom_fichier=yuka.png);
}

#image_eco_score_yuka_page_yuka
{
    background-image : url(/utile/fichier.php?nom_fichier=eco_score_yuka.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page tests et analyses */
#image_analyse_salive_page_tests_analyses
{
    background-image : url(/utile/fichier.php?nom_fichier=analyse_salive.png);
}

#image_analyse_sang_page_tests_analyses
{
    background-image : url(/utile/fichier.php?nom_fichier=analyse_sang.png);
}

#image_adn_page_tests_analyses
{
    background-image : url(/utile/fichier.php?nom_fichier=adns.png);
}

#image_viome_test_page_tests_analyses
{
    background-image : url(/utile/fichier.php?nom_fichier=viome_test.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page optimiser son niveau d'énergie */
#image_mitochondries_page_optimiser_niveau_energie
{
    background-image : url(/utile/fichier.php?nom_fichier=mitochondries.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page optimiser son niveau d'énergie */
#image_toilettes_page_optimiser_digestion
{
    background-image : url(/utile/fichier.php?nom_fichier=toilettes.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page optimiser ses sessions de travail */
#image_position_travail_page_optimiser_travail
{
    left             : 5vw;
    height           : 40vw;
    width            : 40vw;
    background-image : url(/utile/fichier.php?nom_fichier=position_travail.png);
}

#image_chaise_ergonomique_page_optimiser_travail
{
    background-image : url(/utile/fichier.php?nom_fichier=chaise_ergonomique.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page optimiser ses voyages en avion */
#image_aile_avion_partie_optimiser_voyages
{
    background-image : url(/utile/fichier.php?nom_fichier=aile_avion.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page éliminer les perturbateurs */
#image_alcool_partie_eliminer_perturbateurs
{
    background-image : url(/utile/fichier.php?nom_fichier=alcool.png);
}

#image_pilules_partie_eliminer_perturbateurs
{
    background-image : url(/utile/fichier.php?nom_fichier=pilules.png);
}

#image_cigarette_partie_eliminer_perturbateurs
{
    background-image : url(/utile/fichier.php?nom_fichier=cigarette.png);
}

#image_canabis_partie_eliminer_perturbateurs
{
    background-image : url(/utile/fichier.php?nom_fichier=canabis.png);
}

#image_seringue_partie_eliminer_perturbateurs
{
    background-image : url(/utile/fichier.php?nom_fichier=seringue.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page différents stress */
#image_predateur_page_differents_stresss
{
    background-image : url(/utile/fichier.php?nom_fichier=predateur.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page vision */
#image_fusee_page_vision
{
    width            : 18vw;
    left             : 19vw;
    background-image : url(/utile/fichier.php?nom_fichier=fusee.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page méditation */
#image_meditation_page_meditation
{
    background-image : url(/utile/fichier.php?nom_fichier=meditation.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page jeûne intermitent */
#image_jeune_page_jeune_intermitent
{
    background-image : url(/utile/fichier.php?nom_fichier=jeune.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page exposition au froid */
#image_exposition_froid_page_exposition_froid
{
    background-image : url(/utile/fichier.php?nom_fichier=exposition_froid.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page régime cétogène */
#image_regime_cetogene_page_regime_cetogene
{
    background-image : url(/utile/fichier.php?nom_fichier=regime_cetogene.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page lumière rouge */
#image_lumiere_rouge_page_lumiere_rouge
{
    background-image : url(/utile/fichier.php?nom_fichier=lumiere_rouge.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page respiration wim hof */
#image_respiration_wim_hof_page_respiration_wim_hof
{
    background-image : url(/utile/fichier.php?nom_fichier=respiration_wim_hof.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page exposition à la chaleur */
#image_exposition_chaleur_page_exposition_chaleur
{
    background-image : url(/utile/fichier.php?nom_fichier=flamme.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page bulletproof coffee */
#image_cafe_page_bulletproof_coffee
{
    background-image : url(/utile/fichier.php?nom_fichier=cafe.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page hydrogène moléculaire */
#image_hydrogene_moleculaire_page_hydrogene_moleculaire
{
    background-image : url(/utile/fichier.php?nom_fichier=hydrogene_moleculaire.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page eau alcaline */
#image_eau_alcaline_page_eau_alcaline
{
    background-image : url(/utile/fichier.php?nom_fichier=eau_alcaline.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page earthing */
#image_earthing_page_earthing
{
    background-image : url(/utile/fichier.php?nom_fichier=earthing.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page little biohacks */
#image_power_pose_page_little_biohacks
{
    height           : 20vw;
    background-image : url(/utile/fichier.php?nom_fichier=power_pose.png);
}

#image_sourire_page_little_biohacks
{
    background-image : url(/utile/fichier.php?nom_fichier=sourire.png);
}

#image_livre_page_little_biohacks
{
    background-image : url(/utile/fichier.php?nom_fichier=livre.png);
}

#image_marcheur_page_little_biohacks
{
    background-image : url(/utile/fichier.php?nom_fichier=marcheur.png);
}

#image_tableau_pas_page_little_biohacks
{
    height           : 20vw;
    width            : 30vw;
    left             : 14vw;
    background-image : url(/utile/fichier.php?nom_fichier=tableau_pas.png);
}

#image_baillement_page_little_biohacks
{
    background-image : url(/utile/fichier.php?nom_fichier=baillement.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page life hacks */
#image_meal_prep_page_life_hacks
{
    background-image : url(/utile/fichier.php?nom_fichier=meal_prep.png);
}

#image_home_gym_page_life_hacks
{
    background-image : url(/utile/fichier.php?nom_fichier=home_gym.png);
}

#image_audible_page_life_hacks
{
    background-image : url(/utile/fichier.php?nom_fichier=audible.png);
}

#image_zapier_page_life_hacks
{
    background-image : url(/utile/fichier.php?nom_fichier=zapier.png);
}

#image_yuka_page_life_hacks
{
    background-image : url(/utile/fichier.php?nom_fichier=yuka.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page nootropiques */
.titre_objectifs_page_nootropiques
{
    position    : relative;
    text-align  : center;
    color       : red;
    font-weight : bold;
    font-size   : 1.5vw;
}

#objectifs_generaux_page_nootropiques
{
    position : relative;
    left     :  8vw;
    width    : 40vw;
}

#objectifs_specifiques_page_nootropiques
{
    position              : relative;
    display               : grid;
    grid-template-columns : 12vw 12vw 26vw;
    height                : 30vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page connexion et inscription */

#formulaire_connexion, #formulaire_inscription
{
    position : absolute;
    display  : inline;
}

.titre_0_formulaire_enregistrement
{
    position    : absolute;
    display     : inline;
    text-align  : center;
    width       : 100vw;
    color       : white;
}

.titre_1_formulaire_enregistrement
{
    position    : absolute;
    display     : inline;
    text-align  : center;
    width       : 100vw;
    color       : white;
}

.texte_formulaire_enregistrement
{
    position    : relative;
    display     : inline-block;
    font-weight : normal;
    color       : rgb(100, 100, 100);
}

.texte_edit_formulaire_enregistrement
{
    position         : relative;
    display          : inline;
    width            : 200%;
    height           : 3vw;
    background-color : rgb(217, 217, 217);
    color            : black;
    border           : 0vw;
    font-size        : 1.5vw;
    padding          : 0vw 0vw 0vw 0.5vw;
}

.bouton_enregistrer
{
    position         : relative;
    display          : inline;
    background-color : black;
    color            : white;
    width            : 100%;
    cursor           : pointer;
}

.bouton_enregistrer:hover
{
    font-weight : bold;
}

@media (orientation: landscape)
{
    .titre_0_formulaire_enregistrement
    {
        top       : 0%;
        font-size : 2.5vw;
    }

    .titre_1_formulaire_enregistrement
    {
        top       : 3.8vw;
        font-size : 1.8vw;
    }

    #formulaire_connexion
    {
        top     : 8vw;
        left    : 31vw;
        width   : 30vw;
        margin  : 2vw;
        padding : 2vw;
    }

    #formulaire_inscription
    {
        top       : 4vw;
        left      : 29vw;
        width     : 35vw;
        margin    : 2vw;
        padding   : 2vw;
        font-size : 1vw;
    }

    .texte_formulaire_enregistrement
    {
        height      : 3vw;
        font-size   : 1.5vw;
        line-height : 3vw;
    }

    .texte_edit_formulaire_enregistrement
    {
        height        : 3vw;
        font-size     : 1.5vw;
        border-radius : 1vw;
        padding       : 0vw 0vw 0vw 0.5vw;
    }

    .bouton_enregistrer
    {
        height    : 3vw;
        font-size : 1.6vw;
    }
}

@media (orientation: portrait)
{
    input[type='radio'].respo, input[type='checkbox'].respo
    {
        width         : 2.5vw;
        height        : 2.5vw;
        border        : 0.2vw solid rgb(10, 217, 232);
        border-radius : 0.4vw;
        margin        : 0.4vw 1vw 0vw 4vw;
    }

    .titre_0_formulaire_enregistrement
    {
        top       : 10vw;
        font-size : 5vw;
    }

    .titre_1_formulaire_enregistrement
    {
        top       : 20vw;
        font-size : 3.5vw;
    }

    #formulaire_connexion
    {
        top           : 30vw;
        left          : 6vw;
        width         : 70vw;
        margin        : 4vw;
        padding       : 4vw;
        border-radius : 4vw;
    }

    #formulaire_inscription
    {
        top           : 20vw;
        left          : 6vw;
        width         : 70vw;
        margin        : 4vw;
        padding       : 4vw;
        border-radius : 4vw;
        font-size     : 2.5vw;
    }

    .texte_formulaire_enregistrement
    {
        height      : 6vw;
        font-size   : 3vw;
        line-height : 6vw;
    }

    .texte_edit_formulaire_enregistrement
    {
        height        : 8vw;
        font-size     : 4vw;
        border-radius : 3vw;
        padding       : 0vw 0vw 0vw 2vw;
    }

    .bouton_enregistrer
    {
        height     : 8vw;
        font-size  : 3vw;
        margin-top : 2vw;
    }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Menu suivi */
#menu_suivi
{
    position                   : fixed;
    top                        : 11vw;
    left                       :  0vw;
    width                      : 19vw;
    border-top-right-radius    :  2vw;
    border-bottom-right-radius :  2vw;
    color                      : white;
    background-color           : black;
    padding                    : 1vw 0vw 1vw 0vw;
}

.bouton_menu_suivi
{
    position          : relative;
    display           : inline-block;
    height            : 2vw;
    margin            : 0.5vw 0vw 0.5vw 1vw;
    padding           : 0vw 0vw 0vw 3vw;
    background-size   : 2vw 2vw;
    background-repeat : no-repeat;
    line-height       : 2vw;
    cursor            : pointer;
}

.bouton_menu_suivi:hover
{
    font-weight : bold;
}

#bouton_afficher_page_objectifs_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=cible.png);
}

#bouton_afficher_page_resultats_tests_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=graphique.png);
}

#bouton_afficher_page_recuperation_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=baton_asclepios.png);
}

#bouton_afficher_page_bilan_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=balance.png);
}

#bouton_afficher_page_sommeil_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=lune.png);
}

#bouton_afficher_page_nutrition_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=pomme.png);
}

#bouton_afficher_page_sport_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=biceps.png);
}

#bouton_afficher_page_travail_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=engrenages.png);
}

#bouton_afficher_page_mindset_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=ampoule.png);
}

#bouton_afficher_page_biohacks_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=adn.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page suivi */
#page_suivi
{
    position : absolute;
    top      : 0vw;
    left     : 23vw;
    width    : 65vw;
    padding  : 2vw;
}

.entoure
{
    border        : 0.1vw solid black;
    border-radius : 1vw;
    padding       : 0.5vw;
}

.score_optimisation_page_suivi
{
    position      : relative;
    display       : inline-block;
    text-align    : center;
    height        : 10vw;
    width         : 35vw;
    padding       : 1vw;
    border        : 0.1vw solid white;
    border-radius : 0.5vw;
    color         : rgb(10, 217, 232);
    font-size     : 1.5vw;
    font-weight   : bold;
}

.partie_score_score_optimisation_page_suivi
{
    position      : relative;
    display       : inline-block;
    border        : 0.1vw solid white;
    border-radius : 0.5vw;
    padding       : 1vw;
    font-size     : 2vw;
    height        : 3vw;
    width         : 4vw;
    margin        : auto;
}

select.select_page_niveau_energie_page_suivi
{
    color     : rgb(10, 217, 232);
    font-size : 1vw;
}

select.select_futur_page_niveau_energie_page_suivi
{
    color     : white;
    font-size : 1vw;
    cursor    : text;
}

select.select_total_page_niveau_energie_page_suivi
{
    color     : gold;
    font-size : 1vw;
    cursor    : text;
}

#partie_face_page_sport_page_suivi,  #partie_dos_page_sport_page_suivi,  #partie_profil_page_sport_page_suivi
{
    position   : absolute;
    width      : 30vw;
    height     : 30vw;
    text-align : center;
}

#partie_face_page_sport_page_suivi
{
    top  : 18vw;
    left : 1vw;
}

#partie_dos_page_sport_page_suivi
{
    top  : 18vw;
    left : 34vw;
}

#partie_profil_page_sport_page_suivi
{
    top  : 49vw;
    left : 16vw;
}

#image_humain_face_page_sport_page_suivi, #image_humain_dos_page_sport_page_suivi, #image_humain_profil_page_sport_page_suivi
{
    position        : relative;
    height          : 20vw;
    background-size : 100% 100%;
    display         : inline-block;
    margin          : 1vw;
}

#image_humain_face_page_sport_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=humain_face.png);
    width            : 12vw;
}

#image_humain_dos_page_sport_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=humain_dos.png);
    width            : 8vw;
}

#image_humain_profil_page_sport_page_suivi
{
    background-image : url(/utile/fichier.php?nom_fichier=humain_profil.png);
    width            : 5vw;
}

.image_client_page_sport_page_suivi
{
    position            : relative;
    display             : inline-block;
    height              : 16.5vw;
    width               : 10vw;
    border              : 0.1vw solid black;
    border-radius       : 1vw;
    background-size     : contain;
    background-repeat   : no-repeat;
    background-position : center;
    margin              : 1vw;
}

#partie_commentaire_page_sport_page_suivi
{
    position         : absolute;
    width            : 65vw;
    top              : 78vw;
    background-color : white;
    color            : black;
}

#objectifs_specifiques_nootropiques_page_suivi
{
    position              : relative;
    display               : grid;
    grid-template-columns : 21vw 21vw 21vw;
    width                 : 65vw;
    row-gap               : 0.8vw;
}

.bouton_add_telechargement
{
    width            : 4vw;
    height           : 4vw;
    background-image : url(/utile/fichier.php?nom_fichier=plus_rose.png);
    background-size  : contain;
    display          : inline-block;
    cursor           : pointer;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page admin*/
#menu_admin
{
    position                   : fixed;
    top                        : 16vw;
    left                       :  0vw;
    width                      : 15vw;
    border-top-right-radius    :  2vw;
    border-bottom-right-radius :  2vw;
    color                      : white;
    background-color           : black;
    padding                    : 1vw 0vw 1vw 0vw;
}

#bouton_afficher_page_clients_page_admin, #bouton_afficher_page_lien_inscription_page_admin, #bouton_afficher_page_liste_emails_page_admin
{
    position            : relative;
    display             : inline-block;
    height              : 3vw;
    width               : 14vw;
    margin              : 0.5vw 0vw 0vw 1vw;
    padding             : 0vw 0vw 0vw 4.5vw;
    background-position : left;
    background-size     : 3vw 3vw;
    background-repeat   : no-repeat;
    line-height         : 3vw;
    cursor              : pointer;
}

#bouton_afficher_page_lien_inscription_page_admin
{
    background-image  : url(/utile/fichier.php?nom_fichier=fiche.png);
}

#bouton_afficher_page_clients_page_admin
{
    background-image  : url(/utile/fichier.php?nom_fichier=personnes.png);
}

#bouton_afficher_page_liste_emails_page_admin
{
    background-image  : url(/utile/fichier.php?nom_fichier=lettre_rose.png);
}

#bouton_afficher_page_clients_page_admin:hover, #bouton_afficher_page_lien_inscription_page_admin:hover, #bouton_afficher_page_liste_emails_page_admin:hover
{
    font-weight : bold;
}

#page_admin
{
    position : absolute;
    top      : 2vw;
    left     : 20vw;
    width    : 70vw;
}

#lien_inscription_page_admin
{
    position      : relative;
    top           : 0vw;
    left          : 0vw;
    height        : 3vw;
    width         : 70vw;
    border        : 0.1vw solid black;
    border-radius : 0.5vw;
    text-align    : center;
    line-height   : 3vw;
}

#bouton_generer_lien_inscription
{
    position   : relative;
    margin-top : 1vw;
    display    : inline-block;
}

#message_erreur_lien_inscription
{
    position : relative;
    top      : 0vw;
    left     : 0vw;
}

tbody#tableau_clients_page_clients_page_admin
{
    width   : 70vw;
    display : inherit;
}

.image_symbole_homme_page_admin, .image_symbole_femme_page_admin, .image_symbole_autre_genre_page_admin
{
    position         : relative;
    height           : 2vw;
    display          : inline-block;
    background-size  : 100% 100%;
}

.image_symbole_homme_page_admin
{
    width            : 2vw;
    background-image : url(/utile/fichier.php?nom_fichier=symbole_homme.png);
}

.image_symbole_femme_page_admin
{
    width            : 1.5vw;
    background-image : url(/utile/fichier.php?nom_fichier=symbole_femme.png);
}

.image_symbole_autre_genre_page_admin
{
    width            : 2vw;
    background-image : url(/utile/fichier.php?nom_fichier=symbole_autre_genre.png);
}

.element_client_page_clients_page_admin
{
    position    : relative;
    display     : inline-block;
    width       : 70vw;
    height      : 3.5vw;
    border      : 0.1vw solid white;
    padding     : 0vw 0vw 0vw 0.5vw;
    line-height : 3.5vw;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page lien hacks*/
#page_lien_hacks
{
    position   : relative;
    width      : 100%;
    color      : black;
    text-align : center;
    display    : inline-block;
}

@media (orientation: landscape)
{
    #titre_hacks_page_lien_hacks
    {
        font-size : 1.5vw;
    }

    #texte_0_hacks_page_lien_hacks
    {
        width     : 40vw;
        font-size : 1.3vw;
    }

    #texte_1_hacks_page_lien_hacks
    {
        width     : 55vw;
        font-size : 1.2vw;
    }

    #image_page_lien_hacks
    {
        height : 20vw;
        width  : 10vw;
    }

    #texte_2_hacks_page_lien_hacks
    {
        font-size :  1vw;
        top       : -7vw;
        left      : 10vw;
        width     : 50vw;
    }

    .texte_edit_lien_hacks
    {
        border    : 0.2vw solid black;
        height    : 2vw;
        font-size : 1vw;
        padding   : 0vw 0vw 0vw 0.5vw;
    }

    #bouton_valider_lien_hacks
    {
        border    : 0.2vw solid black;
        height    : 3vw;
        font-size : 1vw;
    }

    #titre_resultats_hacks_page_lien_hacks
    {
        font-size : 2vw;
    }

    #texte_0_resultats_hacks_page_lien_hacks
    {
        font-size : 5vw;
    }

    #texte_1_resultats_hacks_page_lien_hacks
    {
        font-size : 1vw;
        width     : 40%;
    }

    #texte_2_resultats_hacks_page_lien_hacks
    {
        font-size  : 2vw;
        margin-top : 15vh;
    }

    #mentions_legales_page_lien_hacks
    {
        margin-top : 1vh;
    }
}

@media (orientation: portrait)
{
    #titre_hacks_page_lien_hacks
    {
        margin-top : 1.7vh;
        font-size  : 3vh;
    }

    #texte_0_hacks_page_lien_hacks
    {
        margin-top :  1.7vh;
        width      : 90vw;
        font-size  :  2.2vh;
    }

    #texte_1_hacks_page_lien_hacks
    {
        margin-top :  1.7vh;
        width      : 90vw;
        font-size  :  2vh;
    }

    #image_page_lien_hacks
    {
        margin-top :  0.5vh;
        height     : 33vh;
        width      : 15vh;
    }

    #texte_2_hacks_page_lien_hacks
    {
        top       :  1vh;
        font-size :  1.7vh;
        width     : 85%;
    }

    .texte_edit_lien_hacks
    {
        border    : 0.4vh solid black;
        height    : 4vh;
        font-size : 2vh;
        padding   : 0vh 0vh 0vh 1vh;
    }

    #bouton_valider_lien_hacks
    {
        border    : 0.4vh solid black;
        height    : 6vh;
        font-size : 2vh;
    }

    #titre_resultats_hacks_page_lien_hacks
    {
        font-size : 4vh;
    }

    #texte_0_resultats_hacks_page_lien_hacks
    {
        font-size  : 10vh;
        margin-top :  5vh;
    }

    #texte_1_resultats_hacks_page_lien_hacks
    {
        font-size  : 2vh;
        width      : 80%;
        margin-top :  5vh;
    }

    #texte_2_resultats_hacks_page_lien_hacks
    {
        font-size  :  4vh;
        margin-top : 30vh;
    }

    #mentions_legales_page_lien_hacks
    {
        margin-top : 5vh;
        font-size  : 1.5vh;
    }
}

#titre_hacks_page_lien_hacks
{
    display     : inline-block;
    font-family : 'DosisSemiBold';
}

#texte_0_hacks_page_lien_hacks
{
    position     : relative;
    font-weight  : bold;
    display      : inline-block;
    margin-left  : auto;
    margin-right : auto;
    font-family  : 'MontserratClassic';
}

#texte_1_hacks_page_lien_hacks
{
    font-style   : italic;
    display      : inline-block;
    margin-left  : auto;
    margin-right : auto;
    font-family  : 'LiberationSansRegular';
}

#image_page_lien_hacks
{
    position         : relative;
    background-size  : 100% 100%;
    background-image : url(/utile/publique/images/smartphone.png);
    display          : inline-block;
}

#texte_2_hacks_page_lien_hacks
{
    position    : relative;
    font-weight : 900;
    display     : inline-block;
    font-family : 'MontserratRegular';
}

.texte_edit_lien_hacks
{
    position            : relative;
    display             : inline;
    background-color    : white;
    color               : black;
    width               : 95%;
    background-image    : url(/utile/publique/images/lettre_blanche.png);
    background-position : right;
    background-size     : contain;
    background-repeat   : no-repeat;
}

#bouton_valider_lien_hacks
{
    position         : relative;
    width            : 100%;
    display          : inline-block;
    background-color : black;
    color            : white;
    font-weight      : bold;
    cursor           : pointer;
}

#bouton_valider_lien_hacks:hover
{
    font-weight : bolder;
}

#titre_resultats_hacks_page_lien_hacks
{
    display     : inline-block;
    font-family : 'DosisSemiBold';
}

#texte_0_resultats_hacks_page_lien_hacks
{
    font-weight : bold;
    display     : inline-block;
    font-family : 'MontserratRegular';
}

#texte_1_resultats_hacks_page_lien_hacks
{
    display      : inline-block;
    margin-right : auto;
    margin-left  : auto;
    font-family  : 'LiberationSansRegular';
}

#texte_2_resultats_hacks_page_lien_hacks
{
    display     : inline-block;
    font-family : 'DosisSemiBold';
}

#mentions_legales_page_lien_hacks
{
    position     : relative;
    display      : inline-block;
    font-family  : 'MontserratRegular';
    margin-left  : auto;
    margin-right : auto;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Page formation gratuite */

#titre_formation_gratuite
{
    display     : inline-block;
    position    : relative;
    width       : 80vw;
    left        : 10vw;
    text-align  : center;
    font-family : 'MontserratRegular';
    font-size   : 2.5vw;
}

#video_formation_gratuite
{
    display     : inline-block;
    position    : relative;
    width       : 80vw;
    left        : 10vw;
}

#bouton_formation_gratuite
{
    display          : inline-block;
    position         : relative;
    width            : 80vw;
    left             : 10vw;
    text-align       : center;
    font-family      : 'MontserratRegular';
    font-size        : 2.5vw;
    line-height      : 5vw;
    border-radius    : 10vw;
    background-color : rgb(0, 43, 176);
    color            : white;
    text-decoration  : none;
}

#bouton_formation_gratuite:hover
{
    font-weight : bold;
}

@media (orientation: landscape)
{
    #titre_formation_gratuite, #video_formation_gratuite, #bouton_formation_gratuite
    {
        width : 80vw;
        left  : 10vw;
    }
}

@media (orientation: portrait)
{
    #titre_formation_gratuite, #video_formation_gratuite
    {
        width       : 90vw;
        left        : 5vw;
        font-size   : 5vw;
    }

    #bouton_formation_gratuite
    {
        width       : 90vw;
        left        : 5vw;
        font-size   : 4vw;
        line-height : 8vw;
    }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bouton_vide                                     ,
.bouton_add_chiffre                              ,
.bouton_noir                                     ,
.bouton_noir_fleche_bas                          ,
.bouton_noir_fleche_bas_texte_gauche             ,
.bouton_noir_texte_gauche                        ,
.bouton_valider_formulaire                       ,
.bouton_supprimer                                ,
.bouton_menu_suivi                               ,
#bouton_afficher_page_clients_page_admin         ,
#bouton_afficher_page_lien_inscription_page_admin
{
    -webkit-user-select   : none;
    -webkit-touch-callout : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
}