Situation de la Réserve

La réserve naturelle, créée en 1984, s'étend sur 145 hectares au Nord de la commune d'Argelès-sur-Mer (embouchure du Tech).

Réséda alba sur le cordon dunaire

Le Conservatoire du Littoral, propriétaire des terrains, a confié la gestion par convention à la municipalité d'Argelès-sur-Mer.

Jonc à tépales pointusDe par son emplacement, entre eau douce et eau salée, elle est devenue une sentinelle de la biodiversité du littoral argelèsien.
Ce paysage naturel se compose d'une multitude de milieux bordés par la mer, avec la  perspective au loin du massif de «l'Albera» et du mont Canigou.

C'est l'un des derniers sites "sauvages" du littoral Roussillonnais.
Au fil du développement de l'urbanisation des 60 dernières années, le site est devenu une "zone de refuge" pour de nombreuses espèces animales et végétales, comme l'endémique "Malcolmie ramifiée" (en-tête de la page).

Malgré sa superficie réduite, le site est marqué par une forte hétérogénéité paysagère.

embouchure du TechCelle-ci est composée par ses 33 habitats naturels dont  trois sont mentionnés d'intérêt européen : 

Aujourd'hui se sont plus de 1200 espèces animales qui ont été répertoriées lors des inventaires de terrains.

Silène enflé La flore, quant à elle totalise plus de 650 espèces dont certaines comme l'Oeillet de Catalogne ou atténué (Dianthus pyrenaicus subsp. attenuatus) est endémique de nos côtes catalanes; d'autres sont protégées au niveau National ou Régional car menacées d'extinction.

Tutoriel : faire un menu horizontal réactif

Structure HTML

structure étape 1 Pour structurer la page, nous n'avons pas besoin de div menu, à la place nous utiliserons la balise ul qui est un bloc.  Le code sera ainsi simplifié et plus facile à comprendre. Nous identifierons  ce bloc avec un id.
Ecrire l'un sous l'autre :
header
menuH
content
footer

Règles CSS

1 - Règles de la mise en page basique

2 - Règles pour le bloc #menuH et ses descendants

Donner une couleur d'arrière plan au bloc #menuH pour bien le repérer (vert foncé).
Le bloc prendra toute la largeur disponible.

Positionnement  

tructure étape 3

Décoration

Les règles de style les plus importantes pour ce menu horizontal  sont :
body #menuH #menuH li #menuH a #menuH a:hover
margin: 0 auto;
width: 800px;
font-family: Arial,Helvetica,sans-serif;
background-color: #b7ae94;
border:  none;
margin: 0;
padding: 2pt 0 0 10px;
list-style-type: none;
height: 24px;
background-color: #234724;
float: left; border: 1px outset #001a00;
display: block;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 1.1em;
text-decoration: none;
width: 188px;
margin-right: 2px;
margin-left: 2px;
background-color: transparent;
color: #ede9dc;
border-style: inset;
color: #e89ae7;
background-color: #293828;

3 - Règles pour la div header

4 - Règles pour la div  #content

5 - Règles pour la div  #footer

6 - Règles générales


Retour liste exercices 2010-2011              Haut de page