")); 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-mepillat-parentheses-bien-etre.html","mainEntityOfPage":"\/les-campings-avec-spa\/camping-mepillat-parentheses-bien-etre.html","headline":"Vivez une parenth\u00e8se bien-\u00eatre au Camping Domaine de Mepillat","name":"Vivez une parenth\u00e8se bien-\u00eatre au Camping Domaine de Mepillat","description":"Si vous aimez la nature, le calme et la tranquillit\u00e9 alors le Camping Domaine de Mepillat est l\u2019endroit id\u00e9al pour passer un s\u00e9jour inoubliable en...","datePublished":"2023-08-21","url":"\/les-campings-avec-spa\/camping-mepillat-parentheses-bien-etre.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;}} Vivez une parenthèse de bien-être au Camping Domaine de Mepillat
La rédaction•21 août 2023•2 min de lecture
Si vous aimez la nature, le calme et la tranquillité alors le Camping Domaine de Mepillat est l'endroit idéal pour passer un séjour inoubliable en...
Si vous aimez la nature, le calme et la tranquillité alors le Camping Domaine de Mepillat est l’endroit idéal pour passer un séjour inoubliable en France. Situé dans le département de l’Ain, ce camping familial vous offre une multitude de possibilités pour vous détendre et vous divertir. De la piscine chauffée aux emplacements spacieux en passant par les jeux pour enfants, sans oublier la situation géographique idéale pour explorer la région, tout a été pensé pour vous permettre de vivre une parenthèse de bien-être loin du stress de la vie quotidienne. Alors, prêts à partir à la découverte du Camping Domaine de Mepillat ?
Les emplacements et locations
Le Camping Domaine de Mepillat, https://www.camping-mepillat.fr/, vous propose des emplacements spacieux pour vos tentes, camping-cars et caravanes, ainsi que des locations de mobil-homes tout confort. Les mobil-homes sont équipés de tout le nécessaire pour faciliter votre séjour. Chaque mobil-home dispose de chambres, d’une cuisine équipée, d’une salle de bain et d'un espace de vie cosy pour vous détendre après une journée d’exploration. Si vous êtes en groupe ou en famille, vous pourrez également opter pour la location d’un grand mobil-home pour profiter de plus d’espace.
Les activités et loisirs
Le Camping Domaine de Mepillat dispose d’une aire de jeux pour enfants, d’un parcours acrobatique dans les arbres et d’une piscine chauffée pour vous divertir pendant votre séjour. Vous pourrez également profiter des loisirs de la région, tels que la via ferrata de Saint-Nizier ou encore la visite de l’Ecomusée de la Bresse Bourguignonne. Si vous êtes adepte de sport nautique, n’hésitez pas à vous rendre à la Plaine Tonique, située à quelques kilomètres seulement du camping.
La situation géographique
Le Camping Domaine de Mepillat est idéalement situé pour explorer la région et découvrir les merveilles de l’Ain et du Jura. Vous pourrez ainsi vous rendre à Lyon pour une journée de shopping ou de culture, visiter Cluny et son abbaye, partir à la découverte des Oiseaux de Valentin ou encore explorer le Bugey. Les amoureux de la nature pourront également se promener le long de la Saône et de la Loire pour découvrir les paysages de la région.
Le Camping Domaine de Mepillat est l’endroit idéal pour passer un séjour au calme en famille ou entre amis. Avec ses emplacements spacieux, ses mobil homes tout confort, sa piscine chauffée et ses nombreuses activités, ce camping familial saura vous séduire. Sa situation géographique idéale vous permettra également de découvrir la région et les nombreuses merveilles qu’elle abrite. Alors, n’hésitez plus et réservez dès maintenant votre prochain séjour au Camping Domaine de Mepillat.
")); 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