* {text-rendering:optimizelegibility;}
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

body, html {width:100%; height:100%;}

:root {
  --FontColor: #424242;
  --TitleFont: "Lora", serif; 
  --TextFont: "Roboto", sans-serif;
  --Marron:rgb(162, 137, 108);
  --MainTextsColor:#5e5e5e;
  --ContentsTitles: 300 270% "Roboto", sans-serif;
  --ContentsSousTitles: 300 140% "Roboto", sans-serif;
  --ContentsTextes: 300 120% "Roboto", sans-serif;
  --Link:#950909;
  --LinkHover:green;
  
}

.G100 {font-weight:100}
.G300 {font-weight:300}
.G400 {font-weight:400}
.G500 {font-weight:500}

.btn-small {height:32.4px; line-height:32.4px; font-size:13px; outline:0; border:none; border-radius:2px; padding:0 16px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:uppercase; background-color:#26a69a; text-align:center; letter-spacing:.5px; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}
.btn-very-small {height:28px; line-height:28.4px; font-size:13px; outline:0; border:none; border-radius:2px; padding:0 14px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:none; background-color:#26a69a; text-align:center; letter-spacing:0; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}
.btn-very-very-small {height:27px; line-height:27.4px; font-size:12px; outline:0; border:none; border-radius:2px; padding:0 13px; text-decoration:none; color:#fff; vertical-align:middle; text-transform:none; background-color:#26a69a; text-align:center; letter-spacing:0; -webkit-transition: background-color .2s ease-out; transition:background-color .2s ease-out; cursor:pointer;}

a:link, a:visited {color:var(--Link)}
a:hover {color:var(--LinkHover)}
::placeholder {color:#575757; font-weight:300}
.Loader40 {display:none; width:100%; height:500px; background: transparent url('../images/loader40x40.png') no-repeat center center;}

.input-field {margin-top:0}
.input-field label {font-size:80%; font-weight:300;}
.input-field label:not(.label-icon).active {-webkit-transform: translateY(-7px) scale(0.85); transform: translateY(-7px) scale(0.85); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
cite {font-size:75%}
body {font:100% var(--TextFont); color:var(--FontColor);}

div.DevBox {display:none; position:absolute; top:0; left:0; padding:5px 8px; line-height:1em;}
div.WBox {font-size:80%}
div#TriggerTEXT_PR {display:none}

.wrapper {margin: 0 auto;}
nav {color:inherit; background-color:inherit; width:inherit; height:inherit; line-height:inherit; box-shadow:inherit}
nav i {font-size:inherit; height:inherit}

.header {position:absolute; width:100%; background-color:rgba(255,255,255); z-index:500;}
.sticky {position:relative; transition:.3s;}
.stuck {position:fixed!important; height:auto; top:0; left:0; opacity: 1.0;}

div.FlexCentral {display:flex; flex-direction:column; align-items:center;}
div.FlexCentral div.Central {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;}
section#cover .FullImg {position:relative; top:0; left:0; width:100%; min-height:calc(100vh - 30px); overflow:hidden;}
div.FlexCentral div.Central div.MainTitle h1,
div.FlexCentral div.Central div.MainTitle h3 {text-align:center; color:white; text-shadow:1px 1px 2px #393939;}
div.FlexCentral div.Central div.MainTitle h1 {margin:0; letter-spacing:.14rem; font:400 380% var(--TitleFont);}
div.FlexCentral div.Central div.MainTitle h3 {margin:0; font-weight: 400; text-transform:uppercase; font-size:160%;}
div.FlexCentral div.FlexBlocs {display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; justify-content:center; width:100%; margin-top:4rem}
div.FlexCentral div.FlexBlocs div.LeftBloc, div.FlexCentral div.FlexBlocs div.RightBloc {width:48%; padding:2.3%; border:none; border-radius:6px; background-color:rgba(255,255,255,0.65);}
div.FlexCentral div.Central div.FlexBlocs h2 {text-align:center;  margin-top:.5rem; letter-spacing:.04rem; font:400 220% var(--TitleFont); color:var(--FontColor);} 
div.FlexCentral div.FlexBlocs div.LeftBloc {margin-right: 1%}
div.FlexCentral div.FlexBlocs div.RightBloc {margin-left: 1%}
div.FlexCentral div.FlexBlocs blockquote {margin:20px 0; padding-left:1.5rem; border-left: 5px solid #ee6e73; font-size:125%; font-weight:300}

div.FlexCentral div.FlexBlocs blockquote ul {margin:.5rem 0}
div.FlexCentral div.FlexBlocs blockquote ul li {line-height:1.4rem; margin-bottom:.6rem}
div.FlexCentral div.FlexBlocs p.TTBlocs {font-size:130%; text-align:center; text-transform:uppercase; color:var(--FontColor);}
div.FlexCentral div.FlexBlocs button {display:block; margin:0 auto;}
div.FlexCentral div.FlexBlocs div.LeftBloc:hover, div.FlexCentral div.FlexBlocs div.RightBloc:hover {background-color:rgba(255,255,255,0.8); cursor pointer;}

section#cover_mob {padding:3px; height:900px;}
section#cover_mob .wrapper {width:100%;}
section#cover_mob div.Central {display:flex; width:100%; height:63%; max-height: 600px ; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;}
section#cover_mob div.Central div.MainTitle h1, section#cover_mob div.Central div.MainTitle h3 {text-align:center; color:white; text-shadow:1px 1px 2px black;}
section#cover_mob div.Central div.MainTitle h1 {margin:2rem 0 0.5rem 0; font:400; font-family:var(--TitleFont);}
section#cover_mob div.Central div.MainTitle h3 {margin:0; text-transform:uppercase;}
section#cover_mob div.FlexBlocs {display:block; width:100%; margin-top:2.5rem}
section#cover_mob div.FlexBlocs div.LeftBloc, section#cover_mob div.FlexBlocs div.RightBloc {display:block; width:90%; border-radius:6px; background-color:rgba(255,255,255,0.65);}
section#cover_mob div.Central div.FlexBlocs h2 {text-align:center; margin-top:.5rem; font-family:var(--TitleFont); font-weight:400; color:var(--FontColor);}
section#cover_mob div.FlexBlocs blockquote {font-weight:300}
section#cover_mob div.FlexBlocs blockquote ul {margin:.5rem 0}
section#cover_mob div.FlexBlocs p.TTBlocs {text-align:center; text-transform:uppercase; color:var(--FontColor);}
section#cover_mob div.FlexBlocs button {display:block; margin:0 auto;}
section#cover_mob div.FlexBlocs div.LeftBloc:hover, section#cover_mob div.FlexBlocs div.RightBloc:hover {background-color:rgba(255,255,255,0.8); cursor:pointer;}

div.Top {position:relative; top:0; left:0; width:100%; height:2.5rem; background-color:#d9bb96b8; box-shadow: 0px 4px 5px 0.4px rgba(0, 0, 0, .15); z-index:100}
div.Top .wrapper {display:flex; flex-direction:row; align-items:center; justify-content:flex-end;}
div.Top ul {display:flex; flex-direction:row; align-items:center; justify-content:flex-end; font-size:95%; font-weight:300; color:#606060}
div.Top ul li {display:flex; align-items:center; margin-right:1rem; cursor:pointer}
div.Top ul li span:hover {color:red}
header {position:relative;width:100%; background-color:var(--Marron); z-index:100}
main header .wrapper {display:flex; flex-direction:row; align-items:center; justify-content:center;}
header h2 {text-align:center; margin:auto; text-transform:uppercase; font:var(--TextFont); font-weight:100; color:white;}
nav.MobileMenu {display:none}

div.FullBandeau {position:relative; top:0; left:0; width:100%;}
div.FullBandeau .wrapper{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:flex-start}

div.SuperBandeau {display:flex; width:100%; max-width:1920px; margin:0 auto 0 auto; background-color:#ececec; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center}
div.SuperBandeau .Bloc1 {background: url("../images/nad_home_camargue1.jpg") no-repeat; background-size:cover;}
div.SuperBandeau .Bloc3 {background-size:cover;}


#MenuC {border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; }
nav.TopMenu {text-align:center;}
nav.TopMenu {display:flex; flex-direction:row; align-items:center; justify-content:center;}
nav.TopMenu ul li:nth-of-type(1) {border-left:1px solid #dbdee2;}
nav.TopMenu ul li {display:inline-table; text-transform: uppercase; font:300 15px/14px "Roboto",sans-serif; border-right:1px solid #dbdee2; text-align:center; cursor:pointer;}
nav.TopMenu ul li:hover {background-color:#f6f6f6;}
nav.TopMenu ul li.BtBar {width:7.5%}
nav.TopMenu a:link, nav.TopMenu a:visited, nav.TopMenu a:hover,
nav.MobileMenu a:link, nav.MobileMenu a:visited, nav.MobileMenu a:hover {color:inherit; text-decoration:inherit;} 

nav.DownArrowC {align-self: flex-end;width:100%; height:65px; background-color:transparent; box-shadow:none; text-align:center; z-index:0;}
nav.DownArrowC img {-moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s;}

div.OpaBox {width:90%; text-align:center; padding:1rem 2.3rem 5rem 2.3rem; border:none; border-radius:0 0 6px 6px; background-color:rgba(255,255,255,0.45); z-index:50}
div.OpaBox h2 {font:400 300% var(--TitleFont); text-transform:uppercase; letter-spacing:.04rem; color:#973434;}
div.OpaBox h3 {font:var(--ContentsTitles); line-height:40px; margin-top:3rem;}
div.OpaBox blockquote {font-weight:300; margin:2rem auto 0 auto; text-align:center; padding:1.4rem; border:none; background-color:rgba(255,255,255,0.45);}
div.OpaBox button#Resa2 {display:none;}


div#MainContent .Rows {display:flex; margin:3rem 0 5rem 0;  flex-direction:row; align-items:center; justify-content:flex-start;}
div#MainContent .wrapper {height:auto}
div#MainContent .Rows #Blocs h3, div.SuperBandeau .Blocs h3 {font:var(--ContentsTitles); line-height:40px; margin-bottom:1.6rem;}
div#MainContent .Rows #Blocs h4, div.SuperBandeau .Blocs h4 {font:var(--ContentsSousTitles); margin-top:1rem;}
div#MainContent .Rows #Blocs blockquote, div.SuperBandeau .Blocs blockquote, section#randos blockquote, section#ventes blockquote {font:var(--ContentsTextes); border:none; padding:0;}
div#MainContent .Rows #Blocs blockquote p, div.SuperBandeau .Blocs blockquote p, section#randos blockquote p, section#ventes blockquote p {line-height:1.6rem; margin-bottom:.8rem; color:var(--MainTextsColor)}
section#randos blockquote p {line-height:1.4rem;}
div#MainContent #Row1 .Bloc1 {width:63.333%; padding-right:8%; text-align:justify;}
div#MainContent #Row1 .Bloc2 {width:33.333%; margin-top:2rem; height:286px; background: url("../images/nad_home_R1B2.jpg") no-repeat; background-size:cover;}

div#MainContent #Row2 {margin-bottom:0}
div#MainContent #Row2 .Bloc1 {width:100%;}

div#MainContent #Row3 {margin-top:0}
div#MainContent #Row3 .Bloc1 {width:33.333%; height:300px; background: url("../images/home_R3B2.jpg") no-repeat; background-size:cover; margin-right:3%;}
div#MainContent #Row3 .Bloc2 {width:63.333%;}
div#MainContent #Row3 .Bloc2 #Plan {height:300px; border: 1px solid grey;}

div#MainContent #Row4 .Bloc1 {width:63.333%; margin-right:6%; text-align:justify;}
div#MainContent #Row4 .Bloc2 {width:33.333%; height:470px; background: url("../images/nad_home_R4B2c.jpg") no-repeat; background-size:cover;}
div#MainContent #Row4 .Bloc1 blockquote div#Encar p {margin-bottom:0; color:#484848}
div#MainContent #Row4 .Bloc1 blockquote div.CentralImg {display:none}

div#MainContent #Row6 .Bloc1 blockquote {text-align:justify}

div#Row7 div.FullImage {width:100%; height:100%; background: url("../images/nad_home_R6B1.jpg") no-repeat; background-size:cover;}

div#MainContent #Row8 .Bloc1 {width:66.333%; padding-right:4%; text-align:justify;}
div#MainContent #Row8 .Bloc2 {width:33.333%; margin-top:2rem; height:520px; background: url("../images/nad_home_R8B2.jpg") no-repeat; background-size:cover;}

div#Row8m {margin-bottom:10rem}
div#Row8m div.FullImage {width:100%; height: 100%; background: url("../images/nad_home_R9B1.jpg") no-repeat; background-size:cover;}

section#randos div.FullBandeau {max-width:1920px; margin:0 auto; background: url("../images/bandeaux/static_band_randos2.jpg") no-repeat; background-size:cover;}
 {margin:4rem 0 2rem 0; text-align:center;}
section.ItemsC {display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:left;}
section.ItemsC article {position:relative; width:30.4%; padding-bottom:2rem; margin:0.5rem 1% 4rem 1.7%; box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); border-radius:3px; background-color:#d9bb964a; cursor:pointer}
article .ArticleImg {position:relative; display:block; width:100%; height:300px; border-radius:3px 3px 0 0; border:1px solid #c8c8c8; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity: .8; cursor:pointer;}
article .ArticleImg:hover {opacity:1}
section.ItemsC article .btn-floating.halfway-fab {bottom:inherit; top:279px; right:20px;}
article .InfosC {display:flex; height:190px; padding:4% 5% 0 5%; flex-direction:column;}
article .InfosC p.Titre {width:100%; font-size: 110%; line-height:2rem; margin-bottom:.8rem; border-bottom:1px dotted grey;}
article .InfosC p.Inf {width:100%; font-size:90%; font-weight:300;}
article .DescrC {display:flex; height:5.5rem; padding:0 5%; flex-direction:column;}
article .DescrC div.DescrBox {width:100%; height:5.5rem; padding:.3rem 0 0 0; font-size:85%; font-weight:300; border-top:1px dotted grey; border-bottom:1px dotted grey; overflow:auto;}
article .PrixC {display:flex; height:3.5rem; margin-bottom:.8rem; padding:4% 0 0 0; flex-direction:column; align-items:center;}
article .PrixC p.Prix {margin-top:.8rem; font-size:110%; text-align:center;}
article .InfosC p.Picnic {width:100%; margin-bottom:.8rem; font-size:90%; text-align:center;}
section.ItemsC article p.ResaRequired {width:100%; font-size:85%; font-weight:300; text-align:center;}
a.DispPdf:link, a.DispPdf:visited {font-size:80%; font-weight:300; margin-top:.3rem}
section.ItemsC article button#ResaBtn {margin:1rem auto 0 auto}
article .AllowResaC {display:flex; height:112px; padding:2% 0 0 0; flex-direction:column; align-items:center;}

section#ventes div.FullBandeau {max-width:1920px; margin:0 auto; background: url("../images/bandeaux/static_band_ventes2c.jpg") no-repeat; background-size:cover;}
section#ventes div.FullBandeau div.OpaBox {background-color: rgba(255,255,255,0.15);}
section#ventes div.FullBandeau div.OpaBox h3, section#ventes div.FullBandeau div.OpaBox h2, section#ventes div.FullBandeau div.OpaBox p {color:white}
section#ventes section.ItemsC article {background-color:#f0f0f0;} 
section#ventes article .InfosC {height:170px;}
section#ventes article .DescrC div.DescrBox {font-size:90%}
section#ventes article .PrixC {height:2rem}
section#ventes article .AllowResaC {height:inherit}
section#ventes section.ItemsC article button#ResaBtn {margin:1rem auto 0 auto;}

h3.PageTitle {width:100%; text-align:center; font:var(--ContentsTitles); text-transform:uppercase; margin:3rem 0;}

section#intercatives div.FullBandeau {max-width:1920px; margin:0 auto; background: url("../images/bandeaux/static_band_interactive.jpg") no-repeat; background-size:cover;}
section#intercatives div.FullBandeau div.OpaBox h3 {margin-top:0.5rem; color:white}
section#intercatives div.ContactC {display:flex; flex-direction:row; margin:0 0 8rem 0; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
section#intercatives div.ContactC div.Boxes {border-radius:2px; background-color:white; box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);}
section#intercatives div.ContactC div.LBox {display:flex; flex-direction:column; align-items:center; justify-content:center;}
section#intercatives div.ContactC div.LBox div.reducteur {font-weight:300}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(1) {font-size:90%}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(2) {margin-top:.3rem}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(3) {font-size:90%}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(4) {margin-top:1rem}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(5) {margin-top:1rem; font-size:90%}
section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(6) {margin-top:2rem; font-size:90%}
section#intercatives div.ContactC div.RBox {display:flex; flex-direction:column; align-items:center; justify-content:center;}
section#intercatives div.ContactC div.RBox fieldset {border: none;}
section#intercatives div.ContactC div.RBox fieldset input[type="text"],
section#intercatives div.ContactC div.RBox fieldset textarea {height:2rem; font-size:90%}
section#intercatives div.ContactC div.RBox fieldset textarea {display:inline-block; width:100%; padding:8px; margin:0 0 1.3% 0; border:1px solid #cdcdcd; border-radius:3px; color:#454545;
}



/* Tout ordinateur écran > 1920px et au delà */
@media only screen and (orientation:landscape) and (min-width:1921px) {
    section#cover {padding:.8rem;}
    section#cover .wrapper {width:1440px;}
    div.FlexCentral {justify-content:center; min-height:calc(100vh - 90px)}
    main .wrapper {width:1360px; height:100%;}
    header {height:6rem;}
    header h2 {font-size:260%}
    nav.TopMenu ul li {padding:15px 1rem 16px 1rem;}
    div.FullBandeau .wrapper {height:58vh;}
    div.OpaBox blockquote {width:75%; font-size:115%;}
    div.SuperBandeau {height:500px;}
    div.SuperBandeau .Bloc1 {width:41.6667%; height:100%;}
    div.SuperBandeau .Bloc2 {width:41.6667%; height:100%; padding:4.6%;}
    div.SuperBandeau .Bloc3 {width:16.6667%; height:100%; background: url("../images/home_merens2a.jpg") no-repeat;}
    div#Row7 {height:500px;}
    section#randos div.FullBandeau .wrapper, section#ventes div.FullBandeau .wrapper {height:25vh;}
    section#randos #MainContent .wrapper {width:1250px}
    
    section#intercatives div.FullBandeau .wrapper {height:15vh;}
    section#intercatives div.ContactC div.Boxes {width:45%; height:650px; padding:1.3rem 1.3rem 0 1.3rem;}
    section#intercatives div.ContactC div.LBox {margin-right:1.5%;}
    section#intercatives div.ContactC div.LBox div.reducteur {margin-top:3rem; width:55%;}    
}

/* Tout ordinateur écran > 1440px et <= 1920px */  
@media only screen and (orientation:landscape) and (min-width:1441px) and (max-width:1920px) {
    section#cover {padding:.8rem;}
    section#cover .wrapper {width:1440px;}
    div.FlexCentral {justify-content:center; min-height:calc(100vh - 90px)}
    main .wrapper {width:1360px; height:100%;}
    header {height:6rem;}
    header h2 {font-size:260%}
    nav.TopMenu ul li {padding:15px 1rem 16px 1rem;}
    div.FullBandeau .wrapper {height:58vh;}
    div.OpaBox blockquote {width:75%; font-size:115%;}
    div.SuperBandeau {height:500px;}
    div.SuperBandeau .Bloc1 {width:41.6667%; height:100%;}
    div.SuperBandeau .Bloc2 {width:41.6667%; padding:4.6%;}
    div.SuperBandeau .Bloc3 {width:16.6667%; height:100%; background: url("../images/nad_home_R4B2b.jpg") no-repeat;}
    div#Row7 {height:500px;}
    section#randos div.FullBandeau .wrapper {height:55vh;}
    div.OpaBox h3 {font-size:300%}
    section#randos #MainContent .wrapper {width:1250px}
    section#ventes div.FullBandeau .wrapper {height:50vh;}
    h3.PageTitle {font-size:200%}
    section#intercatives div.FullBandeau .wrapper {height:34vh;}
    section#intercatives div.ContactC div.Boxes {width:45%; height:650px; padding:1.3rem 1.3rem 0 1.3rem;}
    section#intercatives div.ContactC div.LBox {margin-right:1.5%;}
    section#intercatives div.ContactC div.LBox div.reducteur {margin-top:3rem; width:55%;}
    
}

/* Tout ordinateur et Ipads en paysage écran jusqu'à 1440px */
@media only screen and (orientation:landscape) and (min-width:901px) and (max-width:1440px) {
    section#cover {padding:.5rem;}
    section#cover .wrapper {width:95%;}
    div.FlexCentral {justify-content:flex-start;}
    div.FlexCentral div.Central div.MainTitle {margin-top:10%;}
    main .wrapper {width:95%; height:100%;}
    header {height:6rem;}
    header h2 {font-size:260%}
    nav.TopMenu ul li {padding:15px 1rem 16px 1rem;}
    div.FullBandeau .wrapper{height:55vh;}
    div.OpaBox blockquote {width:90%; font-size:110%;}
    div#MainContent .wrapper {width:90%}
    div#MainContent .Rows #Blocs blockquote {font-size:110%}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.5rem;}
    div#MainContent #Row1 .Bloc2 {height:260px}
    div.SuperBandeau {height:500px;}
    div.SuperBandeau .Bloc1 {width:40%; height:100%;}
    div.SuperBandeau .Bloc2 {width:60%; height:100%; padding:4.6% 3.5%;}
    div.SuperBandeau .Bloc3 {display:none;}
    div#Row7 {height:500px;}
    section#randos div.FullBandeau .wrapper {height:45vh;}
    section#randos #MainContent .wrapper {width:1250px}
    
    section#intercatives div.FullBandeau .wrapper {height:34vh;}
    section#intercatives div.ContactC div.Boxes {width:49%; height:650px; padding:1.3rem 1.3rem 0 1.3rem;}
    section#intercatives div.ContactC div.LBox {margin-right:1.5%;}
    section#intercatives div.ContactC div.LBox div.reducteur {margin-top:3rem; width:55%;}
}

/* IPad2 et IpadPro 10 pouces orientation paysage jusqu'à 1112pxpx */
@media only screen and (orientation:landscape) and (min-width:901px) and (max-width:1112px) {
    section#cover .wrapper {width:100%;}
    section#cover div.Central div.FlexBlocs h2 {font-size:200%; letter-spacing:-.05rem;}
    main .wrapper {width:100%;}
    nav.TopMenu ul li {padding:15px .8rem 16px .8rem;}
    div#MainContent .wrapper {width:90%}
    div#MainContent #Row1 .Bloc1 {width:100%; padding:0; text-align: justify;}
    div#MainContent #Row1 .Bloc2 {display:none;}
    div#MainContent .Rows #Blocs h3 { margin-bottom:.8rem;}
    div#MainContent .Rows #Blocs blockquote {font-size:110%}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.4rem;}
    div.SuperBandeau .Bloc1 {width:50%; height:100%;}
    div.SuperBandeau .Bloc2 {width:50%; height:100%; padding:4.6% 3.5%;}
    div.SuperBandeau .Bloc3 {display:none}
    div#Row7 {height:500px;}
    section#randos div.FullBandeau .wrapper {height:24vh;}
    section.ItemsC article {width:40%; margin:0 1% 4rem 2.5%;}
    h3.PageTitle {margin-top:1rem;}
    section#intercatives div.FullBandeau .wrapper {height:34vh;}
    section#intercatives div.ContactC div.Boxes {width:49%; height:650px; padding:1.3rem 1.3rem 0 1.3rem;}
    section#intercatives div.ContactC div.LBox {margin-right:1.5%;}
    section#intercatives div.ContactC div.LBox div.reducteur {margin-top:3rem; width:70%;}   
}


/* IpadPro 12 pouces orientation Portrait (La valeur du cookie [DeviceType] est "Desktop")*/
@media only screen and (orientation:portrait) and (min-width:835px) and (max-width:1620px) {
    section#cover {padding:3px; height:900px;}
    section#cover .wrapper {width:760px;}
    div.FlexCentral {justify-content:flex-start;}
    section#cover div.Central div.MainTitle {margin-top:6rem;}
    section#cover div.Central div.MainTitle h1 {margin:2rem 0 0.5rem 0; font-size:320%;}
    section#cover div.FlexBlocs {display:block;}
    section#cover div.FlexBlocs div.LeftBloc, section#cover div.FlexBlocs div.RightBloc {display:block; width:90%; margin:0 auto 6% auto; padding:4%;}
    section#cover div.FlexBlocs blockquote {font-size:130%;}
    main .wrapper {width:99%; height:100%;}
    header {height:6rem;}
    header h2 {font-size:240%}
    nav.TopMenu ul li {padding:15px .8rem 16px .8rem;}
    div.OpaBox {width:100%}
    div.OpaBox h2 {font:400 285% var(--TitleFont);}
    div#MainContent .wrapper {width:90%}
    div#MainContent #Row1 .Bloc1 {width:100%; padding:0; text-align: justify;}
    div#MainContent #Row1 .Bloc2 {display:none;}
    div#MainContent .Rows #Blocs blockquote {font-size:125%}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.55rem;}
    div#MainContent .Rows #Blocs h3 {margin-bottom:.8rem;}
    div#MainContent #Row4 .Bloc1 h3 {font-size:250%; text-align:left; margin-bottom:0}
    div#MainContent #Row4 .Bloc2 {height:600px; background-position:center center;}
    div.SuperBandeau, div#Row7 {height:400px;}
    div.SuperBandeau .Bloc1 {display: none}
    div.SuperBandeau .Bloc2 {width:100%; height:100%; padding:4.6%;}
    div.SuperBandeau .Bloc3 {display: none;}
    div#Row7 {height:400px;}
    div#MainContent #Row8 .Bloc1 {width:100%; padding-right:0; text-align:justify;}
    div#MainContent #Row8 .Bloc2 {display:none;}
    div#Row8m, div#Row8m div.FullImage {display:block; height:300px;}
    section#randos div.FullBandeau .wrapper {height:23vh;}
    section.ItemsC article {width:47%;}
    
    section#intercatives div.ContactC div.Boxes {width:49%; height:650px; padding:1.3rem 1.3rem 0 1.3rem;}
    section#intercatives div.ContactC div.LBox {margin-right:1.5%;}
    section#intercatives div.ContactC div.LBox div.reducteur {margin-top:3rem; width:70%;}
}

/* IPad2 et IpadPro 10 pouces orientation Portrait */
@media only screen and (orientation:portrait) and (min-width:768px) and (max-width:834px) {
    section#cover {padding:3px; height:900px;}
    section#cover .wrapper {width:760px;}
    div.FlexCentral {justify-content:flex-start;}
    section#cover div.Central div.MainTitle {margin-top:6rem;}
    section#cover div.Central div.MainTitle h1 {margin:2rem 0 0.5rem 0; font-size:320%;}
    section#cover div.FlexBlocs {display:block;}
    section#cover div.FlexBlocs div.LeftBloc, section#cover div.FlexBlocs div.RightBloc {display:block; width:90%; margin:0 auto 6% auto; padding:4%;}
    section#cover div.FlexBlocs blockquote {font-size:130%;}
    main .wrapper {width:99%; height:100%;}
     header {height:6rem;}
     header h2 {font-size:240%}
    nav.TopMenu ul li {padding:15px .41rem 16px .41rem;}
    nav.TopMenu ul li:last-child {display:none}
     div.OpaBox {width:100%}
     div.OpaBox h2 {font: 400 285% var(--TitleFont);}
    div#MainContent .wrapper {width:90%;}
    div#MainContent .Rows {margin: 3rem 0 2rem 0;}
    div#MainContent #Row1 .Bloc1 {width:100%; padding:0; text-align: justify;}
    div#MainContent #Row1 .Bloc2 {display:none;}
    div#MainContent .Rows #Blocs blockquote {font-size:100%}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.4rem;}
    div#MainContent .Rows #Blocs h3 {margin-bottom:.8rem;}
    div#MainContent #Row4 .Bloc1 h3 {font-size:233%; text-align:left; margin-bottom:0}
    div#MainContent #Row4 .Bloc2 {height:600px; background-position:center center;}
    div.SuperBandeau, div#Row7 {height:400px;}
    div.SuperBandeau .Bloc1 {display: none}
    div.SuperBandeau .Bloc2 {width:100%; height:100%; padding:4.6%;}
    div.SuperBandeau .Bloc3 {display: none;}
    div#Row7 {height:300px;}
    div#MainContent #Row8 .Bloc1 {width:100%; padding-right:0; text-align:justify;}
    div#MainContent #Row8 .Bloc2 {display:none;}
    div#Row8m, div#Row8m div.FullImage {display:block; height:300px;}
    section#randos div.FullBandeau .wrapper {height:23vh;}
    section#randos div.OpaBox {padding-top:3rem}
    section#randos div.OpaBox h3 {margin-top:1rem;}
    section.ItemsC article {width:48%; margin:0 1% 4rem 1%}
    article .ArticleImg {height:230px;}
    section.ItemsC article .btn-floating.halfway-fab {bottom:inherit; top:209px}
    
    section#intercatives div.ContactC {flex-wrap:wrap-reverse; margin-top:1.5rem; margin-bottom:2rem}
    section#intercatives div.ContactC div.Boxes {width:90%; height:650px; padding:1.3rem 1rem 2rem 1rem; margin-bottom:2rem}
    section#intercatives div.ContactC div.LBox {height:auto}
    section#intercatives div.ContactC div.LBox div.reducteur {width:88%;}
    section#intercatives div.ContactC div.LBox img {display:none;}
    section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(6) {display:none;}    
}

/* Smartphones orientation Portrait (La valeur du cookie [DeviceType] doit être "Mobile")*/
@media only screen and (orientation:portrait) and (max-width:767px) {
    section#cover_mob div.Central div.MainTitle h1 {margin:1.8rem 0 0 0; font:400 200% var(--TitleFont); letter-spacing:.08rem; text-shadow:1px 1px 2px #393939;}
    section#cover_mob div.Central div.MainTitle h3 {font-size:110%; letter-spacing:.05rem; text-shadow:1px 1px 2px #595959;}
    section#cover_mob div.FlexBlocs div.LeftBloc, section#cover_mob div.FlexBlocs div.RightBloc {margin:0 auto 10% auto; padding:8% 4% 8% 4%;}
    section#cover_mob div.Central div.FlexBlocs h2 {font-size:170%; letter-spacing:-.05rem;}
    section#cover_mob div.FlexBlocs blockquote {font-size:125%; margin-left:.8rem;}
    section#cover_mob div.FlexBlocs blockquote ul li {line-height:1.4rem; margin-bottom:.6rem}
    section#cover_mob div.FlexBlocs p.TTBlocs {font-size:110%;}
     div.Top {display:none}
     header {height:5.2rem;}
    main .wrapper {width:95%; height:100%;}
     header h2 {width:70%; font-size:135%}
    div.FullBandeau {height:25vh}
    nav.TopMenu {display:none}
    #MenuC {border-top:inherit; border-bottom:inherit;}
    nav.MobileMenu {display:block; z-index: 100;}
    div.MobileButtonC {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;}
    nav.MobileMenu a#MobileButtonMenu {position:fixed; top:1.3rem; left:.8rem; height:2.3rem; font-size:190%; padding:.1rem .6rem; color:rgb(134, 134, 134); border-radius:3px; background-color:white;z-index:10000;}
    div.MobileSMenu {display:none; position:fixed; top:1rem; left:.5rem; width:15rem; height:90vh; font-size:100%; padding:.1rem .6rem; color:rgb(134, 134, 134); background-color:#ffffffe0; border:1px dotted grey}
    div.MobileSMenu blockquote {margin:4rem 0 0 0.2rem; padding-left:.8rem; border-left: 3px solid rgb(134, 134, 134);}
    div.MobileSMenu blockquote ul li {margin-bottom:.8rem; border-bottom:1px dotted grey; text-transform:uppercase}
    div.MobileSMenu blockquote ul li:hover {color:red;}
    div.MobileSMenu i.fa-window-close {position:absolute; right:1rem; top:.6rem; font-size:1.8rem;}
    div.OpaBox {width:100%; padding:1rem 1rem; background-color: rgba(255,255,255,0.70);}
    div.OpaBox blockquote {display: none;}
    div.OpaBox h2 {font:400 145% var(--TitleFont);}
    div#MainContent .wrapper {width:90%}
    div#MainContent .Rows {margin: 3rem 0 2rem 0;}
    div#MainContent #Row1 .Bloc1 {width:100%; padding:0; text-align: justify;}
    div#MainContent #Row1 .Bloc2 {display:none;}
    div#MainContent .Rows #Blocs h3 { margin-bottom:.8rem;}
    div#MainContent .Rows #Blocs blockquote {font-size:98%}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.4rem;}
    div#MainContent #Row3 .Bloc1 {display:none}
    div#MainContent #Row3 .Bloc2 {width:100%;}
    div#MainContent #Row3 .Bloc2 #Plan {height:200px;}
    div#MainContent #Row4 .Bloc1 {width:100%; padding:0;}
    div#MainContent #Row4 .Bloc1 h3 {font-size:175%; text-align:left; margin-bottom:0}
    div#MainContent #Row4 .Bloc1 blockquote {margin-top:.5rem}
    div#MainContent #Row4 .Bloc1 blockquote div.CentralImg {display:block; width:100%; height:250px; background: url("../images/nad_home_R4B2c.jpg") no-repeat top center;}
    div#MainContent #Row4 .Bloc2 {display:none;}
    div.SuperBandeau {height:500px;}
    div.SuperBandeau .Bloc1 {display: none}
    div.SuperBandeau .Bloc2 {width:100%; height:100%; padding:4.6%;}
    div.SuperBandeau .Bloc3 {display: none;}
    div.SuperBandeau div.FullImage {height:250px;}
    div#Row7 {height:150px;}
    div#MainContent #Row8 .Bloc1 {width:100%; padding-right:0; text-align:justify;}
    div#MainContent #Row8 .Bloc2 {display:none;}
    div#Row8m, div#Row8m div.FullImage {display:block; height:100px;}
    
    section#randos blockquote, section#ventes blockquote, section#intercatives blockquote {margin-top:1.5rem; text-align:left;}
    section#randos blockquote p, section#ventes blockquote, section#intercatives blockquote p {line-height:inherit;}
    section#randos div.FullBandeau {height:24vh;}
    section#randos div.FullBandeau .wrapper {height:auto}
    section#randos div.FullBandeau div.OpaBox p {font-size:90%}
    section#randos div.OpaBox h3 {margin-top:0; font-size:150%}
    section.ItemsC article {width:100%;} 
    article .ArticleImg {height:230px;}
    section.ItemsC article .btn-floating.halfway-fab {bottom:inherit; top:209px}
    
    section#ventes div.FullBandeau {height:24vh}
    section#ventes div.FullBandeau .wrapper {height:auto;}
    section#ventes div.FullBandeau div.OpaBox {background-color:inherit}
    section#ventes div.FullBandeau div.OpaBox h2 {color:white;}
    section#ventes div.FullBandeau div.OpaBox h3 {margin-top:0.8rem; font-size:170%}
    section#ventes div.FullBandeau div.OpaBox p {font-size:90%}
    h3.PageTitle {margin-top:1rem; font-size:150%}
    section#intercatives div.FullBandeau {height:20vh}
    section#intercatives div.FullBandeau .wrapper {height:auto;}
    section#intercatives div.FullBandeau div.OpaBox {padding:2rem 0 0 0; background-color:inherit}
    section#intercatives div.FullBandeau div.OpaBox h2 {color:white;}
    section#intercatives div.FullBandeau div.OpaBox h3 {margin-top:0; font-size:170%}
    section#intercatives div.FullBandeau div.OpaBox p {font-size:90%}
    section#intercatives div.ContactC {flex-wrap:wrap-reverse; margin-top:1.5rem; margin-bottom:2rem}
    section#intercatives div.ContactC div.Boxes {width:100%; height:650px; padding:1.3rem 0 2rem; 0; margin-bottom:2rem}
    section#intercatives div.ContactC div.LBox {height:auto}
    section#intercatives div.ContactC div.LBox div.reducteur {width:88%;}
    section#intercatives div.ContactC div.LBox img {display:none;}
    section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(6) {display:none;}
}

/* Smartphones orientation Paysage (La valeur du cookie [DeviceType] doit être "Mobile")*/
@media only screen and (orientation:landscape) and (max-width:900px) {
    section#cover_mob div.Central div.MainTitle h1 {margin:1.8rem 0 0 0; font:400 300% var(--TitleFont); letter-spacing:.10rem; text-shadow:1px 1px 2px #393939;}
    section#cover_mob div.Central div.MainTitle h3 {font-size:120%; text-shadow:1px 1px 2px #393939;}
    section#cover_mob div.FlexBlocs div.LeftBloc, section#cover_mob div.FlexBlocs div.RightBloc {margin:0 auto 6% auto; padding:4%;}
    section#cover_mob div.Central div.FlexBlocs h2 {font-size:240%; letter-spacing:.04rem;}
    section#cover_mob div.FlexBlocs blockquote {font-size:130%;}
    section#cover_mob div.FlexBlocs blockquote ul {line-height:2rem;}
    section#cover_mob div.FlexBlocs blockquote ul li {line-height:1.4rem; margin-bottom:.7rem}
    section#cover_mob div.FlexBlocs p.TTBlocs {font-size:120%;}
     div.Top {height:1.5rem;}
     header {height:5rem;}
    main .wrapper {width:95%; height:100%;}
     header h2 {font-size:195%}
    div.FullBandeau {height:55vh}
    nav.TopMenu, div.Top {display:none}
    nav.MobileMenu {display:block; z-index: 100;}
    div.MobileButtonC {display:flex; width:100%; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center;}
    nav.MobileMenu a#MobileButtonMenu {position:fixed; top:1.2rem; left:1.1rem; font-size:190%; padding:.1rem .6rem; color:rgb(134, 134, 134); border-radius:3px; background-color:white;z-index:10000;}
    div.MobileSMenu {display:none; position:fixed; top:.3rem; left:.2rem; width:25rem; height:75vh; font-size:100%; padding:.1rem .6rem; color:rgb(134, 134, 134); background-color:#ffffffe0; border:1px dotted grey;}
    div.MobileSMenu blockquote {column-count: 2; margin:4rem 0 0 0.2rem; padding-left:.8rem; border-left: 3px solid rgb(134, 134, 134);}
    div.MobileSMenu blockquote ul li {margin-bottom:.8rem; border-bottom:1px dotted grey; text-transform:uppercase}
    div.MobileSMenu blockquote ul li:hover {color:red;}
    div.MobileSMenu i.fa-window-close {position:absolute; right:1rem; top:1rem; font-size:1.8rem;}
     div.OpaBox {width:100%; padding:1rem 1rem; background-color: rgba(255,255,255,0.70);}
     div.OpaBox blockquote {display: none;}
     div.OpaBox h2 {font:400 230% var(--TitleFont);}
    div.OpaBox button#Resa2 {display:inline; margin-top:1rem}
    div#MainContent .wrapper {width:95%}
    div#MainContent .Rows {margin: 3rem 0 2rem 0;}
    div#MainContent .Rows #Blocs blockquote {font-size:85%;}
    div#MainContent .Rows #Blocs blockquote p {line-height:1.2rem}
    div#MainContent #Row1 .Bloc1 {width:100%; padding:0;}
    div#MainContent #Row1 .Bloc2 {display:none;}
    div#MainContent .Rows #Blocs h3 {margin-bottom:.8rem;}
    div#MainContent #Row4 .Bloc1 h3 {font-size:200%; text-align:left; margin-bottom:0}
    div#MainContent #Row4 .Bloc1 blockquote {margin-top:.5rem}
    div#MainContent #Row4 .Bloc2 {height:600px; background-position:center center;}
    div.SuperBandeau {height:500px;}
    div.SuperBandeau .Bloc1 {display: none;}
    div.SuperBandeau .Bloc2 {width:65%; height:100%; padding:4.6% 3.5%;}
    div.SuperBandeau .Bloc3 {width:35%; height:100%; background: url("../images/home_merens2a.jpg") no-repeat;}
    div#Row7 {height:200px;}
    div#MainContent #Row8 .Bloc1 {width:100%; padding-right:0; text-align:justify;}
    div#MainContent #Row8 .Bloc2 {display:none;}
    div#Row8m, div#Row8m div.FullImage, section#randos div.FullBandeau {display:block; height:200px;}
    
    section#randos blockquote, section#ventes blockquote, section#intercatives blockquote {font-size:80%; margin-top:1.5rem; text-align:left;}
    section#randos blockquote p, section#ventes blockquote, section#intercatives blockquote p {line-height:inherit;}
    section#randos div.FullBandeau {height:50vh;}
    section#randos div.FullBandeau .wrapper {height:auto}
    section#randos div.FullBandeau div.OpaBox p {font-size:90%}
    section#randos div.OpaBox h3 {margin-top:0; font-size:150%}
    section.ItemsC article {width:100%;} 
    article .ArticleImg {height:230px;}
    section.ItemsC article .btn-floating.halfway-fab {bottom:inherit; top:209px}
    
    section#ventes div.FullBandeau {height:50vh}
    section#ventes div.FullBandeau .wrapper {height:auto;}
    section#ventes div.FullBandeau div.OpaBox {background-color:inherit}
    section#ventes div.FullBandeau div.OpaBox h2 {color:white;}
    section#ventes div.FullBandeau div.OpaBox h3 {margin-top:0.8rem; font-size:170%}
    section#ventes div.FullBandeau div.OpaBox p {font-size:90%}
    h3.PageTitle {margin-top:1rem; font-size:200%}
    section#intercatives div.FullBandeau {height:36vh}
    section#intercatives div.FullBandeau .wrapper {height:auto;}
    section#intercatives div.FullBandeau div.OpaBox {padding:2rem 0 0 0; background-color:inherit}
    section#intercatives div.FullBandeau div.OpaBox h2 {color:white;}
    section#intercatives div.FullBandeau div.OpaBox h3 {margin-top:0; font-size:170%}
    section#intercatives div.FullBandeau div.OpaBox p {font-size:90%}
    section#intercatives div.ContactC {flex-wrap:wrap-reverse; margin-top:1.5rem; margin-bottom:2rem}
    section#intercatives div.ContactC div.Boxes {width:75%; height:650px; padding:1.3rem 1rem 2rem 1rem; margin-bottom:2rem}
    section#intercatives div.ContactC div.LBox {height:auto}
    section#intercatives div.ContactC div.LBox div.reducteur {width:88%;}
    section#intercatives div.ContactC div.LBox img {display:none;}
    section#intercatives div.ContactC div.LBox div.reducteur p:nth-child(6) {display:none;}
}