@charset "UTF-8";
/* ==========================================================================
   Version mobile simplifiee de jose-bati.com
   Chargee uniquement sous 800px de large (attribut media dans include_php/header.php) :
   la version ordinateur n'est pas concernee.
   ========================================================================== */

html { -webkit-text-size-adjust:100%; }
body { font-size:15px; line-height:1.5; }

/* ---- En-tete mobile ---- */
#jb_mobile_header { display:block; background:#ffffff; border-bottom:4px solid #4e89a7; }
.jb_mobile_barre { display:flex; align-items:center; padding:8px 12px; gap:10px; }
.jb_mobile_logo { flex:0 0 auto; line-height:0; }
.jb_mobile_logo img { width:150px; height:auto; border:0; }
.jb_mobile_rge { width:46px; height:auto; margin-left:auto; }
.jb_mobile_bouton { flex:0 0 auto; width:46px; height:42px; padding:9px 10px; border:0; border-radius:6px; background:#4e89a7; cursor:pointer; }
.jb_mobile_bouton span { display:block; height:3px; margin:0 0 6px 0; background:#ffffff; border-radius:2px; }
.jb_mobile_bouton span:last-child { margin-bottom:0; }
#jb_mobile_menu { display:none; list-style:none; margin:0; padding:0; background:#2e5163; }
#jb_mobile_menu.ouvert { display:block; }
#jb_mobile_menu li { border-top:1px solid #4e89a7; }
#jb_mobile_menu a { display:block; padding:12px 16px; color:#ffffff; text-decoration:none; font-weight:bold; font-size:16px; }
#jb_mobile_menu a.actif { background:#4e89a7; }
.jb_mobile_tel { display:block; padding:10px 16px; background:#4e89a7; color:#ffffff; text-align:center; text-decoration:none; font-weight:bold; font-size:16px; }

/* ---- Mise en page : les tableaux de structure deviennent des blocs pleine largeur ---- */
#container { overflow-x:hidden; }
table.jb_layout,
table.jb_layout > tbody,
table.jb_layout > tbody > tr,
table.jb_layout > tbody > tr > td { display:block; width:auto !important; height:auto !important; }
.jb_cote, .jb_header_row { display:none !important; }

td[id^="jose_bati_contenu_"] { background:none !important; padding:0 !important; }
td[id^="jose_bati_contenu_"]:after { content:""; display:block; clear:both; }

/* colonne gauche (vignette "realisations") : deja accessible par le menu */
.contenu_gauche { display:none; }

.contenu_accueil_centre,
.contenu_accueil_droite,
.contenu_centre { float:none; width:auto; }
.contenu_accueil_centre_marge,
.contenu_centre_marge { padding:20px 16px 10px 16px; text-align:left; }
.contenu_accueil_droite_marge { padding:10px 0 20px 0; }
.jose_bati_nos_competences { margin:0 auto; }

h1 { font-size:20px; line-height:1.3; }
h2 { font-size:16px; }

/* images et tableaux du contenu */
.contenu_centre img,
.contenu_accueil_centre img { max-width:100%; height:auto; }
.contenu_centre iframe { max-width:100%; }
.contenu_centre table { width:100% !important; }
.contenu_centre td { display:block; width:auto !important; }

/* page realisations */
.contenu_centre .contenu_centre_marge .realisation_image { width:95px; }
.contenu_centre .contenu_centre_marge .realisation_lien { width:calc(100% - 95px) !important; padding-top:12px; }
.contenu_centre .contenu_centre_marge .realisation_lien a strong { font-size:15px; }
.contenu_centre .contenu_centre_marge .realisation_lien a { font-size:13px; }
a.light img { margin:0 2px 8px 0; }

/* page liens */
p.le_lien { width:auto; }

/* plan du site */
a.jose_bati_plan_site_texte1 { padding-left:0; line-height:2; }
a.jose_bati_plan_site_texte2 { padding-left:16px; line-height:2; }

/* formulaire de contact */
select.contact,
input.contact,
textarea.contact { font-size:16px; padding:6px; box-sizing:border-box; }
input[type="text"].contact,
textarea.contact { width:95% !important; }
.contenu_centre td[style] { font-size:13px !important; }
input[type="submit"].contact { padding:10px 30px; background:#4e89a7; color:#ffffff; border:0; border-radius:4px; font-weight:bold; }

/* ---- Pied de page ---- */
.jose_bati_fond_2 { background:#4e89a7; }
#jose_bati_footer { background:#4e89a7 !important; padding:0 0 15px 0; font-size:13px; }
#jose_bati_footer > div:first-child { padding:15px 16px !important; }
#jose_bati_footer table,
#jose_bati_footer tbody,
#jose_bati_footer tr,
#jose_bati_footer td { display:block; width:auto !important; height:auto !important; }
#jose_bati_footer div[align="center"] { padding:0 16px; line-height:2; }

/* ---- Fenetre "mentions legales" (overlib) ---- */
#overDiv { left:0 !important; width:100% !important; }
#overDiv table { width:100% !important; max-width:100%; }
#overDiv div { font-size:13px; }

/* ---- Titre de la page (sur ordinateur, il fait partie de l'image de fond) ---- */
.jb_mobile_titre { display:block; margin:18px 16px 0 16px; padding-bottom:4px; border-bottom:1px dotted #aaaaaa; color:#2e5163; font-size:28px; font-weight:normal; letter-spacing:0.5px; }

/* ---- Accueil : vignettes "Realisations" affichees apres le texte, avant "Nos competences" ---- */
#jose_bati_contenu_accueil { display:flex !important; flex-direction:column; }
#jose_bati_contenu_accueil:after { display:none; }
#jose_bati_contenu_accueil .contenu_accueil_centre { order:1; }
#jose_bati_contenu_accueil .contenu_gauche { display:block; order:2; float:none; width:auto; text-align:center; padding:10px 16px 0 16px; }
#jose_bati_contenu_accueil .contenu_gauche_marge { padding:0; }
#jose_bati_contenu_accueil .contenu_gauche img { max-width:100%; height:auto; }
#jose_bati_contenu_accueil .contenu_accueil_droite { order:3; }