• Le musée Alice Taverne

    Le musée Alice Taverne

    Le musée Alice Taverne, en plein coeur du village d'Ambierle, présente la vie quotidienne et les traditions du Roannais et du Forez aux XIXe et XXe siècles, à  partir de collections rassemblées par une femme assez remarquable: Alice Taverne (1904-1969).
    Lire la suite
  • Le Grisou, numéro unique

    Le Grisou, numéro unique

    Le grisou ! Treize ans après la catastrophe du puits Jabin, jusqu'alors la plus importante catastrophe du bassin de la Loire (186 morts), le mot revenait, en juillet 1889, dans toutes les bouches stéphanoises. Entre 11 heures et midi, le 3 juillet, une détonation retentit dans les environs du Soleil, vers le Pont-de-l'Ane. " Immédiatement, un horrible pressentiment s'empare de toutes les pensées : c'est le grisou. On court au puits Verpilleux et au puits Saint-Louis (qui communiquent avec le puits Jabin, ndlr). Un peu de fumée sort de l'orifice et une odeur nauséabonde de puits humide transforme ce pressentiment en certitude."

    Lire la suite
  • Saint-Etienne, 1922, naissance de la C.G.T.U.

    Saint-Etienne, 1922, naissance de la C.G.T.U.

    NdFI: Cet article a été publié 80 ans après le congrès dont il est question dans le 4e numéro des cahiers d'histoire de l'Institut C.G.T. d'histoire sociale de la Loire. Les images qui l'illustrent sont celles reproduites dans l'article, hormis la pierre tombale de Pierre Sémard. Elle a été photographiée par nos soins au Père-Lachaise.

    Nombre d'événements majeurs se sont déroulés à  la Bourse du Travail de Saint-Etienne. Cependant, l'un d'entre eux mérite une attention particulière. Il s'agit du Congrès constitutif de la Confédération Générale du Travail Unitaire, du 26 juin au 1er juillet 1922.

    Ce événement revêt une grande importance pour trois raisons essentielles:

    Lire la suite
  • Glasgow 76: l'Espoir déçu

    Glasgow 76: l'Espoir déçu

    Ils ont tout tenté ! mais ça n'a pas suffit. Ce 13 mai 1976, en première page du Progrès, un des frères Revelli, la balle au pied et trois Allemands sur le dos, se démène comme un beau diable soutenu par Santini un peu en retrait. A la « une » de L'Equipe, Sarramagna « le magnifique » flotte dans les airs ; les bras en croix il survole le tacle d'un joueur du Bayern.

    En 2006, quelques jours après une humiliation à  Gerland, on peut toujours se consoler avec une légende et ressortir les papiers jaunis des parents. Sur FI, pour commémorer Glasgow et rendre hommage à  ses perdants magnifiques, nous vous proposons ci-dessous la « une » de L'Espoir, journal stéphanois défunt fondé sous l'Occupation allemande. Suit le Pif poche spécial 1977 (le mythique !
    grayroll.gif).
    .
    Allez les Verts !
    Quand même, toujours. Lire la suite
  • Paris 1937, pavillon du Forez (augmenté)

    Paris 1937, pavillon du Forez (augmenté)

    pavfz.jpgNotre région affiche son savoir-faire et sa culture à  l'Exposition internationale. Nous sommes allés visiter notre pavillon.


    Plusieurs documents nous ont permis d'écrire cet article consacré au pavillon du Forez de l'Exposition de Paris en 1937. D'abord Le catalogue-souvenir du pavillon Forez-Vivarais, édité par le Comité de la région en décembre 1937. Ensuite deux articles de Jean Combe parus dans La Région illustrée, numéros de Pâques et Noël 1937, et celui, dans cette même revue, de F. Leboulanger, inspecteur départemental de l'Assistance publique (juillet 1937).  Quelques autres articles parus dans la presse quotidienne apportent des compléments d'information. A l'exception d'une photo extraite de la banque de données Gallica de la BNf, toutes les photos présentées ici ont été publiées dans le petit catalogue ou dans la revue régionaliste.
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3

> Twitter Forez Info

Il y a vingt ans, l'Assemblée nationale votait une proposition de loi reconnaissant le génocide arménien (loi adoptée en 2001). Le député de la Loire Jean-Michel Mis (LREM) a déposé un amendement avec ses collègues du groupe d’amitié France-Arménie (dont il est le vice-président) au projet de loi pour une démocratie plus représentative, responsable et efficace visant à introduire la lutte contre la négation des crimes de génocide et de crime contre l'humanité dans la constitution.

This page shows all of the typography styles and settings for terrantribune in action. If you would like to read more detailed information on inserting the included typography into your content, check out the TerranTribune Typography Tutorial.

Font Control

TerranTribune allows you to have the option of simply switching the font of all the text in the template with the following setting in index.php (select the font name to preview):-

$font_family = "helvetica";  // 
helvetica
|
geneva
|
optima
|
helvetica
|
trebuchet
|
lucida
|
georgia
|
palatino
This is a ComponentHeading

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a Contentheading

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H1 Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is an H2 Header

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H3 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H4 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H5 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

Notice Styles are shown below

This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the folllowing html: ....

This is a sample 
...

tag: div.modulebox-black div.bx1 { background: url(../images/black/box_bl.png) 0 100% no-repeat; } div.modulebox-black div.bx2 { background: url(../images/black/box_tr.png) 100% 0 no-repeat; } div.modulebox-black div.bx3 { background: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; }

 

 

 

 

 

 

 

 

 

 

 

 

 

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

 

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

DropCap Styles

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-red "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-blue "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-green "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-purple "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-orange "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-brown "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-grey "> P

Important Emphasis Styles

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-blue ">important-title-blue "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-red ">important-title-red "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-green ">important-title-green "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-purple ">important-title-purple "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-brown ">important-title-brown "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-grey ">important-title-grey "> Sample Title ...some content...

404