diff --git a/Nathalia.html b/Nathalia.html index a37b22c..ace364b 100644 --- a/Nathalia.html +++ b/Nathalia.html @@ -22,7 +22,7 @@
- +

Cabinet du Dr Natalya MARACHIAN

Chirurgien dentiste

@@ -42,12 +42,11 @@
- - \ No newline at end of file diff --git a/images/3667174ba54019461b02ec576026f74d.jpeg b/images/3667174ba54019461b02ec576026f74d.jpeg new file mode 100644 index 0000000..5392253 Binary files /dev/null and b/images/3667174ba54019461b02ec576026f74d.jpeg differ diff --git a/images/8004340-Modifier-480x369.jpg b/images/8004340-Modifier-480x369.jpg new file mode 100644 index 0000000..a3a670d Binary files /dev/null and b/images/8004340-Modifier-480x369.jpg differ diff --git a/images/8004340-Modifier.jpg b/images/8004340-Modifier.jpg new file mode 100644 index 0000000..e0f453d Binary files /dev/null and b/images/8004340-Modifier.jpg differ diff --git a/images/Injections-d’acide-hyaluronique-848x447.jpg b/images/Injections-d’acide-hyaluronique-848x447.jpg new file mode 100644 index 0000000..7f19505 Binary files /dev/null and b/images/Injections-d’acide-hyaluronique-848x447.jpg differ diff --git a/images/Jdental-95219524-480x369.png b/images/Jdental-95219524-480x369.png new file mode 100644 index 0000000..36af86d Binary files /dev/null and b/images/Jdental-95219524-480x369.png differ diff --git a/images/Jdental-95219524.png b/images/Jdental-95219524.png new file mode 100644 index 0000000..af24196 Binary files /dev/null and b/images/Jdental-95219524.png differ diff --git a/images/acide.jpg b/images/acide.jpg new file mode 100644 index 0000000..f2e01a3 Binary files /dev/null and b/images/acide.jpg differ diff --git a/images/brosse.jpeg b/images/brosse.jpeg new file mode 100644 index 0000000..b709b41 Binary files /dev/null and b/images/brosse.jpeg differ diff --git a/images/brosse1.jpeg b/images/brosse1.jpeg new file mode 100644 index 0000000..67e68e7 Binary files /dev/null and b/images/brosse1.jpeg differ diff --git a/images/dent.png b/images/dent.png new file mode 100644 index 0000000..8132296 Binary files /dev/null and b/images/dent.png differ diff --git a/images/dentisterie.jpg b/images/dentisterie.jpg new file mode 100644 index 0000000..d80dec4 Binary files /dev/null and b/images/dentisterie.jpg differ diff --git a/images/detartr.jpg b/images/detartr.jpg new file mode 100644 index 0000000..e2625df Binary files /dev/null and b/images/detartr.jpg differ diff --git a/images/fd.jpg b/images/fd.jpg new file mode 100644 index 0000000..55d77e7 Binary files /dev/null and b/images/fd.jpg differ diff --git a/images/fdc.jpg b/images/fdc.jpg new file mode 100644 index 0000000..ae8a653 Binary files /dev/null and b/images/fdc.jpg differ diff --git a/images/fond_jaune.png b/images/fond_jaune.png new file mode 100644 index 0000000..c605be8 Binary files /dev/null and b/images/fond_jaune.png differ diff --git a/images/fotolia2-480x369.jpg b/images/fotolia2-480x369.jpg new file mode 100644 index 0000000..f007b35 Binary files /dev/null and b/images/fotolia2-480x369.jpg differ diff --git a/images/gout.png b/images/gout.png new file mode 100644 index 0000000..0a8bcc1 Binary files /dev/null and b/images/gout.png differ diff --git a/images/gouttiere.png b/images/gouttiere.png new file mode 100644 index 0000000..35be0e2 Binary files /dev/null and b/images/gouttiere.png differ diff --git a/images/implant.jpg b/images/implant.jpg new file mode 100644 index 0000000..208a1b6 Binary files /dev/null and b/images/implant.jpg differ diff --git a/images/implant1.jpg b/images/implant1.jpg new file mode 100644 index 0000000..036bc1c Binary files /dev/null and b/images/implant1.jpg differ diff --git a/images/injection.jpg b/images/injection.jpg new file mode 100644 index 0000000..c5791ea Binary files /dev/null and b/images/injection.jpg differ diff --git a/images/liege.jpg b/images/liege.jpg new file mode 100644 index 0000000..3cafbe8 Binary files /dev/null and b/images/liege.jpg differ diff --git a/images/logo1.jpg b/images/logo1.jpg index 2036099..9ba24a6 100644 Binary files a/images/logo1.jpg and b/images/logo1.jpg differ diff --git a/images/map16.png b/images/map16.png new file mode 100644 index 0000000..de6de4a Binary files /dev/null and b/images/map16.png differ diff --git a/images/parodon.jpg b/images/parodon.jpg new file mode 100644 index 0000000..2fddca8 Binary files /dev/null and b/images/parodon.jpg differ diff --git a/images/parodont.jpg b/images/parodont.jpg new file mode 100644 index 0000000..d57028b Binary files /dev/null and b/images/parodont.jpg differ diff --git a/images/pexels-photo-6627476.jpeg b/images/pexels-photo-6627476.jpeg new file mode 100644 index 0000000..a458ede Binary files /dev/null and b/images/pexels-photo-6627476.jpeg differ diff --git a/images/pexels-photo-6627519.jpeg b/images/pexels-photo-6627519.jpeg new file mode 100644 index 0000000..d8fdacd Binary files /dev/null and b/images/pexels-photo-6627519.jpeg differ diff --git a/images/sourire.jpg b/images/sourire.jpg new file mode 100644 index 0000000..92900b1 Binary files /dev/null and b/images/sourire.jpg differ diff --git a/images/sourire1.jpg b/images/sourire1.jpg new file mode 100644 index 0000000..47c7af3 Binary files /dev/null and b/images/sourire1.jpg differ diff --git a/images/tel16.png b/images/tel16.png new file mode 100644 index 0000000..df49060 Binary files /dev/null and b/images/tel16.png differ diff --git a/images/test1.jpg b/images/test1.jpg new file mode 100644 index 0000000..92c2ba5 Binary files /dev/null and b/images/test1.jpg differ diff --git a/style.css b/style.css index ea7df95..1876818 100644 --- a/style.css +++ b/style.css @@ -6,6 +6,7 @@ margin:auto;} #bloc_page {width: 100%; margin:auto; +background: rgb(189,244,252); } @@ -72,11 +73,12 @@ color:rgb(193,65,82); header nav { height: 70px; -font-size:1.4em; +font-size:1.6em; text-align: center; padding-top: 35px; background-color: rgb(16,99,175); + } header nav ul @@ -87,7 +89,7 @@ margin:auto;} header nav li {list-style-type: none; - padding-right: 20px; + padding-right: 30px; } header nav a @@ -103,6 +105,7 @@ border-bottom: 3px rgb(193,65,82) solid; } + #smile {background: url("images/smile.jpeg") no-repeat fixed; background-size: cover; @@ -316,6 +319,455 @@ padding-top: 60px;} width:100%; margin: auto; list-style-type: none;} + + +#equipe +{width: 80%; +display: flex; +margin-left: 10%; +margin-top: 40px; +padding-top: 30px; +background:rgb(1,95,183,0.5); +border-radius: 10px; +} + +#lis +{height: 400px; +border-right: 1px black solid; +width: 1%; + +margin-top: 50px;} + +#profil +{display: inline-block; + flex-direction: column; + width: 49.5%; + color:white; +} + +#profil p +{text-align: center; + +} + + + + + + + + + +#nom +{display: flex; +flex-direction: column; +align-items: center; + +} + + + + +#nom h2 +{font-size: 1.6em;} + +#nom h3 +{font-size: 1.3em; +color:rgb(222,223,224); +margin-top: -10px; +font-weight: normal;} + + +#exp +{padding-left: 80px;} + +#exp h3 +{font-size: 1.3em; +padding-left: 20px; +color: rgb(2,77,142);} + +#exp ul +{list-style-image:url("images/valid.png") ; + + +} + +#exp li +{padding-top: 5px; +} + +#traitements +{display: flex; + justify-content: space-between; + margin: auto; +width: 80%; +margin-top: 50px; +flex-wrap: wrap;} + +.ensemble +{width: 30%;} + + +.ensemble h2 +{text-align: center; + font-weight: normal; +} + +article nav a +{text-decoration: none; +color: black;} + +article nav a:hover +{text-decoration:underline; +color:rgb(119,221,249);} + +iframe +{margin-top: 50px; +} + + +#fin +{width: 80%; +margin: auto;} + +#fin h2 +{ +font-size: 3em; +width: 40%; +margin:auto; +margin-top: 150px; +text-align: center; +color: rgb(28,51,71); +} + +#fin h3 + +{font-size: 2em; +margin-top: 100px; +width: 18%; +margin-left: 39%; +font-weight: initial; + +text-align: center; +padding: 10px; +background:rgb(8,142,221);} + + +#fin a +{text-decoration: none; +color:white; +} + +#fin a:hover +{color:rgb(8,142,221);} + +#fin h3:hover +{background: white; +border:1px rgb(8,142,221) solid;} + + +footer +{margin-top: 100px; +background-color: rgb(81,98,114); +height: 300px;} + + +footer h1 +{color: white; +text-align: center; +font-weight: initial; +font-size: 1.6em; +padding-top: 40px; +} + + +footer p +{ +color:white; +text-align: center; +font-size: 1.3em; +padding-top: 20px; + +} + +footer a +{ +text-decoration: none; +} + +#mention +{color:white; +text-align: center; +font-size: 1.3em; +padding-top: 20px; +padding-bottom: 50px;} + + +@media all and (max-width: 1200px) + +{ + #block_page + {width: auto;} + + + #haut_de_page + {display:flex; + flex-direction: column; + width: 100%; + padding-top: 25px; + + height: 170px;} + + #logo_titre img + { + height:50px; + margin-top: 16px; + } + + + #titre h1 + {font-size: 1.5em; + padding-left: 10px;} + + #titre h2 + {font-size: 1.2em; + padding-left: 10px;} + + .adresse + {list-style-image: url("images/map16.png")} + + .tel + {list-style-image: url("images/tel16.png")} + + #haut_de_page ul + {display: flex; + justify-content: space-between;} + + #haut_de_page li + {width: 40%;} + + + header nav + {font-size: 1.2em; + height: 50px; + padding-top: 26px;} + + header nav ul + {margin: auto;} + + header nav li + {padding-right: 15px;} + + #smile + {display: none;} + + + .titre + {margin-top: 35px;} + + .titre h2 + {font-size: 1.4em;} + + #acceuil + {width:80%; + display: flex; + flex-direction: column; + + + margin-top: 40px; + margin-bottom: 40px; + + } + + + #acceuil img + {margin-left: 47%; + height: 25px;} + + #acceuil h3 + {text-align: center; + margin-top: 10px;} + + #horaires,#accès,#contact,#urgence + {width: 80%; + margin-left: 10%; + margin-bottom: 40px; + + } + + #horaires table + {margin:auto; + padding-bottom: 15px;} + + #accès h3 + {padding-right: 5%;} + + + #presentation img + {display: none;} + + #text_presentation + {width: 100%;} + + #text_presentation h2 + {font-size: 1.3em;} + + #text_presentation h3 + {font-size: 1.1em;} + + #text_presentation h4 + {font-size: 1.1em;} + + #text_presentation p,#text_presentation ul + {font-size: 1em;} + + #text_presentation li + {padding-bottom: 8px;} + + + #photos + {padding-top: 20px;} + + + #photos h2 + {font-size: 1.3em; + text-align: center; + padding-bottom: 20px; + } + + #photos img + {width:100%;} + + #photos ul + {display: flex; + flex-direction: column; + width:80%; + + list-style-type: none;} + + #photos li + {margin: auto; + + margin-bottom: 8px; + + width: 80%; + } + + + #equipe + {flex-direction: column; + background: rgb(189,244,252); } + + #lis + {display: none;} + + #profil + {width: 100%; + color:black;} + + #nom h2 + {font-size: 1.4em;} + + #nom h3 + {font-size: 1.2em; + color: rgb(8,142,221);} + + #exp + {margin-bottom: 80px;} + + #exp h3 + {font-size: 1.2em;} + + #traitements + {flex-direction: column; + } + + + .ensemble + {width: 100%;} + + .ensemble h2 + {font-size: 1.4em; + margin-top: -10px; + } + + + .ensemble img + {width: 80%; + } + + #img_traitement + {text-align: center; + } + + + + + + iframe + {height:500px;} + + + #fin h2 + {width: 100%; + + margin-top: 80px; + margin-bottom: 80px; + font-size: 2.4em; + } + + #fin h3 + {width: 45%; + margin: auto; + font-size: 1.6em;} + + + + footer + {height: 200px;} + + footer h1 + {font-size: 1.1em; + padding-top: 20px;} + + footer p + {font-size: 1em; + padding-top: 10px;} + + #mention + {font-size: 1em; + padding-bottom: 20px; + padding-top: 10px;} + + } + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/traitements/Acide.html b/traitements/Acide.html new file mode 100644 index 0000000..578aceb --- /dev/null +++ b/traitements/Acide.html @@ -0,0 +1,105 @@ + + + + + + + + + Acide + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Injection d'Acide Hyaluronique

+
+
+ +

implant

+ +

Etenim si attendere diligenter, existimare vere de omni hac causa volueritis, sic constituetis, iudices, nec descensurum quemquam ad hanc accusationem fuisse, cui, utrum vellet, liceret, nec, cum descendisset, quicquam habiturum spei fuisse, nisi alicuius intolerabili libidine et nimis acerbo odio. +
+
+ + Niteretur. Sed ego Atratino, humanissimo atque optimo adulescenti meo necessario, ignosco, qui habet excusationem vel pietatis vel necessitatis vel aetatis. Si voluit accusare, pietati tribuo, si iussus est, necessitati, si speravit aliquid, pueritiae. Ceteris non modo nihil ignoscendum, sed etiam acriter est resistendum. +
+
+ + Intellectum est enim mihi quidem in multis, et maxime in me ipso, sed paulo ante in omnibus, cum M. Marcellum senatui reique publicae concessisti, commemoratis praesertim offensionibus, te auctoritatem huius ordinis dignitatemque rei publicae tuis vel doloribus vel suspicionibus anteferre. Ille quidem fructum omnis ante actae vitae hodierno die maximum cepit, cum summo consensu senatus, tum iudicio tuo gravissimo et maximo. Ex quo profecto intellegis quanta in dato beneficio sit laus, cum in accepto sit tanta gloria. +

+ + +
+ + +
+

Cabinet dentaire Vals les Bains

+ +

Docteur Natalya Marachian © 2021 - Tous droits réservés +
+
+ Conception et résalisation : Matthieu Hertaut + +

+

Mentions légales

 + + +
+ + +
+ + + + diff --git a/traitements/Dentisterie.html b/traitements/Dentisterie.html new file mode 100644 index 0000000..8dc3ed1 --- /dev/null +++ b/traitements/Dentisterie.html @@ -0,0 +1,101 @@ + + + + + + + + + Dentisterie Omnipratique + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Dentisterie Omnipratique

+
+
+ +

dentisterie

+ +

La dentisterie omni pratique répond à vos besoins en terme de soins dentaires les plus fréquents : traitement des caries, détartrage, contrôles bucco dentaires. +
+
+ + Nos traitements ont recours aux matériaux composites et aux céramiques pour éviter l’utilisation des plombages : c’est la dentisterie adhésive. +
+
+ + D’autre part, un des objectifs de la dentisterie moderne est d’empêcher l’apparition des maladies : les traitements de prophylaxie vous seront proposés si vous le souhaitiez, afin d’empêcher les caries et les problèmes de déchaussement. +

+
+ + +
+

Cabinet dentaire Vals les Bains

+ +

Docteur Natalya Marachian © 2021 - Tous droits réservés +
+
+ Conception et résalisation : Matthieu Hertaut + +

+

Mentions légales

 + + +
+ + +
+ + \ No newline at end of file diff --git a/traitements/Gouttières.html b/traitements/Gouttières.html new file mode 100644 index 0000000..62f9eab --- /dev/null +++ b/traitements/Gouttières.html @@ -0,0 +1,110 @@ + + + + + + + + + Parodontologie + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Alignement par Gouttières transparantes

+
+
+ +

gouttière

+ +

Les aligneurs correspondent à un traitement orthodontique invisible préconisé dans les cas suivants : traitement. +
+
+

+
    +
  • Dents qui se chevauchent
    • +
  • Dents mal alignées
    • +
  • Trop d'espace entre les dents
    • +
  • Dents manquantes
    • +
+

+ Le cabinet propose un protocole de traitement avec la fabrication sur mesure de gouttières transparentes, et qui sont évolutives (DENTOSMILE). L’avantage est d’éviter les inesthétiques bagues en métal, difficilement compatibles avec une vie sociale ; en outre ces gouttières sont entièrement amovibles permettant de manger ainsi sans contrainte en particulier. +
+
+ + Portées quotidiennement pendant des laps de temps de deux à trois semaines, elles vont redresser les dents progressivement et en douceur. A la fin de chaque période, un autre jeu de gouttières prend la relève. Il faut, en général, environ un an pour obtenir un alignement parfait. + + +

+
+ + +
+

Cabinet dentaire Vals les Bains

+ +

Docteur Natalya Marachian © 2021 - Tous droits réservés +
+
+ Conception et résalisation : Matthieu Hertaut + +

+

Mentions légales

 + + +
+ + +
+ + \ No newline at end of file diff --git a/traitements/Implantologie.html b/traitements/Implantologie.html new file mode 100644 index 0000000..9d8a592 --- /dev/null +++ b/traitements/Implantologie.html @@ -0,0 +1,112 @@ + + + + + + + + + Implantologie + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Implantologie

+
+
+ +

implant

+ +

L’implantologie permet de remplacer des dents manquantes ou malsaines et de répondre plus globalement aux besoins de stabilité masticatoire, fonctionnelle et esthétique. +
+
+ + Les implants dentaires sont des racines artificielles qui sont posées pour être au service des futures dents. L’objectif est d’obtenir des dents fixes. +
+
+ + Nous proposons les traitements implantaires en plusieurs étapes que sont le diagnostic, la planification et l’intégration de l’implant. +
+
+ + En effet un implant bien positionné ne se remarquera pas, ni au niveau fonctionnel qu’au niveau esthétique. Cette approche nous invite à planifier correctement la position idéale des implants dentaires et le moment idéal dans la séquence de traitement. Cette planification peut être matérialisée dans des guides chirurgicaux pour les cas complexes. De cette façon, la chirurgie est précise, prévisible et sûre.

+ + +
+ + +
+

Cabinet dentaire Vals les Bains

+ +

Docteur Natalya Marachian © 2021 - Tous droits réservés +
+
+ Conception et résalisation : Matthieu Hertaut + +

+

Mentions légales

 + + +
+ + +
+ + + + + + + + diff --git a/traitements/Parodontologie.html b/traitements/Parodontologie.html new file mode 100644 index 0000000..ce58378 --- /dev/null +++ b/traitements/Parodontologie.html @@ -0,0 +1,109 @@ + + + + + + + + + Parodontologie + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Parodontologie

+
+
+ +

dentisterie

+ +

Les maladies parodontales sont des infections bactériennes (microbiennes) qui affectent et détruisent les tissus qui entourent et supportent les dents (le parodonte). Les tissus concernés sont la gencive, les fibres d’attachement (ligament ou desmodonte) et l’os qui supporte les dents. Les maladies parodontales constituent un problème important de santé et représentent, avec la carie dentaire, les affections principales de la cavité buccale. +
+
+ + Le développement et la progression de la maladie varient en fonction de : +
+
+

+
    +
  • La susceptibilité de chacun aux bactéries pathogènes, régulée par l’efficacité de ses mécanismes de défense et la présence de certaines pathologies systémiques (diabète en particulier) ou la prise de médicaments.
    • +
  • Des facteurs de risque tels que le tabac.
    • +
  • Le stress peut diminuer les capacités de défense contre les bactéries.
    • +
  • Des facteurs aggravants tels que les caries, les restaurations prothétiques inadaptées, les malpositions dentaires, …
    • +
+

+ Pour traiter cette affection, nous réalisons avec le patient son historique médical et dentaire (maladies, prises de médicaments, etc.), examinons ses gencives (radio, prises de mesures..) et proposons ensuite un plan de traitement. + +

+
+ + +
+

Cabinet dentaire Vals les Bains

+ +

Docteur Natalya Marachian © 2021 - Tous droits réservés +
+
+ Conception et résalisation : Matthieu Hertaut + +

+

Mentions légales

 + + +
+ + +
+ + \ No newline at end of file diff --git a/traitements/Sourire.html b/traitements/Sourire.html new file mode 100644 index 0000000..aa6914e --- /dev/null +++ b/traitements/Sourire.html @@ -0,0 +1,119 @@ + + + + + + + + + Réhabilitation du sourire + + + + +
+ +
+ + + +
+ + +
+ + +
+

Cabinet du Dr Natalya MARACHIAN

+

Chirurgien dentiste

+
+
+ + + + + +
+ + + + + + + +
+ +
+ + +
+
+

Réhabilitation du sourire

+
+
+ +

dentisterie

+ +

Pour chacun d’entre nous santé et harmonie sont des facteurs importants de notre sourire et aussi de notre capacité à sourire. +
+
+ + Le défi est ici d’avoir un sourire sain et beau en accord avec son visage. +
+
+ + Ce défi, notre équipe vous promet de le relever à l’aide des outils les plus appropriés : implants, facettes ou traitements orthodontiques adaptés à votre cas, avec une réelle fiabilité dans le temps. +
+
+ + Ces derniers ne sont que des outils pour atteindre le but de votre voyage : VOTRE SOURIRE. +
+
+ + La réhabilitation du sourire passe par quatre phases : +
+
+

+
    +
  1. Nous débutons par un entretien durant lequel nous cherchons à comprendre quels sont vos rêves, vos objectifs. Un bilan complet sera nécessaire (Radio panoramique, Empreintes, 3D si nécessaire, Bilan photo).
    2. +
  2. A l’issue de ce bilan, nous proposons un plan de traitement dentaire ainsi qu’un SMILE DESIGN. Les outils numériques que nous utilisons nous permettent de dessiner votre sourire en fonction de votre visage, afin que l’ensemble, visage, sourire, dents soient en totale harmonie.
    3. +
  3. Lors du traitement dentaire, nous solutionnons les problèmes éventuels tels que les caries, les infections des gencives, les dents manquantes, les malpositions des dents, les problèmes musculaires des mâchoires.
    4. +
  4. Lorsque l’ensemble des problèmes de santé dentaire est réglé, tout est enfin possible et on peut passer à l’étape esthétique pour avoir le sourire idéal. Cela peut passer par des facettes, des couronnes, du blanchiment.
    5. +
+

+ Votre objectif est le nôtre : un beau sourire et une bouche stable et fonctionnelle. +

+
+ + + + +
+ + \ No newline at end of file diff --git a/traitements/style.css b/traitements/style.css new file mode 100644 index 0000000..17408d7 --- /dev/null +++ b/traitements/style.css @@ -0,0 +1,344 @@ +body +{width: auto; +margin:auto;} + + +#bloc_page +{width: 100%; +margin:auto; +background: rgb(189,244,252); +} + + + + + +#haut_de_page +{height:200px; +display:flex; +justify-content: space-between; +align-items: center; +font-family: 'El Messiri', sans-serif; +width: 80%; +margin: auto; + +} + +#titre +{display: flex; +flex-direction: column; +} + +#titre h2 +{ + margin-top:-25px; +} + +#titre h1 +{font-size: 2em; + font-weight: bold; + font-style: italic; + +} + +#titre h2 +{font-weight:normal; } + +#logo_titre +{display: flex;} + +#logo_titre img +{ +height:100px;} + +.adresse +{list-style-image: url("images/map.png")} + +.tel +{list-style-image: url("images/tel.png")} + +#haut_de_page li +{margin-top: 3px;} + +#haut_de_page a +{color: black; +text-decoration: none;} + +#haut_de_page a:hover +{ +text-decoration: underline; +color:rgb(193,65,82); +} + +header nav +{ +height: 70px; +font-size:1.4em; +text-align: center; +padding-top: 35px; +background-color: rgb(16,99,175); + +} + +header nav ul +{display: flex; +flex-wrap: wrap; +justify-content: center; +margin:auto;} + +header nav li +{list-style-type: none; + padding-right: 20px; +} + +header nav a +{color: white; + +text-decoration:none; + +} + +header nav a:hover +{color:rgb(193,65,82); +border-bottom: 3px rgb(193,65,82) solid; +} + + +.titre +{display: block; +margin-top: 90px; +margin-left: 10%; +width: 80%; +} + +.titre span +{display:table-cell; + vertical-align: middle; +width: 50%; + + + +} + +.lign1 +{display:inline-block; +border-bottom: 1px rgb(159,160,160) solid; +width: 100%;} + +.titre h2 +{ +display: table-cell; +padding-left: 5px; +padding-right: 5px; +font-size:1.9em; +white-space: nowrap; +} + + + +section img +{width: 80%; +margin: auto; +} + +#img +{text-align: center; +margin-top: 50px;} + +.text +{margin-top: 50px; +font-size: 1.4em; +width: 80%; +margin-left: 10%; +color: rgb(2,77,142);} + +section ol,section ul +{font-size: 1.4em; +width: 80%; +margin-left: 10%; +color: rgb(2,77,142);} + +section li +{margin-top: 7px;} + + + + +#fin +{width: 80%; +margin: auto;} + +#fin h2 +{padding-top: 150px; +font-size: 3em; +width: 40%; +margin:auto; +text-align: center; +color: rgb(28,51,71); +} + +#fin h3 + +{font-size: 2em; +margin-top: 80px; +width: 18%; +margin-left: 40%; +font-weight: initial; + +text-align: center; +padding: 10px; +background:rgb(8,142,221);} + + +#fin a +{text-decoration: none; +color:white; +} + +#fin a:hover +{color:rgb(8,142,221);} + +#fin h3:hover +{background: white; +border:1px rgb(8,142,221) solid;} + + +footer +{margin-top: 100px; +background-color: rgb(81,98,114); +height: 300px;} + + +footer h1 +{color: white; +text-align: center; +font-weight: initial; +font-size: 1.6em; +padding-top: 40px; +} + + +footer p +{ +color:white; +text-align: center; +font-size: 1.3em; +padding-top: 20px; + +} + +footer a +{ +text-decoration: none; +} + +#mention +{color:white; +text-align: center; +font-size: 1.3em; +padding-top: 20px; +padding-bottom: 50px;} + + +@media all and (max-width: 1200px) + +{ + #block_page + {width: auto;} + + + #haut_de_page + {display:flex; + flex-direction: column; + width: 100%; + padding-top: 25px; + + height: 170px;} + + #logo_titre img + { + height:50px; + margin-top: 16px; + } + + + #titre h1 + {font-size: 1.5em; + padding-left: 10px;} + + #titre h2 + {font-size: 1.2em; + padding-left: 10px;} + + .adresse + {list-style-image: url("images/map16.png")} + + .tel + {list-style-image: url("images/tel16.png")} + + #haut_de_page ul + {display: flex; + justify-content: space-between;} + + #haut_de_page li + {width: 40%;} + + + header nav + {font-size: 1.2em; + height: 50px; + padding-top: 26px;} + + header nav ul + {margin: auto;} + + header nav li + {padding-right: 15px;} + + .titre + {margin-top: 35px;} + + .titre h2 + {font-size: 1.4em;} + + + .text,section ul,section ol + {font-size: 1.2em;} + + + + + #fin h2 + {width: 100%; + + margin-top: 80px; + margin-bottom: 80px; + font-size: 2.4em; + } + + #fin h3 + {width: 45%; + margin: auto; + font-size: 1.6em;} + + + + footer + {height: 200px;} + + footer h1 + {font-size: 1.1em; + padding-top: 20px;} + + footer p + {font-size: 1em; + padding-top: 10px;} + + #mention + {font-size: 1em; + padding-bottom: 20px; + padding-top: 10px;} + + } + +}