* {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%;}


/* Modals */
#modal_ident, #error-message, #success-message, #modal_MPass, #infos-message {width:500px;}
.modal .modal-content {padding:0 0 2rem 0}
.modal-content header {padding:.8rem 0 .8rem 0; border-bottom:1px solid #388e3c}
.modal-content header h6 {font-size:110%; text-align:center; font-weight:300; letter-spacing:1px; text-transform:uppercase; color:white}
.modal header i {position:absolute; top:9px; right:25px; color:white; cursor:pointer}
.modal-content div#MultiContent {display:block; width:90%; font-weight:300; margin:1.5rem auto 0 auto}
#modal_MPass .row1 {margin:2rem auto 0 auto; width:70%; font-weight:300}
#modal_MPass .row2 {margin-bottom:10px}
.modal .modal-footer {padding:4px 0px; border-top:1px solid #d8d5d5}
#modal_ident .error_message {display:none; margin-bottom:10px;color:red; border:1px solid red; padding:3px;}
#modal_ident .error_message p {text-align:center}
#mod-loader .modal-body {padding-top:15px}
#mod-loader .text-info {font-size:65px; height:80px}

.cookie-message {position:fixed; bottom:0; width:100%; margin:0 auto; padding:2rem 2rem 1.5rem 2rem; background-color:#cc4a22; z-index: 99; box-shadow:0px 0px 10px #595959;}
a.cookiebar-close {position:relative; display:block; width:200px; cursor:pointer; margin:1rem auto 0 auto;}
.cookie-message p {font-size:90%; color:white; text-align: center;}

/* End Modals */

:root {
  --FontColor: #424242;
  --TitleFont: "Lora", serif; 
  --TextFont: "Roboto", sans-serif;
  --Marron:#5f5b52c9;
  --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}

button:focus{background-color:rgb(123, 174, 230)}

.btn-small {height:2.1rem}
.btn-small i {font-size:inherit}
.btn-small i.left {margin-right:8px;}
.btn-small i.right {margin-left:8px;}

.btn-very-small i {font-size:inherit}
.btn-very-small i.left {margin-right:6px;}
.btn-very-small i.right {margin-left:6px;}

.btn-very-very-small i {font-size:inherit}
.btn-very-very-small i.left {margin-right:4px;}
.btn-very-very-small i.right {margin-left:4px;}

.btn-cb {font-size:115%; font-weight:400; line-height:.1em; padding:25px 40px; background-color:#0b5db1; color:#fff;}
.btn-cb:hover {background-color:#6d8297;color:#fff;}
.btn-blue {background-color:rgb(89, 124, 183, .8);color:#fff;}
.btn-blue:hover {background-color:rgb(89, 124, 183);color:#fff;}
.btn-red {background-color:rgb(230, 123, 123, .8);color:#fff;}
.btn-red:hover {background-color:rgb(230, 123, 123);color:#fff;}

a:link, a:visited {color:var(--Link)}
a:hover {color:var(--LinkHover)}
::placeholder {color:#575757; font-weight:300}
textarea.materialize-textarea {padding:inherit; font-size:90%}

.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;}

input[type="text"].acm, input[type="email"].acm,
textarea.acm, select.acm {display: inline-block; width: 100%; padding: 8px; margin: 0 0 1.3% 0; border: 1px solid #cdcdcd; border-radius: 3px;}

input[type="checkbox"].acm {width:13px; height:13px; margin:0 7px 0 0;}

.BoxShadowed {border:1px solid #ddd; 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);}

body {font:100% var(--TextFont); color:var(--FontColor);}

select.no_materialize {
    display: inline;
    border: 1px solid #b5b0b0;
    padding: 0;
    text-align: center;
    height: 2.3rem;
    border-radius: 0.3rem;
}

.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 {position:relative; top:0; left:0; width:100%; height:2.5rem; background-color:#8e877f; border-bottom:1px solid #6f6f6f; 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:#fff}
div.Top ul li {display:flex; align-items:center; margin-right:1rem; cursor:pointer}
div.Top ul li a:link, div.Top ul li a:visited {color:#fff; text-decoration:none;}
div.Top ul li a:hover {color:#444}
div.Top ul li i {margin-right:.2rem}
#TopInfos a:nth-child(n+2) {font-size:80%} 

header:not(.mod) {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/home_merens1.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;}

div.OpaBox {width:90%; text-align:center; padding:2rem 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 blockquote p {margin-bottom:2rem}
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, div#MainContent #Step2 #AffConfirm .BlocC 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:64%; padding-right:4%; text-align:justify;}
div#MainContent #Row1 .Bloc2 {width:30%; height:286px; background: url("../images/logo_acm_145x214.png") no-repeat; background-position:center bottom;}

div#MainContent #ActuRow .Bloc1 {width:100%; text-align:justify;}
div#MainContent #ActuRow blockquote.NoPad {margin-bottom:0rem; padding:2rem; background-color:#f8f8f8; border:1px dotted grey; border-radius:6px;}
div#MainContent #ActuRow blockquote p:first-child {font-size:65%; margin-bottom:-2px; font-weight:500; font-style:italic;}
div#MainContent #ActuRow div.ImgC, div#MainContent #ActuRow div.PdfC {display:flex; width:100%; flex-direction:row; flex-wrap:wrap;}
div#MainContent #ActuRow div.ImgSquare {width:150px; height:110px; margin-right:10px; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer}
div#MainContent #ActuRow #ActuImg {display:none;}
div#MainContent #ActuRow .Bloc1 cite {font-size:.7rem}
div#MainContent #ActuRow div.PdfC {margin-bottom:2rem}
div#MainContent #ActuRow div.PdfC button {margin-right:1rem}

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/home_R4B2b.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/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/home_R8B2.jpg") no-repeat; background-size:cover;}

div#Row8m {display:none;margin-bottom:10rem}
div#Row8m div.FullImage {display:none; width:100%; background: url("../images/home_R8B2m.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;}
section#randos blockquote, section#ventes blockquote {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, #Esp .BLeft .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:200px; 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 {padding-bottom:1rem}
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;}

div#MainContent #Step1 ul:first-child {margin-top:3rem}
div#MainContent #Step1 #Row1 {margin-top:0; margin-bottom:2rem; padding:0 3rem 0 2rem}
div#MainContent #Step1 #Row1 .Bloc1 {width:100%; padding-right:0}
div#MainContent #Step1 #Row2 {margin-top:0;}
div#MainContent #Step1 .collapsible-body {padding:0}
div#MainContent #Step1 #Row2 .Bloc1 {width:49%;padding:1rem 2rem 3rem 2rem; margin-right:2%;}
div#MainContent #Step1 #Row2 .Bloc2 {width:49%; padding:1rem 2rem 3rem 2rem; background-color:#fba8a8;}
div#MainContent #Step1 #Row2 ul li {margin-left:.5rem; font-weight:300; margin-top:.5rem}
div#MainContent #Step1 #Row3, div#MainContent #Step2 #Row1 {margin-top:3rem; margin-bottom:0; border-top:1px dotted grey}
div#MainContent #Step1 #Row3 .Bloc1, div#MainContent #Step2 #Row1 .Bloc1 {width:100%; height:auto; text-align:center; background:none;}
div#MainContent #Step1 #Row3 .Bloc1 p.Inf, div#MainContent #Step2 #Row1 .Bloc1 p.Inf {font-size:85%}
div#MainContent #Step1 #Row4, div#MainContent #Step2 #Row7, div#MainContent #Step2 #Row8 {margin:1rem 0 20rem 0;}
div#MainContent #Step1 #Row4 #Blocs, div#MainContent #Step2 #Row7 #Blocs, div#MainContent #Step2 #Row8 #Blocs {width:85%; border-bottom:1px dotted grey; padding-bottom:2rem;}
div#MainContent #Step1 #Row4 .Bloc1, div#MainContent #Step2 #Row7 .Bloc1, div#MainContent #Step2 #Row8 .Bloc1 {display:flex; margin:0 auto; flex-direction:row; justify-content:space-around;}
div#MainContent #Step1 #Row4 .Bloc1 button, div#MainContent #Step2 #Row7 .Bloc1 button {margin:0}

div#MainContent #Step2 {margin:5% 0 18rem 0}
div#MainContent #Step2 h3.PageTitle {margin-bottom:3rem}
div#MainContent #Step2 #Row1 {margin-top:0; border-top:none}
div#MainContent #Step2 #Row1 .Bloc1 {padding-right:inherit}
div#MainContent #Step2 #Row2 fieldset input[type="text"], div#MainContent div#Inscr fieldset textaera, div#MainContent div#Inscr fieldset input[type="password"] {height:2rem; font-size:90%}
div#MainContent #Step2 #Row2 fieldset .input-field label {font-size:90%;}
div#MainContent #Step2 #Row2 #textarea1 {height:110px; font-size:90%; color:rgba(0, 0, 0, 0.42);}
div#MainContent #Step2 #Row2 div.FlexContainer {display:flex; width:66%; margin:0 auto; flex-direction:row; justify-content:space-around;}
div#MainContent #Step2 #Row2 div.FlexContainer .LBox, div#MainContent div#Inscr div.FlexContainer .RBox {width:48%;}
div#MainContent #Step2 #Row2 div.FlexContainer .CBox {width:1px; margin:0 2% 0 2%; background-color:#aeaeae;}
div#MainContent #Step2 #Row2 fieldset p:first-child {margin-bottom:1rem; font-weight:300; color:#bf3e3e}
div#MainContent #Step2 #Row2 fieldset input[type="checkbox"] + label {padding-left:25px;}
div#MainContent #Step2 #Row2 fieldset blockquote {margin-top:inherit; font-weight:300; font-size:80%; text-align:left; border:none; padding:0;}
div#MainContent #Step2 #Row2 fieldset #PrefContact {width:100%}
div#MainContent #Step2 #Row2 select.prefcontact {font-size:90%; text-align:left; height:2.1rem}
div#MainContent #Step2 #Row3 {margin:2rem 0 0 0; border-top:none}
div#MainContent #Step2 #Row3 div.FlexContainer {display:flex; width:66%; margin:0 auto .5rem auto; padding-top:2rem; border-top:1px dotted black; flex-direction:row; justify-content:flex-start;}
div#MainContent #Step2 #Row3 p:first-child, div#MainContent #Step2 #Row5 p:first-child, div#MainContent #Step2 #Row6 p:first-child, .PrixIndicatif p {font-weight:300; color:#bf3e3e}
div#MainContent #Step2 #Row3 .InlineLabels, div#MainContent #Step2 #Row5 .InlineLabels {display:inline; margin-right:.5rem; font-size:90%; font-weight:300;}
div#MainContent #Step2 #Row3 select {width:4rem;}
div#MainContent #Step2 .Riders {width:66%; margin:0 auto;}
div#MainContent #Step2 div.PrixIndicatif {margin-top:1rem;}
div#MainContent #Step2 div.PrixIndicatif input[type="text"] {width:8rem; margin-bottom:0; text-align:right;}
div#MainContent #Step2 #Row4 div.FlexContainer {display:flex; margin-top:.5rem; width:100%; height:3.5rem; padding:1rem .5rem .5rem .5rem; background-color:#f2f2f2; flex-direction:row; justify-content:flex-start;}
div#MainContent #Step2 #Row4 div.FlexContainer p:first-child {width:5.7rem; padding-top:.26rem; border-right:1px dotted gray}
div#MainContent #Step2 #Row4 .input-field.inline {margin-left:.8rem;}
div#MainContent #Step2 #Row4 input#POIDS, div#MainContent #Step2 #Row4 input#TAILLE {width:6rem}

div#MainContent #Step2 #Row4 #RidersToggle select {font-size:90%; margin-left:.8rem; height:2.1rem; background-color: #f2f2f2;}

div#MainContent #Step2 #Row4 select.ridage {width:5rem}
div#MainContent #Step2 #Row4 select.ridlevel {width:10rem; text-align:left;}

div#MainContent #Step2 #Row4 div#RidersToggle div.FlexContainer {margin-top:0}
div#MainContent #Step2 cite {display:block; font-size:80%; margin-top:1rem}

div#MainContent #Step2 #Row5 {margin-bottom:0}
div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {display:flex; width:66%; margin:0 auto; padding-top:2rem; border-top:1px dotted black; flex-direction:row; justify-content:flex-start;}
div#MainContent #Step2 .DatePick {display:block; margin-top:.5rem; width:20rem;}
div#MainContent #Step2 #Row5 div.FlexContainer .DateBox {width:100%}
div#MainContent #Step2 #Row6 #textarea2 {height:200px; font-size:90%; color:rgba(0, 0, 0, 0.42);}
div#MainContent #Step2 #Row7 {height:inherit}

div#MainContent #Step2 #AffConfirm .BlocC {width:80%; text-align:center; padding:2rem; margin:3rem auto 3rem auto;}
div#MainContent #Step2 #AffConfirm .BlocC h4 {margin-top:0; padding-bottom:1rem; border-bottom:1px dotted gray; margin-bottom:2rem}
div#MainContent #Step2 #AffConfirm .BlocC p {font-weight:300; margin:0 auto 1.5rem auto}
div#MainContent #Step2 #AffConfirm .BlocC p:nth-child(3) {width:80%}



div#MainContent div.IdentC {margin:0 auto; padding:2% 0 4% 0;}
div#MainContent div.IdentC p.TT {margin:0 auto 2% auto; text-align:center;}
div#MainContent .FlexB {display:flex; flex-direction:row; justify-content:center;}
div#MainContent div.LBox, div#MainContent div.RBox {width:48%}
div#MainContent div.CBox {width:1px; margin:0 2% 0 2%; background-color:#aeaeae;}
div#MainContent div.LBox .reducteur, div#MainContent div.RBox .reducteur {display:flex; margin:0 auto; flex-direction:column; align-items:center; justify-content:flex-start;}
div#MainContent div.LBox .reducteur p.t1, div#MainContent div.RBox .reducteur p.t1 {font-size:140%; font-weight:300; margin:2% 0}
div#MainContent div.RBox .reducteur p.t2, div#MainContent #Esp div.RBox .reducteur p.t2 {height:85px; font-size:100%; font-weight:300; text-align:center;}
div#MainContent div.RBox .reducteur p.t3, div#MainContent #Esp div.RBox .reducteur p.t3 {font-size:80%; margin-bottom:.4rem}

div#MainContent div.LBox .reducteur fieldset, div#MainContent div#Inscr fieldset, div#MainContent #Step2 #Row2 fieldset, div#MainContent #Step2 #Row3 fieldset, div#MainContent #Step2 #Row5 fieldset, div#MainContent #Step2 #Row6 fieldset  {width:100%; border: none; padding:inherit; margin:inherit}
div#MainContent div.LBox .reducteur fieldset input[type="text"], div#MainContent div.LBox .reducteur fieldset input[type="password"] {height:2rem; font-size:90%}
div#MainContent div.LBox .reducteur fieldset .input-field label {font-size:90%;}
div#MainContent div.LBox .reducteur fieldset div.BtnC {display:flex; flex-direction:row; justify-content:flex-start;}
div#MainContent div.LBox .reducteur fieldset div.BtnC .t3 {margin:auto 0 auto 1rem; text-decoration:none; font-size:12px}
div#MainContent div.LBox .MobInscrBtnC {display:none;}

div#MainContent #Esp {margin:5% 0 18rem 0}
div#MainContent #Esp .BlocC {width:80%; padding:2rem 1.5rem 4rem 2rem; margin:3rem auto 3rem auto;}
div#MainContent #Esp .BlocC h4 {margin-bottom:0; font:var(--ContentsTextes); text-align:center; padding:0; border:none}
div#MainContent #Esp .BlocC h3 {margin-bottom:2rem; font:var(--ContentsSousTitles); font-weight:400; color:#805e2b; text-align:center; }
div#MainContent #Esp div.FlexContainer {display:flex; width:100%; height:100%; margin:0 auto; flex-direction:row; justify-content:flex-start;}
div#MainContent #Esp .BLeft {width:25%; height:256px}
div#MainContent #Esp .BCenter {width:40%; padding-top:.5rem;}
div#MainContent #Esp .BCenter p.Info2 {font-size:80%; color:#bf3e3e}
div#MainContent #Esp .BCenter p.Info3 {margin-top:1rem;}
div#MainContent #Esp .BCenter p.Info4 {margin-top:.5rem;}
div#MainContent #Esp .BCenter p.Info5 {margin-top:1rem; font-size:80%;}
div#MainContent #Esp .BRight {display:flex; width:27%; flex-direction:column; justify-content:space-between;}
div#MainContent #Esp .BSepar {width:1px; margin-left:2%;  margin-right:2%; border-left:1px dotted gray}
div#MainContent #Esp .BLeft .ArticleImg {opacity:1; height:100%;}
div#MainContent #Esp .BRight .TopPart {width:100%; margin:auto}
div#MainContent #Esp .BRight .TopPart p.Infos1 {font-size:85%; text-align:justify;}
div#MainContent #Esp .BRight .TopPart p.Infos1 cite {font-size:85%; color:#84512c}
div#MainContent #Esp .BRight .TopPart .LogosPaieC {width:100%; margin-top:.8rem; margin-bottom:1rem; text-align:center}
div#MainContent #Esp .BRight .TopPart .LogosPaieC img {display:block; margin:0 auto}
div#MainContent #Esp .BRight .TopPart .LogosPaieC cite {display:block; font-size:80%; color:#84512c; margin:.2rem 0 .7rem 0}
div#MainContent #Esp .BRight .BottomPart {width:100%; height:90px; padding-top:1rem; border-top:1px dotted gray;}
div#MainContent #Esp .BRight .BottomPart p:first-child {font-size:80%; text-align:center;; margin-bottom:.3rem}
div#MainContent #Esp .BRight .BottomPart p.StatutLib {text-align:center; color:white; padding:0.6rem 0; border-radius:6px;}



div#MainContent div#Inscr {margin: 5% 0 18rem 0;}
div#MainContent div#Inscr fieldset input[type="text"], div#MainContent div#Inscr fieldset textaera, div#MainContent div#Inscr fieldset input[type="password"], div#MainContent #Step2 #Row4 div.FlexContainer input[type="text"] {height:2rem; font-size:90%}
div#MainContent div#Inscr fieldset .input-field label {font-size:90%;}
div#MainContent div#Inscr div.FlexContainer {display:flex; width:80%; margin:0 auto; padding:2rem; flex-direction:row; justify-content:space-around;}
div#MainContent div#Inscr div.FlexContainer .LBox, div#MainContent div#Inscr div.FlexContainer .RBox {width:48%;}
div#MainContent div#Inscr div.FlexContainer .CBox {width:1px; margin:0 2% 0 2%; background-color:#aeaeae;}
div#MainContent div#Inscr fieldset p:first-child {margin-bottom:1rem; font-weight:300; color:#bf3e3e}
div#MainContent div#Inscr fieldset input[type="checkbox"] + label {padding-left:25px;}
div#MainContent div#Inscr fieldset blockquote {font-weight:300; font-size:70%; text-align:justify; border:none; padding:0;}
div#MainContent div#Inscr div.FlexContainer .RBox .ValidBlock {margin-top:10%}
div#MainContent div#Inscr div.FlexContainer .RBox .ButtonC {width:140px; margin:2.5rem auto 0 auto}
.show-password {position:absolute; top:-2px; width:19px; background:transparent url("../images/ShowPass.png") no-repeat scroll 0 0; cursor: pointer; height: 12px; margin: 15px 0 0 -30px;}
div#MainContent div#Inscr fieldset textaera {font-size:20%;}

div#MainContent #EspInfosC .FlexB {display:flex; width:60%; padding:1.5rem 0 1.5rem 0; background-color:#fff5e9; border-radius: 6px 6px 0 0; border-top:1px dotted grey; border-left:1px dotted grey; border-right:1px dotted grey; margin:auto; flex-direction:row; align-items:center; justify-content:center;}
div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {width:100%; text-align:center; margin:.5rem 0 .5rem 0;}
div#MainContent #EspInfosC h4 {margin-bottom:2rem; font:var(--ContentsSousTitles); text-align:center; border-top:1px dotted grey; padding-top:1.5rem;}
div#MainContent #EspInfosC div.no-resa {width:33%; margin:auto; text-align:center;}



/* 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:not(.mod) {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%;}
    div#MainContent div.IdentC {width:80%}
    div#MainContent div.LBox .reducteur, div#MainContent div.RBox .reducteur {width:60%;}
}

/* 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:not(.mod) {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 {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%;}
    div#MainContent #Step1 {width:80%; margin:0 auto}
    div#MainContent div.IdentC {width:80%}
    div#MainContent div.LBox .reducteur, div#MainContent div.RBox .reducteur {width:60%;}
}

/* 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:not(.mod) {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:45%; height:100%;}
    div.SuperBandeau .Bloc2 {width:50%; height:100%; padding:4.6% 3.5%;}
    div.SuperBandeau .Bloc3 {width:5%; height:100%; background: url("../images/home_merens2.jpg") no-repeat;}
    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%;}
    div#MainContent #Step1 {width:100%; margin:0 auto}
    div#MainContent div.IdentC {width:90%}
    div#MainContent div.LBox .reducteur, div#MainContent div.RBox .reducteur {width:70%;}
    div#MainContent div#Inscr div.FlexContainer {width:90%;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:80%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:80%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:80%;}
    div#MainContent #Step2 .Riders {width:80%;} 
}

/* 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%;}
    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%;}
    div#MainContent #Step1 #Row2 {flex-direction:column; align-items:flex-start; justify-content:left;}
    div#MainContent #Step1 #Row2 .Bloc1, div#MainContent #Step1 #Row2 .Bloc2 {width:100%;}
    div#MainContent div.IdentC {width:100%}
    div#MainContent div.LBox .reducteur {width:70%;}
    div#MainContent div.RBox .reducteur {width:80%;}
    div#MainContent div#Inscr div.FlexContainer {width:100%;}
    div#MainContent #EspInfosC .FlexB {width:80%; padding:1.5rem 0 1.5rem 0;}
    div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {display:block; margin:.5rem 0 .5rem 0;}
    div#MainContent #EspInfosC div.no-resa {width:60%;}
    div#MainContent #Step2 #Row2 div.FlexContainer {width:80%;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:100%;}
    div#MainContent #Step2 .Riders {width:100%;}   
}


/* 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%;}
    /* Modals */
    #modal_ident, #error-message, #modal_SendMail, #success-message, #modal_MPass {width:500px;}
    .modal-content header {height:auto; padding:.8rem 0 .8rem 0; border-bottom:1px solid #388e3c}
    .modal-content div#MultiContent {width:100%;}
    #modal_MPass .row1 {margin:1.5rem auto 0 auto; width:90%;}
    /* End Modals*/
    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%;}
    div#MainContent #Step1 #Row2 {flex-direction:column; align-items:flex-start; justify-content:left;}
    div#MainContent #Step1 #Row2 .Bloc1, div#MainContent #Step1 #Row2 .Bloc2 {width:100%;}
    h3.PageTitle {margin:1rem 0 1rem 0; font-size:200%;}
    div#MainContent div.IdentC {width:100%}
    div#MainContent div.LBox .reducteur {width:70%;}
    div#MainContent div.RBox .reducteur {width:80%;}
    div#MainContent div#Inscr div.FlexContainer {width:100%;}
    div#MainContent #EspInfosC .FlexB {width:90%; padding:1.5rem 0 1.5rem 0;}
    div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {display:block; margin:.5rem 0 .5rem 0;}
    div#MainContent #EspInfosC div.no-resa {width:60%;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:100%;}
    div#MainContent #Step2 .Riders {width:100%;}
    div#MainContent #Esp .BlocC {width:100%} 
}

/* 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%;}
    /* Modals */
    #modal_ident, #error-message, #modal_SendMail, #success-message, #modal_MPass {width:500px;}
    .modal-content header {height:auto; padding:.8rem 0 .8rem 0; border-bottom:1px solid #388e3c}
    .modal-content div#MultiContent {width:100%;}
    #modal_MPass .row1 {margin:1.5rem auto 0 auto; width:90%;}
    /* End Modals*/
    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;}
    div#MainContent #Step1 #Row2 {flex-direction:column; align-items:flex-start; justify-content:left;}
    div#MainContent #Step1 #Row2 .Bloc1, div#MainContent #Step1 #Row2 .Bloc2 {width:100%;}
    h3.PageTitle {margin:1rem 0 1rem 0; font-size:200%;}
    div#MainContent div.IdentC {width:100%}
    div#MainContent div.LBox .reducteur {width:90%;}
    div#MainContent div.RBox .reducteur {width:90%;}
    div#MainContent div#Inscr div.FlexContainer {width:90%; margin:0 auto; padding:1.5rem; flex-direction:column;}
    div#MainContent div#Inscr div.FlexContainer .LBox, div#MainContent div#Inscr div.FlexContainer .RBox {display:block; width:100%;}
    div#MainContent div#Inscr div.FlexContainer .RBox {margin-top:1rem}
    div#MainContent #EspInfosC .FlexB {width:100%; padding:1.5rem 0 1.5rem 0; flex-direction:column;}
    div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {display:block; margin:.5rem 0 .5rem 0;}
    div#MainContent #EspInfosC div.no-resa {width:100%;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:100%;}
    div#MainContent #Step2 .Riders {width:100%;}
    div#MainContent #Esp .BlocC {width:100%}      
}

/* 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%;}
    /* Modals */
    #modal_ident, #error-message, #modal_SendMail, #success-message, #modal_MPass {width:350px;}
    .modal-content header {height:auto; padding:.8rem 0 .8rem 0; border-bottom:1px solid #388e3c}
    .modal-content div#MultiContent {width:100%;}
    #modal_MPass .row1 {margin:1.5rem auto 0 auto; width:90%;}
    /* End Modals*/
    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:2rem 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/home_R4B2b.jpg") no-repeat center 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:1rem 0 1rem 0; 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; 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;}
    div#MainContent #Step1 .Rows {margin-top:1rem}
    div#MainContent #Step1 #Row1 h3 {font-size:170%; text-align:left; line-height:2rem}
    div#MainContent #Step1 #Row1 blockquote {text-align:justify}
    div#MainContent #Step1 #Row2 {flex-direction:column; align-items:flex-start; justify-content:left;}
    div#MainContent #Step1 #Row2 .Bloc1, div#MainContent #Step1 #Row2 .Bloc2 {width:100%;}
    div#MainContent #Step1 #Row3 .Bloc1 {display:flex;}
    div#MainContent #Step1 #Row3 .Bloc1 p:nth-child(1) {text-align:center}
    div#MainContent #Step1 #Row3 .Bloc1 h4 {text-align:center}
    div#MainContent #Step1 #Row3 .Bloc1 p:nth-child(3) {line-height:1rem}
    div#MainContent #Step1 #Row4 #Blocs {width:inherit}
    div#MainContent #Step1 #Row4 .Bloc1 button:nth-child(1) {display:none}
    div#MainContent div.IdentC {width:100%;}
    div#MainContent div.IdentC p.TT {display:none}
    div#MainContent div.LBox {width:90%;}
    div#MainContent div.LBox .reducteur {width: 100%;}
    div#MainContent div.RBox, div#MainContent div.CBox {display:none}
    div#MainContent div.LBox .MobInscrBtnC {display:inline; text-align: center; width:100%; margin:0 auto}
    div#MainContent div.LBox .MobInscrBtnC p:first-child {text-align:center; border-top:1px dotted red;margin:1.5rem auto .5rem auto; padding-top:.3rem}
    div#MainContent div#Inscr div.FlexContainer {width:100%; margin:0 auto; padding:1.5rem; flex-direction:column;}
    div#MainContent div#Inscr div.FlexContainer .LBox, div#MainContent div#Inscr div.FlexContainer .RBox {display:block; width:100%;}
    div#MainContent div#Inscr div.FlexContainer .RBox {margin-top:1rem}
    
    div#MainContent #EspInfosC .FlexB {width:100%; padding:1.5rem 0 1.5rem 0; flex-direction:column;}
    div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {display:block; margin:.5rem 0 .5rem 0;}
    div#MainContent #EspInfosC div.no-resa {width:100%;}
    
    div#MainContent #Step1 #Row3 .Bloc1 p.Inf, div#MainContent #Step2 #Row1 .Bloc1 p.Inf {line-height:1rem}
    div#MainContent #Step2 #Row2 div.FlexContainer .LBox, div#MainContent #Step2 #Row2 div.FlexContainer .CBox {display:none;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%}
    div#MainContent #Step2 .Rows {margin: 0 0 2rem 0;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:100%;}
    div#MainContent #Step2 .Riders {width:100%;}
    div#MainContent #Esp .BlocC {width:100%}
    div#MainContent #Step2 cite {display:none}
    div#MainContent #ActuRow div.ImgC {display:none}
    div#MainContent #ActuRow #ActuImg {display:block;}
}

/* Smartphones orientation Paysage (La valeur du cookie [DeviceType] doit être "Mobile")*/
@media only screen and (orientation:landscape) and (max-width:900px) {
    .cookie-message {padding:1rem;}
    .cookie-message p {font-size:50%; color:white; text-align: center;}
    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%;}
    /* Modals */
    #modal_ident, #error-message, #modal_SendMail, #success-message, #modal_MPass {width:350px;}
    .modal-content header {height:auto; padding:.8rem 0 .8rem 0; border-bottom:1px solid #388e3c}
    .modal-content div#MultiContent {width:100%;}
    #modal_MPass .row1 {margin:1.5rem auto 0 auto; width:90%;}
    /* End Modals*/
    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:2rem 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:1rem 0 1rem 0; 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;}
    div#MainContent #Step1 #Row1 h3 {font-size:190%; text-align:left; line-height:2rem}
    div#MainContent #Step1 #Row1 blockquote {font-size:70%; text-align:justify}
    div#MainContent #Step1 #Row2 {flex-direction:column; align-items:flex-start; justify-content:left;}
    div#MainContent #Step1 #Row2 .Bloc1, div#MainContent #Step1 #Row2 .Bloc2 {width:100%;}
    div#MainContent #Step1 #Row3 .Bloc1 {display:flex;}
    div#MainContent #Step1 #Row3 .Bloc1 p:nth-child(1) {text-align:center}
    div#MainContent #Step1 #Row3 .Bloc1 h4 {text-align:center}
    div#MainContent #Step1 #Row3 .Bloc1 p:nth-child(3) {line-height:1rem}
    div#MainContent #Step1 #Row4 #Blocs {width:inherit}
    div#MainContent #Step1 #Row4 .Bloc1 button:nth-child(1) {display:none}
    div#MainContent div.IdentC {width:100%;}
    div#MainContent div.IdentC p.TT {display:none}
    div#MainContent div.LBox {width:50%;}
    div#MainContent div.LBox .reducteur {width: 100%;}
    div#MainContent div.RBox, div#MainContent div.CBox {display:none}
    div#MainContent div.LBox .MobInscrBtnC {display:inline; text-align: center; width:100%; margin:0 auto}
    div#MainContent div.LBox .MobInscrBtnC p:first-child {text-align:center; border-top:1px dotted red;margin:1.5rem auto .5rem auto; padding-top:.3rem}
    div#MainContent div#Inscr div.FlexContainer {width:80%; margin:0 auto; padding:1.5rem; flex-direction:column;}
    div#MainContent div#Inscr div.FlexContainer .LBox, div#MainContent div#Inscr div.FlexContainer .RBox {display:block; width:100%;}
    div#MainContent div#Inscr div.FlexContainer .RBox {margin-top:1rem}
    
    div#MainContent #EspInfosC .FlexB {width:90%; padding:1.5rem 0 1.5rem 0; flex-direction:column;}
    div#MainContent #EspInfosC div.LBox, div#MainContent #EspInfosC div.RBox {display:block; margin:.5rem 0 .5rem 0;}
    div#MainContent #EspInfosC div.no-resa {width:80%;}
    
    div#MainContent #Step1 #Row3 .Bloc1 p.Inf, div#MainContent #Step2 #Row1 .Bloc1 p.Inf {line-height:1rem}
    div#MainContent #Step2 #Row2 div.FlexContainer .LBox, div#MainContent #Step2 #Row2 div.FlexContainer .CBox {display:none;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%}
    div#MainContent #Step2 .Rows {margin: 0 0 2rem 0;}
    input[type="text"]:not(.browser-default):disabled, textarea:disabled {color:black}
    div#MainContent #Step2 #Row2 #textarea1 {color:black} 
    div#MainContent #Step2 #Row2 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row5 div.FlexContainer, div#MainContent #Step2 #Row6 div.FlexContainer {width:100%;}
    div#MainContent #Step2 #Row3 div.FlexContainer {width:100%;}
    div#MainContent #Step2 .Riders {width:100%;}
    div#MainContent #Esp .BlocC {width:100%}
    div#MainContent #Step2 cite {display:none}
    div#MainContent #ActuRow div.ImgC {display:none}
    div#MainContent #ActuRow #ActuImg {display:block;}
}