Bonjour,
j'espere poster ds le bon forum.
J'ai un scrollbar horizontal sur toutes mes pages et pourtant j'ai centré le contenu et..., enfin, j'ai surtout fait ce qu'il me semblait necessaire...et je débute.
je suspecte le header vu qu'il me fait des trucs bizarres, mais j'ai essayé repeat: no, ou repeat -x:no, rien a faire...ou alors j'ai cafouillé ds les margin d'un truc, mais je trouve pas .
je met un lien pour visu., ma feuille de style , le code d'une page (celle où le scroll est le plus grand).
Win. ffox. 1024*768
Merci.
pour voir...
html
css:
Modifié par Hum (27 Jan 2006 - 19:54)
j'espere poster ds le bon forum.
J'ai un scrollbar horizontal sur toutes mes pages et pourtant j'ai centré le contenu et..., enfin, j'ai surtout fait ce qu'il me semblait necessaire...et je débute.
je suspecte le header vu qu'il me fait des trucs bizarres, mais j'ai essayé repeat: no, ou repeat -x:no, rien a faire...ou alors j'ai cafouillé ds les margin d'un truc, mais je trouve pas .
je met un lien pour visu., ma feuille de style , le code d'une page (celle où le scroll est le plus grand).
Win. ffox. 1024*768
Merci.
pour voir...
html
<!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="fr" lang="fr">
<head>
<!--Page travaux persos -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="author" content="Helven Leconte" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" lang="fr" content="memoire" />
<title>Historique des Courroies de carnelle</title>
<script type="text/javascript" src="../popup_load.js">
</script>
<style type="text/css">
@import url(../text1.css);
</style>
</head>
<body>
<div id="header">
<div id="menugeneral">
<a class="menu" href="../index.html">.:: Accueil </a>
| <a class="menu" href="photos.html"> Galerie photos </a>
| <a class="menu" href="inscription.html"> Inscription ballade </a> |
<a class="menu" href="mailto:mailcourroies@yahoo.fr"> Contactez-nous ::.</a>
</div>
</div>
<div id="bloctexte">
<div>
<a class="lienpageb" href="#a04">2004</a>
<a class="lienpageb" href="#a05">2005</a>
<h1 id="a98">Année 1998 :</h1>
</div>
<p class="justify"><img class="floatleft" src="../images/histo98.jpg" alt="98" />
L'esprit des « Pétochons » est né en 1998 <br />
d'une réjouissance privée : les 40 ans d'un « vieux » motard
de Béthemont La Forêt. Cet événement fut hélas
contemporain
de la fin d'une des plus belles sorties de motos anciennes de l'ouest
parisien,
«la balade des impressionnistes». Son célèbre
organisateur, Guy Menot, étant lassé d'assumer une si
lourde manifestation. Devant la réussite de cette journée où les ingrédients
du succès étaient déjà réunis
(des invitations, 30 machines anciennes réunies dans un esprit festif,
un road book, une assistance efficace, une balade sympathique, et, comme
dans Astérix, un banquet), les initiateurs (tous membres des
« Bielles de jadis », club bien connu de l'ancienne Seine
et Oise !) décidèrent de continuer l'expérience
l'année suivante de façon plus « officielle ».
<br />
<br />
<br />
</p>
<div>
<a class="lienpageb" href="#a03">2003</a>
<a class="lienpageb" href="#a04">2004</a>
<h1 id="a99">Année 1999 :</h1>
</div>
<p class="justify"><img class="floatright" src="../images/histo99.jpg" alt="98" />
Ainsi, en 1999 naquit la
première « Balade des Pétochons du Sausseron »,
accueillie sympathiquement par la commune de Presles, qui mit à
notre disposition une infrastructure importante, confiance fort appréciable
pour cette « première ».
Cependant, la ligne puriste du début était déjà
pervertie. Le banquet de fin disparaissait pour laisser place à
un déjeuner au restaurant, pire une 4 CV Renault nous a suivi
(dont les conducteurs sont devenus depuis des passionnés de la
moto ancienne !) Les motos étaient toujours là, en nombre
croissant qu'il fallut hélas limiter à 50.
Malgré le froid vif d'avril finissant, une balade de 150 Km sans
histoire avec une organisation qui avait prévu le beau temps,
et qui a réussi à tenir ses engagements ! L'impression
laissée par cette journée auprès des participants
: Cette région que l'on croit connaître pour y circuler
chaque jour, reste à découvrir au travers de ces petites
routes boisées et champêtres. Seule (?) note négative
: notre premier itinéraire a semblé trop long aux petites
cylindrées anciennes. Dont acte !
</p>
<div>
<a class="lienpageb" href="#a04">2004</a>
<a class="lienpageb" href="#a05">2005</a>
<h1 id="a00">Année 2000 :</h1>
</div>
<p class="justify">
Pour l'année 2000, le groupe
« d'origine » Bethemontois, soucieux d'animer son village,
a tout naturellement collaboré avec l'Association des Parents
d'Elèves de l'Ecole, école dont l'avenir était
préoccupant. Et, ce fut comme l'uf et la poule : qui a commencé
; la brocante ou l'expo de motos anciennes ? Toujours est-il que le
succès fut total dans le village : image des motards sortie grandie,
public en extase devant nos anciennes pétaradantes et fumantes,
sans oublier le versement intégral des bénéfices
de l'expo à la caisse des écoles.
Pour cette première expo : 50 machines dont certaines rarissimes
furent présentées au grand public. Et toujours une balade,
plus courte certes, mais dans le même esprit d'amis réunis,
suivie d'un repas offert à chaque exposant.
</p>
<div>
<a class="lienpagec" href="#a98">Haut de page</a>
<a class="lienpageb" href="#a05">2005</a>
<h1 id="a01">Année 2001 :</h1>
</div>
<p class="justify"><img class="floatright" src="../images/histo03c.jpg" alt="is" />
L'année 2001, l'Ecole
sollicitant de nouveau notre participation, le même programme
fut reconduit, en y ajoutant une bourse d'échange de pièces
de motos anciennes. Une quinzaine d'exposants, pro et amateurs, ont
ouvert le bal de cette première
Toujours sous chapiteaux, l'expo constituée de 62 autres machines
eut un franc succès, la balade d'une trentaine de motocyclettes,
encadrées de 10 motos modernes nous permit de découvrir
de nouveaux paysages, sous les yeux réjouis des autochtones.
Les participants furent agréablement surpris de découvrir
à 20 km de Paris le si beau Pays de France.
D'une balade entre copains, au fil des ans se structure donc une organisation
qui chaque fois apporte une nouveauté, balade d'abord, puis expo,
puis brocante populaire avec animation du village, puis bourse échange
de pièces. Tout était en place pour pérenniser
dans notre village cette manifestation.
</p>
<h1 id="a02">Année 2002 :</h1>
<p class="justify">Malheureusement, en 2002, des « éléments
municipaux indépendants de notre volonté » ont
fané cet espoir et les « Pétochons » à
leur corps défendant ont pris une année sabbatique,
à la grande déception tant des participants que des
habitants.
</p>
<div>
<a class="lienpagec"href="#a98">Haut de page</a>
<h1 id="a03">Année 2003 :</h1>
</div>
<p class="justify">
<img class="floatleft" src="../images/histo03.jpg" alt="isto03" />
<img class="floatleft" src="../images/histo033.jpg" alt="hito03" />
Le 27 avril 2003, s’est déroulée la « 1ère Bourse-Expo des courroies de carnelle » <a class="pop" href="#popcarte">à Presles</a> (Val d’Oise).
Un petit groupe de « joyeux » motards de Béthemont-La-Forêt et de ses environs,
(sous l’égide des « Bielles de Jadis », Association bien connue d’amateurs de
Motocyclettes anciennes de Pontchartrain (78760, « Seine et Oise »)
a relevé un périlleux défi :
Organiser une exposition de machine d’avant 1900 jusqu’à 1940, un défile en tenue d’époque ainsi qu’un concours d’élégance,
une bourse d’échange de pièces d’avant 1970, et surtout une balade d’environ
30 kilomètre en forêt de Carnelle. Cette manifestation côtoyait le traditionnel
et savoureux Marché Poitevinde Presles.
Pari difficile mais réussi, au grand plaisir des spectateurs autant que des participants ainsi
que des personnalités au nombre desquelles nous avons eu le plaisir de compter la présence remarquée
de Monsieur le Député Maire de l’Isle-Adam, ainsi que de Monsieur le Maire de Presles toujours attentifs à la sauvegarde du patrimoine. Cette exposition se voulait le reflet de l’avancée technologique en France et en Europe depuis cette fin de 19ème siècle jusqu’à la tragique déclaration
de guerre de 1940, trop de personnes ignorant le foisonnement créatif, sportif et productif français
de cette époque où le motocyclisme n’avait rien à envier à l’automobile.
Deux chapiteaux abritaient 41 motocyclettes d’avant 1940, pendant que plus de 20 machines d’avant 1960
attendaient sur le parking gardé le départ de la balade, côtoyant la bourse ou 19 engins
d’avant 1960, des pièces détachées, accessoires, vêtements d’époque
avaient attiré de nombreux amateurs ?
Il est bien difficile de parler de chaque motocyclette, tant les modèles uniques ou rarissimes étaient nombreux
et passionnants et dans un état de conservation exceptionnel.
</p>
<p class="citation">Citons néanmoins :</p>
<ul class="citationterme">
<li>Terrot Motorette N°1 de 1906, N° 2 de 1911, N° 3 de 1913.</li>
<li>Peugeot Paris-Nice de 1913, Fabrique Nationale de 1913.</li>
<li>Motobécane MB1 de 1923, New Map Anzani arbre à cane en tête de 1926. </li>
</ul>
<p class="justify"> Ainsi que tant d’autres hélas disparues telles
que Motoconfort, Gnome et Rhône, Dollar, Gillet d’Herstal, Monnet-Goyon,
Paul-Antoine Perraud, Magnat Debon, Propulcycle Zurcher… Le défilé
en tenue d ‘époque connut un grand succès, les musiques
de tous nos ancêtres ayant réveillé autant de poignants
souvenirs chez nos aînés qu’interloqué les enfants,
suscitant l’intérêt de tous, voire la nostalgie de certains…
La balade, encadrée de motos modernes et de deux véhicules d’assistance
(dont un camion Peugeot de 1932 piloté de main de maître et en
tenue d’époque bien sûr !) a parcouru sereinement les routes
de Nointel, Beaumont, Viarmes, s’arrêtant au passage devant le
château de Saint Martin du Tertre, pour revenir en traversant la splendide
forêt de Carnelle. Toutes les machines ont vaillamment grimpé
les cotes (avec l’aide, il est vrai d’un pousseur émérite,
le plus sportif et le plus jeune parmi les organisateurs). Seule une crevaison
a privé le pilote de la New Map de cette promenade, désolé
de ne pouvoir Profiter de cette occasion unique au nord de la Loire de rouler
avec ces très anciennes motocyclettes, leurs performances limitées
ainsi que leur quasi-absence de freinage leur interdisant les balades et autres
rallyes de Motos de collection par trop rapide. De retour à Presles,
quelques démonstrations de démarrage ont passionné les
nombreux spectateurs jusqu’au moment de la remise des prix. Dimanche
soir, devant les demandes pressantes des Preslois ainsi que des participants,
les organisateurs, épuisés mais heureux, ont décidé
de tenter de mieux faire le 25 avril 2004... Rendez-vous est donc pris…
</p>
<div>
<a class="lienpagec"href="#a98">Haut de page</a>
<a class="lienpageb" href="#a99">1999</a>
<a class="lienpageb" href="#a02">2002</a>
<h1 id="a04">Année 2004 :</h1>
</div>
<p class="justify">
<img class="floatright" src="../images/histo04big2.jpg" alt="bigone" />
<img class="floatright" src="../images/histo044.jpg" alt="histo042" />
2004 nous vit retourner à Presles toujours sous l’égide des « Bielles de Jadis ».<br/>
Fort de quelques critiques de certains participants de l’année précédente et de l’idée fortement répandue
qu’une « courroie » ne peut pas monter une côte (c’est vrai qu’au début du siècle,
et ce jusqu’à la grande guerre, nos collines n’existaient pas encore !), nous avions cette année décidé
de tracer un itinéraire le plus plat possible…
Malheureusement, les grands axes routiers nous ont obligé à nous cantonner trop souvent en zone urbaine.
Le trajet fut moins champêtre, mais plat ! Il n’est pas totalement certain que nous ayons choisi
la bonne solution (Qu’en termes choisis ces choses-là sont dites !).
Néanmoins, le soleil fût encore de la fête (c’était, on ne le savait pas, la dernière année !).
L’expo, avec beaucoup d’exposants, a attiré beaucoup de monde, le marché Poitevin aidant…
La chorale de la vallée de Chauvry nous a présenté dans l’après-midi un répertoire choisi pour l’occasion.
Quant au circuit, il a été « bouclé » dans un temps bien inférieur aux prévisions !
Malgré le grand âge des machines et de certains pilotes, il est évident que la volonté de rouler (d’en découdre ?)
était très forte. À tel point que certains ce sont perdus pour avoir dépassé dans leur fougue les motos ouvreuses. <br />
</p>
<div class="inline">
<h1 id="a05">Année 2005 :</h1>
</div>
<p class="justify"> <img class="floatright" src="../images/histo05didier.jpg" alt="didier le fou roulant" />
Que de changement pour cette édition 2005 !
D’abord pour cette 6ème ou 7ème édition (on se perd dans ces chiffres astronomiques !)
nous nous sommes dit qu’il était plus que temps de devenir adultes et de voler
de nos propres courroies. Nous avons donc largué les « bielles » mère
et nous sommes constitué en association. Grâce soit rendue à cette parenté
qui a supporté l’enfant terrible au-delà de sa majorité… Lensuite, les itinéraires
à partir de presles étant épuisés (et les voies diplomatiques impénétrables)
il nous fallait trouver un autre site. Ce fut Nesles la Vallée… Et quitte à s’adonner
au changement pourquoi ne pas organiser la journée sous la pluie ? Ce fut chose faite
et bien faite ! Autre innovation : le « tour de chauffe », circuit de … qui permit
à chacun de faire tourner sa machine sans courir les risque d’une plus grande balade.
Et toujours, le tour de ville et l’expo… Le changement de lieu, la pluie,
et je ne sais ce qu’on a encore avancé, ont fait que l’expo a connu un succès
très relatif…(en bon français, ça s’appelle une litote !) Ce sera peut-être le grand
changement de 2006 ! La ballade nettement plus longue et plus accidentée
(environ 50 km) nous a procuré quelques angoisses post-évènementielles...
Mais, qu’on se le dise, longues distances, côtes et chemins défoncés
n’arrêtent pas plus nos pèlerins que la pluie du matin
(le matin, c’est pour la rime parce que…) Donc, on se dit que l’année prochaine
il faudra faire plus fort encore. C’est peut-être la seule ressemblance entre
nous et le Paris-Dakar !
</p>
<p class="align"> <img class="align" src="../images/hidto05grichard.jpg" alt="Georges Richard" /></p>
<a class="lienpagec" href="#a98">Haut de page</a>
</div>
<!-- La boîte popup est placée tout en bas du document -->
<div id="popcarte">
<p><img src="../images/carte_presles.gif" alt="Localisation de Presles" /></p>
</div>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS2 valide" height="31" width="88" /></a>
</p>
</body>
</html>css:
div#header {
background-position: center top;
width:100% ; padding: 2px 5px 0px 0px;
height:145px;repeat-x:no;
background: url(./images/header.jpg) ;
}
div#motor img{
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 222px; height:136px;
float:right ;
}
div#headergal {
background-position: center top;
width:100% ;
height:92px;
background: url(./images/header_galerie.jpg) ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#menugeneral {border:0px ;
position : relative;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 245px;}
div#bloctexte {
width:760px ;
margin: 0 auto 0 auto;
padding: 10px 5px 10px 5px;
background-color:#00FFFF;}
/* Les titres de l'historique*/
/* CLASSES*/
.floatleft {float:left;border:0; margin:5px 10px 0px 0px;}
.floatright0 {float:right;border:0; margin:0px 0px 0px 0px;}
.floatright {float:right;border:0; margin:5px 0px 0px 10px;}
.floatleftbottom {border:0; margin:11px 0px 0px 0px;}
.align {text-align:center;}
.inline {display:inline;}
.bloc {display:inline;font-size: 1.5em;
font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; }
.gall2005 img {margin:2px 2px 2px 2px;padding:0px 0px 0px 0px;}
.justify {text-align:justify; margin:0px 10px 0px 15px; padding:0px 0px 0px 0px;}
/* BALISES*/
body {border:0; margin:0 0 0 0 ; padding:0 0 0 0 ;width:100%; height:100%;}
p {font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 0px 15px;}
.citation { position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
left:190px;top:0px;
margin:2px 0px 2px 0px;
padding:0px 0px 0px 0px;}
.citationterme { position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
left:190px;
top:0px;
margin:0px 0px 6px 0px;
padding:0px 0px 0px 0px;}
.pheight {font-size:0.7em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:15px 20px 26px 15px;
padding:0px 0px;
line-height:1.2em;}
#intro {font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:15px 10px 26px 15px;
text-align:center;}
h1 {font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;
margin:16px 15px 5px 15px;}
strong {color:black ;
background-color:transparent;
font-size:11px ;}
img {border:0px ;
margin:5px 5px 5px 5px;}
/* liens du menu*/
/* lien non-visité */
a.menu:link {color: #13bc47;
text-decoration: none;
font-size: 15px; font: 0.9em Georgia, serif ;
background: url(./images/menu_background.gif);font-variant:small-caps ;
margin:0px 0px 0px 0px;}
/* de base */
a.menu:visited { color: #13bc47 ;
text-decoration: none;
font-size: 15px ; font: 0.9em Georgia, serif ;
background: url(./images/menu_background_normal.gif);
font-variant:small-caps ;
margin:0px 0px 0px 0px;}
/* lien survolé */
a.menu:hover { color: #1a6c33;
text-decoration: underline;
font-size: 15px;font: 0.9em Georgia, serif ;
background: url(./images/menu_background.gif);font-variant:small-caps ;
margin:0px 0px 0px 0px;}
/* lien activé */
a.menu:active { color: #996633;
text-decoration: none;
font-size: 15px;font: 0.9em Georgia, serif ;
background: url(./images/menu_background.gif);font-variant:small-caps ;
margin:0px 0px 0px 0px;}
/*MON CADRE EXTENSIBLE */
.piedpage{;}
.img2 {border:0px ;
text-align:justify;
margin-top:20px;}
.centrer {text-align:center;
font-size:0.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.italic { font-style:italic;}
/* justifié a droite ( ou pour page suivante...)*/
a.lienpageb:link {margin-right:20px; font-family:Georgia, Times, serif; color: #993333; text-decoration: none; float:right; background:transparent;} /* lien non-visité */
a.lienpageb:visited { margin-right:20px; font-family:Georgia, Times, serif; color: #993333; text-decoration: none; float:right; background:transparent; } /* de base */
a.lienpageb:hover { margin-right:20px; font-family:Georgia, Times, serif; color: #996666; text-decoration: underline; float:right; background:transparent;} /* lien survolé */
a.lienpageb:active { margin-right:20px;font-family:Georgia, Times, serif; color: #996666; text-decoration: none; float:right; background:transparent;} /* lien activé */
a.lienpageb { font-style: italic; font-size: 0.7em; font-variant:small-caps; }
/* Haut de page*/
a.lienpagec:link {margin-right:20px; font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #993333; text-decoration: none; float:right; background:transparent;} /* lien non-visité */
a.lienpagec:visited { margin-right:20px;font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #993333; text-decoration: none; float:right; background:transparent; } /* de base */
a.lienpagec:hover { margin-right:20px; font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #996666; text-decoration: underline; float:right; background:transparent;} /* lien survolé */
a.lienpagec:active { margin-right:20px;font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet"; color: #996666; text-decoration: none; float:right; background:transparent;} /* lien activé */
a.lienpagec { font-size: 0.65em; }
/* GALERIE PHOTOS MINIATURES*/
div#galerie{
width: 100% ;
height: 600px;
background-color:transparent ;
padding: 10px ;
margin: auto auto ;
text-align: center ;
font: 0.9em Georgia, serif ;}
ul#galerie_mini{
width:380px;
height: 500px;
margin: 0 ;
padding: 0 ;
list-style-type: none ;}
ul#galerie_mini li{
float: left ;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}
ul#galerie_mini li a img {margin: 1px 1px 1px 1px ;}
dl#photo{float:right; margin: 0 auto ;}
dl#photo dt{font: italic 1em/1em Georgia, serif ;
padding:0px 0px 0px 0px;
margin:0px 15px 0px 0px;
color: #dcb ;}
dl#photo dd{ top:0px;
margin: 10px auto 0px auto ;
height: 480px; }
dl#photo img{margin:0px 0px 0px 0px;}
dd {text-align:center;}
/* POP UP*/
#popcarte {
display: none;
position: absolute;
top: 1100px;
left:50%;
margin-left:-237px;
z-index: 500;
cursor: pointer;
}
#popcarte h1 {font-size:1em;
font-family:Arial, Helvetica, Verdana, Univers, "MS Trebuchet";
margin:5px 5px 5px 5px;
background-color:transparent;}Modifié par Hum (27 Jan 2006 - 19:54)
