")); fetchLoginTypeURL = '/api/sitecore/Account/FetchLoginType'; ErrorMessage = { UserIDandPasswordRequired: "Username and Password are required fields", UserIDRequired: "Username is a required field", PasswordRequired: "Password is a required field" } {"@context":"https:\/\/schema.org\/","@type":"Blog","@id":"https:\/\/www.camping-spa.fr","mainEntityOfPage":"https:\/\/www.camping-spa.fr","name":"Camping avec spa","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-spa.fr","name":"camping-spa.fr"},"blogPost":{"@type":"BlogPosting","@id":"\/les-campings-avec-spa\/camping-spa-hyeres-avantages.html","mainEntityOfPage":"\/les-campings-avec-spa\/camping-spa-hyeres-avantages.html","headline":"Les 3 principaux avantages de choisir un camping avec spa \u00e0 Hy\u00e8res","name":"Les 3 principaux avantages de choisir un camping avec spa \u00e0 Hy\u00e8res","description":"Faire une r\u00e9servation dans un camping spa Hy\u00e8res demeure avantageux sur de nombreux points. Cette ville riche de 2 400 ans d\u2019histoires reste une...","datePublished":"2022-06-07","url":"\/les-campings-avec-spa\/camping-spa-hyeres-avantages.html"}} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, img, strong, sub, sup, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} body, article, aside, details, figure, footer, header, main, nav, section, time, paginate, blockquote {display: block; box-sizing: border-box;} body {margin:0px;display:flex;flex-direction:column;justify-content:center;line-height: 1; text-align:center;background:rgba(229,211,224,1);font-family: Arial, sans-serif;color: rgba(43,13,35,1);} body:hover{background:rgba(229,211,224,1);} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} header, main, footer {display:block;margin:auto;width:100vw;} header img, header picture {display:block;margin:auto;width:1200px;max-width:100vw;height:auto;} a {color: rgba(152,56,120,1);} a:hover {color: rgba(139,0,103,1);text-decoration:none;} header {order:1;} main {order:2; display: flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items: stretch;width:100vw;background:rgba(255,255,255,1);} main:hover {background:rgba(255,255,255,1);} aside {display:block;width:100%;height:auto;margin:10px auto;text-align:center;} main > section {width:95vw;} main > section > h1 {display:block;font-size:1.5em;padding:20px 10px;} main > section > nav > ol {font-size:0.9em;display:flex;flex-direction:column;flex-wrap:wrap;} main > section > nav > ol > li:first-child:before {content:"⌂";margin-right:5px;} main > section > nav > ol > li {display:inline-block;padding:5px;} main > section > nav > ol > li > a:hover {text-decoration:underline;} main > section > article {margin:10px auto;padding:10px;line-height:2em;text-align:justify;background:rgba(255,255,255,0);} main > section > article:hover {background:rgba(255,255,255,0);} main > section > article P {display:block;width:100%;margin:20px 0px;} main > section > article h2 {margin:10px 0px;font-weight:bold;font-size:1.2em;} main > section > article h3 {margin:10px 20px;font-weight:bold;font-size:1em;} main > section > article img {display:block;max-width:90%;margin:auto;} main > section > article a {text-decoration:underline;} main > section > article ul, main > section > article ol { list-style-type: disc; padding-left: 20px;} main > section > article ol {list-style-type: decimal; padding-left: 20px;} main > section > article em, main > section > article i {font-style: italic;} main > section > article strong, main > section > article b {font-weight: bold;} main > section > article u {text-decoration: underline;} main > section > article table {width: 100%;border-collapse: collapse;margin: 20px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} main > section > article table th, main > section > article table td {border: 1px solid;padding: 10px;text-align: left;} main > section > article table th {font-weight: bold;text-align: center;} main > section > article table tr:nth-child(even) {filter: brightness(0.97);} main > section > time {margin:5px 10px 10px 10px;font-style:italic;text-align:right;} main > section > paginate > ul {width:100%;font-size:0.9em;line-height:1.3em;display:flex;flex-direction:row;justify-content:space-between;} main > section > paginate > ul > li {max-width:40%;} main > section > paginate > ul > li:first-child a:before {display:block;margin:0 0 5px 0;content:"⇦";} main > section > paginate > ul > li:last-child a:before {display:block;margin:0 0 5px 0;content:"⇨";} main > section > paginate > ul > li > a {display:block;margin:auto;padding:15px;border:1px dashed rgba(255,255,255,0);} main > section > section > article {text-align:justify;margin:20px 10px;padding:20px 0px;line-height:1.8em;border-top:1px solid rgba(102,102,102,0.9);} main > section > section > article:first-child {border:0px;} main > section > section > article > h1 {text-align:left;font-weight:bold;margin-bottom:10px;font-size:1.2em;} main > section > section > article > h1:hover {margin-left:10px;} main > section > section > article > div {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;} main > section > section > article > div, main > section > section > article > div > a, main > section > section > article > div > blockquote {display:block;} main > section > section > article > div > a > img {display:block;max-width:100%;margin:auto;height:auto;} main > section > section > article > div > blockquote > a {text-decoration:underline;} main > section > section > article > div > blockquote > a:hover {text-decoration:none;} main > section > section > h2 {font-weight:bold;margin:15px 0px;} main > section > section > ul {margin:30px 0px;} main > section > section > ul > li {display:block;font-size:0.9em;padding:5px 10px;margin:10px 0px;display:flex;flex-direction:row;justify-content:space-between;} main > section > section > ul > li > time {font-style:italic;width:120px;} main > section > section > ul > li > a {text-align:left;width:630px;} main > section > section > ul > li > a:hover {text-decoration:underline;} main > section > section > ul > li > hits {text-align:right;font-style:italic;width:120px;} main > nav {display:flex;flex-direction:column;width:100%;background:rgba(255,255,255,0.3);} main > nav:hover {background:rgba(255,255,255,0.3);} main > nav > div {display:block;margin:10px;} main > nav > div > a > h2 {display:block;margin:auto;font-size:1.1em;margin:0px 5px 0px 5px;padding:10px 0px;font-weight:bold;} main > nav > div > ol {margin-bottom:10px;padding:0px;} main > nav > div > ol > li {display:block;text-align:left;padding:5px;margin:0px 5px;} main > nav > div > ol > li > a {display:block;font-size:0.9em;padding:5px;margin:5px 20px 5px 0px;} footer {order:3;width:95vw;padding:10px 0px;font-size:0.8em;line-height:1.7em;} main > nav > div > ol {background:rgba(255,255,255,0);} main > nav > div > ol:hover {background:rgba(255,255,255,0.3);} body > footer {background:rgba(255,255,255,1);} body > footer:hover {background:rgba(255,255,255,1);} @media(min-width: 1200px){ * {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} header, main, footer {max-width:1200px;} main {display:flex;flex-direction:row;} main > section {width:900px;max-width:90vw;} main > section > h1 {font-size:2.8em;line-height:1.5em;text-align:left;margin:30px 0px;padding:0px;} main > section > nav > ol {flex-direction:row;} main > section > nav > ol > li::after {content:" / ";color:rgba(200,200,200,0.7);} main > section > nav > ol > li:last-child:after {content:"";} main > section > article h2 {font-size:1.4em;} main > section > article h3 {font-size:1.1em;} main > section > section > article > div {position:relative;display:flex;flex-direction:row;flex-wrap: nowrap;align-items: flex-start;} main > section > section > article > div > a > img {margin-top:5px;} main > section > section > article:nth-child(even) > div {flex-direction:row-reverse;} main > section > section > article:nth-child(odd) > div > a {margin-right:20px;} main > section > section > article:nth-child(even) > div > a {margin-left:20px;} main > section > section > article > div > blockquote {min-width:50%;max-width:100%;} main > section > section > article > div > a {min-width:30%;margin:5px;} main > section > section > article > div > a > img {display:block;height:auto;} main > section > paginate > ul > li > a:hover {border:1px solid rgba(102,102,102,0.9);} main > nav {width:300px;max-width:90vw;} main > nav > div > a > h2 {text-align:left;} main > nav > div > ol > li > a:hover {margin:5px 0px 5px 20px;} footer {text-align:left;} footer a:hover {text-decoration:underline;} } @media(min-width: 1200px){ main > nav{order:1;} main > section{order:2;}} Tous les avantages de réserver dans un camping avec spa à Hyères
La rédaction•7 juin 2022•2 min de lecture
Faire une réservation dans un camping spa Hyères demeure avantageux sur de nombreux points. Cette ville riche de 2 400 ans d'histoires reste une...
Faire une réservation dans un camping spa Hyères demeure avantageux sur de nombreux points. Cette ville riche de 2 400 ans d’histoires reste une excellente destination pour des vacances ressourçantes et reposantes. Après vos promenades de découverte, vous pourrez vous relaxer et vous remettre en forme dans un espace balnéo de charme et vous adonner à d’innombrables activités.
Pour avoir un spa à portée de pied
Il n’y a pas mieux pour les vacances que de se relaxer complètement et de prolonger son séjour avec des soins beauté, visage et corps, dans un camping spa Hyères. Ce genre d’établissement propose de nombreuses prestations de bien-être et de remise en forme pour les vacanciers. Vous pourrez ainsi profiter pleinement de vos vacances dans le confort et vous offrir des instants de détente dans une ambiance discrète et apaisante. Entre les soins esthétiques, les massages et les séances de relaxation du hammam, du sauna et des bains bouillonnants, vous pourrez prendre soin de vous et passer de bons moments avec vos proches. Des professionnels resteront à votre disposition à tout moment pour vous faire oublier votre stress quotidien.
Pour profiter des bienfaits du climat de Hyères
En séjournant dans un camping spa Hyères, vous ne profiterez pas uniquement des mains expertes des professionnels de l’établissement choisir. Vous pourrez entre autres jouir de l’agréable climat et de l’ensoleillement d’exception de la Côte d’Azur. En été ou en hiver, ce lieu de villégiature vous accueille dans des hôtelleries de plein air qui proposent diverses activités adaptées. Entre les joies de la baignade, le farniente à la plage et les activités nautiques dans la Méditerranée, petits et grands trouveront facilement leur bonheur durant la saison estivale. En temps plus frais, vous pouvez vous adonner à des randonnées à vélo ou à pied, partir dans des escapades en montagne ou encore flâner dans les parcs et les jardins remarquables d’Hyères.
Pour accéder à tous les services d'un camping de qualité du Var
Pendant vos vacances dans un camping spa Hyères, des prestations de service de qualité vous attendront à tout moment. Pendant que vous dégustez de succulents plats dans le restaurant ou que vous savourez un rafraichissement au bar, vos enfants pourront s’adonner à de nombreuses activités dans le club dédié et l’aire de jeux pour faire de nouvelles rencontres. Vous avez également la possibilité de dénicher de nombreuses locations de mobil-homes ou de cottages, parfaitement équipés et parfois dotés de spa privatif qui vous permettra de vous relaxer en toute intimité, dans un cadre confortable, convivial et chaleureux. Vous pouvez également y venir en tente, en caravane ou en camping-car et choisir parmi les emplacements nus, délimités et matérialisés.
")); fetchLoginTypeURL = '/api/sitecore/Account/FetchLoginType'; ErrorMessage = { UserIDandPasswordRequired: "Username and Password are required fields", UserIDRequired: "Username is a required field", PasswordRequired: "Password is a required field" } {"@context":"https:\/\/schema.org\/","@type":"Blog","@id":"https:\/\/www.camping-spa.fr","mainEntityOfPage":"https:\/\/www.camping-spa.fr","name":"Camping avec spa","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-spa.fr","name":"camping-spa.fr"}} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, img, strong, sub, sup, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} body, article, aside, details, figure, footer, header, main, nav, section, time, paginate, blockquote {display: block; box-sizing: border-box;} body {margin:0px;display:flex;flex-direction:column;justify-content:center;line-height: 1; text-align:center;background:rgba(229,211,224,1);font-family: Arial, sans-serif;color: rgba(43,13,35,1);} body:hover{background:rgba(229,211,224,1);} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} header, main, footer {display:block;margin:auto;width:100vw;} header img, header picture {display:block;margin:auto;width:1200px;max-width:100vw;height:auto;} a {color: rgba(152,56,120,1);} a:hover {color: rgba(139,0,103,1);text-decoration:none;} header {order:1;} main {order:2; display: flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items: stretch;width:100vw;background:rgba(255,255,255,1);} main:hover {background:rgba(255,255,255,1);} aside {display:block;width:100%;height:auto;margin:10px auto;text-align:center;} main > section {width:95vw;} main > section > h1 {display:block;font-size:1.5em;padding:20px 10px;} main > section > nav > ol {font-size:0.9em;display:flex;flex-direction:column;flex-wrap:wrap;} main > section > nav > ol > li:first-child:before {content:"⌂";margin-right:5px;} main > section > nav > ol > li {display:inline-block;padding:5px;} main > section > nav > ol > li > a:hover {text-decoration:underline;} main > section > article {margin:10px auto;padding:10px;line-height:2em;text-align:justify;background:rgba(255,255,255,0);} main > section > article:hover {background:rgba(255,255,255,0);} main > section > article P {display:block;width:100%;margin:20px 0px;} main > section > article h2 {margin:10px 0px;font-weight:bold;font-size:1.2em;} main > section > article h3 {margin:10px 20px;font-weight:bold;font-size:1em;} main > section > article img {display:block;max-width:90%;margin:auto;} main > section > article a {text-decoration:underline;} main > section > article ul, main > section > article ol { list-style-type: disc; padding-left: 20px;} main > section > article ol {list-style-type: decimal; padding-left: 20px;} main > section > article em, main > section > article i {font-style: italic;} main > section > article strong, main > section > article b {font-weight: bold;} main > section > article u {text-decoration: underline;} main > section > article table {width: 100%;border-collapse: collapse;margin: 20px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} main > section > article table th, main > section > article table td {border: 1px solid;padding: 10px;text-align: left;} main > section > article table th {font-weight: bold;text-align: center;} main > section > article table tr:nth-child(even) {filter: brightness(0.97);} main > section > time {margin:5px 10px 10px 10px;font-style:italic;text-align:right;} main > section > paginate > ul {width:100%;font-size:0.9em;line-height:1.3em;display:flex;flex-direction:row;justify-content:space-between;} main > section > paginate > ul > li {max-width:40%;} main > section > paginate > ul > li:first-child a:before {display:block;margin:0 0 5px 0;content:"⇦";} main > section > paginate > ul > li:last-child a:before {display:block;margin:0 0 5px 0;content:"⇨";} main > section > paginate > ul > li > a {display:block;margin:auto;padding:15px;border:1px dashed rgba(255,255,255,0);} main > section > section > article {text-align:justify;margin:20px 10px;padding:20px 0px;line-height:1.8em;border-top:1px solid rgba(102,102,102,0.9);} main > section > section > article:first-child {border:0px;} main > section > section > article > h1 {text-align:left;font-weight:bold;margin-bottom:10px;font-size:1.2em;} main > section > section > article > h1:hover {margin-left:10px;} main > section > section > article > div {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;} main > section > section > article > div, main > section > section > article > div > a, main > section > section > article > div > blockquote {display:block;} main > section > section > article > div > a > img {display:block;max-width:100%;margin:auto;height:auto;} main > section > section > article > div > blockquote > a {text-decoration:underline;} main > section > section > article > div > blockquote > a:hover {text-decoration:none;} main > section > section > h2 {font-weight:bold;margin:15px 0px;} main > section > section > ul {margin:30px 0px;} main > section > section > ul > li {display:block;font-size:0.9em;padding:5px 10px;margin:10px 0px;display:flex;flex-direction:row;justify-content:space-between;} main > section > section > ul > li > time {font-style:italic;width:120px;} main > section > section > ul > li > a {text-align:left;width:630px;} main > section > section > ul > li > a:hover {text-decoration:underline;} main > section > section > ul > li > hits {text-align:right;font-style:italic;width:120px;} main > nav {display:flex;flex-direction:column;width:100%;background:rgba(255,255,255,0.3);} main > nav:hover {background:rgba(255,255,255,0.3);} main > nav > div {display:block;margin:10px;} main > nav > div > a > h2 {display:block;margin:auto;font-size:1.1em;margin:0px 5px 0px 5px;padding:10px 0px;font-weight:bold;} main > nav > div > ol {margin-bottom:10px;padding:0px;} main > nav > div > ol > li {display:block;text-align:left;padding:5px;margin:0px 5px;} main > nav > div > ol > li > a {display:block;font-size:0.9em;padding:5px;margin:5px 20px 5px 0px;} footer {order:3;width:95vw;padding:10px 0px;font-size:0.8em;line-height:1.7em;} main > nav > div > ol {background:rgba(255,255,255,0);} main > nav > div > ol:hover {background:rgba(255,255,255,0.3);} body > footer {background:rgba(255,255,255,1);} body > footer:hover {background:rgba(255,255,255,1);} @media(min-width: 1200px){ * {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} header, main, footer {max-width:1200px;} main {display:flex;flex-direction:row;} main > section {width:900px;max-width:90vw;} main > section > h1 {font-size:2.8em;line-height:1.5em;text-align:left;margin:30px 0px;padding:0px;} main > section > nav > ol {flex-direction:row;} main > section > nav > ol > li::after {content:" / ";color:rgba(200,200,200,0.7);} main > section > nav > ol > li:last-child:after {content:"";} main > section > article h2 {font-size:1.4em;} main > section > article h3 {font-size:1.1em;} main > section > section > article > div {position:relative;display:flex;flex-direction:row;flex-wrap: nowrap;align-items: flex-start;} main > section > section > article > div > a > img {margin-top:5px;} main > section > section > article:nth-child(even) > div {flex-direction:row-reverse;} main > section > section > article:nth-child(odd) > div > a {margin-right:20px;} main > section > section > article:nth-child(even) > div > a {margin-left:20px;} main > section > section > article > div > blockquote {min-width:50%;max-width:100%;} main > section > section > article > div > a {min-width:30%;margin:5px;} main > section > section > article > div > a > img {display:block;height:auto;} main > section > paginate > ul > li > a:hover {border:1px solid rgba(102,102,102,0.9);} main > nav {width:300px;max-width:90vw;} main > nav > div > a > h2 {text-align:left;} main > nav > div > ol > li > a:hover {margin:5px 0px 5px 20px;} footer {text-align:left;} footer a:hover {text-decoration:underline;} } @media(min-width: 1200px){ main > nav{order:1;} main > section{order:2;}} Les campings avec spa
")); fetchLoginTypeURL = '/api/sitecore/Account/FetchLoginType'; ErrorMessage = { UserIDandPasswordRequired: "Username and Password are required fields", UserIDRequired: "Username is a required field", PasswordRequired: "Password is a required field" } {"@context":"https:\/\/schema.org\/","@type":"Blog","@id":"https:\/\/www.camping-spa.fr","mainEntityOfPage":"https:\/\/www.camping-spa.fr","name":"Camping avec spa","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-spa.fr","name":"camping-spa.fr"}} html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, em, img, strong, sub, sup, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} body, article, aside, details, figure, footer, header, main, nav, section, time, paginate, blockquote {display: block; box-sizing: border-box;} body {margin:0px;display:flex;flex-direction:column;justify-content:center;line-height: 1; text-align:center;background:rgba(229,211,224,1);font-family: Arial, sans-serif;color: rgba(43,13,35,1);} body:hover{background:rgba(229,211,224,1);} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} header, main, footer {display:block;margin:auto;width:100vw;} header img, header picture {display:block;margin:auto;width:1200px;max-width:100vw;height:auto;} a {color: rgba(152,56,120,1);} a:hover {color: rgba(139,0,103,1);text-decoration:none;} header {order:1;} main {order:2; display: flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items: stretch;width:100vw;background:rgba(255,255,255,1);} main:hover {background:rgba(255,255,255,1);} aside {display:block;width:100%;height:auto;margin:10px auto;text-align:center;} main > section {width:95vw;} main > section > h1 {display:block;font-size:1.5em;padding:20px 10px;} main > section > nav > ol {font-size:0.9em;display:flex;flex-direction:column;flex-wrap:wrap;} main > section > nav > ol > li:first-child:before {content:"⌂";margin-right:5px;} main > section > nav > ol > li {display:inline-block;padding:5px;} main > section > nav > ol > li > a:hover {text-decoration:underline;} main > section > article {margin:10px auto;padding:10px;line-height:2em;text-align:justify;background:rgba(255,255,255,0);} main > section > article:hover {background:rgba(255,255,255,0);} main > section > article P {display:block;width:100%;margin:20px 0px;} main > section > article h2 {margin:10px 0px;font-weight:bold;font-size:1.2em;} main > section > article h3 {margin:10px 20px;font-weight:bold;font-size:1em;} main > section > article img {display:block;max-width:90%;margin:auto;} main > section > article a {text-decoration:underline;} main > section > article ul, main > section > article ol { list-style-type: disc; padding-left: 20px;} main > section > article ol {list-style-type: decimal; padding-left: 20px;} main > section > article em, main > section > article i {font-style: italic;} main > section > article strong, main > section > article b {font-weight: bold;} main > section > article u {text-decoration: underline;} main > section > article table {width: 100%;border-collapse: collapse;margin: 20px 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} main > section > article table th, main > section > article table td {border: 1px solid;padding: 10px;text-align: left;} main > section > article table th {font-weight: bold;text-align: center;} main > section > article table tr:nth-child(even) {filter: brightness(0.97);} main > section > time {margin:5px 10px 10px 10px;font-style:italic;text-align:right;} main > section > paginate > ul {width:100%;font-size:0.9em;line-height:1.3em;display:flex;flex-direction:row;justify-content:space-between;} main > section > paginate > ul > li {max-width:40%;} main > section > paginate > ul > li:first-child a:before {display:block;margin:0 0 5px 0;content:"⇦";} main > section > paginate > ul > li:last-child a:before {display:block;margin:0 0 5px 0;content:"⇨";} main > section > paginate > ul > li > a {display:block;margin:auto;padding:15px;border:1px dashed rgba(255,255,255,0);} main > section > section > article {text-align:justify;margin:20px 10px;padding:20px 0px;line-height:1.8em;border-top:1px solid rgba(102,102,102,0.9);} main > section > section > article:first-child {border:0px;} main > section > section > article > h1 {text-align:left;font-weight:bold;margin-bottom:10px;font-size:1.2em;} main > section > section > article > h1:hover {margin-left:10px;} main > section > section > article > div {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;} main > section > section > article > div, main > section > section > article > div > a, main > section > section > article > div > blockquote {display:block;} main > section > section > article > div > a > img {display:block;max-width:100%;margin:auto;height:auto;} main > section > section > article > div > blockquote > a {text-decoration:underline;} main > section > section > article > div > blockquote > a:hover {text-decoration:none;} main > section > section > h2 {font-weight:bold;margin:15px 0px;} main > section > section > ul {margin:30px 0px;} main > section > section > ul > li {display:block;font-size:0.9em;padding:5px 10px;margin:10px 0px;display:flex;flex-direction:row;justify-content:space-between;} main > section > section > ul > li > time {font-style:italic;width:120px;} main > section > section > ul > li > a {text-align:left;width:630px;} main > section > section > ul > li > a:hover {text-decoration:underline;} main > section > section > ul > li > hits {text-align:right;font-style:italic;width:120px;} main > nav {display:flex;flex-direction:column;width:100%;background:rgba(255,255,255,0.3);} main > nav:hover {background:rgba(255,255,255,0.3);} main > nav > div {display:block;margin:10px;} main > nav > div > a > h2 {display:block;margin:auto;font-size:1.1em;margin:0px 5px 0px 5px;padding:10px 0px;font-weight:bold;} main > nav > div > ol {margin-bottom:10px;padding:0px;} main > nav > div > ol > li {display:block;text-align:left;padding:5px;margin:0px 5px;} main > nav > div > ol > li > a {display:block;font-size:0.9em;padding:5px;margin:5px 20px 5px 0px;} footer {order:3;width:95vw;padding:10px 0px;font-size:0.8em;line-height:1.7em;} main > nav > div > ol {background:rgba(255,255,255,0);} main > nav > div > ol:hover {background:rgba(255,255,255,0.3);} body > footer {background:rgba(255,255,255,1);} body > footer:hover {background:rgba(255,255,255,1);} @media(min-width: 1200px){ * {-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} header, main, footer {max-width:1200px;} main {display:flex;flex-direction:row;} main > section {width:900px;max-width:90vw;} main > section > h1 {font-size:2.8em;line-height:1.5em;text-align:left;margin:30px 0px;padding:0px;} main > section > nav > ol {flex-direction:row;} main > section > nav > ol > li::after {content:" / ";color:rgba(200,200,200,0.7);} main > section > nav > ol > li:last-child:after {content:"";} main > section > article h2 {font-size:1.4em;} main > section > article h3 {font-size:1.1em;} main > section > section > article > div {position:relative;display:flex;flex-direction:row;flex-wrap: nowrap;align-items: flex-start;} main > section > section > article > div > a > img {margin-top:5px;} main > section > section > article:nth-child(even) > div {flex-direction:row-reverse;} main > section > section > article:nth-child(odd) > div > a {margin-right:20px;} main > section > section > article:nth-child(even) > div > a {margin-left:20px;} main > section > section > article > div > blockquote {min-width:50%;max-width:100%;} main > section > section > article > div > a {min-width:30%;margin:5px;} main > section > section > article > div > a > img {display:block;height:auto;} main > section > paginate > ul > li > a:hover {border:1px solid rgba(102,102,102,0.9);} main > nav {width:300px;max-width:90vw;} main > nav > div > a > h2 {text-align:left;} main > nav > div > ol > li > a:hover {margin:5px 0px 5px 20px;} footer {text-align:left;} footer a:hover {text-decoration:underline;} } @media(min-width: 1200px){ main > nav{order:1;} main > section{order:2;}} Les campings avec spa — À découvrir aussi