/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://creativecommons.org/licenses/MIT/	*/


/*	Resets
	------	*/

html {
  overflow-y: scroll;
  background: #fff;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

div, article, section { box-sizing: border-box; }

a img {border: 0; display: block;}

input[type=text], input[type=email], input[type=password] {background-color: #fff;border: 1px solid #e3e3e3;padding: 8px; border-radius: 3px; height: 18px; margin: 4px 0}
textarea {border: 1px solid #c4c4c4;}

hr {display:block; border-bottom: 1px solid #e6e6e6; margin:10px 0; height:1px;}
hr:last-child {border-bottom: none;} 
input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
input[type="checkbox" i] {
     -webkit-box-shadow: none;
    box-shadow: none; 
}
select {
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: white;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 9px 29px 9px 9px;
    margin-right: .95rem;
    background-image: url(/a/_img/select.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: right 6px center;
    font-size: 16px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.material-icons {font-size: inherit !important;}

/*------Elements-------*/

body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; letter-spacing: 0.015em; color: #656565;font-size: 16px;line-height: 1.6;background-color: #fff;border-top: 1px solid #000;width: 100%;}
body.logged {background: transparent url(/a/_img/logged.png) repeat-x;}
h1, h2 {font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif;line-height: 1.1;letter-spacing: 0;font-style: normal;font-variant: normal;/* font-stretch: normal */; margin: 10px 0;font-weight: 500;}
h2 {font-size: 24px;}
h2 span {font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif;font-size: 13px;line-height: 0.9; white-space: nowrap; }
h1 span {font-size: 20px;line-height: 0.9; white-space: nowrap;}
h3, p.noResults {margin: 10px 0;font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif;line-height: 1.1;letter-spacing: 0;font-style: normal;font-variant: normal;/* font-stretch: normal */;font-weight: 600; font-size: 20px;}
h4 {font-weight: bold;font-size: 16px;line-height: 1.6;margin: 10px 0;}
h5 {font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; margin:5px 0 -10px;font-weight: normal;font-size: 14px;}

a {border-bottom: 1px solid;text-decoration: none;color: #555;}
a:hover {color: #000;}

h1 a, h2 a, h3 a, h4 a {border: 0;}
a.img {display: block;border: 1px solid #c4c4c4;   margin: 0 10px 5px 0;float: left;}

.desc {margin-bottom: 1em; line-height: 1.6;}

span.bus, span.foot {color: orange}
/*
sup.foot {background: transparent url(../_img/pediBusO.png) no-repeat 0 0;padding-right: 0;}
sup.bus {background: transparent url(../_img/pediBusO.png) no-repeat -30px 0;padding-left: 19px;}
*/

.langInfo {font-size: 14px;}

dt {font-weight: bold;}

input[type=text] {font-size: 13px;}

/*-----Color------*/
.orange { color: #f5841f}


/*-----Specials------*/

.date {margin-bottom: 0;color: #777;}
.date.fLeft {margin-right: 5px;}



.gondole {margin: 0 0 10px;background: transparent url(../_img/lineS.png) repeat-x 104px 10px;}
.gondole span {background: #fff;padding-right: 3px;}

.social {font-weight: bold;font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif;}
.social, .social .desc {margin: 0}
.social .desc a {font-size: 30px; text-transform: uppercase; margin-right: 10px}
.social .desc a i {    background: #f5f5f5;    border-radius: 50%;    padding: 10px;}
.social .desc .twitter {color: #55acee}
.social .desc .facebook {color: #3b5998 }
.social .desc .tripadvisor {background-image: url(../_img/twittbook.png); background-repeat: no-repeat; background-position: right 0; background-color:#ffe08d; width: 52px}
.social .desc .twitter:hover, .social .desc .facebook:hover {opacity: .8} 
.social .desc .tripadvisor:hover {} 
.social a {border-bottom: 0;}

/* Trip advisor  */
.TA_linkingWidgetWAR { margin-top: 10px; margin-bottom: 20px; }
.TA_linkingWidgetWAR #CDSWIDLNKR .widLNKRInner { padding-left: 0;} 
#CDSWIDLNKR #talink.widLNKSml, #CDSWIDLNKR #talink.widLNKSml a { text-align: left; line-height: 10; font-size: 8; text-decoration: none; }
.TA_linkingWidgetWAR #CDSWIDLNKR #talink { border-bottom: none; }
/*.lego a.img {
  margin: 0 10px 5px 0;
  float: left;
}*/

.lego {height: 100%;overflow: hidden;}
.lego .date {padding: 0 0 10px 10px;}
.lego.au .date {padding: 0;}
.lego h1, .focus .date {padding: 0 0 0 25px;margin: 5px 0 10px 0;}
.lego.au h1 {background: transparent url(../_img/puceARed.svg) no-repeat 0 0; background-size: 18px auto;}
/*.lego*/.au h2 {padding: 0 0 0 10px;background: transparent url(../_img/puceRed.png) no-repeat 0 4px;}
.lego.vg h1 {background: transparent url(../_img/puceAorange.svg) no-repeat 0 0; background-size: 18px auto;} 
.lego.vg h2 {padding: 0 0 0 10px;margin-bottom: 0;background: transparent url(../_img/puceOrange.png) no-repeat 0 4px;}
.lego h3.fLeft {margin-right: 20px; margin-top: 14px}

.prog .date {font-weight: bold; font-size: 14px; margin-right: 20px; padding-left: 0; width: 155px; padding-top: 2px;}
.prog .date span {display: block; font-weight: normal; font-size: 14px;}
.prog h3 {margin-top: 0;}
.prog .lego .lego {padding:0; margin: 0; border-bottom: 1px dotted #e3e3e3;}
.prog .jour p {margin-bottom: 15px;}
.prog .jour {padding-top: 15px;}

.focus, .offsetTop {background: transparent url(../_img/bgFocus2017.png) no-repeat 0 0;padding-top: 20px;font-size: 16px;}
.focus h1, .offsetTop h1 {font-size: 30px;}

p.lastNewsletter {margin: 10px 0 5px; color: #999991;}
p.lastNewsletter a {text-decoration: none; border-bottom: 0;}
.nslttr, .alaCart, .invoice {border-bottom: 1px dotted #e3e3e3;border-top: 1px dotted #e3e3e3; margin: 10px 0;overflow:hidden; _overflow:visible; zoom:1; padding-top: 10px; padding-right: 10px;}
.alaCart {border-bottom: 0;}
.nslttr .desc, .alaCart .desc {padding: 12px 0 0 0;overflow:hidden; _overflow:visible; zoom:1;height: 100%;}
.nslttr .desc input {width: 250px;height: 18px;}
.ie7 .nslttr .desc input {margin-top: 0;padding-top: 0;height: 24px; margin-right: 15px;}
.nslttr .desc .btn { width: 105px;  margin: -10px 0 0 2px;  text-align: center;  padding: 6px 10px;  height: 33px;} 
.ie7 .nslttr .desc .btn {padding: 8px 0;height: 30px; margin-top: 0;}
.nslttr .desc input.btn:hover {background: #484848;}

.action {margin-top: 10px;}
.action .btn {text-align: center; text-transform: uppercase; font-size: 13px; letter-spacing: 0.05em; color: white; margin-right: 15px; margin-left: 3px; border: none; padding: 8px 10px 8px 8px; border-radius: 3px; background: #343434; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.action .btn.bigBtn {font-size: 18px; min-width: 47.5%;display: inline-block}
.action .btn.Smallbtn { font-size: 11px;  padding: 4px 10px 4px;  background: #343435; border-radius: 3px}
.ie7 .action .btn, .ie6 .action .btn {  padding: 7px 19px;}
.ie7 .action .Smallbtn, .ie6 .action .Smallbtn {  padding: 2px 15px;  line-height: 2em;}
.action .btn:hover { background: #484848; cursor: pointer} 
.action.paypal form {  float: left;  width: 115px;  margin-top: -10px;}
.action .btnRed {letter-spacing: 0.05em; padding: 16px 33px 14px; font-size: 16px; background-color: #e3294a; color: white; text-shadow: none; }
.action .btnRed:hover { background-color: #f14d6a; }
.action .XSlink {font-size: 12px; color: #8a8a81; border-bottom: 0;} 
.action .XSlink:hover {border-bottom: 1px solid; color: #7a7a71;}
a.pdf {background: #efefef url(/a/_img/pdf.svg) no-repeat 0 0; background-size: 30px 100%; border-bottom: 0; padding: 15px 0 15px 35px; } 
div.pdf {padding: 21px 0 19px 20px; border-bottom: 1px dotted #c4c4c4; border-top: 1px dotted #c4c4c4;background: #efefef}

.dwnload, .pubPubli {padding: 10px;  overflow: hidden;   height: 100%;  margin: 10px 0 20px;}
.pubPubli { background: #F5DFE3;}
.pubPubli h4 {font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; font-weight: normal; font-size: 18px;} 
.dwnload {background: #f5d8be;border-radius: 3px; } 
.au.dwnload {background: #F5DFE3; } 
.au.dwnload:hover a {color: #e3294a; } 
.dwnload a {  border: 0;}
.dwnload img, .pubPubli img {float: left;margin-right: 10px; margin-bottom:5px; border: 1px solid #c4c4c4;}
.dwnload p, .dwnload .desc, .pubPubli p, .pubPubli .desc {  padding: 0;  margin: 0;/*   overflow: hidden;  */}

.grpesEcol {  padding-bottom: 10px;}
.grpesEcol ul {  margin-top: 1em;}

.Toptourimg { float: left; margin-right: 20px; margin-top: 10px; border: 1px solid #c4c4c4;display: block; }
.Toptourimg img { display: block; }

#sideContent .lego { border-bottom: 1px dotted #e3e3e3; /*padding-bottom: 10px;*/}
#sideContent .lego h2 { margin-top: 15px;}
#sideContent article.lego:last-child { border-bottom: 0;}
#sideContent .lego.last {border-bottom: 0;}
.sideDate {color: #999991; padding: 0 0 10px 10px;}
#sideContent.ecum h3 {font-size: 14px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
#sideContent.ecum .bigLink h3 {font-size: 24px; font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif;}

/* header */

.logo { position: absolute; background: transparent url(/a/_img/logoBW.svg) no-repeat 0 0; z-index: 5; width: 130px; top: 18px; left: 17px; background-size: 100%;}
.logo a { display: block; text-indent: -9999px; text-decoration: none; border: 0; height: 137px; width: 130px;}
.langChoice { position: absolute; z-index: 6; list-style: none; top:7px; left: 150px; color: #fff; font-size: 14px;}
.langChoice li { float: left; padding: 0 10px;}
.langChoice li:first-child { border-right: 1px solid;}
.langChoice li a { color: #fff; text-decoration: none; border: 0; padding: 5px;}
.langChoice li a:hover { text-decoration: underline;}

.search { position: absolute; z-index: 3; width: 100%; background: rgba(0,0,0,0.7); padding: 3px 0 6px;}
.ie6 .search, .ie7 .search { background: #000;}
.search form { float: right;}
.search form input {height: 22px; width: 214px; padding: 3px 6px; margin: 0; background: #626262; border-color: transparent;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.search form input::-webkit-input-placeholder {color: #b7b7b7;}
.search form input::-moz-placeholder {color: #b7b7b7;}
.search form input:-ms-input-placeholder {color: #b7b7b7;}
.search form input:-moz-placeholder {color: #b7b7b7;}
.search form input:focus {background: white; border-color: transparent;box-shadow:none;}
/*.search form input:focus { outline-color: rgba(255,255,255,1); }*/
.search form input.loup { width: 30px; margin: 2px 38px 0 -30px; background: transparent url(/a/_img/loup.svg) no-repeat 0 0; border: 0; text-indent: -9999px; cursor: pointer; color: transparent; overflow: hidden;padding: 0;}
.ie7 form input.loup, .ie6 form input.loup { height: 20px; padding-top: 20px;}

.credPhoto{ background: rgba(0,0,0,0.7); color: #fff; font-size: 9px; text-align: right; z-index: 1; position: absolute; bottom: 19px; width:100%; padding: 4px 5px 4px 0; line-height: 14px;}
.ie6 .credPhoto, .ie7 .credPhoto { background: #000; position: relative; margin-top: -21px;}
.headerImg { overflow: hidden; width: 100%; }
.headerImg .img { z-index: -20; position: relative; margin-right: 0;}
.headerImg .img { height: 398px; overflow: hidden;}
.header { position: relative;}
.trame { position:absolute; background:url(/a/_img/tram.gif); z-index:1; width:100% ; height:500px }

/* ---------Visites list-----------*/

.offsetTop { 
/*    background: #fff; */
    padding-bottom: 20px;
}
.offsetTop h3 { margin: 4px 0 0;}
.offsetTop.vg h3:before { content: none;}
.filters ul { overflow: hidden; height: 100%; zoom:1; margin: 10px 0 0 0; float: left; text-transform: lowercase; }

.tags {margin-top: 10px;} /* action urbaine */
#sideContent .tags {margin-top: 0;} /* action urbaine */
.filters ul li { margin-bottom: 5px; }
.filters ul li, .tags ul li { list-style: none; float: left; font-size: 13px; margin-right: 4px; margin-top: 1px; line-height: 1.5em;}
/*.tags ul li {font-size: 12px;}*/

.filters { position: relative; }
.filters .busOrFoot { position: absolute; top: -54px; right: 10px; overflow: visible; }
.filters .busOrFoot li { border: 0;}
/*
.filters .busOrFoot li a.bus, .offsetTop .busOrFoot li a.foot { text-indent: -2000px; display: block; width: 32px; height: 32px; 
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: ease;
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}
*/

/*
.filters .busOrFoot li a.bus { background: #f5b479 url(/a/_img/pediBusW.png) no-repeat -46px 3px;}
.filters .busOrFoot li a.foot { background: #f5b479 url(/a/_img/pediBusW.png) no-repeat 7px 4px;}
*/
.tags ul li a { padding: 3px 5px; border-bottom: 0; -moz-border-radius: 3px; -web-kit-border-radius: 3px; border-radius: 3px; background: #e4e4e4;} /* action urbaine */
.filters ul li a {padding: 3px 4px; border-bottom: 0; -moz-border-radius: 3px; -web-kit-border-radius: 3px; border-radius: 3px; background: #e4e4e4;}
.filters ul li a.active {background: #e3294a; color: #fff;}
.tags ul {overflow: hidden; height: 100%;}
.tags ul li {margin: 4px 4px 3px 0; white-space: nowrap;}
.tags ul li a { background: #F5DFE3 ; /*#F5CED5;Rozish*/ /* action urbaine */

-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-moz-transition-property: background-color;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease;
transition-property: background-color;
transition-duration: 0.3s;
transition-timing-function: ease;

}

.tags ul li a.as-close {background-color: transparent; padding: 0;}
.filters .busOrFoot li a { border:none; -moz-border-radius: 20px; -web-kit-border-radius: 20px; border-radius: 20px; font-size: 22px; width: 37px; height: 37px; background-color: #f5841f; color: white;     padding: 9px 8px 3px 8px; margin: 0 2px}
/*.filters .busOrFoot li a.bus {padding: 7px 12px;}*/
.filters .busOrFoot li a:hover {opacity: .8}
/*.filters ul li a:hover, .tags ul li a:hover { border: 0; background: #d4d4d4; color: #444; text-shadow: 1px 1px #dfdfdf; -moz-border-radius: 3px; -web-kit-border-radius: 3px;  border-radius: 3px;}*/
.tags ul li a:hover { background: #F5BFC9;/*Pinkish*/ } /* action urbaine */
.tags ul li a.as-close {background-color: transparent; padding: 0;}

.lettrine {margin:10px 20px 0 0; font-size: 22px; font-family:ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; color: #E9214B;}
.tagList .tags {border-bottom: 1px dotted #e3e3e3; padding-bottom: 25px;}
.bigTag {font-size: 25px; padding: 5px 5px 2px 5px; background: #F5DFE3; -moz-border-radius: 3px; -web-kit-border-radius: 3px;  border-radius: 3px;}


/*
.filters .busOrFoot li a.foot:hover, .offsetTop .busOrFoot li a.foot.activ { background: #f5841f url(/a/_img/pediBusW.png) no-repeat 7px 4px; -moz-border-radius: 20px; -web-kit-border-radius: 20px; border-radius: 20px;}
.filters .busOrFoot li a.bus:hover, .offsetTop .busOrFoot li a.bus.activ { background: #f5841f url(/a/_img/pediBusW.png) no-repeat -46px 3px; -moz-border-radius: 20px; -web-kit-border-radius: 20px; border-radius: 20px;}
*/

th { text-align: left; font-weight: 600; width: 140px;}
td { text-align: right; }
.th { font-weight: bold; padding-top: 10px;}
.th span { color: #888; font-weight: normal;}

/* Galeries */


.item { width: 133px; margin: 0 20px 10px 0;}
/*.item2 {  width: 292px;  margin: 0 20px 10px 0;} */

.no-js .item { float: left;}
.ie7 .item a { border-bottom: 0;}
.item h4 { margin-bottom: 0;  padding-bottom: 0;}
.item img { border: 1px solid #c4c4c4;}

.item .thumbNail { width: 131px; height: 131px; border: 1px solid #c4c4c4; background-repeat: no-repeat; background-size: 100%; background-position: center center; background-color: #ddd;}  

.item a .thumbNail { transition: background-size 0.2s ease-in;  }
.item a:hover .thumbNail { background-size: 115%; }   

.item .next { font-size: 12px;}
.item .date { padding: 0; display: block;}

/* -------Landing Action urbaine-------*/

.pager {overflow: hidden; height: 100%; margin:20px 0 20px 20px;}
.pager li {float: left;   list-style-type: none;}
.pager li span, .pager li a {
  display: block;
/*   margin-right: 10px; */
  text-align: center;
  width: 30px;
  overflow: hidden;
/*   border-bottom: 0; */
/*   height: 20px; */
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  padding: 9px 5px;
  border: 1px solid #c4c4c4;
  border-right: 0;
}
.pager li span, .pager li span.prev, .pager li span.next {
  cursor: default;
  color: #c0c0c1
}
.pager li .prev {
  background: transparent url(../_img/pager.png) no-repeat 13px -100px;
  text-indent: -9999px;
}
.pager li span.prev {
  background: transparent url(../_img/pager.png) no-repeat center -64px;
}
.pager li .next {
  background: transparent url(../_img/pager.png) no-repeat center -29px;
  text-indent: -9999px;
  border-right: 1px solid #c4c4c4;
}
.pager li span.next {
  background: transparent url(../_img/pager.png) no-repeat 16px 9px;
}
.pager li a:hover {background-color: #ccccc1;}


/* Détail article action urbaine */

.offsetTop.au .date {font-size: 16px;}

.artDet {font-size: 16px;}
.img {float:left; margin: 0 20px 20px 0;}
.img img {display: block;}

.artDet h2, .artDet h3 {padding-right: 30px; line-height: 1.3}
.artDet p {margin-top: 10px;padding-right: 40px;}
.artDet p:first-child {margin-top: 0;}
.artDet p:last-child {margin-bottom: 30px;}
.artDet ul {margin: 10px 0 0 0;padding-left: 15px;}
.artDet ul li {list-style-position: outside; list-style-image: url(/a/_img/pupuce.png); padding-right: 30px;}
.artDet p a {color: #e3294a; border-bottom: 0;} .artDet p a:hover {border-bottom: 1px solid #e3294a;}
.artDet .img img {border: 1px solid #c4c4c4;}
.artDet .img p {font-size: smaller; margin:0; color: #666; padding: 5px; background-color: #efefef; width: 304px;}
/* .separator {background: transparent url(/a/_img/separator.png) no-repeat scroll 0 0 ; height: 1px; margin-bottom: 30px; } */

.otrArt ul {padding-left: 15px;}
.otrArt ul li {list-style-image:url(/a/_img/pupuce.png) ;list-style-position: outside; font-size: 16px; font-family:ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; } 
.otrArt ul li a {border-bottom: 0;
-webkit-transition-property: color;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-property: color;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
transition-property: color;
transition-duration: 0.4s;
transition-timing-function: ease;
}    
.otrArt ul li a:hover {border-bottom: 1px solid; color: #df2c48;} 

/*---ECUM et Midis----*/

.archives .date {padding-top: 7px;}
.archives .sommaire {padding-bottom: 20px;}
.archives .sommaire dd {margin-bottom: 10px;}
.borderBot {border-bottom: 1px dotted #e3e3e3;}
.sommaire .action {margin: 20px 0 10px;}
.toggleMe {padding-left: 20px;}
.date h4 {padding-left: 20px; margin-top: 4px}

/* -----Détail visite ----*/

.imgDet { padding-left: 20px;}
.imgDet img { border:1px solid #c4c4c4; margin: 0 5px 5px 0;}
.imgDet img:last-child { margin-right: 0;}
.calendar td { padding: 5px 0; text-align: left;}
@media (min-width: 768px ){
  .calendar td {white-space: nowrap;}
}
.detailTour .calendar { width: 100%; margin-bottom: 0.8em;} 
.detailTour .desc img {display: block} 
.othrVisit { overflow: hidden; height: 100%; _overflow:visible; zoom: 1; padding-bottom: 10px; font-weight: bold;}
.othrVisit img { display: block; float: left; margin-right: 10px; border: 1px solid #c4c4c4;}
.infos { font-size: 14px;}
.hidden { display: none;}
.tarifs table th { width: 65%; }
.otrVisits.lego {padding-bottom: 5px;margin-bottom: 5px;}
.tarifs.lego {padding-top: 10px;}

/* Calendar */

.calendar { width: 100%; margin-bottom: 15px;}
.calendar h2 { margin-bottom: 10px; border-bottom: 1px solid #c4c4c4; width: 100%;}
.ie7 .calendar th { width:100%;}
.calendar .action { margin: 0 0 0 4px; text-align: right}
.calendar thead { color: #b0b0b1; }
/*.detailTour .calendar .action { width: 75px;}*/
.calendar .action .btn { margin: 0;}
.calendar td { padding: 0 10px 0 0; width: auto}
.cDay, .cTitle, .cTransp, .cLang { text-align: left;}
/* .cDay { width:75px;} */
/* .cLang { width:110px;} */
.cDate { font-weight: bold; /* width: 95px; */}

/* .handicap { width: 40px;} */
/* .cHour {width:50px;} */
.cTitle a {display: block; margin-left: 10px; float: left;}
/*
.cTransp .bus {  background:  url(../_img/pediBusO.png) no-repeat right -4px; width: 42px; display: block; height: 30px; text-indent: -9999px;}
.cTransp .foot { background:  url(../_img/pediBusO.png) no-repeat left 0; width: 30px; display: block; height: 30px; text-indent: -9999px;}
*/
.cTransp .foot, .cTransp .bus {color: orange}
.calendar .handicap span { width: 20px; height: 30px; overflow: hidden;  display: block;  white-space: nowrap;}
.calendar .handicap span.wheel {  background: url(../_img/wheel.png) no-repeat 0 3px;  text-indent: 9999px; float: left;}
.calendar .handicap span.deaf { background: url(../_img/deaf.png) no-repeat 0 3px; text-indent: 9999px;}
.placeRemain, .placeRemainGen { color: #f98237; width: 90px;}
.calendar td.placeRemainGen { padding-right: 20px; }
.calendar .action span{ text-align: center; padding-right: 0; text-decoration: line-through; color: #c4c4c4;}
.calendar .action span.Smallbtn {border:none;background: #b4b4b4 !important; cursor: not-allowed}
.calendar .action span.Smallbtn:hover {background: #e8e8e8}
.placeRemain span, .placeRemainGen span { text-transform: uppercase; color: #cc6000; background: #f5caa5; font-size: 11px; padding: 4px 10px 4px;}
.calendar .action .btn.Smallbtn {border:none;font-size: 11px;  padding: 4px 10px 4px;}
.calendar .action a {border: none;font-size: 11px;background: #343435; padding: 4px 10px 4px;text-align: center;text-transform: uppercase;letter-spacing: 0.05em;border-radius: 3px;color: white;}
.calendar .action a:hover { background: #484848 !important; cursor: pointer} 
.calendar .action span {border: none;font-size: 11px;padding: 4px 10px 4px;background: #b4b4b4;text-align: center;text-transform: uppercase;letter-spacing: 0.05em;border-radius: 3px;color: white;cursor: not-allowed}

/* Process reservation */

.resa { margin-bottom: 30px;}
.alert { color:#db3026;}
.alert ul {padding-left: 20px; margin-bottom: 1em;}
.resa .add a { margin-bottom: 20px;  background: transparent url(../_img/addFade.png) no-repeat 0 0;  text-indent: 23px;  float: left;  border-bottom: 0;  line-height: 20px;}
.resa .add a:hover {  background: transparent url(../_img/addHover.png) no-repeat 0 0;}
.invoice {  padding: 10px 0;}
.resa, .resa div {overflow: hidden; height: 100%; zoom: 1; _overflow:visible; }
.resa span { float: left;  margin-right: 10px;}
.resa div { clear: both; margin-bottom: 3px;}
.resa .delete {margin-right: 0;}
.resa .delete a { display: block; margin-top: 35px; margin-right: 0; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; background: transparent url(../_img/deleteFade.png) no-repeat 0 0; border-bottom: 0;}
.resa .delete a:hover { background: transparent url(../_img/delete.png) no-repeat 0 0;}
.resa input { width: 230px; height: 18px; margin-bottom: 5px;font-size: 16px;font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
/*.resa input[type=text] {padding: 4px; font-size: 14px;}*/
.resa .xlInput {width: 450px;}
.resa .xxsInput { width:20px;height: 14px;}
.resa .xxsLabel {line-height: 30px;}
.resa .xsInput { width:50px;}
.resa .sInput { width:100px;}
.resa .mInput { width:200px;}
/*.resa select { padding: 4px 0; width: 200px;}*/
.resa select.resaMemberType, .resa select#reservation_country {width:150px;}
.resa .xsSelect { width: 75px;}
.resa input.btn { width: auto; height: 33px; padding: 6px 10px 8px;}
.resaRecos input {margin: 5px 0;}
.recap { margin: 54px 0 0; padding: 20px; background: #f5d8be; border-radius: 3px}
.recap input { margin-top: 10px; height: 18px;}
.recap ul {padding-left: 13px; border-top: 1px solid orange; padding-top: 6px;}
.recap ul li { font-weight: bold;}
.recap ul li p { font-weight: normal;}
.recap ol {padding-left: 14px; padding-top: 1em;}
.recap ol li:before{content: "▸";     margin-left: -14px;    padding-right: 5px;}
.total { padding:20px; font-weight: bold; font-size: 16px; margin-bottom: 30px;}
.step {-moz-border-radius: 20px 20px 20px 20px; -web-kit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; border: 1px solid transparent; display: block; float: left; font-size: 22px; height: 38px; line-height: 38px; text-align: center; width: 38px; margin-left: 20px; background: #f5b479; color: #f5742f;}
.step.activ, .total { background: #f5841f; color: #fff;}
a.dp-choose-date {background: url(/a/_img/calendar.gif) no-repeat; text-indent: -1000px; color: transparent; display: inline-block; width: 25px;    margin-left: 4px;}
.dp-choose-date:hover { color: transparent;}

/* Nav */

#nav { margin: 0 auto; width: 982px; position: relative; z-index: 5000;}
.navVG .level0 li, .navVG .level0 li .subnav { background-color: #f5841f; color: #fff;}
.navAU .level0 li, .navAU .level0 li .subnav { background-color: #e3294a; color: #fff;}
#nav ul.level0 { list-style: none; position: absolute; z-index: 1000; font-size: 34px; right:0px; top:250px;}
.level0 li { font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; float: left; margin: 0 0 0 3px; padding: 0 10px 5px; position: relative; z-index: 500;}
.en .level0 li.home { width:85px;}
.level0 li.home { width: 105px;}
.en .level0 li.guidTours { width: 222px; background-position: 208px 20px;}
.level0 li.guidTours { width: 252px; background-position: 238px 20px;}
.en .level0 li.urbAct {
  width: 218px; /*A REMETTRE EN PLACE QUAND SOUS MENU ACTIF!!! */
  background-position: 203px 20px;
}
.level0 li.urbAct {
  width:  243px;  /*A REMETTRE EN PLACE QUAND SOUS MENU ACTIF!!! */
  background-position: 230px 20px;
}
.flech { background-image: url(../_img/flech.png); background-repeat: no-repeat;} 
ul.level0 li .subnav {position: absolute; /*--Important--*/	top: 44px; left: 0;	z-index: 500;	zoom: 1;	display: none;	width: 100%;  padding: 10px 0;  color: #fff;}
.level0 li a { border:0; color: #fff;}
.level0 li:first-child a, .level0 li:last-child a { padding-right: 0; background: none;}
.level1 { padding: 10px 10px; margin: 0;}
.level1 li { font-size: 16px; font-family: Geneva, Helvetica, Arial, sans-serif; float: none; list-style: none; padding-right: 0; margin: 0;}
.level1 li p { margin-bottom: 5px;}
.level1 li a:hover { border-bottom: 1px solid #fff; display: inline; padding-right: 0;}
.level2 { padding-left: 10px;}
.level2 li {  font-size: 14px;}

/* Admin visites groupe + Admin Urban lists + admin visites publiques */

.VisitsAdmin td { font-size: 12px; padding: 0 10px 10px 0; }
.VisitsAdmin .separ {  border-top: 1px solid #ccc;}

.VisitsAdmin th { font-family:ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; font-size: 18px; vertical-align: bottom; padding: 0 10px 10px 0;width:118px;}
.VisitsAdmin .tId, .VisitsAdmin .tName, .VisitsAdmin .tDate,  .VisitsAdmin .tGroup,.VisitsAdmin .tManager, .VisitsAdmin .tStatus, .VisitsAdmin .tActions, .VisitsAdmin .tLang, .VisitsAdmin .tCat, .VisitsAdmin .tType { text-align: left; vertical-align: top;}
.VisitsAdmin .tId {width: auto; padding-right: 2em;}
.VisitsAdmin .tSold, .VisitsAdmin .tRatio { text-align: right; width: 100px; padding-right: 30px;}
.VisitsAdmin .tActions {width:210px;}
.VisitsAdmin .tDate { text-align: left; }
.VisitsAdmin .tManager {text-align: left; }
.VisitsAdmin .tLang { width: 50px;}
.VisitsAdmin .tGroup, .VisitsAdmin .tDate, .VisitsAdmin .tManager, .VisitsAdmin .tCat, .VisitsAdmin .tType { font-weight: bold; /*width: 87px;*/}
.VisitsAdmin .tActions ul li { list-style: none; float: left; white-space: nowrap;  margin-right: 5px;}
.VisitsAdmin .tActions ul li a { display: block; width: 24px; overflow: hidden; background-image: url(../_img/piconAdmin.png); background-repeat: no-repeat; border-bottom: 0;  text-indent: -9999px;}
.tActions ul li .view { height: 30px; background-position: center 3px;}
.tActions ul li .edit { height: 30px; background-position: center -37px;}
.tActions ul li .validate { height: 33px;  background-position: center -81px;}
.tActions ul li .unvalidate { height: 33px; background-position: center -171px;}
.tActions ul li .sendLink { height: 33px; background-position: center -123px;}
.tActions ul li .block { height: 33px; background-position: center -214px;}
.tActions ul li .unblock { height: 33px; background-position: center -250px;}
.tActions ul li .delete {height: 33px; background-position: center -293px;} 
.tActions ul li .markAsUnpaid {height: 33px; background-position: center -360px;} 
.tActions ul li .markAsPaid {height: 33px; background-position: center -330px;} 
.tActions ul li .dates {height: 33px; background-position: center -426px;} 
.tActions ul li .options {height: 33px; background-position: center -393px;} 
.VisitsAdmin td.tStatus { text-shadow: 0px 0px 5px lightgreen; color: olive;}
.VisitsAdmin .tStatus { width: 79px;}
.toCheck { font-weight: normal; text-shadow: 0px 0px 20px red; color: red;}
.modified { text-shadow: 0 0 20px #f5f420; color: #f58420;}
.paid { text-shadow: 0 0 20px grey; color: #bbb;}
.waiting { text-shadow: 0 0 20px olive; color: olive;}
.quantity, .unit_price, .tPrice input {width:50px;}

select#tour_locomotion, select#tour_type, select#tour_departure_id, select#tour_option_price_type {width: 340px;}

#visitsEdit th, #themesVisitEdit th {width: 250px;}
#visitsEdit .tStatus, #visitsEdit .tActions {width: 100px;}
#visitDatesEdit .tActions {width: 150px;}
#visitDatesEdit .tDate {font-weight: bold;width: 116px;}
#toursDepartEdit th {width: 500px;}
#toursDepartEdit .tActions, #themesVisitEdit .tActions {width: 110px;}
#toursDepartEdit .tActions ul li, #themesVisitEdit .tActions ul li {margin-left: 20px;}

.explicNewSaison { background-color: #fce3b8; color: #794f08; padding: 2em; } 
.explicNewSaison ul { padding-left: 2em; }
.explicNewSaison li { margin-bottom: 1em; }
.explicNewSaison p { margin-bottom: 1em; }

#adminSubNav {position: absolute; right: 0; top: 106px; z-index: 9999;}
#adminSubNav ul {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); overflow: hidden; height: 100%; zoom: 1; clear: both;} 
#adminSubNav ul li {float: left; list-style: none; margin: 0 5px; padding: 4px 20px; font-size: 14px; color: white;}
#adminSubNav ul li a {color: #eeeeee; border-bottom: 0;}
#adminSubNav ul li a:hover {color: #ffffff; text-decoration: underline;}

/* Admin Action Urbaine */

.tabs {font-family: ProximaNova-Light, Helvetica, Arial Narrow, Arial, sans-serif; overflow:visible; height: 49px; border-bottom: 1px solid #d4d4d4; padding: 0;margin-bottom: 20px;
}
.tabs li {float: left; margin-left: 10px; font-size: 18px; list-style: none; padding: 11px 14px 9px;border: 1px solid #d4d4d4;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 86%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(86%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 86%,rgba(0,0,0,0.1) 100%); /* W3C */


 }
.tabs li a, .tabs li span {display: block; text-decoration: none; border-bottom: none;}
.tabs li a {color: #888;}
.tabs li a:hover {color: #222;}
.tabs li span {font-size: 18px;}
.tabs li.activ {border-bottom: 1px solid white; background: white;padding-top: 11px; padding-bottom: 9px;color: #222;}

  
.checkbox_list li {float: left; list-style-type: none; margin-bottom: 0.5em; margin-top: 0.5em;}
.checkbox_list input {width: 20px; height: 16px; float: left;}
.checkbox_list li label {margin-right: 20px; overflow: hidden; height: 100%; display: block}

  @-moz-document url-prefix() {
      .tabs li {padding-top: 11px;}
      .resa input[type=file]{height: 27px;}
      .resa .xxsInput {height:16px;}
      .checkbox_list input {float: none;}
  }
  
.lego.block {background-color: #f0f0ee; padding: 20px;}

.adminFilters { position: relative; }
.adminFilters select {background-size: 11px; padding-right: 2em !important;}
.adminFilters legend { display: block; position: absolute; top: 24px; left: 25px; font-size: 18px }
.adminFilters input[type="text"], .adminFilters select {padding: 4px; font-size: 14px; margin: 0 4px;}
.adminFilters .column { padding: 5px 0 }
.adminFilters .label { text-align: right; padding-top: 6px;}

input[type=file] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #EEE;
    border: thin solid rgba(0,0,0, .25);
    border-radius: .25em;
    cursor: text;
    padding: .25em .25em .45em .25em;
    width: auto;
}

/* FOOTER */

footer {position: relative; padding-top: 270px; background: #f5f5f5}
footer .creds {color: black;
    text-shadow: none;}
.en footer {padding-top: 250px;}

.arauQuid {position: absolute; top: 5px; /* height: 208px;*/ width: 900px;}
.brdrBlue { border-top:1px solid #7f9aaa; /*padding-top: 20px;*/}
.arauQuid .logoBlue { background: transparent url(../_img/logoBlue.svg) no-repeat 0 0; background-size: 125px 100%; padding: 0 0 90px 134px; float: left; width: 50%; margin-right: 20px;}
.en .arauQuid .logoBlue { background: transparent url(../_img/logoBlue.svg) no-repeat 0 0; padding-bottom: 15px;}  
.arauQuid h3 { margin-top: 0; padding-top: 0;}
.arauQuid .membrship { float: left; width: 40%;}
.arauQuid h3, .arauQuid h4, .arauQuid p {color: #647986;}
.addrAndNav { background: #6691aa; color: #fff; line-height: 1.5; padding: 30px 0 0 0;}

#navFooter dl {padding-top: 16px;}

.creds { /*background: #acacac url(../_img/tram.gif) repeat*/; color: #647986; text-shadow: 1px 1px #f7f7f7; padding: 30px 0 30px 0;}
.creds .copy { padding: 0 0 20px 20px; font-size: 12px;}

.addrAndNav a { color: #fff; border: 0;}
.addrAndNav a:hover { border-bottom: 1px solid;}

.vcard { padding: 6px 0 10px 20px;}
.vcard h3 span { font-size: 16px; font-weight: normal;}

.partners li { border: 1px; background: transparent; float: left; list-style: none; margin-right: 5px;}
.partners li a { display: block; text-indent: -9999px; text-decoration: none; border-bottom: none; background-size: contain !important;; background-position: center !important;opacity: .6}
.partners li.cf a { background: url(/a/_img/cf.svg) no-repeat; width: 60px; height: 60px;}
.partners li.cocof a { background: url(/a/_img/cocof.svg) no-repeat; width: 104px; height: 60px;}
.partners li.actiris a { background: url(/a/_img/actiris.svg) no-repeat; width: 104px; height: 60px;}
.partners li.bxlexport { display: none;}
/*.partners li.bitc {margin-left: 55px;}*/
.partners li.bitc a {  background: url(/a/_img/visit.svg) no-repeat; width: 104px; height: 60px; }
.partners li.art27 a {  background: url(/a/_img/article.svg) no-repeat; width: 60px; height: 60px;}
.partners li.thalys a { width: 100px; background: url(/a/_img/thalys.svg) no-repeat; width: 104px; height: 60px; }
.partners li a:hover { border: none; opacity: .95}



/*------Intersaison-------*/

.intersaison .item { float: left; margin-right: 19px; }

/*------Search-----------*/

.searchResultsList {margin-top: 1em;}
.searchResultsList li {list-style-type: none;}
.searchItem { margin-bottom: 2em; }
.searchItemTitle { font-weight: bold;  font-family: Helvetica, Arial Narrow, Arial, sans-serif; }
.searchItemTitle a { text-decoration: none; border-bottom: none; }
.searchItemTxt { overflow: hidden; height: 100%; line-height: 1.2;}
.searchPager {overflow: hidden; height: 100%; margin:1em 85px 0;}
.searchPager li { float:left; border: 1px solid #ccc; text-align: center; margin-right: -1px; list-style-type: none; }
.searchPager li .next { display: block; background: transparent url(/a/_img/pager.png) no-repeat 100px 10px; text-decoration: none; border-bottom: 0; padding: 10px 30px}
.searchPager li .prev { display: block; background: transparent url(/a/_img/pager.png) no-repeat 12px -64px; text-decoration: none; border-bottom: 0; text-indent: 12px; padding: 10px 30px 10px 18px; }
.searchPager li .next:hover { background: transparent url(/a/_img/pager.png) no-repeat 100px -29px; }
.searchPager li .prev:hover { background: transparent url(/a/_img/pager.png) no-repeat 12px -99px; }
.searchItemURL:before {content: "›"; display: block; float: left; text-align: left; color:#F5BFC9; font-weight: bold; vertical-align: middle; margin-right: 0.4em }
.searchInpage input[type="text"] { line-height: 2em; padding: 8px; width: 300px; margin-left:2px; overflow: visible; }
.searchInpage input:focus {outline-color: #F5BFC9; } 
.searchInpage input.loup { width: 30px; margin: 2px 38px 0 -30px; background: transparent url(/a/_img/loup.svg) no-repeat 0 0; border: 0; text-indent: -9999px; cursor: pointer; color: transparent; overflow: visible;padding: 0; height: 22px;}
.searchItemNoVignette { width: 67px; height: 67px; }
.searchItemTypePdf { width: 65px; }
.searchItemTypePdf span { display: block; background: transparent url(/a/_img/piconAdmin.png) no-repeat center -543px; width: 35px; height: 35px; text-indent: -9999px; margin: 0 auto;}

.TA_linkingWidgetWAR, .TA_linkingWidgetWAR a, .TA_linkingWidgetWAR a:hover, .TA_linkingWidgetWAR a:visited  {color: #555 !important; font-family: Helvetica, Arial Narrow, Arial, sans-serif; letter-spacing: 0.1em;}

/*-----------------------*/

.no-border, #sideContent .lego.no-border, #mainContent .lego.no-border {border-bottom: 0;}

/*------Structure --------*/

#container {  position: relative;  margin-top: 344px; z-index: 55; margin-bottom: 25px;}
#mainContent {padding-bottom: 20px;}
#mainContent .lego, #searchHead .lego { padding-left: 20px; padding-right: 20px;}
#mainContent .lego .lego, #searchHead .lego .lego { padding-left: 0; padding-right: 24px;}

#sideContent { margin-top: 80px; padding-bottom: 20px}
#sideContent.column { padding-left: 24px; padding-right: 24px}
#sideContentBis {margin-top: 93px;}
.headerImg { position: absolute; top:0px; z-index: 0; height:417px;}
.headerImg .img, .headerImg img {width: 100%}
.header { margin: 0 auto; width: 100%;}

.fLeft {float: left;}
.clear {clear: both;}

/*--------MEDIA QUERIES & GRIDS (1kb)---------*/

/*		Default Layout: 992px. 

    Columns: 60px
		Gutters: 24px.->84
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10    11
px      60    144    228    312    396    480    564    648    732    816   900    */

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */

/*px      60    144    228    312    396    480    564    648    732    816   900    */

/*.grid_1 { width:60px; }
.grid_2 { width:144px; }
.grid_3 { width:228px; }
.grid_4 { width:312px; }
.grid_5 { width:396px; }
.grid_6 { width:480px; }
.grid_7 { width:564px; }
.grid_8 { width:648px; }
.grid_9 { width:732px; }
.grid_10 { width:816px; }
.grid_11 { width:900px; }*/


.column { /* 12px margin on BOTH sides, resulting in a 24px gutter between columns // NO! no margins : paddings */
    /*margin: 0 12px;*/
    margin: 0 0;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    float: left;
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
    /*width: 924px;*/
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
}

.row .row {
    margin: 0 -12px;
    width: auto;
}

.prepend_4 {margin-left: 264px;} 

@media only screen and (max-width: 764px) {
    .mobile-hide {display: none}
    .mobile-float-none {float: none;}
    .vcard {padding: 6px 0 20px 0px}
    #navFooter {padding: 0}
    .headerImg {height: 196px !important;}
    #container {margin-top: 196px !important; margin-bottom: 0}
    #mainContent .lego, #searchHead .lego {padding-left: 0px;padding-right: 0px;}
    .credPhoto {bottom: 0}
    .date h4, .imgDet {padding-left: 0}
    footer {background: none; padding-top: 20px; }
    footer .arauQuid {position: static; padding-bottom: 20px; padding-right: 10px; padding-left: 10px;}
    footer .arauQuid .logoBlue {padding:0 0; width: 100%; /*background-size: 90px;*/background: none; float: none;}
    footer.brdrBlue {border-width: 0px;}
    footer .creds .copy {padding: 0 0 20px 0px;}
    .item2 {  width: 100%;  margin: 0 0 10px 0;}
    #mainContent .offsetTop.lego.au, #mainContent .offsetTop.lego.vg {padding-left: 12px; padding-right: 12px;}
    #sideContent {margin-top: 0}
    .nslttr .fLeft {float: none}
    .alaCart .fLeft {float: none}
    .artDet p, #mainContent .lego .lego {padding-right: 10px;} 
    .filters .busOrFoot {position: initial; margin-top: 20px;}
    .fLeft {float: none}
    .step {margin-left: 0px; margin-right: 20px;}
    .calendar td {display: inline-grid; width: 100%; margin: 0px !important;}
    .calendar thead {display: none;}
    .calendar thead.cMonth {display: block;}
    .calendar thead.cMonth tr {padding: 0;}
    .calendar thead.cMonth h2 {margin: 0;border: none}
    .calendar tr, tr.visitNotShowed {background: #f3f3f3; padding: 10px; margin: 10px 0px; display: block;}
    .calendar .cMonth tr {background: transparent;}
    .cTitle a {margin: 0; border-bottom: none; text-transform: uppercase; color: orange;}
    .nslttr .desc input {margin-bottom: 15px;}
}
@media screen and (max-width: 1023px) {
/*  .item2 {  width: 100%;  margin: 0 0 10px 0;}*/
  .row { width: 100%; box-sizing: border-box;}
  .row .row { margin: 0 0; }
  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width:100%;}
  .navHamburger {display: block}
  .navHamburger i {font-weight: 700; vertical-align: text-bottom; font-size: 18px !important}
  #nav, .langChoice {display: none}
  .logo {top: 34px;}
  .search form input.loup {margin: 2px 0px 0 -26px;}
}

@media screen and (min-width: 1024px){
  .navHamburger {display: none}
  #icontainer { padding-left: 20px; }
  .row { width: 100%; }
  .grid_1 { width:8.33334%; }
  .grid_2 { width:16.66668%; }
  .grid_3 { width:25.00002%; }
  .grid_4 { width:33.33336%; }
  .grid_5 { width:41.6667%; }
  .grid_6 { width:50%; }
  .grid_7 { width:58.33334%; }
  .grid_8 { width:66.66668%; }
  .grid_9 { width:75.00002%; }
  .grid_10 { width:83.33336%; }
  .grid_11 { width:91.6667%; }
  .grid_12 { width:100%; }
  .item2 {  width: 295px;  margin: 0 20px 10px 0;}
  .logo { margin: 0 0 0 45px; width: 192px; top: 18px; left: 17px;}
  .logo a { height: 203px; width: 192px;}
    #CDSWIDWRM.widWRMWrapper {width: auto !important}
}
@media (min-width: 765px) and (max-width: 1023px) {
    .vcard {padding: 6px 0 10px 10px;} 
    .date h4 {padding-left: 0px;}
    .calendar tr {font-size: 12px;line-height: 2em;}
}
@media screen and (min-width: 1280px) {
.item2 {  width: 380px;  margin: 0 20px 10px 0;}
.row { width: 1280px; }
}
@media (min-width: 765px) and (max-width: 1279px) {
.arauQuid .logoBlue {    width: 50%;}
.arauQuid .membrship {    width: 45%;}
.arauQuid p {    font-size: 14px;    line-height: 1.45;}
/*    .arauQuid p {font-size: 13px; line-height: 1.45}*/
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (max-height: 800px) {  
  .headerImg {height:329px;}
  .headerImg .img {height:310px;}  
  #nav ul.level0 {top: 155px;}
  #container {margin-top: 260px;}
}
@media only screen and (max-width: 990px) {
  .headerImg {height:329px;}
  .headerImg .img {height:310px;}  
  #nav ul.level0 {top: 155px;}
  #container {margin-top: 260px;}
    .arauQuid .logoBlue {width: 57.5%;}
    .arauQuid .membrship {width: 37.5%;}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

/*@media only screen and (max-width: 767px) {
	
	body {
		width: 252px;
		padding: 48px 34px 60px;
	}
	
}

		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	body {
		/*width: 436px;
		padding: 36px 22px 48px;*/
	}
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

/*@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}

/* ----------Isotope--------------- */

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope animation ****/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope-item h4 {line-height: 1.15;margin-bottom: 10px;}

/* Tabs (Admin langues)
---------------------------------------------------------------------*/

/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
.ui-tabs {
  position:relative;
  padding: 20px 0;
  zoom:1;
  margin: 1em 0
}
.ui-tabs .ui-tabs-nav {
  margin:0;
  padding:0;
}
.ui-tabs .ui-tabs-nav li {
  list-style:none;
  /*float:left;*/ 
  display:inline;
  position:relative;
  top:0;
  margin:0;
  border-bottom:0 !important;
  padding:0;
  white-space:nowrap;
}
.ui-tabs .ui-tabs-nav li a {
  /*float:left;*/ 
  padding:10px 15px 6px 12px;
  text-decoration:none;
  background:#c4c4c4;
  color:#555 !important;
  border-bottom:0 !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom:0;
  padding-bottom:1px;
  top:1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-hover a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  text-decoration:none;
  background:#7f9aab !important;
  padding-top:11px;
  color:#fff !important;
}
/* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor:text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a,.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display:block;
  border:0;
  padding:3px 0;
  background:none;
  clear:both;
  margin-top:2px;
  border-top:2px solid #7f9aab;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}

/***********************************************************************************************/
/* Mobile menu */
/***********************************************************************************************/

.navHamburger {
    position: absolute;
    z-index: 999;
    color: white;
    padding: 6px 10px;
    font-weight: 600;
    cursor: pointer;
}
.navHamburger span.close {display: none;}
.navMobile {
    position: absolute;
    z-index: 998;
    color: white;
    background: black;
    color: white;
    padding: 40px 10px 40px 10px;
    display: none;
    width: 100%;
    top: 0;
}
.navMobile dd a {color: white;}
.navMobile dd {padding: 3px 0;}
.navMobile dl dt {margin: 15px 0 5px 0;    text-transform: uppercase;}
.mobileLang {text-transform: uppercase;color: white; font-weight: 600; margin-top: 15px}
.mobileLang a {color: #6691aa;}

/***********************************************************************************************/
/* tripadisor widget */
/***********************************************************************************************/
.widCOE, .widWRMWrapper {
    border-radius: 3px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 2px 5px;
}
#CDSWIDCOE.widCOE .widCOELink a {
    color: #599642 !important;
    text-decoration: none;
    font-size: 12px !important;
}
#CDSWIDWRM .widWRMReview input {border-radius: 3px; text-transform: uppercase}

/***********************************************************************************************/
/* Responsie Table */
/***********************************************************************************************/
.table-wrapper {
  padding: 25px 0 15px 0px;
}
.table-wrapper table {
  width: 100%;
}
.table-wrapper table th,
.table-wrapper table td {
  padding: 8px 10px;
  text-align: left;
}
.table-wrapper table th {
/*  background-color: #eee;*/
}
ol, ul {
	list-style: none;
}
.width_th {width: 50%}
.table-wrapper th {height: 60px}
/* Actual responsive styling */
@media (max-width: 767px) {
  .table-wrapper ul li {font-size: 12px; line-height: 1.4;}
  .table-responsive-scroll {
    display: block;
  }
  .table-responsive-scroll thead {
    display: block;
    float: left;
  }
  .table-responsive-scroll thead tr,
  .table-responsive-scroll thead th {
    display: block;
  }
  .table-responsive-scroll thead th + th {
    border-top: 0;
  }
  .table-responsive-scroll tbody {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: auto;
    white-space: nowrap;
  }
  .table-responsive-scroll tbody tr {
    display: inline-block;
/*    border-right: 1px solid #ccc;*/
  }
  .table-responsive-scroll tbody td {
    display: block;
    border-width: 1px 0 0 0;
  }
  .table-responsive-scroll tbody td:last-child {
    border-bottom-width: 1px;
  }
  .table-responsive-blocks,
  .table-responsive-blocks thead,
  .table-responsive-blocks tbody,
  .table-responsive-blocks tr,
  .table-responsive-blocks th,
  .table-responsive-blocks td {
    display: block;
  }
  .table-responsive-blocks tr {
    margin: 10px 0;
    border-top: 3px solid #ccc;
    border-bottom: 3px solid #ccc;
  }
  .table-responsive-blocks tr:nth-child(2n+1) {
    background-color: #eee;
  }
  .table-responsive-blocks thead tr {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
  .table-responsive-blocks tbody td {
    position: relative;
    /* padding-left: 50%; */
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px;
  }
  .table-responsive-blocks tbody td:last-child {
    border-bottom-width: 0;
  }
  .table-responsive-blocks tbody td:before {
    content: attr(data-title);
    display: inline-block;
    /* position: relative; */
    /* left: 0px; */
    width: 45%;
    padding-right: 5%;
    font-weight: bold;
  }
    .width_th {width: auto}
}

/***********************************************************************************************/
/* Backtotop */
/***********************************************************************************************/
.go-top {
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    background-color: #547a90;
    background-image: url(/a/_img/Up.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin: 1.5rem;
    z-index: 99999;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    box-shadow: 0 1.5px 4px rgba(0,0,0,0.24), 0 1.5px 6px rgba(0,0,0,0.12);
}

.go-top:hover {
/*	background-color: rgba(0, 0, 0, 0.6);*/
}