/* 
    Les changements mobiles ne sont pas fait avec des medias query mais avec une classe CSS. 
    C'est fait comme ça pcq le JS détecte deja si c'est un mobile pour ajuster le initial-scale 
*/

.css_mobile #image_contour_borne_parent_parent{
    overflow-x: hidden;
}


.css_mobile #image_contour_borne_parent{
    position:relative;
    transform: inherit;
    left: 0px;
}

.css_mobile #div_ecran_borne{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

/* Partie code QR */
.css_mobile .titre_principal_petit{
    font-size:22px;
}

/* Image accueil */
.css_mobile #btn_fermer_image_accueil{
    width: 393px;
    left: 366px;
    top: 893px;
    font-size: 45px;
}

#accueil_carousel_metier_parent_parent{
    margin-top:5px;
}

.css_mobile #accueil_titre_ligne_vert{
    font-size:34px;
}

.css_mobile .accueil_encadre_metier{
    font-size: 25px;
}

.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_chauffeur{
    height: 91px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_sol{
    height: 120px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_tri{
    height: 100px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_sinistre, 
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_op_potable{
    height: 124px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_sante{
    height: 91px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_energetique{
    height: 91px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_ventilation{
    height: 124px;
}
.css_mobile .accueil_encadre_metier>div.accueil_encadre_metier_chimiste{
    height: 91px;
}

.css_mobile #accueil_texte_encadre{
    font-size: 24px;
    line-height: 28px;
}

.css_mobile #accueil_bandeau_vert > span{
    font-size: 28px;
    top: 27px;
}

.css_mobile #accueil_logo_gouv > img, .css_mobile #logo_bas_gouv > img{
    width: 358px;
}

/* Durant métier */
.css_mobile #btn_prochaine_etape, .css_mobile #btn_retour_algo, .css_mobile #btn_retour_accueil, .css_mobile .bouton_revenir a, .css_mobile #btn_restart_parent a{
    width: 66px;
    padding-top: 11px;
    padding-bottom: 9px;
}

.css_mobile #btn_prochaine_etape svg, .css_mobile #btn_retour_algo svg, .css_mobile #btn_retour_accueil svg, .css_mobile .bouton_revenir_temoignage svg, .css_mobile #eboueur_jeu_clique_camion_retour svg, .css_mobile #ras_jeu_clique_objet_retour svg, .css_mobile #btn_restart svg{
    width: 33px;
    height: 33px;
}

.css_mobile #btn_retour_algo_parent{
    right: 105px;
}

.css_mobile #btn_restart_parent{
    right: 115px;
}
.css_mobile #btn_restart svg{
    transform: scale(1);
}

/* FOOTER */

.css_mobile #footer_bande_grise{
    font-size: 36px;
}

.css_mobile .texte_commanditaire{
    font-size:29px;
}