diff --git a/.gitattributes b/.gitattributes
index 63b9cce3d9e4e99ab95a14d982e81303f852f099..f7874bf481168d5e51a4a7b9b3b16e16f424d26b 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -434,6 +434,8 @@ ecrire/xml/valider.php -text
local/remove.txt -text
prive/aide_body.css -text
prive/aide_menu.html -text
+prive/box.css -text
+prive/box_skins.css.html -text
prive/cfg.html -text
prive/configurer/identite.html -text
prive/configurer/langage.html -text
@@ -784,6 +786,7 @@ prive/squelettes/contenu/page-typo.html -text
prive/squelettes/extra/dist.html -text
prive/squelettes/head/dist.html -text
prive/squelettes/hierarchie/dist.html -text
+prive/squelettes/hierarchie/page-typo.html -text
prive/squelettes/inclure/barre-nav.html -text
prive/squelettes/inclure/head.html -text
prive/squelettes/inclure/pied.html -text
diff --git a/ecrire/exec/fond.php b/ecrire/exec/fond.php
index 8d65048c14a188d8526812531de76d2e1177181d..43ef0cd3e9d6bcb6ff0d7ada231659068a808853 100644
--- a/ecrire/exec/fond.php
+++ b/ecrire/exec/fond.php
@@ -41,4 +41,92 @@ function exec_fond_dist(){
}
+/**
+ * #BOITE_OUVRIR{titre[,type]}
+ * Racourci pour ouvrir une boite (info, simple, pour noisette ...)
+ *
+ * @param <type> $p
+ * @return <type>
+ */
+function balise_BOITE_OUVRIR_dist($p) {
+ $_titre = interprete_argument_balise(1,$p);
+ $_class = interprete_argument_balise(2,$p);
+ $_head_class = interprete_argument_balise(3,$p);
+ $_titre = ($_titre?$_titre:"''");
+ $_class = ($_class?", $_class":", 'simple'");
+ $_head_class = ($_head_class?", $_head_class":"");
+
+ $p->code = "boite_ouvrir($_titre$_class$_head_class)";
+ $p->interdire_scripts = false;
+ return $p;
+}
+
+/**
+ * #BOITE_PIED{class}
+ * Racourci pour passer au pied de la boite, avant sa fermeture
+ *
+ * @param <type> $p
+ * @return <type>
+ */
+function balise_BOITE_PIED_dist($p) {
+ $_class = interprete_argument_balise(1,$p);
+ $_class = ($_class?"$_class":"");
+
+ $p->code = "boite_pied($_class)";
+ $p->interdire_scripts = false;
+ return $p;
+}
+
+/**
+ * #BOITE_FERMER
+ * Racourci pour fermer une boite ouverte
+ *
+ * @param <type> $p
+ * @return <type>
+ */
+function balise_BOITE_FERMER_dist($p) {
+ $p->code = "boite_fermer()";
+ $p->interdire_scripts = false;
+ return $p;
+}
+
+/**
+ * Ouvrir une boite
+ *
+ * @param string $titre
+ * @param string $class
+ * @return <type>
+ */
+function boite_ouvrir($titre, $class='', $head_class=''){
+ $class = "box $class";
+ $head_class = "hd $head_class";
+ if (strlen($titre) AND strpos($titre,'<h')===false)
+ $titre = "<h3>$titre</h3>";
+ return '<div class="'.$class.'">'
+ .'<b class="top"><b class="tl"></b><b class="tr"></b></b>'
+ .'<div class="inner">'
+ .($titre?'<div class="'.$head_class.'">'.$titre.'</div>':'')
+ .'<div class="bd">';
+}
+
+/**
+ * Passer au pied d'une boite
+ * @param <type> $class
+ * @return <type>
+ */
+function boite_pied($class='act'){
+ $class = "ft $class";
+ return '</div>'
+ .'<div class="'.$class.'">';
+}
+
+/**
+ * Fermer une boite
+ * @return <type>
+ */
+function boite_fermer(){
+ return '</div></div>'
+ .'<b class="bottom"><b class="bl"></b><b class="br"></b></b>'
+ .'</div>';
+}
?>
diff --git a/prive/box.css b/prive/box.css
new file mode 100644
index 0000000000000000000000000000000000000000..9695f5f171922a426d1e1a2842e9279eb0c0bb9e
--- /dev/null
+++ b/prive/box.css
@@ -0,0 +1,34 @@
+/*
+Copyright (c) 2009, Nicole Sullivan. All rights reserved.
+Code licensed under the BSD License:
+version: 0.2
+*/
+/* **************** BLOCK STRUCTURES ***************** */
+/* box */
+.box{margin:20px 0 0;}
+.bd,.ft{padding:0 10px;/*overflow:hidden;_overflow:visible; _zoom:1;*/}
+.hd {padding:5px 10px;}
+.box .inner{position:relative;}
+.box b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
+.box .inner b{display:inline;font-size:inherit;position:static;}
+.box .tl, .box .tr, .box .bl, .box .br{height:10px; width:10px;float:left;}
+.box .tl{background-position: left top;}
+.box .tr{background-position: right top;}
+.box .bl{background-position: left bottom;}
+.box .br{background-position: right bottom;}
+.box .br,.box .tr{float:right;}
+.box .bl,.box .br{margin-top:-10px;}
+.box .top{background-position:center top;}
+.box .bottom{background-position:center bottom;_zoom:1;}/* this zoom required for IE5.5 only*/
+/* complex */
+.complex{overflow:hidden;*position:relative;*zoom:1;}/* position/zoom required for IE7, 6, 5.5 */
+.complex .tl, .complex .tr{height:32000px; margin-bottom:-32000px;width:10px;overflow:hidden;}
+.complex .bl, .complex .br{/*margin-top:0;*/}
+.complex .top{height:5px;}
+.complex .bottom{height:5px;/*margin-top:-10px;*/}
+/* pop */
+.pop{overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
+.pop .inner{right:-10px; bottom:-10px; background-position:right bottom;padding:10px;}
+.pop .tl, .pop .br{display:none;}
+.pop .bl{bottom:-10px;}
+.pop .tr{right:-10px;}
\ No newline at end of file
diff --git a/prive/box_skins.css.html b/prive/box_skins.css.html
new file mode 100644
index 0000000000000000000000000000000000000000..eae9f52f2f35aa6ec3025cf9195fc75f11df44c5
--- /dev/null
+++ b/prive/box_skins.css.html
@@ -0,0 +1,73 @@
+#SET{claire,##ENV{couleur_claire,edf3fe}}
+#SET{foncee,##ENV{couleur_foncee,3874b0}}
+#SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
+#SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
+#SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
+
+[(#INCLURE{prive/box.css})]
+
+/* **************** BLOCK SKINS ***************** */
+/* ====== Contour blocks ====== */
+/* remove *background-image:" to default to square corners for IE */
+/* ----- simple (extends box) ----- */
+.simple .inner {border:1px solid #ccc;background-color:#fcfcfc;color:#333;}
+.simple .inner .hd {}
+.simple b{}
+/* ----- info (extends box) ----- */
+.info .inner {border:2px solid #GET{claire};background:#fcfcfc;}
+.info .inner .hd {}
+.info b{}
+/* ----- note (extends box) ----- */
+.note,.note .inner{border:1px solid #c2c2c2;}
+.note .inner{border-color:#fff; border-width:4px; background-color:[#(#GET{claire}|couleur_eclaircir{0.85})];}
+.note .inner .hd {}
+
+/* ----- raccourcis (extends box) ----- */
+.raccourcis .inner{border:1px solid #ccc;background-color:#eee;}
+.note .inner .hd {}
+
+/* ----- important (extends box) ----- */
+.important .inner{border: 3px solid [(#GET{foncee})]; border-bottom-width:10px;background:#fff;}
+.important b{}
+
+/* ----- basic (extends box) ----- */
+.basic {overflow: hidden;margin-bottom: -1px}
+.basic .inner {padding-bottom: 1px;border: 1px solid #aaa;}
+.basic .inner .hd {}
+.basic b{}
+
+/* ----- error, success, notice (extends box) ----- */
+.box.error, .box.success, .box.notice {padding:0;backround-image:none;}
+.error .inner,.success .inner,.notice .inner{border:2px solid;font-weight: normal;color:#333;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 5px 5px;}
+.success .inner{color: #264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN_IMAGE{ok-24.png});}
+.error .inner{color: #8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN_IMAGE{erreur-24.png});}
+.notice .inner{color: #514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN_IMAGE{warning-24.png});}
+
+/* ====== Background blocks ====== */
+.highlight .inner{background-color:#GET{claire};}
+.inverse .inner{background-color:#GET{foncee};color:#ffffff}
+
+/* ====== Block headers and footers ====== */
+.hd.titrem { margin-top:10px;padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
+background-color: [#(#GET{foncee}|couleur_eclaircir)];color: #4A4A4A; font-size:1.2em;position:relative;}
+.hd.titrem h1,.hd.titrem h2,.hd.titrem h3,.hd.titrem h4,.hd.titrem h5,.hd.titrem h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
+
+.section{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
+background-color: #GET{foncee}; color: #4A4A4A;font-size:1.2em;position:relative;}
+.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
+
+.bam{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
+background-color: [#(#GET{foncee}|couleur_foncer)]; color: #fff;font-size:1.2em; position:relative;}
+.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;margin:0;}
+
+.topper{ padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat; padding-[(#GET{left})]:16px; padding-[(#GET{right})]:10px;
+background-color: #fff; color: #4A4A4A;font-size:1.2em; position:relative;}
+.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4A4A4A;padding:0;margin:0;}
+
+.act{ [background-color: #(#GET{claire}|couleur_eclaircir);]
+ [border-top: 1px solid (#GET{claire});]
+ margin:0;
+ clear:both;
+ text-align: #GET{right};
+ padding: 7px 1em;
+}
diff --git a/prive/squelettes/contenu/page-typo.html b/prive/squelettes/contenu/page-typo.html
index f66a9a885779de50f5026cbdeb29cccaa68bd5c8..18ff12758cccbb545670a6c30de3b9d169c326a7 100644
--- a/prive/squelettes/contenu/page-typo.html
+++ b/prive/squelettes/contenu/page-typo.html
@@ -5,4 +5,98 @@
Distribue sous licence GPL
]
-#MODELE{typo}
\ No newline at end of file
+#MODELE{typo}
+
+<h1>Boites</h1>
+ #BOITE_OUVRIR
+ <p>"box" est le conteneur de <b>base</b> des boites.
+ Tous les autres conteneurs sont herites de celui la.</p>
+ #BOITE_FERMER
+
+<div class="line">
+ <h2>Habillage des boites</h2>
+ <h3>Contour</h3>
+ #BOITE_OUVRIR{'<h3>simple</h3>','simple'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>info</h3>','info'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>note</h3>','note'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>raccourcis</h3>','raccourcis'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>important</h3>','important'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ <h3>Fonds</h3>
+ #BOITE_OUVRIR{'<h3>basic highlight</h3>','basic highlight'}
+ <p>Combiner la classe basic avec une classe de fond</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>basic inverse</h3>','basic inverse'}
+ <p>Combiner la classe basic avec une classe de fond</p>
+ #BOITE_FERMER
+
+ <h3>Erreurs, succes, avertissement</h3>
+
+ #BOITE_OUVRIR{'<h3>success</h3>','success'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'','success'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>notice</h3>','notice'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'','notice'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'<h3>error</h3>','error'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'','error'}
+ <p>Contenu</p>
+ #BOITE_FERMER
+
+</div>
+
+<div class="line">
+ <h2>Header de boite</h2>
+ #BOITE_OUVRIR{#CHEMIN_IMAGE{article-24.png}|balise_img{'',cadre-icone}|concat{simple/titrem},'simple','titrem'}
+ <p>Body</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'<h2>simple/titrem</h2>','simple','titrem'}
+ <p>Body</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{#CHEMIN_IMAGE{article-24.png}|balise_img{'',cadre-icone}|concat{simple/titrem},'simple','titrem'}
+ <p>Body</p>
+ #BOITE_FERMER
+
+ #BOITE_OUVRIR{'simple/section','simple','section'}
+ <p>Body</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'simple/bam','simple','bam'}
+ <p>Body</p>
+ #BOITE_FERMER
+ #BOITE_OUVRIR{'basic/topper','basic inverse','topper'}
+ <p>Body</p>
+ #BOITE_FERMER
+
+ <h2>Pied de boite</h2>
+ #BOITE_OUVRIR{'simple/titrem','simple','titrem'}
+ <p>Body</p>
+ #BOITE_PIED
+ #BOUTON_ACTION{demo,#SELF}
+ #BOITE_FERMER
+
+</div>
diff --git a/prive/squelettes/hierarchie/page-typo.html b/prive/squelettes/hierarchie/page-typo.html
new file mode 100644
index 0000000000000000000000000000000000000000..78f09a49a1479df21cf90478de9781cb277c246b
--- /dev/null
+++ b/prive/squelettes/hierarchie/page-typo.html
@@ -0,0 +1,8 @@
+[(#REM)
+
+ Squelette
+ (c) 2009 xxx
+ Distribue sous licence GPL
+
+]
+[(#VAL{infos_perso}|barre_onglets{infos_perso})]
\ No newline at end of file
diff --git a/prive/style_prive.html b/prive/style_prive.html
index a96b63af566ce02fd08257cf0ebc693d2cfd4882..bfa361470e4d699facaacbc8930c7d19a8b8b3c0 100644
--- a/prive/style_prive.html
+++ b/prive/style_prive.html
@@ -847,7 +847,11 @@ body.sites .no_onglets #contenu #wysiwyg div.contenu_nom_site {display: none;}
/******** Formulaires **************/
[(#INCLURE{fond=style_prive_formulaires}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
-/******** Formulaires fin **************/
+/******** Formulaires fin *********/
+
+/******** Boites *******************/
+[(#INCLURE{fond=prive/box_skins.css}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]
+/******** Boites fin ***************/
/*** Placer le theme tout a la fin ***/
#SET{style_prive_theme,#REM|bando_style_prive_theme}