")); 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-corse.eu","mainEntityOfPage":"https:\/\/www.camping-corse.eu","name":"Camping Corse","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-corse.eu","name":"camping-corse.eu"},"blogPost":{"@type":"BlogPosting","@id":"\/villes-de-corse\/decouvrez-les-plus-belles-villes-de-la-haute-corse.html","mainEntityOfPage":"\/villes-de-corse\/decouvrez-les-plus-belles-villes-de-la-haute-corse.html","headline":"D\u00e9couvrez les plus belles villes de la Haute Corse","name":"D\u00e9couvrez les plus belles villes de la Haute Corse","description":"Aimeriez-vous découvrir l'une des plus belles destinations du territoire français ? Venez en Haute Corse et découvrez-y ses...","datePublished":"2016-07-05","url":"\/villes-de-corse\/decouvrez-les-plus-belles-villes-de-la-haute-corse.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(225,226,228,1);font-family: Arial, sans-serif;color: rgba(34,34,34,1);} body:hover{background:rgba(225,226,228,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(113,182,64,1);} a:hover {color: rgba(0,162,73,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;}} Découvrez les plus belles villes de la Haute Corse
La rédaction•5 juillet 2016•1 min de lecture
Aimeriez-vous découvrir l'une des plus belles destinations du territoire français ? Venez en Haute Corse et découvrez-y ses magnifiques villes, réputées par leurs richesses naturelles et culturelles, par leurs activités touristiques incontournables, par la qualité de leurs hébergements. La Haute Corse a de quoi surprendre et satisfaire toutes les envies ainsi que tous les niveaux d'exigences. Parmi les plus célèbres villes du département de la Haute Corse, il y a Bastia. C'est une destination d'une beauté rare où vous pourrez passer des vacances pleines de sensations et remplies de découvertes. Cette ville d'art et d'histoire satisfait autant les passionés de culture que ceux qui sont assoifés de nature. Elle propose de nombreux choix d'hébergements qui permettent d'y rester quelques jours afin de l'explorer au mieux.
Tourisme à Calvi
Calvi est aussi l'une des somptueuses villes de la Haute Corse. Elle est dotée de multiples attraits touristiques et conserve jalousement un riche patrimoine historique. Calvi propose ses chambres d'hôtels, ses campings, ses locations saisonnières pour que vous puissiez apprécier ses nombreuses attractions au cours de quelques jours que vous vivrez dans le confort. La ville vous invite également à choisir et à pratiquer parmi ses nombreuses activités sportives, culturelles, nature, bien-être, de loisirs. Si vous aimez les montées d'adrénaline, laissez-vous tenter par les activités de sensations que Calvi vous propose !
")); 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-corse.eu","mainEntityOfPage":"https:\/\/www.camping-corse.eu","name":"Camping Corse","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-corse.eu","name":"camping-corse.eu"}} 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(225,226,228,1);font-family: Arial, sans-serif;color: rgba(34,34,34,1);} body:hover{background:rgba(225,226,228,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(113,182,64,1);} a:hover {color: rgba(0,162,73,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;}} Campings en Corse
")); 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-corse.eu","mainEntityOfPage":"https:\/\/www.camping-corse.eu","name":"Camping Corse","description":"","publisher":{"@type":"Organization","@id":"https:\/\/www.camping-corse.eu","name":"camping-corse.eu"}} 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(225,226,228,1);font-family: Arial, sans-serif;color: rgba(34,34,34,1);} body:hover{background:rgba(225,226,228,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(113,182,64,1);} a:hover {color: rgba(0,162,73,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;}} Campings en Corse — À découvrir aussi
