[{"data":1,"prerenderedAt":357},["ShallowReactive",2],{"navigation_docs":3,"-docs-ecrire-image-a-cote-du-texte":118,"-docs-ecrire-image-a-cote-du-texte-surround":352},[4,19,49,75,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":18},"Démarrer","i-lucide-rocket","\u002Fdocs\u002Fdemarrer","docs\u002F1.demarrer",[10,14],{"title":11,"path":12,"stem":13},"Première présentation","\u002Fdocs\u002Fdemarrer\u002Fpremiere-presentation","docs\u002F1.demarrer\u002F1.premiere-presentation",{"title":15,"path":16,"stem":17},"Le Markdown","\u002Fdocs\u002Fdemarrer\u002Fle-markdown","docs\u002F1.demarrer\u002F2.le-markdown",false,{"title":20,"icon":21,"path":22,"stem":23,"children":24,"page":18},"Écrire","i-lucide-pen-line","\u002Fdocs\u002Fecrire","docs\u002F2.ecrire",[25,29,33,37,41,45],{"title":26,"path":27,"stem":28},"La syntaxe","\u002Fdocs\u002Fecrire\u002Fsyntaxe","docs\u002F2.ecrire\u002F1.syntaxe",{"title":30,"path":31,"stem":32},"Les composants","\u002Fdocs\u002Fecrire\u002Fcomposants","docs\u002F2.ecrire\u002F2.composants",{"title":34,"path":35,"stem":36},"Story Storybook","\u002Fdocs\u002Fecrire\u002Fstory-storybook","docs\u002F2.ecrire\u002F3.story-storybook",{"title":38,"path":39,"stem":40},"Image et texte","\u002Fdocs\u002Fecrire\u002Fimage-a-cote-du-texte","docs\u002F2.ecrire\u002F4.image-a-cote-du-texte",{"title":42,"path":43,"stem":44},"Présenter et exporter","\u002Fdocs\u002Fecrire\u002Fpresenter","docs\u002F2.ecrire\u002F5.presenter",{"title":46,"path":47,"stem":48},"Écrire avec un agent","\u002Fdocs\u002Fecrire\u002Fecrire-avec-un-agent","docs\u002F2.ecrire\u002F6.ecrire-avec-un-agent",{"title":50,"icon":51,"path":52,"stem":53,"children":54,"page":18},"Studio","i-lucide-layout-grid","\u002Fdocs\u002Fstudio","docs\u002F3.studio",[55,59,63,67,71],{"title":56,"path":57,"stem":58},"Rôles et partage","\u002Fdocs\u002Fstudio\u002Froles-et-partage","docs\u002F3.studio\u002F1.roles-et-partage",{"title":60,"path":61,"stem":62},"Versions et brouillon","\u002Fdocs\u002Fstudio\u002Fversions-et-brouillon","docs\u002F3.studio\u002F2.versions-et-brouillon",{"title":64,"path":65,"stem":66},"Organiser le catalogue","\u002Fdocs\u002Fstudio\u002Forganiser-le-catalogue","docs\u002F3.studio\u002F3.organiser-le-catalogue",{"title":68,"path":69,"stem":70},"Jetons d'accès","\u002Fdocs\u002Fstudio\u002Fjetons-d-acces","docs\u002F3.studio\u002F4.jetons-d-acces",{"title":72,"path":73,"stem":74},"Problèmes fréquents","\u002Fdocs\u002Fstudio\u002Fproblemes-frequents","docs\u002F3.studio\u002F5.problemes-frequents",{"title":76,"icon":77,"path":78,"stem":79,"children":80,"page":18},"Thèmes","i-lucide-palette","\u002Fdocs\u002Fthemes","docs\u002F4.themes",[81,85],{"title":82,"path":83,"stem":84},"Thème DSFR","\u002Fdocs\u002Fthemes\u002Ftheme-dsfr","docs\u002F4.themes\u002F1.theme-dsfr",{"title":86,"path":87,"stem":88},"Thème d'équipe","\u002Fdocs\u002Fthemes\u002Ftheme-de-votre-equipe","docs\u002F4.themes\u002F2.theme-de-votre-equipe",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":18},"Référence","i-lucide-book-open","\u002Fdocs\u002Freference","docs\u002F5.reference",[95,99,103,107,111,115],{"title":96,"path":97,"stem":98},"Module de rendu","\u002Fdocs\u002Freference\u002Fnuxt","docs\u002F5.reference\u002F1.nuxt",{"title":100,"path":101,"stem":102},"Composants de schéma","\u002Fdocs\u002Freference\u002Fschemas","docs\u002F5.reference\u002F2.schemas",{"title":104,"path":105,"stem":106},"Composants Storybook","\u002Fdocs\u002Freference\u002Fstorybook","docs\u002F5.reference\u002F3.storybook",{"title":108,"path":109,"stem":110},"Système de thèmes","\u002Fdocs\u002Freference\u002Ftheme-system","docs\u002F5.reference\u002F4.theme-system",{"title":112,"path":113,"stem":114},"Kit de thèmes","\u002Fdocs\u002Freference\u002Ftheme-kit","docs\u002F5.reference\u002F5.theme-kit",{"title":82,"path":116,"stem":117},"\u002Fdocs\u002Freference\u002Ftheme-dsfr","docs\u002F5.reference\u002F6.theme-dsfr",{"id":119,"title":120,"body":121,"description":346,"extension":347,"meta":348,"navigation":349,"path":39,"seo":350,"stem":40,"__hash__":351},"docs\u002Fdocs\u002F2.ecrire\u002F4.image-a-cote-du-texte.md","Placer une image à côté du texte",{"type":122,"value":123,"toc":344},"minimark",[124,133,190,193,196,215,222,328,340],[125,126,127,128,132],"p",{},"Collez l'image dans le texte de l'éditeur, glissez-y son fichier, ou choisissez « Téléverser une image » dans le menu « Insérer ». L'image est téléversée dans le studio, et un composant ",[129,130,131],"code",{},"Image"," est inséré à la place du curseur, avec son adresse :",[134,135,140],"pre",{"className":136,"code":137,"language":138,"meta":139,"style":139},"language-mdc shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","::Image{src=\"\u002Fmedia\u002F3f9a….png\" alt=\"\"}\n::\n","mdc","",[129,141,142,184],{"__ignoreMap":139},[143,144,147,151,154,157,161,164,167,171,173,176,178,181],"span",{"class":145,"line":146},"line",1,[143,148,150],{"class":149},"sMK4o","::",[143,152,131],{"class":153},"swJcz",[143,155,156],{"class":149},"{",[143,158,160],{"class":159},"spNyl","src",[143,162,163],{"class":149},"=",[143,165,166],{"class":149},"\"",[143,168,170],{"class":169},"sfazB","\u002Fmedia\u002F3f9a….png",[143,172,166],{"class":149},[143,174,175],{"class":159}," alt",[143,177,163],{"class":149},[143,179,180],{"class":149},"\"\"",[143,182,183],{"class":149},"}\n",[143,185,187],{"class":145,"line":186},2,[143,188,189],{"class":149},"::\n",[125,191,192],{},"Une image pèse 10 Mo au plus, au format PNG, JPG, WEBP, GIF, SVG ou AVIF.",[125,194,195],{},"Pour afficher l'image à droite du texte :",[197,198,199,209,212],"ol",{},[200,201,202,203,205,206,208],"li",{},"Copiez l'adresse de ",[129,204,160],{},", puis supprimez le composant ",[129,207,131],{},".",[200,210,211],{},"Le curseur dans la diapositive, cliquez sur « Mise en page » dans la barre d'outils, puis sur « À droite ».",[200,213,214],{},"Collez l'adresse dans « Adresse de l'image ou de la page », et décrivez l'image dans « Description du média ».",[125,216,217,218,221],{},"Vous obtenez sous le titre une ligne ",[129,219,220],{},":layout",", que vous pouvez aussi écrire à la main :",[223,224,225],"deck-example",{},[134,226,228],{"className":136,"code":227,"language":138,"meta":139,"style":139},"### Le parcours\n\n:layout{media=\"right\" src=\"\u002Fimages\u002Fplaceholder.svg\" alt=\"Des montagnes sous un soleil\" fit=\"contain\"}\n\nTrois étapes, du dépôt de la demande à la réponse.\n\nQuinze jours en moyenne.\n",[129,229,230,239,245,305,310,317,322],{"__ignoreMap":139},[143,231,232,235],{"class":145,"line":146},[143,233,234],{"class":149},"### ",[143,236,238],{"class":237},"sBMFI","Le parcours\n",[143,240,241],{"class":145,"line":186},[143,242,244],{"emptyLinePlaceholder":243},true,"\n",[143,246,248,251,254,256,259,261,263,266,268,271,273,275,278,280,282,284,286,289,291,294,296,298,301,303],{"class":145,"line":247},3,[143,249,250],{"class":149},":",[143,252,253],{"class":153},"layout",[143,255,156],{"class":149},[143,257,258],{"class":159},"media",[143,260,163],{"class":149},[143,262,166],{"class":149},[143,264,265],{"class":169},"right",[143,267,166],{"class":149},[143,269,270],{"class":159}," src",[143,272,163],{"class":149},[143,274,166],{"class":149},[143,276,277],{"class":169},"\u002Fimages\u002Fplaceholder.svg",[143,279,166],{"class":149},[143,281,175],{"class":159},[143,283,163],{"class":149},[143,285,166],{"class":149},[143,287,288],{"class":169},"Des montagnes sous un soleil",[143,290,166],{"class":149},[143,292,293],{"class":159}," fit",[143,295,163],{"class":149},[143,297,166],{"class":149},[143,299,300],{"class":169},"contain",[143,302,166],{"class":149},[143,304,183],{"class":149},[143,306,308],{"class":145,"line":307},4,[143,309,244],{"emptyLinePlaceholder":243},[143,311,313],{"class":145,"line":312},5,[143,314,316],{"class":315},"sTEyZ","Trois étapes, du dépôt de la demande à la réponse.\n",[143,318,320],{"class":145,"line":319},6,[143,321,244],{"emptyLinePlaceholder":243},[143,323,325],{"class":145,"line":324},7,[143,326,327],{"class":315},"Quinze jours en moyenne.\n",[125,329,330,333,334,339],{},[129,331,332],{},"fit=\"contain\""," affiche l'image entière ; sans cet attribut, elle remplit son panneau et ses bords peuvent être coupés. Dans le même panneau, vous placez l'image à gauche, en haut, en bas ou derrière le texte, et vous réglez sa part de la diapositive : ",[335,336,338],"a",{"href":337},"\u002Fdocs\u002Fecrire\u002Fsyntaxe#les-mises-en-page","Les mises en page"," décrit chaque attribut.",[341,342,343],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":139,"searchDepth":186,"depth":186,"links":345},[],"Téléverser une image dans le studio et l'afficher à droite du texte d'une diapositive.","md",{},{"title":38},{"title":120,"description":346},"5LY-jJHhcXVUMhQLVaK5kLQa4h45hNKtZ35Wv8o5RwI",[353,355],{"title":34,"path":35,"stem":36,"description":354,"children":-1},"Afficher dans une diapositive une story du Storybook de votre équipe, publié pour la branche principale ou pour une branche en cours, rendue en direct.",{"title":42,"path":43,"stem":44,"description":356,"children":-1},"Présenter avec la vue conférencier, exporter une présentation en PDF et télécharger son texte Markdown.",1793470086019]