Saturday, October 24, 2026
  • QUEBEC-SXS.CA

    Les sentiers au Québec regorgent de merveilleux paysage et de magnifiques vue sur nos grandioses paysages québécois. Par contre planifier un itinéraire de randonné sur nos circuits en VTT ou Côte à Côte s’avère des fois un peu fastidieux.¸ Il existe plusieurs site ou vous pouvez trouver des idées de randonnées mais cela consomme beaucoup de temps de recherche. Le site Quebec-SxS.ca se veut être une source d’information rapide et complète sur des idées d’itinéraires qui se peut être modifiables à vos besoins. Read More +
  • IQUAD

    iQuad / Pro pour téléphone mobile (iPhone et Android) et iQuad HD pour tablette mobile (iPad et tablette Android) sont des applications cartographiques dédiées aux quadistes membres de la FQCQ! Grâce à iQuad / Pro, vous aurez accès à une carte interactive regroupant l’intégralité des sentiers fédérés, en plus des nombreux partenaires de la FQCQ. Qu’il soit question de concessionnaires, d’hébergements ou de restaurants, iQuad / Pro vous guidera lors de vos expéditions de Quad. Read More +
  • Les Dangers dans les sentiers

    La conduite dans les sentiers demande une attention soutenus de la part du conducteur car nous sommes sur le territoire de nos amis les animaux sauvages. Soyez prudents ! Read More +
> <
  • 1
  • 2
  • 3

Les Plus Populaires ENTETE

  • Camping en VHR

    Du plaisir en nature
    Read More +
  • La Sécurité

    Chacun son rôle
  • Chaine YouTube

    Du plaisir a visionner
    Read More +
  • RokGallery

    Advanced Gallery Extension
    Read More +
  • Des Idées de trajet

    des itineraire Read More +
  • 1
  • All
  • Computers
  • Entretien
  • Games
  • Itineraire
  • Movies
  • Music
  • Overlanding
  • Securite
  • Default
  • Title
  • Date
  • Random
load more hold SHIFT key to load all load all

Popular Features TEST ERF

  • L'aventure !
  • Menu Systems
  • Integrated Extensions

Une aventure entre amis ! que de plaisirs Parcourir des kilometres de sentiers , .

Les requis pour une balade

Ce que nous devons apporter lors de nos balades cela dépends de la durée et du trajet .

 

Avez-vous votre carte de sentiers

An accordion / vertical list layout, to display text and/or thumbs.

 

Respecter les zones de stationnement permis

A ticker layout, for displaying headlines or text snippets.

 

Un itinéraire

Bien planifié sa randonnée permet de s'assurer

 
Image

With RokNavMenu, our custom menu framework extension, the template provides two specific menu options, Fusion and SplitMenu. Both are configurable in the template manager, and also individually for each menu item.

image

Fusion with MegaMenu

Fusion is a powerful, Mootools enhanced, CSS dropdown menu. It has support for multiple columns of varying widths, inline icons and modules/positions, distribution control, animation control plus many other features.

image

SplitMenu

SplitMenu is static, multi-tiered menu option. Parent items, and 1st level children appear horizontally in the menu bar, and all subsequent children in the sidebar.

image

RokAjaxSearch

A ajax enhanced search module. It has support for Joomla search, as well as Google Web, Images, Videos and Blog search, amongst other configuration options.

image

RokNavMenu

A powerful menu extension that sits at the core of Voxel's Fusion Menu and Splitmenu navigation systems. It allows for menu specific params, which provides unprecedented menu control.

Image

Voxel has integrated styling for a number of RocketTheme extensions, including RokSprocket, in all its layout modes. These are template-based styles to visually incorporate the addons.

Demo Articles

Top Rando de la semaine

Voxel, the May 2012 template release, is a magazine orientated design. Its elegant and engaging style provides a rich back-drop to your site content. The new Mosaic layout provides a powerful mechanism to easily show content, in a dynamic fashion.

The template has support for various RocketTheme Extensions, a beautifully styled menu, amongst other features.

Lire davantage...

 

IQUAD

Voxel, May 2012 Template Incredibly pretty & clean news or magazine style design
 





Inside Voxel Template Everything You Need to Build Your Stunning Website
 



Multiple Preset Styles image
Versatile & Flexible Layout image
Fashion & Style the Module image
 

 

Integrated Powerful Menu System image
Make the Content Sexier image
RocketTheme Extensions Styled image
 

 

Inclusive RokSprocket Integration image
Pick Your Logo From Template Manager image
Styled for Regular Joomla! Stuff image
 



Gantry Framework Powerful Framework that Makes Building Websites Easier
 




  • Compact 960 Grid System
    CSS grid framework to construct web content based on a width of 960 pixels
  • Stunning Admin Interface
    Gantry provides a uniquely intuitive interface to control all aspects of the design
  • Per-menu-item Configuration
    Powerful feature in Gantry to control configuration on a per-menu-item basis
image

  • Source-Ordered 4 Columns
    With up to 3 total sidebars, you can achieve highly complex mainbody layout scenarios
  • Integrated Gantry Features
    Many built-in features such as font-sizer, Google Analytics, To-Top Smooth Slider, etc
  • Grid RTL Support
    Built in RTL support which will automatically order the layout to support RTL
 



Mobile Support iPhone, iPad, & Android Custom Mobile Theme Support
 



image

Interested? Want to try Voxel?
Download Voxel Now
 

 

Des Idées de Trajets

Creating  S est ici Be Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Ionosphere template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

If you are using the TinyMCE editor for HTML typography, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

H1. Page Title

H1. Content Title

<ul> List Styles

  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
 
 

<p> DropCap Styles

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 penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Use the following format: <p class="dropcap">...</p> (HTML) or

...

(ROKCANDY). You can use any letter, symbol or number.

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap2">...</p> (HTML) or

...

(ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap3">...</p> (HTML) or

...

(ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap4">...</p> (HTML) or

...

(ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap5">...</p> (HTML) or

...

(ROKCANDY)

<blockquote> Styles

To replicate, use the following formatting: <blockquote><p>....</p></blockquote> (HTML) or

...

(ROKCANDY).


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignleft"><p>....</p></blockquote> (HTML) or

...

(ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignright"><p>....</p></blockquote> (HTML) or

...

(ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.

 
 

<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) or,
[pre2 class="{lines}"] ... [/pre2] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}
This is a sample <pre>...</pre> (HTML) or,
[pre class="{lines}"] ... [/pre] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class="approved">....</p> (HTML) or

...

(ROKCANDY).

This is a sample of the Attention style. To replicate, use the following syntax: <p class="attention">....</p> (HTML) or

...

(ROKCANDY).

This is a sample of the Notice style. To replicate, use the following syntax: <p class="notice">....</p> (HTML) or

...

(ROKCANDY).

This is a sample of the Alert style. To replicate, use the following syntax: <p class="alert">....</p> (HTML) or

...

(ROKCANDY).

 
 

<span> Text Icon Styles

To replicate, the following format: <span class="text-icon iconname">...</span> (HTML) or ... (ROKCANDY). The class names are listed below, such as "text-icon email".



Text with a phone icon

Text with a quote icon

Text with a cart icon

Text with a rss icon

Text with a tags icon

Text with a write icon

Text with an info icon

Text with a sound icon

Text with a rightarrow icon

Text with a leftarrow icon

Text with a circlearrow icon

Text with a downarrow icon

Text with an uparrow icon

Text with a person icon

Text with a calendar icon

Text with a doc icon
Text with a bulb icon



Text with a youtube icon

Text with a skype icon





Text with a video icon

Text with a dropbox icon

Text with a vimeo icon

Text with a paypal icon

<em> Emphasis Styles

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="italic">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold2">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight white">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight black">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight green">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight yellow">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight blue">...</em> (HTML) or ... (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight red">...</em> (HTML) or ... (ROKCANDY)

 
 

<ul> List Styles (Icons)

To replicate, use the following format: <ul class="list-icon icon_name"><li>....</li><li>....</li>...</ul> (HTML) or

  • ....
  • [li....[/li]
(ROKCANDY). The icon names are listed below, such as "cart".


  • A list item using the list-icon phone class.
  • A list item using the list-icon phone class.

  • A list item using the list-icon quote class.
  • A list item using the list-icon quote class.


  • A list item using the list-icon youtube class.
  • A list item using the list-icon youtube class.


  • A list item using the list-icon cart class.
  • A list item using the list-icon cart class.
  • A list item using the list-icon tags class.
  • A list item using the list-icon tags class.

  • A list item using the list-icon write class.
  • A list item using the list-icon write class.

  • A list item using the list-icon info class.
  • A list item using the list-icon info class.

  • A list item using the list-icon sound class.
  • A list item using the list-icon sound class.

  • A list item using the list-icon rightarrow class.
  • A list item using the list-icon rightarrow class.

  • A list item using the list-icon skype class.
  • A list item using the list-icon skype class.

  • A list item using the list-icon rss class.
  • A list item using the list-icon rss class.
  • A list item using the list-icon leftarrow class.
  • A list item using the list-icon leftarrow class.

  • A list item using the list-icon circlearrow class.
  • A list item using the list-icon circlearrow class.

  • A list item using the list-icon dropbox class.
  • A list item using the list-icon dropbox class.

  • A list item using the list-icon vimeo class.
  • A list item using the list-icon vimeo class.

  • A list item using the list-icon downarrow class.
  • A list item using the list-icon downarrow class.

  • A list item using the list-icon video class.
  • A list item using the list-icon video class.

  • A list item using the list-icon uparrow class.
  • A list item using the list-icon uparrow class.

  • A list item using the list-icon person class.
  • A list item using the list-icon person class.

  • A list item using the list-icon calendar class.
  • A list item using the list-icon calendar class.

  • A list item using the list-icon bulb class.
  • A list item using the list-icon bulb class.

  • A list item using the list-icon paypal class.
  • A list item using the list-icon paypal class.

  • A list item using the list-icon doc class.
  • A list item using the list-icon doc class.
 
 

<ul> List Styles (CSS3)

These list styles are based on the latest CSS3 techniques and are designed to work in modern browsers (will not display properly in IE6-IE8).

To replicate, use the following format: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) or

  • ....
  • [li....[/li]
(ROKCANDY). The class names are listed below, such as "checkmark red".

  • Checkmark
  • Checkmark
  • Circle-Checkmark
  • Circle-Checkmark
  • Square-Checkmark
  • Square-Checkmark
  • Checkmark Green
  • Checkmark Green
  • Checkmark Yellow
  • Checkmark Yellow
  • Checkmark Red
  • Checkmark Red
  • Checkmark Blue
  • Checkmark Blue
  • Checkmark White
  • Checkmark White
  • Triangle-Small
  • Triangle-Small
  • Triangle
  • Triangle
  • Triangle-Large
  • Triangle-Large
  • Triangle Green
  • Triangle Green
  • Triangle Yellow
  • Triangle Yellow
  • Triangle Red
  • Triangle Red
  • Triangle Blue
  • Triangle Blue
  • Triangle White
  • Triangle White
  • Circle-Small
  • Circle-Small
  • Circle
  • Circle
  • Circle-Large
  • Circle-Large
  • Circle Green
  • Circle Green
  • Circle Yellow
  • Circle Yellow
  • Circle Red
  • Circle Red
  • Circle Blue
  • Circle Blue
  • Circle White
  • Circle White
 
 

<span> Inset Styles

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. Inset Right TitleYou will need to use the following formatting: <span class="inset-right"> <span class="inset-right-title"> .... </span> ... some content ... </strong> (HTML) or Inset Right Title ... some content ... (ROKCANDY) 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. Inset Left TitleYou will need to use the following formatting: <span class="inset-left"> <span class="inset-left-title"> .... </span> ... some content ... </strong> (HTML) or Inset Left Title ... some content ... (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

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.

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.

 

RokBox Video

Template Tutorials

image

Learn how to install the template, extensions and RocketLauncher, with this demo's Installation tutorial.

image

Explore even more with a range of template specific Forum-based Tutorials, such as mobile setup.