smartcomment Les options du modèle de mise en page <b>iThème (version 1.2)</b>
smartcomment <a href="http://utilisateurs.viabloga.com/texts/itheme" target="_blank">Vous trouverez de nombreuses informations sur iThème en cliquant ici.</a> N'hésitez pas à y consulter tous les articles présentés, y compris les commentaires des utilisateurs qui contiennent souvent des informations intéressantes.
smartcomment Vous disposez d'une largeur de 495 pixels dans la colonne principale, et de 190 pixels dans chaque colonne de blocs. La colonne de blocs large a, quant à elle, une largeur de 400 pixels.
smartcomment Une image de fond d'écran est automatiquement générée par Viabloga. Cette image (de 1024 X 768 pixels) peut être remplacée par l'image de votre choix. Pour cela, <b>suivez précisément la marche à suivre suivante</b> :<br /><br />Dans le menu "couleurs" (mise en page), choisissez d'abord une couleur de fond d'écran, validez, puis cliquez sur "<b>régénérer les images</b>". Cette couleur va <b>entourer votre image</b>. Créez ou choisissez ensuite une image de votre choix <b>au format JPEG et de taille 1024 (largeur) X 768 pixels (hauteur)</b> (c'est la taille maximale, l'image peut être plus petite, par exemple un simple bandeau). Nommez cette image "itheme.main-bg.jpeg" (très important), puis envoyez-la sur votre blog via votre menu administrateur, onglet "contenu" puis "images". Revenez sur la page d'accueil de votre blog, rafraichissez deux ou trois fois la page si nécessaire, votre image doit maintenant apparaitre en fond de blog.
smartoption affichertitre "Voulez-vous afficher le titre du blog ?" radio oui "Oui" non "Non"
smartoption affichersstitre "Voulez-vous afficher le sous-titre du blog ?" radio oui "Oui" non "Non"
smartoption tailleicones "La taille des icônes" radio petites "Petite" grandes "Grande"
smartoption columns "Configuration des colonnes" radio deuxcol_gauche "Une colonne d'articles - Une colonne de blocs à sa droite" deuxcol_droite "Une colonne d'articles - Une colonne de blocs à sa gauche" deuxcol_grosbloc_gauche "Une colonne d'articles - Une colonne de blocs large à sa droite" deuxcol_grosbloc_droite "Une colonne d'articles - Une colonne de blocs large à sa gauche" deuxcol_grosbloc_droite_fixe "Une colonne d'articles - Une colonne FIXE de blocs large à sa gauche (pas d'effet sur les anciennes versions d'Internet Explorer)" deuxcol_grosbloc_gauche_fixe "Une colonne d'articles - Une colonne FIXE de blocs large à sa droite (pas d'effet sur les anciennes versions d'Internet Explorer)" troiscol_milieu "Une colonne d'articles - Deux colonnes de blocs, une de chaque côté" troiscol_milieu_fixe_2 "Une colonne d'articles - Deux colonnes de blocs, une de chaque côté, dont celle de droite FIXE  (pas d'effet sur les anciennes versions d'Internet Explorer)" troiscol_milieu_fixe_1 "Une colonne d'articles - Deux colonnes de blocs, une de chaque côté, dont celle de gauche FIXE  (pas d'effet sur les anciennes versions d'Internet Explorer)" troiscol_gauche "Une colonne d'articles - Deux colonnes de blocs à droite" troiscol_droite "Une colonne d'articles - Deux colonnes de blocs à gauche" troiscol_gauche_fixe_2 "Une colonne d'articles - Deux colonnes de blocs à droite, dont celle de l'extrême droite FIXE  (pas d'effet sur les anciennes versions d'Internet Explorer)" troiscol_droite_fixe_2 "Une colonne d'articles - Deux colonnes de blocs à gauche, dont celle de l'extrême gauche FIXE  (pas d'effet sur les anciennes versions d'Internet Explorer)"
smartoption afficheronglets "Voulez-vous afficher des onglets ? <b>ATTENTION</b>, la largeur de l'ensemble des onglets ne doit pas dépasser la largeur de la colonne d'articles (sinon, des onglets seront décalés sur la colonne d'articles)." radio nepasafficher "Non" afficher "Oui"
smartoption afficherrecherche "Voulez-vous afficher le bloc de recherche ?" radio oui "Oui" non "Non"
smartcolor background 42afdc Couleur du fond du blog (cette couleur entoure l'image de fond)
smartcolor title fdf8f4 Couleur du titre du blog
smartcolor title_desc 000000 Couleur du sous-titre du blog
smartcolor post_title 333333 Couleur des titres des articles
smartcolor post_subtitle 333333 Couleur des sous-titres des articles
smartcolor text 333333 Couleur du texte des articles
smartcolor sb_text1 333333 Couleur du texte du premier sidebar (partant de gauche à droite)
smartcolor sb_text2 333333 Couleur du texte du deuxième sidebar (partant de gauche à droite)
smartcolor link 0a36be Couleur des liens du blog
smartcolor link_menu ffffff Couleur des liens de la ligne de commandes (contact, écrire un article, etc.)
smartcolor fond_comment 809FFF Couleur de fond des commentaires
smartcolor bar 6e72d2 Couleur de la barre qui sépare le contenu du commentaire et la ligne<br /> d'info du commentaire (auteur, date de publication du commentaire, etc.)
smartcolor fond_article1 fdf8f4 Couleur de fond de l'article, uniquement dans les pages de sommaires <br />(couleur alternée avec la couleur suivante)
smartcolor fond_article2 ffffff Couleur de fond de l'article suivant, uniquement dans les pages de sommaires <br />(couleur alternée avec la couleur précédente)
smartcolor texte_footer ffffff Couleur du texte du bas de page (footer)
smartblocks
pragma niutopia_do_not_display_face_in_comments
pragma html_escape_ampersands
pragma html_quote_urls
pragma html_remove_wrap_virtual_in_textareas
pragma html_best_effort_xhtml
pragma html_remove_empty_table_cells


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<!-- xfn : le standard définissant les "rel" -->
<head profile="http://gmpg.org/xfn/11">

<title><SITE_AND_OR_NEWS_TITLE></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="<SITE_OR_NEWS_DESCRIPTION>" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<SITE_URL>/index.xml" />
<link rel="alternate" type="application/rdf+xml" title="FOAF" href="<SITE_URL>/foaf.rdf" />
<link rel="openid.server" href="<SITE_URL>/cgi-bin/openid_server.pl?site_id=<SITE_ID>" />
<NEWS_LINKS>
<SITE_META_ICBM>


<!-- Définition des macros qui vont générer du code en fonction des blocs choisis par l'utilisateur -->

<define_macro name="sb_start">
	<div class="bloc <arg name="type">">
</define_macro>

<define_macro name="sb_end">
	</div>
	</div>
</define_macro>

<define_macro name="sb_list_start">
	<ul>
</define_macro>

<define_macro name="sb_list_end">
	</ul>
</define_macro>

<define_macro name="sb_title">
	<h3><arg name="title">&#160;</h3>
	<div class="side_content">
</define_macro>

<define_macro name="sb_text">
	<li><arg name="text"> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb_link">
	<li class="listeLiens"><a href="<arg name="url">" class="<arg name="highlight">"><arg name="text"></a> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb_link_link">
	<li class="description"><a href="<arg name="url1">" class="<arg name="highlight">"><arg name="text1"></a> : <a href="<arg name="url2">" class="internal"><arg name="text2"></a> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb_link_text">
	<li><a href="<arg name="url1">"  class="<arg name="highlight">"><arg name="text1"></a> : <arg name="text2"> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb_anything">
	<arg name="anything">
</define_macro>

<!-- Macro spécifique afin d'afficher le bloc 'nav' au dessus des bloc centraux (bloc gris au dessus de chaque bloc de la colonne gauche) -->
<define_macro name="sb.main.top_start">
	<div class="bloc <arg name="type">">
</define_macro>
<define_macro name="sb.main.bottom_start">
	<div class="bloc <arg name="type">">
</define_macro>

<!-- Définition des macros qui vont générer du code permettant l'affichage du menu administrateur (Ecrire un article, contact, etc.) -->

<define_macro name="sb.menu_list_start">
	<ul>
</define_macro>

<define_macro name="sb.menu_list_end">
	</ul>
</define_macro>

<define_macro name="sb.menu_text">
	<li class="page_item <arg name="selected">"><arg name="text"> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb.menu_link">
	<li class="page_item"><a href="<arg name="url">"><arg name="text"></a> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb.menu_link_link">
	<li class="page_item"><a href="<arg name="url1">" class="internal"><arg name="text1"></a> : <a href="<arg name="url2">" class="internal"><arg name="text2"></a> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb.menu_link_text">
	<li class="page_item"><a href="<arg name="url1">"><arg name="text1"></a> : <arg name="text2"> <arg name="extra_text"></li>
</define_macro>

<define_macro name="sb.menu_anything">
	<arg name="anylist">
</define_macro>


<style type="text/css" title="stylePrincipalDansModele">

/*
Theme Name: iTheme
Theme URI: http://www.ndesign-studio.com
Description: WordPress theme N.Design Studio
Version: 1.1
Author: Nick La
Author URI: http://www.ndesign-studio.com

This theme was designed and built by Nick La.

By downloading and using this theme, you agree to the following terms:
- You may NOT resell this theme
- A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute


Adaptation : version 1.2

*/



/* ------------------------------------- CSS servant de base à toutes les pages du blog */

#page {
background-image: url(/images/itheme.main-bg.jpeg);
background-color: transparent;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
color: #<smartcolor text>;
height: auto !important; /* for modern browsers */
height: 800px; /* for IE5.x and IE6 */
min-height: 800px; /* for modern browsers */

}
a {
color: #<smartcolor link>;
text-decoration: none;
}
a:visited {
color: #<smartcolor link>;
}
a:hover {
text-decoration: underline;
}
p {
margin: 0px 0px 15px;
}
img {
border: none;
}
ul
{
margin: 5px 0px 15px;
padding-left: 20px;
}
ul li {
margin: 0px;
}
ol {
margin: 5px 0px 15px;
padding-left: 20px;
}
form {
margin: 0px;
padding: 0px;
}

body {
background: #<smartcolor background> url(/images/itheme.side-bg.gif) repeat-x;
margin: 0px;
padding: 0px;
}

#wrapper {
margin: 0px auto;
position: relative;
}

.rated_news_list a {
display:block;
}


/* ------------------------------------- Zone d'entête             */
/*                                          1. menu administrateur */
/*                                          2. titre               */
/*                                          3. sous-titre          */
/*                                          4. bloc de recherche   */

#header {
height: 120px;
}

/* Titre du blog */
h1 {
position: absolute;
top: 40px;
left: 25px;
color: #<smartcolor title>;
margin: 0px;
padding: 0px;
font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}
h1 a, h1 a:visited {
color: #<smartcolor title>;
text-decoration: none;
}
h1 a:hover {
color: #<smartcolor title_desc>;
text-decoration: none;
}

/* Sous-titre du blog */
.description {
position: absolute;
top: 77px;
left: 25px;
color: #<smartcolor title_desc>;
font: 12px Arial, Helvetica, sans-serif;
}

/* Bloc de recherche */
#searchform {
position: absolute;
top: 0px;
right: 0px;
background: url(/public_images/skins/itheme/searchform-bg.png) no-repeat right bottom;
height: 37px;
width: 210px;
}

/* Bloc de recherche : loupe */
#searchform #searchsubmit {
background: url(/public_images/skins/itheme/search-btn.png) no-repeat left top;
height: 24px;
width: 24px;
border: none;
text-indent: -999%;
line-height: 1px;
margin-top: 6px;
}

/* Bloc de recherche : case */
#searchform input {
margin-left: 5px;
}

/* Bloc de recherche : bordure en relief sur les bords haut et gauche de la case */
#searchform #keyword{
background: #<smartcolor title> url(/public_images/skins/itheme/form-field-bg.gif) no-repeat;
height: 17px;
width: 148px;
margin: 6px 5px 0px 10px;
padding: 3px 7px 2px 5px;
color: #999999;
border: none;
}

/* Menu administrateur : "Ecrire un article, contact, etc." */
#commands a {
color: #<smartcolor link_menu>;
}

/* ------------------------------------- Zone colonne de gauche                          */
/*                                          1. Barre de navigation (liste des rubriques) */
/*                                          2. Article                                   */
/*                                          3. Commentaires                              */
/*                                          4. Navigation dans les articles              */

#main_col {
width: 545px;
margin-top: 11px;
}

/* Barre de navigation affichant les noms de rubriques (sous fond gris avec bulle grise) */
#nav {
<object class=menu id=page_item selected>
background: #2e91c6 url(/public_images/skins/itheme/nav-item-hover.gif) repeat-x ;
color: #ffffff;
</object>
}

/* Bloc de barre de navigation (1 seul bloc dans la barre de navigation, bloc contenant les noms de rubrique) */
#nav ul {
list-style: none;
margin: 0px 0px 0px 25px; /* réglage de la marge gauche à 25px pour que les noms de rubrique ne s'affichent pas sur la bille grise */
padding: 0px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}

/* Réglage de la marge haut d'un nom de rubrique lorsqu'une rubrique est sélectionnée*/
#nav ul li.selected {
padding: 5px 0px 0px 0px;
}
/* Liste des noms de rubrique dans la barre de navigation */
#nav ul li {
margin: 0px 1px 0px 0px;
float: left;
}

#nav ul li a {
padding: 5px 7px 6px 7px;
text-decoration: none;
color: #000000;
display: block;
}

#nav li a:visited {
text-decoration: none;
color: #000000;
}

#nav li a:hover, #nav .current_page_item a {
text-decoration: none;
background: #2e91c6 url(/public_images/skins/itheme/nav-item-hover.gif) repeat-x;
color: #ffffff;
}

/* Contenu de la colonne de gauche */
#content {
padding: 5px 25px 15px 25px;
width: 495px;
background: #ffffff;
clear: both;
overflow: hidden;
}

/* Contenu de la colonne comportant les formulaires */
#content_form {
padding: 5px 25px 15px 25px;
width: 700px;
background: #ffffff;
clear: both;
overflow: hidden;
}

/* Article complet (avec titre, sous-titre, corps de l'article, pied d'article, commande administrateur, commentaires) */
.post {
padding: 0px;
clear: both;
overflow: hidden;
}

/* Fond alterné des articles sur la page d'accueil */
.altaccueil1 {
background: #<smartcolor fond_article1>;
}

.altaccueil2 {
background: #<smartcolor fond_article2>;
}

/* Image de calendrier avec date du jour devant le titre de chaque article */
.post .date {
height: 50px;
width: 45px;
background: url(/images/itheme.calendar.gif) no-repeat;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 10px 0px 0px;
line-height: 100%;
float: left;
}

/* Mois et jour de l'image de calendrier */
.post .date span {
height: 16px;
display: block;
font: normal 10px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 5px;
}

/* Mois et jour de l'image de calendrier */
.post .title {
float: left;
margin-left: 10px;
width: 438px;
}

/* Corps de l'article entre le sous-titre et les commentaires */
.entry {
padding: 2px 0px 5px;
clear: both;
}

#content .wiki_link {
background: url(/public_images/skins/itheme/mot-cle.gif) no-repeat;
padding-left: 15px;
}

/* Titre de l'article */
h2 {
color: #<smartcolor post_title>;
margin: 3px 0px 2px;
padding-bottom: 4px;
font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
border-bottom: dotted 1px #CCCCCC;
}

h2 a, h2 a:visited {
color: #333333;
text-decoration: none;
}

h2 a:hover {
color: #44a1d0;
text-decoration: none;
}

/* Sous-titre de l'article */
h3 {
color: #<smartcolor post_subtitle>;
margin: 5px 0px 5px;
font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}

/* "Articles suivants" et "articles précédents" de la page d'accueil */
.page-nav {
clear: both;
background: url(/public_images/skins/itheme/navigation-bg.gif) no-repeat left center;
height: 21px;
}

.page-nav a, .page-nav a:visited {
color: #ffffff;
text-decoration: none;
}

.page-nav a:hover {
color: #000000;
text-decoration: none;
}

/* "Articles précédents" de la page d'accueil */
.previous-entries a {
float: left;
padding-left: 10px;
margin-left: 10px;
background: url(/public_images/skins/itheme/navigation-left.gif) no-repeat left center;
}

/* "Articles suivants" de la page d'accueil */
.next-entries a {
float: right;
padding-right: 10px;
margin-right: 10px;
background: url(/public_images/skins/itheme/navigation-right.gif) no-repeat right center;
}

/* "Article suivant" et "article précédent" d'une page d'article */
.post-nav {
clear: both;
padding-bottom: 35px;
margin-top: -15px;
font-size: 95%;
}

.post-nav a, .post-nav a:visited {
color: #999999;
text-decoration: none;
}

.post-nav a:hover {
color: #000000;
text-decoration: none;
}

/* "Article précédent" d'une page d'article */
.post-nav .previous a {
float: left;
padding-left: 20px;
background: url(/public_images/skins/itheme/post-nav-previous.gif) no-repeat left center;
}

/* "Article suivant" d'une page d'article */
.post-nav .next a {
float: right;
padding-right: 20px;
text-align: right;
}

/* Arrondi du bas de la colonne des articles */
.fin-colonne {
background: url(/public_images/skins/itheme/content-bottom-bg.png) no-repeat;
}


/* ------------------------------------- Commentaires */
/* Titre de la liste des commentaires */
h3#comments {
background: url(/public_images/skins/itheme/Comments.png) no-repeat;
padding-left: 22px;
font: normal 140%/120% Arial, Helvetica, sans-serif;
clear: both;
}

/* Couleurs alternées entre les commentaires */
.alt1 {
background: #<smartcolor fond_comment 90w> !important;
}

.alt2 {
background: #<smartcolor fond_comment 95w> !important;
}

#comments_title {
padding: 5px 0px 4px 8px;
font-size: 14px;
padding-left: 8px;
margin-bottom: 30px;
}

/* Le contenu du commentaire */
.comment_content {
padding: 8px;
padding-left:8px;
padding-right: 8px;
}

.comment_face {
float: left;
margin-bottom: 5px;
margin-right: 5px;
}

/* ------------------------------------- Zone de bas de page */
#footer {
text-align: center;
clear: both; /* indique que le footer se place en-dessous de tous les éléments flottants */
padding: 10px 0px 0px 10px;
font-size: 87%;
color: #ffffff;
}

#footer a, #footer a:visited {
text-decoration: none;
color: #<smartcolor texte_footer>;
}

#footer a:hover {
text-decoration: underline;
}

/* ------------------------------------- Les blocs de droite */
#sidebar {
<object class=location id==form>
	display:none;
</object>
width: 210px;
color: #666666;
line-height: 160%;
}

#sidebar p {
margin: 0px 0px 15px;
}

#sidebar h2 {
padding-top: 6px;
padding-left: 5px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}

#sidebar h3 {
margin-top: 1px;
padding-top: 16px;
padding-left: 5px;
padding-bottom: 10px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
background: transparent url(/public_images/skins/itheme/sidep-handle.png) no-repeat;
color: #666666;
}

#sidebar h3 a, #sidebar h3 a:visited {
color: #666666;
}

#sidebar h3 img {
vertical-align: middle;
}

#sidebar a, #sidebar a:visited {
color: #<smartcolor link>;
text-decoration: none;
}

#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
text-decoration: underline;
}

#sidebar ul {
margin-top: 11px;
list-style: none;
padding: 0px;
}

#sidebar ul li {
background: url(/public_images/skins/itheme/mini-star.gif) no-repeat;
padding-left: 18px;
}

#sidebar ul li ul li {
background: url(/public_images/skins/itheme/bullet-grey.gif) no-repeat;
padding-left: 12px;
}

#sidebar .side_content {
margin-top: -5pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;padding: 5px 10px 9px 10px;
color: #<smartcolor sb_text1>;
background: url(/public_images/skins/itheme/sidep-bottom.png) no-repeat 0 100%;
overflow: hidden;
}

/* Puce spécifique au bloc "Derniers commentaires" */
#sidebar .last_comments li {
background: url(/public_images/skins/itheme/mini-crayon.gif) no-repeat;
}

/* Puce spécifique au bloc "Archive par mois" */
#sidebar .archive_months li {
background: url(/public_images/skins/itheme/mini-archive.gif) no-repeat;
}

/* Puce spécifique au bloc "Catégories" */
#sidebar .categories li {
background: url(/public_images/skins/itheme/mini-rubrique2.gif) no-repeat;
}

/* Puce spécifique au bloc "Archive" */
#sidebar .archive_categories li {
background: url(/public_images/skins/itheme/mini-archive-rubrique.gif) no-repeat;
}

/* Puce spécifique au bloc "Mots clés" */
#sidebar .display_keywords li {
background: url(/public_images/skins/itheme/mot-cle.gif) no-repeat;
}

/* Puce spécifique au bloc "Discussion active" */
#sidebar .active_summaries li {
background: url(/public_images/skins/itheme/mini-comment.gif) no-repeat;
}

/* Puce spécifique au bloc "Texte" */
#sidebar .display_texts li {
background: url(/public_images/skins/itheme/mini-index.gif) no-repeat;
}

#sidebar .display_users_with_keywords li {
background: url(/public_images/skins/itheme/author-13px.png) no-repeat;
}

#sidebar .calendarDayLinked {
background-color: #<smartcolor background>;
}

/* ------------------------------------- Les blocs de gauche */
#sidebar_bis {
<object class=location id==form>
	display:none;
</object>
width: 210px;
color: #666666;
line-height: 160%;
}

#sidebar_bis p {
margin: 0px 0px 15px;
}

#sidebar_bis h2 {
padding-top: 6px;
padding-left: 5px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}

#sidebar_bis h3 {
margin-top: 1px;
padding-top: 16px;
padding-left: 5px;
padding-bottom: 10px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
background: transparent url(/public_images/skins/itheme/sidep-handle.png) no-repeat;
color: #666666;
}

#sidebar_bis h3 a, #sidebar_bis h3 a:visited {
color: #666666;
}

#sidebar_bis h3 img {
vertical-align: middle;
}

#sidebar_bis a, #sidebar_bis a:visited {
color: #<smartcolor link>;
text-decoration: none;
}

#sidebar_bis a:hover, #sidebar_bis a:focus, #sidebar_bis a:active {
text-decoration: underline;
}

#sidebar_bis ul {
margin-top: 11px;
list-style: none;
padding: 0;
}

#sidebar_bis ul li {
background: url(/public_images/skins/itheme/mini-star.gif) no-repeat;
padding-left: 18px;
}

#sidebar_bis ul li ul li {
background: url(/public_images/skins/itheme/bullet-grey.gif) no-repeat;
padding-left: 12px;
}

#sidebar_bis .side_content {
color: #<smartcolor sb_text2>;
margin-top: -5pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding: 5px 10px 9px 10px;
background: url(/public_images/skins/itheme/sidep-bottom.png) no-repeat 0 100%;
overflow: hidden;
}

#sidebar_bis .last_comments li {
background: url(/public_images/skins/itheme/mini-crayon.gif) no-repeat;
}

#sidebar_bis .archive_months li {
background: url(/public_images/skins/itheme/mini-archive.gif) no-repeat;
}

#sidebar_bis .categories li {
background: url(/public_images/skins/itheme/mini-rubrique2.gif) no-repeat;
}

#sidebar_bis .archive_categories li {
background: url(/public_images/skins/itheme/mini-archive-rubrique.gif) no-repeat;
}

#sidebar_bis .display_keywords li {
background: url(/public_images/skins/itheme/mot-cle.gif) no-repeat;
}

#sidebar_bis .active_summaries li {
background: url(/public_images/skins/itheme/mini-comment.gif) no-repeat;
}

#sidebar_bis .display_texts li {
background: url(/public_images/skins/itheme/mini-index.gif) no-repeat;
}

#sidebar_bis .display_users_with_keywords li {
background: url(/public_images/skins/itheme/author-13px.png) no-repeat;
}

#sidebar_bis .calendarDayLinked {
background-color: #<smartcolor background>;
}

/* ------------------------------------- Les blocs larges */
#sidebar_lrg {
<object class=location id==form>
	display:none;
</object>
width: 420px;
color: #666666;
line-height: 160%;
margin-top: 11px;
}

#sidebar_lrg p {
margin: 0px 0px 15px;
}

#sidebar_lrg h2 {
padding-top: 6px;
padding-left: 5px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
}

#sidebar_lrg h3 {
margin-top: 1px;
padding-top: 5px;
padding-left: 30px;
padding-bottom: 10px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
background: transparent url(/public_images/skins/itheme/large-content-top-bg.png) no-repeat;
color: #666666;
}

#sidebar_lrg h3 a, #sidebar_lrg h3 a:visited {
color: #666666;
}

#sidebar_lrg h3 img {
vertical-align: middle;
}

#sidebar_lrg a, #sidebar_lrg a:visited {
color: #<smartcolor link>;
text-decoration: none;
}

#sidebar_lrg a:hover, #sidebar_lrg a:focus, #sidebar_lrg a:active {
text-decoration:underline;
}

#sidebar_lrg ul {
margin-top: 11px;
list-style: none;
padding: 0px;
}

#sidebar_lrg ul li {
background: url(/public_images/skins/itheme/mini-star.gif) no-repeat;
padding-left: 18px;
}

#sidebar_lrg ul li ul li {
background: url(/public_images/skins/itheme/bullet-grey.gif) no-repeat;
padding-left: 12px;
}

#sidebar_lrg .side_content {
color: #<smartcolor sb_text1>;
margin-top: -5pt;
margin-right: 0pt;
margin-bottom: 10pt;
margin-left: 0pt;
padding: 5px 10px 9px 10px;
background: url(/public_images/skins/itheme/sidep-bottom-large.png) no-repeat 0 100%;
overflow: hidden;
}

#sidebar_lrg .last_comments li {
background: url(/public_images/skins/itheme/mini-crayon.gif) no-repeat;
}

#sidebar_lrg .archive_months li {
background: url(/public_images/skins/itheme/mini-archive.gif) no-repeat;
}

#sidebar_lrg .categories li {
background: url(/public_images/skins/itheme/mini-rubrique2.gif) no-repeat;
}

#sidebar_lrg .archive_categories li {
background: url(/public_images/skins/itheme/mini-archive-rubrique.gif) no-repeat;
}

#sidebar_lrg .display_keywords li {
background: url(/public_images/skins/itheme/mot-cle.gif) no-repeat;
}

#sidebar_lrg .active_summaries li {
background: url(/public_images/skins/itheme/mini-comment.gif) no-repeat;
}

#sidebar_lrg .display_texts li {
background: url(/public_images/skins/itheme/mini-index.gif) no-repeat;
}

#sidebar_lrg .display_users_with_keywords li {
background: url(/public_images/skins/itheme/author-13px.png) no-repeat;
}

#sidebar_lrg .calendarDayLinked {
background-color: #<smartcolor background>;
}

/* ------------------------------------- Le bloc central au dessus et en dessous des articles*/
.sbtop {
width: 545px;
}

.sbtop h3 {
background: transparent url(/public_images/skins/itheme/content-top-bg.png) no-repeat;
margin-top: 1px;
padding-top: 6px;
padding-bottom: 10px;
padding-left: 30px;
font: bold 12px/100% Arial, Helvetica, sans-serif;
color: #666666;
}

.sbtop .side_content {
margin-top: -5pt;
margin-right: 0pt;
margin-bottom: 10pt;
margin-left: 0pt;
padding: 5px 10px 9px 10px;
background: transparent url(/public_images/skins/itheme/sidep-bottom-grand.png) no-repeat;
overflow: hidden;
}

/* Le bloc contenant les étoiles de notations */
.bloc_rating {
padding-top: 7px;
}

/* Alignement au centre des nuages de mots clés */
.keywords_cloud {
text-align: center;
}

</style>

<!-- FIX le 27-03-2008                                                              -->
<!-- pour tests, le href ancien : /public_images/skins/itheme/nomdufichier.css      -->
<!--            a été changé en : /files/nomdufichier.css                           -->
<if_option columns==deuxcol_gauche><link href="/files/deuxcol_gauche.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==deuxcol_droite><link href="/files/deuxcol_droite.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==deuxcol_grosbloc_gauche><link href="/files/deuxcol_grosbloc_gauche.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==deuxcol_grosbloc_droite><link href="/files/deuxcol_grosbloc_droite.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_milieu><link href="/files/troiscol_milieu.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_milieu_fixe_2><link href="/files/troiscol_milieu_fixe_2.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_milieu_fixe_1><link href="/files/troiscol_milieu_fixe_1.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_gauche><link href="/files/troiscol_gauche.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_gauche_fixe_2><link href="/files/troiscol_gauche_fixe_2.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_droite><link href="/files/troiscol_droite.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==troiscol_droite_fixe_2><link href="/files/troiscol_droite_fixe_2.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==deuxcol_grosbloc_droite_fixe><link href="/files/deuxcol_grosbloc_droite_fixe.css" rel="stylesheet" type="text/css" /></if_option>
<if_option columns==deuxcol_grosbloc_gauche_fixe><link href="/files/deuxcol_grosbloc_gauche_fixe.css" rel="stylesheet" type="text/css" /></if_option>

<!--[if lte IE 6]><link href="/public_images/skins/itheme/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
<!--[if IE 7]><link href="/public_images/skins/itheme/ie7-firefox.css" rel="stylesheet" type="text/css" /><![endif]-->
<![if !IE]><link href="/public_images/skins/itheme/ie7-firefox.css" rel="stylesheet" type="text/css" /><![endif]>

</head>

<body>

<div id="page">


	<!--       Toute la page : L'entête (header), les colonnes de gauche et de droite et le pied (footer)       -->
	<div id="wrapper">

		<!--                    -->
		<!--      L'entête      -->
		<!--                    -->

		<div id="header">

			<!-- Affichage de favicon -->
			<link rel="icon" href="/images/favicon.gif" />
			<link rel="shortcut icon" href="/images/favicon.gif" />

			<!-- Affichage du menu administrateur "Ecrire un article", "Contact", etc -->
			<div id="commands">
			<SITE_COMMANDS>
			</div>

			<!-- Titre de la page : Lien pour retouner sur la page principale -->
			<if_option affichertitre==oui>
				<h1>
					<a href="/" title="Retour à la page principale"><SITE_TITLE></a>
				</h1>
			</if_option>

			<!-- Description du site sous le titre -->
			<if_option affichersstitre==oui>
				<div class="description">
					<SITE_DESCRIPTION>
				</div>
			</if_option>

			<!-- Affichage du bloc de recherche en dur (loupe) -->
			<if_option afficherrecherche==oui>
				<form method="post" id="searchform" action="/cgi-bin/display_index.pl" enctype="multipart/form-data">
					<div>
						<input name="site_id" value="<SITE_ID>" type="hidden"/>
						<input name="category_id" value="_news" type="hidden"/>
						<input name="keyword" id="keyword" size="24" type="text"/>
						<input name=".submit" id="searchsubmit" value="Chercher" type="submit"/>
					</div>
				</form>
			</if_option>
		</div>
		<!--       Header      -->
		<!-- Si on n'est pas dans une page de type formulaire -->
		<object class=location id!=form>
			<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située à droite -->
			<if_option columns==troiscol_droite>
				<!-- Affichage de la colonne de droite -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
				<div id="sidebar_bis">

					<smartblocks sb.col.right.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située à droite, et le sidebar d'extrême gauche FIXE -->
			<if_option columns==troiscol_droite_fixe_2>
				<!-- Affichage de la colonne de gauche fixe -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
				<!-- Affichage de la deuxième colonne de gauche -->
				<div id="sidebar_bis">

					<smartblocks sb.col.right.*>

				<!-- Fin de sidebar_bis -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en deux colonnes avec la colonne des articles située à droite -->
			<if_option columns==deuxcol_droite>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en deux colonnes dont une large, avec la colonne des articles située à droite -->
			<if_option columns==deuxcol_grosbloc_droite>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar_lrg">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en deux colonnes dont une large FIXE, avec la colonne des articles située à droite -->
			<if_option columns==deuxcol_grosbloc_droite_fixe>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar_lrg">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu -->
			<if_option columns==troiscol_milieu>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu, et le sidebar de droite FIXE -->
			<if_option columns==troiscol_milieu_fixe_2>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>

			<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu, et le sidebar de gauche FIXE -->
			<if_option columns==troiscol_milieu_fixe_1>
				<!-- Affichage de bloc gauche -->
				<div id="sidebar">

					<smartblocks sb.col.left.*>

				<!-- Fin de sidebar -->
				</div>
			</if_option>
		</object> <!-- Fin de "si on n'est pas dans une page de type formulaire" -->

		<!--                    -->
		<!--       Objets       -->
		<!--                    -->
		<!-- Affichage de la colonne de gauche : main_col -->

		<!-- Si on est dans une page de type formulaire -->
		<object class=location id==form>
			<!-- Le contenu de la colonne principale des formulaires (Ecrire un article, Ecrire un commentaire, ... -->
			<div id="content_form">
				<object class=form>
					<attribute administrator_menu>
					<h2><attribute title></h2>
					<attribute html>
					<attribute textarea_toolbar>
				</object>

				<!-- Code permettant d'afficher le texte de l'article auquel on répond dans un formulaire -->
				<object class=news>
					<!-- Classe article -->
					<div class="post">

						<br/><br/>
						<!-- Affichage du calendrier -->
						<if_attribute display_article_published_t==on>
							<div class="date">
								<span><attribute published_t.mon> <attribute published_t.yy></span>
								<attribute published_t.dd>
							</div>
						</if_attribute>

						<!-- Affichage du titre de l'article -->
						<h2 class="post-title">
							<!-- Imprimante -->
							<if_attribute display_article_print_icon==on>
							<a href="<attribute print_url>" title="Version imprimable" target="_blank">
								<img src="/public_images/skins/itheme/printer-1.gif" border="0" align="right" alt="Version imprimable"/>
							</a>
							</if_attribute>
							<a href="<attribute news_url>">
								<attribute title>
							</a>
						</h2>

						<!-- Affichage du sous-titre de l'article -->
						<if_attribute display_article_sub_title==on>
							<if_attribute sub_title!=>
								<h3><attribute sub_title></h3>
							</if_attribute>
							<if_attribute sub_title==>
								<br />
							</if_attribute>
						</if_attribute>
						<if_attribute display_article_sub_title!=on>
							<br />
						</if_attribute>

						<!-- Affichage des étoiles de notation -->
						<if_attribute rating==1>
							<div class="bloc_rating">
								<attribute rating_bar>
							</div>
						</if_attribute>

						<!-- Contenu de l'article entre le sous-titre et les commentaires -->
						<div class="entry">

							<!-- Code d'insertion des grandes images -->
							<if_attribute image_url!=>
							<div class="image">
								<if_attribute image_original_size_url==>
									<img src="<attribute image_url>" alt="<attribute image_legend>" />
								</if_attribute>
								<if_attribute image_original_size_url!=>
									<a href="<attribute image_original_size_url>" target="_blank" title="<attribute image_legend> -- Cliquez pour voir l'image en entier">
									<img src="<attribute image_url>" alt="<attribute image_legend> -- Cliquez pour voir l'image en entier" border="0" />
								</a>
								</if_attribute>
							</div> <!-- /image -->
							</if_attribute>

							<p>
								<!-- Corps de l'article -->
								<attribute text>
								<!-- Commande administrateur de modification d'article -->
								<a href="<attribute author_url>">
									<attribute cmd>
									<!--
									Date de dernière modification de l'article
									<if_attribute display_article_modified_t==on>
										| <span><attribute modified_t.dd>/<attribute modified_t.mm>/<attribute modified_t.yyyy> <attribute modified_t.hh>:<attribute modified_t.mi></span>
									</if_attribute>
									-->
								</a>
							</p>
						<!-- Fin de contenu de l'article -->
						</div>
					<!-- Fin de classe article -->
					</div>
				</object>

				<!-- Code permettant d'afficher le commentaire auquel on répond dans un formulaire -->
				<object class=comments>
					<a id="comments"></a>
					<br/><br/>
					<h3 id="comments_title">Commentaires</h3>

					<object class=comment count=1000>

						<div style="margin-left: <attribute position+1>em;line-height:1.2;">
						<div class="comment<if_attribute count%2=1> alt1</if_attribute><if_attribute count%2=0> alt2</if_attribute><if_attribute new_comment==true> newcomment</if_attribute>">
							<a id="comment_<attribute id>"></a>
							<h3><if_attribute parent_id!=><a href="#comment_<attribute parent_id>" title="Commentaire auquel ce commentaire répond">&larr;</a> </if_attribute><a href="#comment_<attribute id>"><attribute title></a></h3>

							<p class="comment_content">
								<if_attribute display_face==true>
									<if_attribute author_image_auto_available=true>
										<img src="<attribute author_image_auto>" class="comment_face" alt="<attribute author>" width="<SITE_FACE_WIDTH>" height="<SITE_FACE_HEIGHT>" />
									</if_attribute>
								</if_attribute>
								<attribute text>
							</p>

							<p style="clear:both;margin:0px;padding:0px;">&nbsp;</p>
						</div>
						<br/>
						</div>
					</object>

				<!-- Fin de la classe "comments" -->
				</object>
			</div> <!-- Fin classe content_form -->
		</object> <!-- Fin de si on est dans une page de type formulaire -->

		<!-- Si on n'est pas dans une page de type formulaire -->
		<object class=location id!=form>
			<div id="main_col">

				<!-- Le bloc central au dessus des articles -->
				<div class="sbtop">
					<!-- Permet l'affichage du bloc central au dessus des articles -->
					<smartblocks sb.main.top.*>
				</div>

				<!-- Affichage des onglets (rubriques) -->
				<div id="nav">
					<if_option afficheronglets==afficher>
						<smartblocks sb.menu>
					</if_option>
				</div>

				<!-- Le contenu de la colonne principale -->
				<div id="content">

					<object class=error_message>
						<p><attribute text></p>
						<attribute html>
					</object>

					<object class=message>
						<p><attribute text></p>
						<attribute html>
					</object>

					<object class=form>
						<attribute administrator_menu>
						<h2><attribute title></h2>
						<attribute html>
						<attribute textarea_toolbar>
					</object>

					<object class=text>
						<div class="news">
							<if_attribute title!=><h3><attribute title></h3></if_attribute>
							<if_attribute display_text_print_icon==on>
							<a href="<attribute print_url>" title="Version imprimable" target="_blank">
								<img src="/public_images/skins/itheme/printer-1.gif" border="0" alt="Version imprimable"/>
							</a>
							</if_attribute>

							<p><attribute text></p>
							<attribute html>
						</div>
						<attribute cmd>
					</object>

					<object class=archive>
					  <h2><attribute month_year_string></h2>
					  <h3><attribute nb_news_string></h3>
					  <p>Trier par : <attribute sort_by_date>, <attribute sort_by_title></p>
					  <ul>
						  <object class=archive_entry count=100000>
							<li><attribute date_and_title_and_link></li>
						  </object>
					  </ul>
					</object>

					<object class=list>
						<h2><attribute title></h2>
						<attribute html>
						<attribute cmd>
					</object>

					<!--                    -->
					<!-- Page principale et  -->
					<!-- pages de rubriques -->
					<!--                    -->

					<!-- Les articles -->
					<object class=summaries>
						<!-- Seuls les 16 derniers articles sont affichés sur une page -->
						<object class=summary count=16>

							<!-- Classe article -->

							<div class="post<if_attribute count%2=1> altaccueil1</if_attribute><if_attribute count%2=0> altaccueil2</if_attribute>">

								<!-- Affichage du calendrier -->
								<if_attribute display_article_published_t==on>
									<div class="date">
										<span><attribute published_t.mon> <attribute published_t.yy></span>
										<attribute published_t.dd>
									</div>
								</if_attribute>

								<!-- Affichage du titre de l'article -->
								<h2 class="post-title">
									<!-- imprimante -->
									<if_attribute display_article_print_icon==on>
									<a href="<attribute print_url>" title="Version imprimable" target="_blank">
									<if_option tailleicones==grandes>
										<img src="/public_images/skins/itheme/printer-1.gif" border="0" align="right" alt="Version imprimable"/>
										</if_option>
									<if_option tailleicones==petites>
										<img src="/public_images/skins/itheme/icone-imprimante-petit.gif" border="0" align="right" alt="Version imprimable"/>
										</if_option>
									</a>
									</if_attribute>
									<a href="<attribute news_url>">
										<attribute title>
									</a>
								</h2>

								<!-- Affichage du sous-titre de l'article -->
								<if_attribute display_article_sub_title==on>
									<if_attribute sub_title!=>
										<h3><attribute sub_title></h3>
									</if_attribute>
									<if_attribute sub_title==>
										<br />
									</if_attribute>
								</if_attribute>
								<if_attribute display_article_sub_title!=on>
									<br />
								</if_attribute>

								<!-- Affichage des étoiles de notation -->
								<if_attribute rating==1>
									<div class="bloc_rating">
										<attribute rating_bar>
									</div>
								</if_attribute>

								<!-- Contenu de l'article entre le sous-titre et les commentaires -->
								<div class="entry">

									<!-- Code d insertion des grandes images -->
									<if_attribute image_url!=>
										<div class="image">
										<if_attribute image_original_size_url==>
											<img src="<attribute image_url>" alt="<attribute image_legend>" />
										</if_attribute>
										<if_attribute image_original_size_url!=>
										<a href="<attribute image_original_size_url>" target="_blank" title="<attribute image_legend> -- Cliquez pour voir l'image en entier">
											<img src="<attribute image_url>" alt="<attribute image_legend> -- Cliquez pour voir l'image en entier" border="0" />
										</a>
										</if_attribute>
										<!-- image -->
										</div>
									</if_attribute>

									<p>
										<!-- Corps de l'article -->
										<attribute text>
										<!-- Commande administrateur de modification d'article -->
										<a href="<attribute author_url>">
											<attribute cmd>
											<!--
											date de dernière modification de l'article
											<if_attribute display_article_modified_t==on>
												| <span><attribute modified_t.dd>/<attribute modified_t.mm>/<attribute modified_t.yyyy> <attribute modified_t.hh>:<attribute modified_t.mi></span>
											</if_attribute>
											-->
										</a>
									</p>

									<!-- Pied de l'article (auteur, date, etc.) -->
									<div class="postfoot" align="center">

										<!-- Classe : nom de l'auteur de l'article, nombre de commentaires, ... -->
										<p class="postmetadata">

											<!-- L'auteur -->
											<if_attribute display_article_author==on>
												<a href="<attribute author_url>" title="Auteur de l'article">
													<if_option tailleicones==petites>
														<img src="/public_images/skins/itheme/petit-author.gif" border="0" align="middle" alt="Auteur de l'article"/>
													</if_option>
													<if_option tailleicones==grandes>
														<img src="/public_images/skins/itheme/author-2.png" border="0" align="middle" alt="Auteur de l'article"/>
													</if_option>
												</a>
												<a href="<attribute author_url>">
													<attribute author_signature>
												</a>
											</if_attribute>

											<!-- Rubrique -->
											<if_attribute display_article_category==on>
												<a href="<attribute category_url>" title="Rubrique">
													<if_option tailleicones==petites>
														<img src="/public_images/skins/itheme/petit-Rubrique-100.gif" border="0" align="middle" alt="Rubrique"/>
													</if_option>
													<if_option tailleicones==grandes>
														<img src="/public_images/skins/itheme/Rubrique-100-2.png" border="0" align="middle" alt="Rubrique"/>
													</if_option>
												</a>
												<span class="catr">
													<a href="<attribute category_url>" title="Rubrique <attribute category>" rel="category tag"><attribute category></a>
												</span>
											</if_attribute>

											<!-- Nombre de commentaires -->
											<if_attribute display_article_comments==on>
												<a href="<attribute news_url>" title="Nombre de commentaires">
													<if_option tailleicones==petites>
														<img src="/public_images/skins/itheme/petit-nombre-commentaires.gif" border="0" align="middle" alt="Nombre de commentaires"/>
													</if_option>
													<if_option tailleicones==grandes>
														<img src="/public_images/skins/itheme/nombre-commentaires2.png" border="0" align="middle" alt="Nombre de commentaires"/>
													</if_option>
												</a>
												<span class="commr">
													<a href="<attribute news_url>#comments">
													<if_attribute nb_comments=0>0 commentaires </if_attribute><if_attribute nb_comments=1>1 commentaire</if_attribute>
													<if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute></a>
													<if_attribute new_comments==true>(N)</if_attribute>
												</span>
											</if_attribute>

											<!-- Affichage du nombre de fois où l'article a été lu -->
											<if_attribute display_article_page_views==on>
												<!-- Affichage optionnel des icônes : petit ou grand -->
												<if_option tailleicones==petites>
													<img src="/public_images/skins/itheme/petit-nombre-lectures.gif" border="0" align="middle" alt="Nombre de lectures">
												</if_option>
												<if_option tailleicones==grandes>
													<img src="/public_images/skins/itheme/nombre-lectures.png" border="0" align="middle" alt="Nombre de lectures">
												</if_option>
												<span>
													<a>Lu <attribute page_views> fois</a>
												</span>
											</if_attribute>
											<!-- Fin de la classe postmetadata -->
										</p>
									<!-- Fin de la classe postfoot -->
									</div>
								<!-- Fin de la classe entry (contenu de l'article) -->
								</div>
							<!-- Fin de la classe post (article) -->
							</div>
							<br /><br />
						<!-- Fin de la classe summary count -->
						</object>
					<!-- Fin de la classe summary -->
					</object>


					<!-- Lien vers les articles précédents s'il y en a moins de 16 d'affichés sur la page -->
					<object class=summary_continued>
						<p id="suite">
						<div align="center">
							<a href="<attribute url>" title="Articles précédents" >
								<!--[if lte IE 6]><img src="/public_images/skins/itheme/page-suivante.gif" border="0" align="center" alt="Articles suivants"/><![endif]-->
								<!--[if IE 7]><img src="/public_images/skins/itheme/page-suivante.png" border="0" align="center" alt="Articles suivants"/><![endif]-->
								<![if !IE]><img src="/public_images/skins/itheme/page-suivante.png" border="0" align="center" alt="Articles suivants"/><![endif]>
							</a>
							<a href="<attribute url>"><h3>Articles précédents</h3></a>
						</div><br /><br />
					</object>
					</p>
					<!--       Fin page principale et des pages de rubriques       -->


					<!--                    -->
					<!-- Page d'un article  -->
					<!--                    -->
					<object class=news>
						<!-- Classe article -->
						<div class="post">

							<!-- Affichage du calendrier -->
							<if_attribute display_article_published_t==on>
								<div class="date">
									<span><attribute published_t.mon> <attribute published_t.yy></span>
									<attribute published_t.dd>
								</div>
							</if_attribute>

							<!-- Affichage du titre de l'article -->
							<h2 class="post-title">
								<!-- Imprimante -->
								<if_attribute display_article_print_icon==on>
								<a href="<attribute print_url>" title="Version imprimable" target="_blank">
									<img src="/public_images/skins/itheme/printer-1.gif" border="0" align="right" alt="Version imprimable"/>
								</a>
								</if_attribute>
								<a href="<attribute news_url>">
									<attribute title>
								</a>
							</h2>

							<!-- Affichage du sous-titre de l'article -->
							<if_attribute display_article_sub_title==on>
								<if_attribute sub_title!=>
									<h3><attribute sub_title></h3>
								</if_attribute>
								<if_attribute sub_title==>
									<br />
								</if_attribute>
							</if_attribute>
							<if_attribute display_article_sub_title!=on>
								<br />
							</if_attribute>

							<!-- Affichage des étoiles de notation -->
							<if_attribute rating==1>
								<div class="bloc_rating">
									<attribute rating_bar>
								</div>
							</if_attribute>

							<!-- Contenu de l'article entre le sous-titre et les commentaires -->
							<div class="entry">

								<!-- Code d'insertion des grandes images -->
								<if_attribute image_url!=>
								<div class="image">
									<if_attribute image_original_size_url==>
										<img src="<attribute image_url>" alt="<attribute image_legend>" />
									</if_attribute>
									<if_attribute image_original_size_url!=>
										<a href="<attribute image_original_size_url>" target="_blank" title="<attribute image_legend> -- Cliquez pour voir l'image en entier">
										<img src="<attribute image_url>" alt="<attribute image_legend> -- Cliquez pour voir l'image en entier" border="0" />
									</a>
									</if_attribute>
								</div> 
								<!-- /image -->
								</if_attribute>

								<p>
									<!-- Corps de l'article -->
									<attribute text>
									<!-- Commande administrateur de modification d'article -->
									<a href="<attribute author_url>">
										<attribute cmd>
										<!--
										date de dernière modification de l'article
										<if_attribute display_article_modified_t==on>
											| <span><attribute modified_t.dd>/<attribute modified_t.mm>/<attribute modified_t.yyyy> <attribute modified_t.hh>:<attribute modified_t.mi></span>
										</if_attribute>
										-->
									</a>
								</p>

								<!-- Pied de l'article (auteur, date, etc.) -->
								<div class="postfoot" align="center">

									<!-- Classe : nom de l'auteur de l'article, nombre de commentaires, ... -->
									<p class="postmetadata">

										<!-- L'auteur -->
										<if_attribute display_article_author==on>
											<a href="<attribute author_url>" title="Auteur de l'article">
												<if_option tailleicones==petites><img src="/public_images/skins/itheme/petit-author.gif" border="0" align="middle" alt="Auteur de l'article"/></if_option>
												<if_option tailleicones==grandes><img src="/public_images/skins/itheme/author-2.png" border="0" align="middle" alt="Auteur de l'article"/></if_option>
											</a>
											<a href="<attribute author_url>">
												<attribute author_signature>
											</a>
										</if_attribute>

										<!-- Rubrique -->
										<if_attribute display_article_category==on>
											<a href="<attribute category_url>" title="Rubrique">
												<if_option tailleicones==petites>
													<img src="/public_images/skins/itheme/petit-Rubrique-100.gif" border="0" align="middle" alt="Rubrique"/>
												</if_option>
												<if_option tailleicones==grandes>
													<img src="/public_images/skins/itheme/Rubrique-100-2.png" border="0" align="middle" alt="Rubrique"/>
												</if_option>
											</a>
											<!-- Rubrique -->
											<span class="catr">
												<a href="<attribute category_url>" title="Rubrique <attribute category>" rel="category tag"><attribute category></a>
											</span>
										</if_attribute>

										<!-- Nombre de commentaires -->
										<if_attribute display_article_comments==on>
											<a href="<attribute news_url>" title="Nombre de commentaires">
												<if_option tailleicones==petites>
													<img src="/public_images/skins/itheme/petit-nombre-commentaires.gif" border="0" align="middle" alt="Nombre de commentaires"/>
												</if_option>
												<if_option tailleicones==grandes>
													<img src="/public_images/skins/itheme/nombre-commentaires2.png" border="0" align="middle" alt="Nombre de commentaires"/>
												</if_option>
											</a>
											<span class="commr">
												<a href="<attribute news_url>#comments">
												<if_attribute nb_comments=0>0 commentaires </if_attribute><if_attribute nb_comments=1>1 commentaire</if_attribute>
												<if_attribute nb_comments!<1><attribute nb_comments> commentaires</if_attribute></a>
												<if_attribute new_comments==true>(N)</if_attribute>
											</span>
										</if_attribute>

										<if_attribute display_article_page_views==on>
											<!-- Affichage optionnel des icônes : petits ou grands -->
											<if_option tailleicones==petites>
												<img src="/public_images/skins/itheme/petit-nombre-lectures.gif" border="0" align="middle" alt="Nombre de lectures">
											</if_option>
											<if_option tailleicones==grandes>
												<img src="/public_images/skins/itheme/nombre-lectures.png" border="0" align="middle" alt="Nombre de lectures">
											</if_option>
											<span>
												<a>Lu <attribute page_views> fois</a>
											</span>
										</if_attribute>

										<!-- Fin de la classe postmetadata -->
										</p>
										<table cellpadding="5" align="center">
											<tr>
											<object class=news_previous>
											  <td>

												<a href="<attribute url>" title="Article pr&eacute;c&eacute;dent">
													<if_option tailleicones==petites>
														<img src="/public_images/skins/itheme/petit-back.gif" border="0" align="right" alt="Article pr&eacute;c&eacute;dent"/>
													</if_option>
													<if_option tailleicones==grandes>
														<img src="/public_images/skins/itheme/back.png" border="0" align="right" alt="Article pr&eacute;c&eacute;dent"/>
													</if_option>
												</a>
											  </td>

											  <td>
												<!-- Lien vers article précédent -->
													<a href="<attribute url>" title="precedent">Article pr&eacute;c&eacute;dent</a>

											  </td>
											  </object>
											  <td>
												<!-- Lien "Commenter" si les commentaires sont autorisés -->
												<if_attribute reply_to_url!=>
													<td>
														<a href="<attribute reply_to_url>" title="Commenter">
															<img src="/public_images/skins/itheme/comments2.png" border="0" alt="Commenter"/>
														</a>
													</td>
													<td>
														<a href="<attribute reply_to_url>">Commenter</a>
													</td>
												</if_attribute>
											  </td>
											  <object class=news_next>
											  <td>
												<!-- Lien vers article suivant -->

													<a href="<attribute url>" title="suivant">Article suivant</a>
											  </td>
											  <td>
												<a href="<attribute url>" title="Article suivant">

													<if_option tailleicones==petites>
														<img src="/public_images/skins/itheme/petit-forward.gif" border="0" align="right" alt="Article suivant"/>
													</if_option>
													<if_option tailleicones==grandes>
														<img src="/public_images/skins/itheme/forward.png" border="0" align="right" alt="Article suivant"/>
													</if_option>
												</a>
											  </td>
											  </object>
											</tr>
										</table>
									</div> <!-- Fin classe postfoot -->
								</div> <!-- Fin classe entry -->
							</div> <!-- Fin classe post -->
						<!-- Fin page d'un article -->
						</object>


						<!-- Objet permettant de gérer les commentaires -->
						<object class=comments>
							<a id="comments"></a>
							<h3 id="comments_title">Commentaires</h3>

							<object class=comment count=1000>

								<div style="margin-left: <attribute position+1>em;line-height:1.2;">
								<div class="comment<if_attribute count%2=1> alt1</if_attribute><if_attribute count%2=0> alt2</if_attribute><if_attribute new_comment==true> newcomment</if_attribute>">
									<a id="comment_<attribute id>"></a>
									<h3><if_attribute parent_id!=><a href="#comment_<attribute parent_id>" title="Commentaire auquel ce commentaire répond">&larr;</a> </if_attribute><a href="#comment_<attribute id>"><attribute title></a></h3>

									<p class="comment_content">
										<if_attribute display_face==true>
											<if_attribute author_image_auto_available=true>
												<img src="<attribute author_image_auto>" class="comment_face" alt="<attribute author>" width="<SITE_FACE_WIDTH>" height="<SITE_FACE_HEIGHT>" />
											</if_attribute>
										</if_attribute>
										<attribute text>
									</p>

									<p style="clear:both;margin:0px;padding:0px;">&nbsp;</p>
									<hr align="center" color="#<smartcolor bar>" width="100%" size="3" />
									<img src="/public_images/skins/itheme/author-13px.png"/>
									<a href="<attribute author_url>">
										<attribute author>
									</a>
									| Le <attribute created_t.day> <attribute created_t.dd>/<attribute created_t.mm>/<attribute created_t.yyyy> à <attribute created_t.hh>:<attribute created_t.mi>
									| <a href="#header" title="Revenir en haut de la page"><img alt="[^]" title="En Haut" src="/public_images/skins/itheme/fleche-haut-13.png" /></a>
									| <a href="<attribute reply_to_url>" title="Répondre à ce commentaire"><strong>R&eacute;pondre</strong></a> <attribute cmd>
								</div>
								<br/>
								</div>
							</object>

							<!-- Classe permettant la gestion de bas des articles -->
							<div class="postfoot">
								<table cellpadding="5" align="center">
									<tr>
									  <td>
										<object class=news_previous>
										<a href="<attribute url>" title="Article pr&eacute;c&eacute;dent">
											<if_option tailleicones==petites>
												<img src="/public_images/skins/itheme/petit-back.gif" border="0" align="right" alt="Article pr&eacute;c&eacute;dent"/>
											</if_option>
											<if_option tailleicones==grandes>
												<img src="/public_images/skins/itheme/back.png" border="0" align="right" alt="Article pr&eacute;c&eacute;dent"/>
											</if_option>
										</a>
									  </td>
									  <td>
										<!-- Lien vers article précédent -->
											<a href="<attribute url>" title="précédent">Article pr&eacute;c&eacute;dent</a>
										</object>
									  </td>
									  <td>
										<!-- Lien "Commenter" si les commentaires sont autorisés -->
										<if_attribute reply_to_url!=>
											<td>
												<a href="<attribute reply_to_url>" title="Commenter">
													<img src="/public_images/skins/itheme/comments2.png" border="0" alt="Commenter">
												</a>
											</td>
											<td>
												<a href="<attribute reply_to_url>">Commenter</a>
											</td>
										</if_attribute>
									  </td>
									  <td>
										<!-- Lien vers article suivant -->
										<object class=news_next>
											<a href="<attribute url>" title="suivant">Article suivant</a>
									  </td>
									  <td>
										<a href="<attribute url>" title="Article suivant">
											<if_option tailleicones==petites><img src="/public_images/skins/itheme/petit-forward.gif" border="0" align="right" alt="Article suivant"/></if_option>
											<if_option tailleicones==grandes><img src="/public_images/skins/itheme/forward.png" border="0" align="right" alt="Article suivant"/></if_option>
										</object>
										</a>
									  </td>
									</tr>
								</table>
							</div> <!-- Fin de la classe "postfoot" -->
						<!-- Fin de la classe "comments" -->
						</object>
					</div> <!-- Fin classe content -->
					<!-- Ajout de l'arrondi du bas de la colonne principale -->
					<div class="fin-colonne">&nbsp;</div>
				</object>

				<!-- Si on n'est pas dans une page de type formulaire -->
				<object class=location id!=form>
					<!-- Le bloc central au dessous des articles -->
					<div class="sbtop">
						<!-- Permet l'affichage du bloc central au dessus des articles -->
						<smartblocks sb.main.bottom.*>
					</div>
				</object> <!-- Fin de si on n'est pas dans une page de type formulaire -->

				<!-- Le contenu du bas de page -->
				<div id="footer">
					<p>
						<br />
						<!--[if lte IE 6]><a href="http://www.ndesign-studio.com" title="Conception" target="_blank"><img src="/public_images/skins/itheme/conception.gif" border="0" align="middle" alt="Conception"/></a><![endif]-->
						<!--[if IE 7]><a href="http://www.ndesign-studio.com" title="Conception" target="_blank"><img src="/public_images/skins/itheme/conception.png" border="0" align="middle" alt="Conception"/></a><![endif]-->
						<![if !IE]><a href="http://www.ndesign-studio.com" title="Conception" target="_blank"><img src="/public_images/skins/itheme/conception.png" border="0" align="middle" alt="Conception"/></a><![endif]>
										<a href="http://www.ndesign-studio.com">Design</a>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<!--[if lte IE 6]><a href="http://jonas.seph.ws/index.html" title="Icônes" target="_blank"><img src="/public_images/skins/itheme/icones.gif" border="0" align="middle" alt="Icônes"/></a><![endif]-->
						<!--[if IE 7]><a href="http://jonas.seph.ws/index.html" title="Icônes" target="_blank"><img src="/public_images/skins/itheme/icones.png" border="0" align="middle" alt="Icônes"/></a><![endif]-->
						<![if !IE]><a href="http://jonas.seph.ws/index.html" title="Icônes" target="_blank"><img src="/public_images/skins/itheme/icones.png" border="0" align="middle" alt="Icônes"/></a><![endif]>
										<a href="http://jonas.seph.ws/index.html">Icônes</a>
										&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<!--[if lte IE 6]><a href="http://www.caisse-mag.com" title="Adaptation" target="_blank"><img src="/public_images/skins/itheme/adaptation.gif" border="0" align="middle" alt="Adaptation"/></a><![endif]-->
						<!--[if IE 7]><a href="http://www.caisse-mag.com" title="Adaptation" target="_blank"><img src="/public_images/skins/itheme/adaptation.png" border="0" align="middle" alt="Adaptation"/></a><![endif]-->
						<![if !IE]><a href="http://www.caisse-mag.com" title="Adaptation" target="_blank"><img src="/public_images/skins/itheme/adaptation.png" border="0" align="middle" alt="Adaptation"/></a><![endif]>
										<a href="http://www.caisse-mag.com">Adaptation</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<!--[if lte IE 6]><a href="/index.xml" title="Fil RSS d'articles" target="_blank"><img src="/public_images/skins/itheme/RSS.gif" border="0" align="middle" alt="Fil RSS d'articles"/></a><![endif]-->
						<!--[if IE 7]><a href="/index.xml" title="Fil RSS d'articles" target="_blank"><img src="/public_images/skins/itheme/RSS.png" border="0" align="middle" alt="Fil RSS d'articles"/></a><![endif]-->
						<![if !IE]><a href="/index.xml" title="Fil RSS d'articles" target="_blank"><img src="/public_images/skins/itheme/RSS.png" border="0" align="middle" alt="Fil RSS d'articles"/></a><![endif]>
										<a href="/index.xml">Articles</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

						<!--[if lte IE 6]><a href="/comments.xml" title="Fil RSS de commentaires" target="_blank"><img src="/public_images/skins/itheme/RSS_alt.gif" border="0" align="middle" alt="Fil RSS de commentaires"/></a><![endif]-->
						<!--[if IE 7]><a href="/comments.xml" title="Fil RSS de commentaires" target="_blank"><img src="/public_images/skins/itheme/RSS_alt.png" border="0" align="middle" alt="Fil RSS de commentaires"/></a><![endif]-->
						<![if !IE]><a href="/comments.xml" title="Fil RSS de commentaires" target="_blank"><img src="/public_images/skins/itheme/RSS_alt.png" border="0" align="middle" alt="Fil RSS de commentaires"/></a><![endif]>
										<a href="/comments.xml">Commentaires</a>
										<br /><br />
						<!--[if lte IE 6]><a href="http://viabloga.com/" title="Powered by Viabloga" target="_blank"><img src="/public_images/skins/itheme/plateforme.gif" border="0" align="middle" alt="Powered by Viabloga"/></a><![endif]-->
						<!--[if IE 7]><a href="http://viabloga.com/" title="Powered by Viabloga" target="_blank"><img src="/public_images/skins/itheme/plateforme.png" border="0" align="middle" alt="Powered by Viabloga"/></a><![endif]-->
						<![if !IE]><a href="http://viabloga.com/" title="Powered by Viabloga" target="_blank"><img src="/public_images/skins/itheme/plateforme.png" border="0" align="middle" alt="Powered by Viabloga"/></a><![endif]>
										<a href="http://viabloga.com/">Powered by ViaBloga</a>
					</p>
					<br class="clear" />
				</div><!--/footer -->
			</div> <!-- Fin de left col -->

			<!-- Si on n'est pas dans une page de type formulaire -->
			<object class=location id!=form>
				<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu -->
				<if_option columns==troiscol_milieu>
						<!-- Affichage de la colonne de droite -->
						<div id="sidebar_bis">

							<smartblocks sb.col.right.*>

						<!-- Fin de sidebar -->
						</div>
					</div>
				</if_option>

				<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu, et le sidebar de droite FIXE -->
				<if_option columns==troiscol_milieu_fixe_2>
						<!-- Affichage de la colonne de droite -->
						<div id="sidebar_bis">

							<smartblocks sb.col.right.*>

						<!-- Fin de sidebar -->
						</div>
					</div>
				</if_option>

				<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située au milieu, et le sidebar de gauche FIXE -->
				<if_option columns==troiscol_milieu_fixe_1>
						<!-- Affichage de la colonne de droite -->
						<div id="sidebar_bis">

							<smartblocks sb.col.right.*>

						<!-- Fin de sidebar -->
						</div>
					</div>
				</if_option>

				<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située à gauche -->
				<if_option columns==troiscol_gauche>
					<!-- Affichage de bloc de droite -->
					<div id="sidebar">

						<smartblocks sb.col.left.*>

					<!-- Fin de sidebar -->
					</div>
					<div id="sidebar_bis">

						<smartblocks sb.col.right.*>

					<!-- Fin de sidebar -->
					</div>
				</if_option>

				<!-- Cas d'une mise en page en trois colonnes avec la colonne des articles située à gauche, et le sidebar d'extrême-droite FIXE -->
				<if_option columns==troiscol_gauche_fixe_2>
					<!-- Affichage de bloc de droite -->
					<div id="sidebar">

						<smartblocks sb.col.left.*>

					<!-- Fin de sidebar -->
					</div>
					<div id="sidebar_bis">

						<smartblocks sb.col.right.*>

					<!-- Fin de sidebar -->
					</div>
				</if_option>

				<!-- Cas d'une mise en page en deux colonnes avec la colonne des articles située à gauche -->
				<if_option columns==deuxcol_gauche>
					<!-- Affichage de bloc de droite -->
					<div id="sidebar">

						<smartblocks sb.col.right.*>

					<!-- Fin de sidebar -->
					</div>
				</if_option>

				<!-- Cas d'une mise en page en deux colonnes, dont une large, avec la colonne des articles située à gauche -->
				<if_option columns==deuxcol_grosbloc_gauche>
					<!-- affichage de bloc de droite -->
					<div id="sidebar_lrg">

						<smartblocks sb.col.right.*>

					<!-- Fin de sidebar -->
					</div>
				</if_option>

				<!-- Cas d'une mise en page en deux colonnes, dont une large FIXE, avec la colonne des articles située à gauche -->
				<if_option columns==deuxcol_grosbloc_gauche_fixe>
					<!-- Affichage de bloc de droite -->
					<div id="sidebar_lrg">

						<smartblocks sb.col.right.*>

					<!-- Fin de sidebar -->
					</div>
				</if_option>
			</object> 	<!-- Fin de "si on n'est pas dans une page de type formulaire" -->
		</div>  <!-- Fin de div wrapper -->
	</div>  <!-- Fin de div page -->
</body>
</html>