Mise à jour Theme V3 vers V4

Mise à jour Theme V3 vers V4 [Réglé]

PascalD36 Membre non connecté

Booster Bazooka

Le 23/01/2013 à 16h25

#122058

hello j'ai essayé de suivre la procedure via la doc mettre a jour son theme

mais je suis un peu perdu avec le content.css

en bref je ne sais pas si j'ai bien appliqué la modif sur ce fichier mon content.css est different

je pense que c'est sur ce fichier que je peche, j'ai voulu uploader mon thème j'ai eu une erreur

Citation :
une erreur s'est produite lors de l'installation

j'ai donc mis pour essai mon theme dans template, il me le trouve et le rajoute mais mes boutons admin ne fonctionne plus et le site plante

je travaille en local

Mon content.css

Code CSS :

/* --------------------------------------
 
        content.css
 
Contient les formulaires, les modules (et modules minis), et messages.
 
--------------------------------------*/ 
 
 
 
/* Titres */
 
h1 {
 
    color:#F0F0F0;
 
    font-size:18px;
 
}
 
 
 
h2.title {
 
    font-size:16px;
 
    font-weight:bold;
 
}
 
 
 
/* Titres */
 
h3.title {
 
    color: #000000;
 
    font-size: 14px;
 
    font-weight: bold;
 
}
 
h3.title a{
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
}
 
/* Sous-Titres */
 
h5.sub_title { /* Titre des menu */
 
    color: #000000;
 
    font-size: 11px;
 
    margin-top: 7px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;
 
}
 
/* Sous titre dans les menu */
 
h6.sub_title2 { 
 
    font-size:12px;
 
    font-weight:bold;
 
    padding-top:4px;
 
    text-indent:10px;
 
    width:155px;
 
    height:32px;
 
    color:#000000;
 
}
 
/* Entête de conteneur et des tableaux  */
 
div.block_top, table tr:first-child th {
 
color:#000000;
 
font-size:0.75em;
 
font-weight:bold;
 
padding:3px 6px;
 
text-align:left;
 
text-transform:uppercase;
 
}
 
.block_top {
 
    margin-top:-1px;
 
    border-bottom: 2px solid;
 
}
 
th { /* Entête de conteneur et des tableaux */
 
    /*padding:5px 6px;*/
 
    color:#FFFFFF;
 
    text-align:left;
 
    font-size:0.75em;
 
    font-weight:bold;
 
    text-transform:uppercase;
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border-right: 1px solid #000000;
 
        border-bottom: 1px solid #000000;
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
    height: 20px;
 
    padding: 6px;
 
    text-indent: 10px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;    
 
}
 
 
 
hr {
 
    background:#000000;
 
    border:none;
 
    margin:1px auto;
 
    height:1px;
 
    width:99%;
 
}
 
 
 
/*  ----------------- Formulaires ---------------------*/
 
.fieldset_mini {
 
    width:540px;
 
    margin:auto;
 
    margin-top:20px;
 
}
 
/* ############ Début: A modifier avec les couleurs de fieldset ##############*/
 
div.block_title span {
 
    text-transform:uppercase;
 
    font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
 
    font-size:0.75em;
 
    font-weight:bold;
 
    color:#E53B00;
 
    background:#FFFFFF;
 
    border-color:#CCCCCC;
 
    -moz-border-radius:12px;
 
    -khtml-border-radius:12px;
 
    -webkit-border-radius:12px;
 
    border-radius:12px;
 
}
 
 
 
div.block_content {
 
    font-family:Verdana, 'Bitstream Vera Sans', Times, serif;
 
    border-color:#CCCCCC;
 
    -moz-border-radius:12px;
 
    -khtml-border-radius:12px;
 
    -webkit-border-radius:12px;
 
    border-radius:12px;
 
    background:#DEDEDE url(images/contentbg2.png) repeat-x;
 
    border:1px #cccccc solid;
 
    margin:10px auto;
 
    border-left:1px solid #1C618C;
 
    padding-right:23px;
 
}
 
/* ############ Fin : A modifier avec les couleurs de fieldset ##############*/
 
input, textarea, optgroup, select, .xmlhttprequest_preview{
 
background: url("images/back.png") repeat scroll 0 0 transparent;
 
border-color:#000000 #000000  #000000 #000000;
 
border-style:solid;
 
border-width:1px;
 
color:#000000;
 
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
 
font-size:11px;
 
padding:1px 2px;
 
vertical-align:middle;
 
}
 
 
 
input:hover{
 
 
 
}
 
 
 
textarea:hover{
 
    border:1px solid #000000;
 
    background-color:#FFFFFF; 
 
}
 
 
 
input:focus, textarea:focus{
 
    border:1px solid #000000;
 
background: url("images/back.png") repeat scroll 0 0 transparent;
 
}
 
 
 
fieldset textarea.post {
 
    width:90%;
 
    display:inline;        
 
}
 
 
 
textarea {
 
    display:block;
 
    width:94%;
 
    margin:auto;
 
    -moz-border-radius:5px;
 
    -khtml-border-radius:5px;
 
    -webkit-border-radius:5px;
 
}
 
input.text{
 
    padding:2px;    
 
    -moz-border-radius:3px;
 
    -khtml-border-radius:3px;
 
    -webkit-border-radius:3px;
 
}
 
 
 
input.submit, button.submit{
 
    background: url("images/form.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #444444;
 
    border-radius: 5px 5px 5px 5px;
 
    color: #444444;
 
    font-size: 10px;
 
    font-weight: bold;
 
    height: 25px;
 
    padding: 1px 2px;
 
    width: 120px;
 
}
 
 
 
input.file{
 
    border:1px solid #515C68;    
 
    border-top:1px solid #8498ae;    
 
    color:#747474;    
 
    padding:1px;
 
    font-weight:bold;
 
    font-size:10px;
 
    background:#A9CEE9 url(images/form.png) repeat-x;
 
}
 
 
 
input.reset, button.reset{
 
    background: url("images/form.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    border-radius: 5px 5px 5px 5px;
 
    color: #E10000;
 
    font-size: 10px;
 
    font-weight: bold;
 
    height: 25px;
 
    padding: 1px 2px;
 
    width: 120px;
 
}
 
 
 
input.reset:hover, button.reset:hover, input.submit:hover, button.submit:hover{
 
    border:1px solid #000000;
 
    cursor:pointer;
 
    color:#000000;
 
}
 
 
 
optgroup, select{
 
    cursor:pointer;
 
    vertical-align:middle;
 
    width:auto;        
 
    -moz-border-radius:3px;
 
    -khtml-border-radius:3px;
 
    -webkit-border-radius:3px;
 
}
 
 
 
optgroup {
 
    font-weight:bold;
 
    border:none;
 
    border-bottom:1px solid #5B5A5A;
 
}
 
 
 
option {
 
    padding:0px 3px;
 
    background-color:#E3E3E3;
 
}
 
 
 
legend {
 
    padding:1px 0;
 
    font-size:0.85em;
 
    font-weight:bold;
 
    background:transparent url(images/h4.png) repeat-x scroll 0 0;
 
    border:1px solid #000000;
 
    padding:2px 10px;
 
    margin-top:-0.4em;
 
    margin-left:0.5em;
 
    position:relative;
 
    text-transform:none;
 
    line-height:1.5em;
 
    color:#000000;
 
    top:0;
 
    vertical-align:middle;
 
    text-transform:uppercase;
 
    -moz-border-radius:12px;
 
    -khtml-border-radius:12px;
 
    -webkit-border-radius:12px;
 
}
 
legend{ 
 
    top:-1.2em; 
 
}
 
* html legend {
 
    margin:0 0 -10px -7px;
 
    line-height:1em;
 
    font-size:.85em;
 
}
 
 
 
fieldset{
 
    background: url("images/back.png") repeat scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    border-radius: 5px 5px 5px 5px;
 
    color: #000000;
 
    margin: 20px 0;
 
    padding: 6px;
 
    position: relative;
 
}
 
fieldset.fieldset_submit{
 
    margin-top:-10px;
 
    padding-bottom:15px;
 
    width:99%;
 
    text-align:center;
 
    background:none;
 
    border:none;
 
}
 
 
 
fieldset.fieldset_submit legend {
 
    display:none;
 
}
 
 
 
fieldset dl {
 
    height:1%;
 
    overflow:hidden;
 
    margin-bottom:16px;
 
    font-size:11px;
 
}
 
 
 
fieldset dl.overflow_visible {
 
    overflow:visible;
 
}
 
 
 
html>body fieldset dl {
 
    height:auto;
 
    min-height:20px;
 
}
 
 
 
fieldset dt {
 
    width:45%;
 
    text-align:left;
 
    padding-top:3px;
 
}
 
 
 
fieldset dd {
 
    margin:0 0 0 45%;
 
    padding:0 0 0 5px;
 
    border:none;
 
    vertical-align:top;
 
    font-size:11px;
 
}
 
 
 
dt {
 
    float:left;
 
    width:auto;
 
}
 
 
 
dt span {
 
    padding:0 5px 0 0;
 
}
 
 
 
label {
 
    cursor:pointer;
 
}
 
 
 
fieldset label {
 
    color: #444444;
 
    font-size: 11px;
 
    font-weight: bold;
 
    text-align: left;
 
}
 
 
 
dd label {
 
    white-space:nowrap;
 
    margin:0 10px 0 0;
 
    font-weight:normal;
 
    color:#444444;
 
}
 
 
 
dt span {
 
    font-size:10px;
 
    color:#444444;
 
}
 
 
 
label img {
 
    vertical-align:middle;
 
}
 
 
 
fieldset dl dd label:hover {
 
    color:#464646;
 
}
 
 
 
/* Messages postés par les membres (messages privés, commentaires, etc...) */
 
 
 
/* Classe du lien du pseudo des messages */
 
a.msg_link_pseudo {
 
    font-size:11px;
 
    color:#000000;
 
    font-weight:bold;
 
}
 
 
 
a.msg_link_pseudo:hover {
 
    color:#FFFFFF;
 
    font-weight:bold;
 
    text-decoration:none;
 
}
 
/* Conteneur des messages */
 
.msg_position { 
 
    background: url("images/back.png") repeat scroll 0 0 transparent;
 
    box-shadow: -3px 1px 5px 0 #000000;    
 
    border-left: 1px solid;
 
    margin: auto;
 
    width: 100%;
 
}
 
 /* Case contenant l'ensemble du message */
 
.msg_container,.msg_container2 {  
 
    border-right: 1px solid;
 
    clear: both;
 
    height: auto !important;
 
    margin-left: 1px;
 
    overflow: hidden !important;
 
}
 
  /*  Case contenant l'ensemble du message => Couleur alternative */
 
.msg_container2 {
 
}
 
 
 
/* Barre supérieur des messages */
 
.msg_top_l{}
 
 
 
.msg_top_r{}
 
 
 
.msg_top {
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    box-shadow: -3px 1px 5px 0 #000000;
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
    height: 20px;
 
    padding: 6px;
 
    text-indent: 10px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;    
 
}
 
 
 
.msg_top a {
 
    color:#FFFFFF;
 
}
 
/* Pseudo du membre */
 
.msg_pseudo_mbr { 
 
    width:127px;
 
    padding:2px 4px;
 
    float:left;
 
    margin-right:0px !important;
 
    margin-right:-3px;
 
    margin-left:-127px !important;
 
    margin-left:-64px;
 
    margin-top:-4px;
 
}
 
    /* Case au dessus du message, indique la date et les boutons d'administration */
 
.msg_top_row {
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border-color: #000000 -moz-use-text-color;
 
    border-style: solid none;
 
    border-width: 1px medium;
 
    color: #000000;
 
    font-size: 11px;
 
    height: auto !important;
 
    margin-right: 1px;
 
    overflow: hidden !important;
 
    padding-left: 127px;
 
    padding-top: 4px;
 
}
 
 /* Case des informations du membre */
 
.msg_info_mbr {
 
    width:127px;
 
    padding:4px;
 
    float:left;
 
    font-size:10px;
 
    /*border-right:1px dotted #444444;*/
 
}
 
    /* Case contenant l'ensemble du message, infos membre + contenu */
 
.msg_contents_container {
 
    margin-right:1px;
 
    /*background:#000645;*/
 
}
 
/* Case du message */
 
.msg_contents,.msg_contents2 { 
 
    background: url(images/back.png) repeat scroll 0 0 transparent;
 
border-left:1px dotted #444444;
 
margin-left:135px;
 
padding:0 5px;
 
}
 
/* Case du message => Couleur alternative */
 
.msg_contents2 { 
 
      background:none repeat scroll 0 0 transparent;
 
}
 
    /* Case du contents du message, évite que les images trop grandes déforme */
 
.msg_contents_overflow {
 
    width:99%;
 
    height:auto;
 
    min-height:226px;
 
    overflow:auto;
 
    padding:10px 0px;
 
}
 
 /* Signature du membre */
 
.msg_sign,.msg_sign2 {
 
    background: url("images/back.png") repeat scroll 0 0 transparent;
 
    border-right: 1px solid;
 
    padding:4px;
 
    font-size:11px;
 
    margin-left:136px;
 
    border-left:1px dotted #444444;
 
}
 
 /* Signature du membre => Couleur alternative */
 
.msg_sign2 {
 
    background: none repeat scroll 0 0 transparent;
 
    border-right: 1px solid;
 
}
 
 /* Signature du membre, fixe la hauteur maximale */
 
.msg_sign_overflow {
 
    height:auto !important;
 
    height:80px;
 
    width:99%;
 
    max-height:80px;
 
    max-width:99%;
 
    overflow:hidden;
 
}
 
/* Barre inférieure des messages */
 
.msg_bottom_l { 
 
}
 
 
 
.msg_bottom_r {
 
}
 
 
 
.msg_bottom {
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    box-shadow: -3px 1px 5px 0 #000000;
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
    height: 20px;
 
    padding: 6px;
 
    text-indent: 10px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;    
 
}
 
 
 
/* ---------------- Modules ----------------------*/ 
 
/* Conteneur des modules */
 
.module_position {
 
    margin:auto;
 
}
 
/* Barre supérieur des modules */
 
.module_top_l { 
 
 
 
}
 
 
 
.module_top_r {
 
 
 
}
 
 
 
.module_top {
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    box-shadow: -3px 1px 5px 0 #000000;
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
    height: 20px;
 
    padding: 6px;
 
    text-indent: 10px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;    
 
}
 
 
 
.module_top a {
 
 
 
}
 
 /* Contenu des modules */
 
.module_contents {
 
    background: url("images/back.png") repeat scroll 0 0 transparent;
 
    border-left: 1px solid;
 
    border-right: 1px solid;
 
    clear: both;
 
    padding: 20px 15px 15px;
 
    text-align: justify;
 
    box-shadow: -3px 1px 5px 0 #000000;
 
}
 
 /* Barre inférieure des modules */
 
.module_bottom_l {
 
 
 
}
 
 
 
.module_bottom_r {
 
 
 
}
 
 
 
.module_bottom {
 
    background: url("images/title-news.png") repeat-x scroll 0 0 transparent;
 
    border: 1px solid #000000;
 
    box-shadow: -3px 1px 5px 0 #000000;
 
    color: #000000;
 
    font-size: 12px;
 
    font-weight: bold;
 
    height: 20px;
 
    padding: 6px;
 
    text-indent: 10px;
 
    text-shadow: 0.1em 0.1em 0.1em #FFFFFF;    
 
}
 
/* Tableau global, utilisé dans les différents modules */
 
.module_table {
 
background:url("images/back.png") repeat scroll 0 0 transparent;
 
border:1px solid #000000;
 
border-collapse:separate;
 
border-spacing:0;
 
margin:auto;
 
padding:0;
 
width:100%;
 
}
 
*+html .module_table { /* Hack ie7 */
 
    border-collapse:collapse;
 
}
 
.block_container {
 
background:url("images/back.png") repeat scroll 0 0 transparent;
 
border:1px solid #000000;
 
    width:auto;
 
    margin:10px auto;
 
}
 
div.block_contents {
 
    width:auto;
 
    padding:10px;
 
    border:none;
 
    text-align:justify;
 
} 
 
/* ----------------Placement Modules minis----------------------*/
 
.module_mini_container { 
 
background:url(images/contentbg.png) repeat-x scroll 0 0 transparent;
 
border-spacing:1px;
 
margin:0 0 10px;
 
padding:5px;
 
width:180px;
 
}
 
 
 
.module_mini_top {
 
 
 
    font-weight:bold;
 
    text-align:center;
 
    width:180px;
 
    height:37px;
 
}
 
 
 
.module_mini_contents {
 
    border-top:none;
 
    border-bottom:none;
 
    text-align:center;
 
    padding:4px;
 
    padding-top:5px;
 
    padding-bottom:0px;
 
}
 
 
 
.module_mini_bottom { /* Bordure inférieur des modules minis */
 
    height:15px;
 
}
 
 
 
.label {
 
    font-weight:bold;
 
    font-size:11px;
 
    color:#476a7f;
 
}
 
.user_connect {
 
 
 
    color:#646463
 
    font-family:Verdana,Geneva,sans-serif;
 
    font-weight:bold;
 
    padding:4px 6px 20px;
 
 
 
}
/* Commentaires */
.comment {
    width:98%;
    margin-bottom:20px;
    overflow:auto;
}
 
.comment-date {
    margin-left: 10px;
}
 
.comment-user_infos {
    text-align:center;
    width:150px;
    float:left;
}
 
.comment-content {
    margin-left:180px;
}
 
.view-topic {
    margin-top: 10px;
}
 
.comment-message {
    position: relative;
    padding: 15px;
    margin-top: 5px;
    border: 1px solid #D6DEE7;
    color: #333;
    background:#ECEFFA;
    min-height: 80px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comment-message::before {
    content: "";
    top: 15px;
    bottom: auto;
    left: -25px;
    position: absolute;
    border-width: 15px 25px 15px 0;
    border-color: transparent #D6DEE7;    
    border-style: solid;
    display: block;
    width: 0;
}
 
.comment-message::after {
    content: "";
    top: 16px;
    bottom: auto;
    left: -24px;
    position: absolute;
    border-width: 14px 24px 14px 0;
    border-color: transparent #ECEFFA;    
    border-style: solid;
    display: block;
    width: 0;
}
 
.comment-avatar{
    width:80px;
}
 
.message-containt{
    overflow:auto;    
}
 
div#comment-pseudo a {}
 
.comment-user_infos img{
    padding:10px 0px;    
}
 
.comment-moderate{
    background:#ECEFFA;
    border: 1px solid #D6DEE7;
    border-radius:4px;
    padding-top:4px;
    width: 98%;
    text-align:center;
    vertical-align:middle;
}
.comment-moderate a{
    vertical-align:top;
}
.module_top_title {
    float:left;
    font-size:12px;
    margin-left:3px;
    font-weight:bold;
}
 
.module_top_title img {
    margin-top:-2px;
}
 
.module_top_com {
    float:right;
}
 
.module_actions {
    float:right;
    margin:0 10px 15px;
    margin-top:-25px;
}

mon config.ini

Code PHP :

name="CrazyRider"
author="CsN"
author_mail="swan@chez-swan.net"
author_link="http://chez-swan.net"
version=1.0
info="Just For FuN"
date="30/09/2011"
compatibility=4.0
require_copyright=0
html_version=1.0 Strict
css_version=2.1
left_column=1
right_column=1
main_color="Thème perso"
variable_width=0
width="100%"
pictures="theme/images/theme.jpg,theme/images/apercu2.png"

et enfin mon header.tpl

Code TPL :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
    <head>
        <title>{SITE_NAME} : {TITLE}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="description" content="{SITE_DESCRIPTION} {TITLE}" />
        <meta name="keywords" content="{SITE_KEYWORD}" />
        <meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
        <!-- Default CSS -->
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/default.css" type="text/css" media="screen, print, handheld" />
        <!-- Theme CSS -->
        # IF C_CSS_CACHE_ENABLED #
<link rel="stylesheet" href="{PATH_TO_ROOT}/kernel/css_cache.php?name=theme-{THEME}&files=
/templates/{THEME}/theme/design.css;
/templates/{THEME}/theme/global.css;
/templates/{THEME}/theme/generic.css;
/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
# ELSE #
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
# ENDIF #    
        <!-- Alternative CSS -->
        {MODULES_CSS}
        # IF C_FAVICON #
        <link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" />
        # ENDIF #
        <link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" />
 
        <script type="text/javascript">
        <!--
            var PATH_TO_ROOT = "{PATH_TO_ROOT}";
            var TOKEN = "{TOKEN}";
            var THEME = "{THEME}";
            var LANG = "{LANG}";
        -->
        </script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/prototype.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/scriptaculous.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/phpboost/global.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/lightbox/lightbox.js"></script>
 
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};
 
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
 
    </head>
    <body>
# IF C_HEADER_LOGO #
    <style type="text/css">
        div#header_container {
               background: url('{HEADER_LOGO}') no-repeat;
        }
    </style>
# ENDIF #    
 
    # INCLUDE  MAINTAIN #
 
    <div id="header_container">
        <div id="header">    
            <div id="global_header">
                <div id="center_header"></div>
            </div>
            <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
        </div>
 
        <div class="spacer"></div>
    </div>
    <div id="sub_header">
        # IF C_MENUS_HEADER_CONTENT #
            {MENUS_HEADER_CONTENT}
            # ENDIF #
        <div id="pos1">
        # IF C_MENUS_SUB_HEADER_CONTENT #
        {MENUS_SUB_HEADER_CONTENT}
        # ENDIF #            
        </div>
    </div>
    <div id="global">
 
        <div id="center">
            <div id="links">
                &nbsp;&nbsp;<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
                # START link_bread_crumb #
                <img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a>
                # END link_bread_crumb #
            </div>    
            # IF C_MENUS_LEFT_CONTENT #
            <div id="left_menu">
            <br />
                # IF C_USER_NOTCONNECTED #
                <div class="module_mini_container"> 
                    <div class="module_mini_top"><h5 class="sub_title">MENU VISITEUR</h5> </div> 
                         <div class="module_mini_contents"> 
                            <br /> <a href="http://www.crazy-ride.fr/news/news.php"><div align="left"><img src="http://www.crazy-ride.fr/news/news_mini.png"> News</div></a> 
                            <br /> <a href="http://www.crazy-ride.fr/member/register.php"><div align="left"><img src="http://www.crazy-ride.fr/articles/articles_mini.png"> Inscription</div></a> 
                            <br /> <a href="http://www.crazy-ride.fr/contact/contact.php"><div align="left"><img src="http://www.crazy-ride.fr/contact/contact_mini.png"> Contact</div></a> 
                            <br /> <a href="http://www.crazy-ride.fr/faq/faq.php"><div align="left"><img src="http://www.crazy-ride.fr/faq/faq_mini.png"> F.A.Q</div></a> 
                            <br /> <a target="_blank" href="http://www.crazy-ride.fr/piwigo/"><div align="left"><img src="http://www.crazy-ride.fr/gallery/gallery_mini.png"> Photos</div></a> 
                            <br /> <a href="http://www.crazy-ride.fr/media/media.php"><div align="left"><img src="http://www.crazy-ride.fr/media/media_mini.png"> Multimédia</div></a> 
                            <br /> <a target="_blank" href="http://www.crazy-ride.fr/upload/adhesion_crazy_ride.pdf"><div align="left"><img src="http://www.crazy-ride.fr/articles/articles_mini.png"> Bulletin Adhésion</div></a>
                            <br /> <a target="_blank" href="http://www.crazy-ride.fr/perso2/documents/Fiche_inscription_Crazy_ride.pdf"><div align="left"><img src="http://www.crazy-ride.fr/download/download_mini.png"> Fiche Participation</div></a>
                        </div> 
                    <div class="module_mini_bottom"> </div> 
                </div>
                # ENDIF #
                <br />
                {MENUS_LEFT_CONTENT}
            </div>
            # ENDIF #
 
            # IF C_MENUS_RIGHT_CONTENT #
            <div id="right_menu">
                {MENUS_RIGHT_CONTENT}
            </div>
            # ENDIF #
 
            <div id="main">
                # IF C_MENUS_TOPCENTRAL_CONTENT #
                <div id="top_contents">
                    {MENUS_TOPCENTRAL_CONTENT}
                </div>
                # ENDIF #
                <div id="main_content">&nbsp;