diff --git a/Objects.html b/Objects.html index d0670f5..0dfcd54 100644 --- a/Objects.html +++ b/Objects.html @@ -5,506 +5,566 @@ Objets + - +
- Home -
- Equipements -
- Armes -
- Boucliers -
- Arcs -
- Cuisine +
+ Index +
+ Home + Equipements + Armes + Boucliers + Arcs + Cuisine +
+
+

Equipements

-
+
- + - + - + - + + capuche
et la tunique, vendus à Cocorico aux Quatre Petites Mains - + - + - + - + - + - + - + - + - + - + - - + - + - - + + - + + disponible
dans 3 coffres disposés dans Le Temple oublié - + - -
+
Nom Type Où le trouver ?
Ensemble du début - Renaissance +
+ Renaissance + Ensemble du début + 		Tenue Dans le temple de la Renaissance au commencement du jeu
Premier vêtement chaud débloqué - Chaud +
+ Chaud + Premier vêtement chaud débloqué + 		Tenue Quête pour donner la recette au vieil homme du sommet de la montagne enneigée
Tenue du Prodige - Prodige +
+ Prodige + Tenue du Prodige + 		Tenue Offert par Impa après avoir découvert le premier memory
Tenue Hylienne - Hylien +
+ Hylien + Tenue Hylienne + 		Tenue Pantalon hylien : devant le Temple de Temps ou bien comme pour la - capuche
et la tunique, vendus à Cocorico aux Quatre Petites Mains
Tenue Sheikah - Sheikah +
+ Sheikah + Tenue Sheikah + 		Tenue (type silencio) Tenue à retrouver également aux Quatre Petites Mains
Tenue de Soldat - Soldat +
+ Soldat + Tenue de Soldat + 		Tenue Tenue à retouver à la boutique Vent d'est à Elimith
Tenue de Pierre - Goron +
+ Goron + Tenue de Pierre + 		Tenue (type ignifus) Vendue à la boutique du Bras d'acier au village Goron
Tenue Piaf - Piaf +
+ Piaf + Tenue Piaf + 		Tenue (type glagla) Vendue dans la case boutique du village Piaf
Tenue Zora - Zora +
+ Zora + Tenue Zora + 		Tenue (vitesse nage augmentée) Casque zora : dans le lac toto au nord du Domaine zora -
+
Armure zora : Remise par Dorefah lors du premier discours avec lui -
+
Jambière zora : Quête du Reportage animalier au Domaine zora
Tenue Foudre - Foudre +
+ Foudre + Tenue Foudre + 		Tenue (type isolant) Casque isolant : Quête de Peur panique de la foudre -
+
Combinaison isolante : Disponible dans un coffre du sanctuaire Toh'Yassa -
+
Pantalon isolant : Disponible dans un coffre du sanctuaire Kyuka'Nata -
+
Peut aussi être vendue au village d'Euzéro
Tenue d'escalade - Escalade +
+ Escalade + Tenue d'escalade + 		Tenue (vitesse escalade augmentée) Obtenue dans des sanctuaires : -
+
Bandana d'escalade : Ri'Dahni -
+
Gants d'escalade : Chasu'Keta -
+
Souliers d'escalade : Thano'A -
Peut aussi être vendue au village d'Euzéro +
Peut aussi être vendue au village d'Euzéro
Tenue de Demoiselle - Demoiselle +
+ Demoiselle + Tenue de Demoiselle + 		Tenue (type feinte) Obtenue dans la cité Gerudo ou sur le toit de l'auberge de l'Oasis
Tenue des Sablons - +
+ + Tenue des Sablons + 		Tenue (type pikpik) Vendue dans le Club Secret Gerudo ou dans le village d"Euzéro
Tenue Nox - Nox +
+ Nox + Tenue Nox + 		TenueVendue exclusivement au Club Secret Gerudo
à condition d'avoir + 		Vendue exclusivement au Club Secret Gerudo
à condition d'avoir les matériaux nécessaires
Tenue Barbare - Barbare +
+ Barbare + Tenue Barbare + 		Tenue (force frappe augmentée) Obtenue dans des santuaires : -
+
Casque barbare : Tou'Karo -
+
Gilet barbare : Dira'Ma -
+
Culotte barbare : Kaza'Tokki -
Peut être aussi vendue au village d'Euzéro +
Peut être aussi vendue au village d'Euzéro
Tenue Archéonique - Archéonique +
+ Archéonique + Tenue Archéonique + 		Tenue (réduction dégats gardiens) Vendue au Laboratoire antique d'Akkala à condition de disposer des matériaux nécessaires
Tenue Noire - NoireTenue (vitesse de nuit augmentée +
dissimulation)		 +
+ Noire + Tenue Noire + 		Tenue (vitesse de nuit augmentée +
dissimulation)		 Vendue à la boutique Kilton
Tenue des Landes - Landes +
+ Landes + Tenue des Landes + 		Tenue Après avoir découvert et fini tous les sanctuaires, cette tenue sera - disponible
dans 3 coffres disposés dans Le Temple oublié
Bijoux
(boucles d'oreilles et diadèmes)		Bijoux
(boucles d'oreilles et diadèmes)		 BijouxVendus à la Rêverie étoilée de la cité Gerudo à condition
+ 		Vendus à la Rêverie étoilée de la cité Gerudo à condition
d'avoir les matérieux et rubis nécessaires
-
-
+
+

Armes

-
+
- + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - + + + + + + + - - - + + + - + - - - - - - - - + + + + + + + + - + - + - - - - + + + + - - - - - + + + + + - + - - - - - + + + + + - + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - + + + + + + + - + - + - + - - - - - - + + + + + + - + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - - + + + + + + + + - - + + - + - + - - + + - - - - - - + + + + + + - + - - - - + + + +
WeaponsWeapons
Epée
de voyageur		Epée
de soldat		Epée
de chevalier		Massue
boko		Massue à
pointes boko		Draco-massue
boko		Boomerang
lézal		Boomerang
lézal robuste		Boomerang
lézal trilame		Glaive de
Gardien 1.0		Glaive de
Gardien 2.0		Epée
de voyageur		Epée
de soldat		Epée
de chevalier		Massue
boko		Massue à
pointes boko		Draco-massue
boko		Boomerang
lézal		Boomerang
lézal robuste		Boomerang
lézal trilame		Glaive de
Gardien 1.0		Glaive de
Gardien 2.0
WeaponsWeapons
Glaive de
Gardien 3.0		Epée
de Lynel		Epée du
roi bestial		Epée du
dieu bestial		Os de
Bokoblin		Os de
Lézalfos		Epée
rouillée		Glaive de
Gardien 3.0		Epée
de Lynel		Epée du
roi bestial		Epée du
dieu bestial		Os de
Bokoblin		Os de
Lézalfos		Epée
rouillée		 LoucheGlaive de
Gardien 3.0		Epée
royale		Epée des
Sylvains		Glaive de
Gardien 3.0		Epée
royale		Epée des
Sylvains
WeaponsWeapons
Epée
Zora		Cimeterre
Gerudo		Cimeterre du
clair de lune		Lame
rémige		Epée des
flammes		Epée des
glaces		Epée
électrique - 		Maillet
ressort		Petit sabre
de la défiance		Epée
Zora		Cimeterre
Gerudo		Cimeterre du
clair de lune		Lame
rémige		Epée des
flammes		Epée des
glaces		Epée
électrique + 		Maillet
ressort		Petit sabre
de la défiance		 TorcheBranche
d'arbre		Branche
d'arbre
WeaponsWeapons
Epée de
garde royale		Baguette des
météores		Baguette des
blizzards		Baguette de
fulguration		Epée de
garde royale		Baguette des
météores		Baguette des
blizzards		Baguette de
fulguration		 BoomerangCimeterre des
sept joyaux		Serpe
coupe-gorge		Epée de
légende		Blanche épée
divine		Boomerang du
Vent marin		Cimeterre des
sept joyaux		Serpe
coupe-gorge		Epée de
légende		Blanche épée
divine		Boomerang du
Vent marin
WeaponsWeapons
Baguette
de feu		Baguette
de glace		Baguette
électrique		Epée de
légende		Tranche-
Démons		Baguette
de feu		Baguette
de glace		Baguette
électrique		Epée de
légende		Tranche-
Démons		 Lampion Armes amiibo
WeaponsWeapons
Espadon
de Voyageur		Espadon
de Soldat		Espadon
de Chevalier		Batte
Boko		Batte à
pointes boko		Draco-batte
boko		Batte
Moblin		Batte à
pointes moblin		Draco-batte
moblin		Hache de
Gardien 1.0		Hache de
Gardien 2.0		Espadon
de Voyageur		Espadon
de Soldat		Espadon
de Chevalier		Batte
Boko		Batte à
pointes boko		Draco-batte
boko		Batte
Moblin		Batte à
pointes moblin		Draco-batte
moblin		Hache de
Gardien 1.0		Hache de
Gardien 2.0
WeaponsWeapons
Hache de
Gardien 3.0		Espadon
de Lynel		Espadon du
roi bestial		Espadon du
dieu bestial		Os de
moblin		Espadon
rouillé		Longue épée
archéonique		Espadon
royal		Longue épée
zora		Espadon
gerudo		Hache de
maître		Hache de
Gardien 3.0		Espadon
de Lynel		Espadon du
roi bestial		Espadon du
dieu bestial		Os de
moblin		Espadon
rouillé		Longue épée
archéonique		Espadon
royal		Longue épée
zora		Espadon
gerudo		Hache de
maître
WeaponsWeapons
Marteau
en fer		Hache de
bûcheron		Longue épée
des flammes		Longue épée
des glaces		Longue épée
électrique		Casse-
Pierre		Brise-
Roc		Marteau
en fer		Hache de
bûcheron		Longue épée
des flammes		Longue épée
des glaces		Longue épée
électrique		Casse-
Pierre		Brise-
Roc		 PagaieSabre de
la défiance		Sabre de
la défiance		 HoueEspadon de
garde royale		Espadon de
garde royale
WeaponsWeapons
Grand
boomerang		Brise-
montagne		Longue épée
de vertu		Epéede
biggoron		Espadon du
dieu démon		Sabre
tranche-vent		Grand
boomerang		Brise-
montagne		Longue épée
de vertu		Epéede
biggoron		Espadon du
dieu démon		Sabre
tranche-vent
WeaponsWeapons
Lance de
voyageur		Lance de
soldat		Hallebarde
de chevalier		Epieu
boko		Epieu à
pointes boko		Draco-épieu
boko		Lance
lézal		Lance
lézal robuste		Fourche
lézal		Lance
moblin		Lance à
pointes moblin		Lance de
voyageur		Lance de
soldat		Hallebarde
de chevalier		Epieu
boko		Epieu à
pointes boko		Draco-épieu
boko		Lance
lézal		Lance
lézal robuste		Fourche
lézal		Lance
moblin		Lance à
pointes moblin
WeaponsWeapons
Draco-lance
moblin		Lance de
Gardien 1.0		Lance de
Gardien 2.0		Lance de
Gardien 3.0		Lance de
lynel		Halledbarde du
roi bestial		Halledbarde du
dieu bestial		Hallebarde
rouillée		Draco-lance
moblin		Lance de
Gardien 1.0		Lance de
Gardien 2.0		Lance de
Gardien 3.0		Lance de
lynel		Halledbarde du
roi bestial		Halledbarde du
dieu bestial		Hallebarde
rouillée		 FourcheLance
archéonique		Hallebarde
royale		Lance
archéonique		Hallebarde
royale
WeaponsWeapons
Lance des
sylvains		Lance des
sylvains		 Lance zoraLance
d'écailles		Trident
gerudo		Lance
d'écailles		Trident
gerudo		 JavelotMasse
perforatrice		Lance
Rémige		Trident
des flammes		Trident
des glaces		Trident
électrique		Balai-
brosse		Masse
perforatrice		Lance
Rémige		Trident
des flammes		Trident
des glaces		Trident
électrique		Balai-
brosse
WeaponsWeapons
Lance
du tourment		Harpon de
pêcheur		Hallebarde de
garde royale		Lance de
cérémonie		Lance
du tourment		Harpon de
pêcheur		Hallebarde de
garde royale		Lance de
cérémonie
-
-
+
+

Boucliers

- + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - - - - - + + + + + + + + + + +
ShieldsShields
Bouclier
en bois		Bouclier
de soldat		Bouclier
de chevalier		Bouclier
boko		Bouclier à
pointes boko		Draco-
bouclier boko		Bouclier
lézal		Bouclier
lézal robuste		 Bouclier lézal
en acier		Bouclier de
Gardien 1.0		Bouclier de
Gardien 2.0		Bouclier
en bois		Bouclier
de soldat		Bouclier
de chevalier		Bouclier
boko		Bouclier à
pointes boko		Draco-
bouclier boko		Bouclier
lézal		Bouclier
lézal robuste		 Bouclier lézal
en acier		Bouclier de
Gardien 1.0		Bouclier de
Gardien 2.0
ShieldsShields
Bouclier de
Gardien 3.0		Bouclier de
lynel		Bouclier du
roi bestial		Bouclier du
dieu bestial		Bouclier
rouillé		Bouclier
royal		Bouclier des
sylvains		Bouclier
zora		Bouclier
gerudo		Bouclier
d'Hylia		Bouclier
lapins		Bouclier de
Gardien 3.0		Bouclier de
lynel		Bouclier du
roi bestial		Bouclier du
dieu bestial		Bouclier
rouillé		Bouclier
royal		Bouclier des
sylvains		Bouclier
zora		Bouclier
gerudo		Bouclier
d'Hylia		Bouclier
lapins
ShieldsShields
Bouclier
poisson		Bouclier de
garde royale		Bouclier
faune		Bouclier de
voyageur		Bouclier du
soleil		Bouclier des
sept joyaux		Bouclier
archéonique		Couvercle de
marmite		Bouclier de
l'égide		Bouclier de
l'accalmie		Bouclier du
héros		Bouclier
poisson		Bouclier de
garde royale		Bouclier
faune		Bouclier de
voyageur		Bouclier du
soleil		Bouclier des
sept joyaux		Bouclier
archéonique		Couvercle de
marmite		Bouclier de
l'égide		Bouclier de
l'accalmie		Bouclier du
héros
-
-
+
+

Arcs et Flèches

-
+
- + - - - - - - - - - - - + + + + + + + + + + + - + - - - - - - - - - - - + + + + + + + + + + + - + - - - - + + + + - + - - - - - - - - + + + + + + + +
ArcsArcs
Arc de
voyageur		Arc de
soldat		Arc à
pointes boko		Arc
boko		Arc
lézal		Arc de
lynel		Arc lézal
robuste		Arc des
sylvains		Arc
zora		Arc
gerudo		Arc de
l'hirondelle		Arc de
voyageur		Arc de
soldat		Arc à
pointes boko		Arc
boko		Arc
lézal		Arc de
lynel		Arc lézal
robuste		Arc des
sylvains		Arc
zora		Arc
gerudo		Arc de
l'hirondelle
ArcsArcs
Arc du
faucon		Arc
archéonique		Arc du
roi bestial		Draco-arc
boko		Arc de
l'aigle		Arc de
la dévotion		Arc lézal
en acier		Arc du
dieu bestial		Arc de
garde royale		Arc de
chevalier		Arc
royal		Arc du
faucon		Arc
archéonique		Arc du
roi bestial		Draco-arc
boko		Arc de
l'aigle		Arc de
la dévotion		Arc lézal
en acier		Arc du
dieu bestial		Arc de
garde royale		Arc de
chevalier		Arc
royal
ArcsArcs
Arc
en bois		Arc à
double encoche		Arc de
lumière		Arc du
crépuscule		Arc
en bois		Arc à
double encoche		Arc de
lumière		Arc du
crépuscule
ArrowArrow
Flèche en
bois		Flèche de
feu		Flèche de
glace		Flèche
électrique		Flèche
explosive		Flèche de
lumière		Flèche
archéonique		Flèche de
lumière		Flèche en
bois		Flèche de
feu		Flèche de
glace		Flèche
électrique		Flèche
explosive		Flèche de
lumière		Flèche
archéonique		Flèche de
lumière
-
-
+
+

Cuisine et Recettes

-
+

Pour les fans de la cuisine de Zelda : Breath of the Wild, il existe un site - très complet et très
renseigné sur 1) les ingrédients mais aussi 2) les recettes - que l'on peut cuisiner grâce à cette immense panoplie d'ingrédients
disponibles. + très complet et très
renseigné sur 1) les ingrédients mais aussi 2) les recettes + que l'on peut cuisiner grâce à cette immense panoplie d'ingrédients
disponibles. Vous retrouverez le site en cliquant ici !
- Home + +︽ + diff --git a/zelda.css b/zelda.css index ceb275a..68dc3e2 100644 --- a/zelda.css +++ b/zelda.css @@ -1,5 +1,35 @@ -table, td, th -{ +/*Donne un aspect visuel global à tout ce qui est entouré par body*/ +body{ + text-align: center; + line-height: 1.5; + font-size: large; + font-family: fangsong; + text-orientation: upright; + background-color: rgb(231,232,207); +} + +/*image de fond*/ +.bg{ + background-image: url('img/bg.png') ; + background-attachment: fixed; + background-repeat: no-repeat; + background-size: cover; +} + +/*Donne au header son apparence sticky<*/ +header{ + position : sticky; + top :0; + background-color: black; + color: rgb(152,251,152); + margin: auto; + border-radius: 20px/20px; + z-index: 100; +} + + +/*Modifie l'alignement des tableaux*/ +table, td, th{ margin: auto; text-align: center; border-width: thin; @@ -7,36 +37,30 @@ table, td, th border-style: solid; } - -video -{ - width: 40%; - height: auto; - autoplay:1; - border-radius: 50px/35px; +/*custom les images de objects.html*/ +td img{ + border-radius: 10px/5px; } - -body -{ - text-align: center; - font-size: large; - font-family: fangsong; - text-orientation: upright; - background-color: rgb(231,232,207); +/*Set la taille de la vidéo et son visuel puis indique qu'il faut qu'elle passe en arrière plan*/ +video{ + width: 65%; + height: auto; + border-radius: 20px/20px; + z-index:10; } -figure -{ +/*Définit une largeur et hauteur pour les figures*/ +figure{ padding-left:14%; padding-right:14%; margin-top:-0.1%; } -figcaption -{ +/*Définit le visuel des figure caption*/ +figcaption{ border-color :black; border-style:solid; border-width:thin; @@ -47,58 +71,141 @@ figcaption } -ul li -{ - text-align: center; - padding-right:3%; - list-style-position: inside; +/*Lorsqu'un lien n'est pas encore visité*/ +a{ + color: rgb( 94, 189, 179 ); } -.navbartitle -{ - position : sticky; - top :0; - background-color: black; - color: rgb(152,251,152); - margin: auto; - border-radius: 50px/35px; +/*quand on passe dessus*/ +a:hover{ + color: rgb( 94, 149, 149 ); } -.link -{ - color: rgb(66,162,229); +/*Une fois que le lien a été visité*/ +a:visited{ + color: rgb(90,160,185); } -p -{ - font-family: system-ui; +/*Effets sur toutes les balises de type p*/ +p{ color : rgb(35,42,92); - margin-left: 20%; - margin-right: 20%; - text-align: justify, center; + margin-left: 21%; + margin-right: 21%; + text-align: justify; + text-align-last: center ; } -img -{ +aside{ + float:right; + width : 20% +} + +/*Effets de base apportés aux images*/ +img{ + position:relative; align-content: center; - max-width: 100%; + max-width: 80%; height: auto; border-radius: 50px/35px; } -h1 -{ +/*Effets apportés à toutes les balises de gros titre h1*/ +h1{ background-color: black; margin-right: 16%; margin-left: 16%; color: rgb(152,251,152); - border-radius: 50px/35px; - padding-top:3px; + border-radius: 20px/20px; + padding-bottom: 4px; height: 50px; + text-shadow: 2px 2px 14px #76d09c ; + text-align: center; } -.button -{ +/*spécifie une ombre pour les h2*/ +h2{ + text-shadow: 1px 1px 3px #010a59 ; +} + +.clright h2{ + margin-left: 20%; +} + + +/*spécifie une ombre pour les h3*/ +h3{ + text-shadow: 1px 1px 2px #010a59; +} + + +/*Permet d'afficher les listes de cette manière*/ +ul{ + margin-left: 26%; + margin-right: 28%; + color: rgb(35,42,92); + list-style-type: '∴'; + border: 1px solid black; + border-radius: 15px/10px; +} + +aside ul{ + padding-left:15px; +} + +/*les éléments de la liste seront de la sorte*/ +li{ + margin-left: 14%; + margin-right: 18%; + display: list-item; + text-align: -webkit-match-parent; + /*list-style-type: '∴';*/ +} + + +aside li{ + margin-left:5px; +} + +/*permet de fixer et personnaliser le footer*/ +footer{ + text-shadow: 2px 2px #76d09c ; + text-align:center; + position: fixed; + bottom:6px; + right: 0; + display:inline-block; + vertical-align:top; + font-size:13px; + height: 25px; +} + +/*Permet d'afficher la barre nav avec tous ces éléments flexbox*/ +.flexbar{ + display:flex; + justify-content:center; + align-items:center; + flex-direction:row; + margin-bottom: -2px; + z-index: 10; + flex-wrap:wrap; +} + + +/*Permet à l'item "Zelda Breath of The Wild" d'être rapproché du menu*/ +.flex{ + display:flex; + justify-content: space-around; + align-items:baseline; + flex-direction:row; + margin-bottom: -2px; + flex-wrap:wrap; +} + + +/*Effets ajoutés à ce qui est dans la navbar, de sorte à ce que cela ressemble à des +boutons*/ +.buttonbar{ + text-shadow: 2px 2px 14px #76d09c ; background-color: black; border-color: black; border-style: hidden; @@ -106,159 +213,208 @@ h1 color: rgb(152,251,152); width: 128px; font-size: 100%; - font-family:fangsong; display:block; cursor:pointer; - border-radius: 50px/35px; text-decoration: none; + border-right: 1px solid #98fb98; } -.fixed -{ - right:0; - top: 0; - position: fixed; - margin-right:1%; - padding-right:2%;} +/*Effets ajoutés à certains liens pour que cela ressemble à un bouton sur lequel on +peut cliquer*/ +/* +border-radius: 50px/35px; hésitation avec ce border radius +*/ +.button{ + text-shadow: 2px 2px 14px #76d09c ; + background-color: black; + border-color: black; + border-style: hidden; + border-width: thin; + color: rgb(152,251,152); + width: 128px; + font-size: 100%; + display:block; + cursor:pointer; + border-radius: 10px/5px; + text-decoration: none; +} +/*Classe spéciale qui est comme buttonbar mais auquel il manque la couleur de la bordure +droite de délimitation*/ +.buttonlast{ + text-shadow: 2px 2px 14px #76d09c ; + background-color: black; + border-color: black; + border-style: hidden; + border-width: thin; + color: rgb(152,251,152); + width: 128px; + font-size: 100%; + display:block; + cursor:pointer; + text-decoration: none; +} +/*bouton contact*/ +.dropdownlog{ + text-shadow: 2px 2px 14px #76d09c ; + position: fixed; + top: 0; + margin-right: 30px; + margin-top: 23px; + right: 0; + border-color: black; + width: 100px; + font-size: 100%; + cursor:pointer; + text-decoration: none; + display: inline-block; + z-index:200; +} +/*contenu du bouton contact*/ +.dropdown-aff{ + display: none; + position: absolute; + margin-left: 22px; + background-color: transparent; + border-color: black; + border-style: hidden; + border-width: thin; + width: 66px; + cursor:pointer; + border-radius: 10px/5px; +} -aside -{ - border-style: inset; - border-color: rgb(60,119,113); - margin-left: 20%; - margin-right: 20%; +/*affichage des logos du contact*/ +.dropdownlog:hover .dropdown-aff { + display: block; } -.tenue -{ - display:block; - margin-left:auto; - margin-right:auto; - max-width: 100%; - height: auto; +/*Set la couleur pour le petit contact*/ +#Contact{ + color: rgb(152,251,152); } -.m -{ - display: :block; - width: :100% - height:auto; +/*Pour chaque logo, défini un border-radius*/ +.logo{ + border-radius: 20px/15px; } -.tab -{ - text-align: center; - table-layout: center; - width:73% -} -iframe -{ - modestbranding:1; - showinfo:0; - width:auto; - height:100%; +/*flèche positionnement et look*/ +.arrow{ + text-align:center; + text-decoration: none; + position: fixed; + bottom:16px; + right: 80px; + background-color: black; + border: 1px solid black; + padding-bottom: 5px; + border-radius: 70px/70px; + display:inline-block; + font-size:20px; + height: 30px; + width: 40px; } -.flexbar -{ - display:flex; - justify-content:center; - align-items:center; - flex-direction:row; - margin-bottom: -2px; - z-index: 10; -} -.flex -{ - display:flex; - justify-content: space-around; - align-items:baseline; - flex-direction:row; - margin-bottom: -2px; +.text{ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; } -.imgleft -{ - max-width: 55%; - float: left; - box-shadow: 3px 3px 10px black; + +/*permet d'afficher la map Korogu dans l'onglet map*/ +.korokmap{ + modestbranding:1; + showinfo:0; + width: 90%; + height : 700px; } -.imgleftp -{ - max-width: 55%; - float: left; - box-shadow: 3px 3px 10px black; +/*aspect physique du bouton*/ +.dropbtn{ + display: block; + width: 128px; + color: rgb(90,180,185); + text-shadow: 2px 2px 14px #76d09c ; + background-color: black; + font-size: 100%; + font-family: fangsong; + cursor:pointer; + text-decoration: none; + border-right: 1px solid #98fb98; } -.imgright -{ - max-width: 50%; - float: right; - box-shadow: 3px 3px 10px black; +/*affiche le bloc*/ +.dropdown{ + display: inline-block; } -.imgrightp -{ - max-width: 58%; - float: right; - box-shadow: 3px 3px 10px black; +/*contenu du bouton*/ +.dropdown-content{ + display: none; + background-color: black; + border-color: black; + border-style: hidden; + border-width: thin; + width: 128px; + font-size: 100%; + cursor:pointer; + text-decoration: none; + position: absolute; + border-radius: 10px/5px; } -.imgrightpp -{ - max-width: 65%; - float: right; - box-shadow: 3px 3px 10px black; +/*liens à défiler du bouton*/ +.dropdown-content a{ + color: white; + padding-top: 5px; + text-decoration: none; + display: block; } -.cleft -{ - clear: left; + +/*change la couleur lorsque l'on passe dessus*/ +.dropdown-content a:hover{ + background-color: #e1f1c1; } -.clright -{ - clear: right; +/*affiche le menu quand on passe dessus*/ +.dropdown:hover .dropdown-content{ + display: block; } -.left -{ - border: 1px solid black; - padding-bottom: 3px; - padding-top: 1px; - max-width: 55%; - float: left; - border-radius: 50px/35px; +/*Met la couleur au texte dans le contact*/ +label{ + color : rgb(35,42,92); } -.right -{ - border: 1px solid black; - padding-bottom: 3px; - padding-top: 1px; - max-width: 60%; - float: right; - border-radius: 50px/35px; +/*Stylise le php*/ +.php{ + display : flex; + justify-content: center; + align-items: center; } +/*dit que si l'écran inférieur ou égal à 800px on passe le aside en float:none*/ +@media only screen and (max-width: 800px) { + div.fleft { + float: none; + } +} -.item{ - width:550px; - text-align:center; - display:block; - background-color: transparent; - border: 1px solid transparent; - margin-bottom: 1px; - float:left; +/*set pour avoir le aside à côté*/ +div.fleft{ + width:80%; + float:left; }