@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600,700,800');

.avertissement {display: none; margin-top:40px;}
 @media only screen and (orientation:portrait) {
    div.NoPortrait {display: none;}
    div.avertissement {
        display: block;
        text-align: center;font-size: 22px; color: #ACACAC;
    }
    }
 @media only screen and (orientation:landscape) {
     div.avertissement {display: none;}
 } 

body {background-color:white; color:#454545; margin:0 auto; padding:0;}


* {text-rendering: optimizelegibility;}

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

form {display: inline;}


/* Liens par défaut */
a:link {color: #454545; text-decoration: none;}
a:visited {color: #454545; text-decoration: none;}
a:hover {text-decoration: none;}

.clearfix {float: none; clear: both;}

input[type=checkbox] {vertical-align: middle;}

hr {margin:0; border-top:1px solid #aaaaaa; border-right: none; border-bottom: none; border-left: none;}


/* Formulaires */

label:after {clear: both;}
 

input[type="text"], form input[type="email"],
input[type="password"],
textarea,
select {
     display: inline-block; width: 100%; padding: 8px; margin: 0 0 1.3% 0;
     border: 1px solid #cdcdcd; border-radius: 3px;
     font: 14px "Open Sans",sans-serif; color: #454545;
}

input[type="checkbox"] {width: 13px; height: 13px;}


fieldset {
    margin: 0 0 3% 0;
}

fieldset legend {
    margin: 0 0 0.5% 0.5%;
    font: 90% "Open Sans","lucida sans unicode","lucida grande","Trebuchet MS",verdana,arial,helvetica,helve,sans-serif; color: #454545;
}

cite {
    display: inline-block;
    font-size: 12px;
}

.BadField {
    border: 1px solid #FE5D5D; margin-bottom: 0;
    background-color: #FFC0C0;
}

.GoodField {
    border: 1px solid green; margin-bottom: 1.3%;
    background-color: #C0FFC0;
}


.show-password {
    position: absolute;
    width: 19px; height: 12px; margin: 15px 0 0 -30px;
    background: transparent url('../images/ShowPass.png') no-repeat 0 0;
    cursor: pointer;
}

h1, h2 , h3, h4, h5, h6 {font-weight:300; transition: opacity 0.24s ease-in-out 0s;   }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #143693   }

h3 {font-size:270%; color:#363636; line-height:40px; margin-bottom:25px}
h4{font-size:140%; color:#959595; line-height:128%;}
h5{font-size:122%; color: #959595;line-height:124%;}



section.Top1 {position:relative; top:0; left:0; width:100%; height:40px; box-shadow: 0px 4px 5px 0.4px rgba(0, 0, 0, .15); z-index:100}
section.Top2 {position:relative; top:0; left:0; width:100%; height:110px; background-color: rgb(174, 158, 140);}

div.MainTitle {margin:0 auto;}
div.MainTitle h1 {display:inline;color:white; font:100 320% 'Roboto',sans-serif; letter-spacing:1px;}
div.MainTitle img {vertical-align: top; margin:10px 5px 0 0;}
div.MainTitle p {font-size:93%; text-align:center; padding-right:7px; margin-top:-7px}

div.FullBandeau {position:relative; top:0; left:0; width:100%;}
nav.DownArrowC {position: absolute; width:100%; height:65px; text-align:center; z-index:0;}
nav.DownArrowC img {-moz-animation-duration:4s; -webkit-animation-duration:4s; animation-duration:4s;}

div.AbsTopC {position:absolute; top:-0; left:0; width:100%;}
div.AbsTop  {float:right; width:70%; height:40px; font: normal 12px "Open Sans",sans-serif;}
div.AbsTop a:link, div.AbsTop a:visited, div.AbsTop p {float:right; margin-right:20px; line-height:30px; cursor:pointer;}
div.AbsTop a:hover {color: #ed1848;}
div.AbsTop div.CLang {float:right; width:170px; margin-top:1.1%;}

div.CLang p {padding:0 20px 0 28px; margin-right:55px; background-repeat:no-repeat; background-position:5px 10px}
div.CLang p i {font-size:13px; margin:0 0 0 5px;}
div.CLang p#fr {background-image:url('/images/dr_fr.png');}
div.CLang p#en {background-image:url('/images/dr_en.png');}
div.AbsTop div.CLang div.SubMenu {display:none; margin-top:30px; width:120px; padding:10px 5px 10px 5px; background-color:white; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; border-left:1px solid #BFBFBF;}
div.AbsTop div.CLang div.Over {width:100%; height:10px;}
div.AbsTop div.CLang div.SubMenu li {background-position:5px 6px; background-repeat:no-repeat; padding:3px 5px 3px 29px; border-bottom:1px dotted #D0D0D0; color:black; cursor:pointer;}
div.AbsTop div.CLang div.SubMenu li#fr {background-image: url('/images/dr_fr.png');}
div.AbsTop div.CLang div.SubMenu li#en {background-image: url('/images/dr_en.png');}
div.AbsTop div.CLang div.SubMenu li:hover {background-color: #F0F0F0;}

img.LogoTop {position:absolute; top:-43px; left:50px;}
nav.TopMenu {height:50px; text-align:center;}
nav.TopMenu ul li:nth-of-type(1) {border-left:1px solid #dbdee2;}
nav.TopMenu ul li {display:inline-table; padding:17px 0; 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 {width:9.5%}
nav.TopMenu ul li.BtBar {width:7.5%}

div.SMResa {display:none; position:absolute; top:49px; left:28.5%; width:46%; background-color:white; border-radius:0 0 3px 3px; border-left:1px solid rgb(219, 222, 226); border-bottom:1px solid rgb(219, 222, 226); border-right:1px solid rgb(219, 222, 226); margin:0 auto; z-index:10000; padding:20px 0 30px 30px;}
div.SMResa p {font:300 17px "Roboto",sans-serif; color:black;}
div.SMResa table {font:300 15px "Roboto",sans-serif; color: black; margin:10px 0 15px 0;}

div.HalfBandeau {position:relative; top:0; left:0; width:100%; height:29vh;}
div.HalfBandeau blockquote {position:relative; top:0; left:0; margin: 10% 0 0 4.3%; width:70%;}
div.HalfBandeau blockquote h2 {font-size:390%; color:white; text-shadow:1px 2px 2px rgba(0, 0, 0, 0.67); }

input.DateField[type="text"] {
  width: 220px; padding: 7px 0;
  border-color: #cdcdcd; border-radius: 4px;
  font: 300 15px "Roboto",sans-serif; color: #27363c; text-align: center
}

select.SelField {
  width: 4em; padding: 8px 0 4px 0;
  border-color: #cdcdcd; border-radius: 4px;
  font: 300 15px "Roboto",sans-serif; color: #27363c; text-align: center
}

select.Small {
  width: 3.8em; padding: 4px 0 2px 0;
  font: 300 13px "Roboto",sans-serif;
}

section#BandeauC blockquote .btn {
     display: block;
    font: 300 18px "Roboto",sans-serif;
     color: white; width:300px;
     margin:0 auto;    
}

.ui-widget {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 13px;
}

section.FullWidth {width:100%;}



section.Lines {
    position: relative; top:0; left: 0;
    clear: both; padding: 0px;    
}

div#Home section.Line1 {margin: 80px 0 80px 0;}

/* Home */

div#Home form#LogForm {
  position: relative; display: block;
  margin: 30px 0 0 0;
}


div#Home form#LogForm input[type="text"],
div#Home form#LogForm input[type="password"] {width: 98%; text-align: center;}
div#Home form#LogForm input[type="text"] + p {font-size: 11px; margin: 5px 0 0 3px;}
div#Home form#LogForm input[type="submit"] {margin-top: 5px;;padding: 0.2em 0.7em;}
div#Home form#LogForm a:last-of-type {color: #565656; font-size: 11px; margin: 7px 0 0 3px;}

div#Home form#JoinForm {position: relative; display:block; text-align:center; margin:35px auto 0 auto;}
div#Home form#JoinForm input[type="submit"] {padding: 0.2em 1.5em;}
div#Home form#JoinForm input[type="submit"] + p {font-size: 11px; line-height: 10px; margin: 7px 0 0;}

div#Home .Line1 div:first-child {
    position: relative; float:left;
    width: 66.333%;
    padding-right: 80px;
    vertical-align: baseline;   
}

div#Home .Line1 div:nth-child(2) {
    position: relative; float:left;
    width: 33.333%; height: 265px; margin-top: 10px;
    vertical-align: baseline;
    background: url("../images/OrigineS.jpg") repeat scroll 0 bottom;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
       
}

div#Home div.SuperBandeau {position:relative; display:table; width:100%; height:500px; margin:60px 0 110px 0; background-color:#EAEAEA;
}
div#Home div.SuperBandeau div:first-child {
    display: table-cell; float: none;
    width: 41.6667%;
    background: rgba(0, 0, 0, 0) url("../images/sbtest3.jpg") repeat scroll right 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
div#Home div.SuperBandeau div:nth-child(2) {
    display: table-cell; float: none;
    width: 41.6667%;
    padding:4.6%;
}
div#Home div.SuperBandeau div:nth-child(2) p.descr {font-size:97%; line-height:130%}
div#Home div.SuperBandeau div:nth-child(3) {
    display: table-cell; float: none;
    width: 16.6667%;
    background: rgba(0, 0, 0, 0) url("../images/sbtest2b.jpg") repeat scroll 0 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

div#Home section.Line2 {margin-bottom: 15%;}

div#Home section.Line3 {margin: 80px 0 0px 0;}

div#Home section.Line4 {margin: 30px 0 180px 0;}
div#Home section.Line4 div.B1 {float:left; width:60%; height:360px; margin-right:1%; background-color:rgb(234, 234, 234);}
div#Home section.Line4  div.B2 {float:left; width:39%; height:360px; background:rgba(0, 0, 0, 0) url("../images/rue_1604.jpg") repeat scroll center bottom; background-repeat: no-repeat !important; background-size: cover !important;}
div#Home div#MapC {top:0; left:0; height:360px; border:1px solid rgb(203, 203, 203);}
div#Home p.no_pmr {background: transparent url("../images/pmr_carre.png") no-repeat 0 3px; padding-left:40px; font-size:90%; margin-top:93px; line-height:100%; font-style:italic}

div#Home #Bar .wrapper img {height:20.8rem}
/* Rooms */
div#Rooms1 section.Line1 {margin: 80px auto;}
div#Rooms1 .Line1 div:first-child {position: relative; float: left;width: 66%;vertical-align: baseline;} 

div#Rooms1 .FullWidth {background-color: #F7F7F7;}

div#Rooms1 .Line2 {position:relative; top:0; left:0;padding-bottom: 45px;}
div#Rooms1 .Line2 .BtnC {
    position:relative; top:0; left:0;
    width:85%; height:75px;
    margin: 50px auto 0 auto;
    font:100 20px "Open Sans", sans-serif; text-align: center;    
}
div#Rooms1 .Line2 .BtnC div:nth-child(1),
div#Rooms1 .Line2 .BtnC div:nth-child(2) {
    float: left; cursor: pointer;
    width: 49.33%; height: 75px; padding-top: 22px;
    border-radius: 3px;
}
div#Rooms1 .Line2 .BtnC div:nth-child(1) {
    margin: 0 1.333% 0 0;
    background-color: #d0b593;
    color:#70614f;
}
div#Rooms1 .Line2 .BtnC div:nth-child(2) {
    background-color:#9D8970;
    color:white;
}
div#Rooms1 .Line2 .BtnC div:nth-child(1):hover {background-color: rgba(208, 181, 147, 0.7);}
div#Rooms1 .Line2 .BtnC div:nth-child(2):hover {background-color: rgba(157, 137, 112, 0.7);}
div#Rooms1 .Line2 .BtnC p.Smallest {color:white; font-size:10px;margin-top: -4px;}
div#Rooms1 .Line2 .BtnC .TriC {display: inline; float:right; width:60%; margin:15px 0 0 0;}
div#Rooms1 .Line2 .BtnC .TriC p {display: inline; float:right; font:300 15px/2.2em "Roboto", sans-serif; text-align:right; margin:0 15px 0 0;}
div#Rooms1 .Line2 .BtnC .TriC select {display: inline; float:right; width:200px; font:300 16px "Roboto", sans-serif;padding: 5px 8px; margin:0}
div#Rooms1 .Line3 {position:relative; top:0; left:0;}
div#Rooms1 #AjaxContent article {position: relative; top:0; left:0; width:1036px; height:400px; padding: 20px; margin:0 auto 80px auto; border: 1px solid #9D8970; border-radius: 2px; }
div#Rooms1 #AjaxContent article:last-of-type {margin-bottom:0px;}
div#Rooms1 #AjaxContent article section.LeftBloc {position:relative; top:0; left:0; display: inline; float: left; width:390px; background-repeat: no-repeat !important; background-size: cover !important;}
div#Rooms1 #AjaxContent article section.LeftBloc img.Large {display:block; margin: 0 auto;cursor:pointer;}
div#Rooms1 #AjaxContent article section.LeftBloc section.ThumbC .vue {position:absolute; top:10px; left:14px;}
div#Rooms1 #AjaxContent article section.LeftBloc section.ThumbC {position: relative;padding: 0}
div#Rooms1 #AjaxContent article section.LeftBloc section.ThumbC img:hover {opacity: 0.6;}
div#Rooms1 #AjaxContent article section.LeftBloc section.ThumbC img:last-of-type {margin-bottom:0;}

div#Rooms1 #AjaxContent article section.MiddleBloc {
    position:relative; top:0; left:0;
    display: inline; float: left;
    width: 375px; height:100%; margin-left:40px;
    padding: 5px 0;   
}
div#Rooms1 #AjaxContent article section.MiddleBloc blockquote {color: #605E5C; margin-bottom:20px;}
div#Rooms1 #AjaxContent article section.MiddleBloc blockquote p.Head {font-size: 18px;font-weight:400}
div#Rooms1 #AjaxContent article section.MiddleBloc blockquote.L1 p:nth-child(1) {font-size: 28px;}
div#Rooms1 #AjaxContent article section.MiddleBloc blockquote.L1 p:nth-child(2) {font-size: 18px;padding-left: 2px;}
div#Rooms1 #AjaxContent article section.MiddleBloc ul,
div#Rooms1 #AjaxContent article section.LeftBloc ul {margin: 0 0 0 10px;}
div#Rooms1 #AjaxContent article section.MiddleBloc ul li i {font-size:14px;color: green;margin-right: 5px;}
div#Rooms1 #AjaxContent article section.MiddleBloc blockquote.L2 ul li i {font-size:14px;color: #9d8970;margin-right: 5px;}

div#Rooms1 #AjaxContent article section.RightBloc {
    position:relative; top:0; left:0;
    display: inline; float: left;
    width:186px;padding:15px 10px 20px 10px;
    background-color: #f7f7f7;    
}
div#Rooms1 #AjaxContent article section.RightBloc div:nth-child(1) {
    width:100%; margin-top: 5px; padding: 11px; text-align: center;
    background-color: #78b96b; color:white;    
}
div#Rooms1 #AjaxContent article section.RightBloc div:nth-child(1) p.Price {font-size:30px; font-weight: 400;}
div#Rooms1 #AjaxContent article section.RightBloc div:nth-child(1) p.Price + p {font-size:13px;margin-top: -6px;}
div#Rooms1 #AjaxContent article section.RightBloc blockquote {margin-top:20px; text-align:center; font-size:13px; padding-bottom:20px; border-bottom:1px dotted #be9617;}
div#Rooms1 #AjaxContent article section.RightBloc blockquote > p {line-height:14px}
div#Rooms1 #AjaxContent article section.RightBloc blockquote p:first-child {margin-bottom:3px;font-size:15px; font-weight:400}
div#Rooms1 #AjaxContent article section.RightBloc blockquote p:last-child {margin-top:7px;}
div#Rooms1 #AjaxContent article section.RightBloc button {display:block; margin:25px auto 0 auto;}
div#Rooms1 #AjaxContent article section.RightBloc a:link, div#Rooms1 #AjaxContent article section.RightBloc a:visited {display:block; margin:25px auto 0 auto; color:white}

div#Rooms1 div.SuperBandeau {
    position: relative; display: table;
    width:100%; height: 500px; margin: 60px 0 0 0;
    background-color: rgba(208, 181, 147, 0.41);
}
div#Rooms1 div.SuperBandeau div:first-child {display: table-cell; float: none;width: 50%;background: rgba(0, 0, 0, 0) url("../images/porte_chambre(2).jpg") repeat scroll 0 0;background-repeat: no-repeat !important;background-size: cover !important;}
div#Rooms1 div.SuperBandeau div:nth-child(2) {display: table-cell; float: none;width: 50%; padding:4.6%;}
div#Rooms1 div.SuperBandeau div:nth-child(2) p {font-size:13px; line-height:23px;}
div#Rooms1 div.SuperBandeau div:nth-child(2) ul {margin: 0 0 30px 30px;}
div#Rooms1 div.SuperBandeau div:nth-child(2) ul li i {color:green;margin-right: 5px;}
div#Rooms1 div.SuperBandeau div:nth-child(2) h5 {color:#585858}


div#Rooms2 section.Line1 {margin:0 auto;}
div#Rooms2 .FullWidth {height:130px; background-color:rgba(204, 204, 122, 0.20);}
div#Rooms2 .Line2 blockquote {text-align:center; margin-top:30px;}
div#Rooms2 .Line2 blockquote > p:nth-child(1) {font-size:18px;}
div#Rooms2 .Line2 blockquote > p:nth-child(2) {font-size:14px;}
div#Rooms2 .Line2 blockquote > p:nth-child(3) {font-size:24px; color:#c45b5b; margin-top:5px}
div#Rooms2 .Line3 {width:1000px;height:auto;margin:20px auto 0 auto;}
div#Rooms2 article {position: relative; top:0; left:0; width:960px; padding: 15px; margin:0 auto 50px auto; border: 1px solid #9D8970; border-radius: 3px;}
div#Rooms2 article > blockquote:first-child {display:block; width:100%;height:160px;border-bottom:1px dotted grey;}
div#Rooms2 article div.ImgC {display:inline; float:left; top:0; left:0; width:211px; font-size:10px;text-align:center;cursor:pointer}
div#Rooms2 article div.ImgC img {display: inline;}
div#Rooms2 article div.InfosC {display:inline; float:left; top:0; left:0; width:459px; height:140px; margin-left:10px; border-radius: 3px; padding:10px 0 0 20px; background-color:rgba(207, 173, 124, 0.2);}
div#Rooms2 article div.InfosC > p:first-child {font-size:22px; color:#ca7474}
div#Rooms2 article div.InfosC > p:nth-child(2) {font-size:14px;}
div#Rooms2 article div.InfosC ul {margin: 8px 0 0 3px;font-size:14px;}
div#Rooms2 article div.InfosC ul li i {font-size:14px;color: #9d8970;margin-right: 5px;}
div#Rooms2 article div.InfosC ul.Equip li {color: green;}
div#Rooms2 article div.InfosC ul.Equip li i {font-size:14px;color: green;margin-right: 5px;}
div#Rooms2 article div.PrixC {display:inline; float:left; top:0; left:0; width:230px; height:140px; margin-left:15px; text-align:center;}
div#Rooms2 article div.PrixC > p:first-child {margin:10px 0 10px 0 ;padding-bottom:10px;font-size:13px;color:grey; border-bottom:1px dotted grey;}
div#Rooms2 article div.PrixC > p:nth-child(2) {font-size:15px;}
div#Rooms2 article div.PrixC > p:nth-child(3) {font-size:12px;}
div#Rooms2 article div.PrixC > p.PrixT {font-size:30px; font-weight: 400; color:red; margin-top:8px;}
div#Rooms2 article > blockquote:nth-child(2) {display:block; width:100%;padding:8px 0 0 0;}
div#Rooms2 article div.OptionsC {position:relative; top:0; left:0; width:100%; height:100%;  padding:8px; background-color:rgba(244, 244, 244, 0.75); border-radius:3px;}
div#Rooms2 article div.OptionsC > div:nth-child(1) {display:inline; float:left; top:0; left:0; width:690px; height:100%; padding:5px 0 0 20px; border-right:1px dotted grey;}
div#Rooms2 article div.OptionsC > div:nth-child(1) > p:nth-child(1) {font-size:14px; font-weight:400; color:grey; line-height:36px; text-align:right; margin-right:20px;}
div#Rooms2 article > blockquote:nth-child(2) button {display:block; font-weight:400; width:150px; margin:0 auto;}
div#Rooms2 .TriC {display: inline; float:right; width:60%; margin:15px 0 0 0;}
div#Rooms2 .TriC p {display: inline; float:right; font:300 15px/2.2em "Roboto", sans-serif; text-align:right; margin:0 15px 0 0;}
div#Rooms2 .TriC select {display: inline; float:right; width:200px; font:300 16px "Roboto", sans-serif;padding: 5px 8px; margin:0 22px 0 0}

div#ModalResaProv blockquote.ResaProv div {width:540px; margin:40px auto 0 auto; text-align:center;}
div#ModalResaProv blockquote.ResaProv div p.ST {margin:30px 0 20px 0; font-size:18px}
div#ModalResaProv blockquote.ResaProv div.Cols {display:table-cell; margin-top:30px; vertical-align:middle;}
div#ModalResaProv blockquote.ResaProv div.Cols p {margin-bottom:10px;}

div#ModalRestoClosed blockquote.RestoClosed div {width:540px; margin:40px auto 0 auto; text-align:center;}
div#ModalRestoClosed blockquote.RestoClosed div p.ST {margin:30px 0 20px 0; font-size:18px}


div#Bar section.Line1 {margin: 80px auto;}
div#Bar .Line1 div:nth-child(1) {position: relative; float: left; vertical-align: baseline;} 
div#Bar .FullWidth {background-color: #F7F7F7;}
div#Bar div.SuperBandeau {position: relative; display: table;width:100%; height: 400px; margin: 60px 0 140px 0;background-color: rgb(234, 234, 234);}
div#Bar div.SuperBandeau div:nth-child(1) {display: table-cell; float: none; width: 50%; background: rgba(0, 0, 0, 0) url("../images/BGBar1.jpg") repeat scroll 0 center; background-repeat: no-repeat !important; background-size: cover !important;}
div#Bar div.SuperBandeau div:nth-child(2) {display: table-cell; float: none;width: 50%; padding:4.6%;}
div#Bar div.SuperBandeau div:nth-child(2) p.desc {line-height:23px;}
div#Bar div.SuperBandeau div:nth-child(2) blockquote {margin-top: 50px}
div#Bar div.SuperBandeau div:nth-child(2) h5 {color:#585858}
div#Bar .Line3 {display: table;width:100%; margin:0 0 180px 0;}
div#Bar .Line3 div.B1 {float:left; width:53.9%; height:400px; margin-right:2%; padding:25px 35px; background-color:rgb(234, 234, 234);}
div#Bar .Line3 div.B2 {float:left; width:44.1%; height:400px; background-position: 0 center; background-repeat: no-repeat !important; border:1px dotted black}
div#Bar .Line3 div.B1 p.Date {font-size:20px; margin:20px 0 0 15px; border-bottom:1px dotted black}
div#Bar .Line3 div.B1 p.Titre {font-size:23px; margin:20px 0 0 15px;}
div#Bar .Line3 div.B1 blockquote {width:100%; height:150px; margin-top:10px; font-size:15px; overflow:auto; padding:8px 13px 8px 14px; background:rgb(245, 245, 245);}
div#Bar .Line3 div.B1 blockquote p {height:100%}
div#Bar .Line3 div.B1 p.Rens {font-size:14px; margin:20px 0 0 15px; border-bottom:1px dotted black}
div#Bar .Line3 div.B1 p.TxtR {font-size:12px; margin:5px 0 0 15px;}
div#Bar .Line3 div.B3 {display:table-cell; float: none; vertical-align:middle; width:10%; height:200px; text-align:center; border:1px dotted rgb(168, 168, 168); color:rgb(168, 168, 168); font-size:180%}


div#Resto section.Line1 {margin: 80px auto;}
div#Resto .Line1 div:nth-child(1) {position: relative; float: left; vertical-align: baseline;} 
div#Resto .FullWidth {background-color: #F7F7F7;}
div#Resto div.SuperBandeau {position: relative; display: table;width:100%; height: 500px; margin: 60px 0 40px 0;background-color: rgba(234, 234, 234);}
div#Resto div.SuperBandeau div:nth-child(1) {display: table-cell; float: none; width: 50%; background: rgba(0, 0, 0, 0) url("../images/BGResto1.jpg") repeat scroll center center; background-repeat: no-repeat !important; background-size: cover !important;}
div#Resto div.SuperBandeau div:nth-child(2) {display: table-cell; float: none;width: 50%; padding:4.6%;}

div#Resto div.SuperBandeau div:nth-child(2) blockquote {margin-top: 50px}
div#Resto div.SuperBandeau div:nth-child(2) h5 {color:#585858}

div#Resto .FullBandeau {height:2900px; margin-top:40px; padding:30px 0 80px 0; background:#E6E2DD url("../images/BGMenus.jpg") repeat scroll center center; background-repeat: no-repeat !important; background-size: cover !important;}
div#Resto section.Line2 {margin:0 auto;}
div#Resto section.Line2 h3 {text-align:center; margin-top:2%}
div#Resto section.Line2 cite:nth-child(2) {display:block; text-align:center; margin-bottom:30px;}
div#Resto section.Line2 div.MainBlocs {float:left; width:32.2%; min-height:300px; margin-right:1.55%;}
div#Resto section.Line2 div.MainBlocs:nth-child(3) {margin-right:0;}
div#Resto section.Line2 div.MainBlocs h2 {display:block; text-align:center; margin-bottom:14px; padding:8px 0; color:white; font-size:110%; font-weight:400; background-color:#897967;}
div#Resto .thumbnail-overlay p {width:100%;
    line-height: 1.1em;
    color: white;
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 1px 2px black;
}
div#Resto p.yes_pmr, div#Bar p.yes_pmr {background: transparent url("../images/pmr_rond.png") no-repeat 0 3px; padding-left:51px; font-size:90%; margin-top:59px; line-height:45px; font-style:italic}

div.MainBlocs ul {list-style:none; padding:0;}
div.MainBlocs ul .inner {padding:15px; overflow: hidden; display: none;border:none; background-color:rgba(255, 255, 255, 0.7)}
div.MainBlocs ul .inner .show {border:none}
div.MainBlocs ul li {margin:.25em 0 .29em 0;}
div.MainBlocs ul li.General, .PJourC {border:1px solid rgba(0, 0, 0, 0.4); text-align:center;}
/*div.MainBlocs ul li a.toggle {width:100%; display:block; padding:.38em; font-weight:400; background-color:#DECFAB;}*/
div.MainBlocs ul li a.toggle {width:100%; display:block; padding:.38em; font-weight:400; background-color:#DDC999;}
div.MainBlocs ul li a.toggle:hover {background-color:rgba(174, 158, 140, 0.6)}
div.MainBlocs ul.inner li:last-of-type {display: none;}
div.PJourC {margin:.25em 0 1em 0;}
/* div.PJourC p.Head {width:100%; display:block; padding:.40em; font-weight:400; background-color:#BEAF9C;} */
div.PJourC p.Head {width:100%; display:block; padding:.40em; font-weight:400; background-color:#C1AF99;} 
div.PJourC blockquote {padding:15px; background-color:rgba(255, 255, 255, 0.7);}
table#TabMenus {width:100%; font-size:90%}
table#TabMenus tr {border-bottom:2px solid rgb(206, 206, 206)}
table#TabMenus tr:hover {background-color:rgba(174, 158, 140, 0.3);}
table#TabMenus td {padding:8px 0; text-align:left; line-height:100%}
table#TabMenus td:nth-child(1) {width: 83%; padding-left:5px}
table#TabMenus td:nth-child(2) {width: 17%; text-align:right} 
table#TabMenus tr:last-of-type {border:none}
table#TabMenus cite {display:block; margin-top:2px; min-height:14px; line-height:88%;}
img.Chef {display:block; margin:0.25em auto 0 auto; background-color:rgba(255, 255, 255, 0.7); padding:135px 92px 155px 92px; border:1px dotted rgba(0, 0, 0, 0.78);}

.ArrowsDN {background-image:url("../images/MenusArrows_03.png"), url("../images/MenusLines_03.png"); background-position:3% center, 97% center; background-repeat:no-repeat;}
.ArrowsUP {background-image:url("../images/MenusUpArrow.png"); background-position:3% center; background-repeat:no-repeat;}

div#Enviro section.Line1 {margin: 80px auto;}
div#Enviro .Line1 div:first-child {position:relative; width:90%; vertical-align:baseline;} 
div#Enviro .FullWidth {background-color: #F7F7F7;}

div#Enviro section.Line2 {margin: 60px 0 0 0;}
div#Enviro .Line2 div.SuperBandeau {display:table; width:100%; height:400px; margin: 0;background-color: rgba(234, 234, 234);}
div#Enviro .Line2 div.SuperBandeau div:nth-child(1) {display:table-cell; float:none; width:100%; background:rgba(0, 0, 0, 0) url("../images/enviro1d.jpg") repeat scroll center top; background-repeat: no-repeat !important; background-size: cover !important;}

div#Enviro section.Line3 {margin: 3% 0 0.2% 0;}
div#Enviro .Line3 div.SuperBandeau {position: relative; display: table;width:100%; height:300px; margin: 0;background-color:rgb(232, 236, 216);}
div#Enviro .Line3 div.SuperBandeau div:nth-child(1) {display: table-cell; float: none; width: 40%; background: rgba(0, 0, 0, 0) url("../images/enviro3.jpg") repeat scroll center center; background-repeat: no-repeat !important; background-size: cover !important;}
div#Enviro .Line3 div.SuperBandeau div:nth-child(2) {display: table-cell; float: none;width: 60%; padding:4.6%;}
div#Enviro .Line3 div.SuperBandeau div:nth-child(2) p {line-height:23px;}
div#Enviro .Line3 div.SuperBandeau div:nth-child(2) blockquote {margin-top: 50px}
div#Enviro .Line3 div.SuperBandeau div:nth-child(2) h5 {color:#585858}

div#Enviro section.Line4 {margin: 0 0 300px 0;}
div#Enviro .Line4 div.SuperBandeau {position: relative; display: table;width:100%; height:300px; margin: 0;background-color:rgb(232, 236, 216);}
div#Enviro .Line4 div.SuperBandeau div:nth-child(1) {display: table-cell; float: none;width: 40%; padding:4.6%; text-align:justify;}
div#Enviro .Line4 div.SuperBandeau div:nth-child(1) p {line-height:23px;}
div#Enviro .Line4 div.SuperBandeau div:nth-child(1) blockquote {margin-top: 50px}
div#Enviro .Line4 div.SuperBandeau div:nth-child(1) h5 {color:#585858}
div#Enviro .Line4 div.SuperBandeau div:nth-child(2) {display: table-cell; float: none; width:60%;  text-align:justify; background:rgba(0, 0, 0, 0) url("../images/enviro4.jpg") repeat scroll center center; background-repeat: no-repeat !important; background-size: cover !important;}

div#Enviro section.Line5 {margin: 3% 0 0.2% 0;}
div#Enviro section.Line5 p {width:80%; border:1px solid grey; text-align: center; padding:20px}

div#Contact h2 {font:300 42px/40px "Roboto",sans-serif;margin-bottom:25px}
div#Contact h4 {font:400 18px "Roboto",sans-serif;}
div#Contact .Line1 {padding:90px 0 30px 0; background-color:rgb(249, 249, 249);}
div#Contact .Line1 .wrapper > div {float:left; min-height:400px}
div#Contact .Line1 .wrapper > div:first-child {display:table-cell; width:29%; margin-right:2%;}
div#Contact .Line1 .wrapper > div:nth-child(2) {display:table-cell; width:40%; margin-right:2%;}
div#Contact .Line1 .wrapper > div:nth-child(2) textarea {height:210px}
div#Contact .Line1 .wrapper > div:nth-child(3) {display:table-cell; width:27%; background:rgba(0, 0, 0, 0) url("../images/contact2.jpg") repeat scroll center center; background-repeat: no-repeat !important; background-size: cover !important;}
div#Contact .Line2 {margin:60px 0 30px 0}
div#Contact .Line3 {margin:0 0 180px 0;}
div#Contact .Line3 div.B1 {float:left; width:71%; height:450px; margin-right:2%; background-color:rgb(234, 234, 234);}
div#Contact .Line3  div.B2 {float:left; width:27%; height:450px; background:rgba(0, 0, 0, 0) url("../images/rue_1604.jpg") repeat scroll center bottom; background-repeat: no-repeat !important; background-size: cover !important;}
div#Contact div#MapC {top:0; left:0; height:450px; border:1px solid rgb(203, 203, 203);}

div#Mentions h2 {font: 300 42px/40px "Roboto",sans-serif; color:rgb(69, 69, 69); margin: 60px 0 25px 0;}
div#Mentions h4 {margin-top:35px;color:rgb(69, 69, 69)}
div#Mentions p {font-size:15px; line-height:17px; text-align:justify; color:rgb(69, 69, 69)}

div#Resa section.Line1 {margin:0 auto;}
div#Resa .FullWidth {background-color:#F7F7F7;}
div#Resa .FullWidth h1 {display: block; width:380px;font: 100 35px 'Roboto', sans-serif;color: #515151;padding:20px;margin: 0 auto;}

.show-password {position:absolute; width: 19px;  background: transparent url("../images/ShowPass.png") no-repeat scroll 0 0; cursor:pointer; height:12px; margin: 13px 0 0 -40px;}
.error-message {display: none;position: relative;top: 0;left: 0;width: 380px;background: transparent url("../images/exclamation.gif") no-repeat scroll 5px 3px;color: red;font-size: 13px;padding: 2px 0 10px 25px;}
.ThActive {opacity:1;}

/*  COLUMN SETUP width 20px margin  */
.Marg20 {display: block; float:left; margin: 1% 0 1% 1.6%;}
.Marg20:first-child { margin-left: 0; } 

/*  GROUPING  */
.Group:before, .Group:after {content:""; display:table;}
.Group:after {clear:both;}

/*  GRID OF THREE  */
.Resp1 {width: 100%;}
.Resp2 {width: 66.1%;}
.Resp3 {width: 32.2%;}
.Resp4 {width: 45%;}

.Resp1_2 {width: 25%;}
.Resp2_2 {width: 69%;}


/* Bottom */
footer {background-color:#4E4D4E; min-height:700px;}
footer div.FBBarreC {background-color:rgb(174, 158, 140); height:40px;}
div.FBContent {float:right; height:40px; padding:9px 30px; background-color:white;}
div.BottomC {padding:25px 30px;}
div.BottomC .Resp1_2 {display:block; float:left; margin:1% 0 1% 0; background-color:white; height:420px; -webkit-border-radius:3px; border-radius:3px;}
div.BottomC .Resp2_2 {display:block; float:left; margin:1% 0 1% 6%; height: 420px;}
div.BottomC .Resp1_2 div:first-of-type {display:table; margin:30px auto 0 auto; text-align:center; line-height:22px;}
div.BottomC p:last-of-type {margin-top:10px}
div.BottomC .Resp2_2 .Resp1_2 {height:400px; -webkit-border-radius:0; border-radius:0; background-color:transparent;}
div.BottomC .Resp2_2 .Resp2_2 {height: 380px;}
div.BottomC .Resp2_2 {color: #C8B261;}

div.BottomC a:link, div.BottomC a:visited {color: #C8B261;}
div.BottomC a:hover {color:whitesmoke}
div.BottomC .Resp2_2 p:nth-child(1) {border-bottom:1px solid #C8B261; margin-bottom:15px;}
div.BottomC .Resp2_2 p:nth-child(2), div.BottomC .Resp2_2 p:nth-child(3) {margin-bottom:10px;}
div.BottomC div#BM {margin-top: 15px;}
div.BottomC div#BM a:link, div.BottomC div#BM a:visited {display:block; margin-bottom:6px; font-size:14px;}

div#error-message {display: none; width: 450px;height: 200px; padding:0 15px; background: url('../images/Picto60x60_rejected.png') no-repeat 50% 13% rgba(0, 0, 0, 0);}
div#error-message blockquote {position:relative; top: 90px;font:300 14px "Open Sans", sans-serif; text-align:center; color:#564444;}



/* MODALS */
 .cookie-message {
  position:fixed;
  bottom:0; left:0; right:0;
  padding:12px 85px 12px 20px;
  background-color :#dadada;
  border-top:1px solid #ccc;
  box-shadow:0px 0px 4px #ccc;
  z-index: 99;
}

a.cookiebar-close {
    position:absolute;
    top: 0; right: 30px; margin-top: 8px;
    width: 50px; height: 16px; padding-left: 19px;  
    background: transparent url("../images/BigCloseFB.gif") no-repeat scroll 0 -16px;
    font-size: 11px;
    cursor:pointer;
}

.cookie-message p {
    font-size: 11px; line-height: 13px; text-align: center;
}
        
div#LogSuccessC, div#LogUnSuccessC, div#UnLogC, div#MPass {
     display: none;
}
div#LogSuccessC a:link, div#LogSuccessC a:visited {
    display: block;
    margin-top: 3px;
}
div#LogSuccessC a:hover {
    color: #800000;
}
div#LogSuccessC blockquote, div#LogUnSuccessC blockquote, div#UnLogC blockquote, div#MPass blockquote {
     position: relative;
     top: 30px;
     left: 20px;
     font-size: 14px;    
}

div#LogSuccessC blockquote p, div#LogUnSuccessC blockquote p, div#UnLogC blockquote p, div#MPass blockquote p {
    position: relative;    
}

div#LogSuccessC h2, div#LogUnSuccessC h2, div#UnLogC h2 {
    font-weight: normal;
    font-size: 16px;
    background: transparent url('../images/SmallPictoVALID.png') no-repeat 0 3px;
    margin-left: 50px;
    padding-left: 25px;
    width: 330px;
    height: 23px;  
}
div#LogUnSuccessC h2 {
            color: #fe1919;
            background: transparent url('../images/SmallPictoUnVALID.png') no-repeat 0 3px;
        }
        
div#VALIDFormC {
     display: none;
     height: 220px;
     background: transparent url('../images/BigPictoVALID.png') no-repeat center 30px;
}

div#VALIDFormC h2 {
    font-size: 18px;
    font-weight: normal; 
}

div#VALIDFormC blockquote {
     position: relative;
     top: 120px;
     font-size: 14px;
     text-align: center;
     color: #494949;    
}

div#VALIDUdptC, div#UnVALIDUdptC, div#NoSel {
     display: none;
}

div#VALIDUdptC h2, div#UnVALIDUdptC h2, div#NoSel h2 {
    font-size: 16px;
    font-weight: normal;
    background: transparent url('../images/SmallPictoVALID.png') no-repeat 0 2px;
    padding: 0 0 0 20px; 
}

div#UnVALIDUdptC h2, div#NoSel h2 {
    background: transparent url('../images/SmallPictoUnVALID.png') no-repeat 0 2px;
}

div#VALIDUdptC blockquote, div#UnVALIDUdptC blockquote, div#NoSel blockquote {
     position: relative;
     top: 30px; left: 40px;
     font-size: 14px;
     color: #494949;    
} 

div#BadIE, div#UnVALIDFormC {
     display: none;
     width: 550px; height: 220px;
     background: transparent url('../images/BigPictoAlert.png') no-repeat center 30px;
     padding: 30px;
}

div#BadIE blockquote, div#UnVALIDFormC blockquote {
     position: relative;
     top: 100px;
     font-size: 14px;
     text-align: center;     
}

div#ActionSuccessC {
     display: none;
     height: 200px;
     width: 300px;
     background: url('../images/BigSuccess.png') no-repeat scroll 55% center rgba(0, 0, 0, 0);
}

div#ModalPanier1, div#ModalPanier2 {
     display: none;
     height: 240px;
     background: transparent url('../images/BigPictoVALID.png') no-repeat center 30px;
}

div#ModalPanier3 {
     display: none;
     height: 270px;
     background: transparent url('../images/BigPictoAlert.png') no-repeat center 30px;
}

div#ModalPanier2 {
     height: 270px;
}

div#ModalPanier1 h2,div#ModalPanier2 h2,div#ModalPanier3 h2 {
    font-size: 16px;
    font-weight: normal; 
}

div#ModalPanier1 div.text,div#ModalPanier2 div.text,div#ModalPanier3 div.text {
     position: relative;
     top: 120px;
     font-size: 16px;
     text-align: center;
     color: #494949;    
}

div#ModalPanier1 div.text div.BtnC, div#ModalPanier2 div.text div.BtnC, div#ModalPanier3 div.text div.BtnC {
    position: relative;
    top: 30px; left: 0px;
    width: 100%; height: 150px;

}

div#ModalMsg, div#ModalResaProv {
     display: none; padding: 25px;
}
        
div#ModalMsg h2, div#ModalResaProv {
    font-weight: normal; font-size: 15px;
}


div#MPass {
     display: none; 
     background: url('../images/Picto60x60_faq.png') no-repeat center 10px;
}

div#MPass blockquote {
    display:block; position:relative; top:80px; left:0;
    width:400px; margin:0 auto 0 auto;
    font:300 16px "Open Sans", sans-serif; text-align:center; color:#564444;    
}

/* END MODALS */